@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100&display=swap");


/* نجعل الهيدر (أو العنصر الذي تريد تثبيته) ملتصقًا أعلى الصفحة */
.site-header {
	position: sticky;
	/* أو position: -webkit-sticky; لدعم سفاري */
	top: 0;
	/* يثبت العنصر عند الذروة العلوية */
	z-index: 999;
	/* قيمة عالية لتتقدم على بقية المحتوى */
	background: #fff;
	/* من المستحسن تحديد خلفية لتغطية المحتوى خلفه */
	/* (اختياري) إذا كنت تريد ظلًا خفيفًا أسفل الهيدر */
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}


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

body {
	font-family: "Tajawal";
	direction: rtl;
	/* Right-to-left direction for Arabic */
	text-align: right;
	background-color: #000;
}

::selection {
	background-color: #BE9E5C;
	/* Background color */
	color: white;
	/* Text color */
}

::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

::-webkit-scrollbar-track {
	background: #000;
}

::-webkit-scrollbar-thumb {
	background: #BE9E5C;
	border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
	background: #BE9E5C;
}

html {
	scroll-behavior: smooth;
}

:root {
	--background-light: #fff6e3;
	--background-dark: #714545;
	--heading-col-one: #816835;
	--heading-col-two: #be9e5c;
	--text-col-one: #A78988;
	--text-white: #fff;
}

.lazy-region {
	position: relative;
}

/* ستظهر هذه الطبقة فوق نهاية القسم أثناء التحميل */
.lazy-region .loader {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	padding: 1em 0;
	font-size: 1.5em;
	background: rgba(255, 255, 255, 0.8);
	pointer-events: none;
	display: none;
}

.lazy-region.loading .loader {
	display: block;
}

/* حركة تقليب الساعة الرملية */
.loader-icon {
	display: inline-block;
	font-size: 2rem;
	color: #c69d5b;
	/* لضبط مركز الدوران */
	transform-origin: center center;
	animation: hourglassFlip 3s steps(2, end) infinite;
}

/* ضعها في style.css أو في تخصيص > CSS إضافي */
.splesh_card_stats .coming-soon {
	padding-bottom: 50px;
	display: inline-block;
	font-weight: 800;
	line-height: 1.2;
	/* حجم مرن بين 18px و 36px حسب العرض */
	font-size: clamp(18px, 2.2vw + 8px, 36px);
	letter-spacing: .3px;
  }
  
  /* لو حاب تكبير إضافي على الديسكتوب */
  @media (min-width: 992px) {
	.splesh_card_stats .coming-soon {
	   font-size: 40px;
	}
  }
  
  /* ولو تريد تصغير خفيف على الشاشات الصغيرة جدًا */
  @media (max-width: 360px) {
	.splesh_card_stats .coming-soon {
	   font-size: 20px;
	}
  }
  

@keyframes hourglassFlip {
	0% {
		transform: rotate(0deg);
	}

	49% {
		transform: rotate(0deg);
	}

	50% {
		transform: rotate(180deg);
	}

	99% {
		transform: rotate(180deg);
	}

	100% {
		transform: rotate(360deg);
	}
}


.lazy-region .loader {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
}

.lazy-region .loader-gif {
	width: 40px;
	height: auto;
}



.search-results {
	padding: 60px 0;
}

.search-results h1 {
	color: #fff;
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 50px;
}

@media (max-width: 767px) {
	.search-results h1 {
		font-size: 28px;
	}
}

.logo {
	width: 100%;
	text-align: center;
}

.logo img {
	width: 150px;
	max-width: 100%;
	height: 150px;
	-o-object-fit: contain;
	object-fit: contain;
}

.summary_card_main {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.9em;
	height: 35em;
	position: relative;
	background: #000;
	padding: 1.5rem 2rem;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, .16);
	border-radius: 10px;
	border: 2px solid #fff;
}

.summary_card_top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}

.summary_card_top_summary_img {
	width: 35%;
	height: 100%;
}

.summary_card_top_summary_img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
}

.summary_card_top_related_post {
	width: 60%;
	position: relative;
	border: 1px solid #fff;
}

.summary_card_top_related_post_img {
	width: 100%;
}

.summary_card_top_related_post_img img {
	width: 100%;
	height: 100%;
}

.summary_card_top_related_post_content {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	justify-content: end;
	flex-direction: column;
	padding: 10px 20px;
	background: #000000c9;
	visibility: hidden;
	opacity: 0;
	transition: 0.3s ease-in-out;
}

.summary_card_top_related_post_content h6 {
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.0025em;
	color: #fff;
}

@media (max-width: 767px) {
	.summary_card_top_related_post_content h6 {
		font-size: 9px;
	}
}

.summary_card_top_related_post:hover .summary_card_top_related_post_content {
	visibility: visible;
	opacity: 1;
}

.summary_card_bottom_content a {
	text-decoration: none;
	font-size: 18px;
	font-weight: 700;
	text-decoration: none;
	color: #fff;
}


/*
.splesh_card_stats {
	overflow: hidden;
	padding-bottom: 50px;

	display: flex;
	flex-direction: column;
	align-items: center;
}
*/

.counter-wrapper {
	--c1: #fff1be;
	--c2: #97801a;
	max-width: 100%;
	overflow: hidden;
	font-family: "Roboto Flex", sans-serif;
	display: flex;
	justify-content: center;
	align-items: center;
}

.counter {
	display: inline-block;
	padding: 0 0.2em;
	white-space: nowarp;
	font-size: clamp(0.6rem, 5vw, 2.1rem);
	font-variation-settings: "wght" var(--font-variation-weight, 600);
}



@keyframes bg {
	100% {
		background-position: 200% center;
	}
}








/*
.program_arrows {
	position: absolute;
	top: 0;
	right: 15px;

	display: flex;
	gap: 8px;
}

.program_arrows .swiper-button-prev,
.program_arrows .swiper-button-next {
	width: 40px;
	height: 40px;
	background: #fff;
	border-radius: 50%;
	color: #000;
	 لون السهم 
	display: flex;
	align-items: center;
	justify-content: center;
}


*/

.splesh_card_mian .mySwiperSplech .swiper-wrapper .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
}

.splesh_card {
	max-height: 100%;
	height: 450px;
	width: 200px;
	border: 2px solid #fff;
	border-radius: 25px;
	background-color: #000;
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	position: relative;
	overflow: hidden;
}

.splesh_card_img {
	width: 100%;
	text-align: center;
}

.splesh_card_img img {
	width: 120px;
	max-width: 100%;
	height: 120px;
	-o-object-fit: contain;
	object-fit: contain;
}

.splesh_card_btn a {
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 120px;
	height: 50px;
	border-radius: 25px;
	background-color: #BE9E5C;
	color: #fff;
	border: none;
	font-size: 25px;
	transition: 0.3s ease-in-out;
}

.splesh_card_btn a:hover {
	transform: translateY(-10px);
}

.splesh_screen {
	width: 100%;
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	display: flex;
	padding: 20px 180px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.splesh_card_mian {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.post_order_number {
	position: absolute;
	left: -8px;
	top: -40px;
	width: 35px;
	padding: 15px;
	height: 520px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	text-shadow: 0 0 15px black;
}

.post_order_number h1 {
	margin-bottom: 0;
	color: #fff;
	font-size: 110px;
}

.splesh_card_mian .mySwiperSplech .swiper-pagination-bullet {
	width: 15px;
	height: 15px;
}

.splesh_card_mian .mySwiperSplech .swiper-pagination-bullet-active {
	background-color: #BE9E5C;
}

.splesh_card_mian .mySwiperSplech .swiper-pagination-bullet {
	background-color: #fff !important;
}

.swiper-pagination-bullet {
	background-color: #fff !important;
}

.splech_card_social {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	position: absolute;
	bottom: 90px;
	transition: 0.3s ease-in-out;
	overflow: visible;
}

.splech_card_social a {
	display: inline-block;
	text-decoration: none;
	margin-top: 0;
	transition: 0.3s ease-in-out;
}

.splech_card_social a i {
	font-size: 20px;
	color: #BF9F5C;
}

.splech_card_social a:hover i {
	color: #fff !important;
}

.book_related_program .article_card {
	max-height: 135px;
	max-width: 200px;
}

.book_related_program .article_card .article_card_content {
	padding: 8px;
}

.book_related_program .article_card .article_card_content h6 {
	margin-bottom: 0px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.book_related_program .article_card .article_card_img img {
	max-height: 100% !important;
	max-width: 100%;
}

.book_related_program {
	margin-top: 20px;
}

.book_related_program .article_card .article_card_content h6 {
	font-size: 11px !important;
}

@keyframes bounce {

	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-10px);
	}
}

header {
	position: sticky;
	top: 0;
	z-index: 999;
	padding: 10px 20px;
	border-bottom: 1px solid #fff;
	background-color: #000;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header-logo {
	width: 80px;
	height: 57px;
}

.header-logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.nav-links ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.nav-links ul li a {
	display: block;
	text-decoration: none;
	padding: 10px 15px;
	font-size: 14px;
	color: #fff;
	font-weight: 600;
	position: relative;
}

.nav-links ul li a:hover {
	color: #000;
	transition: 0.3s ease-in-out;
	background-color: #fff;
	border-radius: 4px;
}

.nav-links ul li a.active::before {
	content: '';
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: -10px;
	left: 0;
	background-color: #BE9E5C;
}

.nav-links ul li a.active {
	color: #BE9E5C;
}


.mobile {
	display: none;
}

.mob_menu {
	position: fixed;
	top: 0;
	left: -300px;
	height: 100vh;
	overflow-y: auto;
	width: 320px;
	background-color: #BE9E5C;
	z-index: 2;
	padding: 20px;
	visibility: hidden;
	opacity: 0;
	transition: 0.3s ease-in-out;
}

.mob_menu.active {
	visibility: visible;
	opacity: 1;
	left: 0;
}

.close_bar i {
	font-size: 25px;
	color: #fff;
}

.mob_links ul {
	padding-left: 0;
	margin-top: 20px;
	list-style-type: none;
}

.mob_links ul li a {
	display: block;
	text-decoration: none;
	padding: 15px 0;
	font-size: 14px;
	color: #fff;
	font-weight: 600;
	position: relative;
}



.hero_banner {
	padding-top: 80px;
	padding-bottom: 70px;
	padding-left: 40px;
	padding-right: 40px;
	background-color: #000;
}

.hero_bar {
	display: flex;
	align-items: center;
	flex-direction: column;
}

.hero_search_container {
	min-width: 160px;
	position: relative;
	margin: 0;
}

.hero_search_container input {
	width: 100%;
	padding: 10px 40px 10px 20px;
	background-color: #000 !important;
	color: #c69d5b;
	border-radius: 25px;
	border: 1px solid #c69d5b;
}

.hero_search_container input:focus {
	outline: none;
}

.hero_search_container i {
	font-size: 16px;
	position: absolute;
	top: 15px;
	right: 15px;
	color: #c69d5b;
}

.hero_search_container button {
	padding: 8px 18px;
	background-color: #BE9E5C;
	color: #fff;
	font-size: 12px;
	border: none;
	font-weight: 500;
	border-radius: 25px;
	position: absolute;
	top: 5px;
	left: 5px;
}

.hero_card_img {
	border-radius: 25px;
}

.hero_card_img img {
	width: 100%;
	height: auto;
	aspect-ratio: 1/1.4;
	object-fit: cover;
	border-radius: 25px;
}

.hero_card_main {
	display: flex;
	gap: 15px;
	padding: 45px 0 130px;
}

.hero_card:nth-child(2) {
	transform: translateY(100px);
}

.hero_card:nth-child(3) {
	transform: translateY(160px);
}

.hero_card:nth-child(4) {
	transform: translateY(100px);
}

.hero_card {
	width: 100% !important;
	max-width: 100% !important;
	display: block;
	position: relative;

	scale: 0.9;
	border-radius: 25px;
	transition: 0.3s ease-in-out;
	border: 1px solid transparent;
}

.hero_card:hover {
	scale: 1;
	border-radius: 25px;
	border: 2px solid #fff;
}

.hero_card_content h6 {
	font-size: 14px;
	font-weight: 600;
	line-height: 21.66px;
	letter-spacing: 0.0025em;
	color: #fff;
}

.hero_card_content p {
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0.0025em;
	color: #fff;
	margin-bottom: 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.hero_card_content {
	position: absolute;
	height: 100%;
	width: auto !important;
	padding: 20px 30px;
	display: flex;
	flex-direction: column;
	justify-content: end;
	top: 0;
	right: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, 1) 9%, rgba(0, 0, 0, 0.4234068627450981) 43%);
	transition: 0.3s ease-in-out;
	border-radius: 25px;
	visibility: hidden;
	opacity: 0;

}

.breadcrumbs::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgb(0 0 0) 12%, rgba(0, 0, 0, 0%) 75%);
	z-index: -1;
}

.hero_card:hover .hero_card_content {
	visibility: visible;
	opacity: 1;
}

.breadcrumbs {
	min-height: 200px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	text-align: start;
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: center;
	position: relative;
	padding: 0 30px;
	z-index: 1;
}

.number_count {
	padding: 10px 15px;
	background-color: #000;
	border-radius: 4px;
	max-height: fit-content;
	cursor: pointer;
	margin-top: 10px;
}

