@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(-8px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}





html {
	font-size: 14px;
	direction: rtl !important;
	font-family: 'Vazirmatn';
	min-height: 100%;
	width: 100vw;
	max-width: 100vw;
	height: 100vh;
	max-height: 100vh;
	overflow-x: hidden;
	overflow-y: hidden;
	scroll-behavior: smooth;
}



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



body {
	/*margin-bottom: 60px;*/
	direction: rtl !important;
	font-family: 'Vazirmatn';
	width: 100vw;
	max-width: 100vw;
	height: 100vh;
	max-height: 100vh;
	overflow-x: hidden;
	overflow-y: hidden;
	scroll-behavior: smooth;
}





.page-content {
	animation: fadeIn 0.5s ease-out;
}



.body-container {
	/*margin-bottom: 60px;*/
	direction: rtl !important;
	font-family: 'Vazirmatn';
	width: 100vw;
	max-width: 100vw;
	height: 100vh;
	max-height: 100vh;
	overflow-x: hidden;
	overflow-y: scroll;
	scroll-behavior: smooth;
}



	.body-container::-webkit-scrollbar {
		width: 15px !important;
		background-color: #eee;
	}

	.body-container::-webkit-scrollbar-thumb {
		background-color: rgba(44,66,99,0.4);
		border: solid;
		border-width: 1px;
		border-color: rgba(44,55,66,0.2);
		border-top-left-radius: 7px;
		border-top-right-radius: 7px;
		border-bottom-left-radius: 7px;
		border-bottom-right-radius: 7px;
	}

@media print {


	html {
		overflow: visible !important;
		height: auto !important;
		max-height: none !important;
	}

	body {
		overflow: visible !important;
		height: auto !important;
		max-height: none !important;
	}



	.body-container {
		overflow: visible !important;
		height: auto !important;
		max-height: none !important;
	}


}






main {
	direction: rtl !important;
}


.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;
}

.navbar {
	margin-bottom: 0px !important;
}

.navbar-brand {
	font-size: 26px;
	font-weight: bold;
}

a.nav-link {
	/*font-family: 'Vazirmatn' !important;*/
	font-weight: bold;
	color: #b1b1b1;
	border-bottom: 5px solid white;
}



.dropdown-toggle::after {
	display: none !important;
}


.app-font {
	/*font-family: 'Vazirmatn' !important;*/
}

.header {
	border-bottom: 1px solid rgba(7, 88, 117, 0.3);
	filter: drop-shadow(0 0 20px rgba(150, 150, 170, 0.4));
}

a.dropdown-item {
	/*font-family: 'Vazirmatn' !important;*/
	direction: rtl;
	text-align: right;
	font-weight: bold;
}

.banner {
	background-color: #fcfcfc;
}

.banner-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	animation: float 6s ease-in-out infinite;
}

	.banner-wrapper img {
		max-width: 90%;
		max-height: 360px;
	}



.hero {
	background: #020024;
	background: linear-gradient(151deg,rgba(2, 0, 36, 1) 0%, rgba(9, 54, 121, 1) 35%, rgba(7, 88, 117, 1) 100%);
	/*background-color: #0c1338;*/
	color: white;
	font-size: 34px;
	font-weight: bold;
	filter: drop-shadow(0 0 20px rgba(20, 20, 40, 0.6));
	z-index: 2000;
}



	.hero div {
		/*font-family: 'Vazirmatn' !important;*/
	}

	.hero h2 {
		color: rgba(255, 255, 255, 0.5);
		font-size: 18px;
	}


	.hero h4 {
		color: rgba(255, 255, 255, 0.5);
		/*color: #ee8c00;*/
		font-size: 16px;
	}


#services {
	scroll-margin-top: 90px;
}


