body[data-aos-duration='50'] [data-aos],
[data-aos][data-aos][data-aos-duration='50'] {
    transition-duration: 50ms
}

body[data-aos-delay='50'] [data-aos],
[data-aos][data-aos][data-aos-delay='50'] {
    transition-delay: 0
}

body[data-aos-delay='50'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='50'].aos-animate {
    transition-delay: 50ms
}

body[data-aos-duration='100'] [data-aos],
[data-aos][data-aos][data-aos-duration='100'] {
    transition-duration: 100ms
}

body[data-aos-delay='100'] [data-aos],
[data-aos][data-aos][data-aos-delay='100'] {
    transition-delay: 0
}

body[data-aos-delay='100'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='100'].aos-animate {
    transition-delay: 100ms
}

body[data-aos-duration='150'] [data-aos],
[data-aos][data-aos][data-aos-duration='150'] {
    transition-duration: 150ms
}

body[data-aos-delay='150'] [data-aos],
[data-aos][data-aos][data-aos-delay='150'] {
    transition-delay: 0
}

body[data-aos-delay='150'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='150'].aos-animate {
    transition-delay: 150ms
}

body[data-aos-duration='200'] [data-aos],
[data-aos][data-aos][data-aos-duration='200'] {
    transition-duration: 200ms
}

body[data-aos-delay='200'] [data-aos],
[data-aos][data-aos][data-aos-delay='200'] {
    transition-delay: 0
}

body[data-aos-delay='200'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='200'].aos-animate {
    transition-delay: 200ms
}

body[data-aos-duration='250'] [data-aos],
[data-aos][data-aos][data-aos-duration='250'] {
    transition-duration: 250ms
}

body[data-aos-delay='250'] [data-aos],
[data-aos][data-aos][data-aos-delay='250'] {
    transition-delay: 0
}

body[data-aos-delay='250'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='250'].aos-animate {
    transition-delay: 250ms
}

body[data-aos-duration='300'] [data-aos],
[data-aos][data-aos][data-aos-duration='300'] {
    transition-duration: 300ms
}

body[data-aos-delay='300'] [data-aos],
[data-aos][data-aos][data-aos-delay='300'] {
    transition-delay: 0
}

body[data-aos-delay='300'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='300'].aos-animate {
    transition-delay: 300ms
}

body[data-aos-duration='350'] [data-aos],
[data-aos][data-aos][data-aos-duration='350'] {
    transition-duration: 350ms
}

body[data-aos-delay='350'] [data-aos],
[data-aos][data-aos][data-aos-delay='350'] {
    transition-delay: 0
}

body[data-aos-delay='350'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='350'].aos-animate {
    transition-delay: 350ms
}

body[data-aos-duration='400'] [data-aos],
[data-aos][data-aos][data-aos-duration='400'] {
    transition-duration: 400ms
}

body[data-aos-delay='400'] [data-aos],
[data-aos][data-aos][data-aos-delay='400'] {
    transition-delay: 0
}

body[data-aos-delay='400'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='400'].aos-animate {
    transition-delay: 400ms
}

body[data-aos-duration='450'] [data-aos],
[data-aos][data-aos][data-aos-duration='450'] {
    transition-duration: 450ms
}

body[data-aos-delay='450'] [data-aos],
[data-aos][data-aos][data-aos-delay='450'] {
    transition-delay: 0
}

body[data-aos-delay='450'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='450'].aos-animate {
    transition-delay: 450ms
}

body[data-aos-duration='500'] [data-aos],
[data-aos][data-aos][data-aos-duration='500'] {
    transition-duration: 500ms
}

body[data-aos-delay='500'] [data-aos],
[data-aos][data-aos][data-aos-delay='500'] {
    transition-delay: 0
}

body[data-aos-delay='500'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='500'].aos-animate {
    transition-delay: 500ms
}

body[data-aos-duration='550'] [data-aos],
[data-aos][data-aos][data-aos-duration='550'] {
    transition-duration: 550ms
}

body[data-aos-delay='550'] [data-aos],
[data-aos][data-aos][data-aos-delay='550'] {
    transition-delay: 0
}

body[data-aos-delay='550'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='550'].aos-animate {
    transition-delay: 550ms
}

body[data-aos-duration='600'] [data-aos],
[data-aos][data-aos][data-aos-duration='600'] {
    transition-duration: 600ms
}

body[data-aos-delay='600'] [data-aos],
[data-aos][data-aos][data-aos-delay='600'] {
    transition-delay: 0
}

body[data-aos-delay='600'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='600'].aos-animate {
    transition-delay: 600ms
}

body[data-aos-duration='650'] [data-aos],
[data-aos][data-aos][data-aos-duration='650'] {
    transition-duration: 650ms
}

body[data-aos-delay='650'] [data-aos],
[data-aos][data-aos][data-aos-delay='650'] {
    transition-delay: 0
}

body[data-aos-delay='650'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='650'].aos-animate {
    transition-delay: 650ms
}

body[data-aos-duration='700'] [data-aos],
[data-aos][data-aos][data-aos-duration='700'] {
    transition-duration: 700ms
}

body[data-aos-delay='700'] [data-aos],
[data-aos][data-aos][data-aos-delay='700'] {
    transition-delay: 0
}

body[data-aos-delay='700'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='700'].aos-animate {
    transition-delay: 700ms
}

body[data-aos-duration='750'] [data-aos],
[data-aos][data-aos][data-aos-duration='750'] {
    transition-duration: 750ms
}

body[data-aos-delay='750'] [data-aos],
[data-aos][data-aos][data-aos-delay='750'] {
    transition-delay: 0
}

body[data-aos-delay='750'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='750'].aos-animate {
    transition-delay: 750ms
}

body[data-aos-duration='800'] [data-aos],
[data-aos][data-aos][data-aos-duration='800'] {
    transition-duration: 800ms
}

body[data-aos-delay='800'] [data-aos],
[data-aos][data-aos][data-aos-delay='800'] {
    transition-delay: 0
}

body[data-aos-delay='800'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='800'].aos-animate {
    transition-delay: 800ms
}

body[data-aos-duration='850'] [data-aos],
[data-aos][data-aos][data-aos-duration='850'] {
    transition-duration: 850ms
}

body[data-aos-delay='850'] [data-aos],
[data-aos][data-aos][data-aos-delay='850'] {
    transition-delay: 0
}

body[data-aos-delay='850'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='850'].aos-animate {
    transition-delay: 850ms
}

body[data-aos-duration='900'] [data-aos],
[data-aos][data-aos][data-aos-duration='900'] {
    transition-duration: 900ms
}

body[data-aos-delay='900'] [data-aos],
[data-aos][data-aos][data-aos-delay='900'] {
    transition-delay: 0
}

body[data-aos-delay='900'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='900'].aos-animate {
    transition-delay: 900ms
}

body[data-aos-duration='950'] [data-aos],
[data-aos][data-aos][data-aos-duration='950'] {
    transition-duration: 950ms
}

body[data-aos-delay='950'] [data-aos],
[data-aos][data-aos][data-aos-delay='950'] {
    transition-delay: 0
}

body[data-aos-delay='950'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='950'].aos-animate {
    transition-delay: 950ms
}

body[data-aos-duration='1000'] [data-aos],
[data-aos][data-aos][data-aos-duration='1000'] {
    transition-duration: 1000ms
}

body[data-aos-delay='1000'] [data-aos],
[data-aos][data-aos][data-aos-delay='1000'] {
    transition-delay: 0
}

body[data-aos-delay='1000'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='1000'].aos-animate {
    transition-delay: 1000ms
}

body[data-aos-duration='1050'] [data-aos],
[data-aos][data-aos][data-aos-duration='1050'] {
    transition-duration: 1050ms
}

body[data-aos-delay='1050'] [data-aos],
[data-aos][data-aos][data-aos-delay='1050'] {
    transition-delay: 0
}

body[data-aos-delay='1050'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='1050'].aos-animate {
    transition-delay: 1050ms
}

body[data-aos-duration='1100'] [data-aos],
[data-aos][data-aos][data-aos-duration='1100'] {
    transition-duration: 1100ms
}

body[data-aos-delay='1100'] [data-aos],
[data-aos][data-aos][data-aos-delay='1100'] {
    transition-delay: 0
}

body[data-aos-delay='1100'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='1100'].aos-animate {
    transition-delay: 1100ms
}

body[data-aos-duration='1150'] [data-aos],
[data-aos][data-aos][data-aos-duration='1150'] {
    transition-duration: 1150ms
}

body[data-aos-delay='1150'] [data-aos],
[data-aos][data-aos][data-aos-delay='1150'] {
    transition-delay: 0
}

body[data-aos-delay='1150'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='1150'].aos-animate {
    transition-delay: 1150ms
}

body[data-aos-duration='1200'] [data-aos],
[data-aos][data-aos][data-aos-duration='1200'] {
    transition-duration: 1200ms
}

body[data-aos-delay='1200'] [data-aos],
[data-aos][data-aos][data-aos-delay='1200'] {
    transition-delay: 0
}

body[data-aos-delay='1200'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='1200'].aos-animate {
    transition-delay: 1200ms
}

body[data-aos-duration='1250'] [data-aos],
[data-aos][data-aos][data-aos-duration='1250'] {
    transition-duration: 1250ms
}

body[data-aos-delay='1250'] [data-aos],
[data-aos][data-aos][data-aos-delay='1250'] {
    transition-delay: 0
}

body[data-aos-delay='1250'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='1250'].aos-animate {
    transition-delay: 1250ms
}

body[data-aos-duration='1300'] [data-aos],
[data-aos][data-aos][data-aos-duration='1300'] {
    transition-duration: 1300ms
}

body[data-aos-delay='1300'] [data-aos],
[data-aos][data-aos][data-aos-delay='1300'] {
    transition-delay: 0
}

body[data-aos-delay='1300'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='1300'].aos-animate {
    transition-delay: 1300ms
}

body[data-aos-duration='1350'] [data-aos],
[data-aos][data-aos][data-aos-duration='1350'] {
    transition-duration: 1350ms
}

body[data-aos-delay='1350'] [data-aos],
[data-aos][data-aos][data-aos-delay='1350'] {
    transition-delay: 0
}

body[data-aos-delay='1350'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='1350'].aos-animate {
    transition-delay: 1350ms
}

body[data-aos-duration='1400'] [data-aos],
[data-aos][data-aos][data-aos-duration='1400'] {
    transition-duration: 1400ms
}

body[data-aos-delay='1400'] [data-aos],
[data-aos][data-aos][data-aos-delay='1400'] {
    transition-delay: 0
}

body[data-aos-delay='1400'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='1400'].aos-animate {
    transition-delay: 1400ms
}

body[data-aos-duration='1450'] [data-aos],
[data-aos][data-aos][data-aos-duration='1450'] {
    transition-duration: 1450ms
}

body[data-aos-delay='1450'] [data-aos],
[data-aos][data-aos][data-aos-delay='1450'] {
    transition-delay: 0
}

body[data-aos-delay='1450'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='1450'].aos-animate {
    transition-delay: 1450ms
}

body[data-aos-duration='1500'] [data-aos],
[data-aos][data-aos][data-aos-duration='1500'] {
    transition-duration: 1500ms
}

body[data-aos-delay='1500'] [data-aos],
[data-aos][data-aos][data-aos-delay='1500'] {
    transition-delay: 0
}

body[data-aos-delay='1500'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='1500'].aos-animate {
    transition-delay: 1500ms
}

body[data-aos-duration='1550'] [data-aos],
[data-aos][data-aos][data-aos-duration='1550'] {
    transition-duration: 1550ms
}

body[data-aos-delay='1550'] [data-aos],
[data-aos][data-aos][data-aos-delay='1550'] {
    transition-delay: 0
}

body[data-aos-delay='1550'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='1550'].aos-animate {
    transition-delay: 1550ms
}

body[data-aos-duration='1600'] [data-aos],
[data-aos][data-aos][data-aos-duration='1600'] {
    transition-duration: 1600ms
}

body[data-aos-delay='1600'] [data-aos],
[data-aos][data-aos][data-aos-delay='1600'] {
    transition-delay: 0
}

body[data-aos-delay='1600'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='1600'].aos-animate {
    transition-delay: 1600ms
}

body[data-aos-duration='1650'] [data-aos],
[data-aos][data-aos][data-aos-duration='1650'] {
    transition-duration: 1650ms
}

body[data-aos-delay='1650'] [data-aos],
[data-aos][data-aos][data-aos-delay='1650'] {
    transition-delay: 0
}

body[data-aos-delay='1650'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='1650'].aos-animate {
    transition-delay: 1650ms
}

body[data-aos-duration='1700'] [data-aos],
[data-aos][data-aos][data-aos-duration='1700'] {
    transition-duration: 1700ms
}

body[data-aos-delay='1700'] [data-aos],
[data-aos][data-aos][data-aos-delay='1700'] {
    transition-delay: 0
}

body[data-aos-delay='1700'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='1700'].aos-animate {
    transition-delay: 1700ms
}

body[data-aos-duration='1750'] [data-aos],
[data-aos][data-aos][data-aos-duration='1750'] {
    transition-duration: 1750ms
}

body[data-aos-delay='1750'] [data-aos],
[data-aos][data-aos][data-aos-delay='1750'] {
    transition-delay: 0
}

body[data-aos-delay='1750'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='1750'].aos-animate {
    transition-delay: 1750ms
}

body[data-aos-duration='1800'] [data-aos],
[data-aos][data-aos][data-aos-duration='1800'] {
    transition-duration: 1800ms
}

body[data-aos-delay='1800'] [data-aos],
[data-aos][data-aos][data-aos-delay='1800'] {
    transition-delay: 0
}

body[data-aos-delay='1800'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='1800'].aos-animate {
    transition-delay: 1800ms
}

body[data-aos-duration='1850'] [data-aos],
[data-aos][data-aos][data-aos-duration='1850'] {
    transition-duration: 1850ms
}

body[data-aos-delay='1850'] [data-aos],
[data-aos][data-aos][data-aos-delay='1850'] {
    transition-delay: 0
}

body[data-aos-delay='1850'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='1850'].aos-animate {
    transition-delay: 1850ms
}

body[data-aos-duration='1900'] [data-aos],
[data-aos][data-aos][data-aos-duration='1900'] {
    transition-duration: 1900ms
}

body[data-aos-delay='1900'] [data-aos],
[data-aos][data-aos][data-aos-delay='1900'] {
    transition-delay: 0
}

body[data-aos-delay='1900'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='1900'].aos-animate {
    transition-delay: 1900ms
}

body[data-aos-duration='1950'] [data-aos],
[data-aos][data-aos][data-aos-duration='1950'] {
    transition-duration: 1950ms
}

body[data-aos-delay='1950'] [data-aos],
[data-aos][data-aos][data-aos-delay='1950'] {
    transition-delay: 0
}

body[data-aos-delay='1950'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='1950'].aos-animate {
    transition-delay: 1950ms
}

body[data-aos-duration='2000'] [data-aos],
[data-aos][data-aos][data-aos-duration='2000'] {
    transition-duration: 2000ms
}

body[data-aos-delay='2000'] [data-aos],
[data-aos][data-aos][data-aos-delay='2000'] {
    transition-delay: 0
}

body[data-aos-delay='2000'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='2000'].aos-animate {
    transition-delay: 2000ms
}

body[data-aos-duration='2050'] [data-aos],
[data-aos][data-aos][data-aos-duration='2050'] {
    transition-duration: 2050ms
}

body[data-aos-delay='2050'] [data-aos],
[data-aos][data-aos][data-aos-delay='2050'] {
    transition-delay: 0
}

body[data-aos-delay='2050'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='2050'].aos-animate {
    transition-delay: 2050ms
}

body[data-aos-duration='2100'] [data-aos],
[data-aos][data-aos][data-aos-duration='2100'] {
    transition-duration: 2100ms
}

body[data-aos-delay='2100'] [data-aos],
[data-aos][data-aos][data-aos-delay='2100'] {
    transition-delay: 0
}

body[data-aos-delay='2100'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='2100'].aos-animate {
    transition-delay: 2100ms
}

body[data-aos-duration='2150'] [data-aos],
[data-aos][data-aos][data-aos-duration='2150'] {
    transition-duration: 2150ms
}

body[data-aos-delay='2150'] [data-aos],
[data-aos][data-aos][data-aos-delay='2150'] {
    transition-delay: 0
}

body[data-aos-delay='2150'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='2150'].aos-animate {
    transition-delay: 2150ms
}

body[data-aos-duration='2200'] [data-aos],
[data-aos][data-aos][data-aos-duration='2200'] {
    transition-duration: 2200ms
}

body[data-aos-delay='2200'] [data-aos],
[data-aos][data-aos][data-aos-delay='2200'] {
    transition-delay: 0
}

body[data-aos-delay='2200'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='2200'].aos-animate {
    transition-delay: 2200ms
}

body[data-aos-duration='2250'] [data-aos],
[data-aos][data-aos][data-aos-duration='2250'] {
    transition-duration: 2250ms
}

body[data-aos-delay='2250'] [data-aos],
[data-aos][data-aos][data-aos-delay='2250'] {
    transition-delay: 0
}

body[data-aos-delay='2250'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='2250'].aos-animate {
    transition-delay: 2250ms
}

body[data-aos-duration='2300'] [data-aos],
[data-aos][data-aos][data-aos-duration='2300'] {
    transition-duration: 2300ms
}

body[data-aos-delay='2300'] [data-aos],
[data-aos][data-aos][data-aos-delay='2300'] {
    transition-delay: 0
}

body[data-aos-delay='2300'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='2300'].aos-animate {
    transition-delay: 2300ms
}

body[data-aos-duration='2350'] [data-aos],
[data-aos][data-aos][data-aos-duration='2350'] {
    transition-duration: 2350ms
}

body[data-aos-delay='2350'] [data-aos],
[data-aos][data-aos][data-aos-delay='2350'] {
    transition-delay: 0
}

body[data-aos-delay='2350'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='2350'].aos-animate {
    transition-delay: 2350ms
}

body[data-aos-duration='2400'] [data-aos],
[data-aos][data-aos][data-aos-duration='2400'] {
    transition-duration: 2400ms
}

body[data-aos-delay='2400'] [data-aos],
[data-aos][data-aos][data-aos-delay='2400'] {
    transition-delay: 0
}

body[data-aos-delay='2400'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='2400'].aos-animate {
    transition-delay: 2400ms
}

body[data-aos-duration='2450'] [data-aos],
[data-aos][data-aos][data-aos-duration='2450'] {
    transition-duration: 2450ms
}

body[data-aos-delay='2450'] [data-aos],
[data-aos][data-aos][data-aos-delay='2450'] {
    transition-delay: 0
}

body[data-aos-delay='2450'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='2450'].aos-animate {
    transition-delay: 2450ms
}

body[data-aos-duration='2500'] [data-aos],
[data-aos][data-aos][data-aos-duration='2500'] {
    transition-duration: 2500ms
}

body[data-aos-delay='2500'] [data-aos],
[data-aos][data-aos][data-aos-delay='2500'] {
    transition-delay: 0
}

body[data-aos-delay='2500'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='2500'].aos-animate {
    transition-delay: 2500ms
}

body[data-aos-duration='2550'] [data-aos],
[data-aos][data-aos][data-aos-duration='2550'] {
    transition-duration: 2550ms
}

body[data-aos-delay='2550'] [data-aos],
[data-aos][data-aos][data-aos-delay='2550'] {
    transition-delay: 0
}

body[data-aos-delay='2550'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='2550'].aos-animate {
    transition-delay: 2550ms
}

body[data-aos-duration='2600'] [data-aos],
[data-aos][data-aos][data-aos-duration='2600'] {
    transition-duration: 2600ms
}

body[data-aos-delay='2600'] [data-aos],
[data-aos][data-aos][data-aos-delay='2600'] {
    transition-delay: 0
}

body[data-aos-delay='2600'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='2600'].aos-animate {
    transition-delay: 2600ms
}

body[data-aos-duration='2650'] [data-aos],
[data-aos][data-aos][data-aos-duration='2650'] {
    transition-duration: 2650ms
}

body[data-aos-delay='2650'] [data-aos],
[data-aos][data-aos][data-aos-delay='2650'] {
    transition-delay: 0
}

body[data-aos-delay='2650'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='2650'].aos-animate {
    transition-delay: 2650ms
}

body[data-aos-duration='2700'] [data-aos],
[data-aos][data-aos][data-aos-duration='2700'] {
    transition-duration: 2700ms
}

body[data-aos-delay='2700'] [data-aos],
[data-aos][data-aos][data-aos-delay='2700'] {
    transition-delay: 0
}

body[data-aos-delay='2700'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='2700'].aos-animate {
    transition-delay: 2700ms
}

body[data-aos-duration='2750'] [data-aos],
[data-aos][data-aos][data-aos-duration='2750'] {
    transition-duration: 2750ms
}

body[data-aos-delay='2750'] [data-aos],
[data-aos][data-aos][data-aos-delay='2750'] {
    transition-delay: 0
}

body[data-aos-delay='2750'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='2750'].aos-animate {
    transition-delay: 2750ms
}

body[data-aos-duration='2800'] [data-aos],
[data-aos][data-aos][data-aos-duration='2800'] {
    transition-duration: 2800ms
}

body[data-aos-delay='2800'] [data-aos],
[data-aos][data-aos][data-aos-delay='2800'] {
    transition-delay: 0
}

body[data-aos-delay='2800'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='2800'].aos-animate {
    transition-delay: 2800ms
}

body[data-aos-duration='2850'] [data-aos],
[data-aos][data-aos][data-aos-duration='2850'] {
    transition-duration: 2850ms
}

body[data-aos-delay='2850'] [data-aos],
[data-aos][data-aos][data-aos-delay='2850'] {
    transition-delay: 0
}

body[data-aos-delay='2850'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='2850'].aos-animate {
    transition-delay: 2850ms
}

body[data-aos-duration='2900'] [data-aos],
[data-aos][data-aos][data-aos-duration='2900'] {
    transition-duration: 2900ms
}

body[data-aos-delay='2900'] [data-aos],
[data-aos][data-aos][data-aos-delay='2900'] {
    transition-delay: 0
}

body[data-aos-delay='2900'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='2900'].aos-animate {
    transition-delay: 2900ms
}

body[data-aos-duration='2950'] [data-aos],
[data-aos][data-aos][data-aos-duration='2950'] {
    transition-duration: 2950ms
}

body[data-aos-delay='2950'] [data-aos],
[data-aos][data-aos][data-aos-delay='2950'] {
    transition-delay: 0
}

body[data-aos-delay='2950'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='2950'].aos-animate {
    transition-delay: 2950ms
}

body[data-aos-duration='3000'] [data-aos],
[data-aos][data-aos][data-aos-duration='3000'] {
    transition-duration: 3000ms
}

body[data-aos-delay='3000'] [data-aos],
[data-aos][data-aos][data-aos-delay='3000'] {
    transition-delay: 0
}

body[data-aos-delay='3000'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='3000'].aos-animate {
    transition-delay: 3000ms
}

body[data-aos-easing="linear"] [data-aos],
[data-aos][data-aos][data-aos-easing="linear"] {
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75)
}

body[data-aos-easing="ease"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease"] {
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1)
}

body[data-aos-easing="ease-in"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in"] {
    transition-timing-function: cubic-bezier(0.42, 0, 1, 1)
}

body[data-aos-easing="ease-out"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-out"] {
    transition-timing-function: cubic-bezier(0, 0, 0.58, 1)
}

body[data-aos-easing="ease-in-out"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-out"] {
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1)
}

body[data-aos-easing="ease-in-back"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-back"] {
    transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045)
}

body[data-aos-easing="ease-out-back"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-out-back"] {
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

body[data-aos-easing="ease-in-out-back"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-out-back"] {
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

body[data-aos-easing="ease-in-sine"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-sine"] {
    transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715)
}

body[data-aos-easing="ease-out-sine"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-out-sine"] {
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1)
}

body[data-aos-easing="ease-in-out-sine"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-out-sine"] {
    transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95)
}

