footer * {
	color: inherit;
}

footer {
	background-color: var(--primary-10);
	color: var(--white);
	--icon-color: var(--white);
	--footer-ptop:56px;
	--footer-pbottom:2rem;
	padding-block: var(--footer-ptop) var(--footer-pbottom); 
}
/* 
.footer__Logo_Wrapper {
	display: flex;
	justify-content: end;
} */

.footer__Top {
	padding-bottom: 1.5rem;
	border-bottom: 1px solid;
	border-image: linear-gradient(
			270deg,
			transparent 0%,
			hsla(0, 0%, 100%, 0.5) 50%,
			transparent 100%
		)
		1;
	margin-bottom: 2rem;
}

@media (max-width: 991px) {
	footer {
		--footer-ptop:2rem;
		--footer-pbottom:1.5rem;	
		padding-block: var(--footer-ptop) var(--footer-pbottom);
	}

	.footer__Top {
		margin-bottom: 1.5rem;
	}
}

/* *------------------------------- Footer Pages Mneu Start ------------------------------- */

.footer_Menu_List {
	display: flex;
	gap: 1.5rem;
	align-items: center;
}

.footer_Menu_List .footer__Menu_Item {
	display: flex;
	gap: 0.75rem;
	--icon: 1rem;
	--icon-url: url(../assets/icons/logo-curve.svg);
	align-items: center;
	font-size: var(--fz-md);
	font-weight: var(--fw-500);
	color: var(--Gray-70);
	--icon-color: var(--secondar-50);
	transition: var(--transition);
}

.footer_Menu_List .footer__Menu_Item:hover {
	color: var(--white);
	--icon-color: var(--secondar-30);
}

.footer_Menu_List .footer__Menu_Item::before {
	content: "";
	height: var(--icon);
	width: var(--icon);
	min-width: var(--icon);
	min-height: var(--icon);
	display: inline-flex;
	background: var(--icon-color);
	mask: var(--icon-url) no-repeat center / cover;
	-webkit-mask: var(--icon-url) no-repeat center / cover;
	transition: var(--transition);
}

@media (max-width: 991px) {
	.footer_Menu_List {
		flex-direction: column;
		align-items: start;
	}

	.footer_Menu_List .footer__Menu_Item {
		--icon: 1rem;
	}
}

/* !------------------------------- Footer Pages Mneu End --------------------------------- */

/* *------------------------------- Footer Contact Info Start ------------------------------- */

.footer__Contact_Links {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	line-height: 1.5rem;
	--icon: 1.5rem;
	font-size: var(--fz-t6);
	font-weight: var(--fw-400);
}

.footer__Contact_Item {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	color: var(--Gray-70);
	transition: var(--transition);
	--icon-color: var(--Gray-70);
}

.footer__Contact_Item:hover {
	color: var(--white);
	--icon-color: var(--secondar-50);
}

@media (max-width: 991px) {
	body:not(.rtl) .footer__Contact_Links {
		font-size: var(--fz-b5);
		margin-bottom: 0.75rem;
		letter-spacing: 1px;
	}

  .footer__Contact_Item{
    align-items: start;
  }
}

/* !------------------------------- Footer Contact Info End --------------------------------- */

/* *------------------------------- footer Social Start ------------------------------- */

.footer__Social_Wrapper {
	display: grid;
	grid-template-rows: repeat(3, 1fr);
	gap: 0.75rem;
	--icon: 1rem;
	grid-auto-flow: column;
	width: fit-content;
}

.footer__Social_Item {
	padding: 0.5rem;
	border-radius: var(--border-radius-lg);
	border: solid var(--white) 1px;
	background-color: transparent;
	transition: var(--transition);
	display: flex;
}

.footer__Social_Item:hover {
	background-color: var(--white);
	--icon-color: var(--primary-10);
}

@media (max-width: 991px) {
	.footer__Social_Wrapper {
		display: flex;
		flex-wrap: wrap;
		margin-top: 2rem;
	}
}

