@font-face {
	font-family: 'EchrahNet Font';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/echrahnet-font.woff2') format('woff2');
}




/* Standar CSS */
::selection {
	color:#fff;
	background:var(--linkB)
}
.drK ::selection {
	background:var(--darkU)
}
*, ::after, ::before {
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
* {
	-webkit-tap-highlight-color:transparent
}
h1, h2, h3, h4, h5, h6 {
	margin:0;
	font-weight:500;
	font-family:var(--fontH);
	color:var(--headC)
}
h1 {
	font-size:1.9rem
}
h2 {
	font-size:1.7rem
}
h3 {
	font-size:1.5rem
}
h4 {
	font-size:1.4rem
}
h5 {
	font-size:1.3rem
}
h6 {
	font-size:1.2rem
}
a {
	color:var(--linkC);
	text-decoration:none
}
a:hover {
	opacity:.9;
	transition:opacity .1s
}
table {
	border-spacing:0
}
iframe {
	max-width:100%;
	border:0;
	margin-left:auto;
	margin-right:auto
}
input, button, select, textarea {
	font:inherit;
	font-size:100%;
	color:inherit;
	line-height:normal
}
input::placeholder {
	color:rgba(0,0,0,.5)
}
img {
	display:block;
	position:relative;
	max-width:100%;
	height:auto
}
svg {
	width:22px;
	height:22px;
	fill:var(--iconC)
}
svg.line, svg .line {
	fill:none!important;
	stroke:var(--iconC);
	stroke-linecap:round;
	stroke-linejoin:round;
	stroke-width:1
}
svg.c-1 {
	fill:var(--iconCa)
}
svg.c-2 {
	fill:var(--iconCs);
	opacity:.4
}
.hidden {
	display:none !important
}
.invisible {
	visibility:hidden !important
}
.clear {
	width:100%;
	display:block;
	margin:0;
	padding:0;
	float:none;
	clear:both
}
.fCls {
	display:block;
	position:fixed;
	top:-50%;
	left:-50%;
	right:-50%;
	bottom:-50%;
	z-index:1;
	transition:var(--trans-1);
	background:transparent;
	opacity:0;
	visibility:hidden
}
.free::after, .new::after {
	display:inline-block;
	content:'Free!';
	color:var(--linkC);
	font-size:12px;
	font-weight:400;
	margin:0 5px
}
.new::after {
	content:'تابع!'
}
svg .svgC {
	fill:var(--linkC)
}
svg.line .svgC {
	fill:none;
	stroke:var(--linkC)
}
.drK svg .svgC {
	fill:var(--darkU)
}
.drK svg.line .svgC {
	fill:none;
	stroke:var(--darkU)
}
.bD .bmPs, .pInf .pIc .bmPs, .bmPs>svg .d, .isBkm, .cBkPs, .ckW, .tocL, .headR .headM .themeBtn, .cusW {
	display:none
}
.lazy.loaded, .tocL, .pVws:not(.hidden) {
	animation:opaCity .5s 0s;
	-webkit-animation:opaCity .5s 0s
}
/* Unfilled Ads */
ins.adsbygoogle[data-ad-status="unfilled"] {
	display:none !important
}
/* Main Element */
html {
	scroll-behavior:smooth;
	overflow-x:hidden
}
body {
	-webkit-font-smoothing:antialiased;
	position:relative;
	top:0!important;
	margin:0;
	padding:0!important;
	width:100%;
	font-family:var(--fontB);
	font-size:14px;
	color:var(--bodyC);
	background:var(--bodyB);
	-webkit-font-smoothing:antialiased;
	animation:opaCity 1s 0s;
	-webkit-animation:opaCity 1s 0s
}
.secIn {
	margin:0 auto;
	padding-left:20px;
	padding-right:20px;
	max-width:var(--contentW)
}
/* Notif Section */
.ntfC {
	display:flex;
	align-items:center;
	position:relative;
	min-height:var(--notifH);
	background:var(--notifU);
	color:var(--notifC);
	padding:10px 15px;
	font-size:13px;
	transition:var(--trans-1);
	overflow:hidden;
	border-radius:10px;
	margin-bottom:20px
}
.ntfC::before {
	content:'';
	width:60px;
	height:60px;
	background:rgba(0,0,0,.15);
	display:block;
	border-radius:50%;
	position:absolute;
	top:-12px;
	left:-12px;
	opacity:.1
}
.Rtl .ntfC::before {
	left:unset;
	right:-12px
}
.ntfC .secIn {
	width:100%;
	position:relative
}
.ntfC .c {
	display:flex;
	align-items:center
}
.ntfT {
	width:100%;
	padding-right:15px;
	text-align:center
}
.ntfT a {
	color:var(--linkC);
	font-weight:500
}
.ntfI:checked ~ .ntfC {
	height:0;
	min-height:0;
	margin:0;
	padding:0;
	opacity:0;
	visibility:hidden
}
.ntfA {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	text-align:initial
}
.ntfA >a {
	flex-shrink:0;
	white-space:nowrap;
	display:inline-block;
	margin-right:10px;
	padding:8px 12px;
	border-radius:var(--buttonR);
	background:#fffdfc;
	color:var(--notifC);
	font-size:12px;
	font-weight:400;
	box-shadow:0 10px 8px -8px rgb(0 0 0 / 12%);
	text-decoration:none
}
.drK .ntfA >a {
	background:var(--darkU);
	color:#fffdfc
}
/* Fixed/Pop-up Element */
.fixL {
	display:flex;
	align-items:center;
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	margin-bottom:-100%;
	z-index:20;
	transition:var(--trans-1);
	width:100%;
	height:100%;
	opacity:0;
	visibility:hidden
}
.fixLi, .fixL .cmBri {
	width:100%;
	max-width:680px;
	max-height:calc(100% - 60px);
	border-radius:12px;
	transition:inherit;
	z-index:3;
	display:flex;
	overflow:hidden;
	position:relative;
	margin:0 auto;
	box-shadow:0 5px 30px 0 rgba(0,0,0,.05)
}
.fixLs {
	padding:60px 20px 20px;
	overflow-y:scroll;
	overflow-x:hidden;
	width:100%;
	background:var(--contentB)
}
.fixH, .mnH {
	display:flex;
	background:inherit;
	position:absolute;
	top:0;
	left:0;
	right:0;
	padding:0 10px;
	z-index:2
}
.fixH .cl {
	padding:0 10px;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	position:relative;
	flex-shrink:0;
	min-width:40px
}
.echrahnet-close-icon {
	display:block;
	width:16px;
	height:16px;
	flex:0 0 16px;
	fill:none!important;
	stroke:currentColor!important;
	stroke-width:1.25;
	pointer-events:none
}
.mnH .c {
	display:flex;
	align-items:center
}
.fixT::before {
	content:attr(data-text);
	flex-grow:1;
	padding:16px 10px;
	font-size:90%;
	opacity:.7
}
.fixT .c::before, .mnH .c::after {
	content:attr(aria-label);
	font-size:11px;
	margin:0 8px;
	opacity:.6
}
.fixi:checked ~ .fixL, #comment:target .fixL {
	margin-bottom:0;
	opacity:1;
	visibility:visible
}
.fixi:checked ~ .fixL .fCls, #comment:target .fixL .fCls, .searchWidget input:focus ~ .fCls {
	opacity:1;
	visibility:visible;
	background:rgba(0,0,0,.2);
	-webkit-backdrop-filter:saturate(180%) blur(10px);
	backdrop-filter:saturate(180%) blur(10px)
}
.shBri {
	max-width:520px
}
/* display:flex */
.headI, .bIc {
	display:flex;
	align-items:center
}
/* Header Section */
header {
	width:100%;
	z-index:10;
	position:-webkit-sticky;
	position:sticky;
	top:0;
	box-shadow:0 0 15px rgba(0,0,0,.07)
}
header a {
	display:block;
	color:var(--bodyC)
}
header svg {
	width:20px;
	height:20px;
	fill:var(--headerI);
	opacity:.8
}
header svg.line {
	fill:none;
	stroke:var(--headerI)
}
.headCn {
	position:relative;
	height:var(--headerH);
	color:var(--headerC);
	background:var(--headerB);
	display:flex
}
.headL {
	display:flex;
	align-items:center;
	width: var(--navW);
	/* change var(--navW) to increase header title width */
	padding:0 0 0 20px;
	transition:var(--trans-1)
}
.headL .headIc {
	flex:0 0 30px
}
.headL .headN {
	width:calc(100% - 30px);
	padding:0 0 0 5px
}
.headR {
	padding:0 25px;
	flex-grow:1;
	transition:var(--trans-1)
}
.headI .headP {
	display:flex;
	justify-content:flex-end;
	position:relative
}
.headI .headS {

}
.headI {
	height:100%;
	justify-content:space-between;
	position:relative;
	width:calc(100% + 15px);
	left:-7.5px;
	right:-7.5px
}
.headI >* {
	margin:0 7.5px
}
.headIc {
	font-size:11px;
	display:flex;
	list-style:none;
	margin:0;
	padding:0
}
.headIc >* {
	position:relative
}
.headIc svg {
	z-index:1
}
.headIc .tNav svg {
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg)
}
.navI:checked ~ .mainWrp .headIc .tNav svg {
	-webkit-transform:none;
	transform:none
}
.headIc .isSrh {
	display:none
}
ul.headIc {
	position:relative;
	width:calc(100% + 14px);
	left:-7px;
	right:-7px;
	justify-content:flex-end
}
ul.headIc li {
	margin:0 2px
}
ul.headIc li >* {
	cursor:pointer
}
.Header {
	background-repeat:no-repeat;
	background-size:100%;
	background-position:center
}
.Header img {
	max-width:160px;
	max-height:45px
}
.Header .echrahnetLogo {
	display:block;
	position:relative;
	width:152.86px;
	height:45px;
	max-width:160px;
	flex:none
}
.Header .echrahnetLogo::before,
.Header .echrahnetLogo::after {
	content:'';
	position:absolute;
	inset:0;
	-webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
	-webkit-mask-position:center;
	mask-position:center;
	-webkit-mask-size:contain;
	mask-size:contain
}
.Header .echrahnetLogo::before {
	background:#fafafb;
	-webkit-mask-image:url('../images/Echrah.Net-Logo-White.svg');
	mask-image:url('../images/Echrah.Net-Logo-White.svg')
}
.Header .echrahnetLogo::after {
	background:var(--linkC);
	-webkit-mask-image:url('../images/Echrah.Net-Logo-Accent.svg');
	mask-image:url('../images/Echrah.Net-Logo-Accent.svg')
}
.Header .headH {
	display:block;
	color:inherit;
	font-size:var(--headerT);
	font-weight:var(--headerW)
}
.Header .headH.hasSub {
	display:flex;
	align-items:baseline
}
.Header .headTtl {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	display:block
}
.Header .headSub {
	margin:0 5px;
	font:400 11px var(--fontB);
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	max-width:60px;
	opacity:.6
}
.Header .headSub::before {
	content:attr(data-text)
}
/* Icon */
.tIc {
	width:30px;
	height:30px;
	justify-content:center
}
.tIc::after {
	content:'';
	background:var(--transB);
	border-radius:var(--iconHr);
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	transition:var(--trans-1);
	opacity:0;
	visibility:hidden
}
.tIc:hover::after {
	opacity:1;
	visibility:visible;
	transform:scale(1.3,1.3)
}
.tDL:not(.modeState) .d2, .drK .tDL:not(.modeState) .d1 {
	display:none
}
ul.headIc li .fCls, .headR .headM, .isDrk .cusW {
	cursor:auto
}
/* mainIn Section */
.mainWrp:after {
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:170px;
	height:170px;
	border-radius:0 0 0 200px;
	background:rgba(0,0,0,.02);
	z-index:-1
}
.drK .mainWrp:after {
	background:rgba(0,0,0,.10)
}
.blogCont {
	flex-grow:1;
	padding:20px 0 0;
	position:relative;
	transition:var(--trans-1)
}
.blogCont .section, .blogCont .widget:not(:first-child) {
	margin-top:40px
}
.blogCont .section:first-child, .blogCont footer .section:not(:first-child), .blogCont footer .widget:not(:first-child), .blogCont .section.mobMn, #site-top-content .widget:not(:first-child) {
	margin-top:0
}
#site-top-content .widget:first-child {
	margin-bottom:20px
}
.blogM {
	flex-wrap:wrap;
	justify-content:center;
	padding-bottom:40px
}
.sidebar {
	max-width:500px;
	margin:50px auto 0
}
/* mainNav */
.mnBrs {
	background:var(--contentB)
}
.mnBr a {
	color:inherit
}
.mnBr ul {
	list-style:none;
	margin:0;
	padding:0
}
.mnMob {
	align-self:flex-end;
	background:inherit;
	border-top:1px solid var(--contentL);
	bottom:0;
	left:0;
	padding:15px 20px 20px;
	position:absolute;
	right:0;
	text-align:center;
	z-index:1
}
.mnMob .mSoc {
	display:flex;
	justify-content:center;
	left:-7px;
	margin-top:5px;
	position:relative;
	right:-7px;
	width:calc(100% + 14px)
}
.mnMob + .mnMen {
	padding-bottom:100px
}
.mnMen {
	padding:20px 15px
}
.mMenu {
	margin-bottom:10px
}
.mMenu >* {
	display:inline
}
.mMenu >*:not(:last-child)::after {
	content:'\00B7';
	font-size:90%;
	opacity:.6
}
.mMenu a:hover {
	text-decoration:underline
}
.mSoc >* {
	position:relative
}
.mSoc svg {
	z-index:1
}
.mSoc svg, .mnMn svg {
	width:20px;
	height:20px;
	opacity:.8
}
.mSoc span, .mMenu span {
	opacity:.7
}
.mNav {
	display:none;
	position:relative;
	max-width:30px
}
.mNav svg {
	height:18px;
	opacity:.7;
	z-index:1
}
.mnMn >li {
	position:relative
}
.mnMn >li.br::after {
	content:'';
	display:block;
	border-bottom:1px solid var(--contentL);
	margin:12px 5px
}
.mnMn li:not(.mr) .a:hover, .mnMn ul li >*:hover {
	background:var(--transB)
}
.mnMn li:not(.mr) .a:hover, .mnMn ul li a:hover {
	color:var(--linkC)
}
.mnMn li:not(.mr) ul {
	padding-left:30px
}
.mnMn li ul {
	display:none;
	opacity:0;
	visibility:hidden
}
.mnMn ul li >*, .mnMn .a {
	display:flex;
	align-items:center;
	padding:10px 5px;
	position:relative;
	width:calc(100% + 10px);
	left:-5px;
	right:-5px;
	border-radius:8px;
	transition:var(--trans-1)
}
.mnMn ul li >* {
	padding:10px
}
.mnMn li li a >* {
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	display:flex;
	line-height:20px;
	overflow:hidden
}
.mnMn li li a >* svg {
	margin-right:5px
}
.mnMn .a >* {
	margin:0 5px
}
.mnMn .a:hover svg:not(.d) {
	fill:var(--linkC)
}
.mnMn .a:hover svg.line:not(.d) {
	fill:none;
	stroke:var(--linkC)
}
.mnMn .n, .mnMn ul li >* {
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	flex:1 0 calc(100% - 64px)
}
.mnMn svg {
	flex-shrink:0
}
.mnMn svg.d {
	width:14px;
	height:14px
}
.mnMn .drp.mr .a {
	font-size:13px;
	padding-bottom:0;
	opacity:.7
}
.mnMn .drp.mr svg.d {
	display:none
}
.mnMn .drpI:checked ~ .a svg.d {
	transform:rotate(180deg)
}
.mnMn .drpI:checked ~ ul {
	display:block;
	position:relative;
	opacity:1;
	visibility:visible
}
@media screen and (min-width:897px) {
	.bD:not(.hdMn) .navI:not(:checked) ~ .mainWrp .blogMn .mnMn :not(.mr) ul li >*, .hdMn .navI:checked ~ .mainWrp .blogMn .mnMn :not(.mr) ul li >* {
		margin-left:5px;
		overflow:visible;
		width:calc(100% + 5px)
	}
	.bD:not(.hdMn) .navI:not(:checked) ~ .mainWrp .blogMn .drp:not(.mr) ul::before, .hdMn .navI:checked ~ .mainWrp .blogMn .drp:not(.mr) ul::before {
		border-left:1px solid;
		content:'';
		display:block;
		height:calc(100% - 20px);
		left:15px;
		opacity:.2;
		position:absolute;
		width:1px
	}
	.bD:not(.hdMn) .navI:not(:checked) ~ .mainWrp .blogMn .drp:not(.mr) ul li a::before, .hdMn .navI:checked ~ .mainWrp .blogMn .drp:not(.mr) ul li a::before {
		border-bottom:1px solid;
		content:'';
		display:block;
		height:1px;
		left:-15px;
		opacity:.2;
		position:absolute;
		top:17.5px;
		width:13px
	}
	.bD:not(.hdMn) .navI:not(:checked) ~ .mainWrp .blogMn .drp:not(.mr) ul.s li a::before, .hdMn .navI:checked ~ .mainWrp .blogMn .drp:not(.mr) ul.s li a::before {
		top:20px
	}
	.bD:not(.hdMn) .navI:not(:checked) ~ .mainWrp .blogMn .drp:not(.mr) ul:not(.s)::before, .hdMn .navI:checked ~ .mainWrp .blogMn .drp:not(.mr) ul:not(.s)::before {
		height:calc(100% - 18.5px)
	}
	.bD:not(.hdMn) .navI:not(:checked) ~ .mainWrp .blogMn .mnMn li li a:hover svg, .hdMn .navI:checked ~ .mainWrp .blogMn .mnMn li li a:hover svg {
		fill:var(--linkC)
	}
	.bD:not(.hdMn) .navI:not(:checked) ~ .mainWrp .blogMn .mnMn li li a:hover svg.line, .hdMn .navI:checked ~ .mainWrp .blogMn .mnMn li li a:hover svg.line {
		fill:none;
		stroke:var(--linkC)
	}
	.drK body:not(.hdMn) .navI:not(:checked) ~ .mainWrp .blogMn .mnMn li li a:hover svg, .drK body.hdMn .navI:checked ~ .mainWrp .blogMn .mnMn li li a:hover svg {
		fill:var(--darkU)
	}
	.drK body:not(.hdMn) .navI:not(:checked) ~ .mainWrp .blogMn .mnMn li li a:hover svg.line, .drK body.hdMn .navI:checked ~ .mainWrp .blogMn .mnMn li li a:hover svg.line {
		fill:none;
		stroke:var(--darkU)
	}
	.Rtl:not(.hdMn) .navI:not(:checked) ~ .mainWrp .blogMn .drp ul:before, .Rtl.hdMn .navI:checked ~ .mainWrp .blogMn .drp ul:before {
		left:unset;
		right:15px
	}
	.Rtl:not(.hdMn) .navI:not(:checked) ~ .mainWrp .blogMn .mnMn :not(.mr) ul li >*, .Rtl.hdMn .navI:checked ~ .mainWrp .blogMn .mnMn :not(.mr) ul li >* {
		margin-left:0;
		margin-right:5px
	}
	.Rtl:not(.hdMn) .navI:not(checked) ~ .mainWrp .blogMn .drp ul li a:before, .Rtl.hdMn .navI:checked ~ .mainWrp .blogMn .drp ul li a:before {
		left:unset;
		right:-15px
	}

}
@media screen and (max-width:896px) {
	.bD .navI:checked ~ .mainWrp .blogMn .mnMn :not(.mr) ul li >* {
		margin-left:5px;
		overflow:visible;
		width:calc(100% + 5px)
	}
	.bD .navI:checked ~ .mainWrp .blogMn .drp:not(.mr) ul::before {
		border-left:1px solid;
		content:'';
		display:block;
		height:calc(100% - 20px);
		left:15px;
		opacity:.2;
		position:absolute;
		width:1px
	}
	.bD .navI:checked ~ .mainWrp .blogMn .drp:not(.mr) ul li a::before {
		border-bottom:1px solid;
		content:'';
		display:block;
		height:1px;
		left:-15px;
		opacity:.2;
		position:absolute;
		top:17.5px;
		width:13px
	}
	.bD .navI:checked ~ .mainWrp .blogMn .drp:not(.mr) ul.s li a::before {
		top:20px
	}
	.bD .navI:checked ~ .mainWrp .blogMn .mnMn li li a:hover svg {
		fill:var(--linkC)
	}
	.bD .navI:checked ~ .mainWrp .blogMn .mnMn li li a:hover svg.line {
		fill:none;
		stroke:var(--linkC)
	}
	.drK body.bD .navI:checked ~ .mainWrp .blogMn .mnMn li li a:hover svg {
		fill:var(--darkU)
	}
	.drK body.bD .navI:checked ~ .mainWrp .blogMn .mnMn li li a:hover svg.line {
		fill:none;
		stroke:var(--darkU)
	}
	.Rtl .navI:checked ~ .mainWrp .blogMn .drp ul:before {
		left:unset;
		right:15px
	}
	.Rtl .navI:checked ~ .mainWrp .blogMn .mnMn :not(.mr) ul li >* {
		margin-left:0;
		margin-right:5px
	}
	.Rtl .navI:checked ~ .mainWrp .blogMn .drp ul li a:before {
		left:unset;
		right:-15px
	}

}
/* Mobile Menu */
.mobMn {
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	border-top:1px solid var(--mobL);
	border-radius:var(--mobBr) var(--mobBr) 0 0;
	background:var(--mobB);
	color:var(--mobT);
	padding:0 20px;
	box-shadow:0 -10px 25px -5px rgba(0,0,0,.1);
	z-index:2;
	font-size:12px
}
.mobMn svg.line {
	stroke:var(--mobT);
	opacity:.8
}
.mobMn ul {
	height:55px;
	display:flex;
	align-items:center;
	justify-content:center;
	list-style:none;
	margin:0;
	padding:0
}
.mobMn li {
	display:flex;
	justify-content:center;
	flex:1 0 20%
}
.mobMn li >* {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:35px;
	height:35px;
	border-radius:20px;
	padding:0 8px;
	transition:var(--trans-1);
	color:inherit
}
.mobMn li svg {
	margin:0 3px;
	flex-shrink:0
}
.mobMn li >*::after {
	content:attr(data-text);
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	max-width:0;
	margin:0;
	transition:inherit;
	opacity:.7
}
.mobMn li >*:hover::after {
	max-width:70px;
	margin:0 3px
}
.mobMn .nmH {
	opacity:.7
}
.mobMn li >*:hover {
	background:var(--mobHv)
}
.mobMn li >*:hover svg.line {
	fill:var(--mobT) !important;
	opacity:.5
}
.mobMn li >*:hover svg.line .svgC {
	fill:var(--linkB) !important;
	stroke:var(--linkB)
}
/* Style 2 */
.MN-2 .mobMn {
	font-size:10px
}
.mobS .mobMn li >* {
	flex-direction:column;
	position:relative
}
.mobS .mobMn li >*:hover {
	background:transparent
}
.MN-2 .mobMn li >*::after {
	max-width:none
}
/* Style 3 */
.MN-3 .mobMn li >*::after, .MN-4 .mobMn li >*::after {
	content:'';
	width:4px;
	height:4px;
	border-radius:50%;
	position:absolute;
	bottom:-2px;
	opacity:0
}
.MN-3 .mobMn li >*:hover::after,  .MN-4 .mobMn li >*:hover::after {
	background:var(--linkB);
	opacity:.7
}
.MN-3 .mobMn li >*:hover svg.line, .MN-4 .mobMn li >*:hover svg.line {
	stroke:var(--linkB);
	fill:var(--linkB) !important;
	opacity:.7
}
/* Style 4 */
.MN-4 .mobMn {
	left:15px;
	right:15px;
	bottom:15px;
	padding:0 10px;
	border-radius:var(--headerR);
	box-shadow: 0 5px 35px rgba(0,0,0,.1);
	transition:bottom 1.2s ease;
	-webkit-transition:bottom 1.2s ease
}
.MN-4 .mobMn.slide {
	bottom:-150px;
	transition:bottom 1.5s ease;
	-webkit-transition:bottom 1.5s ease
}
/* Bidirectional Page Scroll */
.tTb {
	z-index:3;
	cursor:pointer;
	pointer-events:auto;
	bottom:70px;
	border:0;
	border-radius:50%;
	background:0 0;
	outline:none;
	margin:0;
	padding:0;
	text-align:unset;
	animation:.3s opaCity;
	display:flex;
	position:fixed;
	inset-inline-end:20px
}
.tTb svg {
	pointer-events:none;
	width:36px;
	height:36px
}
.tTb circle:first-of-type {
	fill:var(--contentB);
	stroke:var(--contentL)
}
.tTb circle:last-of-type {
	stroke:var(--linkC);
	stroke-dashoffset:100;
	transition:stroke-dashoffset .5s cubic-bezier(.5,1.7,.4,.8)
}
.tTb path {
	stroke:currentColor;
	transform-origin:50% center;
	transition:transform .3s;
	transform:rotate(180deg)
}
.tTb:not(.b) path {
	transform:rotate(0deg)
}
/* Footer */
footer {
	font-size:97%;
	line-height:1.8em;
	color:var(--fotT);
	padding:40px 0 20px
}
.footer {
	padding:20px;
	background:var(--fotB);
	box-shadow: 0 5px 35px rgba(0,0,0,.1);
	border-radius:10px
}
footer .navigationLinks a {
	display:inline-block;
	color:inherit;
	line-height:20px
}
footer .navigationLinks a:hover {
	text-decoration:underline
}
footer .navigationLinks li::before {
	content:'\2013';
	opacity:.3
}
.footerSocialLinks {
	margin-bottom:30px
}
.footerSocialList {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:6px;
	margin:0;
	padding:0;
	list-style:none
}
.footerSocialItem {
	display:flex
}
.footerSocialLink {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:30px;
	height:30px;
	color:inherit;
	background:#f6f6f6;
	border:1px solid var(--contentL);
	border-radius:6px;
	opacity:1;
	text-decoration:none
}
a.footerSocialLink:hover {
	background:#f1f1f0;
	text-decoration:none
}
.footerSocialLink:focus-visible {
	outline:2px solid var(--linkC);
	outline-offset:2px
}
.footerSocialLink.is-disabled {
	opacity:.8
}
.footerSocialLink svg {
	display:block;
	width:20px;
	height:20px;
	fill:currentColor;
	pointer-events:none
}
.fotIn ul {
	list-style:none;
	margin:0;
	padding:0
}
.fotIn {
	display:flex;
	flex-wrap:wrap;
	position:relative;
	width:calc(100% + 30px);
	left:-15px;
	right:-15px
}
.fotIn >* {
	width:calc(21.666% - 30px);
	margin:0 15px
}
.fotIn >*:first-child {
	width:calc(35% - 30px)
}
.fotIn .widget {
	margin-bottom:30px
}
.fotIn .widget .title {
	color:inherit;
	margin-bottom:12px;
	font-weight:500;
	font-size:14px
}
.abtU {
	max-width:calc(100% - 25px)
}
.abtU::before {
	content:attr(data-text);
	font-size:13px;
	opacity:.6;
	display:block;
	margin-bottom:3px
}
.abtU >* {
	align-items:center;
	display:flex;
	justify-content:space-between;
	margin:10px 0
}
.abtU .pu-views::before {
	content:'إجمالي عدد مشاهدات الموقع ' attr(data-text) ' مرات.';
	opacity:.8
}
.abtL {
	flex:0 0 70px;
	width:70px;
	height:70px;
	background-repeat:no-repeat;
	background-size:100%;
	background-position:center;
	border-radius:10px
}
.abtT {
	flex:0 0 calc(100% - 82px)
}
.abtT .tl {
	color:inherit;
	font-size:1.3rem
}
.abtD {
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	display:-webkit-box;
	line-height:1.4em;
	margin:4px 0 0;
	overflow:hidden
}
/* Footer Credit */
footer .credit a {
	display:inline-flex;
	align-items:center
}
.copyrightMark {
	font-family:Arial, Helvetica, sans-serif
}
.echrahnetXGlyph {
	stroke:currentColor;
	stroke-width:.4;
	transform:scale(.8);
	transform-origin:center
}
footer .credit a svg {
	width:13px;
	height:13px;
	margin:0 3px;
	fill:var(--linkC)
}
.cdtIn {
	display:flex;
	align-items:baseline;
	justify-content:space-between;
	position:relative;
	width:calc(100% + 20px);
	left:-10px;
	right:-10px
}
.cdtIn >* {
	margin:0 10px
}
.cdtIn .creditsWidget {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.fotCd {
	display:inline-flex
}
.fotCd .creator {
	opacity:0
}
/* Wave Animation */
.wvC {
	position:absolute;
	bottom:0;
	width:100%;
	z-index:-1
}
.wvS {
	position:relative
}
.wvS .waves {
	position:absolute;
	bottom:0;
	width:100%;
	height:60px;
	min-height:100px;
	max-height:150px
}
.wvH {
	position:relative;
	height:0;
	background:var(--waveB)
}
.plx > use {
	fill:var(--waveB);
	animation:waveMove 25s cubic-bezier(.55,.5,.45,.5) infinite
}
.plx > use:nth-child(1) {
	opacity:.7;
	animation-delay:-2s;
	animation-duration:7s
}
.plx > use:nth-child(2) {
	opacity:.5;
	animation-delay:-3s;
	animation-duration:10s
}
.plx > use:nth-child(3) {
	opacity:.3;
	animation-delay:-4s;
	animation-duration:13s
}
.plx > use:nth-child(4) {
	opacity:1;
	animation-delay:-5s;
	animation-duration:20s
}
.drK .wvH {
	background:var(--darkW)
}
.drK .plx > use {
	fill:var(--darkW)
}
@keyframes waveMove {
	0% {
		transform: translate3d(-90px,0,0)
	}
	100% {
		transform: translate3d(85px,0,0)
	}

}





/* Awesome Style */
.InfoBox>*>td>span {
	display: none
}
.InfoBox > * > * i {
	font-size: 18px;
	font-style: normal !important;
	padding: 0 0 0 6px
}


.image {
	width: 100%;

}