body[data-aos-easing="ease-in-quad"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-quad"] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

body[data-aos-easing="ease-out-quad"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-out-quad"] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

body[data-aos-easing="ease-in-out-quad"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-out-quad"] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

body[data-aos-easing="ease-in-cubic"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-cubic"] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

body[data-aos-easing="ease-out-cubic"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-out-cubic"] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

body[data-aos-easing="ease-in-out-cubic"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-out-cubic"] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

body[data-aos-easing="ease-in-quart"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-quart"] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

body[data-aos-easing="ease-out-quart"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-out-quart"] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

body[data-aos-easing="ease-in-out-quart"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-out-quart"] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

[data-aos^='fade'][data-aos^='fade'] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^='fade'][data-aos^='fade'].aos-animate {
    opacity: 1;
    transform: translate3d(0, 0, 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: translate3d(0, 0, 0) scale(1)
}

[data-aos='zoom-in'] {
    transform: scale(0.6)
}

[data-aos='zoom-in-up'] {
    transform: translate3d(0, 100px, 0) scale(0.6)
}

[data-aos='zoom-in-down'] {
    transform: translate3d(0, -100px, 0) scale(0.6)
}

[data-aos='zoom-in-right'] {
    transform: translate3d(-100px, 0, 0) scale(0.6)
}

[data-aos='zoom-in-left'] {
    transform: translate3d(100px, 0, 0) scale(0.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: translate3d(0, 0, 0)
}

[data-aos='slide-up'] {
    transform: translate3d(0, 100%, 0)
}

[data-aos='slide-down'] {
    transform: translate3d(0, -100%, 0)
}

[data-aos='slide-right'] {
    transform: translate3d(-100%, 0, 0)
}

[data-aos='slide-left'] {
    transform: translate3d(100%, 0, 0)
}

[data-aos^='flip'][data-aos^='flip'] {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: transform
}

[data-aos='flip-left'] {
    transform: perspective(2500px) rotateY(-100deg)
}

[data-aos='flip-left'].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos='flip-right'] {
    transform: perspective(2500px) rotateY(100deg)
}

[data-aos='flip-right'].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos='flip-up'] {
    transform: perspective(2500px) rotateX(-100deg)
}

[data-aos='flip-up'].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

[data-aos='flip-down'] {
    transform: perspective(2500px) rotateX(100deg)
}

[data-aos='flip-down'].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

@font-face {
    font-family: 'HKGrotesk Regular';
    font-style: normal;
    font-weight: inherit;
    src: url("../assets/fonts/HKGrotesk-Regular.woff2") format("woff2"), url("../assets/fonts/HKGrotesk-Regular.woff") format("woff")
}

@font-face {
    font-family: 'HKGrotesk Semi Bold';
    font-style: normal;
    font-weight: inherit;
    src: url("../assets/fonts/HKGrotesk-SemiBold.woff2") format("woff2"), url("../assets/fonts/HKGrotesk-SemiBold.woff") format("woff")
}

@font-face {
    font-family: 'HKGrotesk Semi Bold Italic';
    font-style: normal;
    font-weight: inherit;
    src: url("../assets/fonts/HKGrotesk-SemiBoldItalic.woff2") format("woff2"), url("../assets/fonts/HKGrotesk-SemiBoldItalic.woff") format("woff")
}

@font-face {
    font-family: 'HKGrotesk Bold';
    font-style: normal;
    font-weight: inherit;
    src: url("../assets/fonts/HKGrotesk-Bold.woff2") format("woff2"), url("../assets/fonts/HKGrotesk-Bold.woff") format("woff")
}

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " ("attr(href) ")"
    }
    abbr[title]:after {
        content: " ("attr(title) ")"
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }
    pre {
        white-space: pre-wrap !important
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    tr,
    img {
        page-break-inside: avoid
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
}

* {
    border: 0;
    outline: 0;
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

::before,
::after {
    text-decoration: inherit;
    vertical-align: inherit
}

html {
    cursor: default;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    word-break: break-word
}

body {
    margin: 0
}
h1 {
    font-size: 2em;
    margin: 0.67em 0
}

dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
    margin: 0
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin: 0
}

hr {
    height: 0;
    overflow: visible
}

main {
    display: block
}

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

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

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

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

audio,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

iframe {
    border-style: none
}

img {
    border-style: none
}

svg:not([fill]) {
    fill: currentColor
}

svg:not(:root) {
    overflow: hidden
}

table {
    border-collapse: collapse
}

button,
input,
select {
    margin: 0
}

button {
    overflow: visible;
    text-transform: none
}

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

fieldset {
    border: 1px solid #a0a0a0;
    padding: 0.35em 0.75em 0.625em
}

input {
    overflow: visible
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

select {
    text-transform: none
}

textarea {
    margin: 0;
    overflow: auto;
    resize: vertical
}

[type="checkbox"],
[type="radio"] {
    padding: 0
}

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

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

::-webkit-input-placeholder {
    color: inherit;
    opacity: 0.54
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

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

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

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

details {
    display: block
}

dialog {
    background-color: white;
    border: solid;
    color: black;
    display: block;
    height: -moz-fit-content;
    height: -webkit-fit-content;
    height: fit-content;
    left: 0;
    margin: auto;
    padding: 1em;
    position: absolute;
    right: 0;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

dialog:not([open]) {
    display: none
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
    touch-action: manipulation
}

[hidden] {
    display: none
}

[aria-busy="true"] {
    cursor: progress
}

[aria-controls] {
    cursor: pointer
}

[aria-disabled="true"],
[disabled] {
    cursor: not-allowed
}

[aria-hidden="false"][hidden] {
    display: initial
}

[aria-hidden="false"][hidden]:not(:focus) {
    clip: rect(0, 0, 0, 0);
    position: absolute
}

* {
    outline: 0;
    border: 0;
    box-sizing: border-box
}

html,
body (min-width:998px) {
    width: 100%
}

html {
    font-family: "HKGrotesk Regular", Arial, sans-serif;
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    scrollbar-width: none;
    -ms-overflow-style: none
}

html::-webkit-scrollbar {
    width: 0px
}

body {
    background-color: #F1F7FF
}

@media (min-width: 992px) {
    body:not(.login) .root {
        transform       : scale(0.95) !important;
        transform-origin: 0 0;
        margin-bottom   : -60px
    }
}

label {
    font-family: "HKGrotesk Semi Bold", Arial, sans-serif;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

input[type='number'] {
    -moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.form-field {
    margin-bottom: 15px
}

@media (max-width: 1199.98px) {
    .form-field {
        margin-bottom: 10px
    }
}

.form-field__wrapper--input-checkbox {
    position: relative
}

.input-unstyled {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    outline: 0;
    box-shadow: none;
    background: none !important;
    border: 0;
    border-radius: 0;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.78);
    text-align: center
}

.input-textarea {
    font-family: "HKGrotesk Semi Bold", Arial, sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    width: 100%;
    outline: 0;
    box-shadow: none;
    background-color: #eff0f6;
    color: rgba(0, 0, 0, 0.78);
    border-radius: 5px;
    font-size: 14px;
    padding: 15px;
    background-image: none !important
}

.input-text {
    font-family: "HKGrotesk Semi Bold", Arial, sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    width: 100%;
    outline: 0;
    box-shadow: none;
    background-color: #fff;
    color: rgba(0, 0, 0, 0.78);
    border-radius: 16px;
    font-size: 14px;
    height: 46px;
    padding: 0 15px;
    background-image: none !important
}
.InputElement {
    font-family: "HKGrotesk Semi Bold", Arial, sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    width: 100%;
    outline: 0;
    box-shadow: none;
    background-color: #fff;
    color: rgba(0, 0, 0, 0.78);
    border-radius: 16px;
    font-size: 14px;
    height: 46px;
    padding: 0 15px;
    background-image: none !important
}
.mollie-component {
        font-family: "HKGrotesk Semi Bold", Arial, sans-serif;
    background-color: #eff0f6;
    border-radius: 16px;
    padding: 13px;
    width: 100%;
    border: 1px solid transparent;
    transition: 0.15s border-color cubic-bezier(0.4, 0, 0.2, 1);
    font-weight: 500;
  }
.select {
    font-family: "HKGrotesk Semi Bold", Arial, sans-serif;
    box-sizing: border-box;
    width: 100%;
    height: 46px;
    padding: 0 35px 0 10px;
    border-radius: 16px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    outline: 0;
    box-shadow: none;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("/assets/img/arrow-down.svg") #fff no-repeat 98.5% !important;
    background: url("/assets/img/arrow-down.svg") #fff no-repeat calc(100% - 15px) !important;
    color: rgba(0, 0, 0, 0.78);
    border: none;
    cursor: pointer
}

@media all and (-ms-high-contrast: none) {
    .select {
        padding-right: 0
    }
    .select *::-ms-backdrop,
    .select body {
        padding-right: 0
    }
}

.select:disabled {
    opacity: .5;
    color: rgba(0, 0, 0, 0.28);
    border-color: #fff
}

.form-field__wrapper {
    margin-bottom: 20px
}

.form-field__wrapper.has-error label {
    color: #de3814
}

.form-field__wrapper.has-error input {
    color: #de3814;
    border-color: #de3814
}

.form-field__wrapper--text,
.form-field__wrapper--password,
.form-field__wrapper--select,
.form-field__wrapper--number {
    position: relative
}

.form-field__wrapper-textarea {
    border: 0;
    position: relative
}

.form-field__label {
    font-family: "HKGrotesk Semi Bold", Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 10px;
    color: #181e2d
}

.form-field__label.has-error {
    color: #de3814
}

.form-field__wrapper--number .form-field__label,
.form-field__wrapper--text .form-field__label,
.form-field__wrapper--password .form-field__label {
    -webkit-transition-property: all;
    -webkit-transition-duration: .15s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-property: all;
    -moz-transition-duration: .15s;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-property: all;
    -ms-transition-duration: .15s;
    -ms-transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: .15s;
    transition-timing-function: ease-in-out;
    font-size: 14px;
    font-weight: 500;
    background-color: #fff;
    color: rgba(0, 0, 0, 0.78);
    opacity: .78;
    position: absolute;
    padding: 0 5px;
    left: 10px;
    top: -10px
}

.form-field__wrapper--number .form-field__label:hover,
.form-field__wrapper--text .form-field__label:hover,
.form-field__wrapper--password .form-field__label:hover {
    cursor: text
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin: 0;
    font-family: "HKGrotesk Bold", Arial, sans-serif;
    font-weight: inherit;
    letter-spacing: normal;
    line-height: 1.2;
    color: inherit;
    text-transform: inherit
}

h1,
.h1 {
    font-size: 24px
}

@media (min-width: 576px) {
    h1,
    .h1 {
        font-size: 26px
    }
}

@media (min-width: 768px) {
    h1,
    .h1 {
        font-size: 28px
    }
}

@media (min-width: 992px) {
    h1,
    .h1 {
        font-size: 32px
    }
}

@media (min-width: 1200px) {
    h1,
    .h1 {
        font-size: 36px
    }
}

@media (min-width: 1680px) {
    h1,
    .h1 {
        font-size: 40px
    }
}

h2,
.h2 {
    font-size: 22px
}

@media (min-width: 576px) {
    h2,
    .h2 {
        font-size: 24px
    }
}

@media (min-width: 768px) {
    h2,
    .h2 {
        font-size: 26px
    }
}

@media (min-width: 992px) {
    h2,
    .h2 {
        font-size: 28px
    }
}

@media (min-width: 1200px) {
    h2,
    .h2 {
        font-size: 32px
    }
}

@media (min-width: 1680px) {
    h2,
    .h2 {
        font-size: 36px
    }
}

h3,
.h3 {
    font-size: 20px
}

@media (min-width: 576px) {
    h3,
    .h3 {
        font-size: 22px
    }
}

@media (min-width: 768px) {
    h3,
    .h3 {
        font-size: 24px
    }
}

@media (min-width: 992px) {
    h3,
    .h3 {
        font-size: 26px
    }
}

@media (min-width: 1200px) {
    h3,
    .h3 {
        font-size: 28px
    }
}

@media (min-width: 1680px) {
    h3,
    .h3 {
        font-size: 32px
    }
}

@media (max-width: 991.98px) {
    .mobile--hidden {
        display: none !important
    }
}

@media (min-width: 992px) {
    .desktop--hidden {
        display: none !important
    }
}

strong {
    font-family: "HKGrotesk Bold", Arial, sans-serif
}

@media (max-width: 991.98px) {
    .w-mobile-first {
        order: 1
    }
}

@media (max-width: 991.98px) {
    .w-mobile-second {
        order: 2
    }
}

.root-wrap {
    display: flex;
    flex-direction: column;
    box-sizing: border-box
}

.root-wrap .sidebar,
.root-wrap .dashboard {
    flex: 1
}

.rotate .drop-icon svg {
    transform: rotate(-180deg)
}

.menu-toggle {
    display: block;
    margin-right: 20px
}

@media (min-width: 1200px) {
    .menu-toggle {
        display: none
    }
}

.menu-active .root {
    overflow: hidden
}

a {
    -webkit-transition-property: all;
    -webkit-transition-duration: .25s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-property: all;
    -moz-transition-duration: .25s;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-property: all;
    -ms-transition-duration: .25s;
    -ms-transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: .25s;
    transition-timing-function: ease-in-out;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:hover {
    text-decoration: underline
}

ol,
ul,
dl {
    margin: 0
}

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

figure {
    margin: 0
}

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

img[width],
img[height] {
    max-width: none
}

.table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

.table--cards {
    border-spacing: 0 10px !important
}

.table--cards,
.table--invoice {
    table-layout: auto;
    border-collapse: separate;
    border-spacing: 0 6px
}

@media (max-width: 767.98px) {
    .table--cards,
    .table--invoice {
        margin: auto;
        overflow-x: auto;
        display: block;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        width: 100%
    }
}

@media (max-width: 767.98px) {
    .table--cards td,
    .table--invoice td {
        padding: 5px 2px !important
    }
    .table--cards td:nth-child(1),
    .table--invoice td:nth-child(1) {
        padding: 5px 2px 5px 5px !important
    }
    .table--cards td:nth-child(5),
    .table--invoice td:nth-child(5) {
        padding: 5px 5px 5px 2px !important
    }
}

.table--cards th,
.table--cards td,
.table--invoice th,
.table--invoice td {
    text-align: left;
    padding: 10px;
    color: #4548b0;
    font-family: "HKGrotesk Bold", Arial, sans-serif;
    font-size: 14px;
    line-height: 22px;
    background-color: rgba(218, 230, 245, 0.53)
}

.table--cards th:first-of-type,
.table--cards td:first-of-type,
.table--invoice th:first-of-type,
.table--invoice td:first-of-type {
    border-radius: 4px 0 0 4px
}

.table--cards th:not(:first-of-type),
.table--cards td:not(:first-of-type),
.table--invoice th:not(:first-of-type),
.table--invoice td:not(:first-of-type) {
    text-align: center
}

.table--cards th:last-of-type,
.table--cards td:last-of-type,
.table--invoice th:last-of-type,
.table--invoice td:last-of-type {
    text-align: right;
    border-radius: 0 4px 4px 0
}

@media (max-width: 767.98px) {
    .table--cards th,
    .table--cards td,
    .table--invoice th,
    .table--invoice td {
        white-space: nowrap
    }
}

.container,
.container-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

.container {
    box-sizing: border-box
}

@media (min-width: 576px) {
    .container {
        max-width: 100%
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 100%
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 100%
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1440px
    }
}

@media (min-width: 1680px) {
    .container {
        max-width: 1600px
    }
}

.btn {
    -webkit-transition-property: all;
    -webkit-transition-duration: .25s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-property: all;
    -moz-transition-duration: .25s;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-property: all;
    -ms-transition-duration: .25s;
    -ms-transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: .25s;
    transition-timing-function: ease-in-out;
    font-family: "HKGrotesk Semi Bold", Arial, sans-serif;
    display: inline-block;
    padding: 10px 35px;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: 16px;
    font-weight: inherit;
    line-height: 24px;
    letter-spacing: .2px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    border-radius: 8px;
    outline: 0;
    border: 0 !important;
    background: none;
    position: relative;
    z-index: 1;
    min-width: 140px
}

.btn:focus {
    outline: none
}

.btn:disabled {
    border: 1px solid #d3d4db !important;
    background: #d3d4db !important;
    pointer-events: none
}

.btn:hover {
    text-decoration: none !important
}

@media (max-width: 767.98px) {
    .btn {
        font-size: 13px !important;
        letter-spacing: 1px
    }
}

.btn--primary {
    color: #fff;
    overflow: hidden;
    border: 1px solid #de3814 !important;
    padding: 10px 35px;
    background: #de3814;
    transition: all .3s ease-out
}

.btn--primary:hover {
    background: transparent;
    color: #de3814
}
.btn--purchase {
    color: #fff;
    overflow: hidden;
    border: 1px solid #4548b0 !important;
    padding: 10px 35px;
    background: #4548b0;
    transition: all .3s ease-out
}
.btn--purchase:disabled {
    pointer-events: none;
}
.btn--purchase:hover {
    background: transparent;
    color: #4548b0
}

.btn--download {
    color: #fff;
    overflow: hidden;
    border: 1px solid #4548b0 !important;
    padding: 5px 15px;
    min-width: auto;
    font-size: 13px;
    background: #4548b0;
    transition: all .3s ease-out
}

.btn--download:hover {
    background: transparent;
    color: #4548b0
}

.btn--outlined {
    background: transparent;
    color: #de3814;
    overflow: hidden;
    border: 1px solid #de3814 !important;
    background: transparent;
    transition: all .3s ease-out
}

.btn--outlined:hover {
    background: #de3814;
    text-decoration: none;
    color: #fff
}
.btn--outlined:disabled {
    color: #f8f8f8 !important;
}
.btn--action {
    color: #fff;
    overflow: hidden;
    border: 1px solid #FF507A !important;
    padding: 5px 15px;
    min-width: auto;
    font-size: 13px;
    min-width: auto;
    display: flex;
    align-items: center;
    background: #FF507A;
    transition: all .3s ease-out
}

.btn--action svg {
    margin-right: 10px;
    fill: #fff
}

.btn--action:hover {
    background: transparent;
    color: #FF507A
}

.btn--action:hover svg {
    fill: #FF507A
}

.btn--action--bind {
    border: 1px solid #4548B0 !important;
    background: #4548B0
}

.btn--action--bind svg {
    fill: #fff
}

.btn--action--bind:hover {
    color: #4548B0
}

.btn--action--bind:hover svg {
    fill: #4548B0
}

.dashboard__footer {
    padding: 20px 0
}
@media (min-width: 992px) {
    .dashboard__footer {
        margin-bottom:-63px
    }
}
.dashboard__footer-inner {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    padding-top: 20px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

@media (max-width: 767.98px) {
    .dashboard__footer-inner {
        grid-template-columns: repeat(1, 1fr)
    }
}

.dashboard__footer .logo {
    max-width: 20px !important;
    margin: 0 !important
}

@media (max-width: 767.98px) {
    .dashboard__footer .logo {
        margin: 0 auto 20px !important
    }
}

.dashboard__footer p {
    font-family: "HKGrotesk Regular", Arial, sans-serif;
    font-size: 13px;
    line-height: 22px;
    color: rgba(24, 30, 45, 0.59);
    text-align: center
}

.dashboard__footer nav {
    text-align: right
}

@media (max-width: 767.98px) {
    .dashboard__footer nav {
        text-align: center;
        margin-top: 5px
    }
}

.dashboard__footer nav a {
    font-family: "HKGrotesk Bold", Arial, sans-serif;
    font-size: 13px;
    line-height: 22px;
    color: rgba(24, 30, 45, 0.69)
}

.dashboard__footer nav a:not(:last-of-type) {
    margin-right: 20px
}

.dashboard__footer nav a:hover {
    color: #181e2d;
    text-decoration: none
}

.dashboard-user-nav {
    margin: 0 0 0 auto;
    list-style: none
}

@media (max-width: 767.98px) {
    .dashboard-user-nav {
        margin: 20px 0 0 auto
    }
}

.dashboard-user-nav__item {
    display: block;
    position: relative
}

.dashboard-user-nav__item.rotate label {
    border-radius: 5px 5px 0 0
}

.dashboard-user-nav__item label,
.dashboard-user-nav__item a {
    -webkit-transition-property: all;
    -webkit-transition-duration: .25s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-property: all;
    -moz-transition-duration: .25s;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-property: all;
    -ms-transition-duration: .25s;
    -ms-transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: .25s;
    transition-timing-function: ease-in-out;
    display: flex;
    align-items: center;
    width: 215px;
    padding: 15px;
    font-family: "HKGrotesk Semi Bold", Arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    background-color: #fff
}

@media (max-width: 991.98px) {
    .dashboard-user-nav__item label,
    .dashboard-user-nav__item a {
        font-size: 14px;
        line-height: 22px
    }
}

.dashboard-user-nav__item label {
    box-shadow: 0 6px 12px rgba(48, 54, 77, 0.04);
    border-radius: 5px;
    position: relative;
    z-index: 10;
    padding-left: 41px
}

.dashboard-user-nav__item label svg {
    -webkit-transition-property: all;
    -webkit-transition-duration: .25s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-property: all;
    -moz-transition-duration: .25s;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-property: all;
    -ms-transition-duration: .25s;
    -ms-transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: .25s;
    transition-timing-function: ease-in-out;
    fill: #A1A1A1;
    margin-left: 45px;
    width: 15px;
    height: 15px
}

.dashboard-user-nav__item a:hover {
    background-color: #BC5035;
    text-decoration: none;
    color: #fff
}

.dashboard-user-nav__item a svg {
    fill: #000;
    margin-right: 10px
}

.dashboard-user-nav__item .sub-nav {
    position: absolute;
    top: 50px;
    z-index: 9;
    list-style: none;
    box-shadow: 0 6px 12px rgba(48, 54, 77, 0.15)
}

.dashboard-user-nav__item .sub-nav__item:not(:first-of-type) a:last-of-type {
    border-radius: 0 0 5px 5px;
    position: relative
}

.dashboard-user-nav__item .sub-nav__item:not(:first-of-type) a::before {
    content: '';
    width: 90%;
    height: 2px;
    display: block;
    background-color: rgba(0, 0, 0, 0.05);
    position: absolute;
    top: 0;
    left: 10px
}

.burger-menu {
    position: relative;
    width: 25px;
    height: 18px;
    padding: 1px 10px 0 0;
    z-index: 99;
    cursor: pointer
}

.burger {
    position: relative;
    background: #000;
    width: 15px;
    height: 2px;
    top: 8px;
    left: 0;
    opacity: 1
}

.burger::before {
    position: relative;
    background: #000;
    width: 25px;
    height: 2px;
    top: 8px;
    content: "";
    display: block
}

.burger::after {
    position: relative;
    background: #000;
    width: 25px;
    height: 2px;
    bottom: 10px;
    content: "";
    display: block
}

.burger::after,
.burger::before,
.burger {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out
}

.burger-menu.menu-on .burger::after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    bottom: 2px
}

.burger-menu.menu-on .burger::before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    top: 0px
}

.burger-menu.menu-on .burger {
    background: rgba(255, 255, 255, 0)
}

.dashboard-user-nav input[type="checkbox"],
.dashboard-user-nav ul span.drop-icon {
    display: none
}

.dashboard-user-nav .sub-nav {
    display: none
}

.dashboard-user-nav input[type="checkbox"]:checked+.sub-nav {
    display: block
}

.dashboard {
    -webkit-transition-property: all;
    -webkit-transition-duration: .25s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-property: all;
    -moz-transition-duration: .25s;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-property: all;
    -ms-transition-duration: .25s;
    -ms-transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: .25s;
    transition-timing-function: ease-in-out;
    position: relative;
    margin-left: auto;
    padding-left: 270px;
    margin-left: 60px;
    height: 100vh;
    max-width: 1600px
}

@media (max-width: 1199.98px) {
    .dashboard {
        padding-left: 0;
        margin-left: 0
    }
}

@media (min-width: 1680px) {
    .dashboard {
        margin-left: 110px;
        max-width: none
    }
}

@media (max-width: 767.98px) {
    .dashboard {
        height: 100%
    }
}

.dashboard__header {
    display: flex;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    width: 100%;
    z-index: 9999
}

@media (max-width: 1199.98px) {
    .dashboard__header .wrapper {
        display: flex;
        align-items: center
    }
}

@media (max-width: 767.98px) {
    .dashboard__header {
        flex-direction: column;
        padding: 25px 0;
        align-items: baseline
    }
}

.dashboard__header .wrapper {
    display: flex;
    align-items: center
}

.dashboard__header .global-headline--medium {
    color: rgba(24, 30, 45, 0.46);
    font-family: "HKGrotesk Regular", Arial, sans-serif;
    display: block
}

.dashboard__header img {
    margin-right: 25px;
    max-width: 55px
}

@media (max-width: 1199.98px) {
    .dashboard__header img {
        display: none
    }
}

.dashboard__main {
    position: relative;
    z-index: 0
}

.dashboard__row {
    margin: 25px 0
}

.dashboard__row.row-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px
}

@media (min-width: 1680px) {
    .dashboard__row.row-2 {
        grid-gap: 60px
    }
}

@media (max-width: 1199.98px) {
    .dashboard__row.row-2 {
        grid-template-columns: repeat(1, 1fr)
    }
}

.dashboard__row.row-2-sl {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-columns: 3fr 9fr;
    grid-gap: 20px
}

@media (min-width: 1680px) {
    .dashboard__row.row-2-sl {
        grid-gap: 60px
    }
}

@media (max-width: 1199.98px) {
    .dashboard__row.row-2-sl {
        grid-template-columns: repeat(2, 1fr);
        grid-template-columns: 6fr 6fr
    }
}

@media (max-width: 991.98px) {
    .dashboard__row.row-2-sl {
        grid-template-columns: repeat(1, 1fr)
    }
}

.dashboard__row.line-bottom {
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    padding-bottom: 30px;
    margin-bottom: 30px
}

.dashboard__inner {
    box-shadow: 0 6px 12px rgba(48, 54, 77, 0.04);
    border-radius: 5px;
    background-color: #fff;
    padding: 25px 20px 20px;
}
.dashboard__stats-box {
    min-height:380px;
}
.dashboard__inner .global-headline {
    display: block
}

.global-link {
    -webkit-transition-property: all;
    -webkit-transition-duration: .25s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-property: all;
    -moz-transition-duration: .25s;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-property: all;
    -ms-transition-duration: .25s;
    -ms-transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: .25s;
    transition-timing-function: ease-in-out;
    font-family: "HKGrotesk Semi Bold", Arial, sans-serif;
    color: #de3814;
    cursor: pointer
}

.global-link:hover {
    text-decoration: none;
    color: #181e2d
}

.global-headline {
    font-family: "HKGrotesk Bold", Arial, sans-serif;
    font-size: 30px;
    line-height: 40px;
    color: #181e2d
}

@media (min-width: 992px) {
    .global-headline {
        font-size: 38px;
        line-height: 48px
    }
}

@media (max-width: 767.98px) {
    .global-headline {
        font-size: 22px;
        line-height: 30px
    }
}

.global-headline--small {
    font-size: 15px;
    line-height: 22px
}

@media (min-width: 992px) {
    .global-headline--small {
        font-size: 18px;
        line-height: 24px
    }
}

.global-headline--small span {
    font-family: "HKGrotesk Regular", Arial, sans-serif;
    font-style: italic;
    font-size: 15px
}

.global-headline--medium {
    font-size: 18px;
    line-height: 24px
}

@media (min-width: 992px) {
    .global-headline--medium {
        font-size: 22px;
        line-height: 26px
    }
}

.global-headline--large {
    font-size: 22px;
    line-height: 26px
}

@media (min-width: 992px) {
    .global-headline--large {
        font-size: 32px;
        line-height: 42px
    }
}

.global-headline--large span {
    font-family: "HKGrotesk Regular", Arial, sans-serif;
    display: block;
    color: rgba(0, 0, 0, 0.54);
    font-size: 18px;
    line-height: 24px;
    margin-top: 10px
}

.global-headline.centered {
    text-align: center;
    margin: 0 auto
}

.menu {
    width: 100%
}

.menu__item {
    margin-bottom: 25px
}

@media (max-width: 767.98px) {
    .menu__item {
        margin-bottom: 20px
    }
}

.menu__item a {
    -webkit-transition-property: all;
    -webkit-transition-duration: .25s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-property: all;
    -moz-transition-duration: .25s;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-property: all;
    -ms-transition-duration: .25s;
    -ms-transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: .25s;
    transition-timing-function: ease-in-out;
    font-family: "HKGrotesk Semi Bold", Arial, sans-serif;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.54);
    width: 100%;
    display: flex;
    align-items: center;
    padding: 15px 30px
}

@media (min-width: 1680px) {
    .menu__item a {
        padding: 15px 50px
    }
}

.menu__item .sub-menu a {
    -webkit-transition-property: all;
    -webkit-transition-duration: .25s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-property: all;
    -moz-transition-duration: .25s;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-property: all;
    -ms-transition-duration: .25s;
    -ms-transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: .25s;
    transition-timing-function: ease-in-out;
    font-size: 14px;
    padding: 10px 50px 10px 68px
}

@media (min-width: 1680px) {
    .menu__item .sub-menu a {
        padding: 10px 50px 10px 88px
    }
}

.menu__item .sub-menu a.is-active,
.menu__item .sub-menu a:hover {
    background-color: rgba(218, 77, 46, 0.26);
    color: #fff
}

.menu__item.is-active>a,
.menu__item:hover>a {
    background-color: rgba(218, 77, 46, 0.26);
    color: #fff
}

.menu__item.is-active a,
.menu__item:hover a {
    text-decoration: none
}

.menu__item.is-active svg,
.menu__item:hover svg {
    fill: #fff
}

.menu__item svg {
    -webkit-transition-property: all;
    -webkit-transition-duration: .25s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-property: all;
    -moz-transition-duration: .25s;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-property: all;
    -ms-transition-duration: .25s;
    -ms-transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: .25s;
    transition-timing-function: ease-in-out;
    fill: rgba(255, 255, 255, 0.54);
    width: 100%;
    height: 100%;
    max-width: 20px;
    margin-right: 15px
}

.menu__item label {
    display: flex;
    align-items: center;
    margin-left: 15px;
    width: 55px;
    height: 22px
}

.menu__item label svg {
    max-width: 15px
}

.menu input[type="checkbox"],
.menu ul span.drop-icon {
    display: none
}

.menu .sub-menu {
    display: none
}

.menu input[type="checkbox"]:checked+.sub-menu {
    display: block
}

.modal {
    z-index: 9999999
}

.modal__overlay {
    z-index: 999
}

.modal__close {
    -webkit-transition-property       : all;
    -webkit-transition-duration       : .15s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-property          : all;
    -moz-transition-duration          : .15s;
    -moz-transition-timing-function   : ease-in-out;
    -ms-transition-property           : all;
    -ms-transition-duration           : .15s;
    -ms-transition-timing-function    : ease-in-out;
    transition-property               : all;
    transition-duration               : .15s;
    transition-timing-function        : ease-in-out;
    color                             : #fff;
    position                          : absolute;
    top                               : 10px;
    right                             : 10px;
    width                             : 30px;
    height                            : 30px;
    border-radius                     : 50%;
    font-size                         : 18px
}

.modal__close::before {
    position: relative;
    left: 0px
}

.modal .modal__content,
.modal .modal__header {
    max-width: 545px;
    margin: 40px auto 0
}

.modal .modal__content--cookie,
.modal .modal__header--cookie {
    max-width: 660px !important
}

.modal .modal__content {
    margin: 0 auto 40px !important
}

.modal .modal__content--cookie {
    margin: 0 auto 20px !important
}

.modal .modal__content--cookieLayer {
    margin: 0 auto !important;
    padding: 0 !important
}

.modal .modal__container {
    border-radius: 7px;
    background-color: #ffffff;
    margin: 0 15px;
    color: #fff;
    position: relative;
    max-width: 600px;
    overflow-y: scroll;
    -ms-overflow-style: none
}

.modal .modal__container::-webkit-scrollbar {
    display: none
}

.modal .modal__container--cookie {
    max-width: 660px !important
}

.modal__header {
    justify-content: center !important;
    margin: 20px 0 40px;
    display: block !important;
    text-align: center;
    font-family: "HKGrotesk Bold", Arial, sans-serif;
    font-size: 22px;
    line-height: 30px;
    color: #181e2d;
    text-align: center
}

.modal__header P {
    font-family: "HKGrotesk Regular", Arial, sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: rgba(24, 30, 45, 0.59);
    margin-top: 10px;
    text-align: center
}

.modal__header--cookie {
    display: flex !important;
    margin: 20px 0 0 0 !important;
    justify-content: flex-start !important;
    padding: 0 10px !important
}

.modal__header--cookie img {
    max-height: 38px
}

.modal__header--cookie .logo-title {
    font-family: "HKGrotesk Semi Bold", Arial, sans-serif;
    font-size: 18px;
    line-height: 22px;
    margin-left: 15px
}

.modal input {
    background-color: #eff0f6
}

.modal #purchaseSuccess-content img,
.modal #purchaseError-content img {
    margin: 25px auto
}

.modal__content {
    padding: 25px 50px 5px
}

.modal__content--cookie {
    padding: 35px 0 5px
}

.modal__content--cookie p {
    font-family: "HKGrotesk Regular", Arial, sans-serif;
    font-size: 14px;
    line-height: 22px;
    margin-top: 15px;
    text-align: left
}

.modal__content--cookie .btn {
    width: 100%
}

@media (max-width: 991.98px) {
    .modal__content {
        padding: 25px 0 5px
    }
}

.modal__content .cookie-cta {
    text-align: center
}

.modal__content .cookie-cta span.btn {
    margin-right: 15px
}

@media (max-width: 767.98px) {
    .modal__content .cookie-cta span.btn {
        margin-right: 0
    }
}

.modal__content .cookie-cta .btn {
    width: auto;
    display: inline-block
}

@media (max-width: 767.98px) {
    .modal__content .cookie-cta .btn {
        margin-bottom: 10px;
        display: block;
        width: 100%
    }
}

.modal__content .cookie-settings {
    list-style: none;
    margin: 20px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1)
}

.modal__content .cookie-settings__item {
    position: relative;
    padding: 20px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.modal__content .cookie-settings__item label {
    font-family: "HKGrotesk Bold", Arial, sans-serif;
    color: #181e2d;
    font-size: 16px;
    line-height: 22px
}

.modal__content .cookie-links {
    margin: 20px 0
}

.modal__content .cookie-links a {
    font-family: "HKGrotesk Regular", Arial, sans-serif;
    font-size: 13px;
    line-height: 22px;
    color: rgba(24, 30, 45, 0.69)
}

.modal__content .cookie-links a:not(:last-of-type) {
    margin-right: 20px
}
/*
.modal__content .cookie-links a:last-of-type {
    float: right;
    text-decoration: underline;
    font-family: "HKGrotesk Bold", Arial, sans-serif
}
*/
.modal__content .cookie-links a:hover {
    color: #181e2d;
    text-decoration: none
}

.modal__content .form-field__wrapper-button {
    margin: 40px auto 0;
    text-align: center
}

.modal__content .form-field__wrapper-button span {
    margin-right: 15px
}

@media (max-width: 767.98px) {
    .modal__content .form-field__wrapper-button span {
        margin-right: 0;
        margin-bottom: 15px
    }
}

.modal__content .form-field__wrapper-button .btn {
    display: inline-block
}

@media (max-width: 767.98px) {
    .modal__content .form-field__wrapper-button .btn {
        display: block;
        width: 100%
    }
}

.purchase-confirmation {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    line-height: 22px;
    font-family: "HKGrotesk Regular", Arial, sans-serif;
    font-style: italic;
    color: #4548b0
}

.purchase-confirmation a {
    text-decoration: underline;
    font-family: "HKGrotesk Semi Bold Italic", Arial, sans-serif;
    color: #4548b0;
    margin-left: 5px
}

.purchase-confirmation a:hover {
    text-decoration: none
}

.purchase-confirmation svg {
    margin-right: 10px
}
.terms-of-service {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    line-height: 22px;
    font-family: "HKGrotesk Regular", Arial, sans-serif;
    font-style: italic;
    color: #050505
}

.terms-of-service a {
    text-decoration: underline;
    font-family: "HKGrotesk Semi Bold Italic", Arial, sans-serif;
    color: #000000;
    margin-left: 5px
}

.terms-of-service a:hover {
    text-decoration: none
}

.terms-of-service svg {
    margin-right: 10px
}
.role {
    border-radius: 37px;
    font-family: "HKGrotesk Semi Bold", Arial, sans-serif;
    font-size: 14px;
    line-height: 22px;
    padding: 3px 10px;
    display: inline-flex;
    align-items: center
}

.role::before {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px
}

.role--standard {
    color: #646261;
    background-color: rgba(222, 56, 20, 0.1)
}
.role--standard::before {
    background: #646261
}
.role--premium {
    color: #3771dd;
    background: rgba(67, 12, 131, 0.1)
}
.role--premium::before {
    background: #3771dd;
}
.role--family {
    color: #02d100;
    background: rgba(67, 12, 131, 0.1)
}
.role--family::before {
    background: #02d100
}
.role--elite {
    color: #430C83;
    background: rgba(0, 81, 183, 0.1)
}
.role--elite::before {
    background: #430C83;
}
.role--mod {
    color: rgb(133, 46, 97);
    background: rgba(0, 81, 183, 0.1)
}
.role--mod::before {
    background: rgb(133, 46, 97);
}
.role--admin {
    color: rgb(168, 57, 122);
    background: rgba(0, 81, 183, 0.1)
}
.role--admin::before {
    background: rgb(168, 57, 122);
}
@media (max-width: 1199.98px) {
    .menu-active .dashboard {
        transform: translate3d(330px, 0, 0)
    }
    .menu-active .sidebar {
        transform: translate3d(0, 0, 0)
    }
}

.sidebar {
    -webkit-transition-property: all;
    -webkit-transition-duration: .25s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-property: all;
    -moz-transition-duration: .25s;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-property: all;
    -ms-transition-duration: .25s;
    -ms-transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: .25s;
    transition-timing-function: ease-in-out;
    background-color: #181e2d;
    justify-content: flex-end;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 330px;
    z-index: 10;
    min-width: 330px;
    -ms-overflow-style: none;
    scrollbar-width: none
}

@media (min-width: 1680px) {
    .sidebar {
        width: 380px
    }
}

@media (min-width: 992px) {
    .sidebar {
        min-height: calc(100vh * 1.061);
        margin-bottom: -105px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .sidebar {
        width: 330px
    }
}

@media (max-width: 1199.98px) {
    .sidebar {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        min-height: 100%;
        -webkit-transition-property: all;
        -webkit-transition-duration: .25s;
        -webkit-transition-timing-function: ease-in-out;
        -moz-transition-property: all;
        -moz-transition-duration: .25s;
        -moz-transition-timing-function: ease-in-out;
        -ms-transition-property: all;
        -ms-transition-duration: .25s;
        -ms-transition-timing-function: ease-in-out;
        transition-property: all;
        transition-duration: .25s;
        transition-timing-function: ease-in-out;
        transform: translate3d(-100%, 0, 0);
        overflow: scroll
    }
}

.sidebar__root {
    box-sizing: border-box;
    display: flex;
    height: 100%;
    flex-direction: column
}

.sidebar nav {
    position: relative;
    flex-grow: 1;
    overflow-y: auto;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.sidebar .logo {
    max-width: 35px;
    margin: 90px auto
}

@media (max-width: 767.98px) {
    .sidebar .logo {
        margin: 50px auto
    }
}

@media (min-width: 1680px) {
    .sidebar .logo {
        max-width: 45px
    }
}

.sidebar::-webkit-scrollbar {
    width: 0px
}

.support-bar {
    overflow: hidden !important;
    transition: all 0.3s ease !important;
}

@media (min-width: 1680px) {
    .support-bar {
        margin: 0 50px
    }
}

@media (min-width: 1200px) and (max-width: 1679.98px) {
    .support-bar {
        margin: 0 30px
    }
}

@media (max-width: 1199.98px) {
    .support-bar {
        position: relative;
        bottom: 0;
        top: 20vh
    }
}

.support-bar__wrapper {
    padding: 15px;
    border-radius: 5px;
    background-color: rgba(222, 56, 20, 0.17);
    display: inline-block
}

@media (max-width: 1199.98px) {
    .support-bar__wrapper {
        display: block
    }
}

.support-bar__wrapper a {
    -webkit-transition-property: all;
    -webkit-transition-duration: .25s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-property: all;
    -moz-transition-duration: .25s;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-property: all;
    -ms-transition-duration: .25s;
    -ms-transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: .25s;
    transition-timing-function: ease-in-out;
    display: inline-flex;
    align-items: center;
    min-width: auto
}

@media (max-width: 1199.98px) {
    .support-bar__wrapper a {
        display: flex
    }
}

.support-bar__wrapper a svg {
    -webkit-transition-property: all;
    -webkit-transition-duration: .25s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-property: all;
    -moz-transition-duration: .25s;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-property: all;
    -ms-transition-duration: .25s;
    -ms-transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: .25s;
    transition-timing-function: ease-in-out;
    margin-right: 10px;
    fill: #fff
}

.support-bar__wrapper a:hover svg {
    fill: #de3814
}

.support-bar__wrapper a.disabled {
    pointer-events: none;
    opacity: .5
}

.support-bar__online,
.support-bar__offline {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-family: "HKGrotesk Semi Bold", Arial, sans-serif;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 1px
}

.support-bar__online::before,
.support-bar__offline::before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 5px
}

.support-bar__online {
    color: #aaffa8
}

.support-bar__online::before {
    background-color: #aaffa8
}

.support-bar__offline {
    color: #de3814
}

.support-bar__offline::before {
    background-color: #de3814
}

.toggle {
    cursor: pointer;
    display: inline-block
}

.toggle-switch {
    display: inline-block;
    background: #ccc;
    border-radius: 16px;
    width: 60px;
    height: 30px;
    position: relative;
    vertical-align: middle;
    transition: background 0.25s;
    margin-right: 10px
}

.toggle-switch:before,
.toggle-switch:after {
    content: ""
}

.toggle-switch:before {
    display: block;
    background: linear-gradient(to bottom, #fff 0%, #eee 100%);
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
    width: 26px;
    height: 26px;
    position: absolute;
    top: 2px;
    left: 3px;
    transition: left 0.25s
}

.toggle:hover .toggle-switch:before {
    background: linear-gradient(to bottom, #fff 0%, #fff 100%)
}

.toggle-checkbox:checked+.toggle-switch {
    background: #de3814
}

.toggle-checkbox:checked+.toggle-switch:before {
    left: 27px
}

.toggle-checkbox {
    position: absolute;
    visibility: hidden
}

.toggle-label {
    margin-left: 5px;
    position: relative;
    top: 2px
}

.cms {
    padding: 150px 0 100px;
}

@media (max-width: 767.98px) {
    .cms {
        padding: 75px 0 50px
    }
}

.cms .container {
    padding: 1rem
}

.cms h1 {
    font-family: "HKGrotesk Bold", Arial, sans-serif;
    font-size: 30px;
    line-height: 40px;
    color: #000;
    margin-bottom: 20px
}

.cms h2 {
    font-family: "HKGrotesk Bold", Arial, sans-serif;
    font-size: 22px;
    line-height: 30px;
    color: #000;
    margin-bottom: 20px
}

.cms p,
.cms span,
.cms div,
.cms ul,
.cms ol {
    font-family: "HKGrotesk Regular", Arial, sans-serif;
    color: #000;
    font-size: 15px;
    line-height: 21px;
    text-align: left;
    margin-bottom: 20px
}

@media (max-width: 767.98px) {
    .cms p,
    .cms span,
    .cms div,
    .cms ul,
    .cms ol {
        font-size: 13px;
        line-height: 18px
    }
}

.cms ul,
.cms ol {
    margin: 0 0 20px 30px
}

.cms ul li,
.cms ol li {
    margin-bottom: 5px
}

@media (min-width: 768px) {
    .dashboard__generated-proxies .dashboard-flex {
        display: flex;
        align-items: center;
        width: 100%;
        position: relative
    }
}
.dashboard_country-filter__cta {
    margin: 5px 0;
    margin-left:35px;
}
@media (max-width: 767.98px) {
    .dashboard_country-filter__cta > div >select {
        width: 100%;
        margin-left:0px;
    }
    .dashboard_country-filter__cta select:not(:last-of-type) {
        margin-bottom: 15px;
        margin-right: 0
    }
}
.dashboard__generated-proxies__cta {
    margin: 25px 0
}

@media (min-width: 768px) {
    .dashboard__generated-proxies__cta {
        margin: 0 0 0 auto
    }
}

.dashboard__generated-proxies__cta button:not(:last-of-type) {
    margin-right: 15px
}

@media (max-width: 767.98px) {
    .dashboard__generated-proxies__cta button {
        width: 100%
    }
    .dashboard__generated-proxies__cta button:not(:last-of-type) {
        margin-bottom: 15px;
        margin-right: 0
    }
}

.dashboard__generated-proxies__list {
    margin-top: 25px
}

.dashboard__generated-proxies__list .input-textarea {
    min-height: 175px;
    resize: none
}

@media (max-width: 767.98px) {
    .dashboard__generated-proxies__list .input-textarea {
        min-height: 155px
    }
}

.dashboard__my-account {
    margin-top: 30px
}

.dashboard__my-account__form {
    margin: 35px 0 0 0
}

.dashboard__my-account__form input,
.dashboard__my-account__form select {
    background-color: #f1f7ff
}

.dashboard__my-account__form select {
    background: url("/assets/img/arrow-down.svg") #f1f7ff no-repeat 98.5% !important;
    background: url("/assets/img/arrow-down.svg") #f1f7ff no-repeat calc(100% - 15px) !important
}

.dashboard__my-account__form .form-field {
    margin-bottom: 30px
}

.dashboard__my-account__form .form-field__wrapper-save {
    text-align: center;
    margin: 20px 0 0 0
}

.dashboard__my-account__points {
    text-align: center;
    margin-bottom: 30px
}

.dashboard__my-account__points h5 {
    font-family: "HKGrotesk Bold", Arial, sans-serif;
    font-size: 100px;
    line-height: 161.3%;
    color: #de3814;
    margin: 0 auto;
    text-align: center
}

.dashboard__my-account__gift {
    margin-bottom: 30px
}

.dashboard__my-account__gift .form-field {
    display: flex;
    align-items: center;
    justify-content: center
}

@media (min-width: 1200px) and (max-width: 1679.98px) {
    .dashboard__my-account__gift .form-field {
        display: flex;
        flex-direction: column
    }
}

@media (max-width: 767.98px) {
    .dashboard__my-account__gift .form-field {
        display: flex;
        flex-direction: column
    }
}

@media (min-width: 1200px) and (max-width: 1679.98px) {
    .dashboard__my-account__gift .form-field input,
    .dashboard__my-account__gift .form-field label,
    .dashboard__my-account__gift .form-field button {
        display: block
    }
}

@media (max-width: 767.98px) {
    .dashboard__my-account__gift .form-field input,
    .dashboard__my-account__gift .form-field label,
    .dashboard__my-account__gift .form-field button {
        display: block
    }
}

.dashboard__my-account__gift .form-field input {
    max-width: 300px;
    margin: 0 25px
}

@media (min-width: 1200px) and (max-width: 1679.98px) {
    .dashboard__my-account__gift .form-field input {
        width: 100%;
        margin: 15px 0
    }
}

@media (max-width: 767.98px) {
    .dashboard__my-account__gift .form-field input {
        width: 100%;
        margin: 15px 0
    }
}

.dashboard__my-account__gift .form-field label {
    margin-bottom: 0
}

.dashboard__my-account__gift input {
    background-color: #f1f7ff
}

.dashboard__my-account__payment>div:first-of-type {
    display: flex;
    align-items: center
}

.dashboard__my-account__payment>div:first-of-type button {
    margin-left: auto;
    min-width: auto
}

.dashboard__my-account__payment-table {
    margin-top: 20px;
    max-height: 162px;
    overflow-x: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.dashboard__my-account__payment-table button svg {
    margin-right: 15px;
    position: relative;
    top: 2px
}

.dashboard__my-account__payment-table button svg:hover {
    fill: #4548b0;
    cursor: pointer
}

.dashboard__my-account__payment-table button.is-active svg {
    fill: #4548b0;
    cursor: pointer
}

.dashboard__my-account__payment-table::-webkit-scrollbar {
    width: 0px
}

.dashboard__proxy-usage {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 45px;
    margin-top: 30px
}

@media (max-width: 991.98px) {
    .dashboard__proxy-usage {
        grid-template-columns: repeat(1, 1fr)
    }
}

.dashboard__proxy-usage__header {
    display: flex;
    position: relative
}

.dashboard__proxy-usage__header>img {
    position: absolute;
    right: 0;
    top: -20px
}

@media (min-width: 992px) and (max-width: 1679.98px) {
    .dashboard__proxy-usage__header>img {
        display: none
    }
}

.dashboard__proxy-usage__dropdown {
    margin: 15px 0 0 0
}

.dashboard__proxy-usage__dropdown select {
    color: #000;
    box-shadow: 0 6px 12px rgba(48, 54, 77, 0.04);
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.13);
    max-width: 215px
}

.dashboard__proxy-usage__filter {
    display: inline-block;
    width: 100%;
    margin-top: 30px
}

.dashboard__proxy-usage__filter .global-headline {
    margin: 20px 0 17px;
    display: block
}

.dashboard__proxy-usage__filter span {
    font-family: "HKGrotesk Regular", Arial, sans-serif;
    color: rgba(13, 19, 42, 0.76)
}

.dashboard__proxy-usage__filter nav {
    float: right
}

.dashboard__proxy-usage__filter input[type="radio"] {
    display: none
}

.dashboard__proxy-usage__filter input[type="radio"]:checked+label {
    background-color: #da4d2e;
    border-color: #da4d2e;
    color: #fff
}
.dashboard__proxy-usage__filter input[type="radio"]:disabled+label {
    background-color: #d3d4db !important;;
    border-color:#d3d4db !important;
    color: #fff;
    pointer-events: none !important;
}
.dashboard__proxy-usage__filter label {
    font-family: "HKGrotesk Semi Bold", Arial, sans-serif;
    display: inline-block;
    padding: 5px;
    border: 1px solid transparent;
    border-radius: 5px;
    color: #da4d2e;
    font-size: 12px;
    line-height: 12px
}

.dashboard__proxy-usage__filter label:hover {
    cursor: pointer
}

.dashboard__proxy-usage__chart {
    margin-top: 35px;
    width: 100%;
    max-width: 100%
}

.dashboard__proxy-usage__chart .chart {
    max-width: 100%
}

.dashboard__proxy-usage__sitelist {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 30px;
    margin-top: 35px;
    max-height: 265px;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none
}

@media (min-width: 1680px) {
    .dashboard__proxy-usage__sitelist {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media (min-width: 1200px) and (max-width: 1679.98px) {
    .dashboard__proxy-usage__sitelist {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .dashboard__proxy-usage__sitelist {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .dashboard__proxy-usage__sitelist {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 767.98px) {
    .dashboard__proxy-usage__sitelist {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 575.98px) {
    .dashboard__proxy-usage__sitelist {
        grid-template-columns: repeat(1, 1fr)
    }
}

.dashboard__proxy-usage__sitelist li {
    background-color: #4548b0;
    color: #fff;
    font-family: "HKGrotesk Bold", Arial, sans-serif;
    font-size: 14px;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 110px;
    padding: 10px 20px
}

.dashboard__proxy-usage__sitelist li svg {
    margin-left: 10px
}

.dashboard__proxy-usage__sitelist::-webkit-scrollbar {
    width: 0px
}

.dashboard__shop {
    margin-bottom: 50px
}

@media (min-width: 768px) {
    .dashboard__shop {
        margin-bottom: 50px
    }
}

.dashboard__shop .global-headline--large {
    margin: 60px auto
}

.dashboard__shop__product {
    justify-content: center;
    list-style: none;
    margin-top: 50px
}

@media (min-width: 768px) {
    .dashboard__shop__product {
        margin-top: 100px
    }
}

.dashboard__shop__product.two-items {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

@media (min-width: 992px) {
    .dashboard__shop__product.two-items {
        grid-gap: 100px;
        grid-template-columns: 350px 350px
    }
}

@media (max-width: 991.98px) {
    .dashboard__shop__product.two-items {
        grid-gap: 50px
    }
}

@media (max-width: 767.98px) {
    .dashboard__shop__product.two-items {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 75px
    }
}

.dashboard__shop__product.five-items {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

@media (min-width: 1600px) {
    .dashboard__shop__product.five-items {
        grid-gap: 75px;
        margin-left:50px;
    }
}

@media (max-width: 1599.98px) {
    .dashboard__shop__product.five-items {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 50px
    }
}
@media (max-width: 1020px) {
    .dashboard__shop__product.five-items {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 75px
    }
}
@media (max-width: 767.98px) {
    .dashboard__shop__product.five-items {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 75px
    }
}
.dashboard__shop__product.three-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

@media (min-width: 992px) {
    .dashboard__shop__product.three-items {
        grid-gap: 75px;
        margin-left:50px;
    }
}

@media (max-width: 991.98px) {
    .dashboard__shop__product.three-items {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 50px
    }
}

@media (max-width: 767.98px) {
    .dashboard__shop__product.three-items {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 75px
    }
}
@media (max-width: 991.98px) {
    .dashboard__shop__product {
        max-width: 100%
    }
}

.dashboard__shop__product-item {
    width: 100%;
    max-width: 350px;
    box-shadow: 0 6px 12px rgba(48, 54, 77, 0.12);
    border-radius: 15px;
    background: #fff;
    padding: 60px 30px 30px 30px;
    text-align: center;
    position: relative;
    margin: 0 auto
}

.dashboard__shop__product-item img {
    width: 100%;
    max-height: 100px;
    margin-bottom: 20px
}

.dashboard__shop__product-item h3 {
    font-family: "HKGrotesk Bold", Arial, sans-serif;
    color: #000;
    font-size: 17px;
    line-height: 28px;
    margin: 0 0 15px;
    text-align: center
}

@media (max-width: 991.98px) {
    .dashboard__shop__product-item h3 {
        font-size: 14px;
        line-height: 26px
    }
}

.dashboard__shop__product-item span {
    font-family: "HKGrotesk Semi Bold Italic", Arial, sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: rgba(0, 0, 0, 0.75);
    text-align: center;
    display: block;
    margin: 0 0 15px
}

.dashboard__shop__product-item p {
    font-family: "HKGrotesk Regular", Arial, sans-serif;
    color: rgba(0, 0, 0, 0.48);
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    display: block;
    margin: 0 0 20px
}

.dashboard__shop__product-item .form-field {
    text-align: left
}

.dashboard__shop__product-item input,
.dashboard__shop__product-item select {
    background-color: #f1f7ff
}

.dashboard__shop__product-item select {
    background: url("/assets/img/arrow-down.svg") #f1f7ff no-repeat 98.5% !important;
    background: url("/assets/img/arrow-down.svg") #f1f7ff no-repeat calc(100% - 15px) !important
}

.dashboard__shop__product-item .btn {
    margin-top: 10px
}

.dashboard__shop__info {
    margin: 50px auto -50px;
    width: 100%;
    text-align: center
}

.dashboard__shop__info>div {
    background: rgba(69, 72, 176, 0.07);
    border-radius: 100px;
    padding: 10px 15px;
    font-family: "HKGrotesk Regular", Arial, sans-serif;
    font-style: italic;
    color: #4548b0;
    display: inline-block;
    align-items: center
}

.dashboard__shop__info>div svg {
    margin-right: 10px;
    display: inline-block;
    max-width: 22px;
    position: relative;
    top: -2px
}

.dashboard__shop__info>div a {
    text-decoration: underline;
    font-family: "HKGrotesk Semi Bold Italic", Arial, sans-serif;
    color: #4548b0
}

.dashboard__shop__info>div a:hover {
    text-decoration: none
}

.dashboard__stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px
}

@media (max-width: 767.98px) {
    .dashboard__stats {
        grid-template-columns: repeat(1, 1fr)
    }
}

.dashboard__stats-list {
    list-style: none;
    margin: 15px auto 0;
    overflow-x: auto;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    width: 100%;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
    max-height:290px;
}
.dashboard__stats-list::-webkit-scrollbar {
    display: none;
}
.dashboard__stats-list__item {
    margin-bottom: 20px;
    position: relative
}

.dashboard__stats-list__item p {
    font-family: "HKGrotesk Bold", Arial, sans-serif;
    font-size: 15px;
    line-height: 22px;
    color: #181e2d;
    display: flex;
    align-items: center
}

.dashboard__stats-list__item p span {
    font-family: "HKGrotesk Regular", Arial, sans-serif;
    font-style: italic;
    margin-left: auto
}

.dashboard__stats-cta {
    display: block;
    display: inline-block;
    text-align: center;
    width: 100%;
    margin: 20px auto 0
}

@media (max-width: 767.98px) {
    .dashboard__stats-cta {
        margin: 10px auto 0
    }
}

.dashboard__stats-cta .btn {
    min-width: auto
}

.dashboard__invoices {
    overflow: hidden
}

.dashboard__invoices-table {
    margin-top: 15px;
    max-height: 250px;
    overflow-x: hidden;
    position: relative;
    scrollbar-width: none;
    -ms-overflow-style: none
}

@media (max-width: 767.98px) {
    .dashboard__invoices-table {
        overflow: scroll
    }
}

.dashboard__invoices-table::-webkit-scrollbar {
    width: 0px
}

.dashboard-usage-cta {
    display: block;
    display: inline-block;
    text-align: center;
    width: 100%;
    margin: 25px auto 0
}

.dashboard-usage-cta .btn {
    min-width: auto
}

@media (min-width: 1200px) {
    .dashboard-usage .custom-height canvas {
        min-height: 240px
    }
}

@media (min-width: 1200px) {
    .dashboard-usage .flex-inner {
        display: flex;
        align-items: center
    }
    .dashboard-usage .flex-inner .dashboard__proxy-usage__chart {
        min-height: 250px
    }
    .dashboard-usage .flex-inner .dashboard__proxy-usage__filter {
        flex: 1
    }
    .dashboard-usage .flex-inner .dashboard__proxy-usage__header {
        position: relative;
        top: 7px;
        margin-right: 20px
    }
    .dashboard-usage .flex-inner .dashboard__proxy-usage__dropdown {
        min-width: 200px
    }
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .dashboard-usage .flex-inner {
        display: flex;
        align-items: center
    }
    .dashboard-usage .flex-inner .dashboard__proxy-usage__filter {
        flex: 1
    }
    .dashboard-usage .flex-inner .dashboard__proxy-usage__header {
        position: relative;
        top: 7px;
        margin-right: 20px
    }
    .dashboard-usage .flex-inner .dashboard__proxy-usage__dropdown {
        min-width: 200px
    }
}

.dashboard-user-bar {
    margin-top: 20px;
    display: flex;
    align-items: center
}

@media (max-width: 991.98px) {
    .dashboard-user-bar {
        display: block
    }
}

.dashboard-user-bar .wrapper {
    display: flex;
    align-items: center;
    width: 100%
}

@media (max-width: 1199.98px) {
    .dashboard-user-bar .wrapper .wrapper {
        display: flex;
        align-items: center
    }
}

@media (max-width: 767.98px) {
    .dashboard-user-bar .wrapper {
        flex-direction: column;
        align-items: baseline;
        align-items: center
    }
}

.dashboard-user-bar .wrapper img {
    max-width: 70px;
    border-radius: 50%;
    margin-right: 20px
}

@media (max-width: 767.98px) {
    .dashboard-user-bar .wrapper img {
        margin-right: 0
    }
}

@media (max-width: 767.98px) {
    .dashboard-user-bar .wrapper h2 {
        display: flex;
        flex-direction: column;
        align-items: baseline;
        width: 100%;
        margin-top: 10px;
        align-items: center
    }
}

.dashboard-user-bar .wrapper h2 p {
    display: block
}

.dashboard-user-bar .wrapper h2.user-binded p {
    color: rgba(0, 0, 0, 0.5);
    font-size: 15px;
    line-height: 22px
}

.dashboard-user-bar .wrapper .role {
    margin-left: 10px
}

@media (max-width: 767.98px) {
    .dashboard-user-bar .wrapper .role {
        margin: 5px 0
    }
}

.dashboard-user-bar__nav {
    display: flex;
    align-items: center
}

@media (max-width: 991.98px) {
    .dashboard-user-bar__nav {
        margin-top: 20px
    }
}

@media (max-width: 767.98px) {
    .dashboard-user-bar__nav {
        justify-content: center;
        width: 100%
    }
}

.dashboard-user-bar__nav form {
    display: flex;
    align-items: center
}

.dashboard-user-bar__nav form .btn:not(:last-of-type) {
    margin-right: 10px
}

.section-login .dashboard__footer {
    margin-top: -20px
}

.section-login .dashboard__footer .container {
    max-width: 100% !important;
    padding: 0
}

.section-login .dashboard__footer .dashboard__footer-inner {
    padding: 20px 20px 0
}

.section-login .logo {
    position: relative;
    max-width: 55px;
    margin: 80px 0 50px
}

.section-login__content,
.section-login__layer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.section-login__layer img {
    max-width: 70%
}

.section-login__content {
    background-color: #F1F7FF;
    height: 100vh;
    min-height: 800px;
    position: relative;
    padding: 0 25px
}

.section-login--large .section-login__content {
    height: 100vh
}

@media (max-width: 991.98px) {
    .section-login--large .section-login__content {
        height: 100%;
        min-height: auto
    }
}

@media (max-width: 991.98px) {
    .section-login__content {
        height: 100%;
        min-height: auto
    }
}

.section-login__content-headline,
.section-login__content form,
.section-login__content-register {
    width: 100%;
    max-width: 550px
}

.section-login__content-headline.has-small-inner,
.section-login__content form.has-small-inner,
.section-login__content-register.has-small-inner {
    max-width: 400px
}

.section-login__content-headline {
    font-family: "HKGrotesk Bold", Arial, sans-serif;
    font-size: 30px;
    line-height: 40px;
    color: #181e2d;
    text-align: center
}

@media (max-width: 1199.98px) {
    .section-login__content-headline {
        font-size: 22px;
        line-height: 30px
    }
}

.section-login__content-copy {
    font-family: "HKGrotesk Regular", Arial, sans-serif;
    font-size: 20px;
    line-height: 24px;
    color: rgba(24, 30, 45, 0.59);
    margin-top: 10px;
    text-align: center
}

@media (max-width: 991.98px) {
    .section-login__content-copy {
        font-size: 14px;
        line-height: 22px
    }
}

.section-login__content-error {
    font-family: "HKGrotesk Regular", Arial, sans-serif;
    font-size: 15px;
    line-height: 24px;
    color: #de3814;
    margin-top: 10px;
    text-align: center
}

@media (max-width: 991.98px) {
    .section-login__content-error {
        font-size: 14px;
        line-height: 22px
    }
}
.section-login__content-success {
    font-family: "HKGrotesk Regular", Arial, sans-serif;
    font-size: 15px;
    line-height: 24px;
    color: #25bd11;
    margin-top: 10px;
    text-align: center
}

@media (max-width: 991.98px) {
    .section-login__content-success {
        font-size: 14px;
        line-height: 22px
    }
}
.section-login__content-loginform {
    margin: 50px 0 0
}

@media (max-width: 991.98px) {
    .section-login__content-loginform {
        margin-bottom: 25px
    }
}

.section-login__content-loginform .form-field {
    margin-bottom: 30px
}

.section-login__content-loginform .form-field .reset-password {
    float: right;
    margin: 10px 0
}

.section-login__content-loginform .form-field__wrapper-login {
    width: 100%;
    margin: 30px auto 50px;
    display: flex;
    align-items: center;
    justify-content: center
}

.section-login__content-loginform .form-field__wrapper-account {
    color: rgba(24, 30, 45, 0.59);
    display: block;
    text-align: center
}

.section-login__layer {
    background: #181e2d;
    height: 100vh;
    min-height: 800px;
    position: relative
}

.section-login--large .section-login__layer {
    min-height: 1100px
}

@media (max-width: 991.98px) {
    .section-login--large .section-login__layer {
        height: 100%;
        min-height: auto;
        padding: 100px 0
    }
}

@media (max-width: 991.98px) {
    .section-login__layer {
        height: 100%;
        min-height: auto;
        padding: 100px 0
    }
}

.section-login .mobile--hidden {
    position: relative
}

.section-login .mobile--hidden::before {
    content: '';
    width: 15px;
    height: 100%;
    min-height: 800px;
    background-color: rgba(24, 30, 45, 0.08);
    display: block;
    position: absolute;
    top: 0;
    left: -5px;
    transform: rotate(0.5deg)
}

.section-login .mobile--hidden::after {
    content: '';
    width: 15px;
    height: 100%;
    min-height: 800px;
    background-color: rgba(24, 30, 45, 0.05);
    display: block;
    position: absolute;
    top: 0;
    left: -10px;
    transform: rotate(0.5deg)
}

.progress-bar {
    width: 100%;
    height: 6px;
    border-radius: 10px;
    margin-top: 10px
}

.progress-bar.plan-0 {
    background-color: rgba(67, 12, 131, 0.07) !important
}
.progress-bar.plan-1 {
    background-color: rgba(67, 12, 131, 0.07) !important
}
.progress-bar.plan-2 {
    background-color: rgba(67, 12, 131, 0.07) !important
}
.progress-bar.plan-3 {
    background-color: rgba(168, 36, 214, 0.1) !important
}
.progress-bar.plan-4 {
    background-color: rgba(56, 155, 221, 0.1) !important
}
.progress-bar.plan-5 {
    background-color: rgba(56, 155, 221, 0.1) !important
}
.progress-bar-fill {
    -webkit-transition-property: all;
    -webkit-transition-duration: .25s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-property: all;
    -moz-transition-duration: .25s;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-property: all;
    -ms-transition-duration: .25s;
    -ms-transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: .25s;
    transition-timing-function: ease-in-out;
    display: block;
    height: 6px;
    background-color: #659cef;
    border-radius: 10px
}

.plan-1 .progress-bar-fill {
    background-color: #0051b7 !important
}

.plan-2 .progress-bar-fill {
    background-color: #430c83 !important
}

.plan-3 .progress-bar-fill {
    background-color: #a824d6 !important
}
.plan-4 .progress-bar-fill {
    background-color: #3771dd !important
}
.plan-5 .progress-bar-fill {
    background-color: #c17eca !important
}
.rect-auto,
.progress-circle[data-remain='51'] .slice,
.progress-circle[data-remain='52'] .slice,
.progress-circle[data-remain='53'] .slice,
.progress-circle[data-remain='54'] .slice,
.progress-circle[data-remain='55'] .slice,
.progress-circle[data-remain='56'] .slice,
.progress-circle[data-remain='57'] .slice,
.progress-circle[data-remain='58'] .slice,
.progress-circle[data-remain='59'] .slice,
.progress-circle[data-remain='60'] .slice,
.progress-circle[data-remain='61'] .slice,
.progress-circle[data-remain='62'] .slice,
.progress-circle[data-remain='63'] .slice,
.progress-circle[data-remain='64'] .slice,
.progress-circle[data-remain='65'] .slice,
.progress-circle[data-remain='66'] .slice,
.progress-circle[data-remain='67'] .slice,
.progress-circle[data-remain='68'] .slice,
.progress-circle[data-remain='69'] .slice,
.progress-circle[data-remain='70'] .slice,
.progress-circle[data-remain='71'] .slice,
.progress-circle[data-remain='72'] .slice,
.progress-circle[data-remain='73'] .slice,
.progress-circle[data-remain='74'] .slice,
.progress-circle[data-remain='75'] .slice,
.progress-circle[data-remain='76'] .slice,
.progress-circle[data-remain='77'] .slice,
.progress-circle[data-remain='78'] .slice,
.progress-circle[data-remain='79'] .slice,
.progress-circle[data-remain='80'] .slice,
.progress-circle[data-remain='81'] .slice,
.progress-circle[data-remain='82'] .slice,
.progress-circle[data-remain='83'] .slice,
.progress-circle[data-remain='84'] .slice,
.progress-circle[data-remain='85'] .slice,
.progress-circle[data-remain='86'] .slice,
.progress-circle[data-remain='87'] .slice,
.progress-circle[data-remain='88'] .slice,
.progress-circle[data-remain='89'] .slice,
.progress-circle[data-remain='90'] .slice,
.progress-circle[data-remain='91'] .slice,
.progress-circle[data-remain='92'] .slice,
.progress-circle[data-remain='93'] .slice,
.progress-circle[data-remain='94'] .slice,
.progress-circle[data-remain='95'] .slice,
.progress-circle[data-remain='96'] .slice,
.progress-circle[data-remain='97'] .slice,
.progress-circle[data-remain='98'] .slice,
.progress-circle[data-remain='99'] .slice,
.progress-circle[data-remain='100'] .slice {
    clip: rect(auto, auto, auto, auto);
    -webkit-transition-property: all;
    -webkit-transition-duration: .25s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-property: all;
    -moz-transition-duration: .25s;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-property: all;
    -ms-transition-duration: .25s;
    -ms-transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: .25s;
    transition-timing-function: ease-in-out
}

.pie,
.progress-circle .bar,
.progress-circle[data-remain='51'] .fill,
.progress-circle[data-remain='52'] .fill,
.progress-circle[data-remain='53'] .fill,
.progress-circle[data-remain='54'] .fill,
.progress-circle[data-remain='55'] .fill,
.progress-circle[data-remain='56'] .fill,
.progress-circle[data-remain='57'] .fill,
.progress-circle[data-remain='58'] .fill,
.progress-circle[data-remain='59'] .fill,
.progress-circle[data-remain='60'] .fill,
.progress-circle[data-remain='61'] .fill,
.progress-circle[data-remain='62'] .fill,
.progress-circle[data-remain='63'] .fill,
.progress-circle[data-remain='64'] .fill,
.progress-circle[data-remain='65'] .fill,
.progress-circle[data-remain='66'] .fill,
.progress-circle[data-remain='67'] .fill,
.progress-circle[data-remain='68'] .fill,
.progress-circle[data-remain='69'] .fill,
.progress-circle[data-remain='70'] .fill,
.progress-circle[data-remain='71'] .fill,
.progress-circle[data-remain='72'] .fill,
.progress-circle[data-remain='73'] .fill,
.progress-circle[data-remain='74'] .fill,
.progress-circle[data-remain='75'] .fill,
.progress-circle[data-remain='76'] .fill,
.progress-circle[data-remain='77'] .fill,
.progress-circle[data-remain='78'] .fill,
.progress-circle[data-remain='79'] .fill,
.progress-circle[data-remain='80'] .fill,
.progress-circle[data-remain='81'] .fill,
.progress-circle[data-remain='82'] .fill,
.progress-circle[data-remain='83'] .fill,
.progress-circle[data-remain='84'] .fill,
.progress-circle[data-remain='85'] .fill,
.progress-circle[data-remain='86'] .fill,
.progress-circle[data-remain='87'] .fill,
.progress-circle[data-remain='88'] .fill,
.progress-circle[data-remain='89'] .fill,
.progress-circle[data-remain='90'] .fill,
.progress-circle[data-remain='91'] .fill,
.progress-circle[data-remain='92'] .fill,
.progress-circle[data-remain='93'] .fill,
.progress-circle[data-remain='94'] .fill,
.progress-circle[data-remain='95'] .fill,
.progress-circle[data-remain='96'] .fill,
.progress-circle[data-remain='97'] .fill,
.progress-circle[data-remain='98'] .fill,
.progress-circle[data-remain='99'] .fill,
.progress-circle[data-remain='100'] .fill {
    position: absolute;
    border: .05em solid #F36044;
    width: .9em;
    height: .9em;
    clip: rect(0em, 0.5em, 1em, 0em);
    border-radius: 50%;
    transform: rotate(0deg);
    -webkit-transition-property: all;
    -webkit-transition-duration: .25s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-property: all;
    -moz-transition-duration: .25s;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-property: all;
    -ms-transition-duration: .25s;
    -ms-transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: .25s;
    transition-timing-function: ease-in-out
}

.pie-fill,
.progress-circle[data-remain='51'] .bar:after,
.progress-circle[data-remain='51'] .fill,
.progress-circle[data-remain='52'] .bar:after,
.progress-circle[data-remain='52'] .fill,
.progress-circle[data-remain='53'] .bar:after,
.progress-circle[data-remain='53'] .fill,
.progress-circle[data-remain='54'] .bar:after,
.progress-circle[data-remain='54'] .fill,
.progress-circle[data-remain='55'] .bar:after,
.progress-circle[data-remain='55'] .fill,
.progress-circle[data-remain='56'] .bar:after,
.progress-circle[data-remain='56'] .fill,
.progress-circle[data-remain='57'] .bar:after,
.progress-circle[data-remain='57'] .fill,
.progress-circle[data-remain='58'] .bar:after,
.progress-circle[data-remain='58'] .fill,
.progress-circle[data-remain='59'] .bar:after,
.progress-circle[data-remain='59'] .fill,
.progress-circle[data-remain='60'] .bar:after,
.progress-circle[data-remain='60'] .fill,
.progress-circle[data-remain='61'] .bar:after,
.progress-circle[data-remain='61'] .fill,
.progress-circle[data-remain='62'] .bar:after,
.progress-circle[data-remain='62'] .fill,
.progress-circle[data-remain='63'] .bar:after,
.progress-circle[data-remain='63'] .fill,
.progress-circle[data-remain='64'] .bar:after,
.progress-circle[data-remain='64'] .fill,
.progress-circle[data-remain='65'] .bar:after,
.progress-circle[data-remain='65'] .fill,
.progress-circle[data-remain='66'] .bar:after,
.progress-circle[data-remain='66'] .fill,
.progress-circle[data-remain='67'] .bar:after,
.progress-circle[data-remain='67'] .fill,
.progress-circle[data-remain='68'] .bar:after,
.progress-circle[data-remain='68'] .fill,
.progress-circle[data-remain='69'] .bar:after,
.progress-circle[data-remain='69'] .fill,
.progress-circle[data-remain='70'] .bar:after,
.progress-circle[data-remain='70'] .fill,
.progress-circle[data-remain='71'] .bar:after,
.progress-circle[data-remain='71'] .fill,
.progress-circle[data-remain='72'] .bar:after,
.progress-circle[data-remain='72'] .fill,
.progress-circle[data-remain='73'] .bar:after,
.progress-circle[data-remain='73'] .fill,
.progress-circle[data-remain='74'] .bar:after,
.progress-circle[data-remain='74'] .fill,
.progress-circle[data-remain='75'] .bar:after,
.progress-circle[data-remain='75'] .fill,
.progress-circle[data-remain='76'] .bar:after,
.progress-circle[data-remain='76'] .fill,
.progress-circle[data-remain='77'] .bar:after,
.progress-circle[data-remain='77'] .fill,
.progress-circle[data-remain='78'] .bar:after,
.progress-circle[data-remain='78'] .fill,
.progress-circle[data-remain='79'] .bar:after,
.progress-circle[data-remain='79'] .fill,
.progress-circle[data-remain='80'] .bar:after,
.progress-circle[data-remain='80'] .fill,
.progress-circle[data-remain='81'] .bar:after,
.progress-circle[data-remain='81'] .fill,
.progress-circle[data-remain='82'] .bar:after,
.progress-circle[data-remain='82'] .fill,
.progress-circle[data-remain='83'] .bar:after,
.progress-circle[data-remain='83'] .fill,
.progress-circle[data-remain='84'] .bar:after,
.progress-circle[data-remain='84'] .fill,
.progress-circle[data-remain='85'] .bar:after,
.progress-circle[data-remain='85'] .fill,
.progress-circle[data-remain='86'] .bar:after,
.progress-circle[data-remain='86'] .fill,
.progress-circle[data-remain='87'] .bar:after,
.progress-circle[data-remain='87'] .fill,
.progress-circle[data-remain='88'] .bar:after,
.progress-circle[data-remain='88'] .fill,
.progress-circle[data-remain='89'] .bar:after,
.progress-circle[data-remain='89'] .fill,
.progress-circle[data-remain='90'] .bar:after,
.progress-circle[data-remain='90'] .fill,
.progress-circle[data-remain='91'] .bar:after,
.progress-circle[data-remain='91'] .fill,
.progress-circle[data-remain='92'] .bar:after,
.progress-circle[data-remain='92'] .fill,
.progress-circle[data-remain='93'] .bar:after,
.progress-circle[data-remain='93'] .fill,
.progress-circle[data-remain='94'] .bar:after,
.progress-circle[data-remain='94'] .fill,
.progress-circle[data-remain='95'] .bar:after,
.progress-circle[data-remain='95'] .fill,
.progress-circle[data-remain='96'] .bar:after,
.progress-circle[data-remain='96'] .fill,
.progress-circle[data-remain='97'] .bar:after,
.progress-circle[data-remain='97'] .fill,
.progress-circle[data-remain='98'] .bar:after,
.progress-circle[data-remain='98'] .fill,
.progress-circle[data-remain='99'] .bar:after,
.progress-circle[data-remain='99'] .fill,
.progress-circle[data-remain='100'] .bar:after,
.progress-circle[data-remain='100'] .fill {
    transform: rotate(180deg)
}

.progress-circle {
    position: relative;
    font-size: 220px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    background-color: #FBBAAF;
    margin: 25px auto 0
}

.progress-circle-copy {
    font-family: "HKGrotesk Bold", Arial, sans-serif;
    font-size: 60px;
    line-height: 60px;
    color: #F36044;
    position: absolute
}

.progress-circle-copy span {
    font-family: "HKGrotesk Semi Bold", Arial, sans-serif;
    display: block;
    color: rgba(0, 0, 0, 0.49);
    font-size: 12px;
    line-height: 15px
}

.progress-circle-copy small {
    font-size: 14px;
    line-height: 16px
}

.progress-circle *,
.progress-circle *:before,
.progress-circle *:after {
    box-sizing: content-box
}

.progress-circle>.progress-circle-copy {
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 50%;
    top: 50%;
    display: block;
    text-align: center;
    white-space: nowrap;
    transform: translateY(-50%) translateX(-50%)
}

.progress-circle:after {
    position: absolute;
    top: .05em;
    left: .05em;
    display: block;
    content: " ";
    border-radius: 50%;
    background-color: #fff;
    width: .9em;
    height: .9em
}

.progress-circle .slice {
    position: absolute;
    width: 1em;
    height: 1em;
    clip: rect(0em, 1em, 1em, 0.5em)
}

.progress-circle[data-remain='1'] .bar {
    transform: rotate(3.6deg)
}

.progress-circle[data-remain='2'] .bar {
    transform: rotate(7.2deg)
}

.progress-circle[data-remain='3'] .bar {
    transform: rotate(10.8deg)
}

.progress-circle[data-remain='4'] .bar {
    transform: rotate(14.4deg)
}

.progress-circle[data-remain='5'] .bar {
    transform: rotate(18deg)
}

.progress-circle[data-remain='6'] .bar {
    transform: rotate(21.6deg)
}

.progress-circle[data-remain='7'] .bar {
    transform: rotate(25.2deg)
}

.progress-circle[data-remain='8'] .bar {
    transform: rotate(28.8deg)
}

.progress-circle[data-remain='9'] .bar {
    transform: rotate(32.4deg)
}

.progress-circle[data-remain='10'] .bar {
    transform: rotate(36deg)
}

.progress-circle[data-remain='11'] .bar {
    transform: rotate(39.6deg)
}

.progress-circle[data-remain='12'] .bar {
    transform: rotate(43.2deg)
}

.progress-circle[data-remain='13'] .bar {
    transform: rotate(46.8deg)
}

.progress-circle[data-remain='14'] .bar {
    transform: rotate(50.4deg)
}

.progress-circle[data-remain='15'] .bar {
    transform: rotate(54deg)
}

.progress-circle[data-remain='16'] .bar {
    transform: rotate(57.6deg)
}

.progress-circle[data-remain='17'] .bar {
    transform: rotate(61.2deg)
}

.progress-circle[data-remain='18'] .bar {
    transform: rotate(64.8deg)
}

.progress-circle[data-remain='19'] .bar {
    transform: rotate(68.4deg)
}

.progress-circle[data-remain='20'] .bar {
    transform: rotate(72deg)
}

.progress-circle[data-remain='21'] .bar {
    transform: rotate(75.6deg)
}

.progress-circle[data-remain='22'] .bar {
    transform: rotate(79.2deg)
}

.progress-circle[data-remain='23'] .bar {
    transform: rotate(82.8deg)
}

.progress-circle[data-remain='24'] .bar {
    transform: rotate(86.4deg)
}

.progress-circle[data-remain='25'] .bar {
    transform: rotate(90deg)
}

.progress-circle[data-remain='26'] .bar {
    transform: rotate(93.6deg)
}

.progress-circle[data-remain='27'] .bar {
    transform: rotate(97.2deg)
}

.progress-circle[data-remain='28'] .bar {
    transform: rotate(100.8deg)
}

.progress-circle[data-remain='29'] .bar {
    transform: rotate(104.4deg)
}

.progress-circle[data-remain='30'] .bar {
    transform: rotate(108deg)
}

.progress-circle[data-remain='31'] .bar {
    transform: rotate(111.6deg)
}

.progress-circle[data-remain='32'] .bar {
    transform: rotate(115.2deg)
}

.progress-circle[data-remain='33'] .bar {
    transform: rotate(118.8deg)
}

.progress-circle[data-remain='34'] .bar {
    transform: rotate(122.4deg)
}

.progress-circle[data-remain='35'] .bar {
    transform: rotate(126deg)
}

.progress-circle[data-remain='36'] .bar {
    transform: rotate(129.6deg)
}

.progress-circle[data-remain='37'] .bar {
    transform: rotate(133.2deg)
}

.progress-circle[data-remain='38'] .bar {
    transform: rotate(136.8deg)
}

.progress-circle[data-remain='39'] .bar {
    transform: rotate(140.4deg)
}

.progress-circle[data-remain='40'] .bar {
    transform: rotate(144deg)
}

.progress-circle[data-remain='41'] .bar {
    transform: rotate(147.6deg)
}

.progress-circle[data-remain='42'] .bar {
    transform: rotate(151.2deg)
}

.progress-circle[data-remain='43'] .bar {
    transform: rotate(154.8deg)
}

.progress-circle[data-remain='44'] .bar {
    transform: rotate(158.4deg)
}

.progress-circle[data-remain='45'] .bar {
    transform: rotate(162deg)
}

.progress-circle[data-remain='46'] .bar {
    transform: rotate(165.6deg)
}

.progress-circle[data-remain='47'] .bar {
    transform: rotate(169.2deg)
}

.progress-circle[data-remain='48'] .bar {
    transform: rotate(172.8deg)
}

.progress-circle[data-remain='49'] .bar {
    transform: rotate(176.4deg)
}

.progress-circle[data-remain='50'] .bar {
    transform: rotate(180deg)
}

.progress-circle[data-remain='51'] .bar {
    transform: rotate(183.6deg)
}

.progress-circle[data-remain='52'] .bar {
    transform: rotate(187.2deg)
}

.progress-circle[data-remain='53'] .bar {
    transform: rotate(190.8deg)
}

.progress-circle[data-remain='54'] .bar {
    transform: rotate(194.4deg)
}

.progress-circle[data-remain='55'] .bar {
    transform: rotate(198deg)
}

.progress-circle[data-remain='56'] .bar {
    transform: rotate(201.6deg)
}

.progress-circle[data-remain='57'] .bar {
    transform: rotate(205.2deg)
}

.progress-circle[data-remain='58'] .bar {
    transform: rotate(208.8deg)
}

.progress-circle[data-remain='59'] .bar {
    transform: rotate(212.4deg)
}

.progress-circle[data-remain='60'] .bar {
    transform: rotate(216deg)
}

.progress-circle[data-remain='61'] .bar {
    transform: rotate(219.6deg)
}

.progress-circle[data-remain='62'] .bar {
    transform: rotate(223.2deg)
}

.progress-circle[data-remain='63'] .bar {
    transform: rotate(226.8deg)
}

.progress-circle[data-remain='64'] .bar {
    transform: rotate(230.4deg)
}

.progress-circle[data-remain='65'] .bar {
    transform: rotate(234deg)
}

.progress-circle[data-remain='66'] .bar {
    transform: rotate(237.6deg)
}

.progress-circle[data-remain='67'] .bar {
    transform: rotate(241.2deg)
}

.progress-circle[data-remain='68'] .bar {
    transform: rotate(244.8deg)
}

.progress-circle[data-remain='69'] .bar {
    transform: rotate(248.4deg)
}

.progress-circle[data-remain='70'] .bar {
    transform: rotate(252deg)
}

.progress-circle[data-remain='71'] .bar {
    transform: rotate(255.6deg)
}

.progress-circle[data-remain='72'] .bar {
    transform: rotate(259.2deg)
}

.progress-circle[data-remain='73'] .bar {
    transform: rotate(262.8deg)
}

.progress-circle[data-remain='74'] .bar {
    transform: rotate(266.4deg)
}

.progress-circle[data-remain='75'] .bar {
    transform: rotate(270deg)
}

.progress-circle[data-remain='76'] .bar {
    transform: rotate(273.6deg)
}

.progress-circle[data-remain='77'] .bar {
    transform: rotate(277.2deg)
}

.progress-circle[data-remain='78'] .bar {
    transform: rotate(280.8deg)
}

.progress-circle[data-remain='79'] .bar {
    transform: rotate(284.4deg)
}

.progress-circle[data-remain='80'] .bar {
    transform: rotate(288deg)
}

.progress-circle[data-remain='81'] .bar {
    transform: rotate(291.6deg)
}

.progress-circle[data-remain='82'] .bar {
    transform: rotate(295.2deg)
}

.progress-circle[data-remain='83'] .bar {
    transform: rotate(298.8deg)
}

.progress-circle[data-remain='84'] .bar {
    transform: rotate(302.4deg)
}

.progress-circle[data-remain='85'] .bar {
    transform: rotate(306deg)
}

.progress-circle[data-remain='86'] .bar {
    transform: rotate(309.6deg)
}

.progress-circle[data-remain='87'] .bar {
    transform: rotate(313.2deg)
}

.progress-circle[data-remain='88'] .bar {
    transform: rotate(316.8deg)
}

.progress-circle[data-remain='89'] .bar {
    transform: rotate(320.4deg)
}

.progress-circle[data-remain='90'] .bar {
    transform: rotate(324deg)
}

.progress-circle[data-remain='91'] .bar {
    transform: rotate(327.6deg)
}

.progress-circle[data-remain='92'] .bar {
    transform: rotate(331.2deg)
}

.progress-circle[data-remain='93'] .bar {
    transform: rotate(334.8deg)
}

.progress-circle[data-remain='94'] .bar {
    transform: rotate(338.4deg)
}

.progress-circle[data-remain='95'] .bar {
    transform: rotate(342deg)
}

.progress-circle[data-remain='96'] .bar {
    transform: rotate(345.6deg)
}

.progress-circle[data-remain='97'] .bar {
    transform: rotate(349.2deg)
}

.progress-circle[data-remain='98'] .bar {
    transform: rotate(352.8deg)
}

.progress-circle[data-remain='99'] .bar {
    transform: rotate(356.4deg)
}

.progress-circle[data-remain='100'] .bar {
    transform: rotate(360deg)
}

.modal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center
}

.modal__container {
    background-color: #fff;
    padding: 1.25em;
    width: 100%;
    max-height: 100vh;
    border-radius: .3125em;
    overflow-y: auto;
    box-sizing: border-box
}

.modal__container span {
    font-weight: 400
}

.modal__container .select {
    background: url("/assets/img/arrow-down.svg") #eff0f6 no-repeat 98.5% !important;
    background: url("/assets/img/arrow-down.svg") #eff0f6 no-repeat calc(100% - 15px) !important
}

.modal__container .input-text {
    background-color: #eff0f6
}

.modal__container .spacer-centered {
    justify-content: center;
    margin-top: 25px
}

.modal__container .spacer-centered label {
    text-align: center;
    width: 100%
}

.modal__content__row {
    display: grid;
    grid-template-columns: 8fr 2fr 2fr;
    grid-gap: 20px
}

@media (max-width: 767.98px) {
    .modal__content__row {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0px
    }
}

.modal__header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.modal__title {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.25;
    color: #000;
    box-sizing: border-box
}

.modal__close {
    background: transparent;
    border: 0;
    outline: 0;
    cursor: pointer
}

.modal__close:before {
    content: "\2715";
    color: #000
}

.modal__content {
    margin-top: 1rem;
    margin-bottom: 2rem;
    line-height: 1.5;
    color: #000
}

.modal__content .btn:not(:last-of-type) {
    margin-right: 15px
}

@media (max-width: 767.98px) {
    .modal__content .btn:not(:last-of-type) {
        margin: 0 0 15px 0
    }
}

@-webkit-keyframes mmfadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes mmfadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes mmfadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes mmfadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes mmslideIn {
    from {
        transform: translateY(15%)
    }
    to {
        transform: translateY(0)
    }
}

@keyframes mmslideIn {
    from {
        transform: translateY(15%)
    }
    to {
        transform: translateY(0)
    }
}

@-webkit-keyframes mmslideOut {
    from {
        transform: translateY(0)
    }
    to {
        transform: translateY(-10%)
    }
}

@keyframes mmslideOut {
    from {
        transform: translateY(0)
    }
    to {
        transform: translateY(-10%)
    }
}

.micromodal-slide {
    display: none
}

.micromodal-slide.is-open {
    display: block
}

.micromodal-slide[aria-hidden="false"] .modal__overlay {
    -webkit-animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
    animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1)
}

.micromodal-slide[aria-hidden="false"] .modal__container {
    -webkit-animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
    animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1)
}

.micromodal-slide[aria-hidden="true"] .modal__overlay {
    -webkit-animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
    animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1)
}

.micromodal-slide[aria-hidden="true"] .modal__container {
    -webkit-animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
    animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1)
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
    will-change: transform
}

.ratio-16-9 {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 56.25%
}

.ratio-3-4 {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 133.33333%
}

.ratio-4-3 {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 75%
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .25;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #ffffff
}

.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.bg-auto {
    background-size: auto
}

.bg-cover {
    background-size: cover
}

.bg-contain {
    background-size: contain
}

.hidden {
    display: none
}

.inline {
    display: inline
}

.inline-block {
    display: inline-block
}

.block {
    display: block
}

.table {
    display: table
}

.table-row {
    display: table-row
}

.table-cell {
    display: table-cell
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.static {
    position: static
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.sticky {
    position: sticky
}

.top-auto {
    top: auto
}

.top-0 {
    top: 0
}

.right-auto {
    right: auto
}

.right-0 {
    right: 0
}

.bottom-auto {
    bottom: auto
}

.bottom-0 {
    bottom: 0
}

.left-auto {
    left: auto
}

.left-0 {
    left: 0
}

.w-0 {
    width: 0
}

.w-1\/2 {
    width: 50%
}

.w-1\/3 {
    width: 33.33333%
}

.w-2\/3 {
    width: 66.66667%
}

.w-1\/4 {
    width: 25%
}

.w-2\/4 {
    width: 50%
}

.w-3\/4 {
    width: 75%
}

.w-1\/5 {
    width: 20%
}

.w-2\/5 {
    width: 40%
}

.w-3\/5 {
    width: 60%
}

.w-4\/5 {
    width: 80%
}

.w-1\/6 {
    width: 16.66667%
}

.w-2\/6 {
    width: 33.33333%
}

.w-3\/6 {
    width: 50%
}

.w-4\/6 {
    width: 66.66667%
}

.w-5\/6 {
    width: 83.33333%
}

.w-1\/12 {
    width: 8.33333%
}

.w-2\/12 {
    width: 16.66667%
}

.w-3\/12 {
    width: 25%
}

.w-4\/12 {
    width: 33.33333%
}

.w-5\/12 {
    width: 41.66667%
}

.w-6\/12 {
    width: 50%
}

.w-7\/12 {
    width: 58.33333%
}

.w-8\/12 {
    width: 66.66667%
}

.w-9\/12 {
    width: 75%
}

.w-10\/12 {
    width: 83.33333%
}

.w-11\/12 {
    width: 91.66667%
}

.w-full {
    width: 100%
}

.w-w-screen {
    width: 100vw
}

.w-auto {
    width: auto
}

.font-family-base {
    font-family: "HKGrotesk Regular", Arial, sans-serif
}

.italic {
    font-style: italic
}

.non-italic {
    font-style: normal
}

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

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

.list-decimal {
    list-style-type: decimal
}

.list-inside {
    list-style-position: inside
}

.list-outside {
    list-style-position: outside
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.no-underline {
    text-decoration: none
}

.underline {
    text-decoration: underline
}

.line-through {
    text-decoration: line-through
}

.lowercase {
    text-transform: lowercase
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.content-start {
    align-content: flex-start
}

.content-end {
    align-content: flex-end
}

.content-center {
    align-content: center
}

.content-between {
    align-content: space-between
}

.content-around {
    align-content: space-around
}

.content-stretch {
    align-content: stretch
}

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

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

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.items-stretch {
    align-items: stretch
}

.self-auto {
    align-self: auto
}

.self-start {
    align-self: flex-start
}

.self-end {
    align-self: flex-end
}

.self-center {
    align-self: center
}

.self-baseline {
    align-self: baseline
}

.self-stretch {
    align-self: stretch
}

.flex-inital {
    flex: 0 1 auto
}

.flex-1 {
    flex: 1 1 0%
}

.flex-auto {
    flex: 1 1 auto
}

.flex-none {
    flex: none
}

.flex-row {
    flex-direction: row
}

.flex-column {
    flex-direction: column
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.flex-column-reverse {
    flex-direction: column-reverse
}

.flex-grow {
    flex-grow: 0
}

.flex-grow-1 {
    flex-grow: 1
}

.flex-shrink {
    flex-shrink: 0
}

.flex-shrink-1 {
    flex-shrink: 1
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-nowrap {
    flex-wrap: nowrap
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

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

.justify-around {
    justify-content: space-around
}

.order-first {
    order: -9999
}

.order-none {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-last {
    order: 9999
}

.m-0 {
    margin: 0
}

.m-1 {
    margin: .25rem
}

.m-2 {
    margin: .5rem
}

.m-3 {
    margin: .75rem
}

.m-4 {
    margin: 1rem
}

.m-5 {
    margin: 1.25rem
}

.m-6 {
    margin: 1.5rem
}

.m-8 {
    margin: 2rem
}

.m-12 {
    margin: 3rem
}

.m-auto {
    margin: auto
}

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

.mx-1 {
    margin-right: .25rem;
    margin-left: .25rem
}

.mx-2 {
    margin-right: .5rem;
    margin-left: .5rem
}

.mx-3 {
    margin-right: .75rem;
    margin-left: .75rem
}

.mx-4 {
    margin-right: 1rem;
    margin-left: 1rem
}

.mx-5 {
    margin-right: 1.25rem;
    margin-left: 1.25rem
}

.mx-6 {
    margin-right: 1.5rem;
    margin-left: 1.5rem
}

.mx-8 {
    margin-right: 2rem;
    margin-left: 2rem
}

.mx-12 {
    margin-right: 3rem;
    margin-left: 3rem
}

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

.my-0 {
    margin-top: 0;
    margin-bottom: 0
}

.my-1 {
    margin-top: .25rem;
    margin-bottom: .25rem
}

.my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.my-3 {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto
}

.mt-0 {
    margin-top: 0
}

.mt-1 {
    margin-top: .25rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-3 {
    margin-top: .75rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-5 {
    margin-top: 1.25rem
}

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

.mt-8 {
    margin-top: 2rem
}

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

.mt-auto {
    margin-top: auto
}

.mr-0 {
    margin-right: 0
}

.mr-1 {
    margin-right: .25rem
}

.mr-2 {
    margin-right: .5rem
}

.mr-3 {
    margin-right: .75rem
}

.mr-4 {
    margin-right: 1rem
}

.mr-5 {
    margin-right: 1.25rem
}

.mr-6 {
    margin-right: 1.5rem
}

.mr-8 {
    margin-right: 2rem
}

.mr-12 {
    margin-right: 3rem
}

.mr-auto {
    margin-right: auto
}

.mb-0 {
    margin-bottom: 0
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-3 {
    margin-bottom: .75rem
}

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

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

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

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

.mb-12 {
    margin-bottom: 3rem
}

.mb-auto {
    margin-bottom: auto
}

.ml-0 {
    margin-left: 0
}

.ml-1 {
    margin-left: .25rem
}

.ml-2 {
    margin-left: .5rem
}

.ml-3 {
    margin-left: .75rem
}

.ml-4 {
    margin-left: 1rem
}

.ml-5 {
    margin-left: 1.25rem
}

.ml-6 {
    margin-left: 1.5rem
}

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

.ml-12 {
    margin-left: 3rem
}

.ml-auto {
    margin-left: auto
}

.-m-1 {
    margin: -.25rem
}

.-m-2 {
    margin: -.5rem
}

.-m-3 {
    margin: -.75rem
}

.-m-4 {
    margin: -1rem
}

.-m-5 {
    margin: -1.25rem
}

.-m-6 {
    margin: -1.5rem
}

.-m-8 {
    margin: -2rem
}

.-m-12 {
    margin: -3rem
}

.-m-auto {
    margin: -auto
}

.-mx-1 {
    margin-right: -.25rem;
    margin-left: -.25rem
}

.-mx-2 {
    margin-right: -.5rem;
    margin-left: -.5rem
}

.-mx-3 {
    margin-right: -.75rem;
    margin-left: -.75rem
}

.-mx-4 {
    margin-right: -1rem;
    margin-left: -1rem
}

.-mx-5 {
    margin-right: -1.25rem;
    margin-left: -1.25rem
}

.-mx-6 {
    margin-right: -1.5rem;
    margin-left: -1.5rem
}

.-mx-8 {
    margin-right: -2rem;
    margin-left: -2rem
}

.-mx-12 {
    margin-right: -3rem;
    margin-left: -3rem
}

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

.-my-1 {
    margin-top: -.25rem;
    margin-bottom: -.25rem
}

.-my-2 {
    margin-top: -.5rem;
    margin-bottom: -.5rem
}

.-my-3 {
    margin-top: -.75rem;
    margin-bottom: -.75rem
}

.-my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem
}

.-my-5 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem
}

.-my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem
}

.-my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem
}

.-my-12 {
    margin-top: -3rem;
    margin-bottom: -3rem
}

.-my-auto {
    margin-top: -auto;
    margin-bottom: -auto
}

.-mt-1 {
    margin-top: -.25rem
}

.-mt-2 {
    margin-top: -.5rem
}

.-mt-3 {
    margin-top: -.75rem
}

.-mt-4 {
    margin-top: -1rem
}

.-mt-5 {
    margin-top: -1.25rem
}

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

.-mt-8 {
    margin-top: -2rem
}

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

.-mt-auto {
    margin-top: -auto
}

.-mr-1 {
    margin-right: -.25rem
}

.-mr-2 {
    margin-right: -.5rem
}

.-mr-3 {
    margin-right: -.75rem
}

.-mr-4 {
    margin-right: -1rem
}

.-mr-5 {
    margin-right: -1.25rem
}

.-mr-6 {
    margin-right: -1.5rem
}

.-mr-8 {
    margin-right: -2rem
}

.-mr-12 {
    margin-right: -3rem
}

.-mr-auto {
    margin-right: -auto
}

.-mb-1 {
    margin-bottom: -.25rem
}

.-mb-2 {
    margin-bottom: -.5rem
}

.-mb-3 {
    margin-bottom: -.75rem
}

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

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

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

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

.-mb-12 {
    margin-bottom: -3rem
}

.-mb-auto {
    margin-bottom: -auto
}

.-ml-1 {
    margin-left: -.25rem
}

.-ml-2 {
    margin-left: -.5rem
}

.-ml-3 {
    margin-left: -.75rem
}

.-ml-4 {
    margin-left: -1rem
}

.-ml-5 {
    margin-left: -1.25rem
}

.-ml-6 {
    margin-left: -1.5rem
}

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

.-ml-12 {
    margin-left: -3rem
}

.-ml-auto {
    margin-left: -auto
}

.p-0 {
    padding: 0
}

.p-1 {
    padding: .25rem
}

.p-2 {
    padding: .5rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-8 {
    padding: 2rem
}

.p-12 {
    padding: 3rem
}

.p-auto {
    padding: auto
}

.px-0 {
    padding-right: 0;
    padding-left: 0
}

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

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

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

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

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

.px-6 {
    padding-right: 1.5rem;
    padding-left: 1.5rem
}

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

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

.px-auto {
    padding-right: auto;
    padding-left: auto
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0
}

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

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

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

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

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

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

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

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

.py-auto {
    padding-top: auto;
    padding-bottom: auto
}

.pt-0 {
    padding-top: 0
}

.pt-1 {
    padding-top: .25rem
}

.pt-2 {
    padding-top: .5rem
}

.pt-3 {
    padding-top: .75rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-5 {
    padding-top: 1.25rem
}

.pt-6 {
    padding-top: 1.5rem
}

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

.pt-12 {
    padding-top: 3rem
}

.pt-auto {
    padding-top: auto
}

.pr-0 {
    padding-right: 0
}

.pr-1 {
    padding-right: .25rem
}

.pr-2 {
    padding-right: .5rem
}

.pr-3 {
    padding-right: .75rem
}

.pr-4 {
    padding-right: 1rem
}

.pr-5 {
    padding-right: 1.25rem
}

.pr-6 {
    padding-right: 1.5rem
}

.pr-8 {
    padding-right: 2rem
}

.pr-12 {
    padding-right: 3rem
}

.pr-auto {
    padding-right: auto
}

.pb-0 {
    padding-bottom: 0
}

.pb-1 {
    padding-bottom: .25rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-3 {
    padding-bottom: .75rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-5 {
    padding-bottom: 1.25rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

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

.pb-12 {
    padding-bottom: 3rem
}

.pb-auto {
    padding-bottom: auto
}

.pl-0 {
    padding-left: 0
}

.pl-1 {
    padding-left: .25rem
}

.pl-2 {
    padding-left: .5rem
}

.pl-3 {
    padding-left: .75rem
}

.pl-4 {
    padding-left: 1rem
}

.pl-5 {
    padding-left: 1.25rem
}

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

.pl-8 {
    padding-left: 2rem
}

.pl-12 {
    padding-left: 3rem
}

.pl-auto {
    padding-left: auto
}

@media (min-width: 576px) {
    .sm\:bg-auto {
        background-size: auto
    }
    .sm\:bg-cover {
        background-size: cover
    }
    .sm\:bg-contain {
        background-size: contain
    }
    .sm\:hidden {
        display: none
    }
    .sm\:inline {
        display: inline
    }
    .sm\:inline-block {
        display: inline-block
    }
    .sm\:block {
        display: block
    }
    .sm\:table {
        display: table
    }
    .sm\:table-row {
        display: table-row
    }
    .sm\:table-cell {
        display: table-cell
    }
    .sm\:flex {
        display: flex
    }
    .sm\:inline-flex {
        display: inline-flex
    }
    .sm\:static {
        position: static
    }
    .sm\:relative {
        position: relative
    }
    .sm\:absolute {
        position: absolute
    }
    .sm\:fixed {
        position: fixed
    }
    .sm\:sticky {
        position: sticky
    }
    .sm\:top-auto {
        top: auto
    }
    .sm\:top-0 {
        top: 0
    }
    .sm\:right-auto {
        right: auto
    }
    .sm\:right-0 {
        right: 0
    }
    .sm\:bottom-auto {
        bottom: auto
    }
    .sm\:bottom-0 {
        bottom: 0
    }
    .sm\:w-0 {
        width: 0
    }
    .sm\:w-1\/2 {
        width: 50%
    }
    .sm\:w-1\/3 {
        width: 33.33333%
    }
    .sm\:w-2\/3 {
        width: 66.66667%
    }
    .sm\:w-1\/4 {
        width: 25%
    }
    .sm\:w-2\/4 {
        width: 50%
    }
    .sm\:w-3\/4 {
        width: 75%
    }
    .sm\:w-1\/5 {
        width: 20%
    }
    .sm\:w-2\/5 {
        width: 40%
    }
    .sm\:w-3\/5 {
        width: 60%
    }
    .sm\:w-4\/5 {
        width: 80%
    }
    .sm\:w-1\/6 {
        width: 16.66667%
    }
    .sm\:w-2\/6 {
        width: 33.33333%
    }
    .sm\:w-3\/6 {
        width: 50%
    }
    .sm\:w-4\/6 {
        width: 66.66667%
    }
    .sm\:w-5\/6 {
        width: 83.33333%
    }
    .sm\:w-1\/12 {
        width: 8.33333%
    }
    .sm\:w-2\/12 {
        width: 16.66667%
    }
    .sm\:w-3\/12 {
        width: 25%
    }
    .sm\:w-4\/12 {
        width: 33.33333%
    }
    .sm\:w-5\/12 {
        width: 41.66667%
    }
    .sm\:w-6\/12 {
        width: 50%
    }
    .sm\:w-7\/12 {
        width: 58.33333%
    }
    .sm\:w-8\/12 {
        width: 66.66667%
    }
    .sm\:w-9\/12 {
        width: 75%
    }
    .sm\:w-10\/12 {
        width: 83.33333%
    }
    .sm\:w-11\/12 {
        width: 91.66667%
    }
    .sm\:w-full {
        width: 100%
    }
    .sm\:w-w-screen {
        width: 100vw
    }
    .sm\:w-auto {
        width: auto
    }
    .sm\:font-family-base {
        font-family: "HKGrotesk Regular", Arial, sans-serif
    }
    .sm\:italic {
        font-style: italic
    }
    .sm\:non-italic {
        font-style: normal
    }
    .sm\:list-none {
        list-style-type: none
    }
    .sm\:list-disc {
        list-style-type: disc
    }
    .sm\:list-decimal {
        list-style-type: decimal
    }
    .sm\:list-inside {
        list-style-position: inside
    }
    .sm\:list-outside {
        list-style-position: outside
    }
    .sm\:text-left {
        text-align: left
    }
    .sm\:text-right {
        text-align: right
    }
    .sm\:text-center {
        text-align: center
    }
    .sm\:text-justify {
        text-align: justify
    }
    .sm\:no-underline {
        text-decoration: none
    }
    .sm\:underline {
        text-decoration: underline
    }
    .sm\:line-through {
        text-decoration: line-through
    }
    .sm\:lowercase {
        text-transform: lowercase
    }
    .sm\:uppercase {
        text-transform: uppercase
    }
    .sm\:capitalize {
        text-transform: capitalize
    }
    .sm\:content-start {
        align-content: flex-start
    }
    .sm\:content-end {
        align-content: flex-end
    }
    .sm\:content-center {
        align-content: center
    }
    .sm\:content-between {
        align-content: space-between
    }
    .sm\:content-around {
        align-content: space-around
    }
    .sm\:content-stretch {
        align-content: stretch
    }
    .sm\:items-start {
        align-items: flex-start
    }
    .sm\:items-end {
        align-items: flex-end
    }
    .sm\:items-center {
        align-items: center
    }
    .sm\:items-baseline {
        align-items: baseline
    }
    .sm\:items-stretch {
        align-items: stretch
    }
    .sm\:self-auto {
        align-self: auto
    }
    .sm\:self-start {
        align-self: flex-start
    }
    .sm\:self-end {
        align-self: flex-end
    }
    .sm\:self-center {
        align-self: center
    }
    .sm\:self-baseline {
        align-self: baseline
    }
    .sm\:self-stretch {
        align-self: stretch
    }
    .sm\:flex-inital {
        flex: 0 1 auto
    }
    .sm\:flex-1 {
        flex: 1 1 0%
    }
    .sm\:flex-auto {
        flex: 1 1 auto
    }
    .sm\:flex-none {
        flex: none
    }
    .sm\:flex-row {
        flex-direction: row
    }
    .sm\:flex-column {
        flex-direction: column
    }
    .sm\:flex-row-reverse {
        flex-direction: row-reverse
    }
    .sm\:flex-column-reverse {
        flex-direction: column-reverse
    }
    .sm\:flex-grow {
        flex-grow: 0
    }
    .sm\:flex-grow-1 {
        flex-grow: 1
    }
    .sm\:flex-shrink {
        flex-shrink: 0
    }
    .sm\:flex-shrink-1 {
        flex-shrink: 1
    }
    .sm\:flex-wrap {
        flex-wrap: wrap
    }
    .sm\:flex-nowrap {
        flex-wrap: nowrap
    }
    .sm\:flex-wrap-reverse {
        flex-wrap: wrap-reverse
    }
    .sm\:justify-start {
        justify-content: flex-start
    }
    .sm\:justify-end {
        justify-content: flex-end
    }
    .sm\:justify-center {
        justify-content: center
    }
    .sm\:justify-between {
        justify-content: space-between
    }
    .sm\:justify-around {
        justify-content: space-around
    }
    .sm\:order-first {
        order: -9999
    }
    .sm\:order-none {
        order: 0
    }
    .sm\:order-1 {
        order: 1
    }
    .sm\:order-2 {
        order: 2
    }
    .sm\:order-3 {
        order: 3
    }
    .sm\:order-4 {
        order: 4
    }
    .sm\:order-5 {
        order: 5
    }
    .sm\:order-last {
        order: 9999
    }
    .sm\:m-0 {
        margin: 0
    }
    .sm\:m-1 {
        margin: .25rem
    }
    .sm\:m-2 {
        margin: .5rem
    }
    .sm\:m-3 {
        margin: .75rem
    }
    .sm\:m-4 {
        margin: 1rem
    }
    .sm\:m-5 {
        margin: 1.25rem
    }
    .sm\:m-6 {
        margin: 1.5rem
    }
    .sm\:m-8 {
        margin: 2rem
    }
    .sm\:m-12 {
        margin: 3rem
    }
    .sm\:m-auto {
        margin: auto
    }
    .sm\:mx-0 {
        margin-right: 0;
        margin-left: 0
    }
    .sm\:mx-1 {
        margin-right: .25rem;
        margin-left: .25rem
    }
    .sm\:mx-2 {
        margin-right: .5rem;
        margin-left: .5rem
    }
    .sm\:mx-3 {
        margin-right: .75rem;
        margin-left: .75rem
    }
    .sm\:mx-4 {
        margin-right: 1rem;
        margin-left: 1rem
    }
    .sm\:mx-5 {
        margin-right: 1.25rem;
        margin-left: 1.25rem
    }
    .sm\:mx-6 {
        margin-right: 1.5rem;
        margin-left: 1.5rem
    }
    .sm\:mx-8 {
        margin-right: 2rem;
        margin-left: 2rem
    }
    .sm\:mx-12 {
        margin-right: 3rem;
        margin-left: 3rem
    }
    .sm\:mx-auto {
        margin-right: auto;
        margin-left: auto
    }
    .sm\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }
    .sm\:my-1 {
        margin-top: .25rem;
        margin-bottom: .25rem
    }
    .sm\:my-2 {
        margin-top: .5rem;
        margin-bottom: .5rem
    }
    .sm\:my-3 {
        margin-top: .75rem;
        margin-bottom: .75rem
    }
    .sm\:my-4 {
        margin-top: 1rem;
        margin-bottom: 1rem
    }
    .sm\:my-5 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem
    }
    .sm\:my-6 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }
    .sm\:my-8 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
    .sm\:my-12 {
        margin-top: 3rem;
        margin-bottom: 3rem
    }
    .sm\:my-auto {
        margin-top: auto;
        margin-bottom: auto
    }
    .sm\:mt-0 {
        margin-top: 0
    }
    .sm\:mt-1 {
        margin-top: .25rem
    }
    .sm\:mt-2 {
        margin-top: .5rem
    }
    .sm\:mt-3 {
        margin-top: .75rem
    }
    .sm\:mt-4 {
        margin-top: 1rem
    }
    .sm\:mt-5 {
        margin-top: 1.25rem
    }
    .sm\:mt-6 {
        margin-top: 1.5rem
    }
    .sm\:mt-8 {
        margin-top: 2rem
    }
    .sm\:mt-12 {
        margin-top: 3rem
    }
    .sm\:mt-auto {
        margin-top: auto
    }
    .sm\:mr-0 {
        margin-right: 0
    }
    .sm\:mr-1 {
        margin-right: .25rem
    }
    .sm\:mr-2 {
        margin-right: .5rem
    }
    .sm\:mr-3 {
        margin-right: .75rem
    }
    .sm\:mr-4 {
        margin-right: 1rem
    }
    .sm\:mr-5 {
        margin-right: 1.25rem
    }
    .sm\:mr-6 {
        margin-right: 1.5rem
    }
    .sm\:mr-8 {
        margin-right: 2rem
    }
    .sm\:mr-12 {
        margin-right: 3rem
    }
    .sm\:mr-auto {
        margin-right: auto
    }
    .sm\:mb-0 {
        margin-bottom: 0
    }
    .sm\:mb-1 {
        margin-bottom: .25rem
    }
    .sm\:mb-2 {
        margin-bottom: .5rem
    }
    .sm\:mb-3 {
        margin-bottom: .75rem
    }
    .sm\:mb-4 {
        margin-bottom: 1rem
    }
    .sm\:mb-5 {
        margin-bottom: 1.25rem
    }
    .sm\:mb-6 {
        margin-bottom: 1.5rem
    }
    .sm\:mb-8 {
        margin-bottom: 2rem
    }
    .sm\:mb-12 {
        margin-bottom: 3rem
    }
    .sm\:mb-auto {
        margin-bottom: auto
    }
    .sm\:ml-0 {
        margin-left: 0
    }
    .sm\:ml-1 {
        margin-left: .25rem
    }
    .sm\:ml-2 {
        margin-left: .5rem
    }
    .sm\:ml-3 {
        margin-left: .75rem
    }
    .sm\:ml-4 {
        margin-left: 1rem
    }
    .sm\:ml-5 {
        margin-left: 1.25rem
    }
    .sm\:ml-6 {
        margin-left: 1.5rem
    }
    .sm\:ml-8 {
        margin-left: 2rem
    }
    .sm\:ml-12 {
        margin-left: 3rem
    }
    .sm\:ml-auto {
        margin-left: auto
    }
    .sm\:-m-1 {
        margin: -.25rem
    }
    .sm\:-m-2 {
        margin: -.5rem
    }
    .sm\:-m-3 {
        margin: -.75rem
    }
    .sm\:-m-4 {
        margin: -1rem
    }
    .sm\:-m-5 {
        margin: -1.25rem
    }
    .sm\:-m-6 {
        margin: -1.5rem
    }
    .sm\:-m-8 {
        margin: -2rem
    }
    .sm\:-m-12 {
        margin: -3rem
    }
    .sm\:-m-auto {
        margin: -auto
    }
    .sm\:-mx-1 {
        margin-right: -.25rem;
        margin-left: -.25rem
    }
    .sm\:-mx-2 {
        margin-right: -.5rem;
        margin-left: -.5rem
    }
    .sm\:-mx-3 {
        margin-right: -.75rem;
        margin-left: -.75rem
    }
    .sm\:-mx-4 {
        margin-right: -1rem;
        margin-left: -1rem
    }
    .sm\:-mx-5 {
        margin-right: -1.25rem;
        margin-left: -1.25rem
    }
    .sm\:-mx-6 {
        margin-right: -1.5rem;
        margin-left: -1.5rem
    }
    .sm\:-mx-8 {
        margin-right: -2rem;
        margin-left: -2rem
    }
    .sm\:-mx-12 {
        margin-right: -3rem;
        margin-left: -3rem
    }
    .sm\:-mx-auto {
        margin-right: -auto;
        margin-left: -auto
    }
    .sm\:-my-1 {
        margin-top: -.25rem;
        margin-bottom: -.25rem
    }
    .sm\:-my-2 {
        margin-top: -.5rem;
        margin-bottom: -.5rem
    }
    .sm\:-my-3 {
        margin-top: -.75rem;
        margin-bottom: -.75rem
    }
    .sm\:-my-4 {
        margin-top: -1rem;
        margin-bottom: -1rem
    }
    .sm\:-my-5 {
        margin-top: -1.25rem;
        margin-bottom: -1.25rem
    }
    .sm\:-my-6 {
        margin-top: -1.5rem;
        margin-bottom: -1.5rem
    }
    .sm\:-my-8 {
        margin-top: -2rem;
        margin-bottom: -2rem
    }
    .sm\:-my-12 {
        margin-top: -3rem;
        margin-bottom: -3rem
    }
    .sm\:-my-auto {
        margin-top: -auto;
        margin-bottom: -auto
    }
    .sm\:-mt-1 {
        margin-top: -.25rem
    }
    .sm\:-mt-2 {
        margin-top: -.5rem
    }
    .sm\:-mt-3 {
        margin-top: -.75rem
    }
    .sm\:-mt-4 {
        margin-top: -1rem
    }
    .sm\:-mt-5 {
        margin-top: -1.25rem
    }
    .sm\:-mt-6 {
        margin-top: -1.5rem
    }
    .sm\:-mt-8 {
        margin-top: -2rem
    }
    .sm\:-mt-12 {
        margin-top: -3rem
    }
    .sm\:-mt-auto {
        margin-top: -auto
    }
    .sm\:-mr-1 {
        margin-right: -.25rem
    }
    .sm\:-mr-2 {
        margin-right: -.5rem
    }
    .sm\:-mr-3 {
        margin-right: -.75rem
    }
    .sm\:-mr-4 {
        margin-right: -1rem
    }
    .sm\:-mr-5 {
        margin-right: -1.25rem
    }
    .sm\:-mr-6 {
        margin-right: -1.5rem
    }
    .sm\:-mr-8 {
        margin-right: -2rem
    }
    .sm\:-mr-12 {
        margin-right: -3rem
    }
    .sm\:-mr-auto {
        margin-right: -auto
    }
    .sm\:-mb-1 {
        margin-bottom: -.25rem
    }
    .sm\:-mb-2 {
        margin-bottom: -.5rem
    }
    .sm\:-mb-3 {
        margin-bottom: -.75rem
    }
    .sm\:-mb-4 {
        margin-bottom: -1rem
    }
    .sm\:-mb-5 {
        margin-bottom: -1.25rem
    }
    .sm\:-mb-6 {
        margin-bottom: -1.5rem
    }
    .sm\:-mb-8 {
        margin-bottom: -2rem
    }
    .sm\:-mb-12 {
        margin-bottom: -3rem
    }
    .sm\:-mb-auto {
        margin-bottom: -auto
    }
    .sm\:-ml-1 {
        margin-left: -.25rem
    }
    .sm\:-ml-2 {
        margin-left: -.5rem
    }
    .sm\:-ml-3 {
        margin-left: -.75rem
    }
    .sm\:-ml-4 {
        margin-left: -1rem
    }
    .sm\:-ml-5 {
        margin-left: -1.25rem
    }
    .sm\:-ml-6 {
        margin-left: -1.5rem
    }
    .sm\:-ml-8 {
        margin-left: -2rem
    }
    .sm\:-ml-12 {
        margin-left: -3rem
    }
    .sm\:-ml-auto {
        margin-left: -auto
    }
    .sm\:p-0 {
        padding: 0
    }
    .sm\:p-1 {
        padding: .25rem
    }
    .sm\:p-2 {
        padding: .5rem
    }
    .sm\:p-3 {
        padding: .75rem
    }
    .sm\:p-4 {
        padding: 1rem
    }
    .sm\:p-5 {
        padding: 1.25rem
    }
    .sm\:p-6 {
        padding: 1.5rem
    }
    .sm\:p-8 {
        padding: 2rem
    }
    .sm\:p-12 {
        padding: 3rem
    }
    .sm\:p-auto {
        padding: auto
    }
    .sm\:px-0 {
        padding-right: 0;
        padding-left: 0
    }
    .sm\:px-1 {
        padding-right: .25rem;
        padding-left: .25rem
    }
    .sm\:px-2 {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .sm\:px-3 {
        padding-right: .75rem;
        padding-left: .75rem
    }
    .sm\:px-4 {
        padding-right: 1rem;
        padding-left: 1rem
    }
    .sm\:px-5 {
        padding-right: 1.25rem;
        padding-left: 1.25rem
    }
    .sm\:px-6 {
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }
    .sm\:px-8 {
        padding-right: 2rem;
        padding-left: 2rem
    }
    .sm\:px-12 {
        padding-right: 3rem;
        padding-left: 3rem
    }
    .sm\:px-auto {
        padding-right: auto;
        padding-left: auto
    }
    .sm\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }
    .sm\:py-1 {
        padding-top: .25rem;
        padding-bottom: .25rem
    }
    .sm\:py-2 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }
    .sm\:py-3 {
        padding-top: .75rem;
        padding-bottom: .75rem
    }
    .sm\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }
    .sm\:py-5 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }
    .sm\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
    .sm\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
    .sm\:py-12 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }
    .sm\:py-auto {
        padding-top: auto;
        padding-bottom: auto
    }
    .sm\:pt-0 {
        padding-top: 0
    }
    .sm\:pt-1 {
        padding-top: .25rem
    }
    .sm\:pt-2 {
        padding-top: .5rem
    }
    .sm\:pt-3 {
        padding-top: .75rem
    }
    .sm\:pt-4 {
        padding-top: 1rem
    }
    .sm\:pt-5 {
        padding-top: 1.25rem
    }
    .sm\:pt-6 {
        padding-top: 1.5rem
    }
    .sm\:pt-8 {
        padding-top: 2rem
    }
    .sm\:pt-12 {
        padding-top: 3rem
    }
    .sm\:pt-auto {
        padding-top: auto
    }
    .sm\:pr-0 {
        padding-right: 0
    }
    .sm\:pr-1 {
        padding-right: .25rem
    }
    .sm\:pr-2 {
        padding-right: .5rem
    }
    .sm\:pr-3 {
        padding-right: .75rem
    }
    .sm\:pr-4 {
        padding-right: 1rem
    }
    .sm\:pr-5 {
        padding-right: 1.25rem
    }
    .sm\:pr-6 {
        padding-right: 1.5rem
    }
    .sm\:pr-8 {
        padding-right: 2rem
    }
    .sm\:pr-12 {
        padding-right: 3rem
    }
    .sm\:pr-auto {
        padding-right: auto
    }
    .sm\:pb-0 {
        padding-bottom: 0
    }
    .sm\:pb-1 {
        padding-bottom: .25rem
    }
    .sm\:pb-2 {
        padding-bottom: .5rem
    }
    .sm\:pb-3 {
        padding-bottom: .75rem
    }
    .sm\:pb-4 {
        padding-bottom: 1rem
    }
    .sm\:pb-5 {
        padding-bottom: 1.25rem
    }
    .sm\:pb-6 {
        padding-bottom: 1.5rem
    }
    .sm\:pb-8 {
        padding-bottom: 2rem
    }
    .sm\:pb-12 {
        padding-bottom: 3rem
    }
    .sm\:pb-auto {
        padding-bottom: auto
    }
    .sm\:pl-0 {
        padding-left: 0
    }
    .sm\:pl-1 {
        padding-left: .25rem
    }
    .sm\:pl-2 {
        padding-left: .5rem
    }
    .sm\:pl-3 {
        padding-left: .75rem
    }
    .sm\:pl-4 {
        padding-left: 1rem
    }
    .sm\:pl-5 {
        padding-left: 1.25rem
    }
    .sm\:pl-6 {
        padding-left: 1.5rem
    }
    .sm\:pl-8 {
        padding-left: 2rem
    }
    .sm\:pl-12 {
        padding-left: 3rem
    }
    .sm\:pl-auto {
        padding-left: auto
    }
}

@media (min-width: 768px) {
    .md\:bg-auto {
        background-size: auto
    }
    .md\:bg-cover {
        background-size: cover
    }
    .md\:bg-contain {
        background-size: contain
    }
    .md\:hidden {
        display: none
    }
    .md\:inline {
        display: inline
    }
    .md\:inline-block {
        display: inline-block
    }
    .md\:block {
        display: block
    }
    .md\:table {
        display: table
    }
    .md\:table-row {
        display: table-row
    }
    .md\:table-cell {
        display: table-cell
    }
    .md\:flex {
        display: flex
    }
    .md\:inline-flex {
        display: inline-flex
    }
    .md\:static {
        position: static
    }
    .md\:relative {
        position: relative
    }
    .md\:absolute {
        position: absolute
    }
    .md\:fixed {
        position: fixed
    }
    .md\:sticky {
        position: sticky
    }
    .md\:top-auto {
        top: auto
    }
    .md\:top-0 {
        top: 0
    }
    .md\:right-auto {
        right: auto
    }
    .md\:right-0 {
        right: 0
    }
    .md\:bottom-auto {
        bottom: auto
    }
    .md\:bottom-0 {
        bottom: 0
    }
    .md\:w-0 {
        width: 0
    }
    .md\:w-1\/2 {
        width: 50%
    }
    .md\:w-1\/3 {
        width: 33.33333%
    }
    .md\:w-2\/3 {
        width: 66.66667%
    }
    .md\:w-1\/4 {
        width: 25%
    }
    .md\:w-2\/4 {
        width: 50%
    }
    .md\:w-3\/4 {
        width: 75%
    }
    .md\:w-1\/5 {
        width: 20%
    }
    .md\:w-2\/5 {
        width: 40%
    }
    .md\:w-3\/5 {
        width: 60%
    }
    .md\:w-4\/5 {
        width: 80%
    }
    .md\:w-1\/6 {
        width: 16.66667%
    }
    .md\:w-2\/6 {
        width: 33.33333%
    }
    .md\:w-3\/6 {
        width: 50%
    }
    .md\:w-4\/6 {
        width: 66.66667%
    }
    .md\:w-5\/6 {
        width: 83.33333%
    }
    .md\:w-1\/12 {
        width: 8.33333%
    }
    .md\:w-2\/12 {
        width: 16.66667%
    }
    .md\:w-3\/12 {
        width: 25%
    }
    .md\:w-4\/12 {
        width: 33.33333%
    }
    .md\:w-5\/12 {
        width: 41.66667%
    }
    .md\:w-6\/12 {
        width: 50%
    }
    .md\:w-7\/12 {
        width: 58.33333%
    }
    .md\:w-8\/12 {
        width: 66.66667%
    }
    .md\:w-9\/12 {
        width: 75%
    }
    .md\:w-10\/12 {
        width: 83.33333%
    }
    .md\:w-11\/12 {
        width: 91.66667%
    }
    .md\:w-full {
        width: 100%
    }
    .md\:w-w-screen {
        width: 100vw
    }
    .md\:w-auto {
        width: auto
    }
    .md\:font-family-base {
        font-family: "HKGrotesk Regular", Arial, sans-serif
    }
    .md\:italic {
        font-style: italic
    }
    .md\:non-italic {
        font-style: normal
    }
    .md\:list-none {
        list-style-type: none
    }
    .md\:list-disc {
        list-style-type: disc
    }
    .md\:list-decimal {
        list-style-type: decimal
    }
    .md\:list-inside {
        list-style-position: inside
    }
    .md\:list-outside {
        list-style-position: outside
    }
    .md\:text-left {
        text-align: left
    }
    .md\:text-right {
        text-align: right
    }
    .md\:text-center {
        text-align: center
    }
    .md\:text-justify {
        text-align: justify
    }
    .md\:no-underline {
        text-decoration: none
    }
    .md\:underline {
        text-decoration: underline
    }
    .md\:line-through {
        text-decoration: line-through
    }
    .md\:lowercase {
        text-transform: lowercase
    }
    .md\:uppercase {
        text-transform: uppercase
    }
    .md\:capitalize {
        text-transform: capitalize
    }
    .md\:content-start {
        align-content: flex-start
    }
    .md\:content-end {
        align-content: flex-end
    }
    .md\:content-center {
        align-content: center
    }
    .md\:content-between {
        align-content: space-between
    }
    .md\:content-around {
        align-content: space-around
    }
    .md\:content-stretch {
        align-content: stretch
    }
    .md\:items-start {
        align-items: flex-start
    }
    .md\:items-end {
        align-items: flex-end
    }
    .md\:items-center {
        align-items: center
    }
    .md\:items-baseline {
        align-items: baseline
    }
    .md\:items-stretch {
        align-items: stretch
    }
    .md\:self-auto {
        align-self: auto
    }
    .md\:self-start {
        align-self: flex-start
    }
    .md\:self-end {
        align-self: flex-end
    }
    .md\:self-center {
        align-self: center
    }
    .md\:self-baseline {
        align-self: baseline
    }
    .md\:self-stretch {
        align-self: stretch
    }
    .md\:flex-inital {
        flex: 0 1 auto
    }
    .md\:flex-1 {
        flex: 1 1 0%
    }
    .md\:flex-auto {
        flex: 1 1 auto
    }
    .md\:flex-none {
        flex: none
    }
    .md\:flex-row {
        flex-direction: row
    }
    .md\:flex-column {
        flex-direction: column
    }
    .md\:flex-row-reverse {
        flex-direction: row-reverse
    }
    .md\:flex-column-reverse {
        flex-direction: column-reverse
    }
    .md\:flex-grow {
        flex-grow: 0
    }
    .md\:flex-grow-1 {
        flex-grow: 1
    }
    .md\:flex-shrink {
        flex-shrink: 0
    }
    .md\:flex-shrink-1 {
        flex-shrink: 1
    }
    .md\:flex-wrap {
        flex-wrap: wrap
    }
    .md\:flex-nowrap {
        flex-wrap: nowrap
    }
    .md\:flex-wrap-reverse {
        flex-wrap: wrap-reverse
    }
    .md\:justify-start {
        justify-content: flex-start
    }
    .md\:justify-end {
        justify-content: flex-end
    }
    .md\:justify-center {
        justify-content: center
    }
    .md\:justify-between {
        justify-content: space-between
    }
    .md\:justify-around {
        justify-content: space-around
    }
    .md\:order-first {
        order: -9999
    }
    .md\:order-none {
        order: 0
    }
    .md\:order-1 {
        order: 1
    }
    .md\:order-2 {
        order: 2
    }
    .md\:order-3 {
        order: 3
    }
    .md\:order-4 {
        order: 4
    }
    .md\:order-5 {
        order: 5
    }
    .md\:order-last {
        order: 9999
    }
    .md\:m-0 {
        margin: 0
    }
    .md\:m-1 {
        margin: .25rem
    }
    .md\:m-2 {
        margin: .5rem
    }
    .md\:m-3 {
        margin: .75rem
    }
    .md\:m-4 {
        margin: 1rem
    }
    .md\:m-5 {
        margin: 1.25rem
    }
    .md\:m-6 {
        margin: 1.5rem
    }
    .md\:m-8 {
        margin: 2rem
    }
    .md\:m-12 {
        margin: 3rem
    }
    .md\:m-auto {
        margin: auto
    }
    .md\:mx-0 {
        margin-right: 0;
        margin-left: 0
    }
    .md\:mx-1 {
        margin-right: .25rem;
        margin-left: .25rem
    }
    .md\:mx-2 {
        margin-right: .5rem;
        margin-left: .5rem
    }
    .md\:mx-3 {
        margin-right: .75rem;
        margin-left: .75rem
    }
    .md\:mx-4 {
        margin-right: 1rem;
        margin-left: 1rem
    }
    .md\:mx-5 {
        margin-right: 1.25rem;
        margin-left: 1.25rem
    }
    .md\:mx-6 {
        margin-right: 1.5rem;
        margin-left: 1.5rem
    }
    .md\:mx-8 {
        margin-right: 2rem;
        margin-left: 2rem
    }
    .md\:mx-12 {
        margin-right: 3rem;
        margin-left: 3rem
    }
    .md\:mx-auto {
        margin-right: auto;
        margin-left: auto
    }
    .md\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }
    .md\:my-1 {
        margin-top: .25rem;
        margin-bottom: .25rem
    }
    .md\:my-2 {
        margin-top: .5rem;
        margin-bottom: .5rem
    }
    .md\:my-3 {
        margin-top: .75rem;
        margin-bottom: .75rem
    }
    .md\:my-4 {
        margin-top: 1rem;
        margin-bottom: 1rem
    }
    .md\:my-5 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem
    }
    .md\:my-6 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }
    .md\:my-8 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
    .md\:my-12 {
        margin-top: 3rem;
        margin-bottom: 3rem
    }
    .md\:my-auto {
        margin-top: auto;
        margin-bottom: auto
    }
    .md\:mt-0 {
        margin-top: 0
    }
    .md\:mt-1 {
        margin-top: .25rem
    }
    .md\:mt-2 {
        margin-top: .5rem
    }
    .md\:mt-3 {
        margin-top: .75rem
    }
    .md\:mt-4 {
        margin-top: 1rem
    }
    .md\:mt-5 {
        margin-top: 1.25rem
    }
    .md\:mt-6 {
        margin-top: 1.5rem
    }
    .md\:mt-8 {
        margin-top: 2rem
    }
    .md\:mt-12 {
        margin-top: 3rem
    }
    .md\:mt-auto {
        margin-top: auto
    }
    .md\:mr-0 {
        margin-right: 0
    }
    .md\:mr-1 {
        margin-right: .25rem
    }
    .md\:mr-2 {
        margin-right: .5rem
    }
    .md\:mr-3 {
        margin-right: .75rem
    }
    .md\:mr-4 {
        margin-right: 1rem
    }
    .md\:mr-5 {
        margin-right: 1.25rem
    }
    .md\:mr-6 {
        margin-right: 1.5rem
    }
    .md\:mr-8 {
        margin-right: 2rem
    }
    .md\:mr-12 {
        margin-right: 3rem
    }
    .md\:mr-auto {
        margin-right: auto
    }
    .md\:mb-0 {
        margin-bottom: 0
    }
    .md\:mb-1 {
        margin-bottom: .25rem
    }
    .md\:mb-2 {
        margin-bottom: .5rem
    }
    .md\:mb-3 {
        margin-bottom: .75rem
    }
    .md\:mb-4 {
        margin-bottom: 1rem
    }
    .md\:mb-5 {
        margin-bottom: 1.25rem
    }
    .md\:mb-6 {
        margin-bottom: 1.5rem
    }
    .md\:mb-8 {
        margin-bottom: 2rem
    }
    .md\:mb-12 {
        margin-bottom: 3rem
    }
    .md\:mb-auto {
        margin-bottom: auto
    }
    .md\:ml-0 {
        margin-left: 0
    }
    .md\:ml-1 {
        margin-left: .25rem
    }
    .md\:ml-2 {
        margin-left: .5rem
    }
    .md\:ml-3 {
        margin-left: .75rem
    }
    .md\:ml-4 {
        margin-left: 1rem
    }
    .md\:ml-5 {
        margin-left: 1.25rem
    }
    .md\:ml-6 {
        margin-left: 1.5rem
    }
    .md\:ml-8 {
        margin-left: 2rem
    }
    .md\:ml-12 {
        margin-left: 3rem
    }
    .md\:ml-auto {
        margin-left: auto
    }
    .md\:-m-1 {
        margin: -.25rem
    }
    .md\:-m-2 {
        margin: -.5rem
    }
    .md\:-m-3 {
        margin: -.75rem
    }
    .md\:-m-4 {
        margin: -1rem
    }
    .md\:-m-5 {
        margin: -1.25rem
    }
    .md\:-m-6 {
        margin: -1.5rem
    }
    .md\:-m-8 {
        margin: -2rem
    }
    .md\:-m-12 {
        margin: -3rem
    }
    .md\:-m-auto {
        margin: -auto
    }
    .md\:-mx-1 {
        margin-right: -.25rem;
        margin-left: -.25rem
    }
    .md\:-mx-2 {
        margin-right: -.5rem;
        margin-left: -.5rem
    }
    .md\:-mx-3 {
        margin-right: -.75rem;
        margin-left: -.75rem
    }
    .md\:-mx-4 {
        margin-right: -1rem;
        margin-left: -1rem
    }
    .md\:-mx-5 {
        margin-right: -1.25rem;
        margin-left: -1.25rem
    }
    .md\:-mx-6 {
        margin-right: -1.5rem;
        margin-left: -1.5rem
    }
    .md\:-mx-8 {
        margin-right: -2rem;
        margin-left: -2rem
    }
    .md\:-mx-12 {
        margin-right: -3rem;
        margin-left: -3rem
    }
    .md\:-mx-auto {
        margin-right: -auto;
        margin-left: -auto
    }
    .md\:-my-1 {
        margin-top: -.25rem;
        margin-bottom: -.25rem
    }
    .md\:-my-2 {
        margin-top: -.5rem;
        margin-bottom: -.5rem
    }
    .md\:-my-3 {
        margin-top: -.75rem;
        margin-bottom: -.75rem
    }
    .md\:-my-4 {
        margin-top: -1rem;
        margin-bottom: -1rem
    }
    .md\:-my-5 {
        margin-top: -1.25rem;
        margin-bottom: -1.25rem
    }
    .md\:-my-6 {
        margin-top: -1.5rem;
        margin-bottom: -1.5rem
    }
    .md\:-my-8 {
        margin-top: -2rem;
        margin-bottom: -2rem
    }
    .md\:-my-12 {
        margin-top: -3rem;
        margin-bottom: -3rem
    }
    .md\:-my-auto {
        margin-top: -auto;
        margin-bottom: -auto
    }
    .md\:-mt-1 {
        margin-top: -.25rem
    }
    .md\:-mt-2 {
        margin-top: -.5rem
    }
    .md\:-mt-3 {
        margin-top: -.75rem
    }
    .md\:-mt-4 {
        margin-top: -1rem
    }
    .md\:-mt-5 {
        margin-top: -1.25rem
    }
    .md\:-mt-6 {
        margin-top: -1.5rem
    }
    .md\:-mt-8 {
        margin-top: -2rem
    }
    .md\:-mt-12 {
        margin-top: -3rem
    }
    .md\:-mt-auto {
        margin-top: -auto
    }
    .md\:-mr-1 {
        margin-right: -.25rem
    }
    .md\:-mr-2 {
        margin-right: -.5rem
    }
    .md\:-mr-3 {
        margin-right: -.75rem
    }
    .md\:-mr-4 {
        margin-right: -1rem
    }
    .md\:-mr-5 {
        margin-right: -1.25rem
    }
    .md\:-mr-6 {
        margin-right: -1.5rem
    }
    .md\:-mr-8 {
        margin-right: -2rem
    }
    .md\:-mr-12 {
        margin-right: -3rem
    }
    .md\:-mr-auto {
        margin-right: -auto
    }
    .md\:-mb-1 {
        margin-bottom: -.25rem
    }
    .md\:-mb-2 {
        margin-bottom: -.5rem
    }
    .md\:-mb-3 {
        margin-bottom: -.75rem
    }
    .md\:-mb-4 {
        margin-bottom: -1rem
    }
    .md\:-mb-5 {
        margin-bottom: -1.25rem
    }
    .md\:-mb-6 {
        margin-bottom: -1.5rem
    }
    .md\:-mb-8 {
        margin-bottom: -2rem
    }
    .md\:-mb-12 {
        margin-bottom: -3rem
    }
    .md\:-mb-auto {
        margin-bottom: -auto
    }
    .md\:-ml-1 {
        margin-left: -.25rem
    }
    .md\:-ml-2 {
        margin-left: -.5rem
    }
    .md\:-ml-3 {
        margin-left: -.75rem
    }
    .md\:-ml-4 {
        margin-left: -1rem
    }
    .md\:-ml-5 {
        margin-left: -1.25rem
    }
    .md\:-ml-6 {
        margin-left: -1.5rem
    }
    .md\:-ml-8 {
        margin-left: -2rem
    }
    .md\:-ml-12 {
        margin-left: -3rem
    }
    .md\:-ml-auto {
        margin-left: -auto
    }
    .md\:p-0 {
        padding: 0
    }
    .md\:p-1 {
        padding: .25rem
    }
    .md\:p-2 {
        padding: .5rem
    }
    .md\:p-3 {
        padding: .75rem
    }
    .md\:p-4 {
        padding: 1rem
    }
    .md\:p-5 {
        padding: 1.25rem
    }
    .md\:p-6 {
        padding: 1.5rem
    }
    .md\:p-8 {
        padding: 2rem
    }
    .md\:p-12 {
        padding: 3rem
    }
    .md\:p-auto {
        padding: auto
    }
    .md\:px-0 {
        padding-right: 0;
        padding-left: 0
    }
    .md\:px-1 {
        padding-right: .25rem;
        padding-left: .25rem
    }
    .md\:px-2 {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .md\:px-3 {
        padding-right: .75rem;
        padding-left: .75rem
    }
    .md\:px-4 {
        padding-right: 1rem;
        padding-left: 1rem
    }
    .md\:px-5 {
        padding-right: 1.25rem;
        padding-left: 1.25rem
    }
    .md\:px-6 {
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }
    .md\:px-8 {
        padding-right: 2rem;
        padding-left: 2rem
    }
    .md\:px-12 {
        padding-right: 3rem;
        padding-left: 3rem
    }
    .md\:px-auto {
        padding-right: auto;
        padding-left: auto
    }
    .md\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }
    .md\:py-1 {
        padding-top: .25rem;
        padding-bottom: .25rem
    }
    .md\:py-2 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }
    .md\:py-3 {
        padding-top: .75rem;
        padding-bottom: .75rem
    }
    .md\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }
    .md\:py-5 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }
    .md\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
    .md\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
    .md\:py-12 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }
    .md\:py-auto {
        padding-top: auto;
        padding-bottom: auto
    }
    .md\:pt-0 {
        padding-top: 0
    }
    .md\:pt-1 {
        padding-top: .25rem
    }
    .md\:pt-2 {
        padding-top: .5rem
    }
    .md\:pt-3 {
        padding-top: .75rem
    }
    .md\:pt-4 {
        padding-top: 1rem
    }
    .md\:pt-5 {
        padding-top: 1.25rem
    }
    .md\:pt-6 {
        padding-top: 1.5rem
    }
    .md\:pt-8 {
        padding-top: 2rem
    }
    .md\:pt-12 {
        padding-top: 3rem
    }
    .md\:pt-auto {
        padding-top: auto
    }
    .md\:pr-0 {
        padding-right: 0
    }
    .md\:pr-1 {
        padding-right: .25rem
    }
    .md\:pr-2 {
        padding-right: .5rem
    }
    .md\:pr-3 {
        padding-right: .75rem
    }
    .md\:pr-4 {
        padding-right: 1rem
    }
    .md\:pr-5 {
        padding-right: 1.25rem
    }
    .md\:pr-6 {
        padding-right: 1.5rem
    }
    .md\:pr-8 {
        padding-right: 2rem
    }
    .md\:pr-12 {
        padding-right: 3rem
    }
    .md\:pr-auto {
        padding-right: auto
    }
    .md\:pb-0 {
        padding-bottom: 0
    }
    .md\:pb-1 {
        padding-bottom: .25rem
    }
    .md\:pb-2 {
        padding-bottom: .5rem
    }
    .md\:pb-3 {
        padding-bottom: .75rem
    }
    .md\:pb-4 {
        padding-bottom: 1rem
    }
    .md\:pb-5 {
        padding-bottom: 1.25rem
    }
    .md\:pb-6 {
        padding-bottom: 1.5rem
    }
    .md\:pb-8 {
        padding-bottom: 2rem
    }
    .md\:pb-12 {
        padding-bottom: 3rem
    }
    .md\:pb-auto {
        padding-bottom: auto
    }
    .md\:pl-0 {
        padding-left: 0
    }
    .md\:pl-1 {
        padding-left: .25rem
    }
    .md\:pl-2 {
        padding-left: .5rem
    }
    .md\:pl-3 {
        padding-left: .75rem
    }
    .md\:pl-4 {
        padding-left: 1rem
    }
    .md\:pl-5 {
        padding-left: 1.25rem
    }
    .md\:pl-6 {
        padding-left: 1.5rem
    }
    .md\:pl-8 {
        padding-left: 2rem
    }
    .md\:pl-12 {
        padding-left: 3rem
    }
    .md\:pl-auto {
        padding-left: auto
    }
}

@media (min-width: 992px) {
    .lg\:bg-auto {
        background-size: auto
    }
    .lg\:bg-cover {
        background-size: cover
    }
    .lg\:bg-contain {
        background-size: contain
    }
    .lg\:hidden {
        display: none
    }
    .lg\:inline {
        display: inline
    }
    .lg\:inline-block {
        display: inline-block
    }
    .lg\:block {
        display: block
    }
    .lg\:table {
        display: table
    }
    .lg\:table-row {
        display: table-row
    }
    .lg\:table-cell {
        display: table-cell
    }
    .lg\:flex {
        display: flex
    }
    .lg\:inline-flex {
        display: inline-flex
    }
    .lg\:static {
        position: static
    }
    .lg\:relative {
        position: relative
    }
    .lg\:absolute {
        position: absolute
    }
    .lg\:fixed {
        position: fixed
    }
    .lg\:sticky {
        position: sticky
    }
    .lg\:top-auto {
        top: auto
    }
    .lg\:top-0 {
        top: 0
    }
    .lg\:right-auto {
        right: auto
    }
    .lg\:right-0 {
        right: 0
    }
    .lg\:bottom-auto {
        bottom: auto
    }
    .lg\:bottom-0 {
        bottom: 0
    }
    .lg\:w-0 {
        width: 0
    }
    .lg\:w-1\/2 {
        width: 50%
    }
    .lg\:w-1\/3 {
        width: 33.33333%
    }
    .lg\:w-2\/3 {
        width: 66.66667%
    }
    .lg\:w-1\/4 {
        width: 25%
    }
    .lg\:w-2\/4 {
        width: 50%
    }
    .lg\:w-3\/4 {
        width: 75%
    }
    .lg\:w-1\/5 {
        width: 20%
    }
    .lg\:w-2\/5 {
        width: 40%
    }
    .lg\:w-3\/5 {
        width: 60%
    }
    .lg\:w-4\/5 {
        width: 80%
    }
    .lg\:w-1\/6 {
        width: 16.66667%
    }
    .lg\:w-2\/6 {
        width: 33.33333%
    }
    .lg\:w-3\/6 {
        width: 50%
    }
    .lg\:w-4\/6 {
        width: 66.66667%
    }
    .lg\:w-5\/6 {
        width: 83.33333%
    }
    .lg\:w-1\/12 {
        width: 8.33333%
    }
    .lg\:w-2\/12 {
        width: 16.66667%
    }
    .lg\:w-3\/12 {
        width: 25%
    }
    .lg\:w-4\/12 {
        width: 33.33333%
    }
    .lg\:w-5\/12 {
        width: 41.66667%
    }
    .lg\:w-6\/12 {
        width: 50%
    }
    .lg\:w-7\/12 {
        width: 58.33333%
    }
    .lg\:w-8\/12 {
        width: 66.66667%
    }
    .lg\:w-9\/12 {
        width: 75%
    }
    .lg\:w-10\/12 {
        width: 83.33333%
    }
    .lg\:w-11\/12 {
        width: 91.66667%
    }
    .lg\:w-full {
        width: 100%
    }
    .lg\:w-w-screen {
        width: 100vw
    }
    .lg\:w-auto {
        width: auto
    }
    .lg\:font-family-base {
        font-family: "HKGrotesk Regular", Arial, sans-serif
    }
    .lg\:italic {
        font-style: italic
    }
    .lg\:non-italic {
        font-style: normal
    }
    .lg\:list-none {
        list-style-type: none
    }
    .lg\:list-disc {
        list-style-type: disc
    }
    .lg\:list-decimal {
        list-style-type: decimal
    }
    .lg\:list-inside {
        list-style-position: inside
    }
    .lg\:list-outside {
        list-style-position: outside
    }
    .lg\:text-left {
        text-align: left
    }
    .lg\:text-right {
        text-align: right
    }
    .lg\:text-center {
        text-align: center
    }
    .lg\:text-justify {
        text-align: justify
    }
    .lg\:no-underline {
        text-decoration: none
    }
    .lg\:underline {
        text-decoration: underline
    }
    .lg\:line-through {
        text-decoration: line-through
    }
    .lg\:lowercase {
        text-transform: lowercase
    }
    .lg\:uppercase {
        text-transform: uppercase
    }
    .lg\:capitalize {
        text-transform: capitalize
    }
    .lg\:content-start {
        align-content: flex-start
    }
    .lg\:content-end {
        align-content: flex-end
    }
    .lg\:content-center {
        align-content: center
    }
    .lg\:content-between {
        align-content: space-between
    }
    .lg\:content-around {
        align-content: space-around
    }
    .lg\:content-stretch {
        align-content: stretch
    }
    .lg\:items-start {
        align-items: flex-start
    }
    .lg\:items-end {
        align-items: flex-end
    }
    .lg\:items-center {
        align-items: center
    }
    .lg\:items-baseline {
        align-items: baseline
    }
    .lg\:items-stretch {
        align-items: stretch
    }
    .lg\:self-auto {
        align-self: auto
    }
    .lg\:self-start {
        align-self: flex-start
    }
    .lg\:self-end {
        align-self: flex-end
    }
    .lg\:self-center {
        align-self: center
    }
    .lg\:self-baseline {
        align-self: baseline
    }
    .lg\:self-stretch {
        align-self: stretch
    }
    .lg\:flex-inital {
        flex: 0 1 auto
    }
    .lg\:flex-1 {
        flex: 1 1 0%
    }
    .lg\:flex-auto {
        flex: 1 1 auto
    }
    .lg\:flex-none {
        flex: none
    }
    .lg\:flex-row {
        flex-direction: row
    }
    .lg\:flex-column {
        flex-direction: column
    }
    .lg\:flex-row-reverse {
        flex-direction: row-reverse
    }
    .lg\:flex-column-reverse {
        flex-direction: column-reverse
    }
    .lg\:flex-grow {
        flex-grow: 0
    }
    .lg\:flex-grow-1 {
        flex-grow: 1
    }
    .lg\:flex-shrink {
        flex-shrink: 0
    }
    .lg\:flex-shrink-1 {
        flex-shrink: 1
    }
    .lg\:flex-wrap {
        flex-wrap: wrap
    }
    .lg\:flex-nowrap {
        flex-wrap: nowrap
    }
    .lg\:flex-wrap-reverse {
        flex-wrap: wrap-reverse
    }
    .lg\:justify-start {
        justify-content: flex-start
    }
    .lg\:justify-end {
        justify-content: flex-end
    }
    .lg\:justify-center {
        justify-content: center
    }
    .lg\:justify-between {
        justify-content: space-between
    }
    .lg\:justify-around {
        justify-content: space-around
    }
    .lg\:order-first {
        order: -9999
    }
    .lg\:order-none {
        order: 0
    }
    .lg\:order-1 {
        order: 1
    }
    .lg\:order-2 {
        order: 2
    }
    .lg\:order-3 {
        order: 3
    }
    .lg\:order-4 {
        order: 4
    }
    .lg\:order-5 {
        order: 5
    }
    .lg\:order-last {
        order: 9999
    }
    .lg\:m-0 {
        margin: 0
    }
    .lg\:m-1 {
        margin: .25rem
    }
    .lg\:m-2 {
        margin: .5rem
    }
    .lg\:m-3 {
        margin: .75rem
    }
    .lg\:m-4 {
        margin: 1rem
    }
    .lg\:m-5 {
        margin: 1.25rem
    }
    .lg\:m-6 {
        margin: 1.5rem
    }
    .lg\:m-8 {
        margin: 2rem
    }
    .lg\:m-12 {
        margin: 3rem
    }
    .lg\:m-auto {
        margin: auto
    }
    .lg\:mx-0 {
        margin-right: 0;
        margin-left: 0
    }
    .lg\:mx-1 {
        margin-right: .25rem;
        margin-left: .25rem
    }
    .lg\:mx-2 {
        margin-right: .5rem;
        margin-left: .5rem
    }
    .lg\:mx-3 {
        margin-right: .75rem;
        margin-left: .75rem
    }
    .lg\:mx-4 {
        margin-right: 1rem;
        margin-left: 1rem
    }
    .lg\:mx-5 {
        margin-right: 1.25rem;
        margin-left: 1.25rem
    }
    .lg\:mx-6 {
        margin-right: 1.5rem;
        margin-left: 1.5rem
    }
    .lg\:mx-8 {
        margin-right: 2rem;
        margin-left: 2rem
    }
    .lg\:mx-12 {
        margin-right: 3rem;
        margin-left: 3rem
    }
    .lg\:mx-auto {
        margin-right: auto;
        margin-left: auto
    }
    .lg\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }
    .lg\:my-1 {
        margin-top: .25rem;
        margin-bottom: .25rem
    }
    .lg\:my-2 {
        margin-top: .5rem;
        margin-bottom: .5rem
    }
    .lg\:my-3 {
        margin-top: .75rem;
        margin-bottom: .75rem
    }
    .lg\:my-4 {
        margin-top: 1rem;
        margin-bottom: 1rem
    }
    .lg\:my-5 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem
    }
    .lg\:my-6 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }
    .lg\:my-8 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
    .lg\:my-12 {
        margin-top: 3rem;
        margin-bottom: 3rem
    }
    .lg\:my-auto {
        margin-top: auto;
        margin-bottom: auto
    }
    .lg\:mt-0 {
        margin-top: 0
    }
    .lg\:mt-1 {
        margin-top: .25rem
    }
    .lg\:mt-2 {
        margin-top: .5rem
    }
    .lg\:mt-3 {
        margin-top: .75rem
    }
    .lg\:mt-4 {
        margin-top: 1rem
    }
    .lg\:mt-5 {
        margin-top: 1.25rem
    }
    .lg\:mt-6 {
        margin-top: 1.5rem
    }
    .lg\:mt-8 {
        margin-top: 2rem
    }
    .lg\:mt-12 {
        margin-top: 3rem
    }
    .lg\:mt-auto {
        margin-top: auto
    }
    .lg\:mr-0 {
        margin-right: 0
    }
    .lg\:mr-1 {
        margin-right: .25rem
    }
    .lg\:mr-2 {
        margin-right: .5rem
    }
    .lg\:mr-3 {
        margin-right: .75rem
    }
    .lg\:mr-4 {
        margin-right: 1rem
    }
    .lg\:mr-5 {
        margin-right: 1.25rem
    }
    .lg\:mr-6 {
        margin-right: 1.5rem
    }
    .lg\:mr-8 {
        margin-right: 2rem
    }
    .lg\:mr-12 {
        margin-right: 3rem
    }
    .lg\:mr-auto {
        margin-right: auto
    }
    .lg\:mb-0 {
        margin-bottom: 0
    }
    .lg\:mb-1 {
        margin-bottom: .25rem
    }
    .lg\:mb-2 {
        margin-bottom: .5rem
    }
    .lg\:mb-3 {
        margin-bottom: .75rem
    }
    .lg\:mb-4 {
        margin-bottom: 1rem
    }
    .lg\:mb-5 {
        margin-bottom: 1.25rem
    }
    .lg\:mb-6 {
        margin-bottom: 1.5rem
    }
    .lg\:mb-8 {
        margin-bottom: 2rem
    }
    .lg\:mb-12 {
        margin-bottom: 3rem
    }
    .lg\:mb-auto {
        margin-bottom: auto
    }
    .lg\:ml-0 {
        margin-left: 0
    }
    .lg\:ml-1 {
        margin-left: .25rem
    }
    .lg\:ml-2 {
        margin-left: .5rem
    }
    .lg\:ml-3 {
        margin-left: .75rem
    }
    .lg\:ml-4 {
        margin-left: 1rem
    }
    .lg\:ml-5 {
        margin-left: 1.25rem
    }
    .lg\:ml-6 {
        margin-left: 1.5rem
    }
    .lg\:ml-8 {
        margin-left: 2rem
    }
    .lg\:ml-12 {
        margin-left: 3rem
    }
    .lg\:ml-auto {
        margin-left: auto
    }
    .lg\:-m-1 {
        margin: -.25rem
    }
    .lg\:-m-2 {
        margin: -.5rem
    }
    .lg\:-m-3 {
        margin: -.75rem
    }
    .lg\:-m-4 {
        margin: -1rem
    }
    .lg\:-m-5 {
        margin: -1.25rem
    }
    .lg\:-m-6 {
        margin: -1.5rem
    }
    .lg\:-m-8 {
        margin: -2rem
    }
    .lg\:-m-12 {
        margin: -3rem
    }
    .lg\:-m-auto {
        margin: -auto
    }
    .lg\:-mx-1 {
        margin-right: -.25rem;
        margin-left: -.25rem
    }
    .lg\:-mx-2 {
        margin-right: -.5rem;
        margin-left: -.5rem
    }
    .lg\:-mx-3 {
        margin-right: -.75rem;
        margin-left: -.75rem
    }
    .lg\:-mx-4 {
        margin-right: -1rem;
        margin-left: -1rem
    }
    .lg\:-mx-5 {
        margin-right: -1.25rem;
        margin-left: -1.25rem
    }
    .lg\:-mx-6 {
        margin-right: -1.5rem;
        margin-left: -1.5rem
    }
    .lg\:-mx-8 {
        margin-right: -2rem;
        margin-left: -2rem
    }
    .lg\:-mx-12 {
        margin-right: -3rem;
        margin-left: -3rem
    }
    .lg\:-mx-auto {
        margin-right: -auto;
        margin-left: -auto
    }
    .lg\:-my-1 {
        margin-top: -.25rem;
        margin-bottom: -.25rem
    }
    .lg\:-my-2 {
        margin-top: -.5rem;
        margin-bottom: -.5rem
    }
    .lg\:-my-3 {
        margin-top: -.75rem;
        margin-bottom: -.75rem
    }
    .lg\:-my-4 {
        margin-top: -1rem;
        margin-bottom: -1rem
    }
    .lg\:-my-5 {
        margin-top: -1.25rem;
        margin-bottom: -1.25rem
    }
    .lg\:-my-6 {
        margin-top: -1.5rem;
        margin-bottom: -1.5rem
    }
    .lg\:-my-8 {
        margin-top: -2rem;
        margin-bottom: -2rem
    }
    .lg\:-my-12 {
        margin-top: -3rem;
        margin-bottom: -3rem
    }
    .lg\:-my-auto {
        margin-top: -auto;
        margin-bottom: -auto
    }
    .lg\:-mt-1 {
        margin-top: -.25rem
    }
    .lg\:-mt-2 {
        margin-top: -.5rem
    }
    .lg\:-mt-3 {
        margin-top: -.75rem
    }
    .lg\:-mt-4 {
        margin-top: -1rem
    }
    .lg\:-mt-5 {
        margin-top: -1.25rem
    }
    .lg\:-mt-6 {
        margin-top: -1.5rem
    }
    .lg\:-mt-8 {
        margin-top: -2rem
    }
    .lg\:-mt-12 {
        margin-top: -3rem
    }
    .lg\:-mt-auto {
        margin-top: -auto
    }
    .lg\:-mr-1 {
        margin-right: -.25rem
    }
    .lg\:-mr-2 {
        margin-right: -.5rem
    }
    .lg\:-mr-3 {
        margin-right: -.75rem
    }
    .lg\:-mr-4 {
        margin-right: -1rem
    }
    .lg\:-mr-5 {
        margin-right: -1.25rem
    }
    .lg\:-mr-6 {
        margin-right: -1.5rem
    }
    .lg\:-mr-8 {
        margin-right: -2rem
    }
    .lg\:-mr-12 {
        margin-right: -3rem
    }
    .lg\:-mr-auto {
        margin-right: -auto
    }
    .lg\:-mb-1 {
        margin-bottom: -.25rem
    }
    .lg\:-mb-2 {
        margin-bottom: -.5rem
    }
    .lg\:-mb-3 {
        margin-bottom: -.75rem
    }
    .lg\:-mb-4 {
        margin-bottom: -1rem
    }
    .lg\:-mb-5 {
        margin-bottom: -1.25rem
    }
    .lg\:-mb-6 {
        margin-bottom: -1.5rem
    }
    .lg\:-mb-8 {
        margin-bottom: -2rem
    }
    .lg\:-mb-12 {
        margin-bottom: -3rem
    }
    .lg\:-mb-auto {
        margin-bottom: -auto
    }
    .lg\:-ml-1 {
        margin-left: -.25rem
    }
    .lg\:-ml-2 {
        margin-left: -.5rem
    }
    .lg\:-ml-3 {
        margin-left: -.75rem
    }
    .lg\:-ml-4 {
        margin-left: -1rem
    }
    .lg\:-ml-5 {
        margin-left: -1.25rem
    }
    .lg\:-ml-6 {
        margin-left: -1.5rem
    }
    .lg\:-ml-8 {
        margin-left: -2rem
    }
    .lg\:-ml-12 {
        margin-left: -3rem
    }
    .lg\:-ml-auto {
        margin-left: -auto
    }
    .lg\:p-0 {
        padding: 0
    }
    .lg\:p-1 {
        padding: .25rem
    }
    .lg\:p-2 {
        padding: .5rem
    }
    .lg\:p-3 {
        padding: .75rem
    }
    .lg\:p-4 {
        padding: 1rem
    }
    .lg\:p-5 {
        padding: 1.25rem
    }
    .lg\:p-6 {
        padding: 1.5rem
    }
    .lg\:p-8 {
        padding: 2rem
    }
    .lg\:p-12 {
        padding: 3rem
    }
    .lg\:p-auto {
        padding: auto
    }
    .lg\:px-0 {
        padding-right: 0;
        padding-left: 0
    }
    .lg\:px-1 {
        padding-right: .25rem;
        padding-left: .25rem
    }
    .lg\:px-2 {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .lg\:px-3 {
        padding-right: .75rem;
        padding-left: .75rem
    }
    .lg\:px-4 {
        padding-right: 1rem;
        padding-left: 1rem
    }
    .lg\:px-5 {
        padding-right: 1.25rem;
        padding-left: 1.25rem
    }
    .lg\:px-6 {
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }
    .lg\:px-8 {
        padding-right: 2rem;
        padding-left: 2rem
    }
    .lg\:px-12 {
        padding-right: 3rem;
        padding-left: 3rem
    }
    .lg\:px-auto {
        padding-right: auto;
        padding-left: auto
    }
    .lg\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }
    .lg\:py-1 {
        padding-top: .25rem;
        padding-bottom: .25rem
    }
    .lg\:py-2 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }
    .lg\:py-3 {
        padding-top: .75rem;
        padding-bottom: .75rem
    }
    .lg\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }
    .lg\:py-5 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }
    .lg\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
    .lg\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
    .lg\:py-12 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }
    .lg\:py-auto {
        padding-top: auto;
        padding-bottom: auto
    }
    .lg\:pt-0 {
        padding-top: 0
    }
    .lg\:pt-1 {
        padding-top: .25rem
    }
    .lg\:pt-2 {
        padding-top: .5rem
    }
    .lg\:pt-3 {
        padding-top: .75rem
    }
    .lg\:pt-4 {
        padding-top: 1rem
    }
    .lg\:pt-5 {
        padding-top: 1.25rem
    }
    .lg\:pt-6 {
        padding-top: 1.5rem
    }
    .lg\:pt-8 {
        padding-top: 2rem
    }
    .lg\:pt-12 {
        padding-top: 3rem
    }
    .lg\:pt-auto {
        padding-top: auto
    }
    .lg\:pr-0 {
        padding-right: 0
    }
    .lg\:pr-1 {
        padding-right: .25rem
    }
    .lg\:pr-2 {
        padding-right: .5rem
    }
    .lg\:pr-3 {
        padding-right: .75rem
    }
    .lg\:pr-4 {
        padding-right: 1rem
    }
    .lg\:pr-5 {
        padding-right: 1.25rem
    }
    .lg\:pr-6 {
        padding-right: 1.5rem
    }
    .lg\:pr-8 {
        padding-right: 2rem
    }
    .lg\:pr-12 {
        padding-right: 3rem
    }
    .lg\:pr-auto {
        padding-right: auto
    }
    .lg\:pb-0 {
        padding-bottom: 0
    }
    .lg\:pb-1 {
        padding-bottom: .25rem
    }
    .lg\:pb-2 {
        padding-bottom: .5rem
    }
    .lg\:pb-3 {
        padding-bottom: .75rem
    }
    .lg\:pb-4 {
        padding-bottom: 1rem
    }
    .lg\:pb-5 {
        padding-bottom: 1.25rem
    }
    .lg\:pb-6 {
        padding-bottom: 1.5rem
    }
    .lg\:pb-8 {
        padding-bottom: 2rem
    }
    .lg\:pb-12 {
        padding-bottom: 3rem
    }
    .lg\:pb-auto {
        padding-bottom: auto
    }
    .lg\:pl-0 {
        padding-left: 0
    }
    .lg\:pl-1 {
        padding-left: .25rem
    }
    .lg\:pl-2 {
        padding-left: .5rem
    }
    .lg\:pl-3 {
        padding-left: .75rem
    }
    .lg\:pl-4 {
        padding-left: 1rem
    }
    .lg\:pl-5 {
        padding-left: 1.25rem
    }
    .lg\:pl-6 {
        padding-left: 1.5rem
    }
    .lg\:pl-8 {
        padding-left: 2rem
    }
    .lg\:pl-12 {
        padding-left: 3rem
    }
    .lg\:pl-auto {
        padding-left: auto
    }
}

@media (min-width: 1200px) {
    .xl\:bg-auto {
        background-size: auto
    }
    .xl\:bg-cover {
        background-size: cover
    }
    .xl\:bg-contain {
        background-size: contain
    }
    .xl\:hidden {
        display: none
    }
    .xl\:inline {
        display: inline
    }
    .xl\:inline-block {
        display: inline-block
    }
    .xl\:block {
        display: block
    }
    .xl\:table {
        display: table
    }
    .xl\:table-row {
        display: table-row
    }
    .xl\:table-cell {
        display: table-cell
    }
    .xl\:flex {
        display: flex
    }
    .xl\:inline-flex {
        display: inline-flex
    }
    .xl\:static {
        position: static
    }
    .xl\:relative {
        position: relative
    }
    .xl\:absolute {
        position: absolute
    }
    .xl\:fixed {
        position: fixed
    }
    .xl\:sticky {
        position: sticky
    }
    .xl\:top-auto {
        top: auto
    }
    .xl\:top-0 {
        top: 0
    }
    .xl\:right-auto {
        right: auto
    }
    .xl\:right-0 {
        right: 0
    }
    .xl\:bottom-auto {
        bottom: auto
    }
    .xl\:bottom-0 {
        bottom: 0
    }
    .xl\:w-0 {
        width: 0
    }
    .xl\:w-1\/2 {
        width: 50%
    }
    .xl\:w-1\/3 {
        width: 33.33333%
    }
    .xl\:w-2\/3 {
        width: 66.66667%
    }
    .xl\:w-1\/4 {
        width: 25%
    }
    .xl\:w-2\/4 {
        width: 50%
    }
    .xl\:w-3\/4 {
        width: 75%
    }
    .xl\:w-1\/5 {
        width: 20%
    }
    .xl\:w-2\/5 {
        width: 40%
    }
    .xl\:w-3\/5 {
        width: 60%
    }
    .xl\:w-4\/5 {
        width: 80%
    }
    .xl\:w-1\/6 {
        width: 16.66667%
    }
    .xl\:w-2\/6 {
        width: 33.33333%
    }
    .xl\:w-3\/6 {
        width: 50%
    }
    .xl\:w-4\/6 {
        width: 66.66667%
    }
    .xl\:w-5\/6 {
        width: 83.33333%
    }
    .xl\:w-1\/12 {
        width: 8.33333%
    }
    .xl\:w-2\/12 {
        width: 16.66667%
    }
    .xl\:w-3\/12 {
        width: 25%
    }
    .xl\:w-4\/12 {
        width: 33.33333%
    }
    .xl\:w-5\/12 {
        width: 41.66667%
    }
    .xl\:w-6\/12 {
        width: 50%
    }
    .xl\:w-7\/12 {
        width: 58.33333%
    }
    .xl\:w-8\/12 {
        width: 66.66667%
    }
    .xl\:w-9\/12 {
        width: 75%
    }
    .xl\:w-10\/12 {
        width: 83.33333%
    }
    .xl\:w-11\/12 {
        width: 91.66667%
    }
    .xl\:w-full {
        width: 100%
    }
    .xl\:w-w-screen {
        width: 100vw
    }
    .xl\:w-auto {
        width: auto
    }
    .xl\:font-family-base {
        font-family: "HKGrotesk Regular", Arial, sans-serif
    }
    .xl\:italic {
        font-style: italic
    }
    .xl\:non-italic {
        font-style: normal
    }
    .xl\:list-none {
        list-style-type: none
    }
    .xl\:list-disc {
        list-style-type: disc
    }
    .xl\:list-decimal {
        list-style-type: decimal
    }
    .xl\:list-inside {
        list-style-position: inside
    }
    .xl\:list-outside {
        list-style-position: outside
    }
    .xl\:text-left {
        text-align: left
    }
    .xl\:text-right {
        text-align: right
    }
    .xl\:text-center {
        text-align: center
    }
    .xl\:text-justify {
        text-align: justify
    }
    .xl\:no-underline {
        text-decoration: none
    }
    .xl\:underline {
        text-decoration: underline
    }
    .xl\:line-through {
        text-decoration: line-through
    }
    .xl\:lowercase {
        text-transform: lowercase
    }
    .xl\:uppercase {
        text-transform: uppercase
    }
    .xl\:capitalize {
        text-transform: capitalize
    }
    .xl\:content-start {
        align-content: flex-start
    }
    .xl\:content-end {
        align-content: flex-end
    }
    .xl\:content-center {
        align-content: center
    }
    .xl\:content-between {
        align-content: space-between
    }
    .xl\:content-around {
        align-content: space-around
    }
    .xl\:content-stretch {
        align-content: stretch
    }
    .xl\:items-start {
        align-items: flex-start
    }
    .xl\:items-end {
        align-items: flex-end
    }
    .xl\:items-center {
        align-items: center
    }
    .xl\:items-baseline {
        align-items: baseline
    }
    .xl\:items-stretch {
        align-items: stretch
    }
    .xl\:self-auto {
        align-self: auto
    }
    .xl\:self-start {
        align-self: flex-start
    }
    .xl\:self-end {
        align-self: flex-end
    }
    .xl\:self-center {
        align-self: center
    }
    .xl\:self-baseline {
        align-self: baseline
    }
    .xl\:self-stretch {
        align-self: stretch
    }
    .xl\:flex-inital {
        flex: 0 1 auto
    }
    .xl\:flex-1 {
        flex: 1 1 0%
    }
    .xl\:flex-auto {
        flex: 1 1 auto
    }
    .xl\:flex-none {
        flex: none
    }
    .xl\:flex-row {
        flex-direction: row
    }
    .xl\:flex-column {
        flex-direction: column
    }
    .xl\:flex-row-reverse {
        flex-direction: row-reverse
    }
    .xl\:flex-column-reverse {
        flex-direction: column-reverse
    }
    .xl\:flex-grow {
        flex-grow: 0
    }
    .xl\:flex-grow-1 {
        flex-grow: 1
    }
    .xl\:flex-shrink {
        flex-shrink: 0
    }
    .xl\:flex-shrink-1 {
        flex-shrink: 1
    }
    .xl\:flex-wrap {
        flex-wrap: wrap
    }
    .xl\:flex-nowrap {
        flex-wrap: nowrap
    }
    .xl\:flex-wrap-reverse {
        flex-wrap: wrap-reverse
    }
    .xl\:justify-start {
        justify-content: flex-start
    }
    .xl\:justify-end {
        justify-content: flex-end
    }
    .xl\:justify-center {
        justify-content: center
    }
    .xl\:justify-between {
        justify-content: space-between
    }
    .xl\:justify-around {
        justify-content: space-around
    }
    .xl\:order-first {
        order: -9999
    }
    .xl\:order-none {
        order: 0
    }
    .xl\:order-1 {
        order: 1
    }
    .xl\:order-2 {
        order: 2
    }
    .xl\:order-3 {
        order: 3
    }
    .xl\:order-4 {
        order: 4
    }
    .xl\:order-5 {
        order: 5
    }
    .xl\:order-last {
        order: 9999
    }
    .xl\:m-0 {
        margin: 0
    }
    .xl\:m-1 {
        margin: .25rem
    }
    .xl\:m-2 {
        margin: .5rem
    }
    .xl\:m-3 {
        margin: .75rem
    }
    .xl\:m-4 {
        margin: 1rem
    }
    .xl\:m-5 {
        margin: 1.25rem
    }
    .xl\:m-6 {
        margin: 1.5rem
    }
    .xl\:m-8 {
        margin: 2rem
    }
    .xl\:m-12 {
        margin: 3rem
    }
    .xl\:m-auto {
        margin: auto
    }
    .xl\:mx-0 {
        margin-right: 0;
        margin-left: 0
    }
    .xl\:mx-1 {
        margin-right: .25rem;
        margin-left: .25rem
    }
    .xl\:mx-2 {
        margin-right: .5rem;
        margin-left: .5rem
    }
    .xl\:mx-3 {
        margin-right: .75rem;
        margin-left: .75rem
    }
    .xl\:mx-4 {
        margin-right: 1rem;
        margin-left: 1rem
    }
    .xl\:mx-5 {
        margin-right: 1.25rem;
        margin-left: 1.25rem
    }
    .xl\:mx-6 {
        margin-right: 1.5rem;
        margin-left: 1.5rem
    }
    .xl\:mx-8 {
        margin-right: 2rem;
        margin-left: 2rem
    }
    .xl\:mx-12 {
        margin-right: 3rem;
        margin-left: 3rem
    }
    .xl\:mx-auto {
        margin-right: auto;
        margin-left: auto
    }
    .xl\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }
    .xl\:my-1 {
        margin-top: .25rem;
        margin-bottom: .25rem
    }
    .xl\:my-2 {
        margin-top: .5rem;
        margin-bottom: .5rem
    }
    .xl\:my-3 {
        margin-top: .75rem;
        margin-bottom: .75rem
    }
    .xl\:my-4 {
        margin-top: 1rem;
        margin-bottom: 1rem
    }
    .xl\:my-5 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem
    }
    .xl\:my-6 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }
    .xl\:my-8 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
    .xl\:my-12 {
        margin-top: 3rem;
        margin-bottom: 3rem
    }
    .xl\:my-auto {
        margin-top: auto;
        margin-bottom: auto
    }
    .xl\:mt-0 {
        margin-top: 0
    }
    .xl\:mt-1 {
        margin-top: .25rem
    }
    .xl\:mt-2 {
        margin-top: .5rem
    }
    .xl\:mt-3 {
        margin-top: .75rem
    }
    .xl\:mt-4 {
        margin-top: 1rem
    }
    .xl\:mt-5 {
        margin-top: 1.25rem
    }
    .xl\:mt-6 {
        margin-top: 1.5rem
    }
    .xl\:mt-8 {
        margin-top: 2rem
    }
    .xl\:mt-12 {
        margin-top: 3rem
    }
    .xl\:mt-auto {
        margin-top: auto
    }
    .xl\:mr-0 {
        margin-right: 0
    }
    .xl\:mr-1 {
        margin-right: .25rem
    }
    .xl\:mr-2 {
        margin-right: .5rem
    }
    .xl\:mr-3 {
        margin-right: .75rem
    }
    .xl\:mr-4 {
        margin-right: 1rem
    }
    .xl\:mr-5 {
        margin-right: 1.25rem
    }
    .xl\:mr-6 {
        margin-right: 1.5rem
    }
    .xl\:mr-8 {
        margin-right: 2rem
    }
    .xl\:mr-12 {
        margin-right: 3rem
    }
    .xl\:mr-auto {
        margin-right: auto
    }
    .xl\:mb-0 {
        margin-bottom: 0
    }
    .xl\:mb-1 {
        margin-bottom: .25rem
    }
    .xl\:mb-2 {
        margin-bottom: .5rem
    }
    .xl\:mb-3 {
        margin-bottom: .75rem
    }
    .xl\:mb-4 {
        margin-bottom: 1rem
    }
    .xl\:mb-5 {
        margin-bottom: 1.25rem
    }
    .xl\:mb-6 {
        margin-bottom: 1.5rem
    }
    .xl\:mb-8 {
        margin-bottom: 2rem
    }
    .xl\:mb-12 {
        margin-bottom: 3rem
    }
    .xl\:mb-auto {
        margin-bottom: auto
    }
    .xl\:ml-0 {
        margin-left: 0
    }
    .xl\:ml-1 {
        margin-left: .25rem
    }
    .xl\:ml-2 {
        margin-left: .5rem
    }
    .xl\:ml-3 {
        margin-left: .75rem
    }
    .xl\:ml-4 {
        margin-left: 1rem
    }
    .xl\:ml-5 {
        margin-left: 1.25rem
    }
    .xl\:ml-6 {
        margin-left: 1.5rem
    }
    .xl\:ml-8 {
        margin-left: 2rem
    }
    .xl\:ml-12 {
        margin-left: 3rem
    }
    .xl\:ml-auto {
        margin-left: auto
    }
    .xl\:-m-1 {
        margin: -.25rem
    }
    .xl\:-m-2 {
        margin: -.5rem
    }
    .xl\:-m-3 {
        margin: -.75rem
    }
    .xl\:-m-4 {
        margin: -1rem
    }
    .xl\:-m-5 {
        margin: -1.25rem
    }
    .xl\:-m-6 {
        margin: -1.5rem
    }
    .xl\:-m-8 {
        margin: -2rem
    }
    .xl\:-m-12 {
        margin: -3rem
    }
    .xl\:-m-auto {
        margin: -auto
    }
    .xl\:-mx-1 {
        margin-right: -.25rem;
        margin-left: -.25rem
    }
    .xl\:-mx-2 {
        margin-right: -.5rem;
        margin-left: -.5rem
    }
    .xl\:-mx-3 {
        margin-right: -.75rem;
        margin-left: -.75rem
    }
    .xl\:-mx-4 {
        margin-right: -1rem;
        margin-left: -1rem
    }
    .xl\:-mx-5 {
        margin-right: -1.25rem;
        margin-left: -1.25rem
    }
    .xl\:-mx-6 {
        margin-right: -1.5rem;
        margin-left: -1.5rem
    }
    .xl\:-mx-8 {
        margin-right: -2rem;
        margin-left: -2rem
    }
    .xl\:-mx-12 {
        margin-right: -3rem;
        margin-left: -3rem
    }
    .xl\:-mx-auto {
        margin-right: -auto;
        margin-left: -auto
    }
    .xl\:-my-1 {
        margin-top: -.25rem;
        margin-bottom: -.25rem
    }
    .xl\:-my-2 {
        margin-top: -.5rem;
        margin-bottom: -.5rem
    }
    .xl\:-my-3 {
        margin-top: -.75rem;
        margin-bottom: -.75rem
    }
    .xl\:-my-4 {
        margin-top: -1rem;
        margin-bottom: -1rem
    }
    .xl\:-my-5 {
        margin-top: -1.25rem;
        margin-bottom: -1.25rem
    }
    .xl\:-my-6 {
        margin-top: -1.5rem;
        margin-bottom: -1.5rem
    }
    .xl\:-my-8 {
        margin-top: -2rem;
        margin-bottom: -2rem
    }
    .xl\:-my-12 {
        margin-top: -3rem;
        margin-bottom: -3rem
    }
    .xl\:-my-auto {
        margin-top: -auto;
        margin-bottom: -auto
    }
    .xl\:-mt-1 {
        margin-top: -.25rem
    }
    .xl\:-mt-2 {
        margin-top: -.5rem
    }
    .xl\:-mt-3 {
        margin-top: -.75rem
    }
    .xl\:-mt-4 {
        margin-top: -1rem
    }
    .xl\:-mt-5 {
        margin-top: -1.25rem
    }
    .xl\:-mt-6 {
        margin-top: -1.5rem
    }
    .xl\:-mt-8 {
        margin-top: -2rem
    }
    .xl\:-mt-12 {
        margin-top: -3rem
    }
    .xl\:-mt-auto {
        margin-top: -auto
    }
    .xl\:-mr-1 {
        margin-right: -.25rem
    }
    .xl\:-mr-2 {
        margin-right: -.5rem
    }
    .xl\:-mr-3 {
        margin-right: -.75rem
    }
    .xl\:-mr-4 {
        margin-right: -1rem
    }
    .xl\:-mr-5 {
        margin-right: -1.25rem
    }
    .xl\:-mr-6 {
        margin-right: -1.5rem
    }
    .xl\:-mr-8 {
        margin-right: -2rem
    }
    .xl\:-mr-12 {
        margin-right: -3rem
    }
    .xl\:-mr-auto {
        margin-right: -auto
    }
    .xl\:-mb-1 {
        margin-bottom: -.25rem
    }
    .xl\:-mb-2 {
        margin-bottom: -.5rem
    }
    .xl\:-mb-3 {
        margin-bottom: -.75rem
    }
    .xl\:-mb-4 {
        margin-bottom: -1rem
    }
    .xl\:-mb-5 {
        margin-bottom: -1.25rem
    }
    .xl\:-mb-6 {
        margin-bottom: -1.5rem
    }
    .xl\:-mb-8 {
        margin-bottom: -2rem
    }
    .xl\:-mb-12 {
        margin-bottom: -3rem
    }
    .xl\:-mb-auto {
        margin-bottom: -auto
    }
    .xl\:-ml-1 {
        margin-left: -.25rem
    }
    .xl\:-ml-2 {
        margin-left: -.5rem
    }
    .xl\:-ml-3 {
        margin-left: -.75rem
    }
    .xl\:-ml-4 {
        margin-left: -1rem
    }
    .xl\:-ml-5 {
        margin-left: -1.25rem
    }
    .xl\:-ml-6 {
        margin-left: -1.5rem
    }
    .xl\:-ml-8 {
        margin-left: -2rem
    }
    .xl\:-ml-12 {
        margin-left: -3rem
    }
    .xl\:-ml-auto {
        margin-left: -auto
    }
    .xl\:p-0 {
        padding: 0
    }
    .xl\:p-1 {
        padding: .25rem
    }
    .xl\:p-2 {
        padding: .5rem
    }
    .xl\:p-3 {
        padding: .75rem
    }
    .xl\:p-4 {
        padding: 1rem
    }
    .xl\:p-5 {
        padding: 1.25rem
    }
    .xl\:p-6 {
        padding: 1.5rem
    }
    .xl\:p-8 {
        padding: 2rem
    }
    .xl\:p-12 {
        padding: 3rem
    }
    .xl\:p-auto {
        padding: auto
    }
    .xl\:px-0 {
        padding-right: 0;
        padding-left: 0
    }
    .xl\:px-1 {
        padding-right: .25rem;
        padding-left: .25rem
    }
    .xl\:px-2 {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .xl\:px-3 {
        padding-right: .75rem;
        padding-left: .75rem
    }
    .xl\:px-4 {
        padding-right: 1rem;
        padding-left: 1rem
    }
    .xl\:px-5 {
        padding-right: 1.25rem;
        padding-left: 1.25rem
    }
    .xl\:px-6 {
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }
    .xl\:px-8 {
        padding-right: 2rem;
        padding-left: 2rem
    }
    .xl\:px-12 {
        padding-right: 3rem;
        padding-left: 3rem
    }
    .xl\:px-auto {
        padding-right: auto;
        padding-left: auto
    }
    .xl\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }
    .xl\:py-1 {
        padding-top: .25rem;
        padding-bottom: .25rem
    }
    .xl\:py-2 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }
    .xl\:py-3 {
        padding-top: .75rem;
        padding-bottom: .75rem
    }
    .xl\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }
    .xl\:py-5 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }
    .xl\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
    .xl\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
    .xl\:py-12 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }
    .xl\:py-auto {
        padding-top: auto;
        padding-bottom: auto
    }
    .xl\:pt-0 {
        padding-top: 0
    }
    .xl\:pt-1 {
        padding-top: .25rem
    }
    .xl\:pt-2 {
        padding-top: .5rem
    }
    .xl\:pt-3 {
        padding-top: .75rem
    }
    .xl\:pt-4 {
        padding-top: 1rem
    }
    .xl\:pt-5 {
        padding-top: 1.25rem
    }
    .xl\:pt-6 {
        padding-top: 1.5rem
    }
    .xl\:pt-8 {
        padding-top: 2rem
    }
    .xl\:pt-12 {
        padding-top: 3rem
    }
    .xl\:pt-auto {
        padding-top: auto
    }
    .xl\:pr-0 {
        padding-right: 0
    }
    .xl\:pr-1 {
        padding-right: .25rem
    }
    .xl\:pr-2 {
        padding-right: .5rem
    }
    .xl\:pr-3 {
        padding-right: .75rem
    }
    .xl\:pr-4 {
        padding-right: 1rem
    }
    .xl\:pr-5 {
        padding-right: 1.25rem
    }
    .xl\:pr-6 {
        padding-right: 1.5rem
    }
    .xl\:pr-8 {
        padding-right: 2rem
    }
    .xl\:pr-12 {
        padding-right: 3rem
    }
    .xl\:pr-auto {
        padding-right: auto
    }
    .xl\:pb-0 {
        padding-bottom: 0
    }
    .xl\:pb-1 {
        padding-bottom: .25rem
    }
    .xl\:pb-2 {
        padding-bottom: .5rem
    }
    .xl\:pb-3 {
        padding-bottom: .75rem
    }
    .xl\:pb-4 {
        padding-bottom: 1rem
    }
    .xl\:pb-5 {
        padding-bottom: 1.25rem
    }
    .xl\:pb-6 {
        padding-bottom: 1.5rem
    }
    .xl\:pb-8 {
        padding-bottom: 2rem
    }
    .xl\:pb-12 {
        padding-bottom: 3rem
    }
    .xl\:pb-auto {
        padding-bottom: auto
    }
    .xl\:pl-0 {
        padding-left: 0
    }
    .xl\:pl-1 {
        padding-left: .25rem
    }
    .xl\:pl-2 {
        padding-left: .5rem
    }
    .xl\:pl-3 {
        padding-left: .75rem
    }
    .xl\:pl-4 {
        padding-left: 1rem
    }
    .xl\:pl-5 {
        padding-left: 1.25rem
    }
    .xl\:pl-6 {
        padding-left: 1.5rem
    }
    .xl\:pl-8 {
        padding-left: 2rem
    }
    .xl\:pl-12 {
        padding-left: 3rem
    }
    .xl\:pl-auto {
        padding-left: auto
    }
}