.number_count p {
	color: #fff;
	font-size: 18px;
	margin-bottom: 0;
	font-weight: 600;
}

.number_count span {
	font-weight: 700;
}

.breadcrumbs h1 {
	color: #fff;
	font-weight: bold;
	font-size: 35px;

}

.design_time {
	margin-top: 15px;
}

.hero_content_video iframe {
	height: 297px;
	width: 100%;
}

.hero_content_video {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.hero_sec_content h2 {
	color: var(--heading-col-one);
	font-size: 35px;
	line-height: 1.2;
	font-weight: 600;
	margin-top: 20px;
}

.hero_sec_content p {
	font-size: 16px;
	font-weight: 600;
	color: var(--text-col-one);
	margin-top: 30px;
}

.hero_content {
	padding: 40px 0 20px;
}

.hero_sec_content a {
	padding: 10px 15px;
	font-size: 20px;
	background-color: var(--heading-col-two);
	color: var(--text-white);
	text-decoration: none;
	font-weight: 700;
	display: block;
	max-width: fit-content;
	margin-top: 40px;
}

.hero_sec_content .title {
	display: flex;
	align-items: center;
	gap: 10px;
}

.hero_sec_content .title h1 {
	color: var(--heading-col-one);
	font-size: 40px;
	font-weight: 600;
	margin-bottom: 0;
}

.most_view {
	padding: 50px 60px 50px 60px;
	position: relative;
}

.most_view .title {
	display: flex;
	align-items: center;
	justify-content: right;
	gap: 15px;
	padding-right: 3%;
}

.recently_added .title {
	display: flex;
	align-items: center;
	justify-content: right;
	gap: 15px;
	padding-right: 3%;
}

.most_view .title h1 {
	margin-bottom: 0;
	font-size: 40px;
	font-weight: 700;
	color: #fff;
}

.most_view .title img {
	max-width: 15px;
}

.most_view_card {
	position: relative;
	display: flex;
	flex-direction: column;
	text-decoration: none;
	transition: transform 0.5s ease;
	transform: scale(0.9);
}

.most_view_card:hover {
	transform: scale(1.1);
	border-radius: 12px;
	border: 2px solid #fff;
}

.most_view_card:hover .most_view_card_content {
	visibility: visible;
	opacity: 1;
}

.swiper-slide {
	flex-shrink: 0;
	width: 33%;
	height: 100%;
	position: relative;
	transition-property: transform;
	display: block;
}

.most_view_card_img img {
	overflow: hidden;
	height: 100%;
	max-height: 330px;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	aspect-ratio: 21 / 12;
	border-radius: 12px;
}

.most_view_card_content h6 {
	font-size: 17px;
	font-weight: 600;
	letter-spacing: 0.0025em;
	color: #fff;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.most_view_card_content p {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.0025em;
	color: #fff;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.most_view_card_content {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	justify-content: end;
	flex-direction: column;
	padding: 10px 20px;
	background: #000000c9;
	border-radius: 12px;
	visibility: hidden;
	opacity: 0;
	transition: 0.3s ease-in-out;
}

.most_view .mySwiper {
	padding: 40px 40px 80px 40px;
}

.most_view .section-nav .swiper-button-next {
	position: relative;
	top: 90% !important;
	left: 0% !important;
	right: auto !important;
	margin-top: -3.5%;
	background-color: #fff;
	border: 1px solid #09090999;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: 0.3s ease-in-out;
}

.most_view .section-nav .swiper-button-next:hover {
	background-color: var(--heading-col-two);
	border: none;
}

.most_view .section-nav .swiper-button-next::after {
	font-family: 'Font Awesome 5 Free';
	content: "\f053" !important;
	font-weight: 900;
	color: #09090999;
	font-size: 16px;
}

.most_view .section-nav .swiper-button-prev {
	position: relative;
	top: 90% !important;
	left: 6% !important;
	right: auto !important;
	margin-top: -3.5%;
	background-color: #fff;
	border: 1px solid #09090999;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: 0.3s ease-in-out;
}

.most_view .section-nav .swiper-button-prev:hover {
	background-color: var(--heading-col-two);
	border: none;
}

.most_view .section-nav .swiper-button-prev::after {
	font-family: 'Font Awesome 5 Free';
	content: "\f054" !important;
	font-weight: 900;
	color: #09090999;
	font-size: 16px;
}


.most_view .section-nav .swiper-button-next {
	position: relative;
	top: 90% !important;
	left: 3% !important;
	right: auto !important;
	margin-top: -3.5%;
	background-color: #fff;
	border: 1px solid #09090999;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: 0.3s ease-in-out;
}

.recently_added .section-nav .swiper-button-next {
	position: relative;
	top: 90% !important;
	left: 0% !important;
	right: auto !important;
	margin-top: -3.5%;
	background-color: #fff;
	border: 1px solid #09090999;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: 0.3s ease-in-out;
}

.recently_added .section-nav .swiper-button-next:hover {
	background-color: var(--heading-col-two);
	border: none;
}

.recently_added .section-nav .swiper-button-next::after {
	font-family: 'Font Awesome 5 Free';
	content: "\f053" !important;
	font-weight: 900;
	color: #09090999;
	font-size: 16px;
}

.recently_added .section-nav .swiper-button-prev {
	position: relative;
	top: 90% !important;
	left: 4% !important;
	right: auto !important;
	margin-top: -3.5%;
	background-color: #fff;
	border: 1px solid #09090999;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: 0.3s ease-in-out;
}

.recently_added .section-nav .swiper-button-prev:hover {
	background-color: var(--heading-col-two);
	border: none;
}

.recently_added .section-nav .swiper-button-prev::after {
	font-family: 'Font Awesome 5 Free';
	content: "\f054" !important;
	font-weight: 900;
	color: #09090999;
	font-size: 16px;
}

.filter_close {
	position: absolute;
	top: 60px;
	left: 20px;
}

.filter_close i {
	padding: 10px 15px;
	cursor: pointer;
	font-size: 25px;
	color: #000;
}

.filter_open i {
	padding: 10px 15px;
	font-size: 25px;
	color: #000;
	cursor: pointer;
	border: 1px solid #000;
	border-radius: 4px;
}

.filter_open {
	display: none;
	margin-bottom: 20px;
	margin-right: 20px;
}

.recently_added_top {
	padding: 40px 30px 0 30px;
}

.recently_added {
	padding: 50px 60px 50px 60px;
	position: relative;
	background-color: #000;
}



.recently_added .title h1 {
	margin-bottom: 0;
	font-size: 40px;
	color: #fff;
	font-weight: 700;
}

.recently_added .title img {
	max-width: 15px;
}

.recently_added_top_card {
	position: relative;
	display: flex;
	flex-direction: column;
	position: relative;
	display: flex;
	flex-direction: column;
	text-decoration: none;
	transition: transform 0.5s ease;
	transform: scale(0.9);
}

.recently_added_top_card:hover .video_play {
	display: flex;
}

.recently_added_top_card .video_play {
	display: none;
}

.recently_added_top_card:hover {
	transform: scale(1);
	border-radius: 12px;
	border: 2px solid #fff;
}

.recently_added_top_card_img img {
	overflow: hidden;
	height: 100%;
	max-height: 450px;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	aspect-ratio: 21 / 12;
	border-radius: 12px;
}

.recently_added_top_card_img {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.video_play {
	position: absolute;
	width: 80px;
	height: 80px;
	z-index: 1;
	background-color: #FFFFFF3D;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.video_play i {
	font-size: 44px;
	color: #fff;
	rotate: 180deg;
}

.recently_added_top_card:hover .recently_added_top_card_content {
	visibility: visible;
	opacity: 1;
}

.recently_added_top_card_content h6 {
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.0025em;
	color: #fff;
}

.recently_added_top_card_content p {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.0025em;
	color: #fff;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.recently_added_top_card_content {
	display: flex;
	justify-content: end;
	flex-direction: column;
	padding: 10px 20px;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 12px;
	background: #000000c9;
	visibility: hidden;
	opacity: 0;
	transition: 0.3s ease-in-out;
}

.recently_added_card:hover .recently_added_card_content {
	visibility: visible;
	opacity: 1;
}

.recently_added_card:hover .video_play {
	display: flex;
}

.recently_added_card .video_play {
	display: none;
}

.recently_added_card h6 {
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.0025em;
	color: #fff;
}

.recently_added_card p {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.0025em;
	color: #fff;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.recently_added_card_content {
	display: flex;
	justify-content: end;
	flex-direction: column;
	padding: 10px 20px;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 12px;
	background: #000000c9;
	visibility: hidden;
	opacity: 0;
	transition: 0.3s ease-in-out;
}

.recently_added_card {
	position: relative;
	display: flex;
	flex-direction: column;
	position: relative;
	display: flex;
	flex-direction: column;
	text-decoration: none;
	transition: transform 0.5s ease;
	transform: scale(0.9);
}

.recently_added_card:hover {
	transform: scale(1.1);
	border-radius: 12px;
	border: 2px solid #fff;
}

.recently_added_card_img img {
	overflow: hidden;
	height: 100%;
	max-height: 350px;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	aspect-ratio: 21 / 12;
	border-radius: 12px;
}

.recently_added_card_img {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.recently_added_cards_main .mySwiper1 {
	padding: 40px 40px 80px 40px;
}

.recently_added_cards_main .swiper.mySwiper1 .swiper-button-next {
	top: 90% !important;
	left: 46% !important;
	background-color: #fff;
	border: 1px solid #09090999;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: 0.3s ease-in-out;
}

.recently_added_cards_main .swiper.mySwiper1 .swiper-button-next:hover {
	background-color: var(--heading-col-two);
	border: none;
}

.recently_added_cards_main .swiper.mySwiper1 .swiper-button-next::after {
	font-family: 'Font Awesome 5 Free';
	content: "\f053" !important;
	font-weight: 900;
	color: #09090999;
	font-size: 16px;
}

.recently_added_cards_main .swiper.mySwiper1 .swiper-button-prev {
	top: 90% !important;
	right: 46% !important;
	background-color: #fff;
	border: 1px solid #09090999;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: 0.3s ease-in-out;
}

.recently_added_cards_main .swiper.mySwiper1 .swiper-button-prev:hover {
	background-color: var(--heading-col-two);
	border: none;
}

.recently_added_cards_main .swiper.mySwiper1 .swiper-button-prev::after {
	font-family: 'Font Awesome 5 Free';
	content: "\f054" !important;
	font-weight: 900;
	color: #09090999;
	font-size: 16px;
}

.program {
	padding: 50px 60px 50px 60px;
	position: relative;
}

.program .program_cards_main .mySwiper2 {
	padding-top: 90px;
	padding-bottom: 130px;
}


.program .swiper.mySwiper2 {
	position: relative;
	overflow: hidden;
}

.program .swiper.mySwiper2.swiper-slide-active {
	margin-right: 20px;

}

.program .swiper.mySwiper2 .swiper-button-next {
	top: 6% !important;
	right: auto !important;
	left: 0% !important;
	background-color: #fff;
	border: 1px solid #09090999;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: 0.3s ease-in-out;
}

.program .swiper.mySwiper2 .swiper-button-next:hover {
	background-color: var(--heading-col-two);
	border: none;
}

.program .swiper.mySwiper2 .swiper-button-next::after {
	font-family: 'Font Awesome 5 Free';
	content: "\f053" !important;
	font-weight: 900;
	color: #09090999;
	font-size: 16px;
}

.program .swiper.mySwiper2 .swiper-button-prev {
	top: 6% !important;
	right: auto !important;
	left: 6% !important;
	background-color: #fff;
	border: 1px solid #09090999;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: 0.3s ease-in-out;
}

.program .swiper.mySwiper2 .swiper-button-prev:hover {
	background-color: var(--heading-col-two);
	border: none;
}

.program .swiper.mySwiper2 .swiper-button-prev:after {
	font-family: 'Font Awesome 5 Free';
	content: "\f054" !important;
	font-weight: 900;
	color: #09090999;
	font-size: 16px;
}

.program_arrows .swiper-button-prev,
.program_arrows .swiper-button-next {
	top: 6% !important;
	right: auto !important;
	left: 130px !important;
	background-color: #fff;
	border: 1px solid #09090999;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: 0.3s ease-in-out;
}

.program_intro .title {
	display: flex;
	align-items: center;
	gap: 15px;
}

.program_intro .title h1 {
	margin-bottom: 0;
	font-size: 40px;
	font-weight: 700;
	color: #fff;
}

.program_intro .title img {
	max-width: 15px;
}

/* زر التوسيط*/
.main_btn a {
	text-decoration: none;
	padding: 10px 20px;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	background-color: #BE9E5C;
	border-radius: 25px;
}

.program_intro {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 0 60px;
}

.program_cards_main {
	position: relative;
	overflow: hidden;
	/* مساحة تحت البطاقات للأسهم */
}

.program_card {
	position: relative;
}

.program_card_img img {
	max-height: 350px;
	width: 100%;
	border-radius: 12px;
	object-fit: cover;
}

.program_card_img {
	position: relative;
}

.program_card_img::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 12px;
	inset: 0;
}

.program_card_content h6 {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.0025em;
	color: #fff;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.program_card_content p {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.0025em;
	color: #fff;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.program_card_content {
	display: flex;
	justify-content: end;
	flex-direction: column;
	padding: 10px 20px;
	width: 100%;
	height: 100%;
	position: fixed;
	inset: 0;
	top: 0;
	right: 0;
	border-radius: 12px;
	background: #000000c9;
	visibility: hidden;
	opacity: 0;
	transition: 0.3s ease-in-out;

}

/* نجعل الحاوية relative حتى يمكن تموضع الزر absolute بداخلها */
.program .program_intro {
	position: relative;
	padding: 20px 0;
	/* أو كما يناسبك من مسافة فوق وتحت */
}

/* نثبت العنوان على اليمين */
.program .program_intro .title {
	float: right;
	display: flex;
	align-items: center;
	gap: 15px;
	position: absolute;
	top: 60px;
}



.program .main_btn {
	text-align: center;
}


/* نُحوّل الزر إلى مركز الحاوية */
.program .program_intro .main_btn {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	/* إذا أردت تحريك الزر لأسفل قليلاً بدل منتصف الارتفاع: استخدم top: 60%; مثلاً */
}

/* تأكد أن الرابط داخل الزر يعرضه inline-block للحفاظ على البُعد والحشو */
.program .program_intro .main_btn a {
	display: inline-block;
	text-align: center;
}


/* نعيد تنسيق أزرار Swiper الخاصة بالبرامج */
.myProgramsSwiper .swiper-button-prev,
.myProgramsSwiper .swiper-button-next {
	position: absolute;
	/* تُمكّننا من وضعها حسب الإحداثيات */
	bottom: 10px;
	/* تبعد 10px من أسفل البطاقة */
	width: 44px;
	height: 44px;
	background: #ffffff;
	/* الخلفية بيضاء */
	border-radius: 50%;
	/* دائرية */
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 10;
}

.podcast .swiper.mySwiper2 .swiper-button-prev:hover {
	background-color: var(--heading-col-two);
	border: none;
}

.podcast .swiper.mySwiper2 .swiper-button-prev::after {
	font-family: 'Font Awesome 5 Free';
	content: "\f054" !important;
	font-weight: 900;
	color: #09090999;
	font-size: 16px;
}

/* نقل زر اليسار إلى منتصف الأسفل */
.myProgramsSwiper .swiper-button-prev {
	left: calc(50% - 30px);
	/* منتصف العرض ناقص نصف المسافة بين الزرين */
	color: #000;
}

/* نقل زر اليمين إلى منتصف الأسفل */
.myProgramsSwiper .swiper-button-next {
	left: calc(50% + 30px);
	/* منتصف العرض زائد نصف المسافة بين الزرين */
	color: #000;
}

/* إزالة ظهور النقاط (pagination) إذا كانت موجودة */
.myProgramsSwiper .swiper-pagination {
	display: none !important;
}

.program_cards_main .mySwiper2 .swiper-slide.swiper-slide-active .program_card .program_card_content {
	visibility: visible;
	opacity: 1;
}

.program_cards_main .mySwiper2 .swiper-slide {
	transition: 0.3s ease-in-out;
}

.program_card:hover .program_card_content {
	visibility: visible;
	opacity: 1;
}

.program_cards_main .mySwiper2 .swiper-slide.swiper-slide-active {
	transform: scale(1.5);
	z-index: 11111;
	border-radius: 12px;
	border: 2px solid #fff;
}

.program_cards_main .mySwiper2 {
	padding: 80px 0;
}

.swiper-pagination-bullet {
	width: 15px;
	height: 15px;
}

.swiper-pagination-bullet-active {
	background-color: #BE9E5C;
}

.podcast {
	padding: 50px 60px 50px 60px;
	position: relative;
}

.podcast .title {
	display: flex;
	align-items: center;
	gap: 15px;
	position: absolute;
	top: 80px;
}

.podcast .title h1 {
	margin-bottom: 0;
	font-size: 40px;
	font-weight: 700;
	color: #fff;
}

.podcast .title img {
	max-width: 15px;
}

.podcast_card {
	position: relative;
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	text-decoration: none;
	transform: scale(0.9);
	border: 1px solid transparent;
	transition: 0.3s ease-in-out;
}

.podcast_card:hover .video_play {
	display: none;
}

.podcast_card_img img {
	width: 100%;
	max-width: 100%;
	border-radius: 12px;
	object-fit: cover;
	aspect-ratio: 21 / 12;
}

.podcast_card_img {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
}

.podcast_card_img::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #0C0E128F;
	border-radius: 12px;
	z-index: 1;
}

.video_play img {
	width: 30px;
	height: 30px;
}

.podcast_card_content h6 {
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.0025em;
	color: #fff;
}

.podcast_card_img .video_play {
	z-index: 2;
}

.podcast_card:hover {
	transform: scale(1);
	border-radius: 12px;
	border: 2px solid #fff;
}

.podcast_card_content p {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.0025em;
	color: #fff;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.podcast_card:hover .podcast_card_content {
	visibility: visible;
	opacity: 1;
}

.podcast_card_content {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	justify-content: end;
	flex-direction: column;
	padding: 15px 25px;
	visibility: hidden;
	opacity: 0;
	transition: 0.3s ease-in-out;
	z-index: 2;
}

.podcast .mySwiper3 {
	padding-top: 80px;
	padding-bottom: 60px;
}

.podcast .swiper.mySwiper3 .swiper-button-next {
	top: 6% !important;
	right: auto !important;
	left: 0% !important;
	background-color: #fff;
	border: 1px solid #09090999;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: 0.3s ease-in-out;
}

.podcast .swiper.mySwiper3 .swiper-button-next:hover {
	background-color: var(--heading-col-two);
	border: none;
}

.podcast .swiper.mySwiper3 .swiper-button-next::after {
	font-family: 'Font Awesome 5 Free';
	content: "\f053" !important;
	font-weight: 900;
	color: #09090999;
	font-size: 16px;
}

.podcast .swiper.mySwiper3 .swiper-button-prev {
	top: 6% !important;
	right: auto !important;
	left: 6% !important;
	background-color: #fff;
	border: 1px solid #09090999;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: 0.3s ease-in-out;
}

.podcast .swiper.mySwiper3 .swiper-button-prev:hover {
	background-color: var(--heading-col-two);
	border: none;
}

.podcast .swiper.mySwiper3 .swiper-button-prev::after {
	font-family: 'Font Awesome 5 Free';
	content: "\f054" !important;
	font-weight: 900;
	color: #09090999;
	font-size: 16px;
}

.podcast .main_btn {
	text-align: center;
}

.article {
	background-color: #000;
	padding: 50px 60px 50px 60px;
	position: relative;
}

.article .title {
	display: flex;
	align-items: center;
	gap: 15px;
	position: absolute;
	top: 62px;
	right: 60px;
}

.article .title h1 {
	margin-bottom: 0;
	font-size: 40px;
	font-weight: 700;
	color: #fff;
}

.article .title img {
	max-width: 15px;
}

.article_card {
	position: relative;
	display: flex;
	flex-direction: column;
	text-decoration: none;
	transition: transform 0.5s ease;
	transform: scale(0.9);
}

.article_card:hover {
	transform: scale(1.1);
	border-radius: 12px;
	border: 2px solid #fff;
}

.article_card:hover .article_card_content {
	visibility: visible;
	opacity: 1;
}

.article_card_img img {
	overflow: hidden;
	height: 100%;
	max-height: 350px;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	aspect-ratio: 21 / 12;
	border-radius: 12px;
}

.article_card_content h6 {
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.0025em;
	color: #fff;
}

.article_card_content p {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.0025em;
	color: #fff;
}

.article_card_content {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	justify-content: end;
	flex-direction: column;
	padding: 10px 20px 20px 20px;
	background: #000000c9;
	border-radius: 12px;
	visibility: hidden;
	opacity: 0;
	transition: 0.3s ease-in-out;
}

.article .mySwiper4 {
	padding-top: 80px;
	padding-bottom: 60px;
	padding-left: 40px;
	padding-right: 40px;
}

.article .swiper.mySwiper4 .swiper-button-next {
	top: 6% !important;
	right: auto !important;
	left: 0% !important;
	background-color: #fff;
	border: 1px solid #09090999;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: 0.3s ease-in-out;
}

.article .swiper.mySwiper4 .swiper-button-next:hover {
	background-color: var(--heading-col-two);
	border: none;
}

.article .swiper.mySwiper4 .swiper-button-next::after {
	font-family: 'Font Awesome 5 Free';
	content: "\f053" !important;
	font-weight: 900;
	color: #09090999;
	font-size: 16px;
}

.article .swiper.mySwiper4 .swiper-button-prev {
	top: 6% !important;
	right: auto !important;
	left: 6% !important;
	background-color: #fff;
	border: 1px solid #09090999;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: 0.3s ease-in-out;
}

.article .swiper.mySwiper4 .swiper-button-prev:hover {
	background-color: var(--heading-col-two);
	border: none;
}

.article .swiper.mySwiper4 .swiper-button-prev::after {
	font-family: 'Font Awesome 5 Free';
	content: "\f054" !important;
	font-weight: 900;
	color: #09090999;
	font-size: 16px;
}

.article .main_btn {
	text-align: center;
}

.month_book {
	padding: 40px 0px;
}

.month_book .title {
	display: flex;
	align-items: center;
	gap: 10px;
}

.month_book .title h1 {
	color: #fff;
	font-size: 40px;
	font-weight: 600;
	margin-bottom: 0;
}

.month_book_info_btn {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-top: 15px;
}

.month_book_info .info-with-decor {
	color: #fff;
	font-size: 20px;
	position: relative;
	padding-right: 1.75rem;
	display: flex;
	font-weight: bold;
	margin-top: 15px;
	flex-wrap: wrap;
	padding: .25rem 2rem;
	gap: .5rem;
	grid-gap: .5rem;
}

.number_of_down {
	display: flex;
	align-items: center;
	gap: 15px;
}

.number_of_down i {
	color: #BE9E5C;
	font-size: 20px;
}

.number_of_down span {
	color: #BE9E5C;
	font-size: 20px;
	font-weight: bold;
}

.month_book_info p {
	color: #fff;
	font-weight: 500;
	font-size: 16px;
	margin-top: 15px;
}

.month_book_info .info-with-decor::before {
	content: "";
	width: 20px;
	height: 100%;
	-webkit-clip-path: polygon(0.75rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 0.75rem);
	clip-path: polygon(0.75rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 0.75rem);
	background: #BE9E5C;
	position: absolute;
	right: 0;
	top: 0;
}

.month_book_info {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.month_book_info .book_info_related_card .article_card:hover {
	transform: scale(1) !important;
}

.month_book_image .cover_img {
	position: relative;
	padding: 1rem;
	background: #be9e5c;
	margin-top: -1.5rem;
	border-radius: 10px;
	overflow: hidden;
}

.month_book_image .cover_img img {
	width: 100%;
	height: 100%;
	border-radius: 8px 8px 0 0;
	-o-object-fit: cover;
	object-fit: contain;
}

.month_book_image .cover_img::before {
	content: "";
	width: calc(100% - 2rem);
	height: calc(100% - 2rem);
	background: rgba(0, 0, 0, .05);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.small_social_media {
	display: flex;
	align-items: center;
	gap: .35rem;
	grid-gap: .35rem;
}

.small_social_media a {
	background: #BE9E5C;
	color: #fff;
	border-radius: 50%;
	width: 28px;
	height: 28px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}

.small_social_media a i {
	font-size: 14px;
}

.book_down_btn {

	margin-bottom: 1rem;
}

.book_down_btn a {
	background: #BE9E5C;
	display: inline-flex;
	padding: .5rem 1.2rem .5rem 1.5rem;
	align-items: center;
	grid-gap: .75rem;
	gap: .75rem;
	text-decoration: none;
	-webkit-clip-path: polygon(0.75rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 0.75rem);
	clip-path: polygon(0.75rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 0.75rem);
}

.book_down_btn a span {
	color: var(--text-white);
}

.book_down_btn a i {
	color: var(--text-white);
}

.library_card {
	position: relative;
	display: flex;
	background: #000;
	padding: 1.5rem 2rem;
	gap: 1rem;
	grid-gap: 1rem;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, .16);
	border-radius: 10px;
	border: 2px solid #fff;
}

.library_card_img img {
	object-fit: contain !important;
	border-radius: 6px;
	width: 100% !important;
	max-width: 100%;
	height: 350px;
	/* max-height: 350px; */
}

.library_right {
	height: 100%;
}

.summary_img {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 242px;
	height: 100%;
}

.summary_img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.library_card_content a {
	font-size: 20px;
	font-weight: 700;
	text-decoration: none;
	color: #fff;
}

.book_author p {
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 0;
}

.book_author span {
	font-size: 18px;
	font-weight: 600;
	color: #fff;
}

.share_book span {
	font-size: 18px;
	font-weight: 600;
	color: #fff;
}

.social_media {
	flex-wrap: wrap;
	display: flex;
	align-items: center;
	gap: 1rem;
	grid-gap: 1rem;
}

.social_media a {
	font-size: 22px;
	text-decoration: none;
	color: #fff;
}

.library {
	padding: 50px 60px 50px 60px;
	position: relative;

}

.library p {
	color: #fff;
}

.library .title {
	display: flex;
	align-items: center;
	gap: 15px;
	position: absolute;
	top: 82px;
	right: 60px;
}

.library .title h1 {
	margin-bottom: 0;
	font-size: 40px;
	font-weight: 700;
	color: #fff;
}

.library .title img {
	max-width: 15px;
}

.download_btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	gap: 15px;
	padding: 8px 30px;
	border: 1px solid #BE9E5C;
	background-color: transparent;
	border-radius: 25px;
	max-width: fit-content;
	transition: 0.3s ease-in-out;
	margin-top: 20px;
}

.download_btn a:hover {
	background-color: #BE9E5C;
}

.download_btn a:hover span {
	color: #fff;
}

.download_btn a:hover i {
	color: #fff;
}

.download_btn a span {
	font-size: 16px;
	font-weight: 500;
	color: #BE9E5C;
}

.download_btn a i {
	color: #BE9E5C;
}

.library_card_content .number_of_down {
	margin-top: 20px;
}

.library_card_content .number_of_down i {
	font-size: 16px;
}

.library_card_content .number_of_down span {
	font-size: 14px;
}

.library .mySwiper5 {
	padding-top: 95px;
	padding-bottom: 60px;
	padding-left: 60px;
	padding-right: 60px;
}

.library .swiper.mySwiper5 .swiper-button-next {
	top: 5% !important;
	right: auto !important;
	left: 0% !important;
	background-color: #fff;
	border: 1px solid #09090999;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: 0.3s ease-in-out;
}

.library .swiper.mySwiper5 .swiper-button-next:hover {
	background-color: var(--heading-col-two);
	border: none;
}

.library .swiper.mySwiper5 .swiper-button-next::after {
	font-family: 'Font Awesome 5 Free';
	content: "\f053" !important;
	font-weight: 900;
	color: #09090999;
	font-size: 16px;
}

.library .swiper.mySwiper5 .swiper-button-prev {
	top: 5% !important;
	right: auto !important;
	left: 6% !important;
	background-color: #fff;
	border: 1px solid #09090999;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: 0.3s ease-in-out;
}

.library .swiper.mySwiper5 .swiper-button-prev:hover {
	background-color: var(--heading-col-two);
	border: none;
}

.library .swiper.mySwiper5 .swiper-button-prev::after {
	font-family: 'Font Awesome 5 Free';
	content: "\f054" !important;
	font-weight: 900;
	color: #09090999;
	font-size: 16px;
}

.library .main_btn {
	text-align: center;
}

.extra_info {
	display: flex;
	grid-gap: 1.5rem;
	gap: 1.5rem;
	align-items: center;
	font-size: 14px;
	font-weight: bolder;
}

.extra_info_counter {
	position: relative;
	color: #fff;
}

.extra_info_category {
	color: #fff;
}

.extra_info_counter::before {
	content: "";
	width: 2px;
	height: 100%;
	background: var(--text-white);
	position: absolute;
	right: -0.75rem;
}

.photo_chain {
	padding: 50px 60px 50px 60px;
	position: relative;
}

.photo_chain .title {
	display: flex;
	align-items: center;
	gap: 15px;
	position: absolute;
	top: 62px;
	right: 60px;
}

.photo_chain .title h1 {
	margin-bottom: 0;
	font-size: 40px;
	font-weight: 700;
	color: #fff;
}

.photo_chain .title img {
	max-width: 15px;
}

.photo_chain_card {
	position: relative;
	display: flex;
	flex-direction: column;
	text-decoration: none;
	transition: transform 0.5s ease;
	transform: scale(0.9);
}

.photo_chain_card:hover {
	transform: scale(1.1);
	border-radius: 12px;
	border: 2px solid #fff;
}

.photo_chain_card:hover .photo_chain_card_content {
	visibility: visible;
	opacity: 1;
}

.photo_chain_card_img {
	width: 100%;
}

.photo_chain_card_img img {
	overflow: hidden;
	height: 100%;
	max-height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 12px;
	aspect-ratio: 1 / 1;
}

.photo_chain_card_content h6 {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.0025em;
	color: #fff;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.photo_chain_card_content p {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.0025em;
	color: #fff;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}

.photo_chain_card_content {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	justify-content: end;
	flex-direction: column;
	padding: 10px 20px;
	background: #000000c9;
	border-radius: 12px;
	visibility: hidden;
	opacity: 0;
	transition: 0.3s ease-in-out;
}

.photo_chain .mySwiper6 {
	padding-top: 80px;
	padding-bottom: 60px;
	padding-left: 40px;
	padding-right: 40px;
}

.photo_chain .swiper.mySwiper6 .swiper-button-next {
	top: 6% !important;
	right: auto !important;
	left: 0% !important;
	background-color: #fff;
	border: 1px solid #09090999;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: 0.3s ease-in-out;
}

.photo_chain .swiper.mySwiper6 .swiper-button-next:hover {
	background-color: var(--heading-col-two);
	border: none;
}

.photo_chain .swiper.mySwiper6 .swiper-button-next::after {
	font-family: 'Font Awesome 5 Free';
	content: "\f053" !important;
	font-weight: 900;
	color: #09090999;
	font-size: 16px;
}

.photo_chain .swiper.mySwiper6 .swiper-button-prev {
	top: 6% !important;
	right: auto !important;
	left: 6% !important;
	background-color: #fff;
	border: 1px solid #09090999;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: 0.3s ease-in-out;
}

.photo_chain .swiper.mySwiper6 .swiper-button-prev:hover {
	background-color: var(--heading-col-two);
	border: none;
}

.photo_chain .swiper.mySwiper6 .swiper-button-prev::after {
	font-family: 'Font Awesome 5 Free';
	content: "\f054" !important;
	font-weight: 900;
	color: #09090999;
	font-size: 16px;
}

.photo_chain .main_btn {
	text-align: center;
}

.bootom_bar {
	border-top: 1px solid #b9b9b9;
	text-align: center;
	background-color: #000;
	padding: 10px;
}

.bootom_bar p {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 0;
}

.meb_bar_text {
	color: #fff;
	text-align: center;
}

.footer_section {
	background-color: #000;
	border-top: 1px solid #fff;
	padding: 40px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.company_about p {
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	margin-top: 20px;
}

.footer_social {
	display: flex;
	align-items: center;
	gap: 25px;
}

.footer_social a {
	transition: 0.3s ease-in-out;
}

.footer_social a i {
	font-size: 25px;
	color: #fff;
}

.footer_social a:hover i {
	color: #BE9E5C;
}

.footer_menus ul {
	padding-left: 0;
	list-style-type: none;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	flex-wrap: wrap;
	margin-bottom: 0;
	margin-top: 15px;
}

.footer_menus ul li a {
	display: block;
	padding: 0 20px;
	text-decoration: none;
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	transition: 0.3s ease-in-out;
}

.footer_menus ul li a:hover {
	color: #BE9E5C;
}




.close_bar i {
	font-size: 25px;
	color: #fff;
}

.mob_links ul {
	padding-left: 0;
	margin-top: 20px;
	list-style-type: none;
}

.mob_links ul li a {
	display: block;
	text-decoration: none;
	padding: 15px 0;
	font-size: 14px;
	color: #fff;
	font-weight: 600;
	position: relative;
}

.single_epi_main {
	padding: 40px 0px;
}

.single_epi_container {
	position: relative;
}

/* أخفِ تبويبة المشغّل الأولى */
.episodes_players li:first-child {
	display: none !important;
	color: #000;
	background-color: #000;
}

/* أخفِ محتوى المشغّل الأولى */
.tab-content .tab-pane:first-child {
	display: none !important;
	color: #000;
	background-color: #000;
}

.tab-content {
	color: #000;
	background-color: #000;
	display: none;
}

.tab-content.active {
	display: block;
}

.episodes_players {
	display: none !important;
	background-color: #BE9E5C !important;
	padding: .5rem 2rem;
	cursor: pointer;
	display: inline-flex;
	clip-path: polygon(100% 0%, 100% 50%, 100% 100%, 0 100%, 0 29%, 14% 0);
}

.episodes_players.tab.active {
	display: none !important;
	background-color: var(--heading-col-two) !important;
}

.episodes_players span {
	font-size: 25px;
	color: var(--text-white);
}

.video_container {
	display: flex;
	aspect-ratio: 16 / 9;
	max-height: 728px;
	width: 100%;
	position: relative;
}

.episode_video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.episode_video iframe {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.episode_video video {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}



.episode_info .title {
	display: flex;
	align-items: center;
	gap: 10px;
	max-width: fit-content;
}

.episode_info .title h1 {
	color: var(--heading-col-two);
	font-size: 40px;
	font-weight: 600;
	margin-bottom: 0;
}

.episode_info .book_down_btn {
	padding-top: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	flex-direction: row;
	align-items: center;
	max-width: fit-content;
	gap: 12px;
}

.episode_info .book_down_btn img {
	max-width: 320px;
	max-height: 320px;
}

.episode_info.book-file-type {
	margin-top: 10px;
}

.episode_info.book-file-type img {
	width: 100%;
	height: auto;
}

.single_epi_container .title {
	display: flex;
	align-items: center;
	gap: 10px;
	max-width: fit-content;
}

.single_epi_container .title h1 {
	color: var(--heading-col-two);
	font-size: 40px;
	font-weight: 600;
	margin-bottom: 0;
}

.episode_info p {
	font-weight: 400;
	font-size: 14px;
	color: #fff;
}

.episode_info ol li {
	font-weight: bold;
	font-size: 14px;
}

.episode_info ol {
	padding-left: 0;
	padding-right: 30px;
}

.single_episode_detail {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 1rem 3rem;
	grid-gap: 1rem 3rem;
}

.tag_container {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	grid-gap: 1rem;
	margin: 2rem 0;
}

.tag_container a {
	text-decoration: none;
}

.info_with_decor {
	color: #c69d5b;
	font-size: 16px;
	font-weight: bolder;
	position: relative;
	padding-right: 1.75rem;
	display: flex;
	flex-wrap: wrap;
	padding: .25rem 2rem;
	gap: .5rem;
	grid-gap: .5rem;
	-webkit-clip-path: polygon(0.75rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 0.75rem);
	clip-path: polygon(0.75rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 0.75rem);
	background: #fff;
}

.info_with_decor::before {
	content: "";
	width: 20px;
	height: 100%;
	-webkit-clip-path: polygon(0.75rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 0.75rem);
	clip-path: polygon(0.75rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 0.75rem);
	background: #c69d5b;
	position: absolute;
	right: 0;
	top: 0;
}

.comments {
	margin: 4rem 0;
	max-width: 800px;
	display: flex;
	flex-direction: column;
	border-top: 1px solid silver;
	order: 1;
	padding-top: 40px;
}

.comments h6 {
	margin-bottom: .5rem;
	color: var(--heading-col-two);
	font-size: 16px;
	font-weight: bold;
}

.comments p {
	color: #b1b1b1;
	margin-bottom: 1rem;
	font-size: 14px;
}

.comments textarea {
	color: #BE9E5C;
	background: #000;
	border: none;
	height: 180px;
	width: 100%;
	text-align: right;
	padding: .75rem;
	-webkit-clip-path: polygon(1.35rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 1rem);
	clip-path: polygon(1.35rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 1rem);
}

.comments input {
	color: #714545;
	background: #000;
	border: none;
	width: 100%;
	text-align: right;
	padding: .75rem;
	-webkit-clip-path: polygon(1.35rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 1rem);
	clip-path: polygon(1.35rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 1rem);
}

.comments textarea:focus {
	outline: none;
}

.comments input:focus {
	outline: none;
}

.comments .field_box {
	position: relative;
	margin-bottom: 1rem;
	display: flex;
	flex-direction: column;
	margin-bottom: 1rem;
	padding: 1px;
}

.comments .field_box::before {
	content: "";
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	background: #dbc79e;
	pointer-events: none;
	opacity: .6;
	-webkit-clip-path: polygon(1.35rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 1rem);
	clip-path: polygon(1.35rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 1rem);
}

.comment-form-cookies-consent {
	display: flex;
	gap: 10px;
}

.comment-form-cookies-consent input {
	width: inherit !important;
	-webkit-clip-path: inherit !important;
}

.form-submit input.submit_btn {
	background: #BE9E5C;
	color: #fff;
	border: none;
	transition: .2s all ease-in-out;
	padding: .5rem 1.5rem;
	max-width: fit-content !important;
	margin-top: 1.25rem;
	-webkit-clip-path: polygon(1.35rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 1rem);
	clip-path: polygon(1.35rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 1rem);
	font-size: 16px;
}

.comments-list h6 {
	font-size: 22px;
	color: #fff;
	margin-bottom: 15px;
}

.comments-list {
	color: #fff;
	margin-top: 40px;
}

.comments-list ul {
	list-style-type: none;
}

.comments-list ul li {
	padding: 10px;
	background-color: #000;
	border: 1px solid #BE9E5C;
	border-radius: 4px;
	margin-bottom: 12px;
	margin-right: 20px;
	position: relative;
}

.comments-list ul li::before {
	content: '';
	width: 20px;
	height: 18px;
	position: absolute;
	top: 11px;
	right: -9px;
	background-color: #BE9E5C;
	rotate: 220deg;
	z-index: -1;
}

.comment-replies {
	padding-left: 0;
}

.submit_btn input:hover {
	background-color: var(--heading-col-two);
}

.article_form {
	padding: 40px 0;
}

.article_form .title {
	display: flex;
	align-items: center;
	gap: 10px;
	max-width: fit-content;
	padding: 30px 0;
}

.article_form .title h1 {
	color: var(--heading-col-two);
	font-size: 40px;
	font-weight: 600;
	margin-bottom: 0;
}

.articles_fields p {
	position: relative;
	margin-bottom: 1rem;
	display: flex;
	flex-direction: column;
	margin-bottom: 1rem;
	padding: 1px;
}

.articles_fields p::before {
	content: "";
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background: var(--heading-col-two);
	pointer-events: none;
	opacity: 3;
	-webkit-clip-path: polygon(1.35rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 1rem);
	clip-path: polygon(1.35rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 1rem);
}

.articles_fields input {
	color: #714545;
	background: #fff;
	width: 100%;
	text-align: right;
	border: none;
	padding: .75rem;
	-webkit-clip-path: polygon(1.35rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 1rem);
	clip-path: polygon(1.35rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 1rem);
}

.articles_fields input::placeholder {
	color: #b1b1b1;
}

.articles_fields textarea::placeholder {
	color: #b1b1b1;
}

.wpcf7-not-valid-tip {
	position: relative;
	z-index: 1;
	color: #000;
}

.articles_fields textarea {
	height: 180px;
	color: #714545;
	background: #fff;
	text-align: right;
	border: none;
	width: 100%;
	padding: .75rem;
	-webkit-clip-path: polygon(1.35rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 1rem);
	clip-path: polygon(1.35rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 1rem);
}

.articles_fields input:focus {
	outline: none;
}

.articles_fields textarea:focus {
	outline: none;
}

.send-btn input {
	background: var(--heading-col-two);
	color: var(--text-white);
	display: inline-flex;
	padding: .5rem 1.2rem .5rem 1.5rem;
	align-items: center;
	grid-gap: .75rem;
	gap: .75rem;
	max-width: fit-content;
	-webkit-clip-path: polygon(1.35rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 1rem);
	clip-path: polygon(1.35rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 1rem);
	padding: .5rem 1rem .5rem 1.5rem;
	border: none;
	outline: none;
}

form#category-filter-form label {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #fff;
}

form#category-filter-form {
	margin-top: 10px;
}

.table_content_btn {
	background-color: #c69d5b;
	margin-bottom: 1rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	padding: .35rem 1.5rem;
	color: #fff;
	-webkit-clip-path: polygon(1.35rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 1rem);
	clip-path: polygon(1.35rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 1rem);
	max-width: 300px;
	height: 60px;
	width: 100%;
}

.table_content_btn span {
	font-size: 16px;
}

.table_content_btn i {
	font-size: 16px;
}

.toc_holder {
	background: #000;
	position: relative;
	border-radius: 12px 12px 0 12px;
	border: 1px solid #c69d5b;
	box-shadow: 3px 3px 10px rgba(0, 0, 0, .05);
	visibility: hidden;
	opacity: 0;
	transition: 0.3s ease-in-out;
	height: 0;
	margin: 0;
	padding: 0;
}

.toc_holder.active {
	visibility: visible;
	opacity: 1;
	margin-top: 2.2rem;
	padding: 1.5rem 1rem;
	margin-bottom: 2rem;
	height: 100%;
}

.toc-holder-decor {
	position: absolute;
	border-left: 18px solid rgba(0, 0, 0, 0);
	border-right: 18px solid rgba(0, 0, 0, 0);
	border-bottom: 28px solid #c69d5b;
	right: 6rem;
	bottom: 100%;
	display: block;
	filter: drop-shadow(3px -4px 4px rgba(0, 0, 0, 0.05));
}

.toc_holder ol {
	counter-reset: item;
	padding-right: 1.1rem;
	margin: 0;
	list-style-type: none;
}

.toc_holder ol li a {
	font-size: 16px;
	color: var(--background-dark);
	text-decoration: none;
	font-weight: bold;
}

.toc_holder ol li:not(li:last-child) {
	margin-bottom: 1rem;
}

.single-article-detail p {
	font-size: 16px;
	font-weight: 500;
}

.single-article-detail ul {
	list-style-type: none;
	padding-right: 0;
}

.single-article-detail ul li {
	margin-bottom: 10px;
}

.single-article-detail ul li h6 {
	font-size: 28px;
	font-weight: 500;
	color: var(--background-dark);
}

.single-article-content {
	margin-bottom: 0;
	font-size: 16px;
}

.single-article-content p {
	font-size: 16px;
	color: #fff;
}

.single-article-content p a {
	font-size: 22px;
	color: #fff;
	font-weight: 100;
	transition: 0.3s ease-in-out;
}

.single-article-content p a:hover {
	color: #c69d5b;
}

.single-article-content h1 {
	font-size: 28px;
	font-weight: 500;
	color: #c69d5b;
}

.single-article-content h2 {
	color: #c69d5b;
}

.single-article-content h3 {
	color: #c69d5b;
}

.single-article-content h4 {
	color: #c69d5b;
}

.single-article-content h5 {
	color: #c69d5b;
}

.single-article-content h6 {
	color: #c69d5b;
}

.single-article-content ul {
	list-style-type: none;
	padding-right: 0;
}

.single-article-detail ul li p {
	margin-bottom: 0;
	font-size: 16px;
}

.single-article-detail ul li p a {
	text-decoration: none;
	color: #000;
	font-weight: 700;
	font-size: 16px;
}

.single-article-detail ul li p a:hover {
	color: var(--heading-col-two);
}

.single-article-detail ul li p strong {
	font-size: 14px;
}

#toc ul {
	margin-bottom: 0;
	padding-left: 0;
	list-style-type: none;
}

#toc ul li {
	margin-bottom: 10px;
}

