@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Bold.ttf') format('truetype');
    font-weight: 700;
}
@font-face {
    font-family: 'Public Sans';
    src: url('../fonts/publicsans/PublicSans-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'Public Sans';
    src: url('../fonts/publicsans/PublicSans-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Public Sans';
    src: url('../fonts/publicsans/PublicSans-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Public Sans';
    src: url('../fonts/publicsans/PublicSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'Public Sans';
    src: url('../fonts/publicsans/PublicSans-Bold.ttf') format('truetype');
    font-weight: 700;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/nunito/Nunito-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/nunito/Nunito-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/nunito/Nunito-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/nunito/Nunito-SemiBold.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/nunito/Nunito-Bold.ttf') format('truetype');
    font-weight: 700;
}
@font-face {
    font-family: 'Saira';
    src: url('../fonts/saira/Saira-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'Saira';
    src: url('../fonts/saira/Saira-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Saira';
    src: url('../fonts/saira/Saira-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Saira';
    src: url('../fonts/saira/Saira-SemiBold.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'Saira';
    src: url('../fonts/saira/Saira-Bold.ttf') format('truetype');
    font-weight: 700;
}
@font-face {
    font-family: 'Outfit';
    src: url('../fonts/outfit/Outfit-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/outfit/Outfit-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/outfit/Outfit-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/outfit/Outfit-SemiBold.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/outfit/Outfit-Bold.ttf') format('truetype');
    font-weight: 700;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-SemiBold.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-Bold.ttf') format('truetype');
    font-weight: 700;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans/OpenSans-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans/OpenSans-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans/OpenSans-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans/OpenSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans/OpenSans-Bold.ttf') format('truetype');
    font-weight: 700;
}
@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/ibmplexsans/IBMPlexSans-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/ibmplexsans/IBMPlexSans-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/ibmplexsans/IBMPlexSans-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/ibmplexsans/IBMPlexSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/ibmplexsans/IBMPlexSans-Bold.ttf') format('truetype');
    font-weight: 700;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-Bold.ttf') format('truetype');
    font-weight: 700;
}
@font-face {
    font-family: 'Rubik';
    src: url('../fonts/rubik/Rubik-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/rubik/Rubik-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/rubik/Rubik-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/rubik/Rubik-SemiBold.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/rubik/Rubik-Bold.ttf') format('truetype');
    font-weight: 700;
}
@font-face {
    font-family: 'Jost';
    src: url('../fonts/jost/Jost-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'Jost';
    src: url('../fonts/jost/Jost-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Jost';
    src: url('../fonts/jost/Jost-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Jost';
    src: url('../fonts/jost/Jost-SemiBold.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'Jost';
    src: url('../fonts/jost/Jost-Bold.ttf') format('truetype');
    font-weight: 700;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-SemiBold.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-Bold.ttf') format('truetype');
    font-weight: 700;
}