@font-face {
	font-family: "Plus Jakarta Sans";
	src:
		url("../fonts/PlusJakartaSans-Regular.woff2") format("woff2"),
		url("../fonts/PlusJakartaSans-Regular.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Plus Jakarta Sans";
	src:
		url("../fonts/PlusJakartaSans-Medium.woff2") format("woff2"),
		url("../fonts/PlusJakartaSans-Medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Plus Jakarta Sans";
	src:
		url("../fonts/PlusJakartaSans-SemiBold.woff2") format("woff2"),
		url("../fonts/PlusJakartaSans-SemiBold.woff") format("woff");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Plus Jakarta Sans";
	src:
		url("../fonts/PlusJakartaSans-Bold.woff2") format("woff2"),
		url("../fonts/PlusJakartaSans-Bold.woff") format("woff");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Qwenzy";
	src:
		url("../fonts/Qwenzy-Regular.woff2") format("woff2"),
		url("../fonts/Qwenzy-Regular.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "idx-icons";
	src: url("../fonts/icons/fonts/idx-icons.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

.font-qwenzy {
	font-family: 'Qwenzy', serif !important;
}

:root {
	--font-title: "Qwenzy", Arial, Helvetica, sans-serif;
	--font-text: "Plus Jakarta Sans", serif;
	--ink: #0d0d0d;
	--gold-light: #cda854;
	--gold-dark: #a58d55;
	--gold: linear-gradient(to right,
		var(--gold-light) 0%,
		var(--gold-dark) 33%,
		var(--gold-light) 66%,
		var(--gold-dark) 100%);
	--grey: #ececec;
	--radius-full: 9999px;
	--transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
	--min-width-btn-md: 160px;
	--letter-spacing: 0.095em;
	--shadow: 3.6px 3.6px 7.2px 0px #0000004d;
	--container-xl: 1690px;
}

.custom_modal, .footer-form {
	.close-modal {
		border: solid 1px #fff;
	}
	.overlay_modal_closer {
		opacity: 0;
	}
	.overlay_modal {
		background-color: rgb(0 0 0 / 51%) !important;
	}
	.modal_cm {
		width: auto;
		max-width: 600px;
		background-color:#fff;
	}
	.heder_md {
		text-align: center;

		h3 {
			color: #cda854 !important;
			text-transform: uppercase
		}
	}
	.body_md {

	}
	.flex-content-form  {

		.form-item {
			margin-bottom: 20px;
		}
		label.ms-hidden {
			position: static !important;
			text-transform: uppercase;
		}
		.form-item .medium,
		.ms-wrapper-phone-it .iti.iti--allow-dropdown{
			border: 0;
			border-bottom: solid 1px #333;
			border-radius: 0;
			padding-inline: 0
		}

		.form-item textarea.medium {
			max-height: 50px;
		}
	}


	.clidxboost-btn-link {
		border-radius: 50px;
		overflow: hidden;
		color:#fff;
		span {
			background-color: transparent !important;
			border: 0;
			z-index: 2;
			position: relative;
			color: inherit !important;
			letter-spacing: 1px;
		}
		&:before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-image: var(--gold);
			background-size: 300% 100%;
			background-position: 0% 0;
			transition: var(--transition); 
		}
		&:hover {
			&:before {
				background-position: 100% 0;
			}
		}
	}
	@media (min-width: 768px){
		.content_md {
			padding-bottom: 2rem !important;
		}
		.heder_md {
			padding-top: 30px !important;
			h3 {
				font-size: 2rem;
			}
		}
		.body_md {
			padding-inline: 50px !important;
		}



		.clidxboost-btn-link {
			min-height: 62px;
		}
	}