#toc ul li a {
	font-size: 16px;
	color: #c69d5b;
	text-decoration: none;
	font-weight: bold;
}

.single_photo_chain {
	position: relative;
	padding: 40px 0px;
}

.single_photo_chain .title {
	display: flex;
	align-items: center;
	gap: 10px;
	max-width: fit-content;
	padding: 30px 0;
}

.single_photo_chain .title h1 {
	color: var(--heading-col-two);
	font-size: 40px;
	font-weight: 600;
	margin-bottom: 0;
}

.info_desc p {
	font-size: 20px;
	margin-bottom: 0;
	font-weight: 300;
	line-height: inherit;
	color: #fff;
}

.desc p {
	color: #fff;
}

.desc h2 {
	color: #fff;
	font-size: 28px;
}

.desc h3 {
	color: #fff;
	font-size: 25px;
}

.desc h4 {
	color: #fff;
	font-size: 22px;
}

.photo_chain_img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 10px;
}

.photo_chain_images {
	width: 100%;
	overflow: hidden;
}

.single_photo_chain .swiper.mySwiper7 .swiper-button-next {
	top: 95% !important;
	left: 36% !important;
	background: #fff;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: 0.3s ease-in-out;
}

.single_photo_chain .swiper.mySwiper7 .swiper-button-next:hover {
	background-color: var(--heading-col-two);
}