.services {
	background: #eebb44;
	font-weight: bold;
	filter: drop-shadow(0 0 20px rgba(150, 150, 170, 0.4));
	margin-top: 0px;
	z-index: 200;
}



	.services div {
		/*font-family: 'Vazirmatn' !important;*/
	}


	.services p {
		font-size: 16px;
		/*font-family: 'Vazirmatn' !important;*/
	}


	.services h2 {
		/*font-family: 'Vazirmatn' !important;*/
		color: rgba(9, 54, 121, 1);
		font-size: 36px;
	}


	.services h4 {
		/*font-family: 'Vazirmatn' !important;*/
		color: rgba(9, 54, 121, 1);
		/*color: #ee8c00;*/
		font-size: 26px;
	}


	.services h5 {
		/*font-family: 'Vazirmatn' !important;*/
		color: rgba(9, 54, 121, 0.6);
		/*color: #ee8c00;*/
		font-size: 15px;
		font-weight: bold;
	}



	.services ul {
		/*font-family: 'Vazirmatn' !important;*/
		padding: 0px;
		width: 100%;
	}



	.services li {
		/*font-family: 'Vazirmatn' !important;*/
		width: 100%;
		color: rgb(120, 120, 120);
		padding: 4px;
		border-bottom: 1px solid #dddddd;
	}

		.services li:hover {
			background: #f9f9f9;
		}

	.services .card {
		border-radius: 10px;
		filter: drop-shadow(5px 5px 5px rgba(36, 36, 50, 0.5));
	}

#consultancy {
	scroll-margin-top: 90px;
}

.consultancy {
	/*background: #ccdddd;*/
	background: #FFFFEE;
	background: linear-gradient(159deg,rgba(255, 255, 238, 1) 0%, rgba(177, 204, 204, 1) 94%);
}

consultancy-image-section {
	/*display: flex;*/
	/*flex-direction: column;*/
	vertical-align: top;
	align-items: flex-start;
}

.consultancy img {
	filter: drop-shadow(5px 10px 10px rgba(36, 36, 50, 0.7));
}

.consultancy .lead {
	font-weight: bold;
}


.consultancy-explain {
	text-align: right;
	text-justify: inter-word;
	color: black;
}

.footer[b-dt6mxx58oy],
.footer {
	position: initial !important;
	margin: 0px;
	line-height: 37px;
}


.footer-first {
	display: flex;
	flex-direction: column;
}

.footer-logo {
	border: none;
	border-radius: 7px;
}


.footer-brand {
	color: white;
	font-size: 26px;
	font-weight: bold;
	text-decoration: none;
	margin-right: 0px;
}


.footer-explain {
	color: rgba(150, 150, 150, 0.8);
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-wrap: wrap;
	line-height: 30px;
	padding-left: 20px;
	margin-top: 15px;
}

.footer h5 {
	color: #eebb44;
	font-weight: bold;
}

.footer ul {
	margin: 0px !important;
	padding: 0px !important;
}

.footer li {
	margin: 0px !important;
	padding: 0px !important;
}

.footer i {
	color: #eebb44;
	margin-left: 5px;
}

.contact-us {
	background: #404b58;
	background-position: top;
	background-size: 100%;
	background-repeat: no-repeat;
}

.contact-us-info {
	background: #EEEEDD;
	background: linear-gradient(125deg,rgba(238, 238, 221, 1) 0%, rgba(253, 219, 141, 1) 84%);
	border: none;
	border-radius: 15px;
	opacity: 0.55;
}


.contact-us-panel {
	background: #EEEEDD;
	background: linear-gradient(125deg,rgba(238, 238, 221, 1) 0%, rgba(253, 219, 141, 1) 84%);
	border: none;
	border-radius: 15px;
	opacity: 0.93;
	filter: drop-shadow(0 0 20px rgba(36, 36, 68, 1));
}



.contact-us button {
	background-color: rgba(20, 60, 117, 0.9);
	color: white;
	border: none;
	border-radius: 7px;
	padding: 10px;
}


.contact-us h3 {
	color: rgba(9, 54, 121, 1);
	font-weight: bold;
}

.contact-us h6 {
	/*color: rgba(9, 54, 121, 1);*/
	font-weight: bold;
}


.map-container iframe {
	width: 100%;
	height: 400px;
	border: 0;
}


