@charset "utf-8";
@@font-face {
	font-family: maziar;
	font-style: normal;
	font-weight: 100;
	src: url('fonts/ttfe/Estedad-Thin.ttf') format('ttf'),   
	url('fonts/woff2e/Estedad-Thin.woff2') format('woff2');		
}

@font-face {
	font-family: maziar;
	font-style: normal;
	font-weight: 300;
	src: url('fonts/ttfe/Estedad-Light.ttf') format('ttf'),   
	url('fonts/woff2e/Estedad-Light.woff2') format('woff2');	
}

@font-face {
	font-family: maziar;
	font-style: normal;
	font-weight: 400;
	src: url('fonts/ttfe/Estedad-Regular.ttf') format('ttf'),   
	url('fonts/woff2e/Estedad-Regular.woff2') format('woff2');		 
}

@font-face {
	font-family: maziartitr;
	font-weight: 500;
	src: url('fonts/estenglish/estedad-bold.ttf') format('ttf'),   
	url('fonts/estenglish/estedad-bold.woff2') format('woff2');		 
}

@font-face {
	font-family: maziar;
	font-style: normal;
	font-weight: 600;
	src: url('fonts/ttfe/Estedad-SemiBold.ttf') format('ttf'),   
	url('fonts/woff2e/Estedad-SemiBold.woff2') format('woff2');		 
}

@font-face {
	font-family: maziar;
	font-style: normal;
	font-weight: 700;
	src: url('fonts/ttfe/Estedad-Bold.ttf') format('ttf'),   
	url('fonts/woff2e/Estedad-Bold.woff2') format('woff2'); 
}

@font-face {
	font-family: maziar;
	font-style: normal;
	font-weight: 800;
	src: url('fonts/ttfe/Estedad-ExtraBold.ttf') format('ttf'),   
	url('fonts/woff2e/Estedad-ExtraBold.woff2') format('woff2');		 
}

@font-face {
	font-family: maziar;
	font-style: normal;
	font-weight: 900;
	src: url('fonts/ttfe/Estedad-Black.ttf') format('ttf'),   
	url('fonts/woff2e/Estedad-Black.woff2') format('woff2');		 
}

*{padding:0px;margin:0px;}
body {
	font-family: "maziar", sans-serif;
	direction:rtl;
	background-color: #0d103d;
    background-image: url(../images/form-bg.png);
}
.form-container {
	background: #fff;
	border-radius: 20px;
	padding: 15px;
	max-width: 600px;
	margin: 50px auto;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
	animation: fadeIn 1s ease-in-out;
}
label{font-size:12px;}
h4{font-weight:900;background: #0d103d;padding:10px;color:#fff;border-radius:10px;}
@keyframes fadeIn {
	from { opacity: 0; transform: translateY(20px); }
	to { opacity: 1; transform: translateY(0); }
}
#progressModal .progress {
	height: 25px;
}
.modal-content {
	text-align: center;
}
@media (min-width: 768px) {
	.col-md-6 {}
}
.form-control,.form-select {font-size:13px;}