/********************************************************************************************************************************************************************/
/* @font-face {
    font-family: 'Sharpgroteskbook 18';
    src: url('{{ asset('asset/fonts/SharpGroteskBook18.woff2') }}') format('woff2'),
         url('{{ asset('asset/fonts/SharpGroteskBook18.eot') }}') format('embedded-opentype'),
         url('{{ asset('asset/fonts/SharpGroteskBook18.woff') }}') format('woff'),
         url('{{ asset('asset/fonts/SharpGroteskBook18.ttf') }}') format('truetype'),
         url('{{ asset('asset/fonts/SharpGroteskBook18.otf') }}') format('opentype'),
         url('{{ asset('asset/fonts/SharpGroteskBook18-1.otf') }}') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
} */
@font-face {
    font-family: 'Sharpgroteskbook 18';
    src: url('../fonts/SharpGroteskBook18.woff2') format('woff2'), url('../fonts/SharpGroteskBook18.eot') format('embedded-opentype'), url('../fonts/SharpGroteskBook18.woff') format('woff'), url('../fonts/SharpGroteskBook18.ttf') format('truetype'), url('../fonts/SharpGroteskBook18.otf') format('opentype'), url('../fonts/SharpGroteskBook18-1.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Sharpgroteskbook 20';
    src: url('../fonts/SharpGroteskBook20.woff2') format('woff2'), url('../fonts/SharpGroteskBook20.eot') format('embedded-opentype'), url('../fonts/SharpGroteskBook20.woff') format('woff'), url('../fonts/SharpGroteskBook20.ttf') format('truetype'), url('../fonts/SharpGroteskBook20.ttf') format('truetype'), url('../fonts/SharpGroteskBook20.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'SharpGrotesk 18';
    src: url('../fonts/SharpGroteskMediumItalic18.eot') format('embedded-opentype'), url('../fonts/SharpGroteskMediumItalic18.ttf') format('truetype'), url('../fonts/SharpGroteskMediumItalic18.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
  }

  @font-face {
    font-family: 'SharpGrotesk 18';
    src: url('../fonts/SharpGroteskMediumItalic18.eot') format('embedded-opentype'), url('../fonts/SharpGroteskMediumItalic18.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'SharpGrotesk 20';
    src: url('../fonts/SharpGroteskLight20.ttf') format('truetype'), url('../fonts/SharpGroteskLight20.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'SharpGrotesk 20';
    src: url('../fonts/SharpGroteskMedium20.ttf') format('truetype'), url('../fonts/SharpGroteskMedium20.ttf') format('truetype'), ;
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'SharpGrotesk 20';
    src: url('../fonts/SharpGroteskBookItalic20.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
  }

  @font-face {
    font-family: 'SharpGrotesk 20';
    src: url('../fonts/SharpGroteskLightItalic20.ttf') format('truetype'), url('../fonts/SharpGroteskLightItalic20.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
  }

  @font-face {
    font-family: 'SharpGroteskBook 20';
    src: url('../fonts/SharpGroteskBookItalic20.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
  }

  @font-face {
    font-family: 'SharpGrotesk 20';
    src: url('../fonts/SharpGroteskSmBold20.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'SharpGrotesk 20';
    src: url('../fonts/SharpGroteskSmBoldItalic20.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
  }

  @font-face {
    font-family: 'SharpGrotesk 20';
    src: url('../fonts/SharpGroteskMediumItalic20.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
  }

  @font-face {
    font-family: 'SharpGrotesk 18';
    src: url('../fonts/SharpGroteskLightItalic18.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
  }

  @font-face {
    font-family: 'SharpGrotesk 18';
    src: url('../fonts/SharpGroteskMedium18.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'SharpGrotesk 18';
    src: url('../fonts/SharpGroteskSmBoldItalic18.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
  }

  @font-face {
    font-family: 'SharpGroteskBook 18';
    src: url('../fonts/SharpGroteskBookItalic18.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
  }

  @font-face {
    font-family: 'SharpGrotesk 18';
    src: url('../fonts/SharpGroteskSmBold18.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }


  @font-face {
    font-family: 'Wotfard - optimised';
    src: url('../fonts/Wotfard-Thin.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Wotfard - optimised';
    src: url('../fonts/Wotfard-BoldItalic.otf') format('opentype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
  }

  @font-face {
    font-family: 'Wotfard - optimised';
    src: url('../fonts/Wotfard-SemiBold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Wotfard - optimised';
    src: url('../fonts/Wotfard-RegularItalic.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
  }

  @font-face {
    font-family: 'Wotfard - optimised';
    src: url('../fonts/Wotfard-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Wotfard - optimised';
    src: url('../fonts/Wotfard-SemiBoldItalic.otf') format('opentype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
  }

  @font-face {
    font-family: 'Wotfard - optimised';
    src: url('../fonts/Wotfard-MediumItalic.otf') format('opentype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
  }

  @font-face {
    font-family: 'Wotfard - optimised';
    src: url('../fonts/Wotfard-ThinItalic.otf') format('opentype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
  }

  @font-face {
    font-family: 'Wotfard - optimised';
    src: url('../fonts/Wotfard-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Wotfard - optimised';
    src: url('../fonts/Wotfard-LightItalic.otf') format('opentype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
  }

  @font-face {
    font-family: 'Wotfard - optimised';
    src: url('../fonts/Wotfard-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Wotfard - optimised';
    src: url('../fonts/Wotfard-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: '18';
    src: url('../fonts/SharpGroteskBookItalic18.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
  }