@media (max-width: 436px) {
	a .nav-link:hover {
		color: #004daa !important;
		border-bottom: 5px solid white;
		background-color: #eeeeee;
	}


	.contact-us {
		/*background: #AAAAAA;*/
		background-position: 70% 0%;
		background-size: 480%;
		background-repeat: no-repeat;
	}


	.contact-us-info {
		opacity: 0.8;
	}
}


@media (min-width: 436px) and (max-width: 478px) {
	a .nav-link:hover {
		color: #004daa !important;
		border-bottom: 5px solid white;
		background-color: #eeeeee;
	}


	.contact-us {
		/*background: #AAAAAA;*/
		background-position: 73% 0%;
		background-size: 410%;
		background-repeat: no-repeat;
	}

	.contact-us-info {
		opacity: 0.8;
	}
}


@media (min-width: 478px) and (max-width: 576px) {
	a .nav-link:hover {
		color: #004daa !important;
		border-bottom: 5px solid white;
		background-color: #eeeeee;
	}


	.contact-us {
		/*background: #AAAAAA;*/
		background-position: 74% 0%;
		background-size: 375%;
		background-repeat: no-repeat;
	}
}


@media (min-width: 576px) and (max-width: 768px) {
	a .nav-link:hover {
		color: #004daa !important;
		border-bottom: 5px solid white;
		background-color: #eeeeee;
	}


	.contact-us {
		/*background: #AAAAAA;*/
		background-position: top left 60%;
		background-size: 180%;
		background-repeat: no-repeat;
	}
}


@media (min-width: 768px) and (max-width: 992px) {
	a .nav-link:hover {
		color: #004daa !important;
		border-bottom: 5px solid white;
		background-color: #eeeeee;
	}


	.contact-us {
		/*background: #AAAAAA;*/
		background-position: top;
		background-size: 140%;
		background-repeat: no-repeat;
	}
}


@media (min-width: 992px) and (max-width: 1024px) {

	a .nav-link:hover {
		color: #004daa !important;
		border-bottom: 5px solid white;
		background-color: #eeeeee;
	}


	.contact-us {
		/*background: #AAAAAA;*/
		background-position: top left;
		background-size: 110%;
		background-repeat: no-repeat;
	}
}

@media (min-width: 1024px) and (max-width: 1200px) {

	a .nav-link:hover {
		color: #004daa !important;
		border-bottom: 5px solid white;
		background-color: #eeeeee;
	}


	.contact-us {
		/*background: #AAAAAA;*/
		background-position: top left;
		background-size: 110%;
		background-repeat: no-repeat;
	}
}



@media (min-width: 1200px) {

	a .nav-link:hover {
		color: #004daa !important;
		border-bottom: 5px solid white;
		background-color: #eeeeee;
	}


	.contact-us {
		/*background: #AAAAAA;*/
		background-position: 0 0;
		background-size: 100%;
		background-repeat: no-repeat;
	}
}





@media (min-width: 992px) and (max-width: 1200px) {


	a.nav-link:hover {
		color: #004daa !important;
		border-bottom: 5px solid #eebb44;
	}


	.navbar .dropdown-menu {
		border-top: 5px solid #eebb44;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		margin-top: 0;
		transition: 0.2s ease;
	}

	.navbar .dropdown:hover .dropdown-menu {
		display: block;
	}



	.dropdown-toggle {
		pointer-events: none;
	}
}


/*==================================================================================*/


.articles-section {
	background: #EEEEDD;
	background: linear-gradient(125deg,rgba(238, 238, 221, 1) 0%, rgba(109, 161, 201, 1) 94%);
}


	.articles-section h2 {
		color: black;
		font-size: 36px;
	}


	.articles-section h3 {
		color: #666666;
		font-size: 20px;
	}


	.articles-section h4 {
		color: #666666;
		font-size: 15px;
		font-weight: bold;
	}


.section-divider {
	width: 120px;
	height: 5px;
	background: #efb222;
	/*background: #C7A750;*/
	border-radius: 10px;
}

.article-card {
	transition: .3s;
}

.article-link {
	text-decoration: none;
}

.article-image {
	position: relative;
	width: 100%;
	aspect-ratio: 1.618 / 1;
	border-radius: 16px;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	box-shadow: 0 5px 20px rgba(0,0,0,.08);
}