.single_photo_chain .swiper.mySwiper7 .swiper-button-next::after {
	font-family: 'Font Awesome 5 Free';
	content: "\f053" !important;
	font-weight: 900;
	color: #000;
	font-size: 16px;
}

.single_photo_chain .swiper.mySwiper7 .swiper-button-prev {
	top: 95% !important;
	right: 36% !important;
	background: #fff;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: 0.3s ease-in-out;
}

.single_photo_chain .swiper.mySwiper7 .swiper-button-prev:hover {
	background-color: var(--heading-col-two);
}

.single_photo_chain .swiper.mySwiper7 .swiper-button-prev::after {
	font-family: 'Font Awesome 5 Free';
	content: "\f054" !important;
	font-weight: 900;
	color: #000;
	font-size: 16px;
}

.single_photo_chain .swiper.mySwiper7 {
	padding-bottom: 70px;
}

.who_we_are {
	padding: 40px 0px;
}

.who_we_are .intro h1 {
	font-size: 30px;
	color: var(--background-dark);
	font-weight: bolder;
	text-align: center;
	margin-bottom: 2rem;
}

.who_we_are .intro p {
	font-size: 16px;
	font-weight: bold;
	color: var(--text-col-one);
	text-align: center;
	margin-bottom: 2rem;
}

