/* -------------------------------------------------------------------------- */
/*                               ROOT Variables                               */
/* -------------------------------------------------------------------------- */

:root {
	/* colors */
	/* main color Fades */
	background-color: var(--primary-20);
	height: 100vh;
	height: 100dvh;

	--primary-00: #0e1328;
	--primary-10: #161e40;
	--primary-20: #1e2a58;
	--primary-30: #263570;
	--primary-40: #2f4188;
	--primary-50: #374ca0;
	--primary-60: #5f70b3;
	--primary-70: #7d8bc1;
	--primary-80: #9ba5cf;
	--primary-90: #b9c0de;
	--primary-95: #b9c0de;
	--primary-99: #d7dbec;
	--primary-100: #ebedf5;

	--mc1: var(--primary-50);

	--secondar-00: #38090a;
	--secondar-10: #590e10;
	--secondar-20: #7b1416;
	--secondar-30: #9c191c;
	--secondar-40: #be1f22;
	--secondar-50: #df2428;
	--secondar-60: #e55053;
	--secondar-70: #ea7173;
	--secondar-80: #ea7173;
	--secondar-90: #ef9193;
	--secondar-95: #f4b2b4;
	--secondar-99: #f9d3d4;
	--secondar-100: #fce9e9;

	--mc2: var(--secondar-50);

	/* black to white colors */

	--Gray-00: #121212;
	--Gray-10: #2b2b2b;
	--Gray-20: #3d3d3d;
	--Gray-30: #4f4f4f;
	--Gray-40: #626262;
	--Gray-50: #7a7a7a;
	--Gray-60: #959595;
	--Gray-70: #a8a8a8;
	--Gray-80: #bdbdbd;
	--Gray-90: #d1d1d1;
	--Gray-95: #e4e4e4;
	--Gray-99: #f2f2f2;
	--Gray-100: #ffffff;

	--white: var(--Gray-100);
	--black: var(--Gray-00);

	--success-00: #4e8335;
	--success-10: #82ba65;
	--success-20: #9cd67e;
	--success-30: #b7f397;

	--error-00: #d95409;
	--error-10: #ff630b;
	--error-20: #ff823c;

	/* legacy variables */

	--tc1: var(--Gray-00);
	--tc2: var(--Gray-30);
	--tc3: var(--Gray-40);

	--fancybox-accent-color: var(--mc1);

	/* Border Radius */
	--border-radius-lg: 0.75rem;
	--border-radius: 0.5rem;
	--border-radius-sm: 0.25rem;
	/* button radius */

	/* animate css library delay factor */
	--animate-delay: 1s;

	/* Box Shadows */
	--box-shadow-1: 0px 6px 16px 0px #0e13281a;
	--box-shadow-2: 0px 6px 16px 0px #0e13281a;

	/* Gap */
	--gap: 0.5rem;

	/* Font Sizes */
	--fz-xs: 12px;
	--fz-xs-res: 12px;

	--fz-sm: 14px;
	--fz-sm-res: 12px;

	--fz-md: 16px;
	--fz-md-res: 14px;

	--fz-lg: 18px;
	--fz-lg-res: 16px;

	--fz-lg-2: 22px;
	--fz-lg-2-res: 18px;

	--fz-lg-3: 28px;
	--fz-lg-3-res: 22px;

	--fz-xl: 32px;
	--fz-xl-res: 1.5rem;

	--fz-xxl: 42px;
	--fz-xxl-res: 32px;

	/* New Font Sizes */

	--fz-h1: 44px;
	--fz-h2: 40px;
	--fz-h3: 36px;
	--fz-h4: 32px;
	--fz-h5: 28px;

	--fz-t1: 32px;
	--fz-t2: 26px;
	--fz-t3: 20px;
	--fz-t4: 18px;
	--fz-t5: 16px;
	--fz-t6: 14px;

	--fz-b1: 20px;
	--fz-b2: 18px;
	--fz-b3: 16px;
	--fz-b4: 14px;
	--fz-b5: 12px;

	/* Font Weight */
	--fw-800: 800;
	--fw-700: 700;
	--fw-600: 600;
	--fw-500: 500;
	--fw-400: 400;

	/* Line Heights */

	--lh-h1: 54px;
	--lh-h2: 49px;
	--lh-h3: 44px;
	--lh-h4: 39px;
	--lh-h5: 34px;

	--lh-t1: 48px;
	--lh-t2: 40px;
	--lh-t3: 36px;
	--lh-t4: 32px;
	--lh-t5: 30px;
	--lh-t6: 28px;

	--lh-b1: 32px;
	--lh-b2: 30px;
	--lh-b3: 28px;
	--lh-b4: 26px;
	--lh-b5: 24px;

	/* WB Icon size*/
	--icon: 1.5rem;
	--icon-color: var(--mc1);

	/* White Spaces */
	--main-space: 5rem;
	--title-space: 2rem;
	--bottom-space: 2rem;

	/* transition */
	--transition: 0.3s;

	--fade-distance: 100px;

	scroll-behavior: smooth;
	scroll-padding-block-start: calc(var(--main-space) * 2);
	scrollbar-gutter: stable;
	font-weight: var(--fw-400);
}

body{
	--direction-num:1;
}


@supports (-webkit-touch-callout: none) {
	input{
		font-size: 16px!important;
	}
}

:root:has(body.hideScroll){
	overflow: hidden;
}

/* bootstrap modals */
.modal {
	--bs-modal-bg: var(--white);
	--bs-modal-border-color: transparent;
	--bs-modal-border-width: 0;
	--bs-modal-border-radius: var(--border-radius);
	--bs-modal-box-shadow: var(--box-shadow-1);
	----bs-modal-padding: 1.5rem 1rem;
}

.modal-backdrop {
	opacity: 1;
	--bs-backdrop-bg: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(0px);
	-webkit-backdrop-filter: blur(0px);
	--bs-backdrop-opacity: 1;
}

.modal-backdrop.show {
	opacity: 1;
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
}


body:not(.personabar-visible) .fadefrom_Left {
	opacity: 0;
	transform: translateX(calc(var(--fade-distance) * -1));
	transition: var(--transition), transform 0.6s !important;
}

body:not(.personabar-visible) .fadefrom_Bottom {
	opacity: 0;
	transform: translateY(calc(var(--fade-distance) * 1));
	transition: var(--transition), transform 0.6s !important;
}

body:not(.personabar-visible) .fadefrom_Top {
	opacity: 0;
	transform: translateY(calc(var(--fade-distance) * -1));
	transition: var(--transition), transform 0.6s !important;
}

.ecommerce-action-menu li a, .ecommerce-action-menu li a:visited, .ecommerce-action-menu li a:active, .ecommerce-action-menu li a:link, .ecommerce-action-menu li a:hover{
    background-color: var(--primary-50) !important;
    border-color: var(--primary-50) !important;
    border-radius: var(--border-radius-sm) !important;
}

#ecommerce-amsm-enquiries-submit a, #ecommerce-amsm-enquiries-submit a:hover, #ecommerce-amsm-enquiries-submit a:active, #ecommerce-amsm-enquiries-submit a:visited, #ecommerce-amsm-enquiries-submit a:link{
	background-color: var(--primary-50) !important;
}

.tpd-content-spacer{
	border-radius: var(--border-radius-sm) !important;
}

