@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/iransans/IRANSans-Bold-web.eot');
	src: url('../fonts/iransans/IRANSans-Bold-web.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
	url('../fonts/iransans/IRANSans-Bold-web.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('../fonts/iransans/IRANSans-Bold-web.ttf') format('truetype');
}

@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/iransans/IRANSans-Medium-web.eot');
	src: url('../fonts/iransans/IRANSans-Medium-web.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
	url('../fonts/iransans/IRANSans-Medium-web.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('../fonts/iransans/IRANSans-Medium-web.ttf') format('truetype');
}

@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/iransans/IRANSans-Light-web.eot');
	src: url('../fonts/iransans/IRANSans-Light-web.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
	url('../fonts/iransans/IRANSans-Light-web.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('../fonts/iransans/IRANSans-Light-web.ttf') format('truetype');
}

@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 200;
	src: url('../fonts/iransans/IRANSans-UltraLight-web.eot');
	src: url('../fonts/iransans/IRANSans-UltraLight-web.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
	url('../fonts/iransans/IRANSans-UltraLight-web.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('../fonts/iransans/IRANSans-UltraLight-web.ttf') format('truetype');
}

@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/iransans/IRANSans-web.eot');
	src: url('../fonts/iransans/IRANSans-web.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
	url('../fonts/iransans/IRANSans-web.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('../fonts/iransans/IRANSans-web.ttf') format('truetype');
}

html {
	font-size: 14px;
}

@media (min-width: 768px) {
	html {
		font-size: 16px;
	}
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
	box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
	position: relative;
	min-height: 100%;
}

body {
	margin-bottom: 60px;
	font-family: IRANSans !important;
}

.logo {
	width: 7rem;
}

.role-modal {
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: white;
	display: none;
	overflow: hidden;
}

.btn-role {
	position: fixed;
	bottom: 0;
}

.role-title {
	font-size: 3rem;
}

@media only screen and (max-width: 600px) {
	.banner {
		max-height: 400px;
	}
}

.red-switch {
	--bs-form-switch-bg: #ff4d4d; /* Red background when unchecked */
}

	.red-switch:checked {
		--bs-form-switch-bg: #ff0000; /* Darker red background when checked */
	}

	/* Customize the switch thumb (circle) */
	.red-switch:focus {
		box-shadow: 0 0 0 0.25rem rgba(255, 0, 0, 0.25); /* Red focus ring */
	}

	.red-switch[type="checkbox"]:checked + .form-check-label {
		color: #ff0000; /* Optional: Change label color when checked */
	}

/* Buttons */
.btn {
	border-radius: 50px;
	padding: 10px 20px;
	font-weight: 600;
	transition: all 0.3s ease;
}

	.btn:hover {
		transform: translateY(-3px);
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	}

.btn-primary {
	background: linear-gradient(90deg, #007bff, #6610f2);
	border: none;
}

	.btn-primary:hover {
		background: linear-gradient(90deg, #0069d9, #5e0ceb);
	}

.btn-success {
	background: linear-gradient(90deg, #28a745, #20c997);
	border: none;
}

	.btn-success:hover {
		background: linear-gradient(90deg, #218838, #1aa179);
	}

.btn-danger {
	background: linear-gradient(90deg, #dc3545, #c82333);
	border: none;
}

	.btn-danger:hover {
		background: linear-gradient(90deg, #c82333, #bd2130);
	}

.btn-info {
	background: linear-gradient(90deg, #17a2b8, #138496);
	border: none;
}

	.btn-info:hover {
		background: linear-gradient(90deg, #138496, #117a8b);
	}

.btn i {
	margin-left: 2px;
	margin-right: 2px;
}

/* Buttons */
.btn {
	border-radius: 50px;
	padding: 10px 20px;
	font-weight: 600;
	transition: all 0.3s ease;
}

	.btn:hover {
		transform: translateY(-3px);
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	}

.btn-primary {
	background: linear-gradient(90deg, #007bff, #6610f2);
	border: none;
}

	.btn-primary:hover {
		background: linear-gradient(90deg, #0069d9, #5e0ceb);
	}

.btn-secondary {
	background: linear-gradient(90deg, #a1c4fd, #c2e9fb);
	border: none;
}

	.btn-secondary:hover {
		background: linear-gradient(90deg, #8ab4f7, #a8dff0);
	}