.article-overlay {
	position: absolute;
	inset: 0;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	padding: 20px;
	padding-bottom: 5px;
	background: linear-gradient( to top, rgba(10,37,64,.92) 0%, rgba(10,37,64,.70) 35%, rgba(10,37,64,0) 45% );
	transition: all .45s ease;
}

.article-title {
	color: #fff;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	margin: 0;
	transition: all .45s ease;
}

.article-image:hover .article-overlay {
	background: rgba(10,37,64,.92);
	align-items: center;
}

.article-image:hover .article-title {
	transform: translateY(-10px);
}

.article-meta {
	padding-top: 12px;
	color: #6c757d;
	font-size: .9rem;
	text-align: center;
}

	.article-meta i {
		color: #C7A750;
		margin-left: 6px;
	}

.article-meta,
.bi-calendar3 {
	color: #041723 !important;
	opacity: 1 !important;
	padding: 4px;
}

@media (max-width:992px) {
	.article-title {
		font-size: 1.1rem;
		line-height: 1.4;
	}


	.article-overlay {
		padding: 12px;
		padding-bottom: 20px;
	}
}




/* =====================================================
   FAQ - DESKTOP FIRST
   Desktop: >= 993px
===================================================== */

.faq-section {
	padding: 50px 0;
	/*	background: #FFFFEE;
	background: linear-gradient(137deg,rgba(255, 255, 238, 1) 0%, rgba(211, 213, 219, 1) 94%);*/
	/*background: #FFFFEE;
	background: linear-gradient(137deg,rgba(255, 255, 238, 1) 0%, rgba(161, 172, 204, 1) 94%);*/
	/*	background: #000224;
	background: linear-gradient(314deg,rgba(0, 2, 36, 1) 0%, rgba(10, 47, 79, 1) 45%, rgba(97, 145, 153, 1) 100%);*/
	/*background: #FDBB2D;
	background: radial-gradient(circle, rgba(253, 187, 45, 1) 0%, rgba(245, 221, 174, 1) 82%); */
	background: #577899;
	background: radial-gradient(circle, rgba(87, 120, 153, 1) 0%, rgba(37, 80, 117, 1) 82%);
}

.section-header {
	text-align: center;
	margin-bottom: 50px;
}

	.section-header h2 {
		font-size: 2.2rem;
		font-weight: 700;
		margin-bottom: 12px;
		color: white;
	}

	.section-header h3 {
		font-size: 1.4rem;
		color: #fbd043;
	}

	.section-header h4 {
		font-size: 1rem;
		/*color: #fbe083;*/
		color: #aaaaaa;
	}

.faq-list {
	max-width: 900px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.faq-item {
	width: 100%;
	min-height: 84px;
	padding: 24px 32px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: rgba(255, 255, 255, 0.2);
	/*border: 1px solid #ececec;*/
	border: none;
	border-radius: 18px;
	cursor: pointer;
	transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
	color: rgba(10,37,64,.92);
}

	.faq-item:hover {
		transform: translateY(-4px);
		border-color: #d8d8d8;
		background: rgba(255, 255, 255, 0.47);
		box-shadow: 5px 5px 5px rgba(0,0,0,.5);
	}

	.faq-item span {
		font-size: 1.2rem;
		font-weight: bold;
	}

	.faq-item i {
		font-size: 1rem;
		opacity: .55;
		transition: transform .3s ease, opacity .3s ease;
	}


	.faq-item:hover i {
		transform: translateX(-4px);
		opacity: .8;
	}

/* ==========================
   MODAL - DESKTOP
========================== */

.faq-modal-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,.5);
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	visibility: hidden;
	transition: opacity .4s ease, visibility .4s ease;
	z-index: 9999;
}

	.faq-modal-overlay.active {
		opacity: 1;
		visibility: visible;
	}

.faq-modal {
	width: min(90%, 760px);
	background: #fff;
	border-radius: 24px;
	padding: 42px;
	position: relative;
	box-shadow: 0 30px 80px rgba(0,0,0,.18);
	transform: scale(.96) translateY(10px);
	opacity: 0;
	transition: transform .45s cubic-bezier(.22,1,.36,1), opacity .45s ease;
}