@media (min-width: 992px) {
	body:not(.personabar-visible) .fadefrom_Right_Lg {
		opacity: 0;
		transform: translateX(calc(var(--fade-distance) * 1));
		transition: var(--transition), transform 0.6s !important;
	}

	body:not(.personabar-visible) .fadefrom_Left_Lg {
		opacity: 0;
		transform: translateX(calc(var(--fade-distance) * -1));
		transition: var(--transition), transform 0.6s !important;
	}

	body:not(.personabar-visible) .fadefrom_Bottom_Lg {
		opacity: 0;
		transform: translateY(calc(var(--fade-distance) * 1));
		transition: var(--transition), transform 0.6s !important;
	}

	body:not(.personabar-visible) .fadefrom_Top_Lg {
		opacity: 0;
		transform: translateY(calc(var(--fade-distance) * -1));
		transition: var(--transition), transform 0.6s !important;
	}
}

/* ?------------------------------- Responsive ------------------------------- */
@media (max-width: 992px) {
	:root {
		--main-space: 3rem;
		--title-space: 1.5rem;
	}
}

body.dnnEditState #Form {
	height: 100%;
}

html::-webkit-scrollbar-thumb {
	border-radius: 0;
}

.Normal,
.NormalDisabled,
.NormalDeleted {
	color: unset;
	font-size: unset;
	font-weight: unset;
	line-height: unset;
	word-wrap: unset;
}

* {
	margin: 0;
	padding: 0;
	outline: 0;
	box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
}

/* font family */
@font-face {
	font-family: "Montserrat";
	src: url("../assets/fonts/Montserrat/Montserrat-VariableFont_wght.ttf");
	font-style: normal;
}

/* *------------------------------- IranSans Start *------------------------------- */

@font-face {
	font-family: "IranSans";
	src: url("../assets/fonts/IranSans/IRANSansXFaNum-Regular.woff");
	font-style: normal;
	font-weight: 400;
}
@font-face {
	font-family: "IranSans";
	src: url("../assets/fonts/IranSans/IRANSansXFaNum-Medium.woff");
	font-style: normal;
	font-weight: 500;
}
@font-face {
	font-family: "IranSans";
	src: url("../assets/fonts/IranSans/IRANSansXFaNum-DemiBold.woff");
	font-style: normal;
	font-weight: 600;
}
@font-face {
	font-family: "IranSans";
	src: url("../assets/fonts/IranSans/IRANSansXFaNum-Bold.woff");
	font-style: normal;
	font-weight: 700;
}

/* !------------------------------- IranSans End *--------------------------------- */

body * {
	font-family: "Montserrat";
}

body.rtl{
	--direction-num:-1;
	--fz-h2:36px;
	--fz-b1:18px;
	--fz-b3:14px;
}

body.rtl *{
	font-family: "IranSans";
	direction: rtl;
	
}

.fancybox__container *{
	direction: ltr !important;
}

.fancybox__content {
	border-radius: var(--border-radius);
	overflow: hidden;
}

::-moz-selection {
	background: var(--mc1);
	color: var(--white);
}

::selection {
	background: var(--mc1);
	color: var(--white);
}

.m-hight-none {
	min-height: 0;
}

.pad-none {
	padding-right: 0;
	padding-left: 0;
}

html {
	font-size: 100%;
}

a:focus {
	outline: none;
}

a,
a:hover,
a:visited,
a:focus {
	text-decoration: none;
	color: inherit;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
	margin: 0;
}

ul,
ol {
	margin-right: 0;

	margin-left: 0;
	margin-bottom: 0;
}

/* *------------------------------- Bread Crumb Start ------------------------------- */

.inner__Bread__Crumb {
	margin-bottom: calc(1.3 * var(--title-space));
	color: var(--tc1);
	font-size: var(--fz-sm);
	font-weight: var(--fw-400);
}

.inner__Bread__Crumb .bread_Dot {
	display: inline-block;
	width: 5px;
	height: 5px;
	margin-inline: 0.5rem;
	vertical-align: middle;
	background-color: var(--mc1);
	border-radius: 100%;
}

.inner__Bread__Crumb span[itemprop="itemListElement"]:last-child a {
	color: var(--mc1);
}

/* !------------------------------- Bread Crumb End --------------------------------- */

body {
	padding: 0;
	line-height: 24px;
	overflow-x: hidden;
	font-size: 0.875rem;
	background-color: var(--white);
}

body.rtl {
	direction: rtl;
	text-align: right;
}

p {
	margin: 0;
}

li {
	list-style: none;
	list-style-position: inside;
}

li p {
	line-height: inherit;
}

img[alt="edit"] {
	width: auto !important;
	margin: 0 !important;
	display: inline !important;
}

#wrap {
	position: relative;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	overflow-x: hidden;
}

.main-content {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

main:not(.loginMain) {
	min-height: calc(100vh - 300px);
}

/* exclusions for page top Padding */
#wrap:not(:has(.full__Banner,.blog__Detail_Image )) , #wrap:has(.job__Content_Wrapper ,.media__Content_Wrapper ) {
	padding-top: calc(var(--header-height) + var(--title-space));
}

@media (max-width:991px) {

	main:not(.loginMain) {
		min-height: 102vh;
	}
}

/*Repier Magement Menu*/
.subNav.advanced dl {
	width: 600px !important;
}

.subNav.advanced {
	width: 695px !important;
}

img {
	border: 0 none;
	height: auto;
}

img,
object,
embed {
	max-width: 100%;
}

.hephaistos .tp-bullet:hover,
.hephaistos .tp-bullet.selected {
	border-color: var(--main-text-color);
}

.wb-carousel {
	background-color: var(--white);
	padding: 16px 15px;
}

/* ?------------------------------- Responsive ------------------------------- */

@media (min-width: 1200px) {
	.container,
	.container-lg {
		max-width: 1320px;
	}
}

/* -------------------------------------------------------------------------- */
/*                                 Components                                 */
/* -------------------------------------------------------------------------- */

/* ------ Font Size start------ */
.typo-h1 {
	font-size: var(--fz-h1);
	font-weight: var(--fw-700);
	line-height: var(--lh-h1);
}
.typo-h2 {
	font-size: var(--fz-h2);
	font-weight: var(--fw-700);
	line-height: var(--lh-h2);
}
.typo-h3 {
	font-size: var(--fz-h3);
	font-weight: var(--fw-700);
	line-height: var(--lh-h3);
}
.typo-h4 {
	font-size: var(--fz-h4);
	font-weight: var(--fw-700);
	line-height: var(--lh-h4);
}
.typo-h5 {
	font-size: var(--fz-h5);
	font-weight: var(--fw-700);
	line-height: var(--lh-h5);
}
.typo-t1 {
	font-size: var(--fz-t1);
	font-weight: var(--fw-600);
	line-height: var(--lh-t1);
}
.typo-t2 {
	font-size: var(--fz-t2);
	font-weight: var(--fw-600);
	line-height: var(--lh-t2);
}
.typo-t3 {
	font-size: var(--fz-t3);
	font-weight: var(--fw-600);
	line-height: var(--lh-t3);
}
.typo-t4 {
	font-size: var(--fz-t4);
	font-weight: var(--fw-600);
	line-height: var(--lh-t4);
}
.typo-t5 {
	font-size: var(--fz-t5);
	font-weight: var(--fw-500);
	line-height: var(--lh-t5);
}
.typo-t6 {
	font-size: var(--fz-t6);
	font-weight: var(--fw-500);
	line-height: var(--lh-t6);
}
.typo-b1 {
	font-size: var(--fz-b1);
	font-weight: var(--fw-400);
	line-height: var(--lh-b1);
}
.typo-b2 {
	font-size: var(--fz-b2);
	font-weight: var(--fw-400);
	line-height: var(--lh-b2);
}
.typo-b3 {
	font-size: var(--fz-b3);
	font-weight: var(--fw-400);
	line-height: var(--lh-b3);
}
.typo-b4 {
	font-size: var(--fz-b4);
	font-weight: var(--fw-400);
	line-height: var(--lh-b4);
}
.typo-b5 {
	font-size: var(--fz-b5);
	font-weight: var(--fw-400);
	line-height: var(--lh-b5);
}

