* {
	box-sizing: border-box;
}

:root {
	/* Bg Colors */
	--bg-e0: #e0e0e0;
	--bg-f1: #f1f1f1;
	--bg-f5: #f5f5f5;
	--bg-ff: #fff;

	/* Dark Colors */
	--dark-0: #1c1c28;
	--dark-2: #555770;
	--dark-3: #8f90a6;
	--dark-4: #00000000;
	--dark-5: #28293d;

	/* Others Colors */
	--others-gray: rgba(194, 194, 194, 0.5);
	--others-lemon: #fcfcd4;
	--others-snow: #e6f4f1;

	--primary-main: #00c4d8;

	--primary-light-1: #007f5f;
	--primary-light-2: #328b6e;
	--primary-light-3: #4d987d;
	--primary-light-4: #65a58c;
	--primary-light-5: #7cb19c;
	--primary-light-6: #bdd8cc;
	--primary-light-7: #e9f2ee;
	--Primary-Lighter--: #5D6C93;

	--primary-dark-0: #28293d;
	--primary-dark-1: #093127;
	--primary-dark-2: #062820;
	--primary-dark-3: #042019;
	--primary-dark-4: #031812;
	--primary-dark-5: #02100c;

	--secondary-light-1: #0056a3;
	--secondary-light-2: #2867ad;
	--secondary-light-3: #4278b7;
	--secondary-light-4: #ffcf77;
	--secondary-light-5: #7199ca;
	--secondary-light-6: #fff8ed;
	--secondary-light-7: #e7eef7;

	--secondary-dark-1: #dea003;
	--secondary-dark-2: #be8802;
	--secondary-dark-3: #9e7101;
	--secondary-dark-4: #805b01;
	--secondary-dark-5: #634500;

	--secondary-darker: #005c81;

	/* System Colors */

	--system-red-2: #ff5c5c;
	--system-red-3: #ff8080;
	--system-red-4: #ffe5e5;

	--text-bg-red-0: #ff3b3b;
	--text-bg-red-1: #ff5c5c;
	--text-bg-red-2: #ff8080;
	--text-bg-red-3: #ffe5e5;

	/* --system-green-0: #007F5F; */
	--system-green-0: #06c270;
	--system-green-1: #39d98a;
	--system-green-2: #57eba1;
	--system-green-3: #e3fff1;

	--stroke-orange-0: #ff8800;

	--system-orange-1: #fdac42;
	--system-orange-2: #fccc75;
	--system-orange-3: #fff8e5;

	/* --system-blue-0: #004A8D; */
	--system-blue-0: #0063f7;
	--system-blue-1: #5b8def;
	--system-blue-2: #9dbff9;
	--system-blue-3: #e5f0ff;

	--system-purple-0: #6600cc;
	--system-purple-1: #ac5dd9;
	--system-purple-2: #dda5e9;
	--system-purple-3: #ffe5ff;

	--system-teal-0: #00cfde;
	--system-teal-1: #73dfe7;
	--system-teal-2: #a9eff2;
	--system-teal-3: #e5ffff;

	--system-yellow-1: #fc0;
	--system-yellow-2: #fddd48;
	--system-yellow-3: #fded72;
	--system-yellow-4: #ffcc00;
	--system-yellow-5: #fffee5;

	--system-light-0: #e4e4eb;

	--text-bg-dark-0: #1e1e1e;
	--text-bg-dark-1: #313131;
	--text-bg-dark-2: #444444;
	--text-bg-dark-3: #606060;
	--text-bg-dark-4: #6f6f6f;

	--text-bg-light-0: #a4a4a4;
	--text-bg-light-1: #e9e9e9;
	--text-bg-light-2: #f1f1f1;
	--text-bg-light-3: #f5f5f5;
	--text-bg-light-4: #ffffff;

	--text-color-0: #28293d;
	--text-color-1: #313131;
	--text-color-2: #444444;
	--text-color-3: #606060;
	--text-color-4: #6f6f6f;
	--text-color-5: #bcbcbc;

	/* New Color*/

	--Others-Genoa-Alternative: #357971;
	--Others-Gray-50: rgba(30, 30, 30, 0.5);
	--Others-Mariner-Monochromatic: #44739c;
	--Primary-Darker: #1f2b48;
	--Primary-Lighter: #5d6c93;
	--Primary-Main-Color: #354879;
	--Primary-Subtle: #c2c8d6;
	--Secendry-Darker: #454546;
	--Secendry-Lighter: #ababac;
	--Secendry-Main-Color: #737476;
	--Secendry-Subtle: #d5d5d5;
	--Gray--50: rgba(30, 30, 30, 0.50);
	--Dark-Dark-5: rgba(194, 194, 194, 0.50);




	/* Stroke Colors */
	--stroke-dark: #425e6d;
	--stroke-light: #e4e4eb;
	--stroke-red: #ff3b3b;
	--stroke-green: #06c270;
	--stroke-blue: #0063f7;
	--stroke-orange: #ff8800;
	--stroke-teal: #00cfde;
	--stroke-purple: #6600cc;

	/* Radius */

	--radius-8: 0.5rem;
	--radius-12: 0.75rem;
	--radius-16: 0 1rem 1rem 0;
	--radius-36: 2.25rem;
	--radius-24: 1.5rem;
	--radius-56: 3.5rem;
	--Corner-Radius-16: 1rem;
	/*shadow */
	--light-shadow-3: 0px 0px 2px 0px rgba(40, 41, 61, 0.04),
		0px 4px 8px 0px rgba(96, 97, 112, 0.16);
	--light-shadow-2: 0px 0px 1px 0px rgba(40, 41, 61, 0.04),
		0px 2px 4px 0px rgba(96, 97, 112, 0.16);

	/*gradient*/
}