.faq-modal-overlay.active .faq-modal {
	transform: scale(1) translateY(0);
	opacity: 1;
}

.faq-modal h3 {
	font-size: 1.7rem;
	margin-bottom: 28px;
	line-height: 1.6;
}

.modal-content p {
	font-size: 1rem;
	line-height: 2.2;
	color: #555;
}

.close-modal {
	position: absolute;
	top: 24px;
	left: 24px;
	width: 44px;
	height: 44px;
	border: none;
	border-radius: 50%;
	background: #f3f3f3;
	cursor: pointer;
	transition: all .3s ease;
}

	.close-modal:hover {
		background: #e8e8e8;
	}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 992px) {

	.faq-section {
		padding: 80px 0;
	}

	.section-header h2 {
		font-size: 1.9rem;
	}

	.faq-item {
		min-height: 76px;
		padding: 20px 24px;
	}

		.faq-item span {
			font-size: 1rem;
		}

	.faq-modal {
		width: min(92%, 700px);
		padding: 34px;
	}

		.faq-modal h3 {
			font-size: 1.45rem;
		}
}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 768px) {

	.faq-section {
		padding: 60px 0;
	}

	.section-header {
		margin-bottom: 30px;
	}

		.section-header h2 {
			font-size: 1.5rem;
		}

		.section-header p {
			font-size: .95rem;
		}

	.faq-list {
		gap: 12px;
	}

	.faq-item {
		min-height: auto;
		padding: 18px;
		border-radius: 14px;
	}

		.faq-item span {
			font-size: .95rem;
			line-height: 1.8;
		}

	/* Bottom Sheet */

	.faq-modal-overlay {
		align-items: flex-end;
		padding: 0;
	}

	.faq-modal {
		width: 100%;
		max-height: 85vh;
		overflow-x: hidden;
		overflow-y: scroll;
		border-radius: 24px 24px 0 0;
		padding: 28px 22px;
		transform: translateY(40px);
	}

	.faq-modal-overlay.active .faq-modal {
		transform: translateY(0);
	}

	.faq-modal h3 {
		font-size: 1.2rem;
		padding-left: 42px;
	}

	.modal-content p {
		font-size: .95rem;
	}

	.close-modal {
		width: 38px;
		height: 38px;
		top: 16px;
		left: 16px;
	}
}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width: 480px) {

	.section-header h2 {
		font-size: 1.3rem;
	}

	.faq-item span {
		font-size: .9rem;
	}

	.faq-modal {
		padding: 24px 18px;
	}

		.faq-modal h3 {
			font-size: 1.05rem;
		}

	.modal-content p {
		font-size: .9rem;
	}
}


.fa-umbraco {
	direction: rtl !important;
}




/*=================================================================================================================*/





/* =====================================================
   regulations - DESKTOP FIRST
   Desktop: >= 993px
===================================================== */

.regulations-section {
	padding: 50px 0;
	background: linear-gradient( 135deg, #1E3A5F 0%, #274C77 50%, #355C7D 100% );
}

.section-header {
	text-align: center;
	margin-bottom: 50px;
}

	.section-header h2 {
		font-size: 2.2rem;
		font-weight: 700;
		margin-bottom: 12px;
		color: white;
	}

	.section-header p {
		font-size: 1.4rem;
		color: #fbd043;
	}

.regulations-list {
	max-width: 900px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.regulations-item {
	width: 100%;
	min-height: 84px;
	padding: 24px 32px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid #ececec;
	border: none;
	border-radius: 18px;
	cursor: pointer;
	transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
	color: rgba(10,37,64,.92);
}

	.regulations-item:hover {
		transform: translateY(-4px);
		border-color: #d8d8d8;
		background: rgba(255, 255, 210, 1);
		box-shadow: 5px 5px 5px rgba(0,0,0,.5);
	}

	.regulations-item span {
		font-size: 1.05rem;
		font-weight: 500;
	}

	.regulations-item i {
		font-size: 1rem;
		opacity: .55;
		transition: transform .3s ease, opacity .3s ease;
	}


	.regulations-item:hover i {
		transform: translateX(-4px);
		opacity: .8;
	}

/* ==========================
   MODAL - DESKTOP
========================== */

.regulations-modal-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,.5);
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	visibility: hidden;
	transition: opacity .4s ease, visibility .4s ease;
	z-index: 9999;
}

	.regulations-modal-overlay.active {
		opacity: 1;
		visibility: visible;
	}



