@font-face {
	font-family: "visbycf-regular";
	font-display: swap;
	src: url("../fonts/visby-cf/visbycf-regular.woff2");
}
@font-face {
	font-family: "visbycf-demibold";
	font-display: swap;
	src: url("../fonts/visby-cf/visbycf-demibold.woff2");
}
@font-face {
	font-family: "visbycf-medium";
	font-display: swap;
	src: url("../fonts/visby-cf/visbycf-medium.woff2");
}
@font-face {
	font-family: "visbycf-bold";
	font-display: swap;
	src: url("../fonts/visby-cf/visbycf-bold.woff2");
}
@font-face {
	font-family: "visbycf-light";
	font-display: swap;
	src: url("../fonts/visby-cf/visbycf-light.woff2");
}
@font-face {
	font-family: "Melodrama-Bold";
	font-display: swap;
	src: url("../fonts/melodrama/Melodrama-Bold.ttf");
}
@font-face {
	font-family: "Melodrama-Light";
	font-display: swap;
	src: url("../fonts/melodrama/Melodrama-Light.ttf");
}
@font-face {
	font-family: "Melodrama-Medium";
	font-display: swap;
	src: url("../fonts/melodrama/Melodrama-Medium.ttf");
}
@font-face {
	font-family: "Melodrama-Regular";
	font-display: swap;
	src: url("../fonts/melodrama/Melodrama-Regular.ttf");
}
@font-face {
	font-family: "Melodrama-Semibold";
	font-display: swap;
	src: url("../fonts/melodrama/Melodrama-Semibold.ttf");
}

.bg-light {
	background-color: #ebf6fb !important;
}
:root {
	/* Website Background Colors */
	--default-theme: #222222;
	--light-bg: #fff;
	--dark-background: #151515;
	--gray-background: #e6e5e5;
	--bg-gray: #f0f0f0;
	--btn-color: #fff;
	--border-color: #323333;

	/* Website Text Colors */
	--light-color: #fff;
	--blue-color: #c92f2f;
	--dark-color: #000;
	--heading-color: #050d19;
	--small-heading-color: #0077cf;
	--span-text-color: #1182d4;
	--nav-default-color: #fff;
	--extra-color-2: #323232;
	--extra-color-5: #171717;
	--extra-color-6: #262626;
	/* Fonts Start Here */
	/* Heading Font Start Here */
	--heading-font: "Melodrama-Medium";
	--secondary-regular-font: "Melodrama-Regular";
	--secondary-semibold-font: "Melodrama-Semibold";
	--para-font: "visbycf-medium";
	--btn-font: "visbycf-demibold";
	--regular-font: "visbycf-regular";
	--bold-font: "visbycf-bold";
	--light-font: "visbycf-light";
}

/* Fonts family */
.heading-font {
	font-family: var(--heading-font);
}

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

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

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

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

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

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

/* Fonts family  */

/* Fonts sizes  */

.level-1 {
	font-size: 65px;
}

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

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

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

.level-5-lg {
	font-size: 24px;
}
.btn-width {
	width: 180px;
}
.level-5 {
	font-size: 20px;
}

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

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

.level-8 {
	font-size: 12px;
}
/* Fonts sizes  */

/* Colors  */
.text-color {
	color: var(--light-color);
}
.extra-color-1 {
	color: var(--dark-background);
}
.extra-color-2 {
	color: var(--extra-color-2);
}
.extra-color-3 {
	color: var(--blue-color);
}
.extra-color-6 {
	color: var(--extra-color-6);
}
.extra-bg-1 {
	background-color: var(--dark-background);
}
.extra-bg-3 {
	background-color: var(--blue-color);
}
.extra-bg-4 {
	background-color: var(--border-color);
}
.extra-bg-5 {
	background-color: var(--extra-color-5);
}
.extra-bg-6 {
	background-color: var(--extra-color-6);
}
/* Colors  */