@font-face {
    font-family: Montserrat-light;
    src: local(Montserrat-light), local(Montserrat-light), url("montserrat/static/Montserrat-Light.ttf") format("opentype");
    font-display: swap;
  }
  @font-face {
    font-family: Montserrat-regular;
    src: local(Montserrat-regular), local(Montserrat-regular), url("montserrat/static/Montserrat-Regular.ttf") format("opentype");
    font-display: swap;
  }
  @font-face {
    font-family: Montserrat-medium;
    src: local(Montserrat-medium), local(Montserrat-medium), url("montserrat/static/Montserrat-Medium.ttf") format("opentype");
    font-display: swap;
  }
  @font-face {
    font-family: Montserrat-bold;
    src: local(Montserrat-bold), local(Montserrat-bold), url("montserrat/static/Montserrat-Bold.ttf") format("opentype");
    font-display: swap;
  }

  @font-face {
    font-family: Almaria-400;
    src: local(Almaria-400), local(Almaria-400), url("almarai/Almarai-Regular.ttf") format("opentype");
    font-display: swap;
  }

  @font-face {
    font-family: Almaria-bold;
    src: local(Almaria-bold), local(Almaria-bold), url("almarai/Almarai-Bold.ttf") format("opentype");
    font-display: swap;
  }

  @font-face {
    font-family: Almaria-extrabold;
    src: local(Almaria-extrabold), local(Almaria-extrabold), url("almarai/Almarai-ExtraBold.ttf") format("opentype");
    font-display: swap;
  }

  @font-face {
    font-family: Open-sans-medium;
    src: local(Open-sans-medium), local(Open-sans-medium), url("open_sans/static/OpenSans-Medium.ttf") format("opentype");
    font-display: swap;
  }

  @font-face {
    font-family: Alike_angular;
    src: local(Alike_angular), local(Alike_angular), url("alike_angular/AlikeAngular-Regular.ttf") format("opentype");
    font-display: swap;
  }

  @font-face {
    font-family: Poppins-bold;
    src: local(Poppins-bold), local(Poppins-bold), url("poppins/Poppins-Bold.ttf") format("opentype");
    font-display: swap;
  }

  @font-face {
    font-family: Raleway;
    src: local(Raleway), local(Raleway), url("Raleway/static/Raleway-Light.ttf") format("opentype");
    font-weight: 200;
    font-weight: 300;
    font-display: swap;
  }

  @font-face {
    font-family: Raleway;
    src: local(Raleway), local(Raleway), url("Raleway/static/Raleway-Medium.ttf") format("opentype");
    
    font-weight: 400;
    font-weight: 500;
    font-weight: 600;
    font-display: swap;
  }

  @font-face {
    font-family: Raleway;
    src: local(Raleway), local(Raleway), url("Raleway/static/Raleway-ExtraLight.ttf") format("opentype");
    font-weight: 100;
    font-display: swap;
  }

  @font-face {
    font-family: Raleway;
    src: local(Raleway), local(Raleway), url("Raleway/static/Raleway-Bold.ttf") format("opentype");
    font-weight: 700;
    font-weight: 800;
    font-display: swap;
  }