@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(fonts/Poppins-Thin.ttf) format('truetype');
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(fonts/Poppins-Light.ttf) format('truetype');
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(fonts/Poppins-Light.ttf) format('truetype');
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/Poppins-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(fonts/Poppins-Medium.ttf) format('truetype');
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(fonts/Poppins-SemiBold.ttf) format('truetype');
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(fonts/Poppins-Bold.ttf) format('truetype');
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(fonts/Poppins-ExtraBold.ttf) format('truetype');
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(fonts/Poppins-Black.ttf) format('truetype');
}
/* Roboto Fonts */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(fonts/Roboto-Thin.ttf) format('truetype');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(fonts/Roboto-Light.ttf) format('truetype');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/Roboto-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(fonts/Roboto-Medium.ttf) format('truetype');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(fonts/Roboto-Bold.ttf) format('truetype');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(fonts/Roboto-Black.ttf) format('truetype');
}
/* Heebo Font */
@font-face {
    font-family: 'Heebo';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(fonts/Heebo-Thin.ttf) format('truetype');
}
@font-face {
    font-family: 'Heebo';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(fonts/Heebo-ExtraLight.ttf) format('truetype');
}
@font-face {
    font-family: 'Heebo';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(fonts/Heebo-Light.ttf) format('truetype');
}
@font-face {
    font-family: 'Heebo';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/Heebo-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'Heebo';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(fonts/Heebo-Medium.ttf) format('truetype');
}
@font-face {
    font-family: 'Heebo';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(fonts/Heebo-SemiBold.ttf) format('truetype');
}
@font-face {
    font-family: 'Heebo';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(fonts/Heebo-Bold.ttf) format('truetype');
}
@font-face {
    font-family: 'Heebo';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(fonts/Heebo-ExtraBold.ttf) format('truetype');
}
@font-face {
    font-family: 'Heebo';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(fonts/Heebo-Black.ttf) format('truetype');
}