/* *------------------------------- slider Blog Card Start ------------------------------- */

.blog__SliderCards_Wrapper {
	margin-inline: -0.5rem;
	margin-block: -2rem;
}

.blog__SliderCards_Wrapper .slick-list {
	padding-block: 2rem;
}

.card__Image_Box {
	display: block;
	overflow: hidden;
	border-radius: var(--border-radius);
}
.card__Image_Box img {
	width: 100%;
	object-fit: cover;
	object-position: center;
	aspect-ratio: 2;
}

.blog__CardContent_Wrapper {
	gap: 1.5rem;
	--icon-rotate:90deg;
}

.blog__Card_Summary {
	--line-limit: 2;
}

.blog__Card_Title {
	color: var(--Gray-20);
}

.blog__Card_Date {
	color: var(--Gray-70);
	display: flex;
	gap: 0.25rem;
}

body.rtl .blog__Card_Date .day{
	order: -1;
}
body:not(.rtl) .blog__Card_Date .day::after{
	content: ',';
}

.blog__Card {
	padding: 1rem;
	border: solid 1px var(--Gray-90);
	border-radius: var(--border-radius-lg);
	transition: var(--transition);
}

.blog__SliderCards_Wrapper .blog__Card {
	margin-inline: 0.5rem;
}

.blog__Card:hover {
	border-color: var(--primary-40);
	box-shadow: var(--box-shadow-2);
}



.slick__Nav_Wrapper{
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	gap: 0.75rem;
}

.slick__Nav_Wrapper .slick-dots{
	margin-top: 0;
}
.slick__Nav_Wrapper .slick-dots li{
	display: flex;
	align-items: center;
}

.slick__Nav_Wrapper .slick-arrow{
	position: static !important;
	transform: unset !important;
	translate: unset !important;
	
	width: 1.5rem !important;
	height: 1.5rem !important;
	background-color: unset !important;
	padding: 0 !important;
	--arrow-accent: var(--primary-50) !important;
}
/* .slick__Nav_Wrapper .slick-arrow::before{
	mask-size: 180%;
	-webkit-mask-size: 180%;
} */

.slick__Nav_Wrapper .slick-arrow:hover{
	background-color: unset !important;
}

.slick__Nav_Wrapper .slick-next {
	order: 2;
}
@media (min-width:992px) {
	.slick__Nav_Wrapper:has([aria-label="1 of 1"]){
		display: none;
	}
}

@media (max-width:991px) {

	.blog__CardContent_Wrapper{
		gap: 0.75rem;
	}

}

/* !------------------------------- slider Blog Card End --------------------------------- */

/* *------------------------------- Media List Start ------------------------------- */

.media__List_Wrapper {
	display: grid;
	--grid-col: 3;
	grid-template-columns: repeat(var(--grid-col), 1fr);
	gap: var(--title-space) 1rem;
}

.Media__Card {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	--icon: 1.5rem;
	--icon-color: var(--Gray-40);
	--icon-rotate: 90deg;
}

.Media__Card:hover {
	--icon-color: var(--secondar-50);
	--icon-rotate: 45deg;
	--card-accent: var(--Gray-10);
}
.Media__Card:hover .Media__Card_TitleBox .ezIcon {
	scale: 1.2;
}

.Media__Card_TitleBox {
	display: flex;
	justify-content: space-between;
	color: var(--card-accent, var(--Gray-40));
	max-width: 100%;
	align-items: center;
}

.Media__Card .card__Image_Box {
	position: relative;
}
.Media__Card .card__Image_Box img {
	aspect-ratio: 400/250;
	object-fit: cover;
	object-position: center;
	transition: calc(var(--transition) * 1.75);
}
.Media__Card:hover .card__Image_Box img {
	scale: 1.2;
}

.Media__Card .card__Image_Box .blog__Date {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	color: var(--white);
	transition: var(--transition);
	opacity: 0;
	visibility: hidden;
	background-color: hsla(228, 49%, 23%, 0.4);
	padding: 40px;
	display: flex;
	align-items: center;
	text-shadow: 0px 4px 10px #000000bf;
}



body.rtl .Media__Card .card__Image_Box .blog__Date {
	left: unset;
	right: 0;
}

.Media__Card .card__Image_Box .blog__Date .date__Inner {
	transform: translate(-100%);
	transition: var(--transition);
}
.Media__Card:hover .card__Image_Box .blog__Date .date__Inner {
	transform: translate(0%);
}

.Media__Card:hover .card__Image_Box .blog__Date {
	opacity: 1;
	visibility: visible;
	padding-inline-end: 0;
}

.Media__Card .card__Image_Box img {
	width: 100%;
	height: auto;
}

@media (max-width:991px) {
	.media__List_Wrapper{
		--grid-col:2;
	}
}

@media (max-width:575px) {
	.media__List_Wrapper{
		--grid-col:1;
	}
}

/* !------------------------------- Media List End --------------------------------- */

/* *------------------------------- blog Pagination Start ------------------------------- */

