/* Variable Css Start Here */
/* Font cdn starts here */
@font-face {
	font-family: "Kristi-Regular";
	src: url("../fonts/kristi/kirsty-rg.woff2");
}
@font-face {
	font-family: "Kristi-bold";
	src: url("../fonts/kristi/kirsty-bd.woff2");
}
@font-face {
	font-family: "Kristi-italic";
	src: url("../fonts/kristi/kirsty-bd-it.woff2");
}
@font-face {
	font-family: "Kristi-regular-italic";
	src: url("../fonts/kristi/kirsty-rg-it.woff2");
}
@font-face {
	font-family: "montserrat";
	src: url("../fonts/montserrat/montserrat.woff2");
}
/* Font cdn ends here */

:root {
	/* Typography starts here */
	--secondary-regular-font: "Kristi-Regular";
	--secondary-bold-font: "Kristi-bold";
	--secondary-italic-font: "Kristi-italic";
	--secondary-regular-italic: "Kristi-regular-italic";
	--primary-font: "montserrat";
	/* Typography ends here */
}

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

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

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

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

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

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

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

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

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

.level-2-sm {
	font-size: 44px;
}

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

.level-3-sm {
	font-size: 28px;
}

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

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

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

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

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

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

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