/* Color Classes */
.color-primary-main-color {
	color: var(--Primary-Main-Color);
}

.color-primary-main {
	color: var(--primary-main);
}

.color-primary-darker {
	color: var(--primary-darker);
}

.color-primary-lighter {
	color: var(--primary-lighter);
}

.color-primary-subtle {
	color: var(--primary-subtle);
}

.color-secondary-main {
	color: var(--secondary-main);
}

.color-secondary-darker {
	color: var(--secondary-darker);
}

.color-secondary-lighter {
	color: var(--secondary-lighter);
}

.color-secondary-subtle {
	color: var(--secondary-subtle);
}

.color-dark-0 {
	color: var(--dark-0);
}

.color-text-dark-0 {
	color: var(--text-dark-0);
}

.color-text-dark-1 {
	color: var(--text-dark-1);
}

.color-text-dark-2 {
	color: var(--text-dark-2);
}

.color-text-dark-3 {
	color: var(--text-dark-3);
}

.color-text-dark-4 {
	color: var(--text-dark-4);
}

.color-text-light-0 {
	color: var(--text-light-0);
}

.color-text-light-1 {
	color: var(--text-light-1);
}

.color-text-light-2 {
	color: var(--text-light-2);
}

.color-text-light-3 {
	color: var(--text-light-3);
}

.color-text-light-4 {
	color: var(--text-light-4);
}

.color-system-red-0 {
	color: var(--system-red-0);
}

.color-system-green-0 {
	color: var(--system-green-0);
}

.color-system-orange-0 {
	color: var(--system-orange-0);
}

.color-system-blue-0 {
	color: var(--system-blue-0);
}

.color-system-purple-0 {
	color: var(--system-purple-0);
}

.color-system-teal-0 {
	color: var(--system-teal-0);
}

.color-secondary-light-1 {
	color: var(--secondary-light-1);
}

.coloe-text-color-3 {
	color: var(--text-color-3);
}

.color-primary-light-4 {
	color: var(--primary-light-4);
}

.color-text-bg-dark-0 {
	color: var(--text-bg-dark-0);
}

/* Background Color Classes */
.bg-primary-main {
	background-color: var(--primary-main);
}

.bg-primary-darker {
	background-color: var(--primary-darker);
}

.bg-primary-lighter {
	background-color: var(--primary-lighter);
}

.bg-primary-subtle {
	background-color: var(--primary-subtle);
}

.bg-secondary-main {
	background-color: var(--secondary-main);
}

.bg-secondary-darker {
	background-color: var(--secondary-darker);
}

.bg-secondary-lighter {
	background-color: var(--secondary-lighter);
}

.bg-secondary-subtle {
	background-color: var(--secondary-subtle);
}

.bg-text-dark-0 {
	background-color: var(--text-dark-0);
}

.bg-text-dark-1 {
	background-color: var(--text-dark-1);
}

.bg-text-light-0 {
	background-color: var(--text-light-0);
}

.bg-text-light-1 {
	background-color: var(--text-light-1);
}

.bg-text-light-2 {
	background-color: var(--text-light-2);
}

.bg-text-light-3 {
	background-color: var(--text-light-3);
}

.bg-text-light-4 {
	background-color: var(--text-light-4);
}

.bg-system-red-0 {
	background-color: var(--system-red-0);
}

.bg-system-red-1 {
	background-color: var(--system-red-1);
}

.bg-system-green-0 {
	background-color: var(--system-green-0);
}

.bg-text-light-4 {
	background: var(--text-bg-light-4);
}

.bg-secondary-light-1 {
	background-color: var(--secondary-light-1);
}

/* Border Color Classes */
.border-primary-main {
	border-color: var(--primary-main);
}

.border-primary-darker {
	border-color: var(--primary-darker);
}

.border-secondary-main {
	border-color: var(--secondary-main);
}

.border-secondary-lighter {
	border-color: var(--secondary-lighter);
}