.PagingTable {
	display: flex;
	justify-content: center;
	margin-top: var(--title-space) !important;
	margin-bottom: 0 !important;
	height: fit-content !important;
}

.PagingTable [align="left"] {
	display: none !important;
}
.PagingTable [align="right"] {
	display: flex;
	align-items: center;
	gap: 0.25rem;
}

.PagingTable td span,
.PagingTable a {
	color: var(--Gray-30) !important;
	font-size: var(--fz-t4) !important;
	font-weight: var(--fw-600) !important;
	border-radius: var(--border-radius) !important;
	height: 2.5rem !important;
	min-width: 2.5rem !important;
	line-height: normal !important;
	border: none !important;
	box-shadow: none !important;
	display: inline-flex !important;
	padding: 0 !important;
	margin: 0 !important;
	justify-content: center !important;
	align-items: center !important;
	transition: var(--transition);
	background-color: transparent;
}

.PagingTable tbody tr td:last-child span.active {
	color: var(--white) !important;
	background-color: var(--primary-50);
}

.PagingTable a:hover {
	background-color: var(--primary-99);
}

:is(.PagingTable td span, .PagingTable a):is(:nth-child(2), :nth-last-child(2)) {
	background-color: unset !important;
	font-size: 0 !important;
	--icon-color: var(--primary-70);
	--icon: 1.5rem;
	--icon-url: url(../assets/icons/chevUp.svg);
	--icon-rotate:calc( 90deg * var(--direction-num));
}
:is(.PagingTable td span, .PagingTable a):is(:nth-child(2), ) {
	--icon-rotate: calc(-90deg * var(--direction-num));
}
:is(.PagingTable td span, .PagingTable a):is(:nth-child(2), :nth-last-child(2)):is(span) {
	--icon-color: var(--primary-95);
}
:is(.PagingTable td span, .PagingTable a):is(:nth-child(2), :nth-last-child(2)):is(a):hover {
	--icon-color: var(--primary-50);
}

:is(.PagingTable td span, .PagingTable a):is(:nth-child(2), :nth-last-child(2))::after {
	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: all var(--transition);
	-webkit-transition: all var(--transition);
	rotate: var(--icon-rotate, 0deg);
}
:is(.PagingTable td span, .PagingTable a):is(:nth-child(1), :nth-last-child(1)) {
	display: none !important;
}

/* !------------------------------- blog Pagination End --------------------------------- */

/* *------------------------------- media content Start ------------------------------- */

.media__Content_BreadCrumn {
	color: var(--Gray-40);
}
.media__Content_BreadCrumn span:not(.breadCrumb__Item) {
	color: var(--secondar-50);
	font-weight: var(--fw-700);
}

.media__Title {
	--icon-color: var(--secondar-50);
	--icon: 2rem;
	display: flex;
	align-items: center;
	gap: 0.75rem;
	color: var(--Gray-00);
}

.media__Header_Date {
	--icon: 1.5rem;
	--icon-color: var(--Gray-40);
	color: var(--Gray-40);
	display: flex;
	align-items: center;
	gap: 1rem;
}

.media__Info_Paragraph {
	color: var(--Gray-10);
	line-height: 2rem;
	text-align: justify;
}

.media__Info_MainImage {
	min-height: 400px;
}
.media__Info_MainImage .img_Wrapper {
	float: inline-end;
	width: 50%;
	padding-inline-start: 1rem;
	overflow: hidden;
	height: fit-content;
}
.media__Info_MainImage .img_Wrapper img {
	width: 100%;
	border-radius: 1.5rem;
}

.media__Info_Wrapper,
.video_Wrapper {
	border-bottom: 2px solid;
	border-image: linear-gradient(
			270deg,
			transparent 0%,
			hsla(209, 94%, 26%, 0.5) 50%,
			transparent 100%
		)
		1;
	padding-bottom: 48px;
}

.media__Section_Title {
	display: flex;
	align-items: center;
	--icon-color: var(--secondar-99);
	--icon: 3.25rem;
	--icon-mr: -12px;
	color: var(--Gray-20);
}

.media__Section_Title h3 {
	position: relative;
	z-index: 1;
}

.display__Wrapper {
	/* overflow: hidden; */
	height: fit-content;
}

.media__Videos .display__Wrapper {
	overflow: hidden;
	border-radius: 1.5rem;
}

.display__Wrapper .slick-arrow {
	width: 80px;
	height: 80px;
	border: solid 2px var(--arrow-accent) !important;
	background: transparent !important;
	--arrow-accent: var(--white);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 3 !important;
}

.display__Wrapper .slick-arrow.slick-disabled {
	opacity: 0;
}

.display__Wrapper .slick-arrow:hover {
	background: transparent !important;
}

.display__Wrapper .slick-arrow::before {
	width: 2rem;
	height: 2rem;
}

.display__Wrapper .slick-next {
	translate: calc(-1 * (100% + 28px));
}
.display__Wrapper .slick-prev {
	translate: calc(1 * (100% + 28px));
}

