@font-face {
    font-family: 'Hero New';
    src: url('/fonts/heronew-bolditalic.woff2') format('woff2'),
        url('/fonts/heronew-bolditalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Hero New';
    src: url('/fonts/heronew-mediumitalic.woff2') format('woff2'),
        url('/fonts/heronew-mediumitalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap; 
}

@font-face {
    font-family: 'Hero New';
    src: url('/fonts/heronew-regular.woff2') format('woff2'),
        url('/fonts/heronew-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hero New super';
    src: url('/fonts/heronew-super.woff2') format('woff2'),
        url('/fonts/heronew-super.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hero New';
    src: url('/fonts/heronew-extrabolditalic.woff2') format('woff2'),
        url('/fonts/heronew-extrabolditalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Hero New super';
    src: url('/fonts/heronew-superitalic.woff2') format('woff2'),
        url('/fonts/heronew-superitalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Hero New';
    src: url('/fonts/heronew-extrabold.woff2') format('woff2'),
        url('/fonts/heronew-extrabold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hero New';
    src: url('/fonts/heronew-ultralightitalic.woff2') format('woff2'),
        url('/fonts/heronew-ultralightitalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Hero New';
    src: url('/fonts/heronew-bold.woff2') format('woff2'),
        url('/fonts/heronew-bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hero New';
    src: url('/fonts/heronew-semibolditalic.woff2') format('woff2'),
        url('/fonts/heronew-semibolditalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Hero New';
    src: url('/fonts/heronew-thinitalic.woff2') format('woff2'),
        url('/fonts/heronew-thinitalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Hero New';
    src: url('/fonts/heronew-medium.woff2') format('woff2'),
        url('/fonts/heronew-medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hero New';
    src: url('/fonts/heronew-light.woff2') format('woff2'),
        url('/fonts/heronew-light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hero New Hairline';
    src: url('/fonts/heronew-hairlineitalic.woff2') format('woff2'),
        url('/fonts/heronew-hairlineitalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Hero New';
    src: url('/fonts/heronew-lightitalic.woff2') format('woff2'),
        url('/fonts/heronew-lightitalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Hero New';
    src: url('/fonts/heronew-regularitalic.woff2') format('woff2'),
        url('/fonts/heronew-regularitalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Hero New';
    src: url('/fonts/heronew-semibold.woff2') format('woff2'),
        url('/fonts/heronew-semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hero New';
    src: url('/fonts/heronew-thin.woff2') format('woff2'),
        url('/fonts/heronew-thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hero New Hairline';
    src: url('/fonts/heronew-hairline.woff2') format('woff2'),
        url('/fonts/heronew-hairline.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hero New';
    src: url('/fonts/heronew-ultralight.woff2') format('woff2'),
        url('/fonts/heronew-ultralight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}