@font-face {
    font-family: PoppinsLight;
    src: url(../fonts/Poppins-Light.ttf);
}

@font-face {
    font-family: PoppinsRegular;
    src: url(../fonts/Poppins-Regular.ttf);
}

@font-face {
    font-family: PoppinsMedium;
    src: url(../fonts/Poppins-Medium.ttf);
}

@font-face {
    font-family: PoppinsSemiBold;
    src: url(../fonts/Poppins-SemiBold.ttf);
}

@font-face {
    font-family: PoppinsBold;
    src: url(../fonts/Poppins-Bold.ttf);
}

/* font family */
.font-poppins-light {
    font-family: 'PoppinsLight', sans-serif;
}

.font-poppins-regular {
    font-family: 'PoppinsRegular', sans-serif;
}

.font-poppins-medium {
    font-family: 'PoppinsMedium', sans-serif;
}

.font-poppins-semibold {
    font-family: 'PoppinsSemiBold', sans-serif;
}

.font-poppins-bold {
    font-family: 'PoppinsBold', sans-serif;
}

.bg-primary {
    background-color: #B59660;
}