.border-system-red-0 {
	border-color: var(--system-red-0);
}

.border-text-light-1 {
	border-color: var(--text-light-1);
}

/* Stroke Classes */
.stroke-dark {
	stroke: var(--stroke-dark);
}

.stroke-light {
	stroke: var(--stroke-light);
}

.stroke-red {
	stroke: var(--stroke-red);
}

.stroke-green {
	stroke: var(--stroke-green);
}

.stroke-blue {
	stroke: var(--stroke-blue);
}

.stroke-orange {
	stroke: var(--stroke-orange);
}

.stroke-teal {
	stroke: var(--stroke-teal);
}

.stroke-purple {
	stroke: var(--stroke-purple);
}

/*border radius*/
.b-radius-0 {
	border-radius: 0rem !important;
}

.b-radius-4 {
	border-radius: var(--b-radius-4);

	-webkit-border-radius: var(--radius-4) !important;
	-moz-border-radius: var(--radius-4) !important;
	-ms-border-radius: var(--radius-4) !important;
	-o-border-radius: var(--radius-4) !important;
}

.b-radius-8 {
	border-radius: var(--radius-8) !important;
	-webkit-border-radius: var(--radius-8) !important;
	-moz-border-radius: var(--radius-8) !important;
	-ms-border-radius: var(--radius-8) !important;
	-o-border-radius: var(--radius-8) !important;
}

.b-radius-12 {
	border-radius: var(--radius-12) !important;
	-webkit-border-radius: var(--radius-12) !important;
	-moz-border-radius: var(--radius-12) !important;
	-ms-border-radius: var(--radius-12) !important;
	-o-border-radius: var(--radius-12) !important;
}

.b-radius-16 {
	border-radius: var(--radius-16) !important;
	-webkit-border-radius: var(--radius-16) !important;
	-moz-border-radius: var(--radius-16) !important;
	-ms-border-radius: var(--radius-16) !important;
	-o-border-radius: var(--radius-16) !important;
}

.b-radius-24 {
	border-radius: var(--radius-24) !important;
	-webkit-border-radius: var(--radius-24) !important;
	-moz-border-radius: var(--radius-24) !important;
	-ms-border-radius: var(--radius-24) !important;
	-o-border-radius: var(--radius-24) !important;
}

.b-radius-38 {
	border-radius: var(--radius-38) !important;
	-webkit-border-radius: var(--radius-38) !important;
	-moz-border-radius: var(--radius-38) !important;
	-ms-border-radius: var(--radius-38) !important;
	-o-border-radius: var(--radius-38) !important;
}

.b-radius-57 {
	border-radius: var(--radius-57) !important;
	-webkit-border-radius: var(--radius-57) !important;
	-moz-border-radius: var(--radius-57) !important;
	-ms-border-radius: var(--radius-57) !important;
	-o-border-radius: var(--radius-57) !important;
}

.b-radius-circle {
	border-radius: 50% !important;
}

.b-radius-30 {
	border-radius: var(--radius-30);
}

.b-radius-20 {
	border-radius: var(--radius-20);
}

html {
	scroll-behavior: smooth;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	overflow-x: hidden;
}

* {
	scroll-margin-top: 0;
	scroll-behavior: smooth;

	@media (min-width: 760px) {
		scroll-margin-top: 0;
	}
}

.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -0.57rem;
	margin-right: -0.57rem;
	--bs-gutter-x: 1.14rem;
}

[class*="col-"] {
	padding-right: 0.57rem;
	padding-left: 0.57rem;
}

.container {
	max-width: calc(100% - 1.5rem) !important;

	width: 82.25rem;
	/* padding-right: 0.57rem !important;
  padding-left: 0.57rem !important; */
	margin-right: auto;
	margin-left: auto;
}

.container-fluid {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

input,
select {
	outline: none !important;
}

.text-right,
.align-right {
	text-align: right;
}

.text-center,
.align-center {
	text-align: center;
}

.text-left,
.align-left {
	text-align: left;
}

.p-sticky {
	position: sticky;
	top: 5.7rem;
	align-self: flex-start;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
}

.floating-active #headerrow-349356 {
	background-color: var(--Primary-Main-Color) !important;
}

#headerrow-349356 .Normal>a:hover,
#headerrow-349356 .dngTextBox a:hover,
#headerrow-349356 .hover-accent:hover,
#headerrow-349356 .Login a:hover,
#headerrow-349356 .Login a.active {
	color: var(--accent-color);
}

