/********************************************/
/****** PLEASE DO NOT MODIFY THIS FILE ******/
/********************************************/


:root {

	--p-color:		#77787c;

	--affiliate-primary:	#18274f;
	--affiliate-secondary:	#845c2c;

	--green-800:	#022420;
	--green-600:	#004840;
	--green-400:	#BAD1CF;
	--green-100:	#F7FEFE;

	--orange-600:	#FF8F00;
	--orange-400:	#FFA22C;
	--orange-100:	#FFB960;

	--grey-600:		#7E7F9A;
	--grey-400:		#EAE9ED;
	--grey-100:		#EEEDF0;

	--red-600:		#D51A1A;
	--red-400:		#FFE0E0;

}



* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	line-height: inherit;
	transition-duration: .3s;
}



html {
	height: 100%;
	overflow-x: hidden;
	scroll-behavior: smooth;
}

body {
	font-family: "DM-Sans", var(--bs-font-sans-serif);
	height: inherit;
	line-height: 1.8;
	background: #fff;
	overflow-x: inherit;
	scroll-behavior: smooth;
}


h1, h2, h3, h4, h5, h6 {
	font-family: "DM-Sans-medium", var(--bs-font-sans-serif);
	margin: 0;
	color: #000;
	font-weight: 700;
	line-height: 1.4;
}


p {
	margin: 0;
}

p, li {
	color: var(--p-color);
}


img {
	max-width: 100%;
	height: auto;
}


a {
	/* color: ; */
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	color: #888;
}


.form-control:focus, .form-select:focus {
    box-shadow: 0 0 0 0.25rem #00484069;
}



.cursor-pointer {
	cursor: pointer;
}


.soft-shadow {
	box-shadow: 6px 10px 30px 0 rgb(0 0 0 / 15%);
}

.misc-card {
	box-shadow: 0 4px 5px 0 rgba(0,0,0,0.03), 0 0 10px 0 rgba(0,0,0,0.08);
}


@media print {
	.d-print-none {
		display: none;
	}
}




/* Green */

.bg-green-800 { background-color: var(--green-800); }
.bg-green-600 { background-color: var(--green-600); }
.bg-green-400 { background-color: var(--green-400); }
.bg-green-100 { background-color: var(--green-100); }

.text-green-800 { color: var(--green-800); }
.text-green-600 { color: var(--green-600); }
.text-green-400 { color: var(--green-400); }
.text-green-100 { color: var(--green-100); }


/* Orange */

.bg-orange-600 { background-color: var(--orange-600); }
.bg-orange-400 { background-color: var(--orange-400); }
.bg-orange-100 { background-color: var(--orange-100); }

.text-orange-600 { color: var(--orange-600); }
.text-orange-400 { color: var(--orange-400); }
.text-orange-100 { color: var(--orange-100); }


/* Grey */

.bg-grey-600 { background-color: var(--grey-600); }
.bg-grey-400 { background-color: var(--grey-400); }
.bg-grey-100 { background-color: var(--grey-100); }

.text-grey-600 { color: var(--grey-600); }
.text-grey-400 { color: var(--grey-400); }
.text-grey-100 { color: var(--grey-100); }


/* Red */

.bg-red-600 { background-color: var(--red-600); }
.bg-red-400 { background-color: var(--red-400); }

.text-red-600 { color: var(--red-600); }
.text-red-400 { color: var(--red-400); }