@font-face {
    font-family: 'AkroBlack';
    src: url("../font/Akrobat-Black.woff") format("woff"),
    url("../font/Akrobat-Black.ttf") format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'AkroBlack';
    src: url("../font/Akrobat-Black.woff") format("woff"),
    url("../font/Akrobat-Black.ttf") format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'AkroRegular';
    src: url("../font/Akrobat-Regular.woff") format("woff"),
    url("../font/Akrobat-Regular.ttf") format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'AkroExtra';
    src: url("../font/Akrobat-ExtraBold.woff") format("woff");
    font-display: swap;
}
@font-face {
    font-family: 'AkroRegular';
    src: url("../font/Akrobat-Regular.woff") format("woff"),
    url("../font/Akrobat-Regular.ttf") format("truetype");
    font-display: swap;

}
@font-face {
    font-family: 'AkroLight';
    src: url("../font/Akrobat-Light.woff") format("woff"),
    url("../font/Akrobat-Light.ttf") format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'PopLight';
    src: url("../font/Poppins-Light.otf") format("opentype");
    font-display: swap;
}
@font-face {
    font-family: 'PopRegular';
    src: url("../font/Poppins-Regular.otf") format("opentype");
    font-display: swap;
}
@font-face {
    font-family: 'PopSemiBold';
    src: url("../font/Poppins-SemiBold.otf") format("opentype");
    font-display: swap;
}
@font-face {
    font-family: 'PopBold';
    src: url("../font/Poppins-Bold.otf") format("opentype");
    font-display: swap;
}
@font-face {
    font-family: 'PopExtraLight';
    src: url("../font/Poppins-ExtraLight.otf") format("opentype");
    font-display: swap;
}