@font-face {
    font-family: "robotoregular";
    src: url("../../../font/roboto-regular-webfont.woff2") format("woff2"), url("../../../font/roboto-regular-webfont.woff") format("woff");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
  }
  @font-face {
    font-family: "robotomedium";
    src: url("../../../font/roboto-medium-webfont.woff2") format("woff2"), url("../../../font/roboto-medium-webfont.woff") format("woff");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
  }
  @font-face {
    font-family: 'poppinsregular';
    src: url('../../../font/Poppins-Regular.woff2') format('woff2'), url('../../../font/Poppins-Regular.ttf') format('ttf');
    font-style: normal;
    font-weight: 400;
    font-display: swap;  
}   
@font-face {
    font-family: 'poppinsmedium';
    src: url('../../../font/Poppins-Medium.woff2') format('woff2'), url('../../../font/Poppins-Medium.woff2') format('woff');
    font-style: normal;
    font-weight: 500; 
    font-display: swap; 
}
@font-face { 
    font-family: 'poppinsbold';
    src: url('../../../font/Poppins-Bold.woff2') format('woff2'), url('../../../font/Poppins-Bold.ttf') format('ttf');
    font-style: normal;
    font-weight: 700;
    font-display: swap;  
}
@font-face { 
    font-family: 'poppinssemibold';
    src: url('../../../font/Poppins-SemiBold.woff2') format('woff2'), url('../../../font/Poppins-SemiBold.ttf') format('ttf');
    font-style: normal;
    font-weight: 600;
    font-display: swap;  
}
@font-face {
    font-family: 'robotoregular';
    src: url('../../../font/roboto-regular-webfont.woff2') format('woff2'),
         url('../../../font/roboto-regular-webfont.woff') format('woff');
    font-style: normal;
    font-weight: 400;
    font-display: swap; 

}

@font-face {
    font-family: 'robotomedium';
    src: url('../../../font/roboto-medium-webfont.woff2') format('woff2'),
         url('../../../font/roboto-medium-webfont.woff') format('woff');
    font-style: normal;
    font-weight: 500;
    font-display: swap; 
}

/* //Roboto Light */
@font-face {
    font-family: 'robotolight';
    src: url('../../../font/roboto-light-webfont.woff2') format('woff2'),
         url('../../../font/roboto-light-webfont.woff') format('woff');
        font-weight: 300;
        font-display: swap; 
} 