.about_us {
	position: relative;
	display: flex;
}

.about_us img {
	width: 100%;
	height: auto;
}

.about_us_content {
	position: absolute;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	top: 15%;
	padding: 0 10rem;
	width: 100%;
	gap: 3rem 0;
	grid-gap: 3rem 0;
}

.content_item {
	display: flex;
	gap: 0 7rem;
	grid-gap: 0 2rem;
}

.content_icon {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: .5rem;
	grid-gap: .5rem;
}

.content_icon img {
	width: 70px;
}

.content_icon span {
	color: var(--background-dark);
	font-size: 20px;
	font-weight: bold;
}

.comment-form-cookies-consent {
	display: none !important;
}



.content_text p {
	color: var(--background-dark);
	font-size: 20px;
	line-height: normal;
	font-weight: bold;
}

.content_text ol {
	padding: 0;
	line-height: 1.5;
	list-style: none;
	counter-reset: aboutus;
}

.content_text ol li {
	color: #714545;
	font-size: 20px;
	position: relative;
	padding-right: .25rem;
	font-weight: bold;
	margin-bottom: 10px;
}

.content_text ol li::before {
	position: absolute;
	color: #714545;
	counter-increment: aboutus;
	content: counter(aboutus);
	right: -1rem;
	top: 0;
}

.content_text {
	align-self: center;
}

.call_action {
	padding: 40px 0px;
	text-align: center;
	background-color: #000000;
}

.call_action h1 {
	font-size: 25px;
	font-weight: bold;
	color: var(--background-dark);
	margin-bottom: 2rem;
}

.call_action p {
	font-size: 16px;
	font-weight: bold;
	color: var(--text-col-one);
	margin-bottom: 2rem;
}

.call_action a {
	background: var(--heading-col-two);
	display: inline-flex;
	padding: .5rem 1.2rem .5rem 1.5rem;
	align-items: center;
	grid-gap: .75rem;
	gap: .75rem;
	-webkit-clip-path: polygon(1.35rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 1rem);
	clip-path: polygon(1.35rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 1rem);
	padding: .5rem 1rem .5rem 1.5rem;
	border: none;
	outline: none;
	color: #fff;
	text-decoration: none;
	font-size: 18px;
}

.contact {
	padding: 40px 0px;
}

.contact_container .intro .title {
	display: flex;
	align-items: center;
	gap: 10px;
	max-width: fit-content;
	padding: 30px 0;
}

.contact_container .intro .title h1 {
	color: #BE9E5C;
	font-size: 40px;
	font-weight: 600;
	margin-bottom: 0;
}

.contact_container .intro p {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 2rem;
}

.contact_container {
	max-width: 600px;
}

.contact_form .field_box {
	position: relative;
	margin-bottom: 1rem;
	display: flex;
	flex-direction: column;
	margin-bottom: 1rem;
	padding: 1px;
}

.contact_form .field_box::before {
	content: "";
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	background: var(--heading-col-two);
	pointer-events: none;
	opacity: 3;
	-webkit-clip-path: polygon(1.35rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 1rem);
	clip-path: polygon(1.35rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 1rem);
}

.contact_form .field_box textarea {
	color: #BE9E5C;
	background: #000;
	border: none;
	width: 100%;
	text-align: right;
	height: 180px;
	padding: .75rem;
	-webkit-clip-path: polygon(1.35rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 1rem);
	clip-path: polygon(1.35rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 1rem);
}

.contact_form .field_box textarea:focus {
	outline: none;
}

.contact_form .field_box input {
	color: #BE9E5C;
	background: #000;
	border: none;
	padding: .75rem;
	text-align: right;
	-webkit-clip-path: polygon(1.35rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 1rem);
	clip-path: polygon(1.35rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 1rem);
	width: 100%;
}

.contact_form .field_box input:focus {
	outline: none;
}

.contact_form .field_box select {
	color: #BE9E5C;
	background: #000;
	border: none;
	width: 100%;
	text-align: right;
	padding: .75rem;
	-webkit-clip-path: polygon(1.35rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 1rem);
	clip-path: polygon(1.35rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 1rem);
}

.contact_form .field_box select:focus {
	outline: none;
}

.send_btn input {
	background: var(--heading-col-two);
	color: #fff;
	border: none;
	transition: .2s all ease-in-out;
	padding: .5rem 1.5rem;
	margin-top: 1.25rem;
	-webkit-clip-path: polygon(1.35rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 1rem);
	clip-path: polygon(1.35rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 1rem);
	font-size: 16px;
}

.socialmedia {
	position: relative;
	z-index: 1;
}

.main_box {
	display: flex;
	width: 100%;
}

.all_section {
	overflow: hidden;
	width: calc(100% - 250px);
	background-color: #FDF6E3;
}

