@font-face {
	font-family: 'RobotoFlex';
	src: url('../fonts/RobotoFlex/RobotoFlex.ttf') format('woff2-variations');
}
@font-face {
	font-family: 'TechForest';
	src: url('../fonts/technical-forest/techForest.ttf');
}
:root {
	/* --primary-color: #11a1e2; */
	--primary-color: #00684a;
	--secondary-color: #efb52b;
	--bluer:#638bf7;
	--white-shade: #dddddd;
	--gray-shade: #333333;
	--lighter-gray: rgb(231, 231, 231);
	--light-gray: rgb(201, 201, 201);
	--light-gray-text: rgb(100, 100, 100);
	--dark: rgb(36, 41, 47);
	--light-dark: #00000088;
	--outline: #d8dee4;
	--hover: #6a737d61;
	--gray: #f6f8fa;
	--disabled: dimgray;
}

/* 
067bc2, 0091ad - blue
#E4FF1A - lemon
5b9279 - green
8e3b46 - red
*/

button,
select,
select:focus {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
}
* {
	-webkit-text-size-adjust: 100% !important;
	touch-action: pan-x pan-y;
}
* {
	font-family: 'RobotoFlex';
}
* {
	-ms-overflow-style: none; /* Internet Explorer 10+ */
	scrollbar-width: none; /* Firefox */
}
*::-webkit-scrollbar {
	display: none; /* Safari and Chrome */
}
.material-symbols-outlined {
	user-select: none;
}

img {
	object-fit: cover;
}