/* responsive fonts */
@media (min-width: 992px) {
	.typo-lg-h1 {
		font-size: var(--fz-h1);
		font-weight: var(--fw-700);
		line-height: var(--lh-h1);
	}
	.typo-lg-h2 {
		font-size: var(--fz-h2);
		font-weight: var(--fw-700);
		line-height: var(--lh-h2);
	}
	.typo-lg-h3 {
		font-size: var(--fz-h3);
		font-weight: var(--fw-700);
		line-height: var(--lh-h3);
	}
	.typo-lg-h4 {
		font-size: var(--fz-h4);
		font-weight: var(--fw-700);
		line-height: var(--lh-h4);
	}
	.typo-lg-h5 {
		font-size: var(--fz-h5);
		font-weight: var(--fw-700);
		line-height: var(--lh-h5);
	}
	.typo-lg-t1 {
		font-size: var(--fz-t1);
		font-weight: var(--fw-600);
		line-height: var(--lh-t1);
	}
	.typo-lg-t2 {
		font-size: var(--fz-t2);
		font-weight: var(--fw-600);
		line-height: var(--lh-t2);
	}
	.typo-lg-t3 {
		font-size: var(--fz-t3);
		font-weight: var(--fw-600);
		line-height: var(--lh-t3);
	}
	.typo-lg-t4 {
		font-size: var(--fz-t4);
		font-weight: var(--fw-600);
		line-height: var(--lh-t4);
	}
	.typo-lg-t5 {
		font-size: var(--fz-t5);
		font-weight: var(--fw-500);
		line-height: var(--lh-t5);
	}
	.typo-lg-t6 {
		font-size: var(--fz-t6);
		font-weight: var(--fw-500);
		line-height: var(--lh-t6);
	}
	.typo-lg-b1 {
		font-size: var(--fz-b1);
		font-weight: var(--fw-400);
		line-height: var(--lh-b1);
	}
	.typo-lg-b2 {
		font-size: var(--fz-b2);
		font-weight: var(--fw-400);
		line-height: var(--lh-b2);
	}
	.typo-lg-b3 {
		font-size: var(--fz-b3);
		font-weight: var(--fw-400);
		line-height: var(--lh-b3);
	}
	.typo-lg-b4 {
		font-size: var(--fz-b4);
		font-weight: var(--fw-400);
		line-height: var(--lh-b4);
	}
	.typo-lg-b5 {
		font-size: var(--fz-b5);
		font-weight: var(--fw-400);
		line-height: var(--lh-b5);
	}
}

.paragraph__Lh {
	line-height: 2rem;
}

.text-justify {
	text-align: justify;
}

@media (min-width: 992px) {
	.text-lg-justify {
		text-align: justify !important;
	}
}

.lh-2 {
	line-height: 2rem;
}

/* ------ Font Size end------ */

/* ------ Text Color ------ */
.tc1 {
	color: var(--tc1) !important;
	--icon-color: var(--tc1);
}

.tc2 {
	color: var(--tc2) !important;
	--icon-color: var(--tc2);
}

.tc3 {
	color: var(--tc3) !important;
	--icon-color: var(--tc3);
}

.tcg-00 {
	color: var(--Gray-00) !important;
	--icon-color: var(--Gray-00);
}
.tcg-10 {
	color: var(--Gray-10) !important;
	--icon-color: var(--Gray-10);
}
.tcg-20 {
	color: var(--Gray-20) !important;
	--icon-color: var(--Gray-20);
}
.tcg-30 {
	color: var(--Gray-30) !important;
	--icon-color: var(--Gray-30);
}
.tcg-40 {
	color: var(--Gray-40) !important;
	--icon-color: var(--Gray-40);
}
.tcg-50 {
	color: var(--Gray-50) !important;
	--icon-color: var(--Gray-50);
}
.tcg-60 {
	color: var(--Gray-60) !important;
	--icon-color: var(--Gray-60);
}
.tcg-70 {
	color: var(--Gray-70) !important;
	--icon-color: var(--Gray-70);
}
.tcg-80 {
	color: var(--Gray-80) !important;
	--icon-color: var(--Gray-80);
}
.tcg-90 {
	color: var(--Gray-90) !important;
	--icon-color: var(--Gray-90);
}
.tcg-95 {
	color: var(--Gray-95) !important;
	--icon-color: var(--Gray-95);
}
.tcg-99 {
	color: var(--Gray-99) !important;
	--icon-color: var(--Gray-99);
}


.tcm {
	color: var(--mc1) !important;
	--icon-color: var(--mc1);
}
.tcs {
	color: var(--mc2) !important;
	--icon-color: var(--mc2);
}

.tcw {
	color: var(--white) !important;
	--icon-color: var(--white);
}

.bgm {
	background-color: var(--mc1) !important;
}

.hcw {
	transition: color var(--transition);
}

.hcw:hover,
.hcw:focus,
.hcw:visited {
	color: var(--white) !important;
	--icon-color: var(--white);
}

.hcm {
	transition: color var(--transition);
}

.hcm:visited {
	color: inherit !important;
}

.hcm:hover,
.hcm:focus {
	color: var(--mc1) !important;
	--icon-color: var(--mc1);
}

/* ------ Font Weight ------ */
.fw-400 {
	font-weight: var(--fw-400);
}

.fw-500 {
	font-weight: var(--fw-500);
}
.fw-600 {
	font-weight: var(--fw-600);
}

.fw-700 {
	font-weight: var(--fw-700);
}

/* -------- Max Lines ------- */