.filter {
	padding: 20px 0 20px;
	width: 250px;
	background-color: #f9f5ee;
	height: 100%;
}

.filter_content {
	padding: 2rem;
	position: relative;
	height: 100%;
}

.filter_content span {
	font-size: 18px;
	color: var(--background-dark);
	font-weight: bold;
}

.check_box ul {
	padding-left: 0;
	margin-bottom: 0;
	padding: 20px 0px;
	list-style-type: none;
}

.check_box ul li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 0px;
}

.check_box ul li label {
	color: var(--heading-col-two);
	font-size: 16px;
	font-weight: 500;
}

.select_holder {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 1px;
}

.select_holder::before {
	content: "";
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	background: var(--heading-col-two);
	pointer-events: none;
	opacity: 3;
	-webkit-clip-path: polygon(1.35rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 1rem);
	clip-path: polygon(1.35rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 1rem);
}

.select_holder select {
	color: var(--heading-col-two);
	background: #fff;
	border: none;
	padding: 5px 10px;
	-webkit-clip-path: polygon(1.35rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 1rem);
	clip-path: polygon(1.35rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 1rem);
}

.select_holder select:focus {
	outline: none;
}

.research_btn {
	margin-top: 20px;
}

.research_btn input {
	-webkit-clip-path: polygon(0.75rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 0.75rem);
	clip-path: polygon(0.75rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 0.75rem);
	background: #be9e5c;
	color: #fff;
	padding: 5px 15px;
	transition: .4s all;
	border: none;
}

.taxonomy_filter ul {
	padding-left: 0;
	list-style-type: none;
}

.taxonomy_filter ul li {
	padding: 5px 0px;
}

.taxonomy_filter ul li label {
	display: flex;
	align-items: center;
	gap: 10px;
}

.taxonomy_filter ul li label input {
	margin-top: 1px;
}

.continue_sec {
	padding: 40px 20px 20px 20px;
	overflow: hidden;
}

.continue_card_main {
	text-decoration: none;
	transition: 0.3s ease-in-out;
	height: 100%;
	position: relative;
}

.continue_card_main:hover .continue_card .continue_card_content {
	visibility: visible;
	opacity: 1;
	z-index: 2;
}

.continue_card {
	position: relative;
	width: 100%;
	transition: 0.3s ease-in-out;
}

.continue_card:hover {
	transform: scale(1.1);
	z-index: 1;
}

.continue_card_number {
	height: 80px;
	width: 80px;
	position: absolute;
	top: 0;
	right: 0;
	border-top-right-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #744744;
	z-index: 1;
}

.continue_card_number h1 {
	font-size: 58px;
	color: var(--text-white);
	margin-bottom: 0;
}

.continue_card_img img {
	height: 100%;
	max-height: 400px;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	aspect-ratio: 21 / 12;
	border-radius: 12px;
}

.continue_card_content h6 {
	font-size: 17px;
	color: var(--text-white);
	font-weight: bold;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2;
	margin-bottom: 0;
}

.continue_card_content p {
	font-size: 12px;
	font-weight: bold;
	color: var(--text-white);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2;
	margin-bottom: 0;
}

.continue_card_content {
	padding: 1rem 2rem;
	display: flex;
	border-radius: 12px;
	flex-direction: column;
	justify-content: end;
	grid-gap: .75rem;
	gap: .75rem;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	transition: 0.3s ease;
	background-color: #000000d3;
}

.continue_sec .swiper.mySwiper7 .swiper-button-next {
	top: 90% !important;
	left: 46% !important;
	background: var(--background-dark);
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: 0.3s ease-in-out;
}

.continue_sec .swiper.mySwiper7 .swiper-button-next:hover {
	background-color: var(--heading-col-two);
}

.continue_sec .swiper.mySwiper7 .swiper-button-next::after {
	font-family: 'Font Awesome 5 Free';
	content: "\f053" !important;
	font-weight: 900;
	color: #fff;
	font-size: 16px;
}

.continue_sec .swiper.mySwiper7 .swiper-button-prev {
	top: 90% !important;
	right: 46% !important;
	background: var(--background-dark);
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: 0.3s ease-in-out;
}

.continue_sec .swiper.mySwiper7 .swiper-button-prev:hover {
	background-color: var(--heading-col-two);
}

.continue_sec .swiper.mySwiper7 .swiper-button-prev::after {
	font-family: 'Font Awesome 5 Free';
	content: "\f054" !important;
	font-weight: 900;
	color: #fff;
	font-size: 16px;
}

.continue_sec .swiper.mySwiper7 {
	padding-bottom: 70px;
	padding-top: 40px;
}

.continue_sec .title {
	display: flex;
	align-items: center;
	gap: 10px;
}

.continue_sec .title h1 {
	color: var(--background-dark);
	font-size: 40px;
	font-weight: 600;
	margin-bottom: 0;
}

.page_filter_main {
	min-width: 100%;
	position: relative;
	display: flex;
	background-color: #000;
}

.page_filter {
	width: 300px;
	height: fit-content;
	background-color: #000;
	border: 1px solid #BE9E5C;
	display: flex;
	flex-direction: column;
	transition: width 0.3s;
	padding: 60px 20px;
	margin: 15px;
	border-radius: 8px;
}

.page_filter p {
	color: #fff;
}

.page_filter h1 {
	font-size: 40px;
	font-weight: bold;
	color: #BE9E5C;
}

.page_filter_main .article {
	position: relative;
	width: calc(100% - 300px);
	height: auto;
}

.page_filter_main .library {
	position: relative;
	width: calc(100% - 300px);
	height: auto;
	background-color: #000;
}

.page_filter_main .article .article_card:hover {
	transform: scale(1);
	border-radius: 12px;
	border: 1px solid #be9e5c87;
}

.page_filter ul {
	padding-left: 0;
	margin-bottom: 0;
	max-height: 600px;
	overflow-y: auto;
	list-style-type: none;
}

.page_filter ul::-webkit-scrollbar {
	width: 5px;
}

.page_filter ul::-webkit-scrollbar-thumb {
	background-color: #BE9E5C;
	border-radius: 10px;
}

.page_filter ul li a {
	display: block;
	padding: 7px;
	text-decoration: none;
	font-size: 14px;
	color: #000;
}

.page_filter ul li {
	margin-bottom: 10px;
}

.page_filter ul li a.active {
	color: #BE9E5C;
}

.commingsoon {
	height: 100vh;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	align-items: center;
}

.commingsoon::before {
	content: "";
	position: absolute;
	background: linear-gradient(180deg,
			rgba(113, 69, 69, 0.86) 44.04%,
			rgba(113, 69, 69, 0.66) 84.03%,
			rgba(190, 158, 92, 0.76) 110.78%,
			rgba(190, 158, 92, 0.86) 144.04%);
	width: 100%;
	left: 0;
	right: 0;
	height: 100%;
	opacity: 0.94;
	top: 0;
	z-index: 1;
}

.commingsoonlogo,
.commingsooncontent {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.commingsoonlogo img {
	width: 150px;
	max-width: 100%;
	height: 150px;
	-o-object-fit: contain;
	object-fit: contain;
	margin-bottom: 3%;
}

.commingsooncontent h1 {
	font-family: 'Tajawal', sans-serif;
	font-size: 80px;
	font-weight: 700;
	color: #ffffff;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
}

.commingsooncontent p {
	font-size: 32px;
	font-weight: 300;
	line-height: 50px;
	text-align: center;
	color: #ffffff;
	max-width: 70%;
	margin: 50px;
}

.commingsoon_search_container {
	margin-top: 10px;
	background-color: #fff;
	padding: 5px 10px;
	border-radius: 50px;
	box-shadow:
		-3px -3px 6px 0px #FFFFFF inset,
		3px 3px 6px 0px #71454542 inset,
		1px 1px 2px 0px #71454529 inset,
		-1px -1px 2px 0px #FFFFFF42 inset;
	width: 100%;
	max-width: 500px;
	position: relative;
	margin: auto;
	border: none;
}

.commingsoon_search_container input[type="text"] {
	padding: 5px 10px;
	border: none;
	border-radius: 50px;
	font-size: 14px;
	outline: none;
	width: 100%;
}

.commingsoon_search_container button {
	position: absolute;
	left: 1px;
	/* أو left: 1px إذا كان RTL */
	top: 50%;
	transform: translateY(-50%);
	padding: 7px 25px;
	background-color: #b5935a;
	border: none;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	border-radius: 50px;
	cursor: pointer;
	line-height: 25px;
	letter-spacing: 0.1em;
	z-index: 2;
}

.commingsoon_search_container button:hover {
	background-color: #a37f4f;
}

.notify p {
	width: 300px;
	font-family: 'Tajawal', sans-serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 20px;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #ffffff;
	margin-top: 10px;
}

.commingsoon_social_links {
	display: flex;
	gap: 10px;
}

.commingsoon_social_links a {
	text-decoration: none;
}

.commingsoon_social_links a i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background-color: #fff;
	border-radius: 50%;
}

.commingsoon_social_links a i {
	color: #BE9E5C;
}

.commingsoon_social_links a i:hover {
	color: white;
	background-color: #BE9E5C;
	transition: 0.3s;
}

.slick-slide {
	width: 100% !important;
	margin: 0 10px;
}

.slick-prev:before,
.slick-next:before {
	color: #BE9E5C;
	font-size: 32px;
}

@media (max-width: 1200px) and (min-width: 992px) {
	.cover_img img {
		width: 200px;
	}

	.library_card {
		padding: 1.5rem 1rem;
	}
}

.most_view .section-nav {
	display: flex;
	justify-content: flex-end;
	padding-top: 22px;
}


.recently_added .section-nav {
	display: flex;
	justify-content: flex-end;
	padding-top: 22px;
}

@media (max-width: 1200px) {
	.splesh_screen {
		padding: 20px 130px;
	}

	.hero_card {
		position: relative;
		width: 100%;
		scale: 0.9;
		border-radius: 25px;
		transition: 0.3s ease-in-out;
		border: 1px solid transparent;
	}

	.hero_card_content {
		padding: 20px;
	}

	.hero_card_content h6 {
		font-size: 16px;
	}

	.hero_card_content p {
		font-size: 14px;
	}



	.most_view .title .section-nav .swiper-button-next {
		left: 44% !important;
	}

	.most_view .swiper.mySwiper .swiper-button-prev {
		right: 44% !important;
	}

	.recently_added_cards_main .swiper.mySwiper1 .swiper-button-next {
		left: 44% !important;
	}

	.recently_added_cards_main .swiper.mySwiper1 .swiper-button-prev {
		right: 44% !important;
	}

	.program_card_content h6 {
		font-size: 16px;
	}

	.program_card_content p {
		font-size: 14px;
	}

	.continue_sec .swiper.mySwiper7 .swiper-button-next {
		left: 40% !important;
	}

	.continue_sec .swiper.mySwiper7 .swiper-button-prev {
		right: 40% !important;
	}

	.filter {
		width: 100%;
	}

	.all_section {
		width: 100%;
	}

	.main_box {
		flex-direction: column;
	}

	.check_box ul li {
		justify-content: start;
		gap: 20px;
	}

	.check_box ul li input {
		margin-bottom: 5px;
	}

	.select_holder {
		max-width: fit-content;
	}

	.splech_card .splech_card_img img {
		width: 100%;
	}
}

@media (max-width: 1024px) {
	.splesh_screen {
		padding: 20px 50px;
	}
}

.mob_bar {
	display: none;
	color: #fff;
}

@media (max-width: 991px) {
	.hero_card {
		position: relative;
		width: 100%;
		/*scale: 0.9;*/
		border-radius: 25px;
		transition: 0.3s ease-in-out;
		border: 1px solid transparent;
	}

	.hero_card_main.mobile-scroll {
		display: block !important;
		width: 100% !important;
		padding: 0 !important;
		/* تلغي أي padding افتراضي */
		overflow: hidden;
		/* تمنع البطاقات من الخروج خارج الإطار */
	}

	.hero_card_main.mobile-scroll .slick-slide {
		width: auto !important;
		max-width: unset !important;

		display: inline-block;
		/* كي نحافظ على ترتيب الشرائح بجانب بعض */
		width: calc(100% / 1) !important;
		/* 3 شرائح في آنٍ واحد */
		max-width: calc(100% / 1) !important;
	}

	.container {
		max-width: 900px !important;
	}

	.splesh_card {
		width: 175px;
	}

	.photo_chain_card:hover {
		transform: scale(1);
	}

	.nav-links {
		display: none;
	}

	header {
		padding: 10px;
		text-align: end;
	}

	.mob_bar {
		display: block;
		color: #fff;
	}

	.mob_bar i {
		padding: 10px 15px;
		font-size: 22px;
	}

	.hero_card:nth-child(2) {
		transform: translateY(0);
	}

	.hero_card:nth-child(3) {
		transform: translateY(0);
	}

	.hero_card:nth-child(4) {
		transform: translateY(0);
	}

	.most_view .swiper.mySwiper .swiper-button-next {
		width: 30px;
		height: 30px;
		left: 42% !important;
	}

	.most_view .swiper.mySwiper .swiper-button-prev {
		width: 30px;
		height: 30px;
		right: 42% !important;
	}

	.recently_added_cards_main .swiper.mySwiper1 .swiper-button-next {
		left: 42% !important;
		width: 30px;
		height: 30px;
	}

	.recently_added_cards_main .swiper.mySwiper1 .swiper-button-prev {
		right: 42% !important;
		width: 30px;
		height: 30px;
	}

	.hero_card_main {
		padding: 60px 0 0 0;
	}

	.cover_img img {
		width: 242px;
	}

	.library_card {
		padding: 1.5rem 2rem;
	}

	img.mobile {
		display: block;
	}

	.desktop {
		display: none;
	}

	.about_us_content {
		padding: 0 4rem;
	}

	.about_us_content {
		top: 10%;
	}

	.single_photo_chain .container .row {
		flex-direction: column-reverse;
	}

	.single_episode_detail {
		flex-direction: column;
	}

	.splesh_card .splesh_cards_child {
		height: 250px;
	}

	.page_filter {
		position: fixed;
		top: 0;
		right: -300px;
		height: 100vh;
		z-index: 1;
		visibility: hidden;
		opacity: 0;
		transition: 0.3s ease-in-out;
	}

	.page_filter.active {
		visibility: visible;
		opacity: 1;
		right: 0;
	}

	.page_filter_main .article {
		width: 100%;
	}

	.page_filter_main .library {
		width: 100%;
	}

	.filter_open {
		display: block;
	}

	.number_count {
		position: relative;
		margin: 15px 0px;
	}
}