/* !------------------------------- footer Social End --------------------------------- */

/* *------------------------------- Bottom Nav Start ------------------------------- */

.side__Category_Wrapper .category__Title {
	border-bottom: solid var(--Gray-95) 1px;
	color: var(--primary-40);
	display: flex;
	gap: 1rem;
	align-items: center;
	margin-bottom: 1.5rem;
}

.sideCat_List {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.sideCat_List .side__Cat_Title {
	width: fit-content;
	color: var(--cat-title-accent, var(--Gray-40));
	font-size: var(--fz-b3);
	font-weight: var(--cat-title-weight, var(--fw-400));
}
.sideCat_List li.sideCat_List-have-sub-menu > .sideCat_List_Item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-inline-end: 1rem;
	--icon-rotate: -180deg;
	--icon-url: url(../assets/icons/chevUp.svg);
	--icon-color: var(--Gray-40);
}
.sideCat_List li.active.sideCat_List-have-sub-menu > .sideCat_List_Item {
	--icon-rotate: 0deg;
	--cat-icon-gray: 0;
	--cat-image-op: 1;
	--cat-title-accent: var(--primary-40);
}

.sideCat_List li.sideCat_List-have-sub-menu > .sideCat_List_Item::after,
.sideCat_List > li > .sideCat_List-sub-menu .side__Cat_Title::before {
	content: "";
	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 / cover;
	-webkit-mask: var(--icon-url) no-repeat center / cover;
	margin: var(--icon-mt, 0) var(--icon-mr, 0) var(--icon-mb, 0) var(--icon-ml, 0);
	transition: all var(--transition);
	-webkit-transition: all var(--transition);
	rotate: calc(var(--icon-rotate, 0deg) * var(--direction-num, 1));
	cursor: pointer;
}

.sideCat_List-sub-menu {
	margin-inline-start: 4rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

/* layer 1  */
.sideCat_List > li {
	border-bottom: 1px var(--Gray-95) solid;
}
.sideCat_List > li > .sideCat_List_Item {
	--icon-rotate: -90deg;
}
.sideCat_List > li > .sideCat_List_Item .side__Cat_Title {
	display: flex;
	align-items: center;
	gap: 1rem;
	--cat-title-weight: var(--fw-500);
}
.sideCat_List > li > .sideCat_List_Item .side__Cat_Title img {
	height: 66px;
	filter: grayscale(var(--cat-icon-gray, 1));
	opacity: var(--cat-image-op, 0.7);
	transition: var(--transition);
}
/* layer 2 */
.sideCat_List > li > .sideCat_List-sub-menu {
	padding-block: 1.5rem 2rem;
}

/* layer 2 and so on */

.sideCat_List > li > .sideCat_List-sub-menu .side__Cat_Title {
	gap: 0.5rem;
	display: flex;
	align-items: center;
	--icon: 18px;
	--icon-color: var(--secondar-50);
	--icon-url: url(../assets/icons/arrowRight.svg);
	--icon-rotate: 90deg;
}

.bottomNav {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 64px;
	z-index: 999;
	background: var(--primary-10);
	box-shadow: 0px -8px 16px 0px rgba(14, 19, 40, 0.32);
	padding: 0.5rem 0;
	transition: 0.5s;
	z-index: 12;
}

.bottomNav.hide {
	bottom: -20%;
}

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

.bottomNav__Item {
	flex: 1;
}

.bottomNav_Txt {
	font-size: 11px;
}

.bottomNav_Opener,
.bottomNav__Item.order a {
	display: flex;
	align-items: center;
	flex-direction: column;
	flex: 1;
}

.bottomNav__Item .ezIcon {
	--icon: 1.5rem;
	background: var(--white);
}

.bottomNav__Item:is(:has(.bottomNav_Opener.active),:hover) .ezIcon {
	background: var(--secondar-50);
}

body:has(.bottomNav_Side.active) .blackOver {
	opacity: 1;
	visibility: visible;
}

.blackOver {
	width: 100vw;
	height: 100vh;
	height: 100dvh;
	transition: var(--transition);
	position: fixed;
	top: 0;
	left: 0;
	background-color: #0000007e;
	transition-property: opacity, visibility;
	backdrop-filter: blur(5px);
	z-index: 10;
	opacity: 0;
	visibility: hidden;
}

@supports (-webkit-touch-callout: none) {
	/* for ios */
	.blackOver {
		background-color: #000000c5;
	}
}

.bottomNav_Side {
	position: fixed;
	left: 0;
	top: 0;
	padding-top: 1.5rem;
	padding-bottom: 4rem;
	height: 100vh;
	width: 80vw;
	min-width: 350px;
	background: var(--white);
	background-position: center bottom;
	background-size: cover;
	z-index: 10;
	display: flex;
	transform: translateX(calc(-100% * var(--direction-num)));
	transition: all 0.2s;
	flex-direction: column;
	justify-content: flex-start;
	overflow-y: auto;
	z-index: 11;
}

 
body.rtl .bottomNav_Side {
  left: unset;
  right: 0;
}

.bottomNav_Side.active {
	transform: translateX(0);
	transition: all 0.2s;
	opacity: 1;
}

.bottomNav_Side .container_Title {
	margin-bottom: 2.5rem;
}

.bottomNav_Side .menu-main {
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
}

.bottomNav_Side .menu-main li {
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid var(--Gray-95);
	width: 100%;
}

.bottomNav_Side .menu-main li a {
	padding-inline-start: 1.75rem;
	position: relative;
}

.bottomNav_Side .menu-main li a::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 20px;
	height: 20px;
	background: url(../assets/icons/chevUp.svg) no-repeat center;
	transform: translateX(calc(-50% * var(--direction-num)));
	rotate: calc(90deg * var(--direction-num));
}