.line-limit {
	display: -webkit-box;
	max-width: 100%;
	-webkit-line-clamp: var(--line-limit, 1);
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* ------ Button Style ------ */

.btnStyle_Primary,.wizard-btn,
.btnStyle_Primary:visited {
	--btn-accent: var(--white);
	--btn-bak: var(--primary-20);

	background-color: var(--btn-bak) !important;
	background: var(--btn-bak);
	color: var(--btn-accent) !important;
	--icon-color: var(--btn-accent);
	padding: 12px 38px;
	border-radius: var(--border-radius);
	transition: var(--transition);
	white-space: nowrap;
	display: flex;
	justify-content: center;
	align-items: center;
	width: fit-content;
	column-gap: 0.5rem;
	font-size: var(--fz-md);
	outline: none;
	border: solid 1px var(--btn-border , transparent);
	font-weight: var(--fw-600);
	position: relative;
}

.btnStyle_Primary.whiteBtn{
	--btn-accent: var(--primary-20);
	--btn-bak: var(--white);
	--btn-border:var(--btn-accent);
}

.wizard-btn::before,
.btnStyle_Primary::before{
	position: absolute;
	content: '';
	display: block;
	width: calc(100% + var(--btn-offset,0px));
	height: calc(100% + var(--btn-offset,0px));
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border: solid var(--after-border,var(--btn-bak)) 1px;
	border-radius: var(--border-radius);
	transition: calc(var(--transition) / 2);
}

.wizard-btn:hover, 
.btnStyle_Primary:hover {
	--btn-bak: var(--primary-30);
	box-shadow: var(--box-shadow-1);
	scale: 1.02;
}


.wizard-btn:active,
.btnStyle_Primary:active {
	--btn-bak: var(--primary-50);
	--btn-offset:0.5rem;
	--after-border:var(--primary-30);
	scale: 0.98;
}

.wizard-btn.whiteBtn,
.btnStyle_Primary.whiteBtn {
	--btn-accent: var(--mc1);
	--btn-bak: var(--white);
}

.wizard-btn.whiteBtn:not(:is([disabled])):hover,
.btnStyle_Primary.whiteBtn:not(:is([disabled])):hover {
	--btn-accent: var(--primary-20);
	--btn-bak:var(--white):
	
}

.wizard-btn.whiteBtn:not(:is([disabled])):active,
.btnStyle_Primary.whiteBtn:not(:is([disabled])):active {
	--btn-accent: var(--primary-20);
	--btn-bak:var(--white):
}

.btnStyle_Secoundary,
.btnStyle_Secoundary:visited {
	--btn-accent: var(--tc1);
	--btn-bak: var(--bw-fade-1-5);
	background-color: var(--btn-bak);
	padding: 9px 14px;
	border-radius: 1000px;
	transition: var(--transition);
	white-space: nowrap;
	display: flex;
	align-items: center;
	width: fit-content;
	column-gap: calc(var(--gap) * 2);
	color: var(--btn-accent) !important;
	--icon-color: var(--btn-accent);
	justify-content: center;
	font-size: var(--fz-sm);
	outline: none;
	border: none;
}

.btnStyle_Secoundary:not(:is([disabled])):hover {
	--btn-accent: var(--mc1);
}

.btnStyle_Secoundary:not(:is([disabled])):active {
	--btn-accent: var(--white);
	--btn-bak: var(--mc1);
}

:is(.btnStyle_Primary,.btnStyle_Secoundary).static__Width {
	min-width: 132px;
}

:is(.btnStyle_Primary, .btnStyle_Secoundary):disabled {
	cursor: not-allowed;
	color: var(--bw-fade-4) !important;
}

/* ------ Icon Style ------ */

.ezIcon,
.dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Title>a::after,
.header__Logo_Back::before, .header__Logo_Back::after {
	height: var(--icon);
	width: var(--icon);
	min-width: var(--icon);
	min-height: var(--icon);

	display: inline-flex;
	vertical-align: middle;

	background: var(--icon-color);

	mask: var(--icon-url) no-repeat center / var(--icon-inner,cover);
	-webkit-mask: var(--icon-url) no-repeat center / var(--icon-inner,cover);
	
	margin-inline-start: var(--icon-ml, 0);
	margin-inline-end: var(--icon-mr, 0);
	margin-block: var(--icon-mt, 0) var(--icon-mb, 0);

	transition: all var(--transition);
	-webkit-transition: all var(--transition);
	rotate: calc(var(--icon-rotate, 0deg) * var(--direction-num , 1));
	transform: var(--icon-transform, none);
}

.main_Space {
	margin-bottom: var(--main-space) !important;
}

.title_Space {
	margin-bottom: var(--title-space) !important;
}

@media (min-width: 992px) {
	.mb-lg-0 {
		margin-bottom: 0 !important;
	}
}

.bottom_Space {
	margin-top: var(--bottom-space);
}

/* ------ Gap ------ */

.col-gap-1 {
	column-gap: calc(var(--gap) * 0.5);
}

.col-gap-2 {
	column-gap: calc(var(--gap) * 1);
}

.col-gap-3 {
	column-gap: calc(var(--gap) * 2);
}

.col-gap-4 {
	column-gap: calc(var(--gap) * 3);
}

.row-gap-1 {
	row-gap: calc(var(--gap) * 0.5);
}

.row-gap-2 {
	row-gap: calc(var(--gap) * 1);
}

.row-gap-3 {
	row-gap: calc(var(--gap) * 2);
}

.row-gap-4 {
	row-gap: calc(var(--gap) * 3);
}

/* ------ Container Style ------ */

.title {
	color: var(--Gray-00);
	vertical-align: middle;
}

.section__Header_Link {
	gap: 0.25rem;
	--icon-rotate:90deg;
	--icon-url:url(../assets/icons/arrowRight.svg);
}

/* icon container */

.container_Title {
	--icon-url: url(../assets/icons/logo-curve.svg);
	--icon-color: var(--secondar-50);
	--icon: 2rem;
	--icon-mr: 0.75rem;
}

.container_Title .ezIcon.closeIcon{
	--icon-url:url(../assets/icons/close.svg);
	--icon-mr: 0;
	--icon-color:var(--Gray-10);
	--icon:1.25rem;
}

.container_Title.mainLogo .ezIcon {
	--icon-url:url(../assets/icons/mainLogo.svg);
	width: 60px !important;
	height: 80px !important;
	--icon-mr:0;
	--icon-color:var(--primary-100);

}
.section__Description {
	margin-top: -0.5rem;
	margin-bottom: var(--title-space);
}

@media (max-width:991px) {
  .container_Title{
    --icon:1.25rem;
  }
}

/* -------------------------------------------------------------------------- */
/*                               components end                               */
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/*                                 NICE SELECT                                */
/* -------------------------------------------------------------------------- */
.nice-select {
	width: 100% !important;
	border: solid 1px var(--mc1) !important;
	background-color: var(--mc1-fade-4);
	border-radius: var(--border-radius-sm) !important;
	padding: 0.5rem !important;
	float: unset !important;
	font-weight: var(--fw-600) !important;
	height: 48px;
	display: flex;
	align-items: center;
}

.nice-select * {
	font-family: "Montserrat";
}

.nice-select::after {
	left: unset !important;
	right: 12px !important;
	width: 10px !important;
	height: 10px !important;
	border-color: var(--mc1);
}

body.rtl .nice-select::after{
	right: unset !important;
	left: 12px !important;
}

.nice-select ul.list {
	width: 100%;
	border-radius: var(--border-radius-sm) !important;
	max-height: calc(7 * 40px) !important;
	overflow-y: auto;
	margin-inline-start: 0 !important;
}

.nice-select.open .nice-select-search-box {
	border-radius: var(--border-radius-sm) var(--border-radius-sm) 0 0;
}

.nice-select .nice-select-search {
	border: none;
}

.nice-select .current {
	display: block;
	width: 100%;
	text-align: start;
	font-weight: var(--fw-400);
	line-height: 1.5rem;
}

.nice-select .option.selected {
	color: var(--mc1);
}

/* -------------------------------------------------------------------------- */
/*                                    SLICK                                   */
/* -------------------------------------------------------------------------- */
/* Effected css styles */

.slick-arrow {
	--arrow-accent: var(--mc2);
	width: 48px;
	height: 48px;
	background: var(--white) !important;
	outline: none !important;
	font-size: 0 !important;
	transition: var(--transition) !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	position: absolute !important;
	border-radius: 1rem !important;
	z-index: 1 !important;
	padding: 0.25rem;
	border: solid 1px var(--arrow-accent) !important;
	filter: grayscale(0);
}

.slick-arrow.slick-disabled {
	filter: grayscale(1) brightness(1.5);
	cursor: not-allowed;
}

.slick-arrow.slick-prev {
	left: auto !important;
	right: 100% !important;
	--rotation: rotate(-90deg);
	translate: -50%;
}
body.rtl .slick-arrow.slick-prev {
	left: 100% !important;
	right: auto !important;
	--rotation: rotate(90deg);
	translate: -150%;
}

.slick-arrow.slick-next {
	left: 100% !important;
	right: auto !important;
	--rotation: rotate(+90deg);
	translate: +50%;
}
body.rtl .slick-arrow.slick-next {
	--rotation: rotate(-90deg);
	left: auto !important;
	right: 100% !important;
	translate: 150%;
}

@media (max-width: 575px) {
	.slick-arrow.slick-next {
		translate: +100%;
	}

	.slick-arrow.slick-prev {
		translate: -100%;
	}
}

.slick-arrow::before {
	content: "" !important;
	font-size: 0 !important;
	transform: var(--rotation) !important;
	transition: var(--transition) !important;
	mask: url(../assets/icons/chevUp.svg) no-repeat center;
	mask-size: cover;
	-webkit-mask: url(../assets/icons/chevUp.svg) no-repeat center;
	-webkit-mask-size: cover;
	background-color: var(--arrow-accent) !important;
	width: 100%;
	height: 100%;
	display: block;
}

.slick-arrow:not(.slick-disabled):hover {
	box-shadow: var(--box-shadow-1);
	scale: 1.05;
}
.slick-arrow:not(.slick-disabled):active {
	box-shadow: 0 0 0 transparent;
	scale: 0.98;
}

.slide-arrow {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	cursor: pointer;
	z-index: 1;
	background: #f4f4f4;
	border-radius: 50%;
	text-align: center;
}

.slide-arrow.arrow-prev {
	left: 0;
}

.slide-arrow.arrow-next {
	right: 0;
}
body.rtl .slide-arrow.arrow-prev {
	left: unset;
	right: 0;
}

body.rtl .slide-arrow.arrow-next {
	left: 0;
	right: unset;
}

/* slick dots */

.slick-dots {
	position: static !important;
	/* margin-top: var(--bottom-space); */
	margin-inline: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
}

.slick-dots li {
	width: auto !important;
	height: auto !important;
}

.slick-dots li button {
	background: var(--primary-90) !important;
	border-radius: 50% !important;
	width: 6px !important;
	height: 6px !important;
	transition: var(--transition);
	padding: 0 !important;
	font-size: 0px;
	outline: none;
	border: none;
}

.slick-dots li.slick-active button {
	background: var(--primary-50) !important;
	transform: scale(1.1);
}

.slick-dots li button::before {
	display: none;
}

.slick-dotted.slick-slider {
	margin-bottom: 0 !important;
}

/* -------------------------------------------------------------------------- */
/*                                 LIVE FORM                                  */
/* -------------------------------------------------------------------------- */
/* General Style */
.LiveForm.Default {
	margin-bottom: 0;
}

.LiveForm.Default label.error{
	display: none !important;
}

body:not(.personabar-visible) .LiveForm.Default td,
body:not(.personabar-visible) .LiveForm.Default th,
body:not(.personabar-visible) .LiveForm.Default table,
body:not(.personabar-visible) .LiveForm.Default .Field input,
body:not(.personabar-visible) .LiveForm.Default .Field select,
body:not(.personabar-visible) .LiveForm.Default .Field textarea,
body:not(.personabar-visible) .LiveForm.Default .Field button {
	font-family: inherit;
}

.LiveForm .page-break-section:before,
.LiveForm .page-break-section:after,
.LiveForm .page-break-section .form-row:before,
.LiveForm .page-break-section .form-row:after {
	display: none !important;
}

body:not(.personabar-visible) .LiveForm.Default .thank-you h2 {
	font-size: 32px;
}

/* form root styles */
body:not(.personabar-visible) .LiveForm.Default ul.page-break-section,
body:not(.personabar-visible) .LiveForm.Default .thank-you {
	--form-radius: unset;
	--form-block-padding: 0;
	--form-inline-padding: 0;
	--form-inline-gap: 44px;
	--form-block-gap: 1.5rem;
	display: grid;
	grid-template-columns: repeat(var(--form-grid-col, 3), 1fr);
	background: transparent !important;
	box-shadow: unset;
	border-radius: var(--form-radius) !important;
	padding: var(--form-block-padding) var(--form-inline-padding) !important;
}

@media (max-width:991px) {
	body:not(.personabar-visible) .LiveForm.Default ul.page-break-section, body:not(.personabar-visible) .LiveForm.Default .thank-you{
		--form-grid-col:2;
	}
}
@media (max-width:575px) {
	body:not(.personabar-visible) .LiveForm.Default ul.page-break-section, body:not(.personabar-visible) .LiveForm.Default .thank-you{
		--form-grid-col:1;
	}

	body:not(.personabar-visible) .LiveForm.Default .Fileupload{
		margin-bottom: 3rem;
	}
}

/* form fields */
body:not(.personabar-visible) .LiveForm.Default ul.page-break-section .Field {
	padding: 0 !important;
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 100%;
}

body:not(.personabar-visible) .LiveForm.Default ul.page-break-section .Field p a {
	color: var(--mc1);
	margin-inline: 0.25rem;
}

/* form captcha field */
body:not(.personabar-visible) .LiveForm.Default ul.page-break-section .Field.CaptchaSimple label {
	width: auto;
	margin-inline-start: 40px;
}

body:not(.personabar-visible)
	.LiveForm.Default
	ul.page-break-section
	.Field.CaptchaSimple
	.Field-Container-Wide
	> div {
	display: flex;
	gap: 0.75rem;
	flex-direction: column;
}

body:not(.personabar-visible)
	.LiveForm.Default
	ul.page-break-section
	.Field.CaptchaSimple
	.captcha-simple {
	margin-bottom: 0;
	width: 220px;
	height: 66px;
	border-radius: 12px;
}

body:not(.personabar-visible) .LiveForm.Default ul.page-break-section .Field.CaptchaSimple input {
	padding-block: 2rem;
	border-radius: 12px;
	width: 215px !important;
}

.captcha-refresh {
	display: none;
}

/* form container */
.page-break-section {
	display: flex;
	gap: var(--form-block-gap) var(--form-inline-gap);
	flex-wrap: wrap;
}

.Field-Container-Wide {
	height: 100%;
}

body:not(.personabar-visible) .LiveForm .form-col-6 {
	width: calc(50% - var(--form-inline-gap) / 2) !important;
}

@media (min-width: 992px) {
	body:not(.personabar-visible) .LiveForm.Default ul.page-break-section .Field.CaptchaSimple {
		display: flex;
		flex-direction: row;
	}

	body:not(.personabar-visible) .LiveForm.Default ul.page-break-section .Field.CaptchaSimple {
		width: 60%;
	}

	body:not(.personabar-visible)
		.LiveForm.Default
		ul.page-break-section
		.Field.CaptchaSimple
		.Field-Container-Wide
		> div {
		flex-direction: row;
	}
}

@media (max-width: 991px) {
	body:not(.personabar-visible) .LiveForm .form-col-6 {
		width: 100% !important;
	}
}

/* form inputs */
body:not(.personabar-visible) .LiveForm.Default input:not([type="submit"]),
body:not(.personabar-visible) .LiveForm.Default textarea {
	width: 100%;
	margin-bottom: unset;
	max-width: 100%;
	border: solid 1px var(--Gray-90) !important;
	border-radius: 0.25rem;
	padding-inline: 14px;
	padding-block: 1rem 0.75rem;
	font-size: var(--fz-b4);
	line-height: var(--lh-b4);
	font-weight: var(--fw-400);
	transition: var(--transition);
	height: 48px;
}

body:not(.personabar-visible) .LiveForm.Default input:focus,
body:not(.personabar-visible) .LiveForm.Default textarea:focus {
	border-color: var(--primary-40) !important;
	box-shadow: 0px 4px 8px 0px #0e132814;
}

body:not(.personabar-visible) .LiveForm.Default input.error,
body:not(.personabar-visible) .LiveForm.Default textarea.error,
body:not(.personabar-visible) .LiveForm.Default select.error {
	border-color: var(--secondar-50) !important;
}

/* form select */
body:not(.personabar-visible) .LiveForm.Default .nice-select {
	border-color: var(--Gray-90) !important;
	background-color: var(--white) !important;
	display: flex;
	align-items: center;
	padding-inline-end: 1.5rem;
	/* padding-block: 2rem !important; */
	height: 100%;

	max-height: 66px;
}

body:not(.personabar-visible) .nice-select .nice-select .current {
	line-height: normal;
	font-size: var(--fz-lg);
}

/* form checkbox */
body:not(.personabar-visible) .LiveForm.Default .Field input[type="checkbox"] {
	display: none;
}

body:not(.personabar-visible) .LiveForm.Default .Field input[type="checkbox"] ~ label {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

body:not(.personabar-visible) .LiveForm.Default .Field input[type="checkbox"] ~ label::before {
	content: "";
	width: 1.5rem;
	height: 1.5rem;
	background-color: var(--white);
	background-image: url(../assets/icons/check.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1rem 1rem;
	border: solid 1px var(--mc1);
	border-radius: 0.25rem;
	vertical-align: middle;
	transition: var(--transition);
}

body:not(.personabar-visible)
	.LiveForm.Default
	.Field
	input[type="checkbox"]:checked
	~ label::before {
	background-color: var(--mc1);
}

/* form labels */
body:not(.personabar-visible) .LiveForm.Default .Field label[class*="Field-Label-"],
body:not(.personabar-visible) .LiveForm.Default .Field > label,
body:not(.personabar-visible) .LiveForm.Default .Field .MatrixWrapper > label {
	margin-bottom: -4px !important;
	height: 0.5rem;
	font-weight: var(--fw-500);
	font-size: var(--fz-t6);
	color: var(--Gray-20);
	line-height: 28px;
	display: flex;
	align-items: center;
	margin-inline-start: 0.5rem;
	padding-inline: 6px;
	position: relative;
	z-index: 2;
	background-color: var(--white);
	width: fit-content;
}

body:not(.personabar-visible) .LiveForm.Default .Field.Required > label::before {
	content: "*";
	color: var(--secondar-50);
	font-weight: var(--fw-500);
	padding-inline-end: 2px;
	order: 2;
}

/* Upload Style */
.LiveForm .plupload_filelist_header,
.LiveForm .plupload_filelist_footer,
.LiveForm .plupload_container {
	background: transparent !important;
	padding: 0 !important;
	border: none !important;
}

body:not(.personabar-visible) .LiveForm.Default .plupload_buttons {
	position: relative !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	position: absolute !important;
	top: 100% !important;
	left: 0;
	padding-top: 0.75rem;
	font-size: var(--fz-b5);
	line-height: var(--lh-b5);
	font-weight: var(--fw-400);
	width: 100%;
}

body:not(.personabar-visible) .LiveForm.Default .plupload_buttons__Text {
	display: flex;
	align-items: center;
	width: 100%;
	height: 48px;
	border: 1px solid #bdbdbd;
	border-inline-start: none;
	border-radius: 0 10px 10px 0;
	font-size: 0.875rem !important;
	color: var(--tc1);
	padding: 12px;
	max-width: calc(100% - 120px);
	overflow: auto;
}

.LiveForm.Default .Field.mobile-under .Field-Container-Wide,
.LiveForm.Default .Field.mobile-under .Field-Container,
.LiveForm.Default .Field.mobile-under .intl-tel-input {
	height: 48px;
}

body:not(.personabar-visible) .LiveForm.Default ul.page-break-section .Fileupload {
	border-radius: var(--border-radius-sm);
}
body:not(.personabar-visible)
	.LiveForm.Default
	ul.page-break-section
	.Fileupload
	.Field-Container-Wide {
	position: relative !important;
	border: solid 1px var(--Gray-90);
	border-radius: var(--border-radius-sm);
	padding-inline-end: 2.5rem;
}
body:not(.personabar-visible) .LiveForm.Default ul.page-break-section .Fileupload input {
	cursor: pointer;
}
body:not(.personabar-visible)
	.LiveForm.Default
	ul.page-break-section
	.Fileupload
	.Field-Container-Wide
	.moxie-shim.moxie-shim-html5 {
	right: 1rem !important;
	top: 50% !important;
	left: unset !important;
	bottom: unset !important;
	transform: translateY(-50%);
	--icon-url: url(../assets/icons/clip.svg);
	width: 1.5rem !important;
	height: 1.5rem !important;
	mask: var(--icon-url) no-repeat center / cover;
	-webkit-mask: var(--icon-url) no-repeat center / cover;
	background-color: var(--mc1);
	cursor: pointer !important;
}

body.rtl:not(.personabar-visible)
	.LiveForm.Default
	ul.page-break-section
	.Fileupload
	.Field-Container-Wide
	.moxie-shim.moxie-shim-html5{
		right: unset !important;
		left: 1rem !important;
	}

.plupload_filelist_header {
	display: none !important;
}
.plupload_container .plupload_filelist {
	background: none !important;
}

body:not(.personabar-visible)
	.LiveForm.Default
	ul.page-break-section
	[style="position: relative;"] {
	position: unset !important;
}

body:not(.personabar-visible)
	.LiveForm.Default
	ul.page-break-section
	.Fileupload
	.Field-Container-Wide
	.plupload_buttons
	> a:first-child {
	display: none !important;
}

body:not(.personabar-visible){
	--form-message:"File : PDF or JPG up to 5Mb";
}
body.rtl:not(.personabar-visible){
	--form-message:"فایل مجاز: PDF یا JPG تا حجم 5 مگابایت";
}

body:not(.personabar-visible)
	.LiveForm.Default
	ul.page-break-section
	.Fileupload
	.Field-Container-Wide
	.plupload_buttons::before {
	content: var(--form-message);
	color: var(--form-message-color , inherit);
}

body:not(.personabar-visible) .plupload_container:has(.plupload_failed){
	--form-message: "Your file is to large to Upload";
	--form-message-color: var(--error-00);
}
body.rtl:not(.personabar-visible) .plupload_container:has(.plupload_failed){
	--form-message: "فایل آپلودی سنگین تر از حجم مجاز است";
}
body:not(.personabar-visible) .plupload_container:has(.plupload_done){
	--form-message: "Upload Succesful";
	--form-message-color: var(--success-00);
}
body.rtl:not(.personabar-visible) .plupload_container:has(.plupload_done){
	--form-message: "فایل با موفقیت آپلود شد";
}

body:not(.personabar-visible)
	.LiveForm.Default
	ul.page-break-section
	.Fileupload
	.plupload_filelist_footer {
	height: unset !important;
}

body:not(.personabar-visible) .LiveForm.Default .plupload_button {
	position: relative !important;
	display: flex !important;
	margin-inline-end: 0 !important;
	white-space: nowrap;
	min-width: fit-content !important;
	cursor: pointer;
	background: var(--mc1);
	border-color: unset;
	color: var(--white) !important;
	border-radius: 0.5rem;
	padding: 0 1rem !important;
	text-align: center;
	font-family: inherit;
	font-weight: var(--fw-600);
	height: 2rem;
	align-items: center;
	gap: 0 !important;
	transition: var(--transition);
}

.plupload_button:hover{
	background: var(--primary-30) !important;
}

.plupload_container .plupload_filelist {
	height: fit-content !important;
	overflow: visible !important;
	background-color: var(--mc1-fade-2);
	margin-block: 0.5rem;
	border-radius: calc(var(--border-radius-sm) / 2);
}
.plupload_file_icon {
	max-width: 1.5rem;
}

.plupload_file_name {
	max-width: 45%;
	text-overflow: ellipsis;
	margin-inline-end: auto !important;
}

.plupload_file_status {
	color: var(--Gray-00) !important;
}

.plupload_content {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
}

.plupload_file_icon img {
	max-width: 100% !important;
	margin-inline-start: 0 !important;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.plupload_filelist li {
	background: unset !important;
	align-items: center;
	padding: 0 0 0 14px !important;
	gap: 0.5rem;
}
.plupload_filelist li > div {
	width: fit-content !important;
}

.plupload_filelist li:last-child {
	border-bottom: unset !important;
	align-items: center !important;
}

.plupload_file_action {
	display: flex;
	align-items: center;
	justify-content: end;
	--icon: 1rem;
	--icon-url: url(../assets/icons/close.svg);
	width: 16% !important;
	height: 100% !important;
	margin: 0 !important;
	float: unset !important;
}

li.plupload_delete a {
	height: var(--icon);
	width: var(--icon);
	min-width: var(--icon);
	min-height: var(--icon);
	mask: var(--icon-url) no-repeat center / cover;
	-webkit-mask: var(--icon-url) no-repeat center / cover;
	display: block;
	background: var(--mc1) !important;
}

body:not(.personabar-visible) .LiveForm.Default .plupload_button__Upload::before {
	content: "\f110 ";
	animation: 1s rotateAnime infinite ease-in-out;
}

body:not(.personabar-visible) .LiveForm.Default .plupload_button__Failed::before {
	content: "\f071 ";
}

body:not(.personabar-visible) .LiveForm.Default .plupload_button__Done::before {
	content: "\f00c ";
}

/* form submit */
@media (min-width: 992px) {
	body:not(.personabar-visible) .LiveForm.Default .page-break-section li.Submitbutton {
		width: 100% !important;
		margin-inline-end: auto;
		justify-content: end;
	}

	body:not(.personabar-visible)
		.LiveForm.Default
		.page-break-section
		li.Submitbutton
		.Submit-Align-Right {
		text-align: start !important;
	}
}

body:not(.personabar-visible) .LiveForm.Default input[type="submit"],
body:not(.personabar-visible) .LiveForm.Default input[type="button"] {
	background: var(--mc1);
	border-radius: var(--border-radius-sm) !important;
	background-color: var(--mc1) !important;
	box-shadow: none !important;
	border: solid 1px transparent !important;
	padding: 0.75rem 2.625rem !important;
	font-size: var(--fz-t5);
	font-weight: var(--fw-500);
	width: 100% !important;
	height: 100% !important;
}

body:not(.personabar-visible) .LiveForm.Default input[type="submit"]:hover,
body:not(.personabar-visible) .LiveForm.Default input[type="button"]:hover {
	box-shadow: 0 0 0 2px white, 0 0 0 3px var(--mc1);
}

body:not(.personabar-visible) .LiveForm.Default input[type="submit"]:hover,
body:not(.personabar-visible) .LiveForm.Default input[type="button"]:hover {
	background-color: var(--primary-30) !important;
	border-color: transparent!important;
}

body:not(.personabar-visible) .LiveForm.Default .Submit-Align-Right {
	text-align: right !important;
}

/* form html dialog */

.dialog_Box {
	padding: 1.5rem;
	font-size: var(--fz-lg);
	font-weight: var(--fw-600);
	border-radius: var(--border-radius-sm);
	--back-color: var(--mc1-fade-4);
	--accent-color: var(--mc1);
	background-color: var(--back-color);
	color: var(--accent-color);
	--list-bullet-collor: var(--accent-color);
}

.dialog_Box :last-child {
	margin-bottom: 0 !important;
}

.dialog_Box.danger {
	--back-color: #ffe5e5;
	--accent-color: #ff0000;
}

.dialog_Box.warning {
	--back-color: #fff4b7;
	--accent-color: #b78f43;
}

.dialog_Box * {
	color: inherit !important;
}

@keyframes rotateAnime {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

/* -------------------------------------------------------------------------- */
/*                                 Dnn Loading                                */
/* -------------------------------------------------------------------------- */

.dnnLoading {
	background: #fff url(/portals/0/logo-colored.svg) no-repeat center center;
	background-size: 80px 80px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.dnnLoading::after {
	content: "";
	display: block;
	width: 160px;
	height: 104px;
	transform: rotate(0deg);
	animation: rotateAnime 1s ease infinite;
	mask: url(/portals/0/skins/ezweb.abasabad.1402/assets/icons/loadingCircle.svg) no-repeat center /
		cover;
	-webkit-mask: url(/portals/0/skins/ezweb.abasabad.1402/assets/icons/loadingCircle.svg) no-repeat
		center / cover;
	background-color: var(--mc1);
}

/* -------------------------------------------------------------------------- */
/*                                    HELP                                    */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Scrollbar                                  */
/* -------------------------------------------------------------------------- */

/* width */
html::-webkit-scrollbar {
	width: 10px;
}

/* Track */
html::-webkit-scrollbar-track {
	background: #f1f1f1;
}

/* Handle */

html::-webkit-scrollbar-thumb {
	transition: var(--transition);
	background: var(--mc1);
}

/* modal */
/* width */
.modal-body::-webkit-scrollbar {
	width: 8px;
}

/* Track */
.modal-body::-webkit-scrollbar-track {
	background: #f1f1f1;
}

/* Handle */

.modal-body::-webkit-scrollbar-thumb {
	transition: var(--transition);
	background: var(--mc1);
}

/* -------------------------------------------------------------------------- */
/*                              LinK DetaliArticle                            */
/* -------------------------------------------------------------------------- */
.article__InternalLink,
.article__InternalLink:visited {
	color: var(--mc3);
	transition: var(--transition);
}

/* -------------------------------------------------------------------------- */
/*                           Navbar and pain                                  */
/* -------------------------------------------------------------------------- */

.personabar--btn,
.personabar-usertype {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 0;
	border-bottom: solid 1px #3d3c3c;
	cursor: pointer;
	z-index: 10000000;
	background-color: #026790;
	position: fixed;
	left: 0;
	top: 0;
	width: 80px;
}

.personabar-usertype {
	right: 0;
	top: 42px;
	color: white;
}

.rtl .personabar--btn {
	right: 0;
	left: auto;
}

.personabar--btn svg,
.test svg {
	fill: white;
}

iframe#personaBar-iframe,
.personabar-placeholder,
.editBarFrameContainer {
	transition: 0.5s;
}

.personabar--closed iframe#personaBar-iframe,
.personabar--closed .personabar-placeholder {
	left: -80px;
}

.rtl.personabar--closed iframe#personaBar-iframe,
.rtl.personabar--closed .personabar-placeholder {
	left: auto;
	right: -80px !important;
}

.personabar--closed {
	margin: 0 !important;
}

.personabar--closed .editBarFrameContainer {
	bottom: -80px;
}

.DNNEmptyPane.d-none {
	display: none !important;
}

/* -------------------------------------------------------------------------- */
/*                           Icon  Navbar                                     */
/* -------------------------------------------------------------------------- */

.personabar--btn {
	display: flex;
	flex-direction: column;
	cursor: pointer;
	transform: scale(-1);
}

.personabar--btn .icon-bar {
	height: 3px;
	background-color: white;
	transition: var(--transition);
	margin: 2px 0;
	width: 20px;
	border-radius: 10px;
}

body:not(.personabar--closed) .personabar--btn .icon-bar:nth-child(1) {
	transform: rotatez(-45deg) translate(-6px, 6px);
	transform-origin: bottom;
}

body:not(.personabar--closed) .personabar--btn .icon-bar:nth-child(2) {
	transform-origin: top;
	transform: rotatez(-45deg);
	width: 0;
	opacity: 0;
}
*:is([class*="me-1"] , [class*="ms-1"])

body:not(.personabar--closed) .personabar--btn .icon-bar:nth-child(3) {
	transform-origin: bottom;
	transform: translate(-2px, -6px) rotatez(45deg);
}

/* -------------------------------------------------------------------------- */
/*                               Slider                                       */
/* -------------------------------------------------------------------------- */

.DnnModule-DNNGoDNNGalleryPro .wb-slides .slick-track {
	min-width: 100%;
}

/* -------------------------------------------------------------------------- */
/*                           Live Form                                        */
/* -------------------------------------------------------------------------- */

.LiveForms .Toolbar-Item .glyphicon-floppy-saved,
.LiveForms .Toolbar-Item .glyphicon-floppy-saved ~ .Toolbar-Text {
	display: none !important;
}

/* -------------------------------------------------------------------------- */
/*                                Searh Result                                */
/* -------------------------------------------------------------------------- */

.dnnSearchBoxPanel{
	background: none;
	padding: unset;
	margin-top: var(--title-space);
	max-width: unset !important;
	order: 0;
}

.dnnSearchResultAdvancedTip,
div:has(>.dnnSearchResultCountPerPage),
.dnnSearchResultItem-Link{
	display: none !important;
}

.dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Title{
	font-size: var(--fz-t5);
	font-weight: var(--fw-500);
	line-height: var(--lh-t5);
	margin-bottom: 1rem;
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between ;
	--icon:1.5rem;
	--icon-url:url("../assets/icons/chevUp.svg");
	--icon-rotate:90deg;
	--icon-color:var(--Gray-30);
}

.dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Title>a{
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Title>a::after{
	content: '';
}
.dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Description{
	color: var(--Gray-40);
	font-weight: var(--fw-400);
	font-size: var(--fz-b4);
	line-height: var(--lh-b4);
}

.dnnSearchBox > input[type="text"], .dnnSearchBox > input[type="text"]:focus{
	position: static !important;
	width: 100% !important;
	order: 1;
	background-color: unset !important;
	font-size: var(--fz-t5);
	line-height: var(--lh-t5);
	font-weight: var(--fw-500);
	color: var(--tc1);
}
.dnnSearchBox > input[type="text"]::placeholder{
	color: var(--Gray-50);
	margin-inline-start: 1rem;
}

.dnnSearchBoxPanel .dnnSearchBox{
	margin: 0;
	box-shadow: none;
	padding: 1rem 2rem;
	background-color: var(--primary-100);
	border-radius: 2rem;
	display: flex;
	align-items: center;
	border: none;
	margin-bottom: 2rem;
}

.dnnSearchBox > a.dnnSearchBoxClearText{
	position: static;
	width: 2rem;
	min-width: 2rem;
	height: 2rem;
	mask: url(../assets/icons/closeCircled.svg) no-repeat center / cover; 
	-webkit-mask: url(../assets/icons/closeCircled.svg) no-repeat center / cover; 
	order: 2;
	display: flex !important;
	margin-bottom: unset;
	background: var(--Gray-20) !important;
	transition: var(--transition);
}

.dnnSearchBox_advanced{
	display: none;
}

.dnnSearchBox > a.dnnSearchButton{
	position: static !important;
	margin: 0 !important;
	background-image: none !important;
	width: 40px !important;
	height: 40px !important;
	min-width: 40px !important;
	mask: url(../assets/icons/search.svg) no-repeat center / 24px 24px !important;
	-webkit-mask: url(../assets/icons/search.svg) no-repeat center / 24px 24px !important;
	background-color: var(--primary-50) !important;
	order: 0 !important;
}

.dnnSearchResultPanel{
	background: unset;
	display: flex;
	justify-content: end;
	align-items: baseline;
	margin-inline-start: auto;
}

.dnnRight:has(.dnnPager-current){
	display: none;
}

.dnnSearchResultPanel::before{
	content: "Sort:";
	color: var(--Gray-20);
	font-size: var(--fz-t6);
	font-weight: var(--fw-500);
	line-height: var(--lh-t6);
	margin-inline-end: 1rem;
}
body.rtl .dnnSearchResultPanel::before{
	content: 'ترتیب براساس';
}

.ModSearchResultsC{
	display: flex;
	justify-content: end;
	flex-wrap: wrap;
}

.dnnSearchResultPager,
.dnnSearchResultPanel{
	width: 50%;
}

.dnnSearchResultPager {
	order: 1;
	border: none !important;
	margin: 0 !important;
	vertical-align: middle;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 40px;
	font-size: var(--fz-b4);
	line-height: var(--lh-b4);
	font-weight: var(--fw-400);
}

.dnnSearchResultItem-Others,
.dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Others span{
	color: var(--Gray-80);
	font-weight: var(--fw-400);
	font-size: var(--fz-b4);
	line-height: var(--lh-b4);
}

.dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Description b{
	color: var(--secondar-50);
	font-weight: inherit;
}

.dnnSearchResultPanel {
	order: 2;
	margin: 0;
	padding: 0;
}
.dnnSearchResultPager span{
	margin: 0;
}


.dnnSearchResultPager:not(.dnnSearchResultPagerTop){
	display: none !important;
}

.dnnSearchResultContainer{
	width: 100%;
	margin-top: var(--title-space);
	padding-top: 30px;
	border-image: linear-gradient(
		270deg,
		transparent 0%,
		var(--primary-60) 50%,
		transparent 100%
	)
	1;
	border-top:solid 2px;
	order: 3;
}

.dnnSearchResultSortOptions{
	display: flex;
	gap: 1.5rem;
}

.dnnSearchResultPanel .dnnSearchResultSortOptions > li > a, .dnnSearchResultPanel .dnnSearchResultSortOptions > li > a{
	background: unset !important;
	border-bottom: solid 1px transparent;
	font-size: var(--fz-t6);
	font-weight: var(--fw-500);
	line-height: var(--lh-t6);
	color: var(--Gray-20);
	transition: var(--transition);
	padding: 0 0 0.25rem 0;
}

.dnnSearchResultPanel .dnnSearchResultSortOptions > li{
	border: none;
}

.dnnSearchResultPanel .dnnSearchResultSortOptions > li.active > a, .dnnSearchResultPanel .dnnSearchResultSortOptions > li.active > a:hover{
	border-color: var(--primary-50) ;
	color: var(--primary-50);
}

.dnnSearchResultPanel .dnnSearchResultSortOptions{
	border: none;
	padding: 0;
}

.dnnRight{
	margin-right: 0 !important;
}
/* -------------------------------------------------------------------------- */
/*                         SubPage General Components                         */
/* -------------------------------------------------------------------------- */
.subPageSection table {
	border-radius: var(--border-radius-sm);
	margin-inline: auto;
	padding: 0.5rem;
}