/****************************** img-slider ******************************/
.img-slider {
	position: relative;
	display: flex;
	width: 100%;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden;
	gap: 1rem;
	justify-content: space-between;
	vertical-align: middle;
	display: flex;
	align-items: center;

	img {
		display: block;
		width: 100% !important;
		object-fit: cover;
	}

	iframe {
		max-width: 100%;
	}

	p {
		text-align: justify;
	}

	.overly {
		width: 100%;
		height: 100%;
		background-color: var(--dark-0);
		position: absolute;
		opacity: 0.4;
	}

	.btn-request {
		position: absolute;
		transform: translateY(-50%);
		padding: 10px 20px;
		background-color: var(--Primary-Main-Color);
		color: var(--bg-ff);
		border: none;
		cursor: pointer;
		border-radius: 4px;
		font-size: 1rem;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 700;
		line-height: 1.75rem;
		display: inline;
	}

	.btn-download {
		background-color: var(--bg-ff);
		position: absolute;
		transform: translateY(-50%) !important;
		background-color: var(4);
		color: var(--bg-ff);
		border: none;
		cursor: pointer;
		border-radius: 4px;
		font-size: 1rem;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 700;
		line-height: 1.75rem;
		width: 3.25rem;
		height: 3.25rem;
		display: inline;
	}

	.btn-holder {
		position: absolute;
		top: 50%;
		right: 5rem;
		left: 0;

		.container {
			display: flex;
			align-items: center;
			justify-content: start;
			gap: 0.87rem;
		}

		.request-link {
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 0.57rem;
			/* height: 4rem; */
			padding: 1.1rem 1.2rem;
			background: var(--Primary-Main-Color);
			border-radius: var(--radius-8);
			box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
			text-decoration: none;
			-webkit-border-radius: var(--radius-8);
			-moz-border-radius: var(--radius-8);
			-ms-border-radius: var(--radius-8);
			-o-border-radius: var(--radius-8);

			.bullet-holder {
				position: relative;
				width: 22px;
				aspect-ratio: 1;
				display: flex;
				align-items: center;
				justify-content: center;
				flex-shrink: 0;

				.layer-1 {
					width: 5px;
					aspect-ratio: 1;
					border: solid 1px var(--White);
					border-radius: 50%;
					-webkit-border-radius: 50%;
					-moz-border-radius: 50%;
					-ms-border-radius: 50%;
					-o-border-radius: 50%;
					transition: all 0.3s ease;
					-webkit-transition: all 0.3s ease;
					-moz-transition: all 0.3s ease;
					-ms-transition: all 0.3s ease;
					-o-transition: all 0.3s ease;
					background-color: var(--White);
					overflow: hidden;
				}

				.layer-2 {
					position: absolute;
					top: 50%;
					right: 50%;
					width: 5px;
					aspect-ratio: 1;
					background-color: var(--White);
					border-radius: 50%;
					-webkit-border-radius: 50%;
					-moz-border-radius: 50%;
					-ms-border-radius: 50%;
					-o-border-radius: 50%;
					opacity: 0;
				}

				.layer-3 {
					position: absolute;
					top: 50%;
					right: 50%;
					width: 0;
					aspect-ratio: 1;
					border: solid 1px var(--White);
					border-radius: 50%;
					-webkit-border-radius: 50%;
					-moz-border-radius: 50%;
					-ms-border-radius: 50%;
					-o-border-radius: 50%;
					transition: all 0.3s ease;
					-webkit-transition: all 0.3s ease;
					-moz-transition: all 0.3s ease;
					-ms-transition: all 0.3s ease;
					-o-transition: all 0.3s ease;
					opacity: 0;
				}
			}

			.caption {
				color: var(--White);
				font-size: 1rem;
			}

			&:hover {
				.layer-1 {
					width: 100%;
					background-color: transparent;
				}

				.layer-2 {
					top: 9px;
					right: 9px;
					width: 4px;
					opacity: 1;
				}

				.layer-3 {
					top: 4px;
					right: 4px;
					width: 14px;
					opacity: 1;
				}
			}
		}

		.view-service {
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;
			height: 4rem;
			background: var(--White);
			border-radius: var(--radius-8);
			box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
			text-decoration: none;
			-webkit-border-radius: var(--radius-8);
			-moz-border-radius: var(--radius-8);
			-ms-border-radius: var(--radius-8);
			-o-border-radius: var(--radius-8);

			.icon-box {
				width: 4rem;
				aspect-ratio: 1;
				display: flex;
				align-items: center;
				justify-content: center;

				svg {
					width: 1.87rem;
					transition: all 0.3s ease;
					-webkit-transition: all 0.3s ease;
					-moz-transition: all 0.3s ease;
					-ms-transition: all 0.3s ease;
					-o-transition: all 0.3s ease;
				}
			}

			.caption {
				display: block;
				width: 0;
				overflow: hidden;
				color: var(--Primary-Main-Color);
				font-size: 1rem;
				opacity: 0;
				white-space: nowrap;
				transition: all 0.3s ease;
				-webkit-transition: all 0.3s ease;
				-moz-transition: all 0.3s ease;
				-ms-transition: all 0.3s ease;
				-o-transition: all 0.3s ease;
				text-align: center;
				font-weight: 200;
			}

			&:hover {
				.icon-box {
					svg {
						transform: rotate(45deg);
						-webkit-transform: rotate(45deg);
						-moz-transform: rotate(45deg);
						-ms-transform: rotate(45deg);
						-o-transform: rotate(45deg);
					}
				}

				.caption {
					width: 7.1rem;
					opacity: 1;
					padding-right: 10px;
				}
			}
		}
	}
}

