@font-face {
    font-family: "Mukta-Bold";
    src: url("fonts/Mukta-Bold.ttf") format("woff2");
    /*font-weight: bold; */
    font-style: normal;
}

@font-face {
    font-family: "Mukta-Extra-Bold";
    src: url("fonts/Mukta-ExtraBold.ttf") format("woff2");
/*    font-weight: normal; */
    font-style: normal;
}

@font-face {
    font-family: "Mukta-Regular";
    src: url("fonts/Mukta-Regular.ttf") format("woff2");
/*    font-weight: normal; */
    font-style: normal;
}

:root {
    /* Colors */
    --w-blue: #27378f;
    --w-green: #2bb673;
    --w-cyan: #6ec7b3;
    --w-black: #000;
    --w-yellow: #fdf100;

    /* Font Size*/
    --fs-18: 18px;
    --fs-24: 24px;
    --fs-36: 36px;

    /* Font face*/
    --font-Mukta-Bold:Mukta-Bold;
    --font-Mukta-Regular:Mukta-Regular;
    --font-Mukta-Extra-Bold:Mukta-Extra-Bold;
}

.mukta-bold{
    font-family: var(--font-Mukta-Bold);
}

.mukta-extra-bold{
    font-family: var(--font-Mukta-Extra-Bold);
}

.mukta-regular{
    font-family: var(--font-Mukta-Regular);
}

.text-blue{
    color:var(--w-blue);
}

.text-green{
    color:var(--w-green);
}

.text-cyan{
    color:var(--w-cyan);
}

.text-black{
    color:var(--w-black);
}

.text-yellow{
    color:var(--w-yellow);
}