@font-face {
	font-family: 'BT Beau Sans Regular';
	src: url('../fonts/BT-BeauSans-Regular.ttf')
}
@font-face {
	font-family: 'BT Beau Sans Light';
	src: url('../fonts/BT-BeauSans-Light.ttf')
}
@font-face {
	font-family: 'BT Beau Sans Medium';
	src: url('../fonts/BT-BeauSans-Medium.ttf')
}
@font-face {
	font-family: 'BT Beau Sans Bold';
	src: url('../fonts/BT-BeauSans-Bold.ttf')
}
@font-face {
	font-family: 'BT Beau Sans Extra Bold';
	src: url('../fonts/BT-BeauSans-ExtraBold.ttf')
}
:root {
	--primary: #404040;
	--secondary: #4A3BF1;
	--tertiary: #736BD1;
	--primary-title: #0C0C0C;
	--secondary-title: #77CEB8;
	--white-on-black: #F7F7F7;
	--gray-on-black: #616161;
	--green-primary: #616161;
	--green-secondary: #00EAB0;
}
html, body {
	font-family: 'BT Beau Sans Regular';
	color: var(--primary);
	letter-spacing: 0px;
	font-size: 1.04vw;
	height: 100%;
}
html {
	scroll-behavior: smooth;
}
body {
	margin: 0px;
	overflow-x: hidden;
	background-color: var(--white-on-black);
}
body:before {
	display: none;
}
.back__to--top {
	display: none;
	opacity: 0;
	position: fixed;
	z-index: 110;
	bottom: 1.86vh;
	right: 1.04vw;
	transition: all 0.5s;
}

.back__to--top.show {
	opacity: 1;
}
button {
	display: inline-block;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	padding: 0.92vh 1.72vw;
	font-family: 'BT Beau Sans Bold';
	font-size: 1.04vw;
	background: var(--secondary) 0% 0% no-repeat padding-box;
	background: #4A3BF1 0% 0% no-repeat padding-box;
	border-radius: 1.5vw;
	letter-spacing: 0.8px;
	border: none;
	cursor: pointer;
}
.button {
	display: inline-block;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	padding: 0.92vh 1.72vw;
	font-family: 'BT Beau Sans Bold';
	font-size: 1.04vw;
	background: var(--secondary) 0% 0% no-repeat padding-box;
	background: #4A3BF1 0% 0% no-repeat padding-box;
	border-radius: 1.5vw;
	letter-spacing: 0.8px;
	border: none;
	cursor: pointer;
}
.button a {
	color: #FFFFFF;
	text-decoration: none;
}
.outline__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 1.09vw;
	height: 6.5vh;
	text-decoration: none;
	text-align: center;
	padding: 0px 3.06vh;
	font-family: 'BT Beau Sans Medium';
	font-size: 1.04vw;
	color: var(--secondary);
	border: 1px solid var(--tertiary);
	border-radius: 1.82vw;
}
.outline__button img {
	width: 1.3vw;
	height: 1.3vw;
}
.section__title {
	font: bold 3.65vw'BT Beau Sans Bold';
	letter-spacing: 4.9px;
	color: var(--primary-title);
}
.page__title {
	font-family: 'BT Beau Sans Medium';
	/* font-size: 4.38vw; */
	font-size: 1.82vw;
	letter-spacing: 0.3vw;
}
.back__to--top.show {
	opacity: 1;
}
.bottom__position {
	bottom: 4.64vh;
}
.nav__menu_item, .back__to--top {
	cursor: pointer;
}

@media only screen and (min-width: 1024px) {
	/* .back__to--top img {
		width: 3.8vw;
	} */
	.back__to--top img {
		width: 2vw;
		height: auto;
	}
		
}
/* Mobile view */
@media only screen and (max-width: 1023px) {
	.back__to--top {
		display: none;
		opacity: 0;
		position: fixed;
		z-index: 110;
		bottom: 1.86vh;
		transition: all 0.5s;
	}
	.back__to--top img {
		width: 50px;
	}
	button {
		display: inline-block;
		color: #FFFFFF;
		text-decoration: none;
		text-align: center;
		padding: 10px 32px;
		font-family: 'BT Beau Sans Bold';
		font-size: 16px;
		background: var(--secondary) 0% 0% no-repeat padding-box;
		background: #4A3BF1 0% 0% no-repeat padding-box;
		border-radius: 22px;
		letter-spacing: 0.8px;
		border: none;
		cursor: pointer;
	}
	.button {
		display: none;
	}
}
/* 

#exit__intent {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 650px;
} */