:root {
	--fontFamilyMain: 'Lexend', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue",sans-serif;
	--bodyBGColor: "#fff";
}

body {
	font-family: var(--fontFamilyMain);
	background: var(--bodyBGColor);
}

.fullPageLoader {
	/* background: rgb(88 88 88 / 35%) */
	background: rgb(0 0 0 / 68%) !important;
}

.azdBtn {
	font-family: var(--fontFamilyMain);
	font-size: 1rem;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	grid-gap: 9px;
	border-radius: 50px;
	transition: box-shadow .2s, transform .2s;
	padding: 12px 21px;
	text-decoration: none;
}

.azdPrimaryBtn {
	box-shadow: 4px 3px 17px 1px #a7193033;
	color: white;
	border: none;
	background: linear-gradient(to right, #a71930 0%, #a33144 50%, #a71930 100%);
}

.azdSecondaryBtn {
	box-shadow: 4px 3px 17px 1px #00000024;
	color: black;
	border: solid 2px black;
	background: white;
}

.azdSecondaryBtn2 {
	box-shadow: 4px 3px 17px 1px #00000024;
	color: white;
	border: solid 2px var(--color-SedonaRed);
	background: #a7193054;
}

	.azdSecondaryBtn2:hover {
		background: #a7193075;
	}

.azdSecondaryBtn3 {
	box-shadow: 4px 3px 17px 1px #00000024;
	color: var(--color-SedonaRed);
	border: solid 2px var(--color-SedonaRed);
	background: white;
}

.azdSecondaryBtnSolid {
	box-shadow: 4px 3px 17px 1px #00000024;
	color: var(--color-SedonaRed);
	background: #a7193054;
}

.azdTertiaryBtn {
	color: #3ec1cc;
	border: solid 2px #3ec1cc;
	background: #3ec1cc00;
	box-shadow: 4px 3px 17px 1px #3fc2cd14;
}

.azdTertiaryBtn2 {
	color: #3ec1cc;
	border: solid 2px #3ec1cc;
	background: #3ec1cc35;
	box-shadow: 4px 3px 17px 1px #3fc2cd4a;
}

.azdTertiaryBtnSolid {
	background: #3ec1cc;
	color: white;
	box-shadow: 4px 3px 17px 1px #3fc2cd4a;
	border: solid 2px #3ec1cc;
}

.azdTertiaryBtn3 {
	color: #3ec1cc;
	border: solid 2px #3ec1cc;
	background: white;
	box-shadow: 4px 3px 17px 1px #3fc2cd4a;
}

.azdBtn:hover {
	box-shadow: none;
}

.azdPageHeader {
	display: flex;
	font-size: 1.6rem;
	font-weight: 600;
	color: black;
	padding: 9px 18px;
	border-left: solid 15px var(--color-Teal);
	margin: 9px;
}

.azdInputBox {
	border-radius: 11px;
	font-size: 1rem;
	font-family: var(--fontFamilyMain);
	padding: 9px;
	background: white;
	border: solid 1px lightgrey;
	outline: none;
}

	.azdInputBox:focus {
		border: none;
		box-shadow: -3px 2px 8px #0000001f;
	}

::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}
::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 10px;
}

::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
		background: #555;
	}