.regulations-modal {
	width: min(90%, 760px);
	background: #fff;
	border-radius: 24px;
	padding: 42px;
	position: relative;
	box-shadow: 0 30px 80px rgba(0,0,0,.18);
	transform: scale(.96) translateY(10px);
	opacity: 0;
	transition: transform .45s cubic-bezier(.22,1,.36,1), opacity .45s ease;
}



	.regulations-modal::-webkit-scrollbar {
		width: 15px !important;
		background-color: transparent;
	}

	.regulations-modal::-webkit-scrollbar-thumb {
		background-color: rgba(44,66,99,0.4);
		border: solid;
		border-width: 1px;
		border-color: rgba(44,55,66,0.2);
		border-top-left-radius: 7px;
		border-top-right-radius: 7px;
		border-bottom-left-radius: 7px;
		border-bottom-right-radius: 7px;
	}



.regulations-modal-overlay.active .regulations-modal {
	transform: scale(1) translateY(0);
	opacity: 1;
}

.regulations-modal h3 {
	font-size: 1.7rem;
	margin-bottom: 28px;
	line-height: 1.6;
}

.modal-content p {
	font-size: 1rem;
	line-height: 2.2;
	color: #555;
}

.close-modal {
	position: absolute;
	top: 24px;
	left: 24px;
	width: 44px;
	height: 44px;
	border: none;
	border-radius: 50%;
	background: #f3f3f3;
	cursor: pointer;
	transition: all .3s ease;
}

	.close-modal:hover {
		background: #e8e8e8;
	}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 992px) {

	.regulations-section {
		padding: 80px 0;
	}

	.section-header h2 {
		font-size: 1.9rem;
	}

	.regulations-item {
		min-height: 76px;
		padding: 20px 24px;
	}

		.regulations-item span {
			font-size: 1rem;
		}

	.regulations-modal {
		width: min(92%, 700px);
		padding: 34px;
	}

		.regulations-modal h3 {
			font-size: 1.45rem;
		}
}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 768px) {

	.regulations-section {
		padding: 60px 0;
	}

	.section-header {
		margin-bottom: 30px;
	}

		.section-header h2 {
			font-size: 1.5rem;
		}

		.section-header p {
			font-size: .95rem;
		}

	.regulations-list {
		gap: 12px;
	}

	.regulations-item {
		min-height: auto;
		padding: 18px;
		border-radius: 14px;
	}

		.regulations-item span {
			font-size: .95rem;
			line-height: 1.8;
		}

	/* Bottom Sheet */

	.regulations-modal-overlay {
		align-items: flex-end;
		padding: 0;
	}

	.regulations-modal {
		width: 100%;
		max-height: 85vh;
		overflow-x: hidden;
		overflow-y: scroll;
		border-radius: 24px 24px 0 0;
		padding: 28px 22px;
		transform: translateY(40px);
	}

		.regulations-modal::-webkit-scrollbar {
			width: 0px !important;
			background-color: transparent;
		}


	.regulations-modal-overlay.active .regulations-modal {
		transform: translateY(0);
	}

	.regulations-modal h3 {
		font-size: 1.2rem;
		padding-left: 42px;
	}

	.modal-content p {
		font-size: .95rem;
	}

	.close-modal {
		width: 38px;
		height: 38px;
		top: 16px;
		left: 16px;
	}
}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width: 480px) {

	.section-header h2 {
		font-size: 1.3rem;
	}

	.regulations-item span {
		font-size: .9rem;
	}

	.regulations-modal {
		padding: 24px 18px;
	}

		.regulations-modal h3 {
			font-size: 1.05rem;
		}

	.modal-content p {
		font-size: .9rem;
	}
}