@media (min-width: 1680px) {
    .xxl\:bg-auto {
        background-size: auto
    }
    .xxl\:bg-cover {
        background-size: cover
    }
    .xxl\:bg-contain {
        background-size: contain
    }
    .xxl\:hidden {
        display: none
    }
    .xxl\:inline {
        display: inline
    }
    .xxl\:inline-block {
        display: inline-block
    }
    .xxl\:block {
        display: block
    }
    .xxl\:table {
        display: table
    }
    .xxl\:table-row {
        display: table-row
    }
    .xxl\:table-cell {
        display: table-cell
    }
    .xxl\:flex {
        display: flex
    }
    .xxl\:inline-flex {
        display: inline-flex
    }
    .xxl\:static {
        position: static
    }
    .xxl\:relative {
        position: relative
    }
    .xxl\:absolute {
        position: absolute
    }
    .xxl\:fixed {
        position: fixed
    }
    .xxl\:sticky {
        position: sticky
    }
    .xxl\:top-auto {
        top: auto
    }
    .xxl\:top-0 {
        top: 0
    }
    .xxl\:right-auto {
        right: auto
    }
    .xxl\:right-0 {
        right: 0
    }
    .xxl\:bottom-auto {
        bottom: auto
    }
    .xxl\:bottom-0 {
        bottom: 0
    }
    .xxl\:w-0 {
        width: 0
    }
    .xxl\:w-1\/2 {
        width: 50%
    }
    .xxl\:w-1\/3 {
        width: 33.33333%
    }
    .xxl\:w-2\/3 {
        width: 66.66667%
    }
    .xxl\:w-1\/4 {
        width: 25%
    }
    .xxl\:w-2\/4 {
        width: 50%
    }
    .xxl\:w-3\/4 {
        width: 75%
    }
    .xxl\:w-1\/5 {
        width: 20%
    }
    .xxl\:w-2\/5 {
        width: 40%
    }
    .xxl\:w-3\/5 {
        width: 60%
    }
    .xxl\:w-4\/5 {
        width: 80%
    }
    .xxl\:w-1\/6 {
        width: 16.66667%
    }
    .xxl\:w-2\/6 {
        width: 33.33333%
    }
    .xxl\:w-3\/6 {
        width: 50%
    }
    .xxl\:w-4\/6 {
        width: 66.66667%
    }
    .xxl\:w-5\/6 {
        width: 83.33333%
    }
    .xxl\:w-1\/12 {
        width: 8.33333%
    }
    .xxl\:w-2\/12 {
        width: 16.66667%
    }
    .xxl\:w-3\/12 {
        width: 25%
    }
    .xxl\:w-4\/12 {
        width: 33.33333%
    }
    .xxl\:w-5\/12 {
        width: 41.66667%
    }
    .xxl\:w-6\/12 {
        width: 50%
    }
    .xxl\:w-7\/12 {
        width: 58.33333%
    }
    .xxl\:w-8\/12 {
        width: 66.66667%
    }
    .xxl\:w-9\/12 {
        width: 75%
    }
    .xxl\:w-10\/12 {
        width: 83.33333%
    }
    .xxl\:w-11\/12 {
        width: 91.66667%
    }
    .xxl\:w-full {
        width: 100%
    }
    .xxl\:w-w-screen {
        width: 100vw
    }
    .xxl\:w-auto {
        width: auto
    }
    .xxl\:font-family-base {
        font-family: "HKGrotesk Regular", Arial, sans-serif
    }
    .xxl\:italic {
        font-style: italic
    }
    .xxl\:non-italic {
        font-style: normal
    }
    .xxl\:list-none {
        list-style-type: none
    }
    .xxl\:list-disc {
        list-style-type: disc
    }
    .xxl\:list-decimal {
        list-style-type: decimal
    }
    .xxl\:list-inside {
        list-style-position: inside
    }
    .xxl\:list-outside {
        list-style-position: outside
    }
    .xxl\:text-left {
        text-align: left
    }
    .xxl\:text-right {
        text-align: right
    }
    .xxl\:text-center {
        text-align: center
    }
    .xxl\:text-justify {
        text-align: justify
    }
    .xxl\:no-underline {
        text-decoration: none
    }
    .xxl\:underline {
        text-decoration: underline
    }
    .xxl\:line-through {
        text-decoration: line-through
    }
    .xxl\:lowercase {
        text-transform: lowercase
    }
    .xxl\:uppercase {
        text-transform: uppercase
    }
    .xxl\:capitalize {
        text-transform: capitalize
    }
    .xxl\:content-start {
        align-content: flex-start
    }
    .xxl\:content-end {
        align-content: flex-end
    }
    .xxl\:content-center {
        align-content: center
    }
    .xxl\:content-between {
        align-content: space-between
    }
    .xxl\:content-around {
        align-content: space-around
    }
    .xxl\:content-stretch {
        align-content: stretch
    }
    .xxl\:items-start {
        align-items: flex-start
    }
    .xxl\:items-end {
        align-items: flex-end
    }
    .xxl\:items-center {
        align-items: center
    }
    .xxl\:items-baseline {
        align-items: baseline
    }
    .xxl\:items-stretch {
        align-items: stretch
    }
    .xxl\:self-auto {
        align-self: auto
    }
    .xxl\:self-start {
        align-self: flex-start
    }
    .xxl\:self-end {
        align-self: flex-end
    }
    .xxl\:self-center {
        align-self: center
    }
    .xxl\:self-baseline {
        align-self: baseline
    }
    .xxl\:self-stretch {
        align-self: stretch
    }
    .xxl\:flex-inital {
        flex: 0 1 auto
    }
    .xxl\:flex-1 {
        flex: 1 1 0%
    }
    .xxl\:flex-auto {
        flex: 1 1 auto
    }
    .xxl\:flex-none {
        flex: none
    }
    .xxl\:flex-row {
        flex-direction: row
    }
    .xxl\:flex-column {
        flex-direction: column
    }
    .xxl\:flex-row-reverse {
        flex-direction: row-reverse
    }
    .xxl\:flex-column-reverse {
        flex-direction: column-reverse
    }
    .xxl\:flex-grow {
        flex-grow: 0
    }
    .xxl\:flex-grow-1 {
        flex-grow: 1
    }
    .xxl\:flex-shrink {
        flex-shrink: 0
    }
    .xxl\:flex-shrink-1 {
        flex-shrink: 1
    }
    .xxl\:flex-wrap {
        flex-wrap: wrap
    }
    .xxl\:flex-nowrap {
        flex-wrap: nowrap
    }
    .xxl\:flex-wrap-reverse {
        flex-wrap: wrap-reverse
    }
    .xxl\:justify-start {
        justify-content: flex-start
    }
    .xxl\:justify-end {
        justify-content: flex-end
    }
    .xxl\:justify-center {
        justify-content: center
    }
    .xxl\:justify-between {
        justify-content: space-between
    }
    .xxl\:justify-around {
        justify-content: space-around
    }
    .xxl\:order-first {
        order: -9999
    }
    .xxl\:order-none {
        order: 0
    }
    .xxl\:order-1 {
        order: 1
    }
    .xxl\:order-2 {
        order: 2
    }
    .xxl\:order-3 {
        order: 3
    }
    .xxl\:order-4 {
        order: 4
    }
    .xxl\:order-5 {
        order: 5
    }
    .xxl\:order-last {
        order: 9999
    }
    .xxl\:m-0 {
        margin: 0
    }
    .xxl\:m-1 {
        margin: .25rem
    }
    .xxl\:m-2 {
        margin: .5rem
    }
    .xxl\:m-3 {
        margin: .75rem
    }
    .xxl\:m-4 {
        margin: 1rem
    }
    .xxl\:m-5 {
        margin: 1.25rem
    }
    .xxl\:m-6 {
        margin: 1.5rem
    }
    .xxl\:m-8 {
        margin: 2rem
    }
    .xxl\:m-12 {
        margin: 3rem
    }
    .xxl\:m-auto {
        margin: auto
    }
    .xxl\:mx-0 {
        margin-right: 0;
        margin-left: 0
    }
    .xxl\:mx-1 {
        margin-right: .25rem;
        margin-left: .25rem
    }
    .xxl\:mx-2 {
        margin-right: .5rem;
        margin-left: .5rem
    }
    .xxl\:mx-3 {
        margin-right: .75rem;
        margin-left: .75rem
    }
    .xxl\:mx-4 {
        margin-right: 1rem;
        margin-left: 1rem
    }
    .xxl\:mx-5 {
        margin-right: 1.25rem;
        margin-left: 1.25rem
    }
    .xxl\:mx-6 {
        margin-right: 1.5rem;
        margin-left: 1.5rem
    }
    .xxl\:mx-8 {
        margin-right: 2rem;
        margin-left: 2rem
    }
    .xxl\:mx-12 {
        margin-right: 3rem;
        margin-left: 3rem
    }
    .xxl\:mx-auto {
        margin-right: auto;
        margin-left: auto
    }
    .xxl\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }
    .xxl\:my-1 {
        margin-top: .25rem;
        margin-bottom: .25rem
    }
    .xxl\:my-2 {
        margin-top: .5rem;
        margin-bottom: .5rem
    }
    .xxl\:my-3 {
        margin-top: .75rem;
        margin-bottom: .75rem
    }
    .xxl\:my-4 {
        margin-top: 1rem;
        margin-bottom: 1rem
    }
    .xxl\:my-5 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem
    }
    .xxl\:my-6 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }
    .xxl\:my-8 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
    .xxl\:my-12 {
        margin-top: 3rem;
        margin-bottom: 3rem
    }
    .xxl\:my-auto {
        margin-top: auto;
        margin-bottom: auto
    }
    .xxl\:mt-0 {
        margin-top: 0
    }
    .xxl\:mt-1 {
        margin-top: .25rem
    }
    .xxl\:mt-2 {
        margin-top: .5rem
    }
    .xxl\:mt-3 {
        margin-top: .75rem
    }
    .xxl\:mt-4 {
        margin-top: 1rem
    }
    .xxl\:mt-5 {
        margin-top: 1.25rem
    }
    .xxl\:mt-6 {
        margin-top: 1.5rem
    }
    .xxl\:mt-8 {
        margin-top: 2rem
    }
    .xxl\:mt-12 {
        margin-top: 3rem
    }
    .xxl\:mt-auto {
        margin-top: auto
    }
    .xxl\:mr-0 {
        margin-right: 0
    }
    .xxl\:mr-1 {
        margin-right: .25rem
    }
    .xxl\:mr-2 {
        margin-right: .5rem
    }
    .xxl\:mr-3 {
        margin-right: .75rem
    }
    .xxl\:mr-4 {
        margin-right: 1rem
    }
    .xxl\:mr-5 {
        margin-right: 1.25rem
    }
    .xxl\:mr-6 {
        margin-right: 1.5rem
    }
    .xxl\:mr-8 {
        margin-right: 2rem
    }
    .xxl\:mr-12 {
        margin-right: 3rem
    }
    .xxl\:mr-auto {
        margin-right: auto
    }
    .xxl\:mb-0 {
        margin-bottom: 0
    }
    .xxl\:mb-1 {
        margin-bottom: .25rem
    }
    .xxl\:mb-2 {
        margin-bottom: .5rem
    }
    .xxl\:mb-3 {
        margin-bottom: .75rem
    }
    .xxl\:mb-4 {
        margin-bottom: 1rem
    }
    .xxl\:mb-5 {
        margin-bottom: 1.25rem
    }
    .xxl\:mb-6 {
        margin-bottom: 1.5rem
    }
    .xxl\:mb-8 {
        margin-bottom: 2rem
    }
    .xxl\:mb-12 {
        margin-bottom: 3rem
    }
    .xxl\:mb-auto {
        margin-bottom: auto
    }
    .xxl\:ml-0 {
        margin-left: 0
    }
    .xxl\:ml-1 {
        margin-left: .25rem
    }
    .xxl\:ml-2 {
        margin-left: .5rem
    }
    .xxl\:ml-3 {
        margin-left: .75rem
    }
    .xxl\:ml-4 {
        margin-left: 1rem
    }
    .xxl\:ml-5 {
        margin-left: 1.25rem
    }
    .xxl\:ml-6 {
        margin-left: 1.5rem
    }
    .xxl\:ml-8 {
        margin-left: 2rem
    }
    .xxl\:ml-12 {
        margin-left: 3rem
    }
    .xxl\:ml-auto {
        margin-left: auto
    }
    .xxl\:-m-1 {
        margin: -.25rem
    }
    .xxl\:-m-2 {
        margin: -.5rem
    }
    .xxl\:-m-3 {
        margin: -.75rem
    }
    .xxl\:-m-4 {
        margin: -1rem
    }
    .xxl\:-m-5 {
        margin: -1.25rem
    }
    .xxl\:-m-6 {
        margin: -1.5rem
    }
    .xxl\:-m-8 {
        margin: -2rem
    }
    .xxl\:-m-12 {
        margin: -3rem
    }
    .xxl\:-m-auto {
        margin: -auto
    }
    .xxl\:-mx-1 {
        margin-right: -.25rem;
        margin-left: -.25rem
    }
    .xxl\:-mx-2 {
        margin-right: -.5rem;
        margin-left: -.5rem
    }
    .xxl\:-mx-3 {
        margin-right: -.75rem;
        margin-left: -.75rem
    }
    .xxl\:-mx-4 {
        margin-right: -1rem;
        margin-left: -1rem
    }
    .xxl\:-mx-5 {
        margin-right: -1.25rem;
        margin-left: -1.25rem
    }
    .xxl\:-mx-6 {
        margin-right: -1.5rem;
        margin-left: -1.5rem
    }
    .xxl\:-mx-8 {
        margin-right: -2rem;
        margin-left: -2rem
    }
    .xxl\:-mx-12 {
        margin-right: -3rem;
        margin-left: -3rem
    }
    .xxl\:-mx-auto {
        margin-right: -auto;
        margin-left: -auto
    }
    .xxl\:-my-1 {
        margin-top: -.25rem;
        margin-bottom: -.25rem
    }
    .xxl\:-my-2 {
        margin-top: -.5rem;
        margin-bottom: -.5rem
    }
    .xxl\:-my-3 {
        margin-top: -.75rem;
        margin-bottom: -.75rem
    }
    .xxl\:-my-4 {
        margin-top: -1rem;
        margin-bottom: -1rem
    }
    .xxl\:-my-5 {
        margin-top: -1.25rem;
        margin-bottom: -1.25rem
    }
    .xxl\:-my-6 {
        margin-top: -1.5rem;
        margin-bottom: -1.5rem
    }
    .xxl\:-my-8 {
        margin-top: -2rem;
        margin-bottom: -2rem
    }
    .xxl\:-my-12 {
        margin-top: -3rem;
        margin-bottom: -3rem
    }
    .xxl\:-my-auto {
        margin-top: -auto;
        margin-bottom: -auto
    }
    .xxl\:-mt-1 {
        margin-top: -.25rem
    }
    .xxl\:-mt-2 {
        margin-top: -.5rem
    }
    .xxl\:-mt-3 {
        margin-top: -.75rem
    }
    .xxl\:-mt-4 {
        margin-top: -1rem
    }
    .xxl\:-mt-5 {
        margin-top: -1.25rem
    }
    .xxl\:-mt-6 {
        margin-top: -1.5rem
    }
    .xxl\:-mt-8 {
        margin-top: -2rem
    }
    .xxl\:-mt-12 {
        margin-top: -3rem
    }
    .xxl\:-mt-auto {
        margin-top: -auto
    }
    .xxl\:-mr-1 {
        margin-right: -.25rem
    }
    .xxl\:-mr-2 {
        margin-right: -.5rem
    }
    .xxl\:-mr-3 {
        margin-right: -.75rem
    }
    .xxl\:-mr-4 {
        margin-right: -1rem
    }
    .xxl\:-mr-5 {
        margin-right: -1.25rem
    }
    .xxl\:-mr-6 {
        margin-right: -1.5rem
    }
    .xxl\:-mr-8 {
        margin-right: -2rem
    }
    .xxl\:-mr-12 {
        margin-right: -3rem
    }
    .xxl\:-mr-auto {
        margin-right: -auto
    }
    .xxl\:-mb-1 {
        margin-bottom: -.25rem
    }
    .xxl\:-mb-2 {
        margin-bottom: -.5rem
    }
    .xxl\:-mb-3 {
        margin-bottom: -.75rem
    }
    .xxl\:-mb-4 {
        margin-bottom: -1rem
    }
    .xxl\:-mb-5 {
        margin-bottom: -1.25rem
    }
    .xxl\:-mb-6 {
        margin-bottom: -1.5rem
    }
    .xxl\:-mb-8 {
        margin-bottom: -2rem
    }
    .xxl\:-mb-12 {
        margin-bottom: -3rem
    }
    .xxl\:-mb-auto {
        margin-bottom: -auto
    }
    .xxl\:-ml-1 {
        margin-left: -.25rem
    }
    .xxl\:-ml-2 {
        margin-left: -.5rem
    }
    .xxl\:-ml-3 {
        margin-left: -.75rem
    }
    .xxl\:-ml-4 {
        margin-left: -1rem
    }
    .xxl\:-ml-5 {
        margin-left: -1.25rem
    }
    .xxl\:-ml-6 {
        margin-left: -1.5rem
    }
    .xxl\:-ml-8 {
        margin-left: -2rem
    }
    .xxl\:-ml-12 {
        margin-left: -3rem
    }
    .xxl\:-ml-auto {
        margin-left: -auto
    }
    .xxl\:p-0 {
        padding: 0
    }
    .xxl\:p-1 {
        padding: .25rem
    }
    .xxl\:p-2 {
        padding: .5rem
    }
    .xxl\:p-3 {
        padding: .75rem
    }
    .xxl\:p-4 {
        padding: 1rem
    }
    .xxl\:p-5 {
        padding: 1.25rem
    }
    .xxl\:p-6 {
        padding: 1.5rem
    }
    .xxl\:p-8 {
        padding: 2rem
    }
    .xxl\:p-12 {
        padding: 3rem
    }
    .xxl\:p-auto {
        padding: auto
    }
    .xxl\:px-0 {
        padding-right: 0;
        padding-left: 0
    }
    .xxl\:px-1 {
        padding-right: .25rem;
        padding-left: .25rem
    }
    .xxl\:px-2 {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .xxl\:px-3 {
        padding-right: .75rem;
        padding-left: .75rem
    }
    .xxl\:px-4 {
        padding-right: 1rem;
        padding-left: 1rem
    }
    .xxl\:px-5 {
        padding-right: 1.25rem;
        padding-left: 1.25rem
    }
    .xxl\:px-6 {
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }
    .xxl\:px-8 {
        padding-right: 2rem;
        padding-left: 2rem
    }
    .xxl\:px-12 {
        padding-right: 3rem;
        padding-left: 3rem
    }
    .xxl\:px-auto {
        padding-right: auto;
        padding-left: auto
    }
    .xxl\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }
    .xxl\:py-1 {
        padding-top: .25rem;
        padding-bottom: .25rem
    }
    .xxl\:py-2 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }
    .xxl\:py-3 {
        padding-top: .75rem;
        padding-bottom: .75rem
    }
    .xxl\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }
    .xxl\:py-5 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }
    .xxl\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
    .xxl\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
    .xxl\:py-12 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }
    .xxl\:py-auto {
        padding-top: auto;
        padding-bottom: auto
    }
    .xxl\:pt-0 {
        padding-top: 0
    }
    .xxl\:pt-1 {
        padding-top: .25rem
    }
    .xxl\:pt-2 {
        padding-top: .5rem
    }
    .xxl\:pt-3 {
        padding-top: .75rem
    }
    .xxl\:pt-4 {
        padding-top: 1rem
    }
    .xxl\:pt-5 {
        padding-top: 1.25rem
    }
    .xxl\:pt-6 {
        padding-top: 1.5rem
    }
    .xxl\:pt-8 {
        padding-top: 2rem
    }
    .xxl\:pt-12 {
        padding-top: 3rem
    }
    .xxl\:pt-auto {
        padding-top: auto
    }
    .xxl\:pr-0 {
        padding-right: 0
    }
    .xxl\:pr-1 {
        padding-right: .25rem
    }
    .xxl\:pr-2 {
        padding-right: .5rem
    }
    .xxl\:pr-3 {
        padding-right: .75rem
    }
    .xxl\:pr-4 {
        padding-right: 1rem
    }
    .xxl\:pr-5 {
        padding-right: 1.25rem
    }
    .xxl\:pr-6 {
        padding-right: 1.5rem
    }
    .xxl\:pr-8 {
        padding-right: 2rem
    }
    .xxl\:pr-12 {
        padding-right: 3rem
    }
    .xxl\:pr-auto {
        padding-right: auto
    }
    .xxl\:pb-0 {
        padding-bottom: 0
    }
    .xxl\:pb-1 {
        padding-bottom: .25rem
    }
    .xxl\:pb-2 {
        padding-bottom: .5rem
    }
    .xxl\:pb-3 {
        padding-bottom: .75rem
    }
    .xxl\:pb-4 {
        padding-bottom: 1rem
    }
    .xxl\:pb-5 {
        padding-bottom: 1.25rem
    }
    .xxl\:pb-6 {
        padding-bottom: 1.5rem
    }
    .xxl\:pb-8 {
        padding-bottom: 2rem
    }
    .xxl\:pb-12 {
        padding-bottom: 3rem
    }
    .xxl\:pb-auto {
        padding-bottom: auto
    }
    .xxl\:pl-0 {
        padding-left: 0
    }
    .xxl\:pl-1 {
        padding-left: .25rem
    }
    .xxl\:pl-2 {
        padding-left: .5rem
    }
    .xxl\:pl-3 {
        padding-left: .75rem
    }
    .xxl\:pl-4 {
        padding-left: 1rem
    }
    .xxl\:pl-5 {
        padding-left: 1.25rem
    }
    .xxl\:pl-6 {
        padding-left: 1.5rem
    }
    .xxl\:pl-8 {
        padding-left: 2rem
    }
    .xxl\:pl-12 {
        padding-left: 3rem
    }
    .xxl\:pl-auto {
        padding-left: auto
    }
}

