@import url(https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,300..700;1,300..700&family=Inter:wght@300..700&family=IBM+Plex+Sans+Arabic:wght@400;500;700&display=swap);@import url(https://fonts.googleapis.com/css?family=Product+Sans:300,400,500,700);
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
/* Import: Graphik */
@font-face {
    font-family: "Graphik";
    src: local("Graphik Regular"),
    
         url('../fonts/graphik/Graphik-Regular.woff2'),
         url('../fonts/graphik/Graphik-Regular.woff');
    font-weight: 400;
    text-rendering: optimizeLegibility;
    font-display: swap;
    ascent-override: 100%;
}

@font-face {
    font-family: "Graphik";
    src: local("Graphik Medium"),
         url('../fonts/graphik/Graphik-Medium.woff2'),
         url('../fonts/graphik/Graphik-Medium.woff');
    font-weight: 500;
    text-rendering: optimizeLegibility;
    font-display: swap;
    ascent-override: 100%;
}

@font-face {
    font-family: "Graphik";
    src: local("Graphik Semibold"),
         url('../fonts/graphik/Graphik-Semibold.woff2'),
         url('../fonts/graphik/Graphik-Semibold.woff');
    font-weight: 700;
    text-rendering: optimizeLegibility;
    font-display: swap;
    ascent-override: 100%;
}



/* Import: Graphik */
@font-face {
    font-family: "Sunsive";
    src: local("Sunsive Regular"),
    
         url('../fonts/sunsive/Sunsive-Regular.woff'),
         url('../fonts/sunsive/Sunsive-Regular.woff');
    font-weight: 400;
    text-rendering: optimizeLegibility;
    font-display: swap;
    ascent-override: 100%;
}

@font-face {
    font-family: "Sunsive";
    src: local("Sunsive Medium"),
         url('../fonts/sunsive/Sunsive-Medium.woff'),
         url('../fonts/sunsive/Sunsive-Medium.woff');
    font-weight: 500;
    text-rendering: optimizeLegibility;
    font-display: swap;
    ascent-override: 100%;
}

@font-face {
    font-family: "Sunsive";
    src: local("Sunsive Semibold"),
         url('../fonts/sunsive/Sunsive-SemiBold.woff'),
         url('../fonts/sunsive/Sunsive-SemiBold.woff');
    font-weight: 700;
    text-rendering: optimizeLegibility;
    font-display: swap;
    ascent-override: 100%;
}


@font-face {
    font-family: "optician";
    src: local("optician Regular"),
         url('../fonts/optician-sans.regular.otf'),
         url('../fonts/optician-sans.regular.otf');
    font-weight: 400;
    text-rendering: optimizeLegibility;
    font-display: swap;
    ascent-override: 100%;
}