@font-face {
    font-family: "Manrope-ExtraLight";
    font-style: normal;
    font-format: truetype;
    font-weight: 200;
    src: url("public/fonts/manrope-variablefont_wght.ttf") ;
  }
  :root {
    --dl-color-gray-500: #595959;
    --dl-color-gray-700: #999999;
    --dl-color-gray-900: #D9D9D9;
    --dl-size-size-large: 144px;
    --dl-size-size-small: 48px;
    --dl-color-danger-300: #A22020;
    --dl-color-danger-500: #BF2626;
    --dl-color-danger-700: #E14747;
    --dl-color-gray-black: #000000;
    --dl-color-gray-white: #FFFFFF;
    --dl-size-size-medium: 96px;
    --dl-size-size-xlarge: 192px;
    --dl-size-size-xsmall: 16px;
    --dl-space-space-unit: 16px;
    --dl-color-primary-100: #003EB3;
    --dl-color-primary-300: #0074F0;
    --dl-color-primary-500: #14A9FF;
    --dl-color-primary-700: #85DCFF;
    --dl-color-success-300: #199033;
    --dl-color-success-500: #32A94C;
    --dl-color-success-700: #4CC366;
    --dl-size-size-xxlarge: 288px;
    --dl-size-size-maxwidth: 1400px;
    --dl-radius-radius-round: 50%;
    --dl-space-space-halfunit: 8px;
    --dl-space-space-sixunits: 96px;
    --dl-space-space-twounits: 32px;
    --dl-radius-radius-radius2: 2px;
    --dl-radius-radius-radius4: 4px;
    --dl-radius-radius-radius8: 8px;
    --dl-space-space-fiveunits: 80px;
    --dl-space-space-fourunits: 64px;
    --dl-space-space-threeunits: 48px;
    --dl-color-primary-themedark: #404040ff;
    --dl-color-primary-themelightdark: #686868;
    --dl-color-primary-themegray: #f4f4f4ff;
    --dl-color-primary-themewhite: #ffffffff;
    --dl-color-primary-themeblack: #181818;
    --dl-color-primary-themelightwhite: #F4F4F4;
    --dl-color-primary-themeorange: #f68833ff;
    --dl-space-space-oneandhalfunits: 24px;
    --dl-color-primary-themebordergray: #c2c2c2ff;
    --dl-color-primary-themelightorange: #fde8d8ff;
  }

h1 {
  /* Headline/H1 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 64px;
  line-height: 80px;
  /* identical to box height, or 125% */
}

h2 {
  /* Headline/H2 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 46px;
  line-height: 56px;
  /* identical to box height, or 122% */
}

h3 {
  /* Headline/H3 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  /* identical to box height, or 120% */
}

h4 {
  /* Headline/H4 */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  /* identical to box height, or 125% */
}

blockquote {
  /* Body/Body 24 M */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  /* or 133% */

  /* Neutral/1 */
  color: #181818;

  border-left: 8px solid #F68833;
  padding: 0 32px;
  margin: 56px 0;
}

blockquote cite {
  font-style: normal;
}

blockquote p:empty {
  display: none;
}

/* Mobile */
@media (max-width: 992px) {
  blockquote {
    border-left: 4px solid #F68833;
    padding: 0 12px;
    margin: 0;

    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
  }
}