/* .search-popup-box .color-dark a.search:before {
  transform: rotate(316deg) !important;
} */

a,
a:visited {
	text-decoration: none !important;
}

/****************************** footer menu **************************************************/


.footer-top {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	padding: 1rem 5rem;
	width: 100%;
	margin-bottom: -3rem;

	.title-footer {
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 200;
		line-height: 1.75rem;
		color: var(--text-bg-dark-2);
	}


	.text-footer-top {
		align-self: center;
	}

	.form-footer {
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 700;
		line-height: 1.75rem;
		color: var(--text-bg-dark-0);
	}

	.btn-footer-top {
		text-align: end;
		align-self: center;

		.btn-footer {
			left: 0;
			background-color: var(--system-blue-0);
			border: none;
			color: var(--bg-ff);
			border-radius: var(--radius-8);
			vertical-align: middle;
			align-self: center;
			padding: 0.5rem 1rem;
			font-size: 0.875rem;
			font-style: normal;
			font-weight: 200;
			line-height: 1.75rem;
		}
	}
}

.linkitem {
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 200;
	line-height: 3rem;
}

.footer.footer .dngTextBox,
.footer-logoin {
	display: block !important;
}

#row-514475,
#row-514475 .Normal {
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 200;
	line-height: 3rem;
}

.contact-us-footer {
	svg {
		height: 1.25rem;
		width: 1.25rem;
		stroke: #0063f7;
		vertical-align: middle;
		margin-left: 0.57rem;
	}

	strong {
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 700;
		line-height: 1.75rem;
	}

	span {
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 200;
		line-height: 1.75rem;
	}
}

/************************************** title-Expertise **************************************/
.title-Expertise {
	display: flex;
	justify-content: end;
	flex-direction: column;

}

.bold-title {
	font-size: 3.75rem;
	font-style: normal;
	font-weight: bold;
	line-height: 3.625rem;
	text-align: left !important;
	color: var(--Secendry-Main-Color);
}

.strong-txt {
	color: var(--Primary-Main-Color);
	padding-left: 6px;
	font-weight: bold;
}

.sub-Expertise {
	font-size: 2.25rem;
	font-style: normal;
	font-weight: 100;
	line-height: 5.625rem;
	text-align: left !important;
	color: var(--Secendry-Main-Color);
}

.span-txt {
	color: var(--Primary-Main-Color);
	padding-left: 6px;
	font-size: 2.25rem;
	font-style: normal;
	font-weight: 100;
}

@media (max-width:480px) {
	.title-Expertise .bold-title {
		font-size: 2.5rem;
	}

	.sub-Expertise {
		font-size: 2.5rem;
	}
}

@media (max-width:768px) {
	.title-Expertise .bold-title {
		font-size: 2.5rem;
	}

	.sub-Expertise {
		font-size: 2.5rem;
	}
}

/*********************************** summary-expertise **************************************/
.text-summary-expertise {
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2rem;
	color: var(--text-bg-dark-0);
}

/****************************************  description-expertise ****************************************************/
.title-description-expertise {
	color: var(--dark-0);
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.75rem;
}

.title-description-expertise::after {
	content: "+";
	font-weight: normal;
	color: var(--dark-0);
	user-select: none;
	font-size: 1.5rem;
	opacity: 1;
	vertical-align: middle;
	margin-right: 1rem;
}

.text-description-expertise {
	color: var(--dark-0);
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 100;
	line-height: 1.75rem;
}

.text-description-expertise>strong {
	font-weight: 900 !important;
}

/*******************contact-us Begin****************/

/***** شروع -نیاز به جابه جایی نداره*****/
.contact-us-page {
	margin-top: 5rem;
	margin-bottom: 2.75rem;

	p {
		line-height: 0.5rem;
	}

	.top-content {
		text-align: left;

		.h1-title {
			font-size: 3.75rem;
			font-weight: 900;
		}

		.span-title {
			font-size: 2.25rem;
			font-weight: 700;
		}
	}

	.contact-info {
		color: #000;

		.plus {
			width: 0.75rem;
			height: 0.75rem;
			stroke: var(--Primary-Main-Color);
		}

		.item {
			svg {
				width: 1.25rem;
				height: 1.25rem;
				stroke: var(--system-blue-0);
			}

			.social {
				width: 1.125rem;
				height: 1.125rem;
				stroke: var(--text-bg-dark-0);
			}

			.data {
				color: var(--Gray--50);
				direction: ltr;
				text-align: center;
				
			}
		}

		.info-items {
			margin-top: 1.75rem;
		}
	}

	.map-box {
		margin-top: 2.5rem;
		display: block;
		max-width: 100%;
	}
}

