/* Montserrat Font Weights */
@font-face {
	font-family: "Montserrat";
	font-weight: 100;
	font-display: swap;
	src: url("../fonts/montserrat/Montserrat-Thin.ttf") format("truetype");
}
@font-face {
	font-family: "Montserrat";
	font-weight: 200;
	font-display: swap;
	src: url("../fonts/montserrat/Montserrat-ExtraLight.ttf") format("truetype");
}
@font-face {
	font-family: "Montserrat";
	font-weight: 300;
	font-display: swap;
	src: url("../fonts/montserrat/Montserrat-Light.ttf") format("truetype");
}
@font-face {
	font-family: "Montserrat-Regular";
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/Montserrat/Montserrat-Regular.ttf") format("truetype");
}
@font-face {
	font-family: "Montserrat-Medium";
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/Montserrat/Montserrat-Medium.ttf") format("truetype");
}
@font-face {
	font-family: "Montserrat-SemiBold";
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/montserrat/Montserrat-SemiBold.ttf") format("truetype");
}
@font-face {
	font-family: "Montserrat-Bold";
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/Montserrat/Montserrat-Bold.ttf") format("truetype");
}
@font-face {
	font-family: "Montserrat";
	font-weight: 800;
	font-display: swap;
	src: url("../fonts/montserrat/Montserrat-ExtraBold.ttf") format("truetype");
}
@font-face {
	font-family: "Montserrat";
	font-weight: 900;
	font-display: swap;
	src: url("../fonts/montserrat/Montserrat-Black.ttf") format("truetype");
}
/* QuickSand */
@font-face {
	font-family: "tomatogrotesk-Bold";
	font-display: swap;
	src: url("../fonts/tomatogrotesk/TomatoGrotesk-Bold.otf") format("opentype");
}
@font-face {
	font-family: "tomatogrotesk-Medium";
	font-display: swap;
	src: url("../fonts/tomatogrotesk/TomatoGrotesk-Medium.otf") format("opentype");
}
@font-face {
	font-family: "tomatogrotesk-SemiBold";
	font-display: swap;
	src: url("../fonts/tomatogrotesk/TomatoGrotesk-SemiBold.otf") format("opentype");
}
@font-face {
	font-family: "tomatogrotesk-Regular";
	font-display: swap;
	src: url("../fonts/tomatogrotesk/TomatoGrotesk-Regular.otf") format("opentype");
}
/* Font Families for Custom Properties */
:root {
	/* Kanit Font Families */
	--secondary-regular-font: "tomatogrotesk-Regular";
	--secondary-semibold-font: "tomatogrotesk-SemiBold";
	--secondary-medium-font: "tomatogrotesk-Medium";
	--secondary-bold-font: "tomatogrotesk-Bold";

	/* Montserrat Font Families */
	--primary-regular-font: "Montserrat-Regular";
	--primary-semibold-font: "Montserrat-SemiBold";
	--primary-medium-font: "Montserrat-Medium";
	--primary-bold-font: "Montserrat-Bold";
	--primary-black-font: "Montserrat-Black";
}

/* Font Family Classes */
.secondary-regular-font {
	font-family: var(--secondary-regular-font);
}
.secondary-medium-font {
	font-family: var(--secondary-medium-font);
}
.secondary-semibold-font {
	font-family: var(--secondary-semibold-font);
}
.secondary-bold-font {
	font-family: var(--secondary-bold-font);
}
.primary-regular-font {
	font-family: var(--primary-regular-font);
}
.primary-semibold-font {
	font-family: var(--primary-semibold-font);
}
.primary-medium-font {
	font-family: var(--primary-medium-font);
}
.primary-bold-font {
	font-family: var(--primary-bold-font);
}
.primary-black-font {
	font-family: var(--primary-black-font);
}

/* Font Size Classes */
.xxl-font {
	font-size: 200px;
}
.xl-font {
	font-size: 70px;
}
.level-1 {
	font-size: 43px;
}
.level-2 {
	font-size: 35px;
}
.level-3 {
	font-size: 28px;
}
.level-4 {
	font-size: 20px;
}
.level-5 {
	font-size: 18px;
}
.level-6 {
	font-size: 15px;
}
.level-7 {
	font-size: 14px;
}
.level-8 {
	font-size: 12px;
}

/* Responsive Font Sizes */
@media (max-width: 1400px) {
	.xxl-font {
		font-size: 180px;
	}
	.xl-font {
		font-size: 65px;
	}
	.level-1 {
		font-size: 40px;
	}
	.level-2 {
		font-size: 32px;
	}
	.level-3 {
		font-size: 26px;
	}
	.level-4 {
		font-size: 21px;
	}
	.level-5 {
		font-size: 18px;
	}
	.level-6 {
		font-size: 14px;
	}
	.level-7 {
		font-size: 13px;
	}
	.level-8 {
		font-size: 12px;
	}
}

@media(max-width:1200px){
	.level-1 {
		font-size: 38px;
	}
	.level-2 {
		font-size: 30px;
	}
	.level-3 {
		font-size: 25px;
	}
	.level-4 {
		font-size: 20px;
	}
	.level-5 {
		font-size: 17px;
	}
	.level-6 {
		font-size: 14px;
	}
	.level-7 {
		font-size: 13px;
	}
	.level-8 {
		font-size: 12px;
	}
}

@media (max-width: 1024px) {
	.level-1 {
		font-size: 37px;
	}
	.level-2 {
		font-size: 29px;
	}
	.level-3 {
		font-size: 24px;
	}
	.level-4 {
		font-size: 19px;
	}
	.level-5 {
		font-size: 16px;
	}
	.level-6 {
		font-size: 14px;
	}
	.level-7 {
		font-size: 13px;
	}
	.level-8 {
		font-size: 12px;
	}
}

@media (max-width: 912px) {
	.level-1 {
		font-size: 32px;
	}
	.level-2 {
		font-size: 26px;
	}
	.level-3 {
		font-size: 22px;
	}
	.level-4 {
		font-size: 18px;
	}
	.level-5 {
		font-size: 15px;
	}
	.level-6 {
		font-size: 13px;
	}
	.level-7 {
		font-size: 12px;
	}
	.level-8 {
		font-size: 11px;
	}
}

@media (max-width: 576px) {
	.level-1 {
		font-size: 25px;
	}
	.level-2 {
		font-size: 22px;
	}
	.level-3 {
		font-size: 20px;
	}
	.level-4 {
		font-size: 17px;
	}
	.level-5 {
		font-size: 14px;
	}
	.level-6 {
		font-size: 12px;
	}
	.level-7 {
		font-size: 11px;
	}
	.level-8 {
		font-size: 10px;
	}
}

@media (max-width: 281px) {
	.level-1 {
		font-size: 23px;
	}
	.level-2 {
		font-size: 20px;
	}
	.level-3 {
		font-size: 19px;
	}
	.level-4 {
		font-size: 16px;
	}
	.level-5 {
		font-size: 14px;
	}
	.level-6 {
		font-size: 12px;
	}
	.level-7 {
		font-size: 11px;
	}
	.level-8 {
		font-size: 10px;
	}
}

/* Border Radius */
.rounded-wrapper {
	border-radius: 30px;
}

/* Border Styles */
.border-danger1 {
	border: 1px solid #f26722 !important;
}
.border-danger1:hover {
	color: #f26722;
}