@font-face {
      font-family: "SB Sans Display";
      src: url("fonts/SBSansDisplay-Regular.ttf") format("truetype");
      font-weight: 400;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: "SB Sans Display";
      src: url("fonts/SBSansDisplay-SemiBold.ttf") format("truetype");
      font-weight: 600;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: "SB Sans Display";
      src: url("fonts/SBSansDisplay-Bold.ttf") format("truetype");
      font-weight: 700;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: "SB Sans Display Regular";
      src: url("fonts/SBSansDisplay-Regular.ttf") format("truetype");
      font-weight: 400;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: "SB Sans Display SemiBold";
      src: url("fonts/SBSansDisplay-SemiBold.ttf") format("truetype");
      font-weight: 600;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: "SB Sans Display Bold";
      src: url("fonts/SBSansDisplay-Bold.ttf") format("truetype");
      font-weight: 700;
      font-style: normal;
      font-display: swap;
    }
    @font-face {
      font-family: "SB Sans Display Light";
      src: url("fonts/SBSansDisplay-Light.ttf") format("truetype");
      font-weight: 300;
      font-style: normal;
      font-display: swap;
    }
    @font-face {
        font-family: "SB Sans Display Thin";
      src: url("fonts/SBSansDisplay-Thin.ttf") format("truetype");
      font-weight: 300;
      font-style: normal;
      font-display: swap;
    }