@font-face {
    font-family: 'Tusker Grotesk 2600';
    src: url('/assets/fonts/tuskergrotesk/TuskerGrotesk-2600Semibold.eot');
    src: local('Tusker Grotesk 2600 Semibold'), local('TuskerGrotesk-2600Semibold'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-2600Semibold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-2600Semibold.woff2') format('woff2'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-2600Semibold.woff') format('woff'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-2600Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tusker Grotesk 3500';
    src: url('/assets/fonts/tuskergrotesk/TuskerGrotesk-3500Medium.eot');
    src: local('Tusker Grotesk 3500 Medium'), local('TuskerGrotesk-3500Medium'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-3500Medium.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-3500Medium.woff2') format('woff2'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-3500Medium.woff') format('woff'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-3500Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tusker Grotesk 7600';
    src: url('/assets/fonts/tuskergrotesk/TuskerGrotesk-7600Semibold.eot');
    src: local('Tusker Grotesk 7600 Semibold'), local('TuskerGrotesk-7600Semibold'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-7600Semibold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-7600Semibold.woff2') format('woff2'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-7600Semibold.woff') format('woff'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-7600Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tusker Grotesk 5700';
    src: url('/assets/fonts/tuskergrotesk/TuskerGrotesk-5700Bold.eot');
    src: local('Tusker Grotesk 5700 Bold'), local('TuskerGrotesk-5700Bold'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-5700Bold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-5700Bold.woff2') format('woff2'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-5700Bold.woff') format('woff'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-5700Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tusker Grotesk 1800 Super';
    src: url('/assets/fonts/tuskergrotesk/TuskerGrotesk-1800Super.eot');
    src: local('Tusker Grotesk 1800 Super'), local('TuskerGrotesk-1800Super'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-1800Super.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-1800Super.woff2') format('woff2'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-1800Super.woff') format('woff'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-1800Super.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tusker Grotesk 9800 Super';
    src: url('/assets/fonts/tuskergrotesk/TuskerGrotesk-9800Super.eot');
    src: local('Tusker Grotesk 9800 Super'), local('TuskerGrotesk-9800Super'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-9800Super.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-9800Super.woff2') format('woff2'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-9800Super.woff') format('woff'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-9800Super.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tusker Grotesk 8700';
    src: url('/assets/fonts/tuskergrotesk/TuskerGrotesk-8700Bold.eot');
    src: local('Tusker Grotesk 8700 Bold'), local('TuskerGrotesk-8700Bold'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-8700Bold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-8700Bold.woff2') format('woff2'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-8700Bold.woff') format('woff'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-8700Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tusker Grotesk 7800 Super';
    src: url('/assets/fonts/tuskergrotesk/TuskerGrotesk-7800Super.eot');
    src: local('Tusker Grotesk 7800 Super'), local('TuskerGrotesk-7800Super'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-7800Super.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-7800Super.woff2') format('woff2'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-7800Super.woff') format('woff'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-7800Super.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tusker Grotesk 2500';
    src: url('/assets/fonts/tuskergrotesk/TuskerGrotesk-2500Medium.eot');
    src: local('Tusker Grotesk 2500 Medium'), local('TuskerGrotesk-2500Medium'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-2500Medium.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-2500Medium.woff2') format('woff2'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-2500Medium.woff') format('woff'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-2500Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tusker Grotesk 5500';
    src: url('/assets/fonts/tuskergrotesk/TuskerGrotesk-5500Medium.eot');
    src: local('Tusker Grotesk 5500 Medium'), local('TuskerGrotesk-5500Medium'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-5500Medium.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-5500Medium.woff2') format('woff2'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-5500Medium.woff') format('woff'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-5500Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tusker Grotesk 3800 Super';
    src: url('/assets/fonts/tuskergrotesk/TuskerGrotesk-3800Super.eot');
    src: local('Tusker Grotesk 3800 Super'), local('TuskerGrotesk-3800Super'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-3800Super.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-3800Super.woff2') format('woff2'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-3800Super.woff') format('woff'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-3800Super.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tusker Grotesk 1500';
    src: url('/assets/fonts/tuskergrotesk/TuskerGrotesk-1500Medium.eot');
    src: local('Tusker Grotesk 1500 Medium'), local('TuskerGrotesk-1500Medium'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-1500Medium.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-1500Medium.woff2') format('woff2'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-1500Medium.woff') format('woff'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-1500Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tusker Grotesk 1700';
    src: url('/assets/fonts/tuskergrotesk/TuskerGrotesk-1700Bold.eot');
    src: local('Tusker Grotesk 1700 Bold'), local('TuskerGrotesk-1700Bold'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-1700Bold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-1700Bold.woff2') format('woff2'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-1700Bold.woff') format('woff'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-1700Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tusker Grotesk 4800 Super';
    src: url('/assets/fonts/tuskergrotesk/TuskerGrotesk-4800Super.eot');
    src: local('Tusker Grotesk 4800 Super'), local('TuskerGrotesk-4800Super'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-4800Super.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-4800Super.woff2') format('woff2'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-4800Super.woff') format('woff'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-4800Super.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tusker Grotesk 1600';
    src: url('/assets/fonts/tuskergrotesk/TuskerGrotesk-1600Semibold.eot');
    src: local('Tusker Grotesk 1600 Semibold'), local('TuskerGrotesk-1600Semibold'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-1600Semibold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-1600Semibold.woff2') format('woff2'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-1600Semibold.woff') format('woff'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-1600Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tusker Grotesk 6500';
    src: url('/assets/fonts/tuskergrotesk/TuskerGrotesk-6500Medium.eot');
    src: local('Tusker Grotesk 6500 Medium'), local('TuskerGrotesk-6500Medium'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-6500Medium.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-6500Medium.woff2') format('woff2'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-6500Medium.woff') format('woff'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-6500Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tusker Grotesk 6800 Super';
    src: url('/assets/fonts/tuskergrotesk/TuskerGrotesk-6800Super.eot');
    src: local('Tusker Grotesk 6800 Super'), local('TuskerGrotesk-6800Super'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-6800Super.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-6800Super.woff2') format('woff2'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-6800Super.woff') format('woff'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-6800Super.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tusker Grotesk 4500';
    src: url('/assets/fonts/tuskergrotesk/TuskerGrotesk-4500Medium.eot');
    src: local('Tusker Grotesk 4500 Medium'), local('TuskerGrotesk-4500Medium'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-4500Medium.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-4500Medium.woff2') format('woff2'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-4500Medium.woff') format('woff'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-4500Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tusker Grotesk 2800 Super';
    src: url('/assets/fonts/tuskergrotesk/TuskerGrotesk-2800Super.eot');
    src: local('Tusker Grotesk 2800 Super'), local('TuskerGrotesk-2800Super'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-2800Super.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-2800Super.woff2') format('woff2'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-2800Super.woff') format('woff'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-2800Super.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tusker Grotesk 7700';
    src: url('/assets/fonts/tuskergrotesk/TuskerGrotesk-7700Bold.eot');
    src: local('Tusker Grotesk 7700 Bold'), local('TuskerGrotesk-7700Bold'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-7700Bold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-7700Bold.woff2') format('woff2'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-7700Bold.woff') format('woff'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-7700Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tusker Grotesk 4600';
    src: url('/assets/fonts/tuskergrotesk/TuskerGrotesk-4600Semibold.eot');
    src: local('Tusker Grotesk 4600 Semibold'), local('TuskerGrotesk-4600Semibold'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-4600Semibold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-4600Semibold.woff2') format('woff2'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-4600Semibold.woff') format('woff'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-4600Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tusker Grotesk 3700';
    src: url('/assets/fonts/tuskergrotesk/TuskerGrotesk-3700Bold.eot');
    src: local('Tusker Grotesk 3700 Bold'), local('TuskerGrotesk-3700Bold'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-3700Bold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-3700Bold.woff2') format('woff2'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-3700Bold.woff') format('woff'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-3700Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tusker Grotesk 5800 Super';
    src: url('/assets/fonts/tuskergrotesk/TuskerGrotesk-5800Super.eot');
    src: local('Tusker Grotesk 5800 Super'), local('TuskerGrotesk-5800Super'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-5800Super.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-5800Super.woff2') format('woff2'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-5800Super.woff') format('woff'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-5800Super.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tusker Grotesk 3600';
    src: url('/assets/fonts/tuskergrotesk/TuskerGrotesk-3600Semibold.eot');
    src: local('Tusker Grotesk 3600 Semibold'), local('TuskerGrotesk-3600Semibold'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-3600Semibold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-3600Semibold.woff2') format('woff2'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-3600Semibold.woff') format('woff'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-3600Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tusker Grotesk 2700';
    src: url('/assets/fonts/tuskergrotesk/TuskerGrotesk-2700Bold.eot');
    src: local('Tusker Grotesk 2700 Bold'), local('TuskerGrotesk-2700Bold'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-2700Bold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-2700Bold.woff2') format('woff2'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-2700Bold.woff') format('woff'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-2700Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tusker Grotesk 6700';
    src: url('/assets/fonts/tuskergrotesk/TuskerGrotesk-6700Bold.eot');
    src: local('Tusker Grotesk 6700 Bold'), local('TuskerGrotesk-6700Bold'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-6700Bold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-6700Bold.woff2') format('woff2'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-6700Bold.woff') format('woff'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-6700Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tusker Grotesk 5600';
    src: url('/assets/fonts/tuskergrotesk/TuskerGrotesk-5600Semibold.eot');
    src: local('Tusker Grotesk 5600 Semibold'), local('TuskerGrotesk-5600Semibold'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-5600Semibold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-5600Semibold.woff2') format('woff2'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-5600Semibold.woff') format('woff'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-5600Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tusker Grotesk 8800 Super';
    src: url('/assets/fonts/tuskergrotesk/TuskerGrotesk-8800Super.eot');
    src: local('Tusker Grotesk 8800 Super'), local('TuskerGrotesk-8800Super'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-8800Super.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-8800Super.woff2') format('woff2'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-8800Super.woff') format('woff'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-8800Super.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tusker Grotesk 6600';
    src: url('/assets/fonts/tuskergrotesk/TuskerGrotesk-6600Semibold.eot');
    src: local('Tusker Grotesk 6600 Semibold'), local('TuskerGrotesk-6600Semibold'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-6600Semibold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-6600Semibold.woff2') format('woff2'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-6600Semibold.woff') format('woff'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-6600Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tusker Grotesk 4700';
    src: url('/assets/fonts/tuskergrotesk/TuskerGrotesk-4700Bold.eot');
    src: local('Tusker Grotesk 4700 Bold'), local('TuskerGrotesk-4700Bold'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-4700Bold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-4700Bold.woff2') format('woff2'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-4700Bold.woff') format('woff'),
        url('/assets/fonts/tuskergrotesk/TuskerGrotesk-4700Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
font-family: 'Myriad Pro Regular';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Regular'), url('/assets/fonts/myriadpro/MYRIADPRO-REGULAR.woff') format('woff');
}
@font-face {
font-family: "Myriad Concept Roman";
font-style: normal;
font-weight: normal;
src: local("Myriad Concept Roman"), url('/assets/fonts/myriadpro/MYRIADPRO-REGULAR.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Condensed';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Condensed'), url('/assets/fonts/myriadpro/MYRIADPRO-COND.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Condensed Italic';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Condensed Italic'), url('/assets/fonts/myriadpro/MYRIADPRO-CONDIT.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Light';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Light'), url('/assets/fonts/myriadpro/MyriadPro-Light.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Semibold';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Semibold'), url('/assets/fonts/myriadpro/MYRIADPRO-SEMIBOLD.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Semibold Italic';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Semibold Italic'), url('/assets/fonts/myriadpro/MYRIADPRO-SEMIBOLDIT.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Bold Condensed';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold Condensed'), url('/assets/fonts/myriadpro/MYRIADPRO-BOLDCOND.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Bold';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold'), url('/assets/fonts/myriadpro/MYRIADPRO-BOLD.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Bold Italic';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold Italic'), url('/assets/fonts/myriadpro/MYRIADPRO-BOLDIT.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Bold Condensed Italic';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold Condensed Italic'), url('/assets/fonts/myriadpro/MYRIADPRO-BOLDCONDIT.woff') format('woff');
}

.bodyNewTheme{background-color:#f4f4f4 !important;}
/* Header Background */
header#top {

    padding: 20px;
    border-radius: 30px;
}
header {
    background: transparent !important;
}
/* Main Header Layout */
.mainHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
	border-radius:30px;
    background-color: #221e1f; /* Ensure the background color is applied */
}

/* Logo Styling */
#logo img {
    max-width: 50%;
    height: auto;
}

.new-logo {
    height: auto !important; /* Ensure logo is responsive */
}

/* Navbar Customization */
.navbar {
    background: transparent !important;
}

/* Navbar Links Styling */
.navbar-nav .nav-link {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0.5rem 1rem;
    transition: color 0.3s ease-in-out;
}

/* Hover Effect for Navbar Links */
.navbar-nav .nav-link:hover {
    color: #f0ad4e;  /* Optional: Hover color for links */
}

/* Mobile Menu Icons */
.mobileOnly .usermenu,
.mobileOnly .shoppingbag {
    width: 24px;
    height: 24px;
}

/* Cart Count Badge */
.cart-count {
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: yellow;
    color: black;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    font-weight: bold;
}

/* Menu Title Text Styling */
.menu-title-txtNewTheme {
    color: #f6d721;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
}

/* Signup Button */
.signup-btn {
    background-color: #f1c40f; /* Bright yellow button for Signup */
    color: #221e1f;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.signup-btn:hover {
    background-color: #d4a10f; /* Darker yellow on hover */
    color: white;
}
.iconsHeader{       display: flex
;
    align-items: center;
    margin-left: 10px;}
	.shoppingbagIcon {
    width: 24px;
    height: 29px;
}
.section-heading h1{    font-size: 5rem;color:#313131;
    font-weight: bold;
    text-align: center;}
	.br-12{border-radius: 12px;}
.packagesnew .list-unstyled {
    padding-left: 0;
    list-style: none;
    text-align: left;
}
.brown{    border: 3px solid transparent !important;
    border-image: linear-gradient(180deg, #dda780 0%, #fdece1 100%) 1 !important;
    border-radius: 10px;}
	.innerImgBasic{background: url(https://rsrewards.com.au/images/newtheme/basic.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 80%;
    height: 58px;
    margin: 0px auto;}
	.innerImgPremium{background: url(https://rsrewards.com.au/images/newtheme/premium.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 80%;
    height: 58px;
    margin: 0px auto;}
	.innerImgLegendary{background: url(https://rsrewards.com.au/images/newtheme/legendary.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 80%;
    height: 58px;
    margin: 0px auto;}
/* Mobile Responsiveness */
@media (max-width: 767px) {
    /* Stack elements vertically on mobile */
    .mainHeader {
        flex-direction: row;
        align-items: center;
    }

    .navbar-nav {
        width: 100%;
        text-align: center;
    }

    .navbar-nav .nav-link {
        padding: 8px;
        font-size: 14px;
    }

    /* Mobile Signup Button */
    .signup-btn {
        display: block;
        padding: 9px !important;
        /* margin: 10px auto; */
    }

    .mobileOnly {
        display: block; /* Show mobile-specific icons */
    }

    .desktopOnly {
        display: none; /* Hide desktop icons on mobile */
    }
}

/* Kafeel CSS */
body{
    background-color: #f4f4f4 !important;
}
iframe.video{
    filter: none !important;
    width: 100% !important;
    border-radius: 20px;
}
footer{background-color: #272727 !important; }
.font-24{font-size: 24px;}
.font-21{font-size: 21px;}

h1,h2,h3{
    font-family: 'Tusker Grotesk 7600';
    color: #313131;
}

footer li{
    font-family: 'Myriad Pro Semibold';
}
.myriad-pro{
    font-family: 'Myriad Pro Semibold';
}
.custom-list{list-style: none;padding-left: 2rem;}
.custom-list li{margin-bottom: 20px;
    color: #b8b8b8 !important; 
    font-family: "Myriad Pro Regular" !important;
    position: relative;
}
.option .list-icon{
    top: 4px !important;
}
.option ul{padding-left: 2rem !important;}
.homePackages .single_add_to_cart_button{text-shadow: none !important;}
.text-46{
    font-size: 43px !important;
}
.custom-list li,.custom-list li a {    font-size: 20px;
    line-height: 31px;
    color: #b8b8b8;
    font-weight: bold;
    font-family: "Myriad Concept Roman";
    list-style: none;}
.card-box {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-width: 0px;
    border-radius: 13px;
}
.seen-wrapper img {
    height: 85px;
}
.bg-grey-light{
    background-color: #eaecee;
}
.list-icon{
    margin-right: 10px;
    position: absolute;
    left: -28px;
    top: 10px;
}
.mainWinner{
    background: url('https://rsrewards.com.au/images/newtheme/winners_bg.png') !important;
    background-repeat: repeat !important;
}
.nav-tabs .nav-link{color: black !important;font-size: 20px;font-weight: bold;}
.nav-tabs {
    background: white;
    width: fit-content;
    margin: auto;
    padding: 8px 20px;
    border-radius: 20px;
}
.nav-tabs .nav-item button {
    border-radius: 13px;
    overflow: hidden;
    padding-inline: 35px;
}
.nav-tabs .nav-link.basic.active{
    background-image: linear-gradient(0deg, #fddac4 0%, #dda780 32%, #fdece1 68%, #e0b08f 100%) !important;
}
.nav-tabs .nav-link.premium.active{
    background-image: linear-gradient(0deg, #cad1dc 0%, #8494ad 32%, #e7effc 68%, #8f9aac 100%)  !important;
}
.nav-tabs .nav-link.legendary.active{
    background-image: linear-gradient(30deg, #fac411 0%, #ffff8c 48%, #fac411 100%) !important;
}
.basic-count{
    border-radius: 21px;
    background-image: linear-gradient(90deg, #dda780 0%, #fdece1 51%, #e0b08f 100%);
    padding: 5px 10px;
    text-align:center;
}
.premium-count{
    border-radius: 21px;
    background-image: linear-gradient(0deg, #cad1dc 0%, #8494ad 32%, #e7effc 68%, #8f9aac 100%);
    padding: 5px 10px;
    text-align:center;
}
.legendary-count{
    border-radius: 21px;
    background-image: linear-gradient(30deg, #fac411 0%, #ffff8c 48%, #fac411 100%) !important;
    padding: 5px 10px;
    text-align:center;
}
.progress-bar{
    position: relative;
    height: 36px;
    border-radius: 16px;
    
}
.progress-10{width:10%;background-color: #414042;}
.progress-15{width:15%;background-color: #414042;}
.progress-20{width:20%;background-color: #414042;}
.progress-25{width:25%;background-color: #414042;}
.progress-bar img{
    position: absolute;
    right: 5px;
    width: 20px;
}
.mainfooterLogo img {
    max-width: 100%;
    margin-bottom: 14px;
}
.footermenu {
    width: 90%;
    margin: 0px auto;
    font-size: 24px;
}.followHeading{margin-top:0 }
.socialIcons ul li {
    margin-right: 32px;
}
.socialIcons ul li img {
    width: auto !important;
    height: 48px !important;
}
@media  (max-width: 767px) {
    #winner-carousel .item-center.center {
        transform: scale(1) !important;
    }
}
@media  (max-width: 768px) {
    .section-heading h1{
        font-size: 2rem !important;
    }
    .navbar-toggler-icon,.navbar-toggler-icon::before, .navbar-toggler-icon::after{
        background-color: #ffc107 !important;
    }
    .alert_text{
        width: 143px !important;
        margin-top: 0px !important;
    }
    .winners_text {
        width: 169px !important;
        margin-top: -4px !important;
    }
    .seen-wrapper img {
        height: 50px !important;
    }
    .giveaway_text{
    margin-top: 15px !important;        
    }
    .nav-tabs .nav-item button{
        padding-inline: 15px !important;
    }
    .nav-tabs .nav-link{font-size: 16px !important;}
    .progress-10{width:20%;}
    .progress-15{width:30%;}
    .progress-20{width:40%;}
    .progress-25{width:50%;}
    .rs_portal{margin-top: 15px !important;}
    #viewmaster .item-center{transform: scale(1) !important;}
    .margin-auto{margin: auto;}
    .text-46.asseen{font-size: 16px;}
    .font-21 {
        font-size: 16px !important;
    }
    .custom-list li, .custom-list li a{font-size: 18px !important;}
    .socialIcons ul li{margin-right: 30px !important;}
}
.overlay{z-index: 10001 !important;}
.overlay-content {
    background-color: rgba(0, 0, 0, 0.7) !important;
    width: 96% !important;
    height: 96% !important;
}
.close-btn{
    color: #fff !important;
}
.overlay-content nav a{
    margin: 15px 0 !important;
    color: #fff !important;
    font-size: 24px !important;
}
.overlay-content nav {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}
.alert_text{
    width: 205px;margin-top: -10px;margin-left: -5px;
}
.winners_text{
    width: 205px;margin-top: -10px;
}
.giveaway_text{
    width: 205px;margin-top: -10px;margin-left: -5px;
}
.rs_portal{
    width: 245px;margin-top: -10px;margin-left: -5px;
}
@media (max-width:425px){
    .bg-image {
        background: url('https://rsrewards.com.au/images/newtheme/spinningwheelmobile.png?123123123') !important;
        min-height: 720px !important;
    }
}
@media (max-width:375px){
    .alert_text{
        margin-top: 17px !important;
    }
}
.socialIcons ul li:last-child {
    margin-right: 0 !important;
}
.gradientColor{ 
   background-image: linear-gradient(180deg, #ffda4e 0%, #edba29 32%, #ffc524 68%, #f6be21 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'Tusker Grotesk 7600';
   
    line-height: 1.2;  /* Adjust as needed */
    background-size: 100% 100%;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
  
  }