.error::before {
    content: '';
    width: 100%;
    height: 70%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1
}

.error__header {
    text-align: center;
    z-index: 999
}

@media (max-width: 991.98px) {
    .error__header {
        padding-bottom: 45px
    }
}

.error img {
    padding-top: 150px;
    margin: 0 auto 50px
}

.error .btn {
    margin-top: 40px
}

.global__headline {
    font-family: "HKGrotesk Bold", Arial, sans-serif;
    font-size: 30px;
    line-height: 40px;
    color: #181e2d
}

@media (min-width: 992px) {
    .global__headline {
        font-size: 45px;
        line-height: 55px
    }
}

.global__headline.is-blue {
    color: #4548b0
}

.global__headline span {
    color: #de3814;
    display: inline-block
}

.global__copy {
    font-family: "HKGrotesk Regular", Arial, sans-serif;
    font-size: 20px;
    line-height: 24px;
    color: rgba(24, 30, 45, 0.59);
    margin-top: 15px
}

@media (max-width: 991.98px) {
    .global__copy {
        font-size: 14px;
        line-height: 22px
    }
}

.global__tag {
    color: rgba(69, 72, 176, 0.63);
    background: #d1e6ff;
    padding: 5px 15px;
    font-family: "HKGrotesk Bold", Arial, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 5px
}
.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #4548b0; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    margin: auto;
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.grecaptcha-badge {
    width: 70px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    left: -80px !important;
    bottom:70px !important;
}
.grecaptcha-badge:hover {
    width: 256px !important;
  }
.badge{
    color:#000 !important;
}
/*# sourceMappingURL=main.css.map */