body.rtl .bottomNav_Side .menu-main li a::before {
	left: unset;
	right: 0;
}

@media (max-width: 992px) {
	.sideCat_List-sub-menu {
		margin-inline-start: 2rem;
	}
}

/* !------------------------------- Bottom Nav End   ------------------------------- */


/* *------------------------------- footer lOGO Start ------------------------------- */


@media (min-width:992px) {
	body:not(.personabar-visible) #dnn_footer__Bottom_End{
	   position: absolute;
	   top: calc(-1 * var(--footer-ptop) + 0.5rem);
	   height: calc(100% + var(--footer-ptop) + var(--footer-pbottom) - 0.5rem);
	   right: 0;
	}

	.footerLogo_Text{
		position: absolute;
		bottom: calc(var(--footer-ptop) - 0.5rem);
		right: 3.5rem;
		max-width: calc(100% - 3.5rem);
	}

	body.rtl .footerLogo_Text{
		right: unset;
		left: 9.5rem;
	}
	.footer__Logo_Wrapper img{
		height: 100%;
		margin-inline-end: -2rem;
   }

   body:not(.personabar-visible).rtl #dnn_footer__Bottom_End{
	right: unset;
	left: 0;
}
}

@media (max-width:991px) {
	.footer_Logo {
		display: flex;
		align-items: end;
		justify-content: end;
		padding-top: 1.5rem;
		position: relative;
	}

	.footer__Logo_Wrapper img{
		position: absolute;
		bottom: -0.75rem;
		right: 0;
		width: 96px;
		height: 130px;
		object-fit: cover;
		object-position: var(--inline-end) bottom;
	}

	body.rtl .footer__Logo_Wrapper img{
		right: unset;
		left: 0;
	}
}

.copyRight{
	color: hsla(0, 0%, 100%, 0.50);
	background-color: var(--primary-00);
}

/* !------------------------------- footer lOGO End --------------------------------- */