.contact-us-pic {

	img {
		border-radius: 1rem;
	}

}

@media(max-width:1290px) {
	.contact-us-page {
		p {
			line-height: 1.5rem;
		}
	}
}



.dnnFormSectionHead {
	svg {
		stroke: #000;
		width: 1rem;
		height: 1rem;
	}
}

.dnnFormItem input[type="text"],
.dnnFormItem textarea {
	background: var(--bg-ff);
	border: 1px solid #E9E9E9;
	-webkit-border-radius: 0.75rem;
	border-radius: 0.75rem;
	box-shadow: none;
}

span.dnnFormRequired:after {
	display: none !important;
}

.dnnForm.FeedbackForm .dnnFormItem INPUT,
.dnnForm.FeedbackForm .dnnFormItem TEXTAREA,
.dnnFormItem textarea {
	width: 100% !important;
	max-width: 100%;
}

.dnnForm.FeedbackForm .dnnFormItem .dnnLabel {
	transition: all 0.3s ease;
	position: absolute;
	background-color: var(--bg-ff);
	pointer-events: none;
	transform: translateY(8%);
	color: #000;
	display: inline-block;
	width: auto !important;
	white-space: nowrap;
	margin-right: 0.75rem !important;

	&.active {

		transform: translateY(-65%);

	}

}

.dnnPrimaryAction,
a.dnnPrimaryAction,
.dnnPrimaryAction:hover,
a.dnnPrimaryAction:hover {

	text-shadow: none;
	color: var(--text-bg-light-4) !important;
	background-color: var(--system-green-0) !important;
	border-radius: var(--radius-8);
	background: none;
	box-shadow: none;
	border: none;
	padding: 0.5rem 0.75rem;
}

.dnnActions {
	float: left;
}

.dnnForm fieldset {
	margin-bottom: 0;
}

/***** پایان -نیاز به جابه جایی نداره*****/
/*******************contact-us End****************/


/*******************Event Detail Begin****************/


/******************** JobResume ******************/
.JobResumeParrent,
.RegistrationParrent {
	margin-top: 5rem;
}

.JobResumeParrent .ResumeTitle svg,
.RegistrationParrent .ResumeTitle svg,
.InternshipParrent .InternshipTitle svg {
	stroke: var(--Primary-Main-Color);
	max-width: 1.12rem;
	height: 1.12rem;
}

.JobResumeParrent input {
	background: transparent !important;
}

.JobResumeParrent .selectize-input {
	background: transparent !important;
}

.JobResumeParrent input::placeholder,
.InternshipParrent input::placeholder {
	font-weight: 700;
	color: var(--text-bg-dark-0) !important;
}

.InternshipParrent label {
	font-weight: 700;
	color: var(--text-bg-dark-0) !important;
}

/***********************Hotspot***********************/

.TooltipBox {
	position: relative;
}

#toolTipGenerator .properties {
	float: left;
	width: 30%;
}

#toolTipGenerator .properties div {
	padding: 0.5em 0;
}

#toolTipGenerator .properties div input[type="text"],
#toolTipGenerator .properties div select,
#toolTipGenerator .properties div textarea {
	border: 1px solid #ccc;
	padding: 0.3em;
	margin: 0;
}

#toolTipGenerator .properties div label {
	display: inline-block;
	width: 130px;
	white-space: nowrap;
}

#toolTipGenerator .properties div label[for="t_toolTipWidthAuto"],
#toolTipGenerator .properties div label[for="t_toolTipVisible"] {
	display: inline;
}

#toolTipGenerator .properties div #t_toolTipWidthAuto,
#toolTipGenerator .properties div #t_toolTipVisible {
	margin-left: 140px;
	margin-top: 10px;
}

#toolTipGenerator .properties div #t_toolTipWidth {
	width: 50px;
}

#toolTipGenerator .properties div #t_content {
	height: 150px;
	width: 100%;
}

#toolTipGenerator {
	position: relative;
}

#toolTipGenerator img {
	width: 100%;
}

#toolTipGenerator .image {
	position: relative;
	margin-left: 35%;
	cursor: crosshair;
}

#toolTipGenerator .image img.target {
	width: 100%;
	height: auto;
}

.t_hotSpot {
	position: absolute;
	border: 3px solid transparent;
	border-radius: 50%;
	cursor: pointer;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	margin-left: -10px;
}

.t_hotSpot.red {}

.t_hotSpot.green {
	background: #228b22;
}

.t_hotSpot.blue {
	background: #0000cd;
}

.t_hotSpot.purple {
	background: #4b0082;
}

.t_hotSpot.pink {
	background: #ff69b4;
}

.t_hotSpot.orange {
	background: #ff8c00;
}

