@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600&display=swap');

body.mat-typography .main-container h1,
body.mat-typography .main-container h2,
body.mat-typography .main-container h3,
body.mat-typography .main-container h4,
body.mat-typography .main-container h5 { 
    font-family: "Jost", sans-serif !important;  /* Provide a fallback font like 'sans-serif' */
    font-weight: 600 !important;
    color: #212121 !important;
}

body.mat-typography .main-container,
body.mat-typography .main-container p,
body.mat-typography .main-container p span,
body.mat-typography .main-container .mat-hint,
body.mat-typography .main-container .item-details p,
body.mat-typography .main-container .item-details span,
body.mat-typography .main-container .return-options p:not(.link),
body.mat-typography .main-container .card-wrapper p.sub-label,
body.mat-typography .main-container .card-content-wrapper,
body.mat-typography .main-container .card-content-wrapper p,
body.mat-typography {
    font-family: "Jost", sans-serif !important;  /* Provide a fallback font */
    font-weight: 400 !important;
}