@media (max-width: 767px) {

	.hero_card {
		position: relative;
		width: 100%;
		scale: 0.9;
		border-radius: 25px;
		transition: 0.3s ease-in-out;
		border: 1px solid transparent;
	}

	.splesh_screen {
		padding: 20px 100px;
	}

	.splesh_card {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		min-height: 350px;
		min-width: 220px;
		flex-shrink: 0;
		height: auto !important;
		gap: 20px;
	}

	.splesh_card_mian {
		flex-direction: row !important;
		/* جعل العرض أفقيًا */
		flex-wrap: nowrap;
		overflow-x: auto;
		/* للسماح بالتمرير في حال عدم اتساع الشاشة */
		gap: 30px;
		justify-content: flex-start;
		align-items: stretch;
	}


	.splesh_screen {
		height: 100%;
	}

	.breadcrumbs h1 {
		font-size: 35px;
	}

	.design_time img {
		width: 100%;
	}

	.program .swiper.mySwiper2 .swiper-button-prev {
		width: 30px !important;
		height: 30px !important;
		top: 12% !important;
		left: 20% !important;

	}

	.program .swiper.mySwiper2 .swiper-button-next {
		width: 30px !important;
		height: 30px !important;
		top: 12% !important;
		left: 0 !important;
		/* أضف أي تعديلات إضافية */
	}

	.most_view .title h1 {
		font-size: 20px !important;
		font-weight: 700;
		padding-top: 5px;
		padding-right: 0;

	}

	.most_view .section-nav .swiper-button-prev {
		width: 30px !important;
		height: 30px !important;
		margin-top: -30px;
	}

	.most_view .section-nav .swiper-button-next {
		width: 30px !important;
		height: 30px !important;
		margin-top: -30px;
	}

	.most_view .swiper.mySwiper .swiper-button-next {
		left: 35% !important;
	}

	.most_view .swiper.mySwiper .swiper-button-prev {
		right: 35% !important;
	}

	.recently_added_cards_main .swiper.mySwiper1 .swiper-button-next {
		left: 35% !important;
	}

	.recently_added_cards_main .swiper.mySwiper1 .swiper-button-prev {
		right: 35% !important;
	}

	.podcast .swiper.mySwiper3 .swiper-button-prev {
		width: 30px;
		height: 30px;
		top: 7% !important;
	}

	.podcast .swiper.mySwiper3 .swiper-button-next {
		width: 30px;
		height: 30px;
		top: 7% !important;
	}

	.most_view .title h1 {
		font-size: 24px;
	}

	.recently_added .title h1 {
		font-size: 24px;
	}

	.program_intro .title h1 {
		font-size: 24px;
	}

	.main_btn a {
		padding: 7px 15px;
		font-size: 14px;
	}

	.program_intro {
		padding: 0 22px;
	}

	.podcast .title h1 {
		font-size: 24px;
	}

	.podcast {
		padding: 40px 22px 40px 22px;
	}

	.podcast .title {
		top: 50px;
	}

	.program {
		padding-top: 40px;
	}

	.recently_added_top {
		padding: 40px 22px 0 22px;
	}

	.recently_added_cards_main .mySwiper1 {
		padding: 40px 22px 90px 20px;
	}

	.article .mySwiper4 {
		padding-left: 22px;
		padding-right: 22px;
	}

	.article .title h1 {
		font-size: 24px;
	}

	.article .swiper.mySwiper4 .swiper-button-next {
		left: 22px !important;
		top: 7% !important;
		width: 30px;
		height: 30px;
	}

	.article .swiper.mySwiper4 .swiper-button-prev {
		left: 75px !important;
		top: 7% !important;
		width: 30px;
		height: 30px;
	}

	.article .title {
		right: 22px;
	}

	.library .title h1 {
		font-size: 24px;
	}

	.library .title {
		right: 22px;
		top: 53px;
	}

	.library .swiper.mySwiper5 .swiper-button-next {
		left: 22px !important;
		width: 30px;
		height: 30px;
	}

	.library .swiper.mySwiper5 .swiper-button-prev {
		left: 75px !important;
		width: 30px;
		height: 30px;
	}

	.library {
		padding-top: 40px;
	}

	.library .mySwiper5 {
		padding-left: 22px;
		padding-right: 22px;
	}

	.photo_chain .title h1 {
		font-size: 24px;
	}

	.photo_chain .title {
		right: 22px;
		top: 42px;
	}

	.photo_chain .swiper.mySwiper6 .swiper-button-next {
		left: 22px !important;
		width: 30px;
		height: 30px;
		top: 7% !important;
	}

	.photo_chain .swiper.mySwiper6 .swiper-button-prev {
		left: 75px !important;
		width: 30px;
		height: 30px;
		top: 7% !important;
	}

	.photo_chain {
		padding: 40px 0;
	}

	.photo_chain .mySwiper6 {
		padding-left: 22px;
		padding-right: 22px;
	}

	.footer_menus ul {
		flex-direction: column;
	}

	.hero_banner {
		padding-top: 50px;
	}

	.most_view .mySwiper {
		padding: 40px 22px 80px 22px;
	}

	.most_view_card_content h6 {
		font-size: 16px;
	}

	.most_view_card_content p {
		font-size: 14px;
	}

	.recently_added_top_card_content h6 {
		font-size: 16px;
	}

	.recently_added_top_card_content p {
		font-size: 14px;
	}

	.recently_added_card h6 {
		font-size: 16px;
	}

	.recently_added_card p {
		font-size: 14px;
	}

	.podcast_card_content h6 {
		font-size: 16px;
	}

	.podcast_card_content p {
		font-size: 14px;
	}

	.article_card_content h6 {
		font-size: 16px;
	}

	.article_card_content p {
		font-size: 14px;
	}

	.photo_chain_card_content h6 {
		font-size: 16px;
	}

	.photo_chain_card_content p {
		font-size: 14px;
	}

	.recently_added_card:hover {
		transform: scale(1);
	}

	.article_card {
		transform: none;
	}

	.post_order_number {
		width: 60px;
		height: 60px;
	}

	.post_order_number {
		font-size: 40px;
	}

	.photo_chain_card:hover {
		transform: scale(1);
	}

	.most_view_card:hover {
		transform: scale(1);
	}

	.continue_sec .swiper.mySwiper7 .swiper-button-next {
		left: 35% !important;
	}

	.continue_sec .swiper.mySwiper7 .swiper-button-prev {
		right: 35% !important;
	}

	.socialmedia {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.book_title {
		font-size: 17px;
	}

	.book_author span {
		font-size: 14px;
	}

	.filter_content {
		flex-direction: column;
	}

	.select_holder {
		width: 100%;
	}

	.research_btn input {
		min-width: 200px;
	}

	.single-article-detail p {
		font-size: 14px;
	}

	.single-article-detail ul li h6 {
		font-size: 22px;
	}

	.single-article-detail ul li p {
		font-size: 14px;
	}

	.info_with_decor {
		font-size: 14px;
	}

	.toc_holder ol li a {
		font-size: 14px;
	}

	.single_epi_container .title h1 {
		font-size: 24px;
	}

	.content_item {
		flex-direction: column;
		text-align: center;
	}

	.content_text ol li {
		text-align: right;
		font-size: 14px;
	}

	.content_text p {
		font-size: 20px;
	}

	.about_us_content {
		gap: 0;
	}

	.who_we_are .intro h1 {
		font-size: 20px;
	}

	.who_we_are .intro p {
		font-size: 14px;
	}

	.call_action h1 {
		font-size: 20px;
	}

	.call_action p {
		font-size: 14px;
	}

	.call_action a {
		font-size: 16px;
	}

	.contact_container .intro .title h1 {
		font-size: clamp(24px, 5vw, 70px);
	}

	.contact_container .intro p {
		font-size: 16px;
	}

	.single_photo_chain .title h1 {
		font-size: clamp(24px, 5vw, 70px);
	}

	.episodes_players span {
		font-size: 14px;
	}

	.commingsooncontent h1 {
		font-size: 50px;
	}

	.splech_card_btn a {
		width: 85px;
		height: 26px;
	}

	.splech_card_btn a span {
		font-size: 16px;
	}
}

@media (max-width: 576px) {
	.hero_card {
		position: relative;
		width: 100%;
		scale: 0.9;
		border-radius: 25px;
		transition: 0.3s ease-in-out;
		border: 1px solid transparent;
	}

	.splesh_screen {
		padding: 20px 50px;
	}

	.program_cards_main .mySwiper2 .swiper-slide.swiper-slide-active {
		transform: none !important;
		z-index: 11111;
	}

	.library_card {
		flex-direction: column;
		align-items: center;
	}

	.bootom_bar p {
		font-size: 12px;
	}

	.content_text ol li {
		font-size: clamp(8px, 2vw, 14px);
	}

	.content_text p {
		font-size: clamp(8px, 2vw, 14px);
	}

	.content_icon img {
		width: clamp(45px, 7.5vw, 70px);
	}

	.breadcrumbs h1 {
		font-size: 30px;
	}

	.splesh_sreen {
		height: 100%;
		padding: 40px 10px;
	}

	.commingsooncontent h1 {
		font-size: 40px;
	}

	.commingsooncontent p {
		font-size: 14px;
	}

	.splech_card_btn {
		right: -15px;
	}

	.splesh_card_mian .mySwiperSplech .swiper-slide {
		opacity: 0.1;
	}

	.splesh_card_mian .mySwiperSplech .swiper-slide.swiper-slide-active {
		opacity: 1;
	}

	.splech_card_btn a {
		width: 85px;
		height: 26px;
	}

	.splech_card_btn a span {
		font-size: 16px;
	}
}

@media (max-width: 370px) {
	.hero_card {
		position: relative;
		width: 100%;
		scale: 0.9;
		border-radius: 25px;
		transition: 0.3s ease-in-out;
		border: 1px solid transparent;
	}

	.about_us_content {
		padding: 0 3rem;
	}

	.episode_info ol li {
		font-size: 12px;
	}
}






.single_photo_chain .splide {
	position: relative;
	width: 100%;
}

/*.single_photo_chain .splide__track {

	overflow: hidden;
}
*/
.single_photo_chain .splide__list {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
}

.single_photo_chain .splide__slide {
	display: flex;
	/* Flex افتراضي */
	margin: 0;
	padding: 0;
	list-style: none;
}

.single_photo_chain .splide__slide {
	flex: 0 0 100%;
	/* كل شريحة تأخذ 100% */
	box-sizing: border-box;
}

.single_photo_chain .splide__slide img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}

.single_photo_chain .splide__arrows {
	display: flex;
	/* أظهرها */
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	border: none;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
}


.single_photo_chain .splide__arrow {
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, 0.8);
	border: none;
	border-radius: 50%;
	cursor: pointer;
}

.single_photo_chain .splide__arrow:hover {
	background: #BE9E5C;
	color: #fff;
}

.single_photo_chain .splide__arrow--prev {
	right: 60px;
}

.single_photo_chain .splide__arrow--next {
	left: 60px;
}

.splide__slide img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}

.single_photo_chain .splide__arrow--prev {
	left: 1rem;
}

.single_photo_chain .splide__arrow--next {
	right: 1rem;
}

/* إخفاء pagination الافتراضية إذا كنت لا تريدها */
.single_photo_chain .splide__pagination {
	display: none;
}

/* إذا تفضل الأسهم المخصّصة بدل الافتراضية */
.custom-arrows {
	display: flex;
	justify-content: center;
	gap: 1rem;
	margin-top: 1rem;
}


.custom-arrows button {
	width: 2.5rem;
	height: 2.5rem;
	background: #fff;
	border-radius: 50%;
	border: 1px solid #ccc;
	cursor: pointer;
}

.custom-arrows button:hover {
	background: #BE9E5C;
	color: #fff;
}