.t_hotSpot.medium {
	width: 30px;
	height: 30px;
	margin-top: -15px;
	margin-left: -15px;
}

.t_hotSpot.large {
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
}

.t_hotSpot.red {
	background: #0063F7;
	padding: 2px;
	outline: 1px solid #fff;
	outline-offset: 3px;
}

.t_hotSpot.red:before {
	transition: all ease-in-out 0.2s;
	content: "+";
	font-size: 1.4rem;
	line-height: 0.7em;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.t_hotSpot.square {
	border-radius: 0;
}

.t_hotSpot.circleOutline {
	background: transparent;
}

.t_hotSpot.circleOutline.red {
	border-color: #dc143c;
}

.t_hotSpot.circleOutline.green {
	border-color: #228b22;
}

.t_hotSpot.circleOutline.blue {
	border-color: #0000cd;
}

.t_hotSpot.circleOutline.purple {
	border-color: #4b0082;
}

.t_hotSpot.circleOutline.pink {
	border-color: #ff69b4;
}

.t_hotSpot.circleOutline.orange {
	border-color: #ff8c00;
}

.t_hotSpot.squareOutline {
	background: transparent;
	border-radius: 0;
}

.t_hotSpot.squareOutline.red {
	border-color: #dc143c;
}

.t_hotSpot.squareOutline.green {
	border-color: #228b22;
}

.t_hotSpot.squareOutline.blue {
	border-color: #0000cd;
}

.t_hotSpot.squareOutline.purple {
	border-color: #4b0082;
}

.t_hotSpot.squareOutline.pink {
	border-color: #ff69b4;
}

.t_hotSpot.squareOutline.orange {
	border-color: #ff8c00;
}

.t_hotSpot:hover .t_tooltip_content_wrap {
	opacity: 1;
	z-index: 1;
}

.t_hotSpot .t_tooltip_content_wrap {
	opacity: 0;
	transition: all 0.4s ease-in-out;
	position: absolute;
	border-radius: 5px;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
	margin: 0px;
	top: -37px;
	right: -38px;
	overflow: hidden;
	z-index: -1;
	outline: 1px solid rgba(245, 245, 245, 0.5);
	transform-origin: center center;
	padding: 2px;
	width: fit-content;
}

.t_hotSpot .t_tooltip_content_wrap:has(.image) {
	transform: translateY(-40%);
}

.t_hotSpot .t_tooltip_content_wrap:has(.video) {
	transform: translateY(0%);
	width: fit-content;
}

.t_hotSpot:hover .t_tooltip_content_wrap:has(.video) {
	transform: translateY(-40%);
}

.t_hotSpot .t_tooltip_content_wrap a {
	color: #fff;
}

.t_hotSpot .t_tooltip_content_wrap a:hover {
	color: rgba(255, 255, 255, 0.5);
}

.t_hotSpot .t_tooltip_content_wrap.alwaysVisible {
	opacity: 1;
}

.t_hotSpot .t_tooltip_content_wrap.specificWidth img {
	max-width: 100%;
	border-radius: 5px;
}

.t_hotSpot .t_tooltip_content_wrap:after {
	content: "";
	border: 6px solid transparent;
	position: absolute;
}

.t_hotSpot .t_tooltip_content_wrap:after {
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
	border-color: transparent;
}

.t_hotSpot .t_tooltip_content_wrap:after {
	border-left-color: rgba(24, 24, 24, 0.9);
	right: -12px;
	top: 5px;
}

.t_hotSpot .t_tooltip_content_wrap.right {
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
	margin: auto auto auto auto;
	top: -6px;
	left: 100%;
	margin-left: 12px;
}

.t_hotSpot .t_tooltip_content_wrap.left {
	margin-right: 12px;
}

.t_hotSpot .t_tooltip_content_wrap.right:after {
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
	border-color: transparent;
}

.t_hotSpot .t_tooltip_content_wrap.right:after {
	border-right-color: rgba(24, 24, 24, 0.9);
	left: -12px;
	top: 5px;
}

.t_hotSpot .t_tooltip_content_wrap.top {
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
	margin: auto auto auto auto;
	left: -6px;
	bottom: 100%;
	margin-bottom: 12px;
}

.t_hotSpot .t_tooltip_content_wrap.top:after {
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
	border-color: transparent;
}

.t_hotSpot .t_tooltip_content_wrap.top:after {
	left: 6px;
	border-top-color: rgba(24, 24, 24, 0.9);
	bottom: -12px;
}

.t_hotSpot .t_tooltip_content_wrap.bottom {
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
	margin: auto auto auto auto;
	left: -6px;
	top: 100%;
	margin-top: 11px;
}

.t_hotSpot .t_tooltip_content_wrap.bottom:after {
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
	border-color: transparent;
}

.t_hotSpot .t_tooltip_content_wrap.bottom:after {
	left: 4px;
	border-bottom-color: rgba(24, 24, 24, 0.9);
	top: -12px;
}

.t_hotSpot.medium .t_tooltip_content_wrap.left,
.t_hotSpot.medium .t_tooltip_content_wrap.right {
	top: -2px;
}

.t_hotSpot.medium .t_tooltip_content_wrap.top,
.t_hotSpot.medium .t_tooltip_content_wrap.bottom {
	left: 0;
}

.t_hotSpot.large .t_tooltip_content_wrap.left,
.t_hotSpot.large .t_tooltip_content_wrap.right {
	top: 0;
}

.t_hotSpot.large .t_tooltip_content_wrap.top,
.t_hotSpot.large .t_tooltip_content_wrap.bottom {
	left: 3px;
}

textarea#input {
	margin: 0;
	padding: 1rem;
	width: 100%;
	border: none;
	line-height: 1.6;
	background: #111;
	color: #ff4444;
	box-sizing: border-box;
	height: 45%;
	font-family: "Andale Mono", monospace;
	white-space: pre;
}

