/* Variable Css Start Here */
/* Font cdn starts here */
@font-face {
	font-family: "arial-regular";
	src: url("../fonts/arial/ARIAL.TTF");
}
@font-face {
	font-family: "arial-medium";
	src: url("../fonts/arial/ArialMdm.ttf");
}
@font-face {
	font-family: "arial-semibold";
	src: url("../fonts/arial/ARIALN.TTF");
}
@font-face {
	font-family: "arial-light";
	src: url("../fonts/arial/ARIALLGT.TTF");
}
@font-face {
	font-family: "arial-bold";
	src: url("../fonts/arial/ARIALBD.TTF");
}
@font-face {
	font-family: "arial-italic";
	src: url("../fonts/arial/ARIALI.TTF");
}
@font-face {
	font-family: "roboto-regular";
	src: url("../fonts/roboto/Roboto-Regular.ttf");
}
@font-face {
	font-family: "roboto-medium";
	src: url("../fonts/roboto/Roboto-Medium.ttf");
}
@font-face {
	font-family: "roboto-semiBold";
	src: url("../fonts/roboto/Roboto-SemiBold.ttf");
}
@font-face {
	font-family: "roboto-bold";
	src: url("../fonts/roboto/Roboto-Bold.ttf");
}
@font-face {
	font-family: "roboto-thin";
	src: url("../fonts/roboto/Roboto-Thin.ttf");
}
@font-face {
	font-family: "roboto-light";
	src: url("../fonts/roboto/Roboto-Light.ttf");
}
@font-face {
	font-family: "roboto-italic";
	src: url("../fonts/roboto/Roboto-Italic.ttf");
}
@font-face {
	font-family: "oswald-regular";
	src: url("../fonts/oswald/Oswald-Regular.ttf");
}
@font-face {
	font-family: "oswald-medium";
	src: url("../fonts/oswald/Oswald-Medium.ttf");
}
@font-face {
	font-family: "oswald-light";
	src: url("../fonts/oswald/Oswald-Light.ttf");
}
@font-face {
	font-family: "oswald-semibold";
	src: url("../fonts/oswald/Oswald-SemiBold.ttf");
}
@font-face {
	font-family: "oswald-bold";
	src: url("../fonts/oswald/Oswald-Bold.ttf");
}
/* @font-face {
	font-family: "bebasneue-regular";
	src: url("../fonts/bebas-neue/BebasNeue-Regular.ttf");
} */
@font-face {
	font-family: "barlow-semibold";
	src: url("../fonts/barlow-condensed/BarlowCondensed-SemiBold.ttf");
}
/* Font cdn ends here */

:root {
	/* Typography starts here */
	--secondary-regular-font: "arial-regular";
	--secondary-medium-font: "arial-medium";
	--secondary-semibold-font: "arial-semibold";
	--secondary-light-font: "arial-light";
	--secondary-bold-font: "arial-bold";
	--secondary-italic-font: "arial-italic";
	--bebasneue-regular-font: "bebasneue-regular";
	--primary-regular-font: "roboto-regular";
	--primary-bold-font: "roboto-bold";
	--primary-semibold-font: "roboto-semiBold";
	--primary-medium-font: "roboto-medium";
	--primary-light-font: "roboto-light";
	--primary-italic-font: "roboto-italic";
	--oswald-regular-font: "oswald-regular";
	--oswald-medium-font: "oswald-medium";
	--oswald-light-font: "oswald-light";
	--oswald-semibold-font: "oswald-semibold";
	--oswald-bold-font: "oswald-bold";
	--sub-font: "barlow-semibold";

	/* Typography ends here */
}
.primary-font,
.heading-font {
	font-family: var(--secondary-bold-font);
}
.secondary-regular-font,
.para-font {
	font-family: var(--secondary-regular-font);
}

.secondary-bold-font,
.heading-bold {
	font-family: var(--secondary-bold-font);
}
.secondary-medium-font,
.heading-medium {
	font-family: var(--secondary-medium-font);
}
.secondary-semibold-font,
.heading-semibold {
	font-family: var(--secondary-semibold-font);
}
.secondary-light-font,
.heading-light {
	font-family: var(--secondary-light-font);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.level-2-lg {
	font-size: 52px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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