/* Variable Css Start Here */
/* Font cdn starts here */
@font-face {
    font-family: "poppins-regular";
    src: url("../fonts/poppins/Poppins-Regular.ttf");
}

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

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

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

@font-face {
    font-family: "poppins-black";
    src: url("../fonts/poppins/Poppins-Black.ttf");
}

@font-face {
    font-family: "poppins-italic";
    src: url("../fonts/poppins/Poppins-BoldItalic.ttf");
}

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

@font-face {
    font-family: "red-hat-light";
    src: url("../fonts/red-hat/RedHatDisplay-Light.ttf");
}

@font-face {
    font-family: "red-hat-semibold";
    src: url("../fonts/red-hat/RedHatDisplay-SemiBold.ttf");
}

@font-face {
	font-family: "prompt-regular";
	src: url("../fonts/prompt/Prompt-Regular.ttf");
}

@font-face {
    font-family: "digital-numbers-regular";
    src: url("../fonts/digital-numbers/DigitalNumbers-Regular.ttf");
}


/* Font cdn ends here */

:root {
    /* Typography starts here */
    --secondary-regular-font: "red-hat-semibold";
    --primary-regular-font: "poppins-regular";
    --primary-medium-font: "poppins-medium";
    --primary-semibold-font: "poppins-semibold";
    --primary-bold-font: "poppins-bold";
    --primary-black-font: "poppins-black";
    --primary-italic-font: "poppins-italic";
    --primary-light-font: "poppins-light";
    --secondary-light-font:"red-hat-light";
    --sub-font: "digital-numbers-regular";
    --sub-heading: "prompt-regular";


    /* Typography ends here */
}

.secondary-regular-font,
.heading-font {
    font-family: var(--secondary-regular-font);
}

.secondary-light-font {
    font-family: var(--secondary-light-font);
}

.primary-regular-font {
    font-family: var(--primary-regular-font);
}

.primary-medium-font {
    font-family: var(--primary-medium-font);
}

.primary-semibold-font {
    font-family: var(--primary-semibold-font);
}

.primary-black-font {
    font-family: var(--primary-black-font);
}

.primary-italic-font {
    font-family: var(--primary-italic-font);
}

.primary-light-font {
    font-family: var(--primary-light-font);
}

.primary-bold-font {
    font-family: var(--primary-bold-font);
}

.banner-heading {
    font-family: var(--protest-riot-regular);
}

.sub-font {
    font-family: var(--sub-font);
}

.sub-heading {
	font-family: var(--sub-heading);
}

/* Font Sizes Here */
.level-1 {
    font-size: 240px;
}

.level-2 {
    font-size: 62px;
}

.level-3-lg {
    font-size: 57px;
}

.level-3-md {
    font-size: 44px;
}

.level-3 {
    font-size: 38px;
}

.level-4-lg {
    font-size: 30px;
}

.level-4 {
    font-size: 26px;
}

.level-5-lg {
    font-size: 24px;
}

.level-5 {
    font-size: 22px;
}

.level-6 {
    font-size: 18px;
}

.level-7 {
    font-size: 16px;
}

.level-8 {
    font-size: 14px;
}

.level-9 {
    font-size: 13px;
}

.level-10 {
    font-size: 10px;
}