textarea#input::selection {
	background: rgba(247, 0, 0, 0.2);
}

.t_tooltip_content {
	backdrop-filter: blur(0.6em);
	background: rgba(30, 30, 30, 0.50);
	border-radius: 5px;
	padding: 0 0.5em;
	color: var(--bg-ff);
}

.t_tooltip_content:has(.image) {
	padding: 8px;
}


/***************** دپارتمان ها**************/

.department-desc-static {
	.specs-table {

		.specs-table {
			border-collapse: collapse;
			width: 70%;
			margin: auto;
			font-size: 14px;
		}

		.specs-table td {
			border: 1px solid #000;
			padding: 8px 12px;
			text-align: right;
		}

		.specs-table tr:nth-child(even) {
			background: #f9f9f9;
		}

	}
}


.dng-column {
	padding: 0 !important;

}

.contact-us-footer p {
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2rem;
}

.page-head .arrow-handler {
	display: flex;
	flex-direction: column;
	gap: 10px;
	z-index: 999;
	flex-wrap: nowrap;
	justify-content: end;
	align-self: center;
	position: absolute;
    left: calc(100% + 1rem);
    top: calc(50% + 3rem);
    background: rgba(255, 255, 255, 0.6);
    border-radius: 0.57rem;
    padding: 0.2rem;
    cursor: pointer;
}

.page-head .arrow-handler .arrow-up,
.page-head .arrow-handler .arrow-down {
	display: flex;
	width: 1.5rem;
	height: 1.5rem;
	padding: 0.32813rem 0.45313rem;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}

.page-head .arrow-handler .arrow-up svg,
.page-head .arrow-handler .arrow-down svg {
	width: 20px;
	height: 20px;

}

 
.rtl .contact-form-en{
  display: none;
}

.img-map-memp{
	width: 100%;
	height: 100%;
	object-fit: cover;
	background-repeat: no-repeat;
	border-radius: var(--Corner-Radius-16);
}


/***********************************search result ************************************/
#dnn_ctr361_ModuleContent{
 
    padding:7rem;
    width: 90%;
}
.dnnSearchBoxPanel{
	background-color: var(--Primary-Main-Color) !important;
	border-radius: 1rem 1rem 0 0;
 
	padding: 3rem !important;
}
.dnnSearchResultPanel{
		background-color: var(--Primary-Main-Color) !important;
	border-radius: 0 0 1rem 1rem;
 
padding: 3rem !important;
}
.dnnSearchBox{
background-color:white !important;
}
#dnnSearchResult_dnnSearchBox_input{
	background-color: white !important;
}
.dnnSearchBoxPanel .dnnSearchBox {
	border-radius: 2rem;
}
.dnnSearchBoxPanel .dnnSearchBox {
	margin: 0 !important;
}
.dnnSearchResultPanel > .dnnRight > span.dnnSearchResultCountPerPage{
	color: white !important;
}
.selectize-control.single .selectize-input{
	background-image: linear-gradient(to bottom, #fff, #fff) !important;
}
.dnnSearchResultPanel .dnnSearchResultSortOptions > li > a {
	background: -webkit-linear-gradient(top, #ffffff 0%, #fff 100%) !important;

}

.dnnSearchResultPanel .dnnSearchResultSortOptions > li { 
	border-left: 1px solid #6c6c6c91;
}
 .dnnSearchResultContainer > .dnnSearchResultItem{
	padding: 1rem;
	background-color: #E5F0FF;
	border-radius: 1rem;
	border: 1px dashed #005c81;
 }
 .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Title{
	color: var(--Primary-Main-Color);
	font-size: 1rem !important;
	text-align: center;
 }

 .rtl .dnnSearchBox > .dnnSearchBox_advanced > .dnnSearchBox_advanced_label{
	color: var(--dark-0) !important;
 }