.picture_Wrapper .display__Wrapper::after,
.picture_Wrapper .display__Wrapper::before {
	content: "";
	width: 150px;
	height: 100%;
	display: block;
	top: 0;
	position: absolute;
	z-index: 2;
	backdrop-filter: blur(15px);
	border-radius: 1.5rem 0 0 1.5rem;
	background: transparent;
	mask: linear-gradient(-90deg, transparent, black 50%);
	-webkit-mask: linear-gradient(-90deg, transparent, black 50%);
}
.picture_Wrapper .display__Wrapper::after {
	left: 0;
}

.picture_Wrapper .display__Wrapper::before {
	right: 0;
	transform: rotate(180deg);
}


.img__Display_Item img {
	width: 100%;
	aspect-ratio: 1.6;
	max-height: calc(100vh - var(--header-height) - 300px);
	object-fit: cover;
	object-position: center;
	border-radius: 1.5rem;
}

.media__Pictures {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.thumbnail__Wrapper .thumbItem {
	margin-inline: 0.5rem;
	border: solid 2px var(--Gray-95);
	border-radius: 0.5rem;
	transition: var(--transition);
	overflow: hidden;
	cursor: pointer;
}
.thumbnail__Wrapper .thumbItem:hover {
	border-color: var(--Gray-40);
	box-shadow: 0px 8px 16px 0px #0e132833;
}
.thumbnail__Wrapper .thumbItem.slick-current {
	border-color: var(--secondar-50);
}

.thumbnail__Wrapper .slick-list {
	margin-inline: -0.5rem;
	padding-block: 2rem;
	margin-block: -2rem;
}

@media (max-width:991px) {
	.media__Info_MainImage .img_Wrapper{
		width: 100%;
		padding-inline-start: 0;
		margin-bottom: 1.5rem;
	}

	.media__Info_MainImage .img_Wrapper img,
	.media__Videos .display__Wrapper,
	.img__Display_Item img{
		border-radius: 0.5rem;
	}

	.picture_Wrapper .display__Wrapper::after, .picture_Wrapper .display__Wrapper::before{
		border-radius: 0.5rem 0 0 0.5rem;
		width: 44px;
	}

	.display__Wrapper .slick-arrow{
		width: 2rem;
		height: 2rem;
		border-width: 1px  !important;
	}

	.display__Wrapper .slick-arrow::before{
		width: 18px;
		height: 18px;
	}

	.display__Wrapper .slick-prev{
		translate: calc(1 * (100% + 0.5rem));
	}
	.display__Wrapper .slick-next{
		translate: calc(-1 * (100% + 0.5rem));
	}
}

/* !------------------------------- media content End --------------------------------- */

/* *------------------------------- main BlogList Start ------------------------------- */

.blog__Main_List {
	display: grid;
	--col:3;
	grid-template-columns: repeat(var(--col) , 1fr);
	gap: 1rem;
}

/* category List */
.blog__Category_Wrapper{
	display: flex;
	align-items: center;
	gap: 1.5rem;
	line-height: 2rem;
	color: var(--Gray-60);
}

.blog__Cat_Item{
	color: var(--item-accent,var(--Gray-20));
	border-bottom: solid 1px var(--item-accent,transparent);
	transition: var(--transition);
}

.blog__Cat_Item.active{
	--item-accent:var(--secondar-50);
}

@media (max-width:991px) {
	.blog__Main_List {
		--col:2;
	}
}
@media (max-width:575px) {
	.blog__Main_List {
		--col:1;
	}
}


/* !------------------------------- main BlogList End --------------------------------- */

/* *------------------------------- blog Detail Start ------------------------------- */

.blog__Detail_Image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	max-height: 80vh;
}

.blog__Detail_Image{
	position: relative;
}

.blog__Detail_Image::before{
	content: '';
	display: block;
	width: 100%;
	height: calc(2 * var(--header-height));
	background: linear-gradient(
		180deg,
		rgba(0, 0, 0, 0.4) 0%,
		transparent 100%
	);
	position: absolute;
	top: 0;left: 0;
}

body.rtl .blog__Detail_Image::before{
	left: unset;
	right: 0;
}

.blog__BreadCrumb{
	position: absolute;
	top:calc(2rem + var(--header-height));
	left: 50%;
	transform: translate(-50%);
}

.blog__BreadCrumb .breadCrumb__Item{
	color: var(--white);
}

.Blog__Header_Date {
	display: flex;
	align-items: center;
	--icon-color:var(--Gray-50);
	--icon:1.5rem;
	gap: 0.5rem;
}

.blog__Detail_Body{
	text-align: justify;
	color: var(--Gray-10);
}

.blog__Detail_Body img{
	margin-block: 1.5rem;
	width: 100% !important;
	max-height: 50vh;
	object-fit: cover;
	object-position: center;
	border-radius: 0.5rem;
}

@media (max-width:991px) {
	.blog__BreadCrumb{
		top: 1.5rem;
	}

	.blog__Detail_Image{
		height: 380px;
	}
}



/* !------------------------------- blog Detail End --------------------------------- */