/* أظهر الأسهم الافتراضية */
#photo-chain-slider .splide__arrow {
	display: flex;
	/* كان يُخفيه مكتوب display:none من قبل */
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	width: 40px;
	height: 40px;
	border: none;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 10;
}

/* موضع سهم السابق */
#photo-chain-slider .splide__arrow--prev {
	left: 10px;
}

/* موضع سهم التالي */
#photo-chain-slider .splide__arrow--next {
	right: 10px;
}

/* اخفاء النقاط أسفل */
#photo-chain-slider .splide__pagination {
	display: none !important;
}


/* توسيط الأزرار أسفل الصورة */
.single_photo_chain .custom-arrows {
	position: relative;
	display: flex;
	justify-content: center;
	padding: 0 50px;
	gap: 40px;
	z-index: 10;
}

/* تنسيق الزر الواحد */
.single_photo_chain .custom-arrows button {
	width: 45px;
	height: 45px;
	background-color: rgba(255, 255, 255, 0.9);
	border-radius: 50%;
	border: 1px solid #ccc;
	color: #000;
	font-size: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

/* عند التمرير */
.single_photo_chain .custom-arrows button:hover {
	background-color: #BE9E5C;
	color: #fff;
	border: none;
}

.mySplide7 .splide__slide {
	flex: 0 0 100%;
	max-width: 100%;
}

.single_photo_chain .tab-content {
	display: block !important;
}


/* Force Splide container always visible */
.single_photo_chain .splide {
	visibility: visible !important;
}




/* تأكدّ أن السلايدر ظاهر */
#photo-chain-slider {
	visibility: visible !important;
}

/* تنسيق الأسهم المخصّصة */
.custom-arrows {
	display: flex;
	justify-content: center;
	gap: 1rem;
	margin-top: 1rem;
}

.custom-prev,
.custom-next {
	background: #fff;
	border: none;
	border-radius: 50%;
	width: 2.5rem;
	height: 2.5rem;
	font-size: 1.5rem;
	line-height: 2.5rem;
	text-align: center;
	cursor: pointer;
	transition: background .2s;
}

.custom-prev:hover,
.custom-next:hover {
	background: #BE9E5C;
	color: #fff;
}


/* تعديل الواجهة على الموبايل */

/* 1) نُخفي الهياكل القديمة على شاشات الموبايل، ونُظهر mobile-tabs */
.mobile-tabs {
	display: none;
}


.mobile-tabs__header.active {
	border: 2px solid #ffffff;
	border-radius: 20px;
	/* غيّر اللون حسب ما تريد */
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}

.splesh_card_main {
	display: flex !important;
	gap: 40px;
}

@keyframes blink-border {
	0% {
		border-color: #f5c65d;
	}

	50% {
		border-color: transparent;
	}

	100% {
		border-color: #f5c65d;
	}
}


@media (max-width: 768px) {

	/* اخفاء البطاقات القديمة */
	.splesh_card_main {
		display: none !important;

	}

	/* اظهار تبويبات الموبايل */
	.mobile-tabs {
		display: flex;
		margin: 0 auto;
		flex-direction: column;
		/* تبويبات فوق، المحتوى تحت */
		justify-content: center;
		/* تمركز عمودي */
		align-items: center;
		/* تمركز أفقي */
		min-height: 90vh;
		/* تأخذ ارتفاع الشاشة بالكامل */
		padding: 10px;
		/* ـإضافة مساحة داخلية إذا لزم */
		box-sizing: border-box;
	}

	.mobile-tabs__header.active {
		/* الرّسمة الأساسية للإطار */
		border: 2px solid #f5c65d;
		border-radius: 8px;
		/* تطبيق حركة الوامض */
		animation: blink-border 1.2s ease-in-out infinite;
	}

	/* رؤوس التبويبات: 3 شعارات أفقياً */
	.mobile-tabs__headers {
		display: flex;
		justify-content: space-around;
		align-items: center;
		margin-bottom: 1rem;
	}

	.mobile-tabs__header {
		flex: 1;
		text-align: center;
		padding: 0.5rem;
		cursor: pointer;
		transition: transform 0.3s ease, background 0.3s ease;
	}

	.mobile-tabs__header img {
		max-width: 100%;
		height: auto;
		display: inline-block;
	}

	.mobile-tabs__header.active {
		background: rgba(0, 0, 0, 0.05);
		transform: scale(1.05);
	}

	/* أجسام التبويبات */
	.mobile-tabs__bodies {
		position: relative;
		overflow: hidden;
	}

	.mobile-tabs__body {
		display: none;
		padding: 1rem;
		animation: fadeIn 0.4s ease-in-out;
	}

	.mobile-tabs__body.active {
		display: block;
	}

	/* تعريف الحركة */
	@keyframes fadeIn {
		from {
			opacity: 0;
			transform: translateY(10px);
		}

		to {
			opacity: 1;
			transform: translateY(0);
		}
	}
}


.header-logo a i {
	color: #fff;
	/* أو أي لون يناسب التصميم */
	font-size: 1.8rem;
	/* حجم الأيقونة */
	padding-top: 12px;
}



/* فرض اتجاه الكتابة إلى اليمين */
.contact_form .field_box select {
	text-align: right;
	/* Safari and Blink engines */
	-webkit-text-align-last: right;
	/* المعايير الحديثة */
	text-align-last: right;
}

/* إذا أردت أن تجبر خيارات القائمة أيضاً على الظهور يمين */
.rtl-select option {
	direction: rtl;
	text-align: right;
}


.select2-dropdown {
	color: #BE9E5C;
	background-color: #000000;
}

.select2-search--dropdown {
	color: #BE9E5C;
	background-color: #000000;
}

.select2-container--default .select2-selection--single {
	border: 0px;
	color: #BE9E5C;
	background-color: #000000;
	clip-path: polygon(1.35rem 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 1rem);
	height: 45px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	color: #BE9E5C;
	background-color: #000000;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
	right: 1px;
	left: auto;
	height: 46px;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
	padding-right: 25px;
	padding-left: 20px;
	padding-top: 10px;
}


.commingsoon_search_container input[type="email"]:focus,
input:focus,
textarea:focus,
select:focus {
	outline: none;
	/* يلغي الإطار */
	box-shadow: none;
}


.mob_menu {
	position: fixed;
	text-align: right;
	max-width: 30%;
	inset: 0;
	top: 0;
	right: auto !important;
	left: 0 !important;
	background-color: #BE9E5C;
	z-index: 1000;
	width: 100%;
	height: 100%;
}


/* مثال عام – عدّل القيم لتطابق تصميمك */
.search-submit,
.search-load-more {
	display: inline-block;
	background-color: #be9b55;
	color: #ffffff;
	border: 1px solid transparent;
	border-radius: 24px;
	padding: 0.6em 1.2em;
	font-size: 1rem;
	cursor: pointer;
	transition: background-color .3s ease, color .3s ease;
}

.search-submit:hover,
.search-load-more:hover {
	background-color: transparent;
	color: #be9b55;
	border-color: #be9b55;
}

/* لو زر البحث فيه آيقونة أو نص، تأكد أن line-height و font-family متماثلة */



.search-load-more {
	display: block;
	/* يجعله يحتل سطرًا كاملًا */
	margin: 2rem auto;
	/* 2rem فوق وتحت، ويتوسّط أفقيًّا */
	text-align: center;
	/* إذا فيه نص داخلي */
}

/* ===== تنسيق زر التحميل ===== */
.more-btn {
	display: inline-block;
	/* نجعله كتلة صغيرة ينطبق عليها المحاذاة */
	margin: 40px auto;
	/* مسافة 40px فوق وتحت، وبقية المسافة متساوية على الجانبين */
	padding: 12px 30px;
	/* مسافة داخلية مناسبة */
	background-color: #C59A46;
	/* اختر اللون الرئيسي للزر */
	color: #ffffff;
	/* لون النص */
	font-size: 1rem;
	/* حجم الخط */
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	border-radius: 6px;
	/* حواف مستديرة */
	transition: background-color 0.3s ease, transform 0.2s ease;
}

.more-btn:hover {
	background-color: #A17B33;
	/* لون داكن قليلاً عند المرور */
	transform: translateY(-2px);
	/* رفع خفيف عند المرور */
}

.more-btn.disabled {
	background-color: #aaa;
	/* لون رمادي عند انتهاء المقالات */
	pointer-events: none;
	/* تعطيل التفاعلية */
	opacity: 0.6;
}

/* إذا أردت عرضه تماماً في منتصف الحاوية */
#articles-container+.more-btn,
#articles-container+span.more-btn {
	display: block;
	/* ليملأ السطر بحيث margin: 0 auto; يصطف في المنتصف */
}


/* 1) حوّل البطاقة لعمود مرن بطول ثابت (نفس 35em الموجودة عندك) */
.summary_card_main{
	display:flex;              /* بدل -webkit-box */
	flex-direction:column;
	line-height:1.6;           /* أهدأ من 1.9 حتى ما يكبر العنوان كثير */
	height:35em;               /* تبقيها كما هي عندك */
	overflow:hidden;           /* نحتفظ به */
  }
  
  /* 2) الجزء السفلي يتمدّد ويدفع الأزرار لأسفل */
  .summary_card_bottom{
	display:flex;
	flex-direction:column;
	flex:1 1 auto;             /* يملأ المساحة تحت الجزء العلوي */
	min-height:0;
	gap:.75rem;
  }
  
  /* 3) محتوى النص قابل للتمدد، والزر يلتصق بالأسفل */
  .summary_card_bottom_content{
	flex:1 1 auto;
	min-height:0;
	display:flex;
	flex-direction:column;
	gap:.5rem;
  }
  
  /* 4) قصّ العنوان لعدد أسطر ثابت لمنع اختلاف كبير بالارتفاع */
  .summary_card_bottom_content > a{
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;      /* عدّلها إلى 3 إذا رغبت */
	overflow:hidden;
	line-height:1.5;
	min-height:calc(1.5em * 2);/* يحجز مساحة سطرين حتى لو كان العنوان قصير */
  }
  
  /* 5) الأزرار دائمًا في أسفل البطاقة */
  .download_btn{ margin-top:auto; }
  .number_of_down{ margin-top:.5rem; }
  
  /* 6) منع تغير ارتفاع الصورة بسبب container height:100% */
  .summary_card_top_summary_img{
	height:auto;               /* يلغي 100% */
	aspect-ratio:16/9;         /* يحافظ على نسبة ثابتة */
	overflow:hidden;
  }
  .summary_card_top_summary_img img{
	width:100%;
	height:100%;
	object-fit:cover;
  }
  
  /* 7) اجعل الشرائح تتمدد بنفس الارتفاع داخل السطر (للسوايبر إن وُجد) */
  .mySwiper1 .swiper-wrapper,
  .mySwiper2 .swiper-wrapper{ align-items:stretch; }
  .mySwiper1 .swiper-slide,
  .mySwiper2 .swiper-slide{ height:auto; }
  
/* ===== Tag Archive Layout ===== */

.tag-archive-container{
	max-width: 1280px;   /* عرض مريح للشاشات العريضة */
	margin-inline: auto;
	padding-inline: 20px;
	padding-bottom: 32px;
  }
  
  .article .title{ margin-bottom: 14px; }    /* تقليل فراغ العنوان فوق الشبكة */
  
  .tag-grid{
	margin-top:8%;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 28px;
	align-items: stretch;
  }
  
  @media (max-width: 1200px){
	.tag-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }
  @media (max-width: 640px){
	.tag-grid{ grid-template-columns: 1fr; }
  }
  
  /* ===== Card ===== */
  
  .tag-card{
	background: #121212;
	border: 1px solid #2b2b2b;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 6px 18px rgba(0,0,0,.18);
	transition: transform .18s ease, box-shadow .18s ease;
	height: 100%;
  }
  
  .tag-card:hover{
	transform: translateY(-3px);
	box-shadow: 0 10px 22px rgba(0,0,0,.22);
  }
  
  .tag-card__link{
	display: flex;
	flex-direction: column;
	height: 100%;
	color: #fff;
	text-decoration: none;
  }
  
  .tag-card__thumb{
	position: relative;
	aspect-ratio: 16 / 9;      /* ارتفاع موحّد للصور */
	overflow: hidden;
  }
  .tag-card__thumb img{
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	transform: scale(1.02);
	transition: transform .35s ease;
  }
  .tag-card:hover .tag-card__thumb img{ transform: scale(1.06); }
  
  .tag-card__body{
	padding: 14px 16px 18px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	flex: 1;                  /* لملء الارتفاع وتوحيد الكروت */
  }
  
  /* عنوان بحد أقصى سطرين */
  .tag-card__title{
	font-size: 19px;
	line-height: 1.5;
	margin: 0;
	font-weight: 800;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
  }
  
  /* ملخص بحد أقصى سطرين/ثلاثة */
  .tag-card__excerpt{
	margin: 0;
	color: #c9c9c9;
	font-size: 15px;
	line-height: 1.75;
	display: -webkit-box;
	-webkit-line-clamp: 2;      /* غيّرها إلى 3 لو تحب */
	-webkit-box-orient: vertical;
	overflow: hidden;
  }
  
  /* تباعد/مظهر عام */
  .pagination{ margin: 28px 0 6px; }
  .tag-empty{ text-align:center; margin: 2rem 0; color:#bbb; }