:root {
    --main-color: #BABABA;
    --secondary-color: #FFFFFF;
}
.color-primary{
    color:var(--main-color) !important;
}

.color-secondary{
    color: var(--secondary-color) !important; !important;
}

.sf-t{
    font-weight: 100;
}

.sf-xl{
    font-weight: 200;
}

.sf-l{
    font-weight: 300;
}

.sf-m{
    font-weight: 500;
}
/*
Semibold
 */
.sf-sb{
    font-weight: 600;
}

.sf-xb{
    font-weight: 800;
}

.sf-black{
    font-weight: 900;
}

.sf-bold{
    font-weight: bold;
}

.sf-normal{
    font-weight: normal;
}

.fs-25{
    font-size: 25px;
}
.fs-30{
    font-size: 30px;
}
.fs-32{
    font-size: 32px;
}
.fs-40{
    font-size: 40px;
}