/*
Theme Name: NovaCinema-8.3
Theme URI: https://Themesx.com/
Author: ThemesXCom
Author URI: https://Themesx.com/
Description: قالب سينمائي متخصص لعرض الأفلام والمسلسلات بتصميم عصري وسريع الاستجابة.
Version: 1.0
Text Domain: ThemeX
Tags: cinema, movies, responsive, dark, entertainment
Requires at least: 5.0
Requires PHP: 8.3
Note: يتطلب القالب تثبيت  : ioncube.
This Theme Designed By ThemeX
*/
:root {
	/*  --main-bg-color: #0e1116;*/
	--light-color: #8f8d8d;
	--red-color: #d41616;
	--red-color2: #aa0c0c;
	--yellow-color: #fbbd48;
	--red-color_: #5367ff;
	--bg-white: #fafafa;
	/*  --blue-color: #ff434c;*/
}

/* Final mobile/UI cleanup batch */
:root {
    --nova-discover-gradient: linear-gradient(248.28deg, #9e61ff 9.539999999999999%, rgba(142, 97, 255, 0) 32.8%), radial-gradient(81.70999999999999% 279.87% at -16.57% -92%, #619bff 28.69%, rgba(205, 219, 248, 0) 69.54000000000001%), #6c52ee;
}

header.header .nova-header-latest a,
header.header .Header--user > span,
.mobile--menu ul#main-menu > li:first-of-type > a[href*="/last"] {
    background: var(--nova-discover-gradient) !important;
    border: 0 !important;
    color: #fff !important;
    box-shadow: 0 0 10px #00000061 !important;
    transition: .3s all ease !important;
}

header.header .nova-header-latest a:hover,
header.header .Header--user:hover > span,
.mobile--menu ul#main-menu > li:first-of-type > a[href*="/last"]:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 15px 40px -8px rgba(158, 97, 255, .5) !important;
}

@media only screen and (max-width: 1180px) {
    header.header .Logo--Area .logoFrst,
    .mobile--menu .logoFrst_main_menu {
        flex-direction: row-reverse !important;
        direction: ltr !important;
        gap: 4px !important;
        align-items: center !important;
        justify-content: center !important;
    }

    header.header .Logo--Area .logoFrst img,
    .mobile--menu .logoFrst_main_menu img {
        width: 42px !important;
        height: 42px !important;
        flex: 0 0 42px !important;
        margin: 0 !important;
        object-fit: contain !important;
    }

    header.header .Logo--Area .brand-title,
    .mobile--menu .logoFrst_main_menu .brand-title {
        align-items: flex-start !important;
        text-align: left !important;
        direction: ltr !important;
        gap: 1px !important;
    }

    header.header .Logo--Area .brand-title .site-name-line-en,
    .mobile--menu .logoFrst_main_menu .site-name-line-en {
        font-size: 23px !important;
        line-height: 1.04 !important;
    }

    header.header .Logo--Area .brand-title .site-name-line-ar,
    .mobile--menu .logoFrst_main_menu .site-name-line-ar {
        font-size: 21px !important;
        line-height: 1.04 !important;
    }

    .mobile--menu .logoFrst_main_menu {
        width: calc(100% - 24px) !important;
        min-height: 58px !important;
        margin: 6px 12px 18px !important;
        padding: 0 !important;
    }

    body.postSingle,
    body.single,
    body.page,
    body.archive,
    body.tax-series {
        padding-top: 0 !important;
    }

    section.singleCover,
    .singleCover,
    .SecondPart,
    .SingleContent,
    main,
    .PageContent {
        margin-top: 18px !important;
    }

    .BTNSDownWatch a.watch,
    .BTNSDownWatch a.download,
    a.goWatch,
    .ThemeSXCom_BTNSDownWatch a,
    .ThemeSXCom_allbtn a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        min-height: 48px !important;
    }

    .BTNSDownWatch a.watch i,
    .BTNSDownWatch a.download i,
    .BTNSDownWatch a.watch svg,
    .BTNSDownWatch a.download svg,
    a.goWatch i,
    a.goWatch svg,
    .ThemeSXCom_BTNSDownWatch a i,
    .ThemeSXCom_allbtn a i,
    .singleFav i,
    .singleFav svg,
    .watchlist-add i,
    .watchlist-add svg {
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        min-height: 20px !important;
        flex: 0 0 20px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 20px !important;
        line-height: 1 !important;
        margin: 0 !important;
        transform: none !important;
    }

    .quality,
    .MovieItem .quality,
    .Small--Box .quality,
    .BlockItem .quality,
    ul.RightTaxContent li.quality,
    slider--box--ul li.quality {
        min-width: 92px !important;
        width: auto !important;
        padding: 0 12px !important;
        text-align: center !important;
        white-space: nowrap !important;
        letter-spacing: 0 !important;
    }
}

@font-face {
	font-family: "Anton";
	font-weight: 400;
	src: url("<?= get_template_directory_uri() ?>/UI/Assets/fonts/Anton.ttf")
}

@font-face {
	font-family: "ThemeX";
	font-weight: bold;
	src: url("<?= get_template_directory_uri() ?>/UI/Assets/fonts/Bahij_TheSansArabic-Black.ttf")
}

@font-face {
	font-family: "ThemeX";
	font-weight: 400;
	src: url("<?= get_template_directory_uri() ?>/UI/Assets/fonts/Bahij_TheSansArabic-Bold.ttf")
}

@font-face {
	font-family: "ThemesXCom";
	font-weight: 400;
	src: url("<?= get_template_directory_uri() ?>/UI/Assets/fonts/Metropolitano-Medium.ttf")
}

textarea:focus,
input:focus {
	outline: none;
}

body {
	background: var(--main-bg-color) !important;
	font-family: 'ThemeX', sans-serif, Arial !important;
	font-size: 13px !important;
	line-height: 22px;
	color: var(--light-color);
	padding: 0;
	margin: 0;
}

.homepage__bg {
	background-position: center;
	opacity: .05;
	transition: .3s;
}
.TrilerOverlay {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999999;
	height: 100%;
	transform: scale(0);
	transition: 0.35s all ease;
	visibility: hidden;
	opacity: 0;
}
.TrilerOverlay.active {
	transform: scale(1);
	visibility: visible;
	opacity: 1;
}
.TrilerOverlay  .ClipCon {
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: 1;
	transform: translate(-50%, -50%) scale(0);
	width: 960px;
	height: 500px;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 0 30px #00000073;
	transition: .4s all ease;
}
.TrilerOverlay.active .ClipCon {
	transform: translate(-50%, -50%) scale(1);
	opacity: 1;
}
.ClipCon iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}
.ClipPop.ISActive .ClipCon {
	transform: translate(-50%, -50%) scale(1);
	opacity: 1;
}

@media only screen and (max-width: 1080px) {
	.TrilerOverlay .ClipCon {
		width: 800px;
	}
}
.homepage__bg,
.popSearch,
header.Main--Header {
	position: fixed;
	right: 0;
}

.homepage__bg,
body .body {
	z-index: -1;
	background-size: cover;
	height: 100%;
	left: 0;
	top: 0;
}

.homepage__bg::after {
	content: '';
	background: linear-gradient(180deg, #1d1d1d14, #02020f 88%);
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	height: 60%;
}

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

a {
	text-decoration: none;
	color: var(--font-color);
	font-size: 14px;
	outline: 0;
	font-family: 'ThemeX', sans-serif, Arial !important;
}

em {
	font-style: normal;
}

input,
textarea,
button,
select {
	font-family: inherit;
	border: 0;
	outline: 0;
	outline: 0;
}

ul,
ol,
li {
	list-style: none;
	padding: 0;
	margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400;
	font-family: inherit;
}

*::-webkit-scrollbar {
	width: 7px;
}

*::-webkit-scrollbar-track {
	border: 1px solid #0c0f21;
	padding: 2px 0;
	background-color: #0c0f21;
}

*::-webkit-scrollbar-thumb {
	border-radius: 10px;
	box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: var(--blue-color);
	border: 1px solid #0c0f21;
}

:before,
:after {
	clear: both;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

header.header .container {

	display: flex;
	flex-wrap: wrap;
	padding: 15px 0 20px;
	align-items: center;
	justify-content: center;
	gap: 15px;
}

.container {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 1350px;
	padding: 0 8px;
}

@media only screen and (min-width: 1350px) {

	.container,
	.MasterArchiveSection {

		margin: 0 auto;
	}
}

header {
	transition: .35s;
	z-index: 999;
	top: 0;
	left: 0;
	/*9  position: fixed;*/
	right: 0;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	/* position: absolute; */
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	z-index: 10;
	background-image: linear-gradient(180deg, #00031C 0%, #00031C00 90%);
}

.fixed {
	background-image: linear-gradient(180deg, #00031C 0%, #00031C00 90%);
	background-color: #191c33;
	z-index: 999999999999999999999999999999999;
}

.fixedS {
	transform: translate(0, -200px);
	opacity: 0;
}

.filterTabs i.far.fa-tv-retro {
	display: none;
}

.filterTabs_com>ul {
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: flex-end;
}

.filterTabs_com>ul li a:hover {
	background: var(--blue-color);
}

.filterTabs_com>ul li.active a {
	background: var(--blue-color);
}

.filterTabs_com ul>span {
	background: #ffcb17;
	color: #222;
	border-radius: 25px;
	font-size: 13px;
	padding: 5px 21px;
	font-weight: 700;
}

.filterTabs_com ul span i {
	font-size: 15px;
	padding-left: 10px;
}

.filterTabs_com {
	margin: 0px 0 20px;
}

.filterTabs_com ul li a {
	display: block;
	padding: 3px 18px;
	border-radius: 35px;
	font-weight: 400;
	font-size: 14px;
	transition: .3s;
	background: #191c33;
}

.advFilter .container {
	padding: 0 !important;
}

@media only screen and (max-width: 1024px) {
	.filterTabs_com>ul {
		flex-wrap: wrap;
	}

	.filterTabs_com ul>span {
		flex: 0 0 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.filterTabs_com ul>li {
		flex: 1;
		min-width: 48%;
		text-align: center;
	}

}

header.fixed .Logo--Area {
	transform: scale(.9);
}

.Logo--Area {
	position: relative;
	margin: 0 0px 0 20px;
	direction: ltr;
	float: right;
	text-align: right;
	transition: .35s;
	z-index: 1;
}

nav {
	background: #292929;
	height: 55px;
	border-bottom: 1px solid #3c3c3c;
	/* box-shadow: 0 3px 3px #0000003d; */
}

/*********************************/
header.header .Logo--Area {}

header.header .Logo--Area a {
	display: block;
}

header.header .Logo--Area a img {
	width: 38px;
	margin-left: 8px;
}

.logoFrst {
	display: flex;
	align-items: center;
	justify-content: center;
}

.Logo--Area .logoFrst span {
    display: inline-block;
    text-transform: capitalize;
    line-height: 74px;
    font-weight: 600;
    font-family: 'ThemeX', sans-serif, Arial !important;
    vertical-align: middle;
    color: var(--font-color);
    transition: .3s;
    font-size: 26px;
}

.Logo--Area .logoFrst span:nth-child(2) {
	color: var(--blue-color);
	margin: 0px -2px;
}

.Logo--Area .logoFrst em {
	position: absolute;
	font-style: normal;
	display: block;
	font-size: 12px;
	color: var(--font-color);
	font-weight: 500;
	text-align: right;
	margin-top: -15px;
	float: left;
	left: -17px;
}

.Logo--Area .logoFrst {
    display: grid;
    grid-template-columns: auto 38px;
    grid-template-areas: "ar logo" "en logo";
    align-items: center;
    justify-content: end;
    column-gap: 10px;
    line-height: 1.15;
}

.Logo--Area .logoFrst img {
    grid-area: logo;
    margin: 0 !important;
}

.Logo--Area .logoFrst .site-name-line {
    display: block;
    line-height: 1.15;
    font-weight: 700;
    font-family: 'ThemeX', sans-serif, Arial !important;
    white-space: nowrap;
    text-align: right;
}

.Logo--Area .logoFrst .site-name-line b,
.Logo--Area .logoFrst .site-name-line em {
    position: static;
    display: inline !important;
    float: none;
    margin: 0;
    font-style: normal;
    line-height: inherit;
}

.Logo--Area .logoFrst .site-name-line-ar {
    grid-area: ar;
    font-size: 23px;
}

.Logo--Area .logoFrst .site-name-line-en {
    grid-area: en;
    font-size: 13px;
    direction: ltr;
}

/*********************************/
header .header-logo {
	float: right;
}

i.far.fa-moon {
	font-size: 22px;
	top: -2px;
	color: #f5c518;
}

header .header-logo>a {
	display: block;
	width: 100%;
}

header .header-logo>a>i {
	border-radius: 13px;
	transition: 0.3s all ease;
	color: white;
	margin: 8px 8px 8px 10px;
	float: left;
	font-size: 31px;
	text-align: center;
	line-height: 40px;
}

header .header-logo>a span.text-logo {
	float: right;
	font-size: 34px;
	height: 100%;
	padding-top: 6px;
	font-family: Righteous;
	color: #ececec;
}

header .header-logo>a span.text-logo>em {
	font-style: normal;
	float: left;
}

header .header-logo>a span.text-logo>em.char-s {
	text-transform: capitalize;
}

header .header-logo>a span.text-logo>em.char-c {
	text-transform: capitalize;
	transform: scale(1.7) translate(-1px, 1px) rotate(6deg);
	color: #ffffff;
}

header .header-logo>a span.text-logo i.fa.fa-play {
	position: absolute;
	font-size: 16px;
	top: 22px;
	right: 54px;
	color: #ffffff;
}

.search-widget {
	width: 310px;
	float: left;
	position: relative;
	padding: 10px 10px 10px 0;
}

.search-widget input#searchWidgetInput {
	width: 100%;
	height: 35px;
	transition: 0.3s all ease;
	border-radius: 47px;
	border: 1px solid transparent;
	padding: 0px 20px;
	background: #eeedf2;
	color: #13245a;
	font-size: 12px;
	font-weight: bold;
}

.search-widget button {
	position: absolute;
	border: 0;
	top: 9px;
	left: 14px;
	width: 18px;
	color: #818284;
	cursor: pointer;
	background-image: linear-gradient(45deg, #4872ff, #7a4dff);
	-webkit-background-clip: text;
	background-clip: text;
}
a#txlogo {
    color: #FFC107 !important;
    font-size: 17px;
    font-weight: 500;
    font-family: system-ui;
    text-decoration: none;
    transition: color 0.05s ease 0s;
    padding-right: 10px;
}
#tlogo {
    display: table;
    margin: 0px auto;
    border-radius: 8px;
    text-align: center;
    padding-top: 10px;
}
.themeX {
    display: inline-block;
    background: #6953dac7;
    padding: 6px 11px 6px;
    border-radius: 8px;
    vertical-align: middle;
    font-size: 14px;
    font-family: 'ThemeX';
}
.themeX span {
    vertical-align: middle;
    color: #fff;
}

.ThemesX {
	display: inline-block;
	background: #7777771f;
	padding: 10px 12px 8px;
	border-radius: 8px;
	vertical-align: middle;
	font-size: 14px;
}

.ThemesX span {
	vertical-align: middle;
	color: var(--font-color);
}

a#txlogo img {
	vertical-align: top;
	width: 23px;
	margin-right: 10px
}

main.site-inner {
	min-height: clamp(65vh, 70vw, 100vh);
}

.themesx_com {
	color: white;
	margin-left: 0;
	border-radius: 3px;
	display: table;
	margin: 0 auto;
	font-size: 15px;
	font-weight: bold;
	line-height: 40px;
	float: left;
}

.themesx_com a {
	color: #e79f23;
	font-weight: bold;
	font-size: 17px;
	padding-right: 5px;
	float: left;
	line-height: initial;
}

.ThemeSXCom_header_title {
	text-align: center;
}

header .menu-header {
	float: right;
	height: 55px;
	padding-right: 15px;
	position: relative;
}

header .menu-header>ul>li {
	cursor: pointer;
	position: relative;
	float: right;
	font-weight: bold;
}

header .menu-header>ul>li>a {
	display: block;
	padding: 17px 17px;
	font-size: 15px;
	position: relative;
	transition: 0.3s all ease;
}

.PageMenu {
	display: block;
	position: relative;
	float: right;
}

header:after {
	position: absolute;
	bottom: 0;
	content: "";
	width: 100%;
	/* background: linear-gradient( #14112300, #141123); */
	right: 0;
	left: 0;
	padding-top: 8%;
}

header .container {
	z-index: 9;
}

header .RigtHeader {
	/*   position: relative;
    margin: 0 70px 0 20px;
    float: right;
    text-align: right;
    transition: .35s;
	z-index: 1;*/
}

header .RigtHeader>a {
	display: block;
	width: 100%;
	height: 100%;
}

header .RigtHeader>a .LogoContent {
	display: block;
}

header .RigtHeader>a .LogoContent h4 {
	font-family: Righteous;
	font-size: 60px;
	line-height: 50px;
	text-align: left;
}

header .RigtHeader>a .LogoContent h4 em {
	float: right;
	font-style: normal;
	line-height: 50px;
}

header .RigtHeader>a .LogoContent h4>i {
	position: absolute;
	font-size: 20px;
	right: 99px;
	top: 16px;
}

.themesx_com a:before {
	content: "";
	margin-left: 4px;
	color: var(--font-color);
	height: 20px;
	width: 2px;
	background: #ffffff24;
	display: inline-block;
	margin-right: 6px;
	margin-top: 11px;
}

.PageMenu>li {
	float: right;
	margin-left: 10px;
}

.PageMenu>li:first-child {
	border-bottom: 1px solid var(--blue-color);
	padding: 0px 0 5px;
	padding-right: 10px;
}

.PageMenu>li>a {
	display: block;
	transition: 0.35s all ease;
	padding: 6px 14px;
	text-align: center;
	z-index: 9;
	/*   overflow: hidden !important;*/
	width: 100%;
	height: 100%;
}

.PageMenu>li>a i {
	width: 35px;
	height: 35px;
	vertical-align: middle;
	float: right;
	margin: auto;
	font-size: 16px;
	line-height: 35px;
	z-index: 7;
}

.PageMenu>li>a span {
	float: right;
	font-size: 16px;
	font-weight: bold;
	line-height: 33px;
	z-index: 6;
}


.PageMenu>li:first-child>a:after,
.PageMenu>li:first-child>a:before {
	margin: 2px -3px 0 0;
}

.PageMenu>li:first-child>a:before {
	content: '';
	border: 2px solid var(--blue-color);
	-webkit-border-radius: 30px;
	height: 12px;
	width: 12px;
	position: absolute;
	right: -2px;
	top: 14px;
	-webkit-animation: .8s ease-out infinite pulse;
	opacity: 0;
}

.PageMenu>li:first-child>a:after {
	content: '';
	background-color: var(--blue-color);
	border-radius: 50%;
	position: absolute;
	top: 15px;
	right: -1px;
	width: 10px;
	height: 10px;
}

@keyframes pulse {
	0% {
		transform: scale(1);
		opacity: 1;
	}

	60% {
		transform: scale(1.3);
		opacity: 0.4;
	}

	100% {
		transform: scale(1.4);
		opacity: 0;
	}
}


/*.PageMenu > li > a:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 5px;
    height: 5px;
    background: #ffffff3b;
    transform-origin: center;
    border-radius: 50%;
    transform: scale(0);
    transition: 0s all ease;
}
.PageMenu > li:hover > a:after {
    transform: scale(200);
    opacity: 0;
    transition: 1s all ease;
}*/
.SearchHead {
	width: 100%;
	margin: 20px 0 0 0;
	z-index: 1;
}

.SearchHead form input[type="text"] {
	display: block;
	width: 100%;
	border-radius: 8px;
	border: 0;
	color: #000000;
	background: #ffffff;
	border-radius: 5px;
	padding: 11px 20px;
	transition: .4s all ease;
}

.SearchHead button {
	position: absolute;
	top: 0;
	left: 0;
	padding: 6px 16px;
	border: 0;
	border-radius: 4px 0px 0px 4px;
	background: linear-gradient(248.28deg, #9e61ff 9.539999999999999%, rgba(142, 97, 255, 0) 32.8%), radial-gradient(81.70999999999999% 279.87% at -16.57% -92%, #619bff 28.69%, rgba(205, 219, 248, 0) 69.54000000000001%), #6c52ee;
	color: var(--font-color);
	font-size: 20px;
	cursor: pointer;
	z-index: 9999;
}

header.header .SearchHead.Active {}

header.header .SearchHead.Active input[type="text"] {
	z-index: 9999;
}
/******************** css slider ***********************************/

  
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}


@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}






@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
		-webkit-filter: blur(2.344vw);
		filter: blur(2.344vw)
	}

	to {
		opacity: 1
	}
}


@-webkit-keyframes fadein {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadein {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

arlionz--slider {
    display: block;
    min-width: 100%;
    height: min(68vh, 620px);
    overflow: hidden;
    position: relative;
    	    -webkit-animation: fadein 2s;
    animation: fadein 2s;
    margin-top: 18px;
}

slider--image:after {
	content: '';
	position: absolute;
	width: 100%;
/*	background: linear-gradient(0deg, #181d25, transparent);*/
	padding-top: 250px;
	z-index: 1;
	bottom: 0
}

arlionz--slider .owl-item {
	position: relative;
	float: right;
	overflow: hidden;
	height: 100%;
	padding: 0 !important
}
ul.sacnd_url {
    margin-top: 20px;
}
slider--metabox.Slider--MetaBox {
	width: 39vw;
	position: absolute;
	z-index: 1;
	flex-direction: column;
	padding: 0 2.344vw;
	display: flex;
	justify-content: center;
	align-content: flex-start;
	align-items: flex-start;
	top: calc(50% - 40px);
	right: 0;
	transform: translate(0, -50%)
}

.Slider--Box--Item {
	position: relative;
	direction: rtl;
	height: 100%;
	display: flex;
	overflow: hidden;
	background: #eee
}

slider--image {
	position: absolute;
	width: 100%;
	z-index: 0;
	top: 0;
	width: 100%;
	height: 100%;

}

slider--image>i {
	display: none !important
}

slider--image:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: linear-gradient(rgb(0 3 28 / 64%), rgba(24, 29, 37, 0) 10%, rgba(24, 17, 58, 0) 70%, rgb(0 3 28)), linear-gradient(90deg, rgba(24, 29, 37, 0), rgba(24, 17, 58, 0) 50%, rgb(0 3 28));
}

slider--image>img {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	z-index: -2;
	width: 100%;
	height: 100%;

    
}

innser--slider--root {
	display: block;
	height: 100%
}

innser--slider--root>div {
	height: 100%
}

innser--slider--root>div>div {
	height: 100%
}

innser--slider--root .owl-dots {
    display: flex;
    position: absolute;
    justify-content: flex-start;
    padding: 0 5vw;
    -webkit-animation: fadein 2s;
    animation: fadein 2s;
    align-content: flex-end;
    width: 100%;
    bottom: 40px;
    height: max-content;
    align-items: center;
    direction: ltr;
}

slider--dots>ul {
	display: flex;
	justify-content: center;
	padding: 0 5vw;
	align-items: center;
	direction: ltr
}

innser--slider--root .owl-dots>.owl-dot {
    cursor: pointer;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    padding: 8px;
    line-height: 100%;
    position: relative;
    font-size: 40px;
    border: 1px solid transparent;
    transition: .3s all ease;
    opacity: 1;
    transform-origin: center bottom;
    flex-direction: column;
    background: #0000;
}

slider--dots>ul>li>i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

innser--slider--root .owl-dots>.owl-dot img {
	max-width: 250px;
	-webkit-filter: drop-shadow(2px 4px 6px #00000024);
	filter: drop-shadow(2px 4px 6px #00000024);
	height: 70px
}

slidebox--logo {
    display: block;
    width: 100%;
    padding: 20px 0;
    padding-bottom: 0;
}

slidebox--logo>a {
    display: table;
    font-size: 2.5em;
    font-weight: 700;
    line-height: 1.3em;
        transition: 0.3s all;
}

slidebox--logo img {
    position: unset;
    display: block;
    width: auto;
    max-width: 100%;
    height: 11.719vw;
    margin: 0px 0px 1vw;
}

slider--box--ul {
	display: block;
	width: 100%;
	margin: 20px 0 0
}

slider--box--ul>ul {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    flex-wrap: wrap;
}

slider--box--ul>ul>li {
	display: flex;
	align-content: center;
	align-items: center
}

slider--box--ul.category_themesxcom>ul>li:after {
    content: '';
    display: inline-block;
    padding: 2px;
    margin: 0 0.8vw;
    background: #6c52ee;
    border-radius: 5px;
}
slider--box--ul.genre>ul>li>a{
    font-size: 14px;
        font-size: 14px;
    color: #6b55de;
}


slider--box--ul>ul>li.Data-RunTime {
	color: #fff
}

slider--box--ul>ul>li.Data-Mpaa {
	border: 1px solid #ffffff75;
	border-radius: 5px
}

slider--box--ul>ul>li.Data-Mpaa:after {
	display: none
}

slider--box--ul>ul>li:last-child:after {
	opacity: 0
}
slider--box--ul>ul>li>span{
        color: var(--font-color);
    font-size: 14px;
}
slider--box--ul>ul>li>a و {
    display: block;
    color: #fff;
    padding: 0 5px;
    font-weight: 400;
    font-size: 17px;
}

sliderbox--story {
    padding: 1vw 0;
    display: block;
    line-height: 30px;
    text-align: right;
    color: #cccdd1;
    font-size: 14px;
}

slidebox--actors {
	display: block
}

slidebox--actors>ul {
	display: flex
}

slidebox--actors>ul>li {
	display: flex;
	align-content: center;
	align-items: center
}

slidebox--actors>ul>li:before {
	content: '';
	display: block;
	padding: 3px;
	margin: 0 .481vw;
	background: #aca3cf
}

slidebox--actors>ul>li>a {
	display: block;
	color: #fff
}
slidebox--actions {
    width: 100%;
}
slidebox--actions > .btns {
	display: flex;
	-webkit-box-pack: justify;
	justify-content: flex-start;
	padding: 1vw 0px 0px;
	text-align: center;
	gap: 0.8vw;
	align-items: center;
}

slidebox--actions > .btns li a.shine{
    cursor: pointer;
    float: left;
    z-index: 10;
    width: 100%;
    background: linear-gradient(248.28deg, #9e61ff 9.539999999999999%, rgba(142, 97, 255, 0) 32.8%), radial-gradient(81.70999999999999% 279.87% at -16.57% -92%, #619bff 28.69%, rgba(205, 219, 248, 0) 69.54000000000001%), #6c52ee;
    color: #ffffff;
    border: 0;
    padding-top: 13px;
    padding-right: 31px;
    padding-bottom: 13px;
    padding-left: 31px;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    position: relative;
    display: inline-block;
    transition: .2s ease;
    border-radius: 10px;
    text-align: center;
}
slidebox--actions > .btns a i {
    font-size: 24px;
    vertical-align: middle;
    margin-left: 6px;
}
slidebox--actions > .btns a span {
    font-size: 16px;
    font-weight: 700;

}

a.Show__Movie {
        transition: 0.3s all;
}
slider--box--item {
    display: block;
    height: 100%;
}
arlionz--slider .owl-dot.active__link.active::after {
    width: 50px;
    background: #6953da;
}
.owl-dot.active__link.active {
    opacity: 1;
}
arlionz--slider .owl-dot.active__link::after {
    content: "";
    display: block;
    width: 16px;
    height: 7px;
    border-radius: 35px;
    margin: 0.856vw auto 0px;
    background-color: #ffffff;
    transition: all 0.5s ease-in-out 0s;
}
slider--box--ul>ul .rate {
    display: inline-block;
    font-size: 17px;
    color: #fff;
}
slider--box--ul>ul .rate i {
    font-size: 13px;
    color: #7b61ff;
    margin-left: 8px;
}
arlionz--slider .owl-nav > button {
    width: 28px;
    height: 76px;
    background: rgba(0, 0, 0, .2);
    color: #fff;
    position: absolute;
    top: -50%;
    margin-top: -38px;
    text-align: center;
    line-height: 76px;
    border-radius: 5px;
    transition: .3s all;
    cursor: pointer;
    z-index: 1;
}
arlionz--slider .owl-nav > button:hover {
    background: var(--blue-color);
}
arlionz--slider .owl-nav > button.owl-prev {
    right: 0px;
    left: unset;
}
arlionz--slider .owl-nav > button span {
    font-size: 60px;
}
arlionz--slider .owl-nav > button.owl-next {
    left: 0px;
}
@media only screen and (max-width: 1080px) {
slider--metabox.Slider--MetaBox {
    width: 100%;
}
arlionz--slider {
    margin-top: -113px;
}
arlionz--slider {
        height: 80vh;

}
}
@media only screen and (max-width: 480px) {

    slider--metabox.Slider--MetaBox {
    width: 100%;
    position: absolute;
    z-index: 1;
    flex-direction: column;
    padding: 0 9.344vw;
    display: flex
;
    justify-content: center;
    align-content: flex-start;
    align-items: flex-start;
    top: calc(55% - 40px);
    right: 0;
    transform: translate(0, -50%);
}
slidebox--logo>a {
    display: table;
    font-size: 1.6em;
    font-weight: 700;
    line-height: 1.3em;
    transition: 0.3s all;
}

sliderbox--story {
    padding: 1vw 0;
    display: block;
    line-height: 24px;
    text-align: right;
    color: #cccdd1;
    font-size: 13px;
}
slidebox--actions > .btns li a.shine {
    cursor: pointer;
    float: left;
    z-index: 10;
    width: 100%;
    background: linear-gradient(248.28deg, #9e61ff 9.539999999999999%, rgba(142, 97, 255, 0) 32.8%), radial-gradient(81.70999999999999% 279.87% at -16.57% -92%, #619bff 28.69%, rgba(205, 219, 248, 0) 69.54000000000001%), #6c52ee;
    color: #ffffff;
    border: 0;
    padding-top: 8px;
    padding-right: 11px;
    padding-bottom: 8px;
    padding-left: 13px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    position: relative;
    display: inline-block;
    transition: .2s ease;
    border-radius: 10px;
    text-align: center;
}
slidebox--actions > .btns {
    display: flex
;
    -webkit-box-pack: justify;
    justify-content: flex-start;
    padding: 9vw 0px 0px;
    text-align: center;
    gap: 1.8vw;
    align-items: center;
}
slidebox--actions > .btns a span {
    font-size: 14px;
    font-weight: 700;
}
}


/******************** css slider ***********************************/


.SearchHead.Active button {}

.themesx_com a img {
	display: inline-block;
	width: 100px;
	float: left;
}

.BreakNews {
	border-radius: 25px;
	padding: 7px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
	overflow: hidden;
}

.BreakNewsBa {
	background: linear-gradient(45deg, #ffffff00 0, #ffffff14 100%);
	border-radius: 25px;
	padding: 6px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
	overflow: hidden;
	flex: 1;
}

.BreakNews .BreakNewsTitle {
	float: right;
	padding: 5px 20px;
	display: block;
	width: 100px;
	text-align: center;
	color: var(--font-color);
	font-weight: 500;
	border-radius: 30px;
	background: var(--blue-color);
}

.SlideItem a span.categorySpan {
	position: absolute;
	top: 12px;
	list-style: none;
	background: var(--blue-color);
	right: 10px;
	border-radius: 50px;
	line-height: 30px;
	box-shadow: 0px 3px 0px 0px #17162561;
	font-weight: bold;
	padding: 0 18px;
	font-size: 13px;
}

.SlideItem a .title {
	position: absolute;
	bottom: 0px;
	right: 0;
	width: 100%;
	padding: 0 13px 15px;
	color: white;
	font-size: 15px;
	text-align: center;
	font-weight: bold;
	line-height: 24px;
}

.filterTabs {
	margin: 0px 0 20px;
}

.filterTabs ul {
	float: left;
}

.filterTabs li {
	font-weight: 700;
	color: var(--font-color);
	transition: 0.2s all ease;
	float: right;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	border-radius: 5px;
	border: 1px solid #e3e7f92b;
	padding: 5px 20px;
	margin-left: 10px;
	justify-content: center;
	align-items: center;
	width: auto;
	background: #ffffff0d;
}

.filterTabs li i {
	width: 35px;
	height: 35px;
	vertical-align: middle;
	margin: auto;
	font-size: 30px;
	line-height: 35px;
	margin-left: 9px;
	display: table;
	text-align: center;
	margin: 0 auto;
}

.filterTabs li span {
	font-size: 14px;
	font-weight: bold;
	display: block;
	white-space: nowrap;
	text-align: center;
}

.filterTabs li:last-child {
	margin-left: 0;
}

.filterTabs li div {
	display: table;
	margin: 0 auto;
	z-index: 9;
}

.filterTabs li.active {
	border-color: var(--blue-color);
}

.filterTabs li.active:before {
	opacity: 1;
}

.filterTabs li:after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 5px;
	height: 5px;
	background: #ffffff42;
	transform-origin: 50% 40%;
	border-radius: 50%;
	transform: scale(0);
	transition: 0s all ease;
}

.filterTabs li:before {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 5px;
	height: 5px;
	background: var(--blue-color);
	transform-origin: 90% 40%;
	border-radius: 50%;
	transform: scale(0);
	transition: 0s all ease;
}

.filterTabs li:hover:after {
	transform: scale(200);
	opacity: 0;
	transition: 1s all ease;
}

.BlocksHolder {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -5px;
	row-gap: 10px;
	padding-bottom: 10px;
	z-index: 7;
}

.MovieItem {
	flex: 1;
	min-width: 240px;
	margin: 0 10px 20px;
	position: relative;
	max-width: 245px;
	max-height: 381px;
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 15px 0 rgba(0, 0, 0, 0.08), 0 5px 10px -1px rgba(0, 0, 0, 0.11);
	overflow: hidden;
	transition: 0.4s all ease;
}

.MovieItem a {
	display: block;
	width: 100%;
	height: 100%;
}

.MovieItem a .poster {
	position: relative;
	display: block;
	padding-bottom: 156%;
	background-position: center;
	background-size: cover;
	overflow: hidden;
	transition: 0.3s all ease;
	z-index: 4;
}

.MovieItem a span.categorySpan {
	position: absolute;
	top: 15px;
	list-style: none;
	background: var(--blue-color);
	right: 15px;
	border-radius: 50px;
	line-height: 30px;
	font-weight: bold;
	padding: 0 18px;
	font-size: 13px;
	transition: 0.4s all ease;
}

.MovieItem a .title {
	position: absolute;
	bottom: 0px;
	right: 0;
	width: 100%;
	padding: 0 13px 21px;
	color: white;
	font-size: 15px;
	text-align: center;
	font-weight: bold;
	line-height: 24px;
}

.MovieItem:hover a .poster {
	opacity: 0.4;
}

.MovieItem a .over {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	background: linear-gradient(180deg, #1d1d1d00, #000 70%);
	padding: 70px 8px 10px;
	transition: .3s .1s;
	opacity: 0;
	transform: translate(0) scale(1);
	opacity: 1;
}

.MovieItem a>* {
	z-index: 9;
}

/********************************************/
section.ThemesXCom_category {
	position: relative;
	padding: 0 3.344vw 1.5vw;
	overflow: hidden;
}

section.ThemesXCom_category span:not([aria-label]) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 21.33px;
	color: #fff;
}

section.ThemesXCom_category span em {
	color: #ffffff;
	font-size: 1.214vw;
	padding: 0vw 0.981vw;
	margin: 0 auto 0 0;
	border-radius: 8px;
	display: flex;
	align-items: center;

}

section.ThemesXCom_category em a:hover {
	color: var(--blue-color);
}

section.ThemesXCom_category em a {
	font-size: 16px;
	font-weight: 400;
	transition: .3s all ease;

}

section.ThemesXCom_category em a i {
	font-size: 14px;
	line-height: 8px;
	margin-right: 8px;

}

section.ThemesXCom_category em:not(:last-child) {
	color: #211456;
	padding: 0vw 0.938vw;
	margin-right: 0.391vw;
	line-height: 1.2;
	border-radius: 0.781vw 0vw;
	background: #FFC107;
}

section.ThemesXCom_category ul[aria-label="platforms"] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

section.ThemesXCom_category ul[aria-label="platforms"] li {
	flex: 1;
	background: linear-gradient(0deg, #14141400, #141414);
	height: 9.457vw;
	border-radius: 0.625vw 0.625vw 0;
	overflow: hidden;
}

section.ThemesXCom_category ul[aria-label="platforms"] li:not(:last-child) {
	margin: 0 0 0 0.5vw;
}

section.ThemesXCom_category ul[aria-label="platforms"] li a {
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	height: 100%;
}

section.ThemesXCom_category .owl-item img {
	border-radius: 0.8vw;
}

section.ThemesXCom_category .owl-item {
	position: relative;
	display: inline-block;
	border-radius: .8vw;
	height: 22.457vw;
	opacity: 0;
	-webkit-transition: opacity .75s linear, 0.5s, -webkit-transform .3s ease;
	transition: opacity .75s linear, 0.5s, -webkit-transform .3s ease;
	-o-transition: opacity .75s linear, 0.5s, transform .3s ease;
	transition: opacity .75s linear, 0.5s, transform .3s ease;
	transition: opacity .75s linear, 0.5s, transform .3s ease, -webkit-transform .3s ease;
}

section.ThemesXCom_category .owl-item.active {
	opacity: 1;
}

section.ThemesXCom_category .owl-prev,
section.ThemesXCom_category .owl-next {
	position: absolute;
	top: -18.5vw;
	bottom: 2.5vw;
	right: -2.5vw;
	color: #ffffff;
	cursor: pointer;
	padding: 0.5vw;
	font-size: 5.916vw;
	background: none;
	border: none;
}

section.ThemesXCom_category .owl-next {
	left: -2.5vw;
	right: unset;
}

section.ThemesXCom_category .owl-prev.disabled,
section.ThemesXCom_category .owl-next.disabled {
	color: #ffffff4f;
}

section.ThemesXCom_category .owl-item:hover {
	-webkit-transform: scale(1.08);
	-ms-transform: scale(1.08);
	transform: scale(1.08);
}

section.ThemesXCom_category .owl-item:hover img {
	-webkit-filter: brightness(0.5) opacity(0.8);
	filter: brightness(0.5) opacity(0.8);
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

section.ThemesXCom_category .owl-item:hover ul {
	opacity: 0;
	-webkit-transition: opacity .75s linear, 0.5s;
	-o-transition: opacity .75s linear, 0.5s;
	transition: opacity .75s linear, 0.5s;
}

section.ThemesXCom_category .owl-item:hover ul:not(:nth-of-type(1)) {
	opacity: 1;
	-webkit-transition: opacity .75s linear, 0.5s;
	-o-transition: opacity .75s linear, 0.5s;
	transition: opacity .75s linear, 0.5s;
}

section.ThemesXCom_category .owl-item ul:not(:nth-of-type(1)) {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: justify;
	align-content: space-between;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0.5vw;
	font-size: 0.9vw;
	opacity: 0;
	z-index: 10;
	padding-bottom: 24px;
}

section.ThemesXCom_category .owl-item ul:not(:nth-of-type(1)) li:not([aria-label="title"],
	[aria-label="play"]) {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	color: #130438;
	padding: 0.3vw;
	margin: 1.114vw 0.2vw 0;
	font-size: 0.8vw;
	line-height: 1;
	background: #ffffff;
	border-radius: 2vw;
}

section.ThemesXCom_category .owl-item ul:not(:nth-of-type(1)) li[aria-label="title"],
li[aria-label="play"] {
	-webkit-box-flex: 100%;
	-ms-flex: 100%;
	flex: 100%;
	color: #ffffff;
	margin: 0;
	font-size: 20px;
	text-align: center;
	background: none;
	line-height: 1.3em;
	padding-bottom: 14px;
}

ul {
	position: static;
}

section.ThemesXCom_category .owl-item li i {
	width: 4vw;
	height: 4vw;
	font-size: 2.5vw;
	line-height: 4vw !important;
	border-radius: 2vw;
}

section.ThemesXCom_category .owl-item ul:not(:nth-of-type(1)) li[aria-label="title"] em {
	display: block;
	color: #b1acc5;
	font-size: 1.001vw;
}

section.ThemesXCom_category .owl-item li[aria-label="ribbon"]:nth-of-type(1) {
	position: absolute;
	width: 14.42vw;
	top: 1.6vw;
	left: -4.5vw;
	z-index: 10;
	line-height: 2vw;
	text-align: center;
	background: #7d4aff;
	-webkit-transform: rotate(-40deg);
	-ms-transform: rotate(-40deg);
	transform: rotate(-40deg);
}

section.ThemesXCom_category li[aria-label="ribbon"]:first-child {
	top: 0.4vw !important;
}

section.ThemesXCom_category li[aria-label="ribbon"] {
	--f: 10px;
	--r: 5px;
	position: absolute;
	padding-inline: 10px;
	border-bottom: var(--f) solid #0005;
	color: #fff;
	border-radius: 10px 0 0 0;
	left: -10.2px !important;
	border-right: var(--r) solid #0000;
	clip-path: polygon(100% 0, 0 0, 0 calc(100% - var(--f)), var(--f) 100%, var(--f) calc(100% - var(--f)), 100% calc(100% - var(--f)), calc(100% - var(--r)) calc(50% - var(--f) / 2));
	width: auto !important;
	transform: none !important;
}

section.ThemesXCom_category .owl-item li[aria-label="ribbon"]:nth-of-type(2) {
	position: absolute;
	width: 15.42vw;
	top: 3vw;
	left: -3vw;
	z-index: 10;
	line-height: 2vw;
	text-align: center;
	background: rgb(244, 67, 54);
	transform: rotate(-40deg);
}

section.ThemesXCom_category .owl-item li[aria-label="episode"] {
	position: absolute;
	bottom: 0px;
	z-index: 10;
	font-size: 2vw;
	text-align: center;
	background-image: linear-gradient(to right, rgba(19, 4, 56, 0), rgb(15, 1, 37));
	padding-bottom: 0.6em;
}

section.ThemesXCom_category .owl-item li[aria-label="episode"] em {
	display: block;
	padding: 3px 0.6vw;
	font-size: 1vw;
	background: rgb(125, 74, 255);
	border-radius: 8px 0 0 8px;
	color: #fff;
	line-height: 21px;
	margin-bottom: 0.8vw;
}

section.ThemesXCom_category .owl-item li[aria-label="age"] {
	position: absolute;
	bottom: 0.8vw;
	left: 0px;
	z-index: 10;
	font-size: 1.6vw;
	line-height: 1;
	padding: 0.3vw 0.5vw 0.18vw 0.2vw;
	border-radius: 0px 5vw 5vw 0px;
	background: rgb(255, 17, 0);
}

section.ThemesXCom_category .owl-item li[aria-label="year"] {
	position: absolute;
	top: 0.8vw;
	right: 0.5vw;
	z-index: 10;
	padding: 0.25vw 0.5vw 0vw;
	color: rgb(19, 4, 56);
	line-height: 1;
	border-radius: 5vw;
	background: rgb(255, 193, 7);
}

section.ThemesXCom_category[aria-label="posts"] {
	position: relative;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1.0vw 1fr 1.0vw 1fr 1.0vw 1fr 1.0vw 1fr 1.0vw 1fr;
	grid-template-columns: repeat(6, 1fr);
	grid-column-gap: 1.0vw;
	grid-row-gap: 1.5vw;
	padding: 0 2.344vw 1.5vw;
	overflow: visible;
}
/*********/
    .pagination_top {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding: 10px;
}

.pagination_top a,
.pagination_top span {
    transition: 0.2s all ease;
    font-size: 17px;
    font-weight: 700;
    color: #ffffff;
    border-radius: 5px;
    display: block;
    width: 36px;
    text-align: center;
    height: 36px;
    line-height: 36px;
    background: #191c33;
}

.pagination_top a:hover {
    background: var(--blue-color) !important;
}

.pagination_top .current {
    background: var(--blue-color) !important;
    color: #fff;
}

.pagination_top .dots {
    border: none;
    padding: 8px 5px;
    line-height: inherit;
}

.pagination_top .prev,
.pagination_top .next {
    font-weight: bold;
}

/**/
ul[aria-label="pagination"] {
	padding: 2.344vw 1.5vw;
	text-align: center;
}

ul[aria-label="pagination"] li {
	display: inline-block;
}

ul[aria-label="pagination"] a,
ul[aria-label="pagination"] span {
	color: #fff;
	padding: 0.50vw .825vw;
	margin: 0 0 0 0.5vw;
	font-size: 1.2vw;
	background: #ffffff1c;
	border-radius: 0.5vw;
}

ul[aria-label="pagination"] li.active a,
ul[aria-label="pagination"] span.current {
	background: #f44336;
	color: #fff;
}

article[aria-label="post"] img {
	border-radius: 0.8vw;
}

article[aria-label="post"] {
	position: relative;
	height: 22.457vw;
	border-radius: .8vw;
	-webkit-transition: opacity .75s linear, 0.5s, -webkit-transform .3s ease;
	transition: opacity .75s linear, 0.5s, -webkit-transform .3s ease;
	-o-transition: opacity .75s linear, 0.5s, transform .3s ease;
	transition: opacity .75s linear, 0.5s, transform .3s ease;
	transition: opacity .75s linear, 0.5s, transform .3s ease, -webkit-transform .3s ease;
}

article[aria-label="post"]:hover {
	-webkit-transform: scale(1.08);
	-ms-transform: scale(1.08);
	transform: scale(1.08);
}

main article ul.btns li:last-child i {
	padding: 0px;
	padding-right: 14px;
}

article[aria-label="post"]:hover img {
	-webkit-filter: brightness(0.5) opacity(0.8);
	filter: brightness(0.5) opacity(0.8);
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

article[aria-label="post"]:hover ul {
	opacity: 0;
	-webkit-transition: opacity .75s linear, 0.5s;
	-o-transition: opacity .75s linear, 0.5s;
	transition: opacity .75s linear, 0.5s;
}

article[aria-label="post"]:hover ul:not(:nth-of-type(1)) {
	opacity: 1;
	-webkit-transition: opacity .75s linear, 0.5s;
	-o-transition: opacity .75s linear, 0.5s;
	transition: opacity .75s linear, 0.5s;
}

article[aria-label="post"] ul:not(:nth-of-type(1)) {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: justify;
	align-content: space-between;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 0.5vw;
	font-size: 0.9vw;
	opacity: 0;
	z-index: 10;
}

article[aria-label="post"] ul:not(:nth-of-type(1)) li:not([aria-label="title"],
	[aria-label="play"]) {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	color: #130438;
	padding: 0.3vw;
	margin: 1.114vw 0.2vw 0;
	font-size: 0.8vw;
	line-height: 1;
	background: #ffffff;
	border-radius: 2vw;
}

article[aria-label="post"] li i {
	width: 4vw;
	height: 4vw;
	font-size: 1.5vw;
	line-height: 4vw !important;
	background: #f44336;
	border-radius: 2vw;
}

article[aria-label="post"] ul:not(:nth-of-type(1)) li[aria-label="title"] em {
	display: block;
	color: #b1acc5;
	font-size: 1.001vw;
}

article[aria-label="post"] li[aria-label="ribbon"]:nth-of-type(1) {
	position: absolute;
	top: 1.6vw;
	left: -4.5vw;
	width: 14.42vw;
	line-height: 2vw;
	text-align: center;
	background: #7d4aff;
	z-index: 10;
	-webkit-transform: rotate(-40deg);
	-ms-transform: rotate(-40deg);
	transform: rotate(-40deg);
}

article[aria-label="post"] li[aria-label="ribbon"]:nth-of-type(2) {
	position: absolute;
	width: 15.42vw;
	top: 3vw;
	left: -3vw;
	z-index: 10;
	line-height: 2vw;
	text-align: center;
	background: rgb(244, 67, 54);
	transform: rotate(-40deg);
}

article[aria-label="post"] li[aria-label="episode"] {
	position: absolute;
	bottom: 0;
	font-size: 2.0vw;
	text-align: center;
	z-index: 10;
	background-image: linear-gradient(to right, rgb(19 4 56 / 0%), rgb(19 4 56));
}

article[aria-label="post"] li[aria-label="episode"] em {
	display: block;
	padding: 3px 0.6vw;
	font-size: 1vw;
	background: #f44336;
	border-radius: 8px 0 0 8px;
	color: #fff;
}

article[aria-label="post"] li[aria-label="age"] {
	position: absolute;
	bottom: 0.8vw;
	left: 0px;
	z-index: 10;
	font-size: 1.6vw;
	line-height: 1;
	padding: 0.3vw 0.5vw 0.18vw 0.2vw;
	border-radius: 0px 5vw 5vw 0px;
	background: rgb(255, 17, 0);
}

article[aria-label="post"] li[aria-label="year"] {
	position: absolute;
	top: 0.8vw;
	right: 0.5vw;
	z-index: 10;
	padding: 0.25vw 0.5vw 0vw;
	color: rgb(19, 4, 56);
	line-height: 1;
	border-radius: 5vw;
	background: rgb(255, 193, 7);
}

/********************************************/
.owl-dots {
	display: none;
}

.pagination {
	text-align: center;
	display: table;
	margin: 10px auto 40px;
}

.pagination li {
	display: inline-block;
	height: 35px;
	margin: 0 3px;
	font-weight: 700;
	direction: ltr;
	float: right;
}

.pagination>ul>li>* {
	transition: 0.2s all ease;
	font-size: 17px;
	font-weight: 700;
	color: #ffffff;
	border-radius: 5px;
	display: block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	background: #191c33;
}

.pagination>ul>li>span.current {
	background: var(--blue-color) !important;
}

.pagination li {
	transition: .3s all;
}

.pagination li:hover a {
	background: var(--blue-color) !important;
}

@media only screen and (min-width: 1024px) {
	.secTop .content {
		display: none !important;
	}

}

@media only screen and (min-width: 900px) {
	.MovieItem:nth-child(5n + 0) {
		margin-left: 0;
	}
}

.Small--Box a ul.liList li.imdbRating {
	background: #ffcb17 !important;
	color: #000 !important;
}

.MovieItem a .imdbRating {
	font-weight: bold;
	display: block;
	padding: 6px 0px 5px 10px;
	font-size: 12px;
	line-height: 17px;
	border-radius: 12px;
	position: absolute;
	z-index: 99;
	top: 50px;
	transition: 0.4s 0s all ease;
	right: 15px;
}

.MovieItem a .title h4 {
	font-weight: bold;
	font-size: 15px;
	transition: 0.3s all ease;
	padding-top: 10px;
	border: 1px solid transparent;
}

.MovieItem a .imdbRating>strong {
	font-size: 14px;
	vertical-align: middle;
	margin-left: 10px;
	background: #f5c518;
	padding: 2px 13px;
	font-family: Righteous;
	font-weight: 400;
	border-radius: 12px;
	color: #0f0e19;
	position: relative;
	box-shadow: 0 0 5px #00000057;
}

/**************************/


.wrapper_ThemeX {
	display: flex;
	flex-direction: row;
	align-items: center;
	transform-style: preserve-3d;
}

.item_themeX {
	position: relative;
	display: flex;
	align-items: flex-end;
	transform-style: preserve-3d;
	transform: rotateY(-0.01deg);
	justify-content: flex-start;
}

.item_themeX .number {
	-webkit-text-stroke: 1px #ffffff;
	-webkit-text-fill-color: transparent;
	font-size: 160px;
	line-height: 160px;
	font-weight: 700;
	position: absolute;
	left: -12px;
	top: 50%;
	margin-top: -80px;
	white-space: nowrap;
	min-width: 200px;
	text-align: left;
	padding-left: 20px;
	box-sizing: border-box;
}

.item_themeX .number:before {
	content: "";
	position: absolute;
	width: 142px;
	height: 123px;
	left: 43px;
	top: 50%;
	background: linear-gradient(248.28deg, #9e61ff 9.539999999999999%, rgba(142, 97, 255, 0) 32.8%), radial-gradient(81.70999999999999% 279.87% at -16.57% -92%, #619bff 28.69%, rgba(205, 219, 248, 0) 69.54000000000001%), #7b61ff;
	filter: blur(40px);
	margin-top: -62px;
}

.item_themeX img {
	margin: 0px;
	border-radius: 4px;
	box-shadow: 0px 0px 32px black;
}

/**************/
.ThemesXCom_section {
	position: relative;
	padding: 0 2.344vw 1.5vw;
	overflow: hidden;
}


.ThemesXCom_section .owl-body_top_10 .owl-item img {
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    max-width: 196px;
    max-height: 266px;
    overflow: hidden;
}.owl-body_top_10 {
    display: none; /* إخفاء السلايدر في البداية */
}

.owl-body_grean {
    display: none; /* إخفاء السلايدر في البداية */
}

.ThemesXCom_section .owl-body_top_10 .owl-item {
	position: relative;
	display: inline-block;
	border-radius: .8vw;
	height: 15.457vw;
	opacity: 0;
	-webkit-transition: opacity .75s linear, 0.5s, -webkit-transform .3s ease;
	transition: opacity .75s linear, 0.5s, -webkit-transform .3s ease;
	-o-transition: opacity .75s linear, 0.5s, transform .3s ease;
	transition: opacity .75s linear, 0.5s, transform .3s ease;
	transition: opacity .75s linear, 0.5s, transform .3s ease, -webkit-transform .3s ease;
}

.ThemesXCom_section .owl-body_top_10 .owl-item.active {
	opacity: 1;
}

.ThemesXCom_section .owl-prev,
.ThemesXCom_section .owl-next {
	position: absolute;
	top: -14.5vw;
	bottom: 2.5vw;
	right: -49px;
	color: #ffffff;
	cursor: pointer;
	padding: 0.5vw;
	font-size: 4.5vw; /* تكبير قليل من 3.916vw */
	background: none;
	border: none;
	z-index: 10;
}

.ThemesXCom_section .owl-next {
	left: -4%;
	right: unset;
}

.ThemesXCom_section .owl-prev.disabled,
.ThemesXCom_section .owl-next.disabled {
	color: #ffffff4f;
}

.owl-nav.disabled {
	display: none;
}

.ThemesXCom_section .owl-body_top_10 .owl-item:hover {}

.ThemesXCom_section .owl-body_top_10 .owl-item:hover img {}

.Title--Box .Right h1 {
	color: #fff;
	font-size: 22px;
	font-weight: 500;
}


/*****/


.ThemesXCom_section_grean .owl-body_grean .owl-item {
	position: relative;
	min-height: 1px;
	float: right;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}


.ThemesXCom_section_grean .owl-body_grean .owl-item {
	width: 206px;
}

.ThemesXCom_section_grean .owl-body_grean .owl-item .category-tab-item {
	padding: 0 7.5px;
	width: auto;
	margin: 20px 0;
}

.ThemesXCom_section_grean .owl-body_grean .owl-item {
	padding: 0 10px;
}

.ThemesXCom_section_grean .owl-body_grean .owl-item {
	max-width: 100%;
}

.ThemesXCom_section_grean .owl-body_grean .owl-item .category-tab-item a {
	background: rgba(255, 255, 255, .1);
	border-radius: 30px;
	padding: 13px 31px;
	display: block;
	font-size: 14px;
	line-height: 19.6px;
	text-transform: uppercase;
}


/***********/
.ThemesXCom_section_grean .owl-carousel .owl-nav button.owl-prev,
.ThemesXCom_section .owl-carousel .owl-nav button.owl-next,
.ThemesXCom_section .owl-carousel button.owl-dot {
	border: none;
	padding: 0 !important;
}

.ThemesXCom_section_grean .owl-carousel .owl-nav>button.disabled {
	opacity: 0;
	cursor: no-drop;
}

.ThemesXCom_section_grean .owl-carousel .owl-nav>button.owl-prev {
	left: 10px;
}

.ThemesXCom_section_grean .owl-carousel .owl-nav .owl-prev,
.ThemesXCom_section_grean .owl-carousel .owl-nav .owl-next,
.ThemesXCom_section_grean .owl-carousel .owl-dot {
	cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


.ThemesXCom_section .owl-body_top_10 .owl-item img {
	transition: .3s all;
}

/* إصلاح تنسيق الأرقام في قسم افضل 10 اعمال */
.ThemesXCom_section .owl-body_top_10 .owl-item {
	overflow: visible !important;
}

.ThemesXCom_section .owl-body_top_10 .owl-item .item_themeX {
	position: relative;
	overflow: visible;
}

.ThemesXCom_section .owl-body_top_10 .owl-item .number {
	z-index: 10;
	pointer-events: none;
}

.ThemesXCom_section .owl-body_top_10 .owl-item .poster_themeSxCom {
	max-height: 270px;
	z-index: 9999;
	max-width: 200px;
	width: 100%;
	height: 100vw;

	border: 2px solid transparent;
	border-radius: 5px;
	overflow: hidden;
	transition: .3s all;
}

.ThemesXCom_section .owl-body_top_10 .owl-item:hover .poster_themeSxCom {
	border-color: #7b61ff;
}

.ThemesXCom_section .owl-body_top_10 .owl-item:hover img {
	transform: scale(1.1);
}

.owl-body_grean.owl-rtl.owl-loaded.owl-drag {
	overflow: hidden;
}

.ThemesXCom_section_grean .owl-body_grean .owl-nav>button {
	position: absolute;
	width: 28px;
	height: 47px;
	background: #191c33;
	margin-top: 20px;
	margin-left: -2.5px;
	margin-right: -2.5px;
	line-height: 47px !important;
	color: #fff;
	cursor: pointer;
}

.ThemesXCom_section_grean button.owl-next {
	right: unset !important;
	left: 0px;
	box-shadow: 15px 2px 20px rgba(0, 3, 28, .8);

}

.ThemesXCom_section_grean button.owl-prev {
	right: 0px ! IMPORTANT;
	box-shadow: -15px 0 20px rgba(0, 3, 28, .8);

}

.ThemesXCom_section_grean .owl-prev.disabled,
.ThemesXCom_section_grean .owl-next.disabled {
	color: #ffffff4f !important;
	display: none;
}

.ThemesXCom_section_grean .owl-prev span,
.ThemesXCom_section_grean .owl-next span {
	font-size: 30px !important;

}

.ThemesXCom_section_grean .owl-body_grean .owl-item .category-tab-item a,
.ThemesXCom_section_grean .owl-body_grean .owl-nav>button,
.custom-footer .footer-links a {
	transition: 0.3s all;
}

.ThemesXCom_section_grean .owl-body_grean .owl-item .category-tab-item a:hover,
.ThemesXCom_section_grean .owl-body_grean .owl-nav>button:hover {
	background: #7b61ff;
	color: #fff;
}


/*************/
.custom-footer {
	background-color: #111435;
	color: #fff;
	text-align: center;
	padding: 20px 0;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 1.6;
}

.custom-footer .footer-top {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 33px 60px 22px 60px;
}

.custom-footer .social-icons {
	display: flex;
	justify-content: center;
	gap: 15px;
}

.custom-footer .social-icons a {
	margin: 0 10px;
	color: #fff;
	font-size: 20px;
	text-decoration: none;
}

.custom-footer .social-icons a:hover {
	color: #ccc;
}

.custom-footer .footer-menu {
	margin: 10px 0px 19px 0px;
}

.custom-footer .footer-links {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 15px;
}

.custom-footer .footer-links li {
	display: inline-block;
}

.custom-footer .footer-links a {
	color: #fff;
	text-decoration: none;
}

.custom-footer .footer-links a:hover {
	color: #7b61ff;
}

.custom-footer .footer-bottom {
	margin-top: 10px;
}

.custom-footer .footer-links li:after {
	left: calc(-75px/2);
	border-right-style: solid;
	border-right-width: 1px;
	width: auto;
	right: auto;
	left: auto;
	position: relative;
	height: 100%;
	border-top: 0;
	border-bottom: 0;
	border-left: 0;
	border-left-width: 1px;
	border-style: solid;
	left: -8px;
	content: "";
	border-color: #ffffff;
}

.custom-footer .footer-menu a,
.custom-footer .footer-links li:after,
.footer-bottom p {
	color: #FFFFFFC4;
}

.custom-footer .footer-links li:last-child:after {
	display: none;
}

.footer-bottom p , .footer-bottom a {
	font-weight: 500;
	font-size: 1.2em;
	font-family: 'ThemeX';
}

.ThemesXCom_section .owl-body_top_10 button:hover {
	background: #7b61ff;
}

/****************************************/
.MovieItem a .imdbRating>strong:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 4px 4px 4px;
	border-color: #0000 #f5c518 #0000 #f5c51800;
	content: "";
	position: absolute;
	right: 99%;
	top: 8px;
	margin-left: -1px;
}

.MovieItem a .imdbRating span {
	float: left;
	font-family: Righteous;
	font-size: 20px;
	text-shadow: 0 0 10px #000;
}

.advFilter ul {
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

.advFilter {
	min-height: 60px;
	position: relative;
	z-index: 9;
	margin-bottom: 20px !important;
}

.advFilter .dropdown-button {
	margin-left: 9px;
	color: #8c9bb8;
	width: calc(100% / 6);
	perspective: 500px;
	z-index: 9999;
	font-size: 13px;
	display: inline-block;
	height: 35px;
	background: #ffffff0d;
	position: relative;
	cursor: pointer;
	border-radius: 5px;
	border: 1px solid #191c33;
	background-color: #191c33;
}

.advFilter .dropdown-button h6 {
	margin-bottom: 5px;
	color: #9c9c9c;
	font-size: 15px;
	font-weight: bold;
	display: none;
}

.advFilter .dropdown-button span {
	display: block;
	position: relative;
	font-size: 14px;
	cursor: pointer;
	font-weight: bold;
	color: #ffffff;
	border-radius: 3px;
	padding: 0 15px;
	line-height: 35px;
}

.advFilter .dropdown-button .ListDroped {
	right: 0;
	background: #332a46;
	transform: rotateX(-90deg);
	transform-origin: top;
	visibility: hidden;
	opacity: 0;
	transition: 0.4s ease;
	overflow: auto;
	position: absolute;
	top: calc(100% + 4px);
	left: -4px;
	list-style-type: none;
	text-align: right;
	font-size: 13px;
	width: calc(100% + 8px);
	box-sizing: border-box;
	border-radius: 4px;
	box-shadow: 0 2px 5px -1px #9d9d9d;
	max-height: 300px;
	overflow-y: auto;
}

.advFilter ul button {
	cursor: pointer;
	background: var(--blue-color);
	font-weight: bold;
	text-align: center;
	position: relative;
	top: 0;
	float: left;
	transition: 0.4s all ease;
	border: 0;
	width: 170px;
	height: 37px;
	border-radius: 25px;
	font-size: 14px;
	color: var(--font-color);
}

.advFilter .dropdown-button span i {
	font-size: 15px;
	float: left;
	position: absolute;
	left: 12px;
	top: 10px;
}

.advFilter .dropdown-button:hover>div.ListDroped {
	opacity: 1;
	visibility: visible;
	transform: rotateX(0);
	z-index: 99999999;
}

.advFilter .dropdown-button .ListDroped li {
	cursor: pointer;
	position: relative;
	transition: 0.3s ease;
	width: 100%;
	line-height: 26px;
	font-weight: bold;
	display: list-item;
	font-size: 13px;
	color: #ffffff;
	background: #31344b;
	padding: 0.5em 1em;
	user-select: none;
	border-bottom: 1px solid #31344b;
}

.advFilter .dropdown-button .ListDroped li i {
	transition: 0.3s all cubic-bezier(0.25, 0.1, 0, 1.38);
	width: 23px;
	height: 23px;
	border: 1px solid rgb(255 255 255 / 20%);
	border-radius: 5px;
	display: inline-block;
	vertical-align: middle;
	font-size: 9px;
	margin-left: 13px;
	text-align: center;
	overflow: hidden;
	float: right;
	line-height: 22px;
}

.advFilter .dropdown-button .ListDroped li.active {
	background: #7b57f4 !important;
}

.advFilter .dropdown-button .ListDroped li i:before {
	transition: 0.3s all ease;
	opacity: 0;
}

.advFilter .dropdown-button .ListDroped li.active i:before {
	opacity: 1;
	display: block;
	transform: scale(2.2);
}

.advFilter .dropdown-button .ListDroped li:last-child {
	border: 0;
}

.MovieItem a .platIcon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(1.5);
	z-index: 999;
	width: 60px;
	height: 45px;
	background: var(--blue-color);
	box-shadow: 0px 3px 0px 0px #17162561;
	border-radius: 10px;
	text-align: center;
	line-height: 45px;
	font-size: 20px;
	transition: 0.4s all ease;
	opacity: 0;
	visibility: hidden;
}

.MovieItem:hover a .platIcon {
	transform: translate(-50%, -50%) scale(1.1);
	opacity: 1;
	visibility: visible;
}

.MovieItem a .Episode,
.SlideItem .Episode {
	position: absolute;
	top: 85px;
	right: 15px;
	z-index: 10;
	background: #f9cb24;
	border-radius: 5px;
	text-align: center;
	line-height: 14px;
	font-weight: 700;
	color: #171201;
	box-shadow: 0 2px #f5c51875;
	transition: 0.4s all ease;
	padding: 7px 9px;
}

.MovieItem a .Episode span,
.SlideItem .Episode span {
	font-style: normal;
	text-align: center;
	font-weight: 700;
	color: #000;
	font-size: 15px;
	line-height: 100%;
	float: right;
	margin-left: 6px;
}

.MovieItem a .Episode em,
.SlideItem .Episode em {
	color: #3e3f44;
	font-family: Righteous;
	font-weight: 400;
	font-style: normal;
	float: left;
	font-size: 20px;
}

.MovieItem:hover a .Episode {
	transform: translate(0px, -120px);
	opacity: 0;
}

.MovieItem:hover a span.categorySpan {
	transform: translate(210px, 0px);
	opacity: 0;
}

.MovieItem:hover a .imdbRating {
	transform: translate(260px, 0px);
	transition-delay: 0.15s;
	opacity: 0;
}

.MovieItem a:after {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	content: "";
	position: absolute;
	top: 50%;
	pointer-events: none;
	right: 50%;
	margin: -2.5px;
	background: #ffffff96;
	transform: scale(0);
}

.MovieItem:hover a:after {
	transform: scale(110);
	opacity: 0;
	transition: 0.5s all ease;
}

.MovieItem a .title p {
	font-size: 13px;
	line-height: 21px;
	margin-bottom: 10px;
	transition: 0.4s all ease;
	transform-origin: center;
	transform: scale(1.5);
	opacity: 0;
	font-weight: bold;
	color: #ddd;
}

.MovieItem:hover a .title p {
	opacity: 1;
	transform: scale(1);
}

.MovieItem a span.release-year {
	position: absolute;
	top: 55px;
	right: 15px;
	border-radius: 9px;
	line-height: 30px;
	padding: 0 13px;
	font-size: 13px;
	background: #141123;
	font-family: Righteous;
	transition: 0.4s all ease;
	transition-delay: 0s;
}

.MovieItem a .Episode+.release-year {
	top: 80px;
}

.MovieItem:hover a span.release-year {
	top: -85px;
	background: #f9cb24;
	color: #333;
	opacity: 0;
	/* visibility: hidden; */
	transition-delay: 0s;
}

.MovieItem a span.genre {
	position: absolute;
	top: 15px;
	list-style: none;
	background: var(--blue-color);
	right: 15px;
	border-radius: 9px;
	line-height: 30px;
	font-weight: bold;
	padding: 0 18px;
	font-size: 13px;
	transition: 0.4s 0.1s all ease;
	transform: translate(0px, -90px);
	opacity: 0;
}

.MovieItem:hover a span.genre {
	transform: translate(0);
	opacity: 1;
}

.leftFooter {
	position: relative;
	float: left;
	color: #ffffff;
	z-index: 9999;
	margin: 20px 0 0 0px;
	z-index: 1;
	display: inline-block;
}

.leftFooter li {
	transition: 0.35s all ease;
	position: relative;
	font-size: 14px;
	color: #dedede;
	display: inline-block;
	width: 30px;
	margin-left: 2px;
	border: 0;
	border-radius: 5px;
}

.leftFooter li a {
	display: block;
	color: var(--font-color);
	text-align: center;
	line-height: 40px;
	font-size: 19px;
}

.MovieItem a span.quality {
	position: absolute;
	top: 55px;
	list-style: none;
	background: #454a6d;
	right: 15px;
	border-radius: 9px;
	line-height: 30px;
	font-weight: bold;
	padding: 0 18px;
	font-size: 13px;
	transition: 0.4s 0.1s all ease;
	transform: translate(0px, 160px);
	opacity: 0;
}

.MovieItem:hover a span.quality {
	transform: translate(0);
	opacity: 1;
}

.titleArea {
	height: 60px;
	line-height: 60px;
	border-radius: 30px;
	padding: 0 0 0 11px;
	float: right;
}

.titleArea .icon {
	top: 0;
	width: 65px;
	display: inline-block;
	right: 0;
	height: 65px;
	z-index: 55;
	border-radius: 30%;
	border: 1px solid #ffffff36;
	box-shadow: 0px 1px 19px #00000085;
	overflow: hidden;
	float: right;
	margin-left: 16px;
	background: #1a1c20;
	display: none;
}

.titleArea .icon i {
	font-size: 34px;
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
	line-height: 64px;
}

.titleArea span {
	float: right;
	font-size: 20px;
	border-radius: 20px;
	font-weight: bold;
	z-index: 5;
	line-height: normal;
	padding: 8px 0;
	color: #fff;
}

.TitleBox.Small h2:after,
.titleArea span:after,
.EpisodesArea>div>h3:after {
	content: "";
	position: absolute;
	right: 63px;
	display: inline-block;
	height: 4px;
	width: 4px;
	border-radius: 50%;
	background-color: var(--blue-color);
	box-shadow: 9px 0 0 0 var(--blue-color), 18px 0 0 0 var(--blue-color);
	top: 100%;
}

.TitleBox.Small h2:before,
.titleArea span:before,
.EpisodesArea>div>h3:before {
	content: "";
	height: 4px;
	width: 40px;
	background: var(--blue-color);
	border-radius: 2px;
	display: block;
	top: 100%;
	position: absolute;
}

.filterTabs li.active:before {
	transform: scale(200);
	opacity: 1;
	visibility: visible;
	transition: 1s all ease;
}

.sk-chase {
	width: 40px;
	height: 40px;
	position: relative;
	animation: sk-chase 2.5s infinite linear both;
}

.sk-chase-dot {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	animation: sk-chase-dot 2s infinite ease-in-out both;
}

.sk-chase-dot:before {
	content: "";
	display: block;
	width: 25%;
	height: 25%;
	background-color: var(--font-color);
	border-radius: 100%;
	animation: sk-chase-dot-before 2s infinite ease-in-out both;
}

.sk-chase-dot:nth-child(1) {
	animation-delay: -1.1s;
}

.sk-chase-dot:nth-child(2) {
	animation-delay: -1s;
}

.sk-chase-dot:nth-child(3) {
	animation-delay: -0.9s;
}

.sk-chase-dot:nth-child(4) {
	animation-delay: -0.8s;
}

.sk-chase-dot:nth-child(5) {
	animation-delay: -0.7s;
}

.sk-chase-dot:nth-child(6) {
	animation-delay: -0.6s;
}

.sk-chase-dot:nth-child(1):before {
	animation-delay: -1.1s;
}

.sk-chase-dot:nth-child(2):before {
	animation-delay: -1s;
}

.sk-chase-dot:nth-child(3):before {
	animation-delay: -0.9s;
}

.sk-chase-dot:nth-child(4):before {
	animation-delay: -0.8s;
}

.sk-chase-dot:nth-child(5):before {
	animation-delay: -0.7s;
}

.sk-chase-dot:nth-child(6):before {
	animation-delay: -0.6s;
}

@keyframes sk-chase {
	100% {
		transform: rotate(360deg);
	}
}

@keyframes sk-chase-dot {

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

@keyframes sk-chase-dot-before {
	50% {
		transform: scale(0.4);
	}

	100%,
	0% {
		transform: scale(1);
	}
}

#MainFiltar .loader {
	display: table;
	padding-right: 70px;
	margin: 120px auto;
	transform: scale(1);
}

.BreakNewsContent {
	float: right;
	font-weight: bold;
	color: #d8d8d8;
	width: 100%;
	flex: 1;
	border-radius: 25px;
	overflow: hidden;
	padding: 6px;
	display: flex;
}

.BreakNewsContent marquee {
	display: block;
	width: 100%;
	direction: ltr;
}

.Left--Anchors a.PremiumUser {
	background: #FFD423;
	color: #222;
}

.Left--Anchors a {
	font-weight: 500;
	padding: 0px 30px;
	border-radius: 29px;
	display: inline-block;
	height: 35px;
	line-height: 35px;
}

.Content--Wrapper {
	/* display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    overflow: hidden;*/
}

.advFilter ul button:hover {
	/*background: transparent;
    border: 2px solid var(--blue-color);*/
}

h3.NotFound {
	display: table;
	margin: 90px auto !important;
	font-size: 40px;
	font-weight: bold;
}

a.ShowMoreFromTab {
	margin: 10px auto 10px;
	background: var(--blue-color);
	height: 50px;
	line-height: 48px;
	border: 3px solid var(--blue-color);
	font-size: 18px;
	padding: 0 22px;
	clear: both;
	flex: 1;
	border-radius: 4px;
	transition: 0.3s all ease;
	min-width: 100%;
	text-align: center;
	width: 150px;
	overflow: hidden;
	max-width: 150px;
	display: table;
	font-weight: bold;
}

.BlocksHolder>*:not(.MovieItem) {
	/*   margin-right: 10px;*/
}

a.ShowMoreFromTab i {
	font-size: 21px;
	display: none;
}

a.ShowMoreFromTab:hover {
	border: 3px solid var(--blue-color);
	background: transparent;
}

section.singleCover {
	width: 100%;
	display: block;
	height: 280px;
	position: relative;
	margin-top: -90px;
}

section.singleCover:after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	padding-top: 20%;
	background: linear-gradient(to top, #00031c, #0000);
}

.SinglePost {
	margin-top: -200px;
}

section.singleCover>span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	opacity: 0.5;
}

.SinglePost .Poster {
	width: 300px;
	float: right;
	position: relative;
	z-index: 9;
}

.SinglePost .Poster .InnerPoster {
	display: block;
	width: 100%;
	height: 420px;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 0 0px 23px #0000006e;
}
.top10 {
	display: flex;
    align-items: center;
    gap: 0.4vw;
}
.top10 svg#Layer_1 {
    width: 30px;
}
.SinglePost .Poster .InnerPoster img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	position: relative;
	transition: 0.4s all ease;
	z-index: 10;
}

.SecondPart {
	width: calc(100% - 315px);
	float: left;
	position: relative;
}

.SecondPart div#my-breadcrumbs {
	display: table;
	width: 100%;
	font-size: 12px;
	margin-top: 10px;
}

.SecondPart div#my-breadcrumbs span {
	display: inline-block;
	color: var(--font-color);
	float: right;
	line-height: 10px;
	font-weight: bold;
	font-size: 12px;
}

.SecondPart div#my-breadcrumbs i {
	margin: 0 0px;
	float: right;
	line-height: 10px;
	color: var(--blue-color);
}

.postSingle .SecondPart div#my-breadcrumbs span:hover,
div#my-breadcrumbs span:hover {
	color: #6f58e7;

}

.SecondPart h1.PostTitle {
	font-weight: bold;
	color: var(--font-color);
	font-size: 25px;
	text-align: right;
	line-height: 30px;
	padding: 8px 0px;
}

.postSingle .SecondPart div#my-breadcrumbs span {
	margin: 0 5px;
	color: #b7b7b7;
	font-size: 12px;
	float: right;
	transition: .3s;
	margin-bottom: 5px;
}

.postSingle .SecondPart div#my-breadcrumbs {
	margin-top: 15px;
}

/* single new */
section.tabs ul {
	display: flex;
	flex-wrap: wrap;
	color: #fff;
	justify-content: center;
}

section.tabs ul li {
	font-size: 20px;
	cursor: pointer;
	line-height: 50px;
	padding: 0 20px;
	position: relative;
	font-weight: bold;
	transition: 0.3s all;
}

section.tabs ul li.active,
section.tabs ul li:hover {
	color: var(--blue-color);
}

section.tabs ul li.active:after,
section.tabs ul li:hover:after {
	content: "";
	height: 3px;
	width: 0;
	transition: .3s all;
	background: #7b61ff;
	position: absolute;
	bottom: 0;
	right: 0;
}

section.tabs ul li.active:after,
section.tabs ul li.active:after {
	width: 100%;
}

section.tabContents {
	min-height: 310px;
	padding: 20px 0;
}

section.allepcont {
	margin: 20px 0;
	width: 100%;
}

.SecondPart h1.PostTitle a {
	font-size: inherit;
	font-family: inherit;
	color: inherit;
	display: block;
}

.SecondPart .Right {
	width: calc(100% - 260px);
	overflow: hidden;
	display: inline-block;
}

.SecondPart .Left {
	width: 255px;
	vertical-align: top;
	display: inline-block;
	float: left;
	min-height: 100px;
}

.SecondPart .Right .SingleContent {
	max-height: 110px;
	overflow: auto;
	padding: 0 0 0 25px;
	z-index: 2;
	font-size: 14px;
	line-height: 21px;
	width: 100%;
	color: var(--font-color);
	border-bottom: 1px solid #0000000d;
}

section.tabs {
	border-bottom: 2px solid #1d2036;
}

.SecondPart .TaxContent {
	display: table;
	width: 100%;
	margin-top: 15px;
}

.SingleContent {
	margin: 10px 0 5px;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 10px;
	color: #949599;
}

.MovieItem:hover a .title h4 {
	border-top: 1px solid #dddddd26;
}

.PageMenu>li>ul {
	background: #fff;
	list-style: none;
	visibility: hidden;
	width: 100% !important;
	box-shadow: 0 0px 17px #00000047;
	position: absolute;
	min-width: 200px;
	opacity: 0;
	transform-origin: top;
	transition: 0.3s all ease;
	transform: translate(20%, 0) rotateX(0deg);
	border-radius: 5px;
	top: 100%;
}

.PageMenu>li:hover>ul {
	visibility: visible;
	opacity: 1;
}

.headerMenu li.menu-item ul.sub-menu {
	margin: 0;
	right: 50%;
	width: 180px;
	text-align: center;
	overflow: hidden;
	padding: 0;
	list-style-type: none;
	border-radius: 10px;
	background: rgba(0, 3, 28, .8);
	border: 2px solid rgb(123 97 255);
	min-width: 240px;
	backdrop-filter: blur(5px);
	position: absolute;
	top: 100%;
	opacity: 0;
	z-index: 100;
	visibility: hidden;
	transform: translatey(15px);
	-webkit-transform: translatey(15px);
	pointer-events: none;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	box-shadow: 0 4px 30px -10px rgba(0, 0, 0, .15);
}

.headerMenu li.menu-item.open ul.sub-menu {
	display: block;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translatey(0);
	-webkit-transform: translatey(0);
}

.headerMenu li ul.sub-menu a {
	display: block;
	font-size: 14px;
	height: auto;
	line-height: normal;
	text-decoration: none;
	padding: 16px 25px;
	color: var(--font-color);
	text-align: right;
}

ul.sub-menu li {
	transition: .3s;
	display: block;
	padding: 2px 0px;
}

ul.sub-menu li:hover a {
	color: var(--blue-color);
	transform: translateX(-7px);
}

ul.sub-menu li:last-child a {
	border: 0;
}

.PageMenu>li>ul>li>ul:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 8px;
	border-color: #0000 #0000 #fff #0000;
	position: absolute;
	right: -10px;
	transform: rotate(90deg);
	top: 19px;
}

.PageMenu>li>ul:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 8px;
	border-color: #0000 #0000 #fff #0000;
	position: absolute;
	right: 50%;
	transform: translate(50%, 0);
	bottom: 100%;
}

.PageMenu>li>a:hover {
	/* overflow: hidden;*/
}

.PostStory {
	margin-top: 20px;
	overflow: hidden;
	border-radius: 5px;
	background: linear-gradient(90deg, #57769200, #ffffff17 60%);
	font-weight: bold;
	font-size: 13px;
}

.PostStory:before {
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	bottom: 0;
	width: 56px;
	background: #ffffff1c;
	border-radius: 35px 00 0 35px;
	z-index: 3;
}

.PostStory>i {
	float: right;
	font-size: 32px;
	margin-left: 34px;
	color: var(--font-color);
	font-weight: 200;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	justify-content: center;
	align-items: revert;
	text-align: center;
	line-height: 100%;
	width: 50px;
}

.PostStory>i:after {
	position: absolute;
	content: "";
	transform-origin: center;
	top: 0;
	right: 0;
	bottom: 0;
	width: 58px;
	background: #ffffff05;
	border-radius: 35px 00 0 35px;
	z-index: 1;
	display: block;
}

.PostStory>i:before {
	z-index: 99;
	display: block;
	position: absolute;
	top: 50%;
	transform: translate(50%, -50%);
	right: 50%;
	font-size: 38px;
}

.Story {}

.PostStory .Story {
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px 70px 10px 10px;
	line-height: 20px;
}

.SecondPart .imdbRBox {
	display: inline-block;
	height: 60px;
	line-height: 47px;
	border-radius: 6px;
	padding: 0 20px;
	color: #000;
	font-size: 37px;
	background: #eac13b;
	position: absolute;
	left: 0;
	z-index: 99;
	top: 0;
	padding: 10px;
	box-shadow: 0 0 20px #0000009e;
}

.SecondPart .imdbRBox strong {
	float: right;
	font-weight: bold;
	font-size: 31px;
	line-height: 41px;
	padding-left: 11px;
}

.SecondPart .imdbRBox span {
	color: #eac13b;
	float: left;
	font-family: Righteous;
	height: 40px;
	background: #111;
	font-size: 36px;
	border-radius: 45px;
	padding: 0 17px;
	line-height: 40px;
}

.SearchListResult {
	position: absolute;
	top: 100%;
	transition: 0.3s all cubic-bezier(0.25, 0.1, 0.29, 1.4);
	width: 100%;
	height: auto;
	z-index: 99998;
	left: 0;
	padding: 5px 15px;
	transform: scale(0);
	opacity: 0;
	transform-origin: top left;
	border-radius: 0 0 15px 15px;
	overflow: hidden;
	margin-top: 15px;
	height: auto;
	min-height: 450px;
	padding-top: 10px;
}

.SearchListResult h5 {
	font-size: 16px;
	margin-bottom: 10px;
	color: var(--font-color);
	border-bottom: 1px solid #dddddd30;
	height: 40px;
	padding: 5px 18px;
	text-align: right;
	font-weight: bold;
}

.SearchListResult a {
	color: var(--font-color);
}

a.SearchListMoreButton {
	display: block;
	font-weight: bold;
	text-align: center;
	line-height: 42px;
	border: 0;
	border-radius: 8px;
	background: linear-gradient(248.28deg, #9e61ff 9.539999999999999%, rgba(142, 97, 255, 0) 32.8%), radial-gradient(81.70999999999999% 279.87% at -16.57% -92%, #619bff 28.69%, rgba(205, 219, 248, 0) 69.54000000000001%), #6c52ee;
	color: var(--font-color);
	padding: 0 16px;
	font-size: 15px;
	margin: 0 8px;
	max-width: 44px;
	width: 100%;

}

.SearchHead.Active button i.fal.fa-search {
	font-weight: 300;
	font-size: 20px;
}

.SearchListResult.show {
	transform: translate(0) scale(1);
	opacity: 1;
}

a.SearchListMoreButton i {
	float: left;
	font-size: 22px;
	padding-top: 5px;
	line-height: 33px;
	transition: 0.3s all;
}

a.SearchListMoreButton:hover i {
	transform: translateX(-7px);
}

.SearchListResult h5 em {
	font-style: normal;
	color: var(--blue-color);
}

img {
	max-width: 100%;
}

.NoSearchResults {
	display: table;
	margin: 103px auto;
	font-size: 14px;
	font-weight: bold;
}

.TeamLine {
	display: table;
	width: 100%;
}

.TeamLine>span {
	float: right;
	font-size: 20px;
	font-weight: bold;
	width: 120px;
	line-height: 36px;
	color: #fff;
}

.TeamLine ul {
	float: left;
	width: calc(100% - 120px);
	overflow: hidden;
	height: 40px;
}

.TeamLine ul li {
	width: 150px;
	min-width: 150px;
	direction: rtl !important;
	margin: 0 auto;
	display: inline-block;
	background: #ffffff14;
	overflow: hidden;
	border-radius: 3px;
}

.TeamLine ul li a {
	width: 100%;
	display: block;
	padding-left: 10px;
	border-radius: 3px;
	overflow: hidden;
	transition: 0.2s all ease;
	direction: rtl;
	z-index: 9;
	padding: 5px 10px;
}

.TeamLine ul li:after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 5px;
	height: 5px;
	background: #ffffff29;
	transform-origin: 50% 40%;
	border-radius: 50%;
	transform: scale(0);
	transition: 0s all ease;
	z-index: 1;
}

.TeamLine ul li:hover:after {
	transform: scale(200);
	opacity: 0;
	transition: 1s all ease;
}

.TeamLine ul li:before {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 5px;
	height: 5px;
	background: var(--blue-color);
	transform-origin: 50% 40%;
	border-radius: 50%;
	transform: scale(0);
	transition: 0s all ease;
	z-index: 1;
}

.TeamLine ul li:hover:before {
	transform: scale(200);
	transition: 1s 0.2s all ease;
}

.TeamLine ul li a .icon {
	width: 60px;
	height: 60px;
	background: #ffffff14;
	margin-left: 12px;
	text-align: center;
	font-size: 30px;
	transition: 0.3s all ease;
	color: #e4e4e4;
	line-height: 63px;
	float: right;
	text-align: center;
}

.TeamLine ul marquee {
	direction: ltr;
}

.TeamLine ul li:hover .icon,
.TeamLine ul li:hover .det p {
	color: var(--font-color);
}

.TeamLine ul li a .det {
	font-weight: 700;
	font-size: 14px;
	width: 100%;
	transition: 0.3s all ease;
	text-align: center;
}

.TeamLine ul li a .det span {
	display: block;
}

.TeamLine ul li a .det p {
	display: block;
	color: #c1c1c1;
	font-size: 13px;
}

.TeamLine ul li:hover a .icon {
	box-shadow: 0px 0px 10px #000000ad;
}

.TeamLine ul li:hover a .det {
	padding-right: 6px;
}

.Others {
	margin-top: 10px;
}

.StoryArea {
	margin-top: 8px;
	font-size: 13px;
	margin-bottom: 10px;
	background: #ffffff0d;
	padding: 10px 13px;
	border-radius: 8px;
}

.StoryArea span {
	display: block;
	font-weight: bold;
	color: #d4d406;
	font-size: 16px;

}

.StoryArea p {
	color: #cccdd2;
	font-size: 14px;
}

.WatchArea {
	height: 0;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transition: 0.4s all ease;
}

.WatchArea.active {
	height: auto;
	opacity: 1;
	visibility: visible;
	margin: 30px 0;
}

.WatchArea .loader {
	display: table;
	margin: 160px auto;
	transform: scale(1.8);
}

.WatchHead {
	display: table;
	width: 100%;
	margin-bottom: 25px;
}

div#WatchList {
	display: flex;
	width: 100%;
	margin-bottom: 20px;
	gap: 10px;
}

.ThemeSXCom_watch_list {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.watch--servers--list {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

div#WatchList .WatchIframe {
	flex: 1;
	background: #08080845;
	border: 2px solid #6f58e74f;
	border-radius: 8px;
	overflow: hidden;
	padding-bottom: 55%;
	max-height: 700px;
}

div#WatchList .WatchIframe iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

div#WatchList ul#watch li.ISActive i {
	background: #00000026 !important;
}

.ThemeSXCom_BTNSDownWatch {}

h2.watch--servers-title {
	color: var(--font-color);
	border-radius: 10px;
	padding: 0 5px;
	transition: .4s;
	font-weight: 400;
	font-size: 17px;
	text-align: center;
	margin-bottom: 10px;
	height: 45px;
	line-height: 45px;
	overflow: hidden;
	cursor: pointer;
	display: flex;
	flex-direction: row-reverse;
	float: right;
}

.ThemeSXCom_header_area {
	display: flex;
	font-size: 16px;
	color: #fff;
	margin: 10px 0;
	gap: 0.6vw;
	justify-content: flex-start;
}

.ThemeSXCom_header_area i {
	font-size: 22px;
	color: #6953da;
}

.ThemeSXCom_header_list {
	background: #00031c;
	padding: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #fff;
	border-radius: 7px;
	margin-bottom: 5px;
	gap: 0.8vw;

}

.ThemeSXCom_header_ep {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 1vw;
}

.ThemeSXCom_header_ep a {
	font-size: 13px;
	transition: 0.3s;

}

.ThemeSXCom_header_title span {
	color: #ccc;
}

.ThemeSXCom_header_ep div:hover a {
	color: #6953da;


}

.ThemeSXCom_header_ep a em {
	font-size: 16px;
}

a.goWatch {
	text-align: center;
	display: block;
	transition: .3s;
	background: #eac13b;
	color: #222;
	font-size: 16px;
	font-weight: 700;
	margin-top: 15px;
	float: right;
	border-radius: 3px;
	overflow: hidden;
	width: 100%;
	padding: 10px 11px;
	transition: 0.3s all;
}

a.goWatch:hover {
	transform: translateY(-3px);
	box-shadow: 0 15px 40px -8px #eac13b;
}

.DownList {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 10px auto;
	display: block;
	z-index: 199;
	text-align: center;
	background: #ffffff0d;
	padding: 10px 20px;
}

h4.downTitle {
	display: table;
	background: linear-gradient(-90deg, #ffffff0d 15%, #ffffff00);
	border-radius: 10px;
	padding: 0 25px;
	transition: .4s;
	font-weight: 400;
	margin-bottom: 20px;
	height: 45px;
	line-height: 45px;
	width: 100%;
	overflow: hidden;
	cursor: pointer;
	font-size: 20px;
	font-weight: 400;
	color: var(--font-color);
	text-align: right;
}

h4.downTitle i {
	padding-left: 10px;
}

h4.downTitle span {
	font-weight: 700;
	color: #ffd423;
}

.ServersList.Download ul li {
	flex: 0 0 calc(100% / 5);
	padding: 0 10px;
	overflow: hidden;
}

.ServersList.Download ul li.proserver {
	min-width: 252px;
}

.ServersList.Download ul li a {
	display: flex;
	align-items: center;
	padding: 9px 20px;
	border-radius: 8px;
	gap: 15px;
	transition: .3s;
	background: #ffffff0d;
	text-align: justify;
	margin-bottom: 10px;
}

.ServersList.Download ul li:first-child a {
	background: #31a24c;
}

.ServersList.Download ul li a i {
	font-size: 26px;
}

.ServersList.Download {}

.ServersList.Download ul {
	position: relative;
	overflow: hidden;
	text-align: center;
	width: 100%;
	display: flex;
}

body>header>.Content--Wrapper {
	padding: 4px 0 12px;
}

.ServersList.Download ul li a em {
	float: right;
	line-height: 40px;
	z-index: 9;
	margin-right: 10px;
	font-family: 'ThemeX';
	font-weight: 600;
	width: 100%;
	font-style: normal;
	text-align: right;
	font-size: 19px;
}

.ServersList.Download ul li a:hover {
	background: #31a24c;
}

.ServersList.Download ul li a .text {
	flex: 1;
}

.ServersList.Download ul li a .text span {
	font-size: 19px;
	font-weight: 400;
}

.ServersList.Download ul li a .text p {
	font-size: 13px;
	font-weight: 400;
}

/*.ServersList.Download ul li:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 5px;
    height: 5px;
    background: #ffffff29;
    transform-origin: 50% 40%;
    border-radius: 50%;
    transform: scale(0);
    transition: 0s all ease;
    z-index: 1;
}
.ServersList.Download ul li:hover:after {
    transform: scale(200);
    opacity: 0;
    transition: 1s all ease;
}
.ServersList.Download ul li:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 5px;
    height: 5px;
    background: #6ab95c;
    transform-origin: 50% 40%;
    border-radius: 50%;
    transform: scale(0);
    transition: 0s all ease;
    z-index: 1;
}
.ServersList.Download ul li:hover:before {
    transform: scale(200);
    transition: 1s 0.2s all ease;
}*/
.ServersList.Download ul li:hover a svg {
	fill: #fff;
}

div#WatchList ul#watch li:nth-child(1) {}

.catBrea {
	background: linear-gradient(45deg, #ffffff00 0, #ffffff14 100%);
	padding: 10px 15px;
	border-radius: 7px;
	margin-bottom: 10px;
}

.catBrea span {
	display: inline-block;
	font-weight: bold;
	margin-left: 5px;
}

a {}

.catBrea i {
	margin: 0 10px 0 8px;
}

.postSingle .advFilter {}

@media only screen and (max-width: 900px) {
	.SlideItem:nth-child(4n + 0) {
		margin-left: 15px;
	}

	.SlideItem {
		width: calc((100% - 15px) / 2);
	}

	.SlideItem:nth-child(2n + 0) {
		margin-left: 0;
	}

	.titleArea {
		float: none;
		display: block;
	}

	.filterTabs ul {
		float: none;
		width: 100%;
		white-space: nowrap;
		overflow: auto;
		flex-direction: row;
		margin-top: 20px;
	}

	.MovieItem a .Episode {
		top: 80px;
		left: auto;
		right: 15px;
	}

	.filterTabs ul li {
		display: inline-block;
		float: none;
	}

	.titleArea:after {
		padding-left: 90%;
	}

	.filterTabs ul::-webkit-scrollbar {
		height: 3px;
	}

	.filterTabs {}

	.filterTabs ul::-webkit-scrollbar-track {
		background: #584a75;
	}

	.filterTabs ul::-webkit-scrollbar-thumb {
		background-color: var(--blue-color);
	}

	.MovieItem {
		max-width: 270px;
		min-width: 170px;
		height: auto;
	}

	.advFilter ul {
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		margin-left: -10px;
	}

	.advFilter ul>div.dropdown-button,
	.advFilter ul>button {
		float: right;
		width: calc(50% - 9px);
		margin-bottom: 10px;
	}

	.advFilter ul>div.dropdown-button:hover {
		z-index: 99999;
	}

	.SearchHead,
	header .PageMenu,
	header .RigtHeader {
		float: none;
		display: table;
		width: 100%;
	}

	header {}

	.SliderHome {
		display: none;
	}

	.Logo--Area {

		position: relative;
		margin: 0px auto;
		direction: ltr;
		float: none;
		overflow: hidden;
		text-align: center;
		max-width: 270px;

	}

	body {
		padding: 0;
	}

	header .RigtHeader {
		display: table;
		width: 100%;
		margin: 0px auto 20px;
	}

	header .PageMenu {
		display: flex;
		flex-wrap: wrap;
	}

	header .PageMenu li {
		flex: 1;
		border: 1px solid #ffffff4a;
		float: none;
		margin-bottom: 10px;
		min-width: 160px;
		text-align: center;
		justify-content: center;
		align-items: center;
	}

	header .PageMenu li a {
		width: auto;
		display: inline-block;
		border: 0;
		padding: 9px 0 0;
	}

	.SearchHead form input[type="text"] {
		width: 100%;
	}

	.SinglePost .Poster {
		display: table;
		max-width: 70%;
		float: none;
		margin: 0 auto 20px;
		height: auto;
		width: auto;
	}

	.SinglePost .Poster .InnerPoster,
	.SinglePost .Poster .InnerPoster img {
		width: auto;
		height: auto;
	}

	.SecondPart {
		float: none;
		width: 100%;
		margin-top: 20px;
	}

	.PageMenu>li>ul>li>ul {
		display: none;
	}

	.SecondPart .TaxContent li {
		float: none;
		display: table;
		width: 100%;
	}

	.leftFooter,
	.themesx_com {
		float: none;
		display: table;
		margin: 0 auto;
	}

	.themesx_com {
		margin-top: 20px;
	}

	.SearchListResult {
		width: 100%;
		left: 0%;
		transform: translate(-50%) scale(0);
		transform-origin: center;
	}

	.SecondPart .imdbRBox {
		position: relative;
		display: table;
		margin: 0 auto 20px;
	}

	.TeamLine>span {
		float: none;
		display: table;
		margin: 0 auto;
	}

	.TeamLine ul {
		display: block;
		width: 100%;
		float: none;
	}

	div#WatchList ul#watch li {
		float: right;
		width: calc((99% - 20px) / 2);
		margin-left: 15px;
		margin-bottom: 10px;
	}

	.ThemeSXCom_header_area {

		font-size: 18px;

		gap: 1.6vw;
	}

	div#WatchList ul#watch li:nth-child(2n + 0) {
		margin-left: 0;
	}

	div#WatchList .WatchIframe {
		padding: 0;
		padding-top: 60%;
		height: auto;
		width: 100%;
		float: none;
		margin-top: 15px;
		border-radius: 5px;
	}

	.SlideItem:nth-child(5n + 0) {
		width: 50%;
		margin: 0 auto 14px;
		float: none;
	}
}

.btnsSingle {
	margin-top: 5px;
}


a.showMoreTeam {
	display: table;
	margin: 10px auto 0;
	font-weight: bold;
}

.TeamLine ul.active {
	height: auto;
}

.SecondPart .stars {
	position: absolute;
	top: -32px;
	left: 31px;
	width: 134px;
	line-height: 20px;
	color: #ffffff;
	overflow: hidden;
	height: 20px;
	z-index: 9;
	cursor: pointer;
	font-size: 20px;
	display: none;
}

.stars .Front {
	position: absolute;
	top: 0;
	right: 0;
	pointer-events: none;
	color: #ffbe00;
	overflow: hidden;
}

.stars .Back .active {
	color: #eac13b;
	cursor: pointer;
}

.WatchBar {
	display: flex;
	justify-content: space-between;
	padding: 7px;
	border-radius: 8px;
	margin: 10px 0 15px;
}

.WatchBar a.download,
a.downloadsLink:hover {
	background: #31a24c;
}

.WatchBar a.watch {
	background: var(--blue-color);
}

.WatchBar,
.episodes--buttons>*,
a.downloadsLink {
	background: #ffffff0d;
}

.WatchBar a.back {
	background: #ffd423;
	color: #222;
}

.WatchBar a i {
	font-size: 19px;
}

.WatchBar a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px 20px;
	gap: 10px;
	border-radius: 8px;
	font-weight: 700;
	font-size: 14px;
}

.EpisodesArea {
	float: left;
	width: 360px;
}

.EpisodesArea>div>h3 {
	text-align: center;
	margin-bottom: 20px;
	font-size: 22px;
	padding: 10px;
	display: table;
	margin: 0 auto;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 20px;
	color: #fff;
}

.EpisodesList {
	width: 100%;
	max-height: calc(100vh - 180px);
	overflow: auto;
}

.EpisodesList>a.active {
	background: var(--blue-color);
}

.EpisodesList>a {
	float: right;
	width: calc((100% - 10px)/ 2);
	margin-left: 5px;
	height: 40px;
	background: #ffffff0d;
	color: var(--font-color);
	text-align: right;
	border-radius: 5px;
	margin-bottom: 5px;
	line-height: 44px;
	overflow: hidden;
	transition: .3s;
	padding: 0 14px;
}

.SeasonsList>ul li {
	text-align: center;
	white-space: nowrap;
	width: 100%;
	display: block;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
}

.SeasonsList>ul li a {
	display: block;
	position: relative;
	font-size: 16px;
	padding: 12px 20px;
	font-weight: bold;
}

.EpisodesList>a>em {
    float: left;
    font-style: normal;
    font-size: 25px;
    font-weight: 400;
    font-family: 'ThemeX';
}

.SeasonsList>ul {
	text-align: center;
	display: flex;
	justify-content: right;
	margin: 0 auto;
	width: auto;
	flex-wrap: wrap;
	background-color: #ffffff0d;
	transition: .3s;
	border-radius: 0 0 10px 10px;
}

.SeasonsList>ul li.active {
	background: var(--blue-color);
}

.SeasonsList {
	overflow: hidden;
	margin-bottom: 15px;
	width: 280px;
	display: inline-block;
}

.SeasonToggle {
	display: block;
	width: 100%;
	height: 45px;
	background: #ffffff0d;
	border-radius: 10px;
	overflow: hidden;
	padding: 0 25px;
	line-height: 45px;
	cursor: pointer;
	transition: .3s;
	color: var(--font-color);
	text-align: right;
	font-size: 1.17em;
}

.SeasonToggle i {
	float: left;
	font-size: 25px;
	line-height: 48px;
	transition: .3s;
}

span#activeSeasonText {
	font-size: 16px;
}

.EpisodesList .loader {
	display: table;
	margin: 51px auto;
	transform: scale(1.5);
}

.TrilerOverlay {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999999;
	height: 100%;
	transform: scale(0);
	transition: 0.35s all ease;
	visibility: hidden;
	opacity: 0;
}

.TrilerOverlay.active {
	transform: scale(1);
	visibility: visible;
	opacity: 1;
}

.overlayClosse {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000000d4;
}

.closseTriller {
	margin: 0 auto 15px;
	position: relative;
	display: block;
	text-align: center;
	width: 160px;
	padding: 20px 10px;
	color: var(--font-color);
	border-radius: 5px;
	cursor: pointer;
	font-size: 16px;
}

.closseTriller i {
	font-size: 40px;
	display: block;
}

.MasterTriller {
	position: absolute;
	width: 75%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	height: 75%;
	top: 50%;
	box-shadow: 0 0 50px #000000cc;
	border: 3px dotted #000;
	background: #202121;
}

.MasterTriller>* {
	width: 100%;
	height: 100%;
}

.EpisAs {
	display: flex;
	padding-right: 210px;
	padding-left: 290px;
	gap: 15px;
	margin-top: 15px;
}

.EpisAs div {
	flex: 1;
}

.EpisAs div a {
	height: 50px;
	position: relative;
	white-space: nowrap;
	color: #b5b5b5;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	font-weight: 700;
	background: #ffffff0d;
	transition: 0.2s;
}

.EpisAs div.PrevEpi {}

.EpisAs div a:hover {
	color: #333;
	background: #ffd423;
}

.NextEpi.here {}

.NextEpi.here a {
	background: #ffd423;
	color: #222;
}

.NextEpi.here span {
	font-size: 18px;
}

.NextEpi.here em {
	font-family: Righteous;
	vertical-align: top;
	font-size: 28px;
	padding-right: 9px;
	font-style: normal;
	line-height: 40px;
}

.NextEpi em,
.PrevEpi em {
	font-family: Righteous;
	font-weight: 400;
	font-size: 30px;
}

h2.watch--servers-title img {
	width: 30px;
	margin-left: 8px;
}

ul#watch {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 10px;
	gap: 0.6vw;
}

.ThemeSXCom_watch {
	background: #ffffff14;
	padding: 10px;
	border-radius: 8px;
}

ul#watch li {
	background: #111435;
	font-size: 18px;
	border-radius: 35px;
	border: 1px solid #6953da;
	color: #fff;
	padding: 8px 23px;
	cursor: pointer;
	transition: 0.3s;
}

ul#watch li:hover,
ul#watch li.ISActive {
	background: #6953da;

}

.SlideItem {}


.SliderHome .owl-next {
	position: absolute;
	top: 50%;
	height: 70px;
	width: 50px;
	right: 40px;
	font-size: 40px;
	background: #802865;
	text-align: center;
	border-radius: 3px;
	padding-top: 5px;
	box-shadow: 0px 1px 4px 1px #00000096;
}

.PageMenu>li>ul>li>ul {
	background: #fff;
	list-style: none;
	visibility: hidden;
	width: 100% !important;
	box-shadow: 0 0px 17px #00000047;
	position: absolute;
	min-width: 200px;
	opacity: 0;
	transition: 0.3s all ease;
	right: 100%;
	border-radius: 5px;
	top: 0;
}

.PageMenu>li>ul>li:hover>ul {
	visibility: visible;
	opacity: 1;
}

.MovieItem a span.release-year+.Episode {
	top: 93px;
	left: auto;
	right: 15px;
}

.ribbon span:nth-of-type(1) {
	top: 30px;
	left: -61px;
	width: 200px;
	height: 27px;
	text-align: center;
	font-size: 13px;
	line-height: 23px;
	color: var(--font-color);
	transform: rotate(-45deg);
	z-index: 9;
	transition: .4s;
	box-shadow: 0 0 3px var(--blue-color);
	position: absolute;
	background: var(--blue-color);
}

.ribbon span:nth-of-type(2) {
	position: absolute;
	width: 220px;
	top: 45px;
	left: -42px;
	z-index: 5;
	line-height: 28px;
	text-align: center;
	background: #FFC107;
	color: #000;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-40deg);
	transform: rotate(-45deg);
	transition: .3s;
}


.Small--Box .number.Collection {
	padding: 3px 10px;
}

.Small--Box a .number span {
	display: block;
	font-weight: 700;
	font-size: 14px;
}

.MovieItem a:hover span.release-year {
	opacity: 1;
}

@media only screen and (max-width: 900px) {
	.SeasonsList>ul li {
		max-width: 100%;
	}

	.SeasonsList>ul {
		width: 100%;
	}
}

@media only screen and (max-width: 400px) {
	.PageMenu>li>ul {
		width: 100% !important;
	}

	header .RigtHeader>a .LogoContent h4 {
		font-size: 50px;
	}

	.PageMenu>li>ul>li>ul {
		display: none;
	}
}

.SlideItem .Episode {
	top: 55px;
	left: auto;
	right: 15px;
}

.subCats {
	display: table;
	margin: 0 auto 15px;
}

.subCats a {
	color: #ffffff;
	cursor: pointer;
	transition: 0.35s all ease;
	margin: 0 4px;
	font-weight: bold;
	border: 1px solid #b1b1b126;
	padding: 4px 25px;
	border-radius: 60px;
	float: right;
	font-size: 14px;
	line-height: 23px;
	margin-bottom: 8px;
}


.SeasonsList+.EpisodesList {}

.SeasonsList+.EpisodesList {}


.headerMenu .ul-base {
	margin: 10px 10px 0 0;
	padding: 0;
	list-style: none;
}


/* -----------------------------------------------------
   Dropdown Menu
-------------------------------------------------------- */
.headerMenu {
	display: block;
	position: relative;
	float: right;
}

.headerMenu ul.sub-menu li:not(:last-child) {
	border-bottom: 1px dashed #292c41;

}

.headerMenu li {
	display: inline-block;
	position: relative;

}

.headerMenu li a {
	display: block;
	color: var(--font-color);
	font-size: 15px;
	line-height: 54px;
	text-decoration: none;
	z-index: 9999;
	transition: 0.3s all;
	padding: 0px 12.5px;
	font-weight: 700;
}

.content-back .video_title a {
	transition: 0.3s all;
}

.headerMenu li:hover a,
a.Show__Movie:hover,
h1.themesXCom_title:hover,
.content-back .video_title a:hover , slidebox--logo>a:hover {
	color: var(--blue-color);
}

.headerMenu li a i {
	vertical-align: middle;
	font-size: 16px;
	margin-right: 8px;
	font-weight: 400;
}


.secTop {
	position: relative;
	overflow: hidden;
	margin: 0 0 15px
}

.secTop .wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
	overflow: hidden;
}

.secTop .content {
	width: 100%;
	flex: 1;
	border-radius: 25px;
	overflow: hidden;
	padding: 6px;
	background: linear-gradient(45deg, #ffffff00 0, #ffffff14 100%);
	display: flex
}

.secTop .content>span {
	color: var(--font-color);
	font-weight: 500;
	padding: 5px 20px;
	border-radius: 30px;
	display: inline-block;
	background: var(--blue-color)
}

.secTop .lBtns {
	display: flex;
	gap: 10px;
	margin: 0 auto;
}

.secTop .lBtns a {
	width: 157px;
	border-radius: 29px;
	display: flex;
	height: 35px;
	line-height: 35px;
	align-items: center;
	gap: 9px;
	justify-content: center;
	font-weight: 700;
}

.secTop .lBtns a.newly {
	background: linear-gradient(248.28deg, #9e61ff 9.539999999999999%, rgba(142, 97, 255, 0) 32.8%), radial-gradient(81.70999999999999% 279.87% at -16.57% -92%, #619bff 28.69%, rgba(205, 219, 248, 0) 69.54000000000001%), #6c52ee;
}

.secTop .lBtns a.user {
	background: #ffd423;
	color: #222 !important
}

.secTop .inner {
	display: flex
}

.typed {
	color: var(--font-color);
	line-height: 30px;
	cursor: pointer;
	font-size: 14px;
	padding-right: 10px;
}

.typed-cursor {
	opacity: 1;
	color: var(--font-color);
}

.headerMenu li .dropdown-menu {
	display: none;
	overflow: hidden;
	position: absolute;
	top: 100%;
	right: 0px;
	min-width: 200px;
	margin: 0;
	padding: 0;
	text-align: right;
	border-radius: 8px;
	background-color: var(--font-color);
	z-index: 1000;
	box-shadow: 0 11px 20px #0c2b4536;
	transition: .35s all ease;
}

.headerMenu li .dropdown-menu li {
	display: block;
}

.headerMenu li .dropdown-menu li a {
	display: block;
	height: 40px;
	font-size: 14px;
	line-height: 40px;
	text-decoration: none;
	text-align: right;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	color: #000 !important
}

.headerMenu li .dropdown-menu li:hover a {
	color: #000 !important
}

.headerMenu li.dropdown.open .dropdown-menu {
	display: block;
}

/*    section     */
section.Two--Items {
	margin: 30px 0;
}

.Two--Items .Content--Wrapper {
	display: flex;
	flex-wrap: wrap;
}

.Content--Wrapper {
	margin: 0 auto;
	max-width: 1763px;
	width: 100%;
}

.Two--Items .Wide--Contents {
	flex: 0 0 100%;
	padding: 10px 10px 5px;
	border-radius: 8px;
	overflow: hidden;
}

.Two--Items .Title--Box {
	display: flex;
	width: 100%;
	border-bottom: 0px solid rgb(0 0 0 / 5%);
	padding-bottom: 0px;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}

.Two--Items .Title--Box .Right {
	float: right;
	display: flex;
	align-items: center;
}

.Two--Items .Title--Box .Right h3 {
	margin-right: 10px;
	font-weight: 400;
	color: var(--font-color);
	font-size: 21.33px;
}

.Two--Items .Title--Box .Right i {
	padding: 10px;
	font-size: 20px;
	color: var(--font-color);
	box-shadow: 0 0 10px #00000080;
	border-radius: 6px;
	overflow: hidden;
	border: 2px solid #ffffff08;
}

.Two--Items .Title--Box>a {
	font-weight: 400;
	padding: 5px 15px;
	border-radius: 8px;
	transition: .3s all ease;
	display: flex;
	align-items: center;
	font-size: 16px;
	padding-left: 0;
}

div.Title--Box>a>i {
	font-size: 14px;
	line-height: 8px;
	margin-right: 8px;
}

.Two--Items .Title--Box>a:hover {
	color: var(--blue-color);
}

.Two--Items .Wide--Contents .Box--Contents {
	padding-bottom: 15px;
}

.Two--Items .Wide--Contents .Box--Contents ul.Posts--List {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -5px;
	row-gap: 10px;
	padding-bottom: 10px;
}

.Small--Box .content-back {
	position: absolute;
	width: 100%;
	height: 100%;
	right: -1px;
	left: 0;
	top: 0px;
	transition: .3s all;
	background: #191C32;
	border-radius: 5px;
	transition: .4s all;
	transform: translateX(100%);
	text-align: center;
	padding: 20px;
	z-index: 99999;
}

.Small--Box .content-back .watchlist-add {
	border: 1px solid #fff;
	border-radius: 10px !important;
	font-size: 14px;
	line-height: 24px;
	font-weight: 700;
	display: inline-block !important;
	padding: 9px 10px;
	position: absolute;
	bottom: 20px;
	left: 20px;
	width: calc(100% - 40px) !important;
}

.video-description.jws-scrollbar {
	text-align: right;
	color: #ffffffeb;
	line-height: 21px;
	font-size: 12px;
}

.Small--Box .content-back .watchlist-add {
	border: 1px solid #fff;
	border-radius: 10px !important;
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	background: #1a1d33;
	display: inline-block !important;
	padding: 9px 10px;
	position: absolute;
	bottom: 20px;
	left: 20px;
	width: calc(100% - 40px) !important;
	display: flex !important;
	align-items: center;
	transition: 0.3s all;
	justify-content: center;
}

.video-meta li:before {
	content: '';
	width: 2px;
	height: 2px;
	background: #fff;
	opacity: .5;
	border-radius: 100%;
	display: inline-block;
	margin: 0 4px;
	vertical-align: middle;
}

.Small--Box .content-back .watchlist-add:hover {
	background: #7b61ff;
	color: #fff;
	border-color: #7b61ff;
}

.Small--Box .content-back .watchlist-add i {
	font-size: 16px;
	margin-left: 5px;
	line-height: 1px;
}

.Small--Box:hover .content-back {
	transform: none;
	right: 0px;
}

/*ul.Posts--List .Small--Box {
    flex: 0 0 calc(100% / 8);
    overflow: hidden;
    padding: 0 5px;
    margin: 0px;
}*/

@media only screen and (max-width: 1670px) {
	ul.Posts--List .Small--Box {
		flex: 0 0 calc(100% / 8);
	}
}

.Wide--Contents.colRight ul.Posts--List .Small--Box {
	flex: 0 0 calc(95% / 5);
	overflow: hidden;
	padding: 0 5px;
}

ul.Posts--List .Small--Box a {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 8px;
	overflow: hidden;
}

ul.Posts--List .Small--Box a .Poster {
	display: block;
	padding-bottom: 150%;
	width: 100%;
	transition: .3s all ease;
	overflow: hidden;
	border-radius: 5px;
}

ul.Posts--List .Small--Box a:hover .Poster {}

ul.Posts--List .Small--Box a .Poster img {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 5px;
	transition: .5s all;
}

ul.Posts--List .Small--Box a:hover img {}

ul.Posts--List .Small--Box a ul.liList {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 9;
}

li.number {
    padding: 9px 10px 9px !important;
    border-radius: 6px !important;
    background: #00000094 !important;
    color: #fff !important;
}

ul.Posts--List .Small--Box a ul.liList li {
	display: table;
	background: rgba(0, 0, 0, .5);
	color: var(--font-color);
	font-size: 12px;
	margin: 0 0 0px;
	border-radius: 7px;
	padding: 4px 10px 2px;
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
}

.Small--Box a h3.title {
	font-size: 13px;
	position: relative;
	padding: 10px 10px 0px;
	font-weight: 500;
	width: 100%;
	text-align: center;
	line-height: 23px;
	font-size: 1.1em;
}

.Wide--Contents.colRight {
	flex: 0 0 69%;
	margin-left: 1%;
	padding: 10px 10px 5px;
	border-radius: 8px;
	overflow: hidden;
}

.mobile--search {
	display: none;
	position: absolute;
	left: 20px;
	top: 22px;
	font-size: 26px;
	cursor: pointer;
	color: #fff;

}

@media only screen and (max-width: 970px) {
	div#WatchList ul#watch {
		height: auto;
		padding: 0;
		margin: 0;
		margin-bottom: 10px;
	}

	.Two--Items .Wide--Contents,
	.Two--Items .Aside--Contents {
		flex: 0 0 100%;
		margin: 0 0 10px;
	}

	ul.Posts--List .Small--Box {
		flex: 0 0 31%;
		min-width: auto;
		max-width: initial;
		margin: 0 1% 15px;
	}

	.Wide--Contents.colRight ul.Posts--List .Small--Box {
		flex: 0 0 31%;
		row-gap: 20px;
		padding: 0 5px;
	}

}

@media only screen and (max-width: 500px) {
	ul.Posts--List .Small--Box {
		flex: 0 0 48%;
	}

	.Wide--Contents.colRight ul.Posts--List .Small--Box {
		flex: 0 0 48%;

	}

	.Two--Items .Title--Box .Right h3 {
		font-size: 16px;

	}

	.Two--Items .Title--Box>a {
		font-weight: 400;
		padding: 5px 9px;
		border-radius: 8px;
		transition: .3s;
		font-size: 13px;
	}
}

@media only screen and (max-width: 420px) {
	ul.Posts--List .Small--Box {
		flex: 0 0 48%;
	}

	.Wide--Contents.colRight ul.Posts--List .Small--Box {
		flex: 0 0 48%;

	}

	.Two--Items .Title--Box .Right h3 {
		font-size: 16px;

	}

	.Two--Items .Title--Box>a {
		font-weight: 400;
		padding: 5px 9px;
		border-radius: 8px;
		transition: .3s;
		font-size: 13px;
	}
}

/*//////////////////////*/
aside.Aside--Contents {
	flex: 0 0 30%;
	padding: 10px 10px 0;
	background: linear-gradient(0deg, rgb(255 255 255 / 2%) 0, rgb(255 255 255 / 5%) 100%);
	border-radius: 8px;
}

.Title--Box {
	display: flex;
	width: 100%;
	border-bottom: 0px solid #ffffff00;
	padding-bottom: 10px;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}

.Right {
	float: left;
}

.Right img {
	width: 33px;
	height: 33px;
	border-radius: 6px;
	overflow: hidden;
}

.Title--Box a {
	font-weight: 400;
	padding: 5px 9px;
	border-radius: 8px;
	transition: .3s;
}

.AsidePost a {
	display: flex;
	margin-bottom: 10px;
}

.AsidePost .Poster {
	min-width: 100px;
	height: 62px;
	overflow: hidden;
	max-width: 110px;
	border-radius: 8px;
	margin-left: 13px;
}

.AsidePost img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: left;
}

.Info {
	flex: 1;
}

.Info h3 {
	font-size: 13px;
	font-weight: 400;
	line-height: 22px;
}

/* slider */
.Slider--Outer {
	margin: 20px 0;
	height: 0;
	overflow: hidden;
	transition: .4s all ease;
}

.Slider--Inner .Arrow--Right {
	right: -40px;
	left: auto;
}

.Slider--Inner .Arrow--Left {
	left: -40px;
	right: auto;
}

.Slider--Inner .Arrow--Right,
.Slider--Inner .Arrow--Left {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	z-index: 99;
	color: var(--blue-color);
	cursor: pointer;
	font-size: 60px;
	transition: .3s ease;
}

.owl-stage-outer {
	display: block;
}

.Block--Item {
	display: inline-block;
	vertical-align: top;
	position: relative;
	min-width: 221px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin: 0 6px 15px;
	max-width: 100%;
	overflow: hidden;
	border-radius: 10px;
}

.Block--Item a,
.Block--Item a .Poster--Block {
	display: block;
	width: 100%;
	height: 100%;
}

.Block--Item a .Poster--Block {
	padding-bottom: 150%;
}

.Block--Item a,
.Block--Item a .Poster--Block {
	display: block;
	width: 100%;
	height: 100%;
}

.Block--Item a .Poster--Block img {
	object-fit: cover;
	border-radius: 12px;
	position: absolute;
	top: 0;
	right: 0;
	transition: .3s;
	width: 100%;
}

.Block--Item a .Block--Info {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	background: linear-gradient(180deg, #1d1d1d00, #000 70%);
	padding: 70px 8px 10px;
	transition: .3s .1s;
	opacity: 0;
	transform: translate(0) scale(1);
	opacity: 1;
}

.Block--Item a .Block--Info ul.Genres {
	text-align: center;
	margin-bottom: 6px;
	transform: translate(0, 130px);
	opacity: 0;
	transition: .3s;
}

.Block--Item a:hover .Poster--Block img {
	transform: scale(1.1);
}

.Block--Item:hover a .Block--Info ul.Genres {
	transform: translate(0, 0);
	opacity: 1;
}

.Block--Item a .Block--Info ul.Genres li {
	display: inline-block;
	background: #ffdd35;
	/* box-shadow: 0 0 10px #121212; */
	padding: 2px 8px;
	border-radius: 50px;
	margin: 1px 3px;
	color: #020202;
	font-size: 12px;
	font-weight: 800;
}

.Block--Item a .Block--Info h3 {
	font-size: 14px;
	text-align: center;
	direction: rtl;
	font-weight: 200;
}

/******/
.mobile--bars {
	position: absolute;
	right: 20px;
	top: 20px;
	font-size: 32px;
	cursor: pointer;
	display: none;
	color: #fff;
}

.mobile--menu ul#main-menu {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 11;
	width: 280px;
	padding: 15px;
	padding-top: 20px;
	height: 100%;
	background: #00031ce6;
	transition: .3s all cubic-bezier(1, 0.05, 0, 0.98);
	transform: translate(140%, 0%);
	overflow: hidden;
	z-index: 99999999999;
	opacity: 0;
	visibility: hidden;
	margin: 0;
}

.MenuOn .mobile--menu ul#main-menu {
	opacity: 1;
	transform: translate(0);
	visibility: visible;
	overflow: auto;
}

.MenuOn .mobile--menu {
	opacity: 1;
	visibility: visible;
}

.mobile--menu ul#main-menu {}

.mobile--menu ul#main-menu>li {
	display: block;
	float: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px dashed #292c41;
}

.mobile--menu ul#main-menu>li>ul {
	position: relative;
	opacity: 1;
	visibility: visible;
	transform: translate(0);
	right: 0;
	background: #ffffff12;
	width: 100%;
	color: var(--font-color);
}

.mobile--menu ul#main-menu>li>ul>li {}

.mobile--menu ul#main-menu>li>ul>li>a {
	display: block;
	padding: 10px 20px;
	font-size: 13px;
}

.mobile--menu ul#main-menu>li>a {
	padding: 0 10px;
	font-weight: bold;
	font-size: 15px;
	line-height: 50px;
}

button.SeasonToggle.active {
	border-radius: 10px 10px 0px 0px;
}

.SeasonsList>ul li:last-child {
	margin-bottom: 0px;
	border-radius: 0px 0px 4px 4px;
}

/* serch */
.Header--Search {
	width: 40px;
	height: 40px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	border-radius: 38px;
	cursor: pointer;
	float: left;
	margin: 20px 0px 0px 8px;
	color: var(--font-color);
	z-index: 10;
}

.headerSearch {
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #00031ce6;
	z-index: 99999999;
	padding: 30px;
	transform: translateY(-100%);
	visibility: hidden;
	opacity: 0;
	transition: .35s all ease;
	overflow: auto;
}

.headerSearch.open {
	transform: translateY(0);
	visibility: visible;
	opacity: 1;
}

.headerSearch .closse {
	margin: 0 auto 15px;
	position: relative;
	display: block;
	text-align: center;
	width: 160px;
	padding: 10px 10px;
	color: var(--font-color);
	border-radius: 5px;
	cursor: pointer;
	font-size: 16px;
}

.headerSearch .closse i {
	font-size: 40px;
	display: block;
}

header.header.open {
	transform: none;
	opacity: 1;
	backdrop-filter: none;
}

.allSearch {
	display: flex;
}

.allSearch form {
	flex: 1;
}

.contenerserc {
	margin: 0 auto;
	max-width: 1270px;
}

.leftFooter ul {
	display: flex;
}

.Header--user {
	cursor: pointer;
	float: left;
	z-index: 10;
	width: 100%;
	background: linear-gradient(248.28deg, #9e61ff 9.539999999999999%, rgba(142, 97, 255, 0) 32.8%), radial-gradient(81.70999999999999% 279.87% at -16.57% -92%, #619bff 28.69%, rgba(205, 219, 248, 0) 69.54000000000001%), #6c52ee;
	color: #ffffff;
	border: 0;
	padding-top: 13px;
	padding-right: 31px;
	padding-bottom: 13px;
	padding-left: 31px;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	position: relative;
	display: inline-block;
	transition: .2s ease;
	border-radius: 10px;
	text-align: center;
}


/************ slider ***********************/

.users {
	position: absolute;
	top: 55px;
	left: 93px;
	transition: 0.3s;
}

.users ul {
	display: none;
	min-width: 180px;
	margin: 0;
	padding: 0;
	transition: .35s all ease;
	z-index: 9999999;
	position: absolute;
	top: 100%;
	right: 50%;
	transform: translate(50%);
	width: 180px;
	text-align: center;
	box-shadow: 0 11px 20px #0c2b4536;
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
}

.users.show ul {
	display: block;
}

.users.show ul li {
	transition: .3s;
	display: block;
	padding: 2px 6px;
	width: 100%;
}

.users ul li a {
	padding: 12px 10px;
	line-height: 1;
	display: block;
	text-align: right;
	font-size: 12px;
	color: #333 !important;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.users ul li a i {
	margin-left: 5px;
}

section.ThemesXCom_category .owl-stage-outer {
    	height: 22.457vw;
}
@media only screen and (max-width: 1080px) {
	.ThemesXCom_section .owl-next {
		    left: -2% !important;
    right: unset;
	}
    	section.ThemesXCom_category .owl-stage-outer {
		height: 30.457vw;
	}

}
@media only screen and (max-width: 600px) {
	section.ThemesXCom_category .owl-stage-outer {
		height: 52.457vw;
	}
}

@media only screen and (max-width: 450px) {
	section.ThemesXCom_category .owl-stage-outer {
		height: 58.457vw;
	}

}


@media only screen and (max-width: 1080px) {
	.postSingle .SecondPart div#my-breadcrumbs span {
		line-height: 19px;
	}

	section.ThemesXCom_category .owl-item li[aria-label="episode"] {

		margin-bottom: 7px;
	}

	section.ThemesXCom_category .owl-item {
		height: 30.457vw;
	}

	.ThemeSXCom_BTNSDownWatch {

		margin: 5px auto;
	}

	section.singleCover {

		margin-top: -115px;
	}

	.Small--Box .content-back .watchlist-add {
		border: 1px solid #fff;
		border-radius: 10px !important;
		font-size: 13px;
		line-height: 24px;
		font-weight: 400;
		display: inline-block !important;
		padding: 6px 0px;
		position: absolute;
		bottom: 20px;
		left: 10px;
		width: calc(100% - 20px) !important;
		display: flex !important;
		align-items: center;
		transition: 0.3s all;
		justify-content: center;
	}

	.Small--Box .content-back {
		position: absolute;
		width: 100%;
		height: 100%;
		right: -1px;
		left: 0;
		top: 0px;
		transition: .3s all;
		background: #191C32;
		border-radius: 5px;
		transition: .5s all;
		transform: translateX(100%);
		text-align: center;
		padding: 10px;
		z-index: 99999;
	}

	/********************/
	.secTop {
		position: relative;
		overflow: hidden;
		margin: 0px 0 25px;
	}

	.leftFooter {
		display: none !IMPORTANT;
	}


	.ThemesXCom_genre a {
		color: #cccdd2;
		font-size: 15px;
		font-weight: 700;
	}




	.Logo--Area .logoFrst em {

		display: none;

	}


	.custom-footer .footer-links {
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		padding: 0 28px !important;
	}

	.custom-footer .footer-links {
		/* flex-direction: column; */
		gap: 16px;
	}

	.custom-footer .footer-menu {
		margin: 0px 0px 19px 0px;
	}

	/***************/

	.Header--user.mobail {
		display: block;
		margin: 0px 0px 0px 0px;
		padding-top: 8px;
		width: 35px;
		height: 35px;
	}

	.Header--Search {
		display: none;
	}

	.SeasonsList {
		width: 100%;
	}

	.SeasonsList+.EpisodesList {
		width: 100% !important;
		float: none;
	}

	.headerMenu {
		position: fixed;
		top: 0;
		right: 0;
		width: 250px;
		padding: 20px !important;
		height: 100%;
		background: #1f252eba;
		transition: .3s cubic-bezier(1, .05, 0, .98);
		transform: translate(140%, 0);
		overflow: hidden;
		z-index: 99999999999;
		opacity: 0;
		visibility: hidden;
		margin: 0;
	}

	.leftFooter {
		float: none;
		display: table;
		margin: 0 auto;
	}

	a.user,
	a.newly {
		flex: 1;
	}

	.mobile--search,
	.mobile--bars {
		display: block;
		z-index: 100;
	}

	.BreakNewsBa {

		width: 100%;
		flex: 0 0 100%;
		margin-bottom: 10px;
	}

	.SearchHead {
		transition: .4s all ease;
		padding: 0 25px;
		z-index: 999;
		padding: 9px 20px 9px 15px;
	}

	.searchOn .SearchHead {
		opacity: 1;
		visibility: visible;
	}

	.mobile--bars {

		display: block;
	}

	.Slider--Outer {

		/* display: none;*/
	}

	.Logo--Area {
		position: relative;
		margin: 0px auto;
		direction: ltr;
		float: none;
		overflow: hidden;
		text-align: center;
		max-width: 270px;
	}
}

.MainMenuOverlay {
	position: fixed;
	top: 0;
	opacity: 0;
	left: 0;
	visibility: hidden;
	width: 100%;
	height: 100%;
	z-index: 999999;
	background: #00031c8a;
	transition: .2s all ease;
}

body.MenuOn .MainMenuOverlay {
	visibility: visible;
	opacity: 1;
}

header div.headerMenu>ul>li.menu-item-has-children>a:after {
	font-family: 'Font Awesome 5 Pro';
	content: "\f078";
	margin-right: 8px;
}

/*block*/
.BlocksHolder>*:not(.MovieItem) {
	flex: 0 0 calc(100% / 6);
}

.Small--Box {
	flex: 0 0 calc(100% / 5);
	overflow: hidden;
	padding: 0 5px;
}

.Small--Box a {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 8px;
	overflow: hidden;
}

.Small--Box a .number {
	background: #00000094;
	z-index: 9;
	text-align: center;
	padding: 4px 12px;
	border-radius: 8px;
	transition: .3s .1s;
	font-size: 17px;
	line-height: 20px;
}

.Small--Box a .number span {
	display: block;
	font-weight: 700;
	font-size: 14px;
}

.Small--Box a .Poster {
	display: block;
	padding-bottom: 150%;
	width: 100%;
	transition: .3s;
}

.Small--Box a .Poster img {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 9px;
}

.Small--Box a .playIcon {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 9;
	font-size: 50px;
	transform: translate(-50%, -50%) rotate(360deg);
	color: #dfcece;
	transition: .3s;
	opacity: 0;
}

.Small--Box a ul.liList {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 9;
	display: flex;
	align-content: center;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	gap: 0.4vw;

}

.Small--Box a.recent--block ul.liList li {
	transform: translate(40px, 0);
	opacity: 0;
}

.Small--Box a ul.liList li:first-child {
	background: #ffcb17;
	color: #000;
}

.Small--Box a ul.liList li {
	display: table;
	background: rgba(0, 0, 0, .5);
	color: var(--font-color);
	margin: 0 0 4px;
	border-radius: 30px;
	padding: 3px 7px 2px;
	font-size: 13px;
	font-weight: 500;
	line-height: 1;
	transition: .3s;
}

.Small--Box a.recent--block:hover .number {
	transform: translate(0, 100px);
	opacity: 0;
	transition: .3s;
}

.content-back .video_title a {
	font-size: 16px;
	line-height: 22px;
}

.content-back .video_title {
	margin-bottom: 10px;
}

.content-back .video_title a {
	font-size: 16px;
	line-height: 22px;
}

.video-meta {
	margin-bottom: 10px;
}

.video-meta li.imdbRating {
	color: #FFC107;
}

.video-meta li {
	display: inline-block;
	color: #cccdd2;
}

.Small--Box a:hover .Poster {}

.Small--Box a:hover .playIcon {
	transform: translate(-50%, -50%) rotate(0);
	opacity: 1;
}

.Small--Box a.recent--block:hover ul.liList li {
	transform: translate(0, 0);
	opacity: 1;
}

@media only screen and (max-width: 1270px) {

	.ThemesXCom_section .owl-prev,
	.ThemesXCom_section .owl-next {
		top: -21.5vw;

		font-size: 50px;
	}

	.ThemesXCom_section .owl-prev {

		right: -27px;

	}

	.BlocksHolder>*:not(.MovieItem) {
		flex: 0 0 calc(100% / 5);
		min-width: auto;
		width: auto;
		max-width: initial;
	}
}

.ThemeSXCom_allbtn {
	display: flex;
	gap: .8vw;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

@media only screen and (max-width: 1080px) {
	.ThemeSXCom_allbtn {
		display: flex;
		gap: 2vw;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}

	.BlocksHolder>*:not(.MovieItem) {
		flex: 0 0 calc(100% / 4);
		min-width: auto;
		width: auto;
		max-width: initial;
	}

	.headerSearch.open {
		padding: 10px;
	}
}

@media only screen and (max-width: 970px) {
	.BlocksHolder>*:not(.MovieItem) {
		flex: 0 0 calc(100% / 3);
		min-width: auto;
		width: auto;
		max-width: initial;
	}

	a.goWatch {
		flex: 0 0 100%;
		margin-top: 0 !important;
	}

	div#WatchList {
		float: none;
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
	}

	.EpisodesArea {
		float: none;
		display: inline-block;
		width: 100%;
	}

	.EpisAs {
		padding: 0;
		flex-wrap: wrap;
		flex-direction: column;
	}
}

@media only screen and (max-width: 770px) {

	section.ThemesXCom_category .owl-prev,
	section.ThemesXCom_category .owl-next {
		top: -26.5vw;

		font-size: 5.916vw;

	}

	section.ThemesXCom_category .owl-item ul:not(:nth-of-type(1)) li[aria-label="title"],
	li[aria-label="play"] {

		font-size: 14px;

	}


	h1.themesXCom_title {
		padding: 1em 0em;
		font-size: 1.6em;
		font-weight: bold;
		line-height: 36px;
		transition: 0.3s all;
	}

	.BlocksHolder>*:not(.MovieItem) {
		flex: 0 0 calc(100% / 2);
		min-width: auto;
		width: auto;
		max-width: initial;
	}
}

@media only screen and (max-width: 480px) {

	.BlocksHolder>*:not(.MovieItem) {
		flex: 0 0 50%;
		width: auto;
	}

	.users {
		position: absolute;
		top: 55px;
		left: 89px;
		transition: 0.3s;
	}

}

/*single */

.Small--Box.Season h3.title,
.Small--Box.ser h3.title {
	font-size: 13px;
	position: absolute;
	bottom: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, #000 100%);
	padding: 195px 10px 10px;
	font-weight: 400;
	width: 100%;
	text-align: center;
}

.Small--Box.Season .Poster img,
.Small--Box.ser .Poster img {
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;

}

.Small--Box.Season:hover .Poster img,
.Small--Box.ser:hover .Poster img {
	opacity: 0.5;
}

.Small--Box .number.Collection {
	padding: 3px 10px;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 9;
}

.row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	padding: 0 12px;
}

.row>a {
	display: block;
	padding: 0;
	transition: .3s;
	position: relative;
	width: 260px;
	overflow: hidden;
}

.row a .image {
	width: 100%;
	height: 160px;
	background: #11111b;
	overflow: hidden;
	border-radius: 8px;
}

.image>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.row a .image img {
	transition: .5s ease-in-out;
	border-radius: 8px;
}

.ep-info {
	padding: 10px;
	position: absolute;
	bottom: 0;
	transition: .3s ease;
	right: 0;
	width: 100%;
	transform: translateY(100%);
}

.ep-info h2 {
	font-size: 14px;
	font-weight: 500;
	transition: .35s ease;
	line-height: 22px;
}

.epnum {
	position: absolute;
	top: 10px;
	right: 10px;
	background: var(--blue-color);
	line-height: 30px;
	padding: 0 5px;
	border-radius: 5px;
	font-size: 30px;
	z-index: 9;
}

.epnum span {
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}

.row a:hover .ep-info {
	transform: translateY(0);
}

.row a:hover img {
	object-position: bottom;
	opacity: .3;
}

.otherser .BlocksHolder>*:not(.MovieItem) {
	flex: 0 0 240px;
}

.otherser .BlocksHolder {
	justify-content: center;
}

.PreWidth .Small--Box {
	flex: 0 0 240px;
}

ul.Blocks--List.Centered {
	justify-content: center;
}

ul.Blocks--List {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	row-gap: 15px;
}

@media only screen and (max-width: 970px) {

	.PreWidth .Small--Box,
	.Small--Box,
	.row>a,
	ul.Posts--List.SixInRow>div {
		flex: 0 0 calc(100% / 3);
		min-width: auto;
		width: auto;
		max-width: initial;
	}
}

@media only screen and (max-width: 450px) {

	.PreWidth .Small--Box,
	.Small--Box,
	.row>a,
	ul.Posts--List.SixInRow>div {
		flex: 0 0 50%;
		width: auto;
	}
}

@media only screen and (max-width: 700px) {
	.Block--Item a .Poster--Block {
		padding-bottom: 116%;
	}

	.Block--Item {
		min-width: auto;
		flex: 0 0 31%;
	}

	section.tabs ul li {
		font-size: 14px;
		flex: 1;
		text-align: center;
		padding: 0;
	}
}

@media only screen and (max-width: 480px) {
	.row>a {
		flex: 0 0 48%;
	}

	.Block--Item {
		flex: 0 0 47%;
		margin: 0 1% 10px;
	}
}

.MainSingle {
	position: relative;
	width: 100%;
	display: inline-block;
	margin-top: 10px;
	z-index: 9;
	display: flex;
	gap: 25px;
}

.MainSingle .left {
	position: relative;
	z-index: 9;
	flex: 0 0 280px;
}

.MainSingle .left .image {
	display: block;
	width: 100%;
	position: relative;
	border-width: 5px;
	padding-bottom: 150%;
	overflow: hidden;
	border-radius: 8px;
	margin-bottom: 15px;
}

.MainSingle .left .image img {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

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

.imdbR {
	color: #222;
	background: #eac13b;
	font-weight: 700;
	position: absolute;
	bottom: 0.8vw;
	left: 0px;
	z-index: 10;
	line-height: 1;
	padding: 0.3vw 0.6vw 0.18vw 0.2vw;
	border-radius: 0px 5vw 5vw 0px;
}

.imdbR em {
	font-style: normal;
	font-size: 14px;
	line-height: 20px;
}

.imdbR span {
	font-size: 19px;
	margin-left: 2px;
}

.TrillerOpenBtn {
	background: #191c33;
	color: var(--font-color);
	cursor: pointer;
}

.TrillerOpenBtn>span {
	position: absolute;
	visibility: hidden;
	width: 110px;
	background: #d12c33;
	padding: 5px;
	border-radius: 15px;
	top: -45px;
	transform: translate(-50%, 30px);
	left: 50%;
	transition: 0.45s all ease;
	opacity: 0;
	box-shadow: 0 0 10px #000;
	line-height: 20px;
	font-size: 12px;
	font-weight: 400;
}

.TrillerOpenBtn>i {
	font-size: 21px;
	right: -2px;
}

.TrillerOpenBtn>span:before {
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 10px 8px 0 9px;
	border-color: #d12c33 transparent transparent #fff0;
	bottom: -10px;
	z-index: 2;
	left: 50%;
	transform: translateX(-50%);
}

.TrillerOpenBtn:hover>span {
	opacity: 1;
	visibility: visible;
	top: -70px;
}

.UnderPoster>div {
	flex: 1;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 0px;
	border-radius: 8px;
	font-size: 14px;
	gap: 6px;
	font-weight: 400;
	margin-top: 10px;
}

.UnderPoster>div i,
a.downloadsLink .text p {
	font-size: 13px;
}

.UnderPoster>div.imdbR span {
	font-size: 22px;
	line-height: 20px;
}

.AsidePost:last-child,
.TitleBox.Small,
.watch--servers--list li.server--item:last-child {
	margin-bottom: 0;
}

.TitleBox {
	display: flex;
	width: 100%;
	align-items: center;
	padding: 10px 0;
	justify-content: space-between;
	margin-bottom: 10px;
	align-items: center;
}

.TitleBox.Small {
	margin-bottom: 0;
}

.TitleBox.Small h2 {
	font-size: 17px;
	font-weight: 400;
	color: #fff;
}

.TitleBox h2 {
	padding-bottom: 5px;
}

.TitleBox.Small h2 i {
	padding-left: 7px;
	color: var(--blue-color);
}

.TitleBox i {
	padding-left: 10px;
	font-size: 28px;
}

.SecondPart .TaxContent {
	width: 100%;
	display: flex;
	gap: 25px;
}

ul.RightTaxContent {
	flex-wrap: wrap;
	width: 100%;
	color: var(--font-color);
	font-size: 12px;
	margin-top: 0;
	display: flex;
}

ul.RightTaxContent>li {
	font-size: 14px;
	font-weight: 400;
	color: var(--font-color);
	border-bottom: 1px solid #ffffff1f;
	flex: 0 0 calc(100% / 2);
	line-height: 25px;
}

ul.RightTaxContent>li i {
	font-size: 12px;
	color: var(--blue-color);
	height: 20px;
	text-align: center;
	margin-left: 5px;
	border-radius: 10px;
	line-height: 22px;
	padding-top: 5px;
}

ul.RightTaxContent>li span {
	position: relative;
	font-size: 13px;
	color: var(--blue-color);
}

ul.RightTaxContent>li>a {
	transition: .35s;
	color: #e6e6e6;
	padding: 2px 3px 0;
	font-size: 13px;
	font-weight: 400;
}

.infoAndWatch {
	display: grid;
	gap: 15px;
	width: 100%;
}

.breadcrumbs span,
.catssection li,
.catssection li a,
ul.RightTaxContent>li>a {
	display: inline-block;
}

.BTNSDownWatch {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.BTNSDownWatch a.watch {
	border-radius: 10px !IMPORTANT;
}

.BTNSDownWatch a.watch,
.seasons--toggler {
	margin-bottom: 15px;
}

.BTNSDownWatch a.watch,
.BTNSDownWatch a.download {
	overflow: hidden;
	width: 100%;
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;
	padding: 10px 20px;
	-webkit-box-shadow: 0 0 10px #00000061;
	box-shadow: 0 0 10px #00000061;
}

.BTNSDownWatch a.download {
	background: #31a24c !important;
	color: #fff;
	border-radius: 10px;
}

.BTNSDownWatch a.watch {
	background: linear-gradient(248.28deg, #9e61ff 9.539999999999999%, rgba(142, 97, 255, 0) 32.8%), radial-gradient(81.70999999999999% 279.87% at -16.57% -92%, #619bff 28.69%, rgba(205, 219, 248, 0) 69.54000000000001%), #6c52ee
}

.BTNSDownWatch>a.watch {
	color: #fff;
}

.BTNSDownWatch>a.download i {
	color: #fff;
}

.BTNSDownWatch>a.download:hover {
	transform: translateY(-3px);
	box-shadow: 0 15px 40px -8px #31a24c7d;
}

.UnderPoster>div.ShowTrailerSingle,
.shortlink {
	background: #ffffff0d;
	background: #ffffff0d;
}

.BTNSDownWatch a.watch svg {
	width: 40px;
	fill: var(--blue-color);
	transition: .3s;
	margin-bottom: 5px;
}

.BTNSDownWatch>a span em {
	font-size: 20px;
	font-style: normal;
	line-height: 33px;
	text-align: center;
	display: block;
	color: #FFF;
	font-family: 'ThemeX';
}

.BTNSDownWatch>a span i {
	float: right;
	font-size: 33px;
	text-align: center;
}

.BTNSDownWatch>a span p {
	display: block;
	text-align: center;
	padding: 0 10px;
	font-size: 12px;
	color: #fff;
}

.BTNSDownWatch a.watch:hover , .Header--user:hover ,slidebox--actions > .btns li a.shine:hover{
	transform: translateY(-3px);
	box-shadow: 0 15px 40px -8px rgba(158, 97, 255, .5);
}

.BTNSDownWatch a.watch:hover svg {
	fill: #FFF;
}

.BTNSDownWatch a.download:hover i,
.BTNSDownWatch a.download:hover p,
.BTNSDownWatch a.watch:hover p {
	color: var(--font-color);
}

.BTNSDownWatch a.download:hover {
	background: #31a24c;
}

ul.RightTaxContent>li.actor {
	width: 100%;
	flex: 0 0 100%;

	overflow: auto;
}

ul.RightTaxContent>li.production,
ul.RightTaxContent>li.escritor,
ul.RightTaxContent>li.director {
	overflow: auto;
}

ul.RightTaxContent>li::-webkit-scrollbar {
	width: 4px;
}

@media only screen and (max-width: 1024) {

	.TitleBox {
		display: table;
	}

}

@media only screen and (max-width: 970px) {

	.MainSingle,
	.infoAndWatch {
		display: table;
		margin: 0 auto;
		padding: 0px 4px;
	}

	.MainSingle .left {
		float: none;
		width: 89%;
		margin: 0 auto;
		max-width: 400px;
	}

	.SecondPart {
		float: none;
		width: 100%;
	}

	.MainSingle,
	.infoAndWatch {
		display: table;
		margin: 0 auto;
	}

	.BTNSDownWatch {
		display: flex;
		gap: 10px;
		margin-top: 10px;
		flex-wrap: wrap;
	}

	.BTNSDownWatch a.watch,
	.BTNSDownWatch a.download {
		flex: 1;
		min-width: auto;
		width: 100%;
	}

	.BTNSDownWatch a.watch {
		margin: 0;
	}
}

@media only screen and (max-width: 700px) {
	.EpisodesList>a {
		float: right;
		width: calc((100% - 15px) / 2);
		margin: 0;
		margin-left: 5px;
		height: 40px;
		background: #ffffff0d;
		color: var(--font-color);
		text-align: right;
		border-radius: 5px;
		margin-bottom: 5px;
		line-height: 44px;
		overflow: hidden;
		transition: .3s;
		padding: 0 14px;
		flex: none;
		min-width: auto;
		max-width: 100%;
	}

	.MainSingle .left {
		float: none;
		margin: 0 auto 10px;
	}

	.SecondPart .TaxContent {
		width: 100%;
		margin: 0;
		padding-right: 0;
	}

	ul.RightTaxContent>li {
		width: 100%;
		flex: 0 0 100%;
	}

	.ServersList.Download ul li {
		flex: 0 0 calc(100% / 3);
	}
}

@media only screen and (max-width: 480px) {
	.MainSingle .left {
		max-width: 260px;
		width: 100%;
		float: none;
		margin: 0 auto 20px;
	}

	.BlocksHolder {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -5px;
		row-gap: 10px;
		padding-bottom: 10px;
		justify-content: space-around;
	}

	.ServersList.Download ul li {
		flex: 0 0 calc(100% / 2);
		padding: 0 5px;
	}

	.ServersList.Download ul li.proserver {
		flex: 0 0 calc(100% / 1);
	}

	ul.download-items {
		margin: 0 -5px;
	}
}

.centers {
	text-align: center;
	flex: 0 0 calc(100% / 1);
	font-size: 19px;
	background: #ffffff14;
	padding: 10px 15px;
	border-radius: 7px;
	margin-bottom: 10px;
}

.ArcPage {
	color: var(--font-color);
	background: #ffffff14;
	width: 100%;
	max-width: 1350px;
	margin: 30px auto;
	padding: 20px;
	min-height: 33vw;
}
.ArcPage .mass_themex{
        background: linear-gradient(45deg, #ffffff00 0, #6b55de 100%);
    border-radius: 25px;
    padding: 6px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    overflow: hidden;
    flex: 1;
    padding: 15px;
        flex: 100%;
}

.arc-title {
	font-size: 28px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.5em;
	padding-bottom: 15px;
	position: relative;
}

.arc-title:before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	height: 5px;
	width: 55px;
	background-color: var(--blue-color);
}

.arc-title:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 2px;
	height: 1px;
	width: 95%;
	max-width: 255px;
	background-color: var(--blue-color);
}

.content {
	margin-top: 20px;
}

/* ----------------------- form ------------------------ */
.FormTitle {
	text-align: center;
	text-transform: uppercase;
	padding-bottom: 5px;
}

.subtitle {
	font-size: 13px;
	font-weight: 500;
	padding-left: 0.25em;
	color: rgb(255 255 255);
	padding-bottom: 10px;
	text-align: center;
}

.FormTitle:before {
	width: 38px;
	height: 5px;
	display: block;
	content: "";
	position: absolute;
	bottom: 3px;
	left: 50%;
	margin-left: -14px;
	background-color: var(--blue-color);
}

.FormTitle:after {
	width: 140px;
	height: 1px;
	display: block;
	content: "";
	position: relative;
	margin-top: 25px;
	right: 50%;
	margin-right: -70px;
	background-color: var(--blue-color);
}

/* تنسيق النموذج الرئيسي */
.form-ui {
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
	padding: 20px;
	background-color: #ffffff14;
	border-radius: 8px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
	text-align: right;
}

.form-ui h1 {
	font-size: 1.5em;
	color: var(--font-color);
	margin-bottom: 20px;
	text-align: center;
}

/* تنسيق الحقول */
.form-ui label {
	display: block;
	font-size: 0.9em;
	color: var(--font-color);
	margin-bottom: 5px;
}

.form-ui input.rounded {
	width: 100%;
	padding: 10px;
	margin-bottom: 15px;
	font-size: 1em;
	border: 1px solid #ddd;
	border-radius: 6px;
	box-sizing: border-box;
	transition: all 0.3s ease;
}

.form-ui input.rounded:focus {
	border-color: #007bff;
	box-shadow: 0px 0px 5px rgba(0, 123, 255, 0.2);
	outline: none;
}

/* تنسيق الرسائل */
.form-ui .msg-reg,
.form-ui .user-msg {
	font-size: 1.2em;
	color: #d9534f;
	margin-bottom: 5px;
}

/* تنسيق الزر */
.form-ui button.btn {
	width: 100%;
	padding: 10px;
	font-size: 1em;
	color: var(--font-color);
	background-color: var(--blue-color);
	border: none;
	border-radius: 6px;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.form-ui button.btn:hover {
	opacity: 0.9;
}

.terms {
	display: flex;
	margin-bottom: 8px;
}

.terms label {
	margin-bottom: 0;
	margin-right: 5px;
}

label a {
	color: #007bff;
}

.userProfile {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 15px;
}

.profile-content.right {
	width: 300px;
	margin-left: 20px;
}

.profile-content.left {
	flex: 1;
}

.RegisterMaster.EditProfile {
	padding: 0 15px;
}
.RegisterRightPart {
    margin-bottom: 30px;
}
.RegisterMaster.EditProfile form {
	max-width: 1300px;
	margin: 20px auto;
}

.profile-content {
	position: relative;
	overflow: hidden;
	background: #ffffff14;
	border-radius: 4px;
	margin-top: 10px;
	padding: 20px;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
}

.profile-content figure {
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 100px;
	height: 100px;
	margin: 0 auto 15px;
	border-radius: 50%;
	border: 3px solid #ddd;
}

.profile-content figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.username {
	font-size: 1.5em;
	color: var(--font-color);
	margin: 10px 0;
	text-align: center;
}

.dl-horizontal {
	display: flex;
	flex-direction: column;
}

.dl-horizontal dt {
	font-weight: bold;
	margin: 10px 0 5px;
	color: var(--font-color);
}

.dl-horizontal dd {
	margin: 0 0 10px;
	padding: 0 0 5px;
	border-bottom: 1px solid #dddddd1a;
	color: var(--font-color);
}

a.btn.btn-sm.info {
	display: inline-block;
	padding: 8px 15px;
	font-size: 0.9em;
	color: var(--font-color);
	background-color: red;
	border: none;
	width: 100%;
	text-align: center;
	border-radius: 5px;
	transition: background-color 0.3s;
}

a.btn.btn-sm.info.later {
	background-color: var(--blue-color);
	margin-bottom: 10px;
}

a.btn.btn-sm.info.fav {
	background-color: #f5c518;
	color: #000;
	margin-bottom: 10px;
}

.form-ui button.btn i {
	font-size: 19px;
	margin-left: 8px;
	top: 2px;
}

@media only screen and (max-width: 1080px) {
	.ArcPage {
		padding: 20px 0;
	}
}

@media only screen and (max-width: 480px) {
    .RegisterMaster ,.LoginMaster{
    padding: 0 10px;
}
	.userProfile {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
		max-width: 1300px;
		margin: 0 auto;
		padding: 0 15px;
		flex-direction: column;
	}

	.profile-content.right {
		width: auto;
		margin-left: 0px;
	}

	.singleFav {
		margin: 0 15px;
	}
}

.nolog {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
	max-width: 1300px;
	margin: 0 auto;
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
	margin-top: 25px;
}

.ThemeSXCom_BTns {
	display: flex;
	gap: 0.8vw;
}

.likePost {}

.likePost a {
	color: #ffff;
	cursor: pointer;
	background: #191c33;
	border-radius: 5px;
	padding: 5px 10px;
	display: flex;
	align-items: center;
	gap: 9.4px;
	transition: .3s;
}

.UnderPoster>div {
	transition: .3s;

}

.likePost a:hover,
.UnderPoster>div:hover {
	background: #6f58e7;
}

.likePost i {
	font-size: 19px !important;
}

.shortlink {
	display: table;
	position: relative;
	padding: 3px 12px;
	border-radius: 7px;
	height: 34px;
}

.shortlink span {
	display: inline-block;
	font-size: 12px;
	color: var(--font-color);
}

.shortlink span:nth-child(2) {
	font-size: 12px;
	margin-right: 8px;
}

.shortlink button {
	padding: 0;
	border: none;
	color: var(--font-color);
	background: rgba(0, 0, 0, .3);
	border-radius: 4px;
	text-align: center;
	cursor: pointer;
	margin-right: 8px;
}

.shortlink button,
.shortlink button i {
	line-height: 26px;
	width: 26px;
	height: 26px;
}

.shortlink button i {
	display: block;
}

.shortlink button,
.shortlink button i {
	line-height: 26px;
	width: 26px;
	height: 26px;
}

.shortlink span {
	display: inline-block;
	font-size: 12px;
}

@media only screen and (max-width: 360px) {
	.ServersList.Download ul li {
		flex: 0 0 calc(100% / 1);
		padding: 0 5px;
	}

	.WatchBar a {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 8px 6px;
		gap: 10px;
		border-radius: 8px;
		font-weight: 700;
		font-size: 14px;
	}

}

@media only screen and (max-width: 330px) {
	.secTop .lBtns a {
		width: 127px;
		border-radius: 29px;
		display: flex;
		height: 35px;
		line-height: 35px;
		align-items: center;
		gap: 9px;
		justify-content: center;
		font-weight: 700;
	}

}

.users_main_menu ul {
	top: 0;
	right: 0;
	padding: 20px 0px;
	height: 100%;
	background: #00031ce6;
	overflow: hidden;
	margin: 0;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 4.8vw;
	align-content: center;
	align-items: stretch;
}

.users_main_menu ul li {
	color: #fff;
	display: block;
	float: none;
	margin: 0;
	text-align: center;
	padding: 10px 0px;
	border-radius: 10px;
	max-width: 220px;
	width: 100%;
	background: #ffffff24;
}

.users_main_menu ul li i {
	margin-left: 6px;
}

.users_main_menu ul li.btn-login {
	background: linear-gradient(248.28deg, #9e61ff 9.539999999999999%, rgba(142, 97, 255, 0) 32.8%), radial-gradient(81.70999999999999% 279.87% at -16.57% -92%, #619bff 28.69%, rgba(205, 219, 248, 0) 69.54000000000001%), #6c52ee;
}

.users_main_menu ul li.btn-register,
.users_main_menu ul li.btn-logout {
	background: linear-gradient(248.28deg, #3f51b5c2 9.539999999999999%, rgba(142, 97, 255, 0) 32.8%), radial-gradient(81.70999999999999% 279.87% at -16.57% -92%, #3F51B5 28.69%, rgba(205, 219, 248, 0) 69.54000000000001%), #E91E63;

}

.logoFrst_main_menu {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	justify-content: center;
	align-items: center;
	gap: 2.8vw;
}

.logoFrst_main_menu img {
	width: 38px;
}

.logoFrst_main_menu span {
	display: inline-block;
	text-transform: capitalize;
	line-height: 35px;
	font-weight: 700;
	font-family: 'ThemesXCom';
	vertical-align: middle;
	color: var(--font-color);
	transition: .3s;
	font-size: 23px;
}

section.ThemesXCom_category .owl-item li[aria-label="ribbon"]:nth-of-type(1),
section.ThemesXCom_category .owl-item li[aria-label="year"] {
	font-size: 15px;
}

.themeX_title {
	display: flex;
	margin-bottom: 20px;
	align-items: center;
}

.Right_themex {
	flex: 1;
	display: flex;
	gap: 0.4vw;
	justify-content: flex-start;
	align-items: center;
}

.Right_themex img {
	width: 33px;
	height: 33px;
	border-radius: 6px;
	overflow: hidden;
}

@media (max-width: 600px) {


	section.ThemesXCom_category ul[aria-label="platforms"] li img {
		height: 100%;
	}

	section.ThemesXCom_category ul[aria-label="platforms"] li a {
		display: flex;
		width: 100%;
		height: 100%;
		justify-content: center;
		align-items: center;
	}

	section.ThemesXCom_category .owl-item img {
		border-radius: 10px;
	}

	section.ThemesXCom_category .owl-item {
		position: relative;
		display: inline-block;
		height: 220px;
		margin-left: 0.5vw;
		border-radius: 5px;
		opacity: 0;
		-webkit-transition: opacity .75s linear, 0.5s, -webkit-transform .3s ease;
		transition: opacity .75s linear, 0.5s, -webkit-transform .3s ease;
		-o-transition: opacity .75s linear, 0.5s, transform .3s ease;
		transition: opacity .75s linear, 0.5s, transform .3s ease;
		transition: opacity .75s linear, 0.5s, transform .3s ease, -webkit-transform .3s ease;
	}

	section.ThemesXCom_category .owl-item.active {
		opacity: 1;
	}

	section.ThemesXCom_category .owl-item:hover img {
		-webkit-filter: brightness(0.5) opacity(0.8);
		filter: brightness(0.5) opacity(0.8);
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
	}

	section.ThemesXCom_category .owl-item:hover ul {
		opacity: 0;
		-webkit-transition: opacity .75s linear, 0.5s;
		-o-transition: opacity .75s linear, 0.5s;
		transition: opacity .75s linear, 0.5s;
	}

	section.ThemesXCom_category .owl-item:hover ul:not(:nth-of-type(1)) {
		opacity: 1;
		-webkit-transition: opacity .75s linear, 0.5s;
		-o-transition: opacity .75s linear, 0.5s;
		transition: opacity .75s linear, 0.5s;
	}

	section.ThemesXCom_category .owl-item ul:not(:nth-of-type(1)) {
		position: absolute;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		height: 100%;
		padding: 0.5vw;
		font-size: 0.9vw;
		opacity: 0;
		z-index: 10;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-line-pack: justify;
		align-content: space-between;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	section.ThemesXCom_category .owl-item ul:not(:nth-of-type(1)) li:not([aria-label="title"],
		[aria-label="play"]) {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		color: #130438;
		padding: 3px;
		margin: 10px 5px 0;
		font-size: 12px;
		line-height: 1;
		border-radius: 10px;
		background: #ffffff;
	}

	section.ThemesXCom_category .owl-item li i {
		width: 50px;
		height: 50px;
		font-size: 22px;
		line-height: 50px !important;
		border-radius: 50px;
	}

	section.ThemesXCom_category .owl-item ul:not(:nth-of-type(1)) li[aria-label="title"] em {
		display: block;
		color: #b1acc5;
		font-size: 12px;
	}

	section.ThemesXCom_category .owl-item li[aria-label="ribbon"]:nth-of-type(1) {
		position: absolute;
		width: 120px;
		top: 16px;
		left: -31px;
		line-height: 20px;
		text-align: center;
		z-index: 10;
		background: rgb(125, 74, 255);
		transform: rotate(-40deg);
	}

	section.ThemesXCom_category .owl-item li[aria-label="ribbon"]:nth-of-type(2) {
		position: absolute;
		width: 177px;
		top: 33px;
		left: -41px;
		line-height: 20px;
		text-align: center;
		z-index: 10;
		background: rgb(244, 67, 54);
		transition: 0.3s;
		transform: rotate(-40deg);
	}

	section.ThemesXCom_category li[aria-label="ribbon"]:first-child {
		top: 5px !important;
	}

	section.ThemesXCom_category li[aria-label="ribbon"]:first-child {
		top: 0.4vw !important;
	}

	li[aria-label="ribbon"] {
		left: -10px !important;
	}

	section.ThemesXCom_category li[aria-label="ribbon"] {
		--f: 10px;
		--r: 5px;
		position: absolute;
		padding-inline: 10px;
		border-bottom: var(--f) solid #0005;
		color: #fff;
		border-radius: 10px 0 0 0;
		left: -10.2px !important;
		border-right: var(--r) solid #0000;
		clip-path: polygon(100% 0, 0 0, 0 calc(100% - var(--f)), var(--f) 100%, var(--f) calc(100% - var(--f)), 100% calc(100% - var(--f)), calc(100% - var(--r)) calc(50% - var(--f) / 2));
		width: auto !important;
		transform: none !important;
	}

	section.ThemesXCom_category .owl-item li[aria-label="episode"] {
		position: absolute;
		bottom: 0px;
		font-size: 20px;
		text-align: center;
		z-index: 10;
		background: linear-gradient(-90deg, rgb(19, 4, 56), transparent);
	}

	section.ThemesXCom_category .owl-item li[aria-label="episode"] em {
		display: block;
		padding: 0px 5px;
		font-size: 10px;
		background: rgb(125, 74, 255);
		border-radius: 10px 0px 0px 10px;
	}

	section.ThemesXCom_category .owl-item li[aria-label="age"] {
		position: absolute;
		bottom: 0.8vw;
		left: 0px;
		z-index: 10;
		font-size: 15px;
		line-height: 1;
		padding: 4px;
		border-radius: 0px 5vw 5vw 0px;
		background: rgb(255, 17, 0);
	}

	section.ThemesXCom_category .owl-item li[aria-label="year"] {
		position: absolute;
		top: 5px;
		right: 5px;
		padding: 2px 5px;
		color: rgb(19, 4, 56);
		line-height: 100%;
		border-radius: 10px;
		z-index: 10;
		background: rgb(255, 193, 7);
	}

	section.ThemesXCom_category[aria-label="posts"] {
		position: relative;
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr;
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 10px;
		grid-row-gap: 10px;
		padding: 0 10px 10px;
		overflow: visible;
	}

	section.ThemesXCom_category ul[aria-label="pagination"] {
		padding: 20px;
		padding-bottom: 100px;
		text-align: center;
	}

	section.ThemesXCom_category ul[aria-label="pagination"] li {
		display: inline-block;
	}

	section.ThemesXCom_category ul[aria-label="pagination"] li.active a {
		background: #ff1100;
	}

	section.ThemesXCom_category ul[aria-label="pagination"] a,
	ul[aria-label="pagination"] span {
		color: #fff;
		padding: 10px 10px;
		margin: 0 0 0 5px;
		font-size: 15px;
		border-radius: 5px;
		background: #ffffff1c;
	}

	section.ThemesXCom_category article[aria-label="post"] {
		position: relative;
		display: inline-block;
		height: 220px;
		margin-left: 0.5vw;
		border-radius: 5px;
		-webkit-transition: opacity .75s linear, 0.5s, -webkit-transform .3s ease;
		transition: opacity .75s linear, 0.5s, -webkit-transform .3s ease;
		-o-transition: opacity .75s linear, 0.5s, transform .3s ease;
		transition: opacity .75s linear, 0.5s, transform .3s ease;
		transition: opacity .75s linear, 0.5s, transform .3s ease, -webkit-transform .3s ease;
	}

	section.ThemesXCom_category article[aria-label="post"] img {
		border-radius: 10px;
	}

	section.ThemesXCom_category #related,
	#assemblies,
	#eps {
		gap: 10px;
		padding-bottom: 15px;
	}

	section.ThemesXCom_category article[aria-label="post"]:hover img {
		-webkit-filter: brightness(0.5) opacity(0.8);
		filter: brightness(0.5) opacity(0.8);
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
	}

	section.ThemesXCom_category article[aria-label="post"]:hover ul {
		opacity: 0;
		-webkit-transition: opacity .75s linear, 0.5s;
		-o-transition: opacity .75s linear, 0.5s;
		transition: opacity .75s linear, 0.5s;
	}

	section.ThemesXCom_category article[aria-label="post"]:hover ul:not(:nth-of-type(1)) {
		opacity: 1;
		-webkit-transition: opacity .75s linear, 0.5s;
		-o-transition: opacity .75s linear, 0.5s;
		transition: opacity .75s linear, 0.5s;
	}

	section.ThemesXCom_category article[aria-label="post"] ul:not(:nth-of-type(1)) {
		position: absolute;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-line-pack: justify;
		align-content: space-between;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		padding: 0.5vw;
		font-size: 0.9vw;
		opacity: 0;
		z-index: 10;
	}

	section.ThemesXCom_category article[aria-label="post"] ul:not(:nth-of-type(1)) li:not([aria-label="title"],
		[aria-label="play"]) {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		padding: 3px;
		margin: 10px 5px 0;
		color: #130438;
		font-size: 12px;
		line-height: 1;
		background: #ffffff;
		border-radius: 10px;
	}

	section.ThemesXCom_category article[aria-label="post"] ul:not(:nth-of-type(1)) li[aria-label="title"],
	li[aria-label="play"] {
		-webkit-box-flex: 100%;
		-ms-flex: 100%;
		flex: 100%;
		color: #ffffff;
		margin: 0;
		font-size: 14px;
		text-align: center;
		background: none;
		line-height: 1.3em;
		margin-bottom: 8px;
	}

	section.ThemesXCom_category article[aria-label="post"] li i {
		width: 50px;
		height: 50px;
		font-size: 20px;
		line-height: 50px !important;
		border-radius: 50px;
		background: rgb(244, 67, 54);
	}

	section.ThemesXCom_category article[aria-label="post"] ul:not(:nth-of-type(1)) li[aria-label="title"] em {
		display: block;
		color: #b1acc5;
		font-size: 12px;
	}

	section.ThemesXCom_category article[aria-label="post"] li[aria-label="ribbon"]:nth-of-type(1) {
		position: absolute;
		width: 120px;
		top: 16px;
		left: -31px;
		line-height: 20px;
		text-align: center;
		z-index: 10;
		background: rgb(125, 74, 255);
		transform: rotate(-40deg);
	}

	section.ThemesXCom_category article[aria-label="post"] li[aria-label="ribbon"]:nth-of-type(2) {
		position: absolute;
		width: 177px;
		top: 33px;
		left: -41px;
		line-height: 20px;
		text-align: center;
		z-index: 10;
		background: rgb(244, 67, 54);
		transition: 0.3s;
		transform: rotate(-40deg);
	}

	section.ThemesXCom_category article[aria-label="post"] li[aria-label="episode"] {
		position: absolute;
		bottom: 0px;
		font-size: 20px;
		text-align: center;
		z-index: 10;
		background: linear-gradient(-90deg, rgb(19, 4, 56), transparent);
	}

	section.ThemesXCom_category article[aria-label="post"] li[aria-label="episode"] em {
		display: block;
		padding: 0px 5px;
		font-size: 10px;
		background: rgb(125, 74, 255);
		border-radius: 10px 0px 0px 10px;
	}

	section.ThemesXCom_category article[aria-label="post"] li[aria-label="age"] {
		position: absolute;
		bottom: 0.8vw;
		left: 0px;
		z-index: 10;
		font-size: 15px;
		line-height: 1;
		padding: 4px;
		border-radius: 0px 5vw 5vw 0px;
		background: rgb(255, 17, 0);
	}

	section.ThemesXCom_category article[aria-label="post"] li[aria-label="year"] {
		position: absolute;
		top: 5px;
		right: 5px;
		padding: 2px 5px;
		color: rgb(19, 4, 56);
		line-height: 100%;
		border-radius: 10px;
		z-index: 10;
		background: rgb(255, 193, 7);
	}

	section.ThemesXCom_category .owl-item {
		height: 52.457vw;
	}

	section.ThemesXCom_category span:not([aria-label]) {
		font-size: 16px;

	}

	section.ThemesXCom_category span em a {
		font-weight: 400;
		font-size: 13px;
		padding: 5px 9px;
	}

}

@media (max-width: 450px) {
	section.ThemesXCom_category {
    padding: 0 4.344vw 1.5vw;
    margin-bottom: 15px;	}
section.ThemesXCom_category .owl-item li[aria-label="ribbon"]:nth-of-type(1), section.ThemesXCom_category .owl-item li[aria-label="year"] {
    font-size: 13px;
}
	section.ThemesXCom_category .owl-prev,
	section.ThemesXCom_category .owl-next {
		top: -50.5vw;
		font-size: 15.916vw;

	}

	section.ThemesXCom_category .owl-item {
		height: 58.457vw;
	}
}

/* تصميم الهاتف */
@media (max-width: 768px) {

	.custom-footer .footer-links li {
		display: block;
	}

	.custom-footer .social-icons {
		flex-direction: row;
		gap: 10px;
	}

	.custom-footer .social-icons a {
		font-size: 18px;
	}

	.custom-footer {
		font-size: 13px;
		padding: 15px 0;
	}

	@media only screen and (max-width: 480px) {
		.item_themeX .number {
			-webkit-text-stroke: 1px #ffffff;
			-webkit-text-fill-color: transparent;
			font-size: 7em;
			line-height: 160px;
			font-weight: 700;
			position: absolute;
			left: 1px;
			top: 53%;
			margin-top: -80px;
			white-space: nowrap;
			min-width: 150px;
			text-align: left;
			padding-left: 15px;
			box-sizing: border-box;
		}

		.ThemesXCom_section .owl-body_top_10 .owl-item .poster_themeSxCom {
			max-height: 140px;
			z-index: 9999;
			max-width: 100px;
			width: 100%;
			height: 100vw;
			border: 2px solid transparent;
			border-radius: 5px;
			overflow: hidden;
			transition: .3s all;
		}

		.item_themeX .number:before {
			content: "";
			position: absolute;
			width: 109px;
			height: 50px;
			left: 9px;
			top: 68%;
			background: linear-gradient(248.28deg, #9e61ff 9.539999999999999%, rgba(142, 97, 255, 0) 32.8%), radial-gradient(81.70999999999999% 279.87% at -16.57% -92%, #619bff 28.69%, rgba(205, 219, 248, 0) 69.54000000000001%), #7b61ff;
			filter: blur(41px);
			margin-top: -80px;
		}

		.ThemesXCom_section .owl-prev,
		.ThemesXCom_section .owl-next {
			top: -34.5vw;
			font-size: 65px; /* تكبير قليل من 59px */
			transition: .3s all ease;

		}

		.ThemesXCom_section .owl-prev {
			right: -11px;


		}

		.ThemesXCom_section_grean .owl-body_grean .owl-item {
			padding: 0 0px;
		}

		.video-description.jws-scrollbar {
			text-align: right;
			color: #ffffffeb;
			line-height: 21px;
			font-size: 8px;
		}

		.video-meta li {
			display: inline-block;
			color: #cccdd2;
			font-size: 10px;
		}

		.video-meta {
			margin-bottom: 0px;
		}

	}


	.copy {
		display: flex;
		padding: 10px;
	}

	.copyrights {
		font-size: 16px;
		margin: 0px auto 0px;
		z-index: 2;
		display: block;
		line-height: 30px;
		color: var(--font-color);
		font-weight: 500;
	}

	.copyrights a {
		color: #f5c518;
	}

	.owner {
		font-size: 16px;
		margin: 0px auto 0px;
		z-index: 2;
		display: block;
		line-height: 30px;
		color: var(--font-color);
		font-weight: 500;
	}

	@media only screen and (max-width: 970px) {
		.copy {
			display: flex;
			padding: 10px;
			flex-wrap: wrap;
			flex-direction: column;
		}
	}
}

/* Batch 2: base layout polish */
header.header {
    position: relative;
    z-index: 20;
    background: rgba(0, 3, 28, 0.96);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22);
}

body>header>.Content--Wrapper,
.Content--Wrapper {
    max-width: 1320px;
    padding-right: 24px;
    padding-left: 24px;
}

arlionz--slider {
    width: calc(100% - 48px);
    min-width: 0;
    max-width: 1320px;
    height: min(68vh, 620px);
    margin: 18px auto 0;
    border-radius: 8px;
}

.fa,
.fas,
.far,
.fal,
.fad {
    font-family: "Font Awesome 6 Pro", "Font Awesome 5 Pro", "Font Awesome 6 Free";
}

.fal,
.fad {
    font-weight: 900;
}

.fab {
    font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands", "Font Awesome 6 Free";
}

@media only screen and (max-width: 1080px) {
    arlionz--slider {
        width: calc(100% - 32px);
        height: min(62vh, 560px);
        margin: 12px auto 0;
    }
}

@media only screen and (max-width: 480px) {
    body>header>.Content--Wrapper,
    .Content--Wrapper {
        padding-right: 14px;
        padding-left: 14px;
    }

    arlionz--slider {
        width: 100%;
        height: 58vh;
        margin-top: 0;
        border-radius: 0;
    }

    .Logo--Area .logoFrst .site-name-line-ar {
        font-size: 19px;
    }

    .Logo--Area .logoFrst .site-name-line-en {
        font-size: 12px;
    }
}

/* Approved batch: header grid, brand order, and slider sizing */
header.header > .Content--Wrapper {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas: "brand nav actions";
    align-items: center;
    gap: 24px;
    min-height: 76px;
    max-width: 1280px;
    padding: 10px 24px;
}

header.header .RigtHeader {
    grid-area: brand;
    min-width: 190px;
}

header.header .headerMenu {
    grid-area: nav;
    justify-self: center;
    width: 100%;
}

header.header .headerMenu .ul-base {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 0;
}

header.header .leftFooter {
    grid-area: actions;
    justify-self: end;
}

header.header .Logo--Area {
    margin: 0;
    float: none;
}

header.header .Logo--Area a {
    display: inline-flex;
    align-items: center;
}

.Logo--Area .logoFrst {
    grid-template-columns: auto 42px;
    grid-template-areas: "en logo" "ar logo";
    column-gap: 10px;
    justify-content: start;
}

.Logo--Area .logoFrst .site-name-line {
    text-align: center;
    min-width: 112px;
}

.Logo--Area .logoFrst .site-name-line-en {
    grid-area: en;
    font-size: 21px;
    line-height: 1.05;
    font-weight: 800;
}

.Logo--Area .logoFrst .site-name-line-ar {
    grid-area: ar;
    font-size: 18px;
    line-height: 1.05;
    font-weight: 800;
}

header.header .Logo--Area a img {
    width: 42px;
    height: 42px;
    object-fit: contain;
}

arlionz--slider {
    height: min(58vh, 600px);
}

@media only screen and (max-width: 1080px) {
    header.header > .Content--Wrapper {
        grid-template-columns: 48px minmax(0, 1fr) 48px;
        grid-template-areas: "search brand menu";
        gap: 8px;
        min-height: 72px;
        padding: 8px 18px;
    }

    header.header .RigtHeader {
        grid-area: brand;
        justify-self: center;
        min-width: 0;
    }

    header.header .headerMenu,
    header.header .leftFooter {
        display: none;
    }

    header.header .mobile--search {
        grid-area: search;
        position: static;
        justify-self: start;
    }

    header.header .mobile--bars {
        grid-area: menu;
        position: static;
        justify-self: end;
    }

    arlionz--slider {
        height: min(56vh, 520px);
    }
}

@media only screen and (max-width: 480px) {
    header.header > .Content--Wrapper {
        min-height: 70px;
        padding: 8px 16px;
    }

    .Logo--Area .logoFrst {
        grid-template-columns: auto 38px;
        column-gap: 8px;
    }

    .Logo--Area .logoFrst .site-name-line {
        min-width: 94px;
    }

    .Logo--Area .logoFrst .site-name-line-en {
        font-size: 18px;
    }

    .Logo--Area .logoFrst .site-name-line-ar {
        font-size: 15px;
    }

    header.header .Logo--Area a img {
        width: 38px;
        height: 38px;
    }

    arlionz--slider {
        height: 430px;
        max-height: 54vh;
    }
}

/* Focused live UI fixes */
header.header {
    display: block;
}

header.header > .Content--Wrapper {
    width: min(calc(100% - 56px), 1320px);
    grid-template-columns: 230px minmax(420px, 1fr) auto;
    gap: 18px;
}

header.header .RigtHeader {
    justify-self: start;
    transform: translateX(-18px);
}

header.header .Logo--Area,
header.header .Logo--Area a,
header.header .Logo--Area .logoFrst {
    height: auto;
}

.Logo--Area .logoFrst {
    grid-template-columns: minmax(132px, auto) 46px;
    align-items: center;
}

.Logo--Area .logoFrst .site-name-line {
    min-width: 132px;
    letter-spacing: 0;
}

.Logo--Area .logoFrst .site-name-line-en {
    font-size: 24px;
}

.Logo--Area .logoFrst .site-name-line-ar {
    font-size: 20px;
}

header.header .Logo--Area a img {
    width: 46px;
    height: 46px;
}

header.header .headerMenu li a {
    padding: 0 10px;
}

header.header .mobile--bars i,
header.header .mobile--search i,
slidebox--actions > .btns li a.shine i,
slidebox--actions > .btns a.Show__Movie i {
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "Font Awesome 6 Pro", "Font Awesome 5 Pro";
    font-weight: 900;
}

@media only screen and (max-width: 1080px) {
    header.header > .Content--Wrapper {
        width: 100%;
        grid-template-columns: 54px minmax(0, 1fr) 54px;
        grid-template-areas: "search brand menu";
        padding: 10px 18px;
        min-height: 76px;
    }

    header.header .RigtHeader {
        transform: none;
        justify-self: center;
    }

    header.header .mobile--bars,
    header.header .mobile--search {
        width: 44px;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
    }

    header.header .mobile--bars {
        justify-self: end;
    }

    header.header .mobile--search {
        justify-self: start;
    }

    header.header .mobile--bars i,
    header.header .mobile--search i {
        font-size: 28px;
        line-height: 1;
    }

    .Logo--Area .logoFrst {
        grid-template-columns: minmax(112px, auto) 42px;
        column-gap: 8px;
    }

    .Logo--Area .logoFrst .site-name-line {
        min-width: 112px;
    }

    .Logo--Area .logoFrst .site-name-line-en {
        font-size: 21px;
    }

    .Logo--Area .logoFrst .site-name-line-ar {
        font-size: 18px;
    }
}

@media only screen and (max-width: 480px) {
    header.header > .Content--Wrapper {
        grid-template-columns: 48px minmax(0, 1fr) 48px;
        min-height: 74px;
        padding: 8px 14px;
    }

    .Logo--Area .logoFrst {
        grid-template-columns: minmax(102px, auto) 40px;
        column-gap: 7px;
    }

    .Logo--Area .logoFrst .site-name-line {
        min-width: 102px;
    }

    .Logo--Area .logoFrst .site-name-line-en {
        font-size: 20px;
    }

    .Logo--Area .logoFrst .site-name-line-ar {
        font-size: 17px;
    }

    header.header .Logo--Area a img {
        width: 40px;
        height: 40px;
    }

    header.header .mobile--bars,
    header.header .mobile--search {
        width: 40px;
        height: 40px;
    }

    header.header .mobile--bars i,
    header.header .mobile--search i {
        font-size: 27px;
    }
}

/* Brand block final structure: logo beside one title stack */
header.header .Logo--Area .logoFrst,
.logoFrst_main_menu {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    direction: ltr;
}

header.header .Logo--Area .brand-title,
.logoFrst_main_menu .brand-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 132px;
    text-align: center;
    line-height: 1.05;
}

header.header .Logo--Area .brand-title .site-name-line,
.logoFrst_main_menu .brand-title .site-name-line {
    display: block;
    min-width: 0;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    line-height: 1.05;
}

header.header .Logo--Area .brand-title .site-name-line b,
header.header .Logo--Area .brand-title .site-name-line em {
    position: static;
    display: inline !important;
    float: none;
    margin: 0;
    line-height: inherit;
}

header.header .Logo--Area .brand-title .site-name-line-en {
    font-size: 25px;
    font-weight: 900;
}

header.header .Logo--Area .brand-title .site-name-line-ar {
    font-size: 20px;
    font-weight: 900;
}

header.header .Logo--Area .logoFrst img {
    flex: 0 0 auto;
}

@media only screen and (max-width: 1080px) {
    header.header .Logo--Area .logoFrst {
        gap: 8px;
    }

    header.header .Logo--Area .brand-title {
        min-width: 120px;
    }

    header.header .Logo--Area .brand-title .site-name-line-en {
        font-size: 23px;
    }

    header.header .Logo--Area .brand-title .site-name-line-ar {
        font-size: 18px;
    }
}

@media only screen and (max-width: 480px) {
    header.header .Logo--Area .logoFrst {
        gap: 7px;
    }

    header.header .Logo--Area .brand-title {
        min-width: 110px;
    }

    header.header .Logo--Area .brand-title .site-name-line-en {
        font-size: 21px;
    }

    header.header .Logo--Area .brand-title .site-name-line-ar {
        font-size: 17px;
    }
}

/* Reference-inspired final header/container polish */
header.header {
    padding: 14px 0;
    background: #00031c;
}

header.header > .Content--Wrapper {
    width: min(calc(100% - 72px), 1320px);
    max-width: 1320px;
    min-height: 82px;
    margin: 0 auto;
    padding: 0 22px;
    display: grid;
    direction: rtl;
    grid-template-columns: 270px minmax(0, 1fr) auto;
    grid-template-areas: "brand nav actions";
    align-items: center;
    gap: 22px;
    border-radius: 10px;
    background: rgba(8, 12, 39, 0.72);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.Content--Wrapper {
    width: min(calc(100% - 72px), 1320px);
    max-width: 1320px;
}

header.header .RigtHeader {
    grid-area: brand;
    justify-self: start;
    transform: translateX(-26px);
    min-width: 0;
}

header.header .Logo--Area {
    margin: 0;
    float: none;
    direction: ltr;
}

header.header .Logo--Area a {
    display: flex;
    align-items: center;
}

header.header .Logo--Area .logoFrst {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    direction: ltr;
}

header.header .Logo--Area .logoFrst img {
    width: 54px;
    height: 54px;
    object-fit: contain;
    flex: 0 0 auto;
    margin: 0 !important;
}

header.header .Logo--Area .brand-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 146px;
    text-align: center;
    line-height: 1.05;
}

header.header .Logo--Area .brand-title .site-name-line {
    width: 100%;
    min-width: 0;
    text-align: center;
    white-space: nowrap;
    line-height: 1.05;
    letter-spacing: 0;
}

header.header .Logo--Area .brand-title .site-name-line b,
header.header .Logo--Area .brand-title .site-name-line em {
    position: static;
    display: inline !important;
    float: none;
    margin: 0;
    line-height: inherit;
}

header.header .Logo--Area .brand-title .site-name-line-en {
    font-size: 30px;
    font-weight: 900;
}

header.header .Logo--Area .brand-title .site-name-line-ar {
    font-size: 24px;
    font-weight: 900;
}

header.header .headerMenu {
    grid-area: nav;
    justify-self: center;
}

header.header .headerMenu .ul-base {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 0;
}

header.header .headerMenu li a {
    height: 44px;
    display: flex;
    align-items: center;
    padding: 0 11px;
}

header.header .leftFooter {
    grid-area: actions;
    justify-self: end;
}

arlionz--slider {
    width: min(calc(100% - 72px), 1320px);
    max-width: 1320px;
    margin-right: auto;
    margin-left: auto;
}

@media only screen and (max-width: 1080px) {
    header.header {
        padding: 10px 0;
    }

    header.header > .Content--Wrapper {
        width: min(calc(100% - 34px), 680px);
        min-height: 72px;
        padding: 0 14px;
        grid-template-columns: 48px minmax(0, 1fr) 48px;
        grid-template-areas: "search brand menu";
        gap: 8px;
    }

    .Content--Wrapper {
        width: min(calc(100% - 34px), 1320px);
    }

    header.header .RigtHeader {
        justify-self: center;
        transform: none;
    }

    header.header .headerMenu,
    header.header .leftFooter {
        display: none;
    }

    header.header .mobile--bars {
        grid-area: menu;
        position: static;
        justify-self: end;
    }

    header.header .mobile--search {
        grid-area: search;
        position: static;
        justify-self: start;
    }

    header.header .mobile--bars,
    header.header .mobile--search {
        width: 44px;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
    }

    header.header .Logo--Area .logoFrst {
        gap: 9px;
    }

    header.header .Logo--Area .logoFrst img {
        width: 44px;
        height: 44px;
    }

    header.header .Logo--Area .brand-title {
        min-width: 122px;
    }

    header.header .Logo--Area .brand-title .site-name-line-en {
        font-size: 22px;
    }

    header.header .Logo--Area .brand-title .site-name-line-ar {
        font-size: 18px;
    }

    arlionz--slider {
        width: min(calc(100% - 34px), 680px);
    }
}

@media only screen and (max-width: 480px) {
    header.header > .Content--Wrapper {
        width: calc(100% - 28px);
        min-height: 70px;
        padding: 0 12px;
        grid-template-columns: 44px minmax(0, 1fr) 44px;
    }

    .Content--Wrapper {
        width: calc(100% - 28px);
    }

    header.header .Logo--Area .logoFrst {
        gap: 8px;
    }

    header.header .Logo--Area .logoFrst img {
        width: 42px;
        height: 42px;
    }

    header.header .Logo--Area .brand-title {
        min-width: 116px;
    }

    header.header .Logo--Area .brand-title .site-name-line-en {
        font-size: 22px;
    }

    header.header .Logo--Area .brand-title .site-name-line-ar {
        font-size: 18px;
    }

    header.header .mobile--bars,
    header.header .mobile--search {
        width: 40px;
        height: 40px;
    }

    arlionz--slider {
        width: calc(100% - 28px);
        border-radius: 10px;
        margin-top: 10px;
    }
}

/* Focused shell/header correction */
:root {
    --nova-shell-width: 1320px;
    --nova-shell-gutter: clamp(20px, 4vw, 58px);
}

header.header {
    padding: 18px 0 0;
    background: #00031c;
}

header.header > .Content--Wrapper.nova-header-shell,
.site-inner > arlionz--slider,
.site-inner > .Content--Wrapper,
.site-inner > section,
.site-inner > .ThemesXCom_section,
.site-inner > .BlocksHolder {
    width: min(calc(100% - (var(--nova-shell-gutter) * 2)), var(--nova-shell-width));
    max-width: var(--nova-shell-width);
    margin-right: auto;
    margin-left: auto;
}

header.header > .Content--Wrapper.nova-header-shell {
    min-height: auto;
    padding: 0;
    display: grid;
    grid-template-columns: minmax(245px, 305px) minmax(340px, 1fr) minmax(210px, auto);
    grid-template-areas:
        "brand search actions"
        "nav nav nav";
    align-items: center;
    gap: 14px 20px;
    direction: rtl;
    border: 0;
    border-radius: 0;
    background: transparent;
}

header.header .RigtHeader {
    grid-area: brand;
    justify-self: start;
    transform: none;
    min-width: 0;
}

header.header .Logo--Area {
    float: none;
    margin: 0;
}

header.header .Logo--Area a {
    display: block;
}

header.header .Logo--Area .logoFrst,
.logoFrst_main_menu {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    direction: ltr;
}

header.header .Logo--Area .logoFrst img,
.logoFrst_main_menu img {
    width: 58px;
    height: 58px;
    flex: 0 0 auto;
    object-fit: contain;
    margin: 0 !important;
}

header.header .Logo--Area .brand-title,
.logoFrst_main_menu .brand-title {
    min-width: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.05;
}

header.header .Logo--Area .brand-title .site-name-line,
.logoFrst_main_menu .brand-title .site-name-line {
    width: 100%;
    display: block;
    text-align: center;
    white-space: nowrap;
    letter-spacing: 0;
    line-height: 1.05;
}

header.header .Logo--Area .brand-title .site-name-line b,
header.header .Logo--Area .brand-title .site-name-line em {
    position: static;
    display: inline !important;
    float: none;
    margin: 0;
    line-height: inherit;
}

header.header .Logo--Area .brand-title .site-name-line-en {
    font-size: 30px;
    font-weight: 900;
}

header.header .Logo--Area .brand-title .site-name-line-ar {
    margin-top: 2px;
    font-size: 24px;
    font-weight: 900;
}

header.header .nova-header-search {
    grid-area: search;
    width: 100%;
}

header.header .nova-header-search form {
    height: 50px;
    display: grid;
    grid-template-columns: 108px minmax(0, 1fr) 52px;
    align-items: center;
    overflow: hidden;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

header.header .nova-header-search select,
header.header .nova-header-search input,
header.header .nova-header-search button {
    height: 100%;
    border: 0;
    outline: 0;
    color: #fff;
    background: transparent;
}

header.header .nova-header-search select {
    padding: 0 13px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    font-weight: 800;
    cursor: pointer;
}

header.header .nova-header-search option {
    color: #111;
}

header.header .nova-header-search input {
    min-width: 0;
    padding: 0 16px;
    font-size: 15px;
}

header.header .nova-header-search input::placeholder {
    color: rgba(255, 255, 255, 0.62);
}

header.header .nova-header-search button {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--blue-color);
    cursor: pointer;
}

header.header .leftFooter {
    grid-area: actions;
    justify-self: end;
    width: auto;
    margin: 0;
}

header.header .leftFooter > ul {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 0;
}

header.header .nova-header-latest {
    list-style: none;
}

header.header .nova-header-latest a,
header.header .Header--user > span {
    min-width: 96px;
    height: 42px;
    padding: 0 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
}

header.header .Header--user > span {
    font-size: 0;
}

header.header .Header--user > span::before {
    content: "حسابي";
    font-size: 14px;
}

header.header .headerMenu {
    grid-area: nav;
    width: 100%;
    min-height: 54px;
    padding: 5px 8px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    border-radius: 16px;
    background: rgba(8, 12, 39, 0.86);
    border: 1px solid rgba(255, 255, 255, 0.1);
    overflow: visible;
}

header.header .nova-home-link {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: #fff;
    background: var(--blue-color);
}

header.header .headerMenu .ul-base {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    margin: 0;
    padding: 0;
}

header.header .headerMenu li a {
    height: 42px;
    display: flex;
    align-items: center;
    padding: 0 12px;
    border-radius: 10px;
    white-space: nowrap;
}

header.header .Header--Search {
    display: none;
}

.site-inner {
    padding-top: 18px;
}

.site-inner > arlionz--slider {
    display: block;
    overflow: hidden;
    border-radius: 18px;
}

.site-inner > arlionz--slider,
arlionz--slider {
    height: min(60vh, 620px);
    min-height: 440px;
}

.site-inner > arlionz--slider img,
arlionz--slider slider--image img {
    border-radius: 18px;
}

.BlocksHolder,
.Terms--Grid,
.Posts--Grid,
.Block--Grid {
    gap: clamp(14px, 1.7vw, 24px);
}

.mobile-menu-close {
    width: 42px;
    height: 42px;
    position: absolute;
    top: 18px;
    left: 18px;
    z-index: 3;
    display: none;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 12px;
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    cursor: pointer;
}

body.MenuOn .mobile-menu-close {
    display: flex;
}

@media only screen and (max-width: 1180px) {
    header.header > .Content--Wrapper.nova-header-shell {
        width: min(calc(100% - 34px), 720px);
        grid-template-columns: 48px minmax(0, 1fr) 48px;
        grid-template-areas: "menu brand search";
        align-items: center;
        min-height: 76px;
        padding: 0 12px;
        border-radius: 16px;
        background: rgba(8, 12, 39, 0.84);
        border: 1px solid rgba(255, 255, 255, 0.08);
    }

    header.header .mobile--bars {
        grid-area: menu;
        position: static;
        justify-self: start;
        display: flex;
    }

    header.header .mobile--search {
        grid-area: search;
        position: static;
        justify-self: end;
        display: flex;
    }

    header.header .mobile--bars,
    header.header .mobile--search {
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        line-height: 1;
        transform: none;
    }

    header.header .RigtHeader {
        justify-self: center;
    }

    header.header .nova-header-search,
    header.header .leftFooter,
    header.header .headerMenu,
    header.header .Header--Search {
        display: none;
    }

    header.header .Logo--Area .logoFrst {
        gap: 9px;
    }

    header.header .Logo--Area .logoFrst img {
        width: 46px;
        height: 46px;
    }

    header.header .Logo--Area .brand-title {
        min-width: 120px;
    }

    header.header .Logo--Area .brand-title .site-name-line-en {
        font-size: 22px;
    }

    header.header .Logo--Area .brand-title .site-name-line-ar {
        font-size: 18px;
    }

    .site-inner > arlionz--slider,
    .site-inner > .Content--Wrapper,
    .site-inner > section,
    .site-inner > .ThemesXCom_section,
    .site-inner > .BlocksHolder {
        width: min(calc(100% - 34px), 720px);
    }

    .site-inner > arlionz--slider,
    arlionz--slider {
        height: 430px;
        min-height: 430px;
    }

    .mobile--menu ul#main-menu {
        padding-top: 82px;
    }

    .logoFrst_main_menu {
        margin: 0 auto 18px;
        display: inline-flex;
    }

    .logoFrst_main_menu .site-name-line-en {
        font-size: 22px;
        font-weight: 900;
    }

    .logoFrst_main_menu .site-name-line-ar {
        margin-top: 2px;
        font-size: 18px;
        font-weight: 900;
    }
}

/* Final RTL visual correction batch */
header.header .Logo--Area .logoFrst {
    flex-direction: row-reverse !important;
    direction: ltr !important;
    gap: 4px !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

header.header .Logo--Area .brand-title,
.mobile--menu .logoFrst_main_menu .brand-title {
    align-items: flex-start !important;
    justify-content: center !important;
    text-align: left !important;
    direction: ltr !important;
    gap: 1px !important;
}

header.header .Logo--Area .brand-title .site-name-line-en {
    font-size: 28px !important;
}

header.header .Logo--Area .brand-title .site-name-line-ar {
    font-size: 25px !important;
}

header.header .Logo--Area .brand-title .site-name-line b,
header.header .Logo--Area .brand-title .site-name-line em {
    font-size: inherit !important;
    font-weight: inherit !important;
    font-style: normal !important;
    line-height: inherit !important;
}

header.header .Header--user {
    order: 1 !important;
}

header.header .nova-header-latest {
    order: 0 !important;
}

header.header .nova-home-link {
    position: relative !important;
    z-index: 20 !important;
    min-width: 46px !important;
    min-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

header.header .nova-home-link i {
    pointer-events: none !important;
}

header.header .nova-header-search input,
header.header .nova-header-search select,
header.header .nova-header-search button {
    min-height: 42px !important;
    visibility: visible !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

header.header .nova-header-search input {
    cursor: text !important;
}

header.header .nova-header-search select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
    background-position: 10px center !important;
    background-size: 14px 14px !important;
    background-repeat: no-repeat !important;
}

slidebox--actions > .btns li a.shine,
slidebox--actions > .btns a.Show__Movie,
.BTNSDownWatch a.watch,
a.watch,
a.download,
.download--btn,
.favorite--btn,
.watchlist-add,
.show-all-seasons a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

slidebox--actions > .btns li a.shine i,
slidebox--actions > .btns a.Show__Movie i,
.BTNSDownWatch a.watch i,
.BTNSDownWatch a.watch svg,
a.watch i,
a.watch svg,
a.download i,
a.download svg,
.download--btn i,
.favorite--btn i,
.watchlist-add i,
.show-all-seasons a i {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 18px !important;
    font-size: 18px !important;
    line-height: 1 !important;
    transform: none !important;
}

.quality,
.ribbon,
.badge,
.MovieItem .quality,
.Small--Box .quality,
.Small--Box .ribbon,
.category_themesxcom li,
slider--box--ul li {
    min-width: max-content !important;
    width: auto !important;
    padding-inline: 10px !important;
    text-align: center !important;
    white-space: nowrap !important;
}

@media only screen and (max-width: 1180px) {
    header.header .Logo--Area .logoFrst,
    .mobile--menu .logoFrst_main_menu {
        flex-direction: row-reverse !important;
        direction: ltr !important;
        gap: 4px !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }

    header.header .Logo--Area .brand-title .site-name-line-en,
    .mobile--menu .logoFrst_main_menu .site-name-line-en {
        font-size: 23px !important;
    }

    header.header .Logo--Area .brand-title .site-name-line-ar,
    .mobile--menu .logoFrst_main_menu .site-name-line-ar {
        font-size: 21px !important;
    }

    .mobile--menu ul#main-menu > li.menu-item-has-children > a,
    .mobile--menu ul#main-menu > li.page_item_has_children > a,
    .mobile--menu ul#main-menu > li:first-of-type > a[href*="/last"],
    .mobile--menu ul#main-menu > li > a[href="/"],
    .mobile--menu ul#main-menu > li > a[href$="/"] {
        width: calc(100% - 24px) !important;
        min-height: 42px !important;
        margin: 8px 12px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 12px !important;
        color: #fff !important;
        background: linear-gradient(248.28deg, #9e61ff 9.539999999999999%, rgba(142, 97, 255, 0) 32.8%), radial-gradient(81.70999999999999% 279.87% at -16.57% -92%, #619bff 28.69%, rgba(205, 219, 248, 0) 69.54000000000001%), #6c52ee !important;
        box-shadow: 0 10px 24px rgba(139, 92, 246, 0.25) !important;
        font-weight: 900 !important;
    }

    .mobile--menu ul#main-menu > li > ul.sub-menu a,
    .mobile--menu ul#main-menu > li > ul.children a {
        width: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        display: block !important;
        color: inherit !important;
        background: transparent !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        font-weight: inherit !important;
    }
}

/* Final EOF mobile/UI cleanup batch */
:root {
    --nova-discover-gradient: linear-gradient(248.28deg, #9e61ff 9.539999999999999%, rgba(142, 97, 255, 0) 32.8%), radial-gradient(81.70999999999999% 279.87% at -16.57% -92%, #619bff 28.69%, rgba(205, 219, 248, 0) 69.54000000000001%), #6c52ee;
}

header.header .nova-header-latest a,
header.header .Header--user > span,
.mobile--menu ul#main-menu > li:first-of-type > a[href*="/last"] {
    background: var(--nova-discover-gradient) !important;
    border: 0 !important;
    color: #fff !important;
    box-shadow: 0 0 10px #00000061 !important;
    transition: .3s all ease !important;
}

header.header .nova-header-latest a:hover,
header.header .Header--user:hover > span,
.mobile--menu ul#main-menu > li:first-of-type > a[href*="/last"]:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 15px 40px -8px rgba(158, 97, 255, .5) !important;
}

@media only screen and (max-width: 1180px) {
    header.header .Logo--Area .logoFrst,
    .mobile--menu .logoFrst_main_menu {
        flex-direction: row-reverse !important;
        direction: ltr !important;
        gap: 4px !important;
        align-items: center !important;
        justify-content: center !important;
    }

    header.header .Logo--Area .logoFrst img,
    .mobile--menu .logoFrst_main_menu img {
        width: 42px !important;
        height: 42px !important;
        flex: 0 0 42px !important;
        margin: 0 !important;
        object-fit: contain !important;
    }

    header.header .Logo--Area .brand-title,
    .mobile--menu .logoFrst_main_menu .brand-title {
        align-items: flex-start !important;
        text-align: left !important;
        direction: ltr !important;
        gap: 1px !important;
    }

    header.header .Logo--Area .brand-title .site-name-line-en,
    .mobile--menu .logoFrst_main_menu .site-name-line-en {
        font-size: 23px !important;
        line-height: 1.04 !important;
    }

    header.header .Logo--Area .brand-title .site-name-line-ar,
    .mobile--menu .logoFrst_main_menu .site-name-line-ar {
        font-size: 21px !important;
        line-height: 1.04 !important;
    }

    .mobile--menu .logoFrst_main_menu {
        width: calc(100% - 24px) !important;
        min-height: 58px !important;
        margin: 6px 12px 18px !important;
        padding: 0 !important;
    }

    body.postSingle,
    body.single,
    body.page,
    body.archive,
    body.tax-series {
        padding-top: 0 !important;
    }

    section.singleCover,
    .singleCover,
    .SecondPart,
    .SingleContent,
    main,
    .PageContent {
        margin-top: 96px !important;
    }

    .BTNSDownWatch a.watch,
    .BTNSDownWatch a.download,
    a.goWatch,
    .ThemeSXCom_BTNSDownWatch a,
    .ThemeSXCom_allbtn a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        min-height: 48px !important;
    }

    .BTNSDownWatch a.watch i,
    .BTNSDownWatch a.download i,
    .BTNSDownWatch a.watch svg,
    .BTNSDownWatch a.download svg,
    a.goWatch i,
    a.goWatch svg,
    .ThemeSXCom_BTNSDownWatch a i,
    .ThemeSXCom_allbtn a i,
    .singleFav i,
    .singleFav svg,
    .watchlist-add i,
    .watchlist-add svg {
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        min-height: 20px !important;
        flex: 0 0 20px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 20px !important;
        line-height: 1 !important;
        margin: 0 !important;
        transform: none !important;
    }

    .quality,
    .MovieItem .quality,
    .Small--Box .quality,
    .BlockItem .quality,
    ul.RightTaxContent li.quality,
    slider--box--ul li.quality {
        min-width: 92px !important;
        width: auto !important;
        padding: 0 12px !important;
        text-align: center !important;
        white-space: nowrap !important;
        letter-spacing: 0 !important;
    }
}

/* Final cleanup: resolve duplicate late overrides */
header.header .headerMenu li.menu-item-has-children > a::after,
header.header .headerMenu li.menu-item-has-children > a:after,
header div.headerMenu > ul > li.menu-item-has-children > a:after {
    content: "\f107" !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 7px !important;
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", Arial, sans-serif !important;
    font-weight: 900 !important;
    font-size: 11px !important;
    line-height: 1 !important;
    transform: none !important;
}

header.header .nova-header-search {
    max-width: 520px !important;
}

header.header .nova-header-search form {
    height: 44px !important;
    grid-template-columns: minmax(0, 1fr) 82px 46px !important;
}

header.header .nova-header-search select {
    width: 82px !important;
    height: 44px !important;
    padding: 0 12px 0 24px !important;
    color: #fff !important;
    background-color: rgba(47, 35, 92, 0.95) !important;
    background-image: linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%) !important;
    background-position: 15px 19px, 9px 19px !important;
    background-size: 6px 6px, 6px 6px !important;
    background-repeat: no-repeat !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    cursor: pointer !important;
}

header.header .nova-header-search input,
header.header .nova-header-search select,
header.header .nova-header-search button {
    display: block !important;
    width: 100% !important;
    min-height: 42px !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

header.header .nova-header-search button {
    width: 46px !important;
    height: 44px !important;
}

header.header .Logo--Area .logoFrst {
    gap: 8px !important;
}

header.header .Logo--Area .brand-title .site-name-line-en {
    font-size: 27px !important;
}

header.header .Logo--Area .brand-title .site-name-line-ar {
    font-size: 25px !important;
    margin-top: 0 !important;
}

header.header .leftFooter {
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

header.header .leftFooter > ul {
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    direction: ltr !important;
}

header.header .nova-header-latest,
header.header .Header--user {
    flex: 0 0 auto !important;
    float: none !important;
    position: relative !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

header.header .nova-header-latest a,
header.header .Header--user > span {
    height: 38px !important;
    min-height: 0 !important;
    border-radius: 10px !important;
}

header.header .nova-header-latest a {
    min-width: 108px !important;
}

header.header .Header--user > span {
    min-width: 72px !important;
}

@media only screen and (max-width: 1180px) {
    body.MenuOn .mobile--menu,
    .MenuOn .mobile--menu {
        opacity: 1 !important;
        visibility: visible !important;
    }

    body.MenuOn .mobile--menu ul#main-menu,
    .MenuOn .mobile--menu ul#main-menu {
        right: 0 !important;
        left: auto !important;
        transform: translateX(0) !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    body.MenuOn .mobile-menu-close,
    .MenuOn .mobile-menu-close {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .mobile--menu .logoFrst_main_menu {
        color: #fff !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* END-OF-FILE visual polish override */
header.header .Logo--Area .logoFrst {
    gap: 6px !important;
    align-items: center !important;
}

header.header .Logo--Area .logoFrst img {
    width: 52px !important;
    height: 52px !important;
    flex: 0 0 52px !important;
}

header.header .Logo--Area .brand-title {
    min-width: 132px !important;
    align-items: flex-start !important;
    text-align: right !important;
}

header.header .Logo--Area .brand-title .site-name-line {
    text-align: right !important;
}

header.header .Logo--Area .brand-title .site-name-line-en {
    font-size: 26px !important;
    line-height: 1.04 !important;
}

header.header .Logo--Area .brand-title .site-name-line-ar {
    font-size: 24px !important;
    line-height: 1.04 !important;
    margin-top: 1px !important;
}

header.header .leftFooter > ul {
    gap: 10px !important;
    direction: rtl !important;
}

header.header .nova-header-latest a,
header.header .Header--user > span {
    height: 38px !important;
    padding: 0 13px !important;
}

header.header .Header--user > span {
    min-width: 74px !important;
}

header.header .nova-header-latest a {
    min-width: 114px !important;
}

header.header .nova-header-search {
    max-width: 500px !important;
}

header.header .nova-header-search form {
    height: 42px !important;
    grid-template-columns: minmax(0, 1fr) 78px 44px !important;
}

header.header .nova-header-search input,
header.header .nova-header-search select,
header.header .nova-header-search button {
    height: 42px !important;
}

header.header .nova-header-search select {
    width: 78px !important;
    padding: 0 10px 0 22px !important;
    background-image: linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%) !important;
    background-position: 14px 18px, 8px 18px !important;
    background-size: 6px 6px, 6px 6px !important;
    background-repeat: no-repeat !important;
}

header.header .nova-header-search button {
    width: 44px !important;
}

header.header .nova-home-link {
    width: auto !important;
    min-width: 46px !important;
    height: 42px !important;
    flex: 0 0 auto !important;
    padding: 0 12px !important;
    border-radius: 10px !important;
}

header.header .headerMenu li.menu-item-has-children > a::after,
header.header .headerMenu li.menu-item-has-children > a:after,
header div.headerMenu > ul > li.menu-item-has-children > a:after {
    content: "\f107" !important;
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", Arial, sans-serif !important;
    display: inline-flex !important;
}

@media only screen and (max-width: 1180px) {
    header.header .Logo--Area .logoFrst {
        gap: 7px !important;
    }

    header.header .Logo--Area .logoFrst img {
        width: 42px !important;
        height: 42px !important;
        flex: 0 0 42px !important;
    }

    header.header .Logo--Area .brand-title {
        min-width: 106px !important;
        align-items: flex-start !important;
        text-align: right !important;
    }

    header.header .Logo--Area .brand-title .site-name-line {
        text-align: right !important;
    }

    header.header .Logo--Area .brand-title .site-name-line-en {
        font-size: 21px !important;
    }

    header.header .Logo--Area .brand-title .site-name-line-ar {
        font-size: 18px !important;
    }

    .MenuOn .mobile--menu,
    body.MenuOn .mobile--menu {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    .mobile--menu ul#main-menu {
        width: min(84vw, 320px) !important;
        max-width: calc(100vw - 24px) !important;
        right: 0 !important;
        left: auto !important;
        transform: translateX(110%) !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }

    .MenuOn .mobile--menu ul#main-menu,
    body.MenuOn .mobile--menu ul#main-menu {
        right: 0 !important;
        left: auto !important;
        transform: translateX(0) !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .MenuOn .mobile-menu-close,
    body.MenuOn .mobile-menu-close {
        display: flex !important;
        left: 18px !important;
        right: auto !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .mobile--menu .logoFrst_main_menu {
        justify-content: flex-start !important;
        gap: 9px !important;
        padding: 0 12px !important;
    }

    .mobile--menu .logoFrst_main_menu .site-name-line-en {
        font-size: 22px !important;
    }

    .mobile--menu .logoFrst_main_menu .site-name-line-ar {
        font-size: 20px !important;
    }

    .mobile--menu .logoFrst_main_menu .brand-title {
        align-items: flex-start !important;
        text-align: right !important;
    }

    .mobile--menu .logoFrst_main_menu .site-name-line {
        text-align: right !important;
    }

    .mobile--menu .logoFrst_main_menu .site-name-line-en {
        font-size: 21px !important;
    }

    .mobile--menu .logoFrst_main_menu .site-name-line-ar {
        font-size: 18px !important;
    }
}

.headerSearch.open input[name="s"],
.headerSearch.open button,
.headerSearch.open form,
.headerSearch.open .allSearch {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* EOF visual polish override */
header.header .Logo--Area .logoFrst {
    gap: 6px !important;
    align-items: center !important;
}

header.header .Logo--Area .logoFrst img {
    width: 52px !important;
    height: 52px !important;
    flex: 0 0 52px !important;
}

header.header .Logo--Area .brand-title {
    min-width: 132px !important;
    align-items: flex-start !important;
    text-align: right !important;
}

header.header .Logo--Area .brand-title .site-name-line {
    text-align: right !important;
}

header.header .Logo--Area .brand-title .site-name-line-en {
    font-size: 26px !important;
    line-height: 1.04 !important;
}

header.header .Logo--Area .brand-title .site-name-line-ar {
    font-size: 24px !important;
    line-height: 1.04 !important;
    margin-top: 1px !important;
}

header.header .leftFooter > ul {
    gap: 10px !important;
    direction: rtl !important;
}

header.header .nova-header-latest a,
header.header .Header--user > span {
    height: 38px !important;
    padding: 0 13px !important;
}

header.header .Header--user > span {
    min-width: 74px !important;
}

header.header .nova-header-latest a {
    min-width: 114px !important;
}

header.header .nova-header-search {
    max-width: 500px !important;
}

header.header .nova-header-search form {
    height: 42px !important;
    grid-template-columns: minmax(0, 1fr) 78px 44px !important;
}

header.header .nova-header-search input,
header.header .nova-header-search select,
header.header .nova-header-search button {
    height: 42px !important;
}

header.header .nova-header-search select {
    width: 78px !important;
    padding: 0 10px 0 22px !important;
    background-image: linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%) !important;
    background-position: 14px 18px, 8px 18px !important;
    background-size: 6px 6px, 6px 6px !important;
    background-repeat: no-repeat !important;
}

header.header .nova-header-search button {
    width: 44px !important;
}

header.header .nova-home-link {
    width: auto !important;
    min-width: 46px !important;
    height: 42px !important;
    flex: 0 0 auto !important;
    padding: 0 12px !important;
    border-radius: 10px !important;
}

header.header .headerMenu li.menu-item-has-children > a::after,
header.header .headerMenu li.menu-item-has-children > a:after,
header div.headerMenu > ul > li.menu-item-has-children > a:after {
    content: "\f107" !important;
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", Arial, sans-serif !important;
    display: inline-flex !important;
}

@media only screen and (max-width: 1180px) {
    header.header .Logo--Area .logoFrst {
        gap: 7px !important;
    }

    header.header .Logo--Area .logoFrst img {
        width: 42px !important;
        height: 42px !important;
        flex: 0 0 42px !important;
    }

    header.header .Logo--Area .brand-title {
        min-width: 106px !important;
        align-items: flex-start !important;
        text-align: right !important;
    }

    header.header .Logo--Area .brand-title .site-name-line {
        text-align: right !important;
    }

    header.header .Logo--Area .brand-title .site-name-line-en {
        font-size: 21px !important;
    }

    header.header .Logo--Area .brand-title .site-name-line-ar {
        font-size: 18px !important;
    }

    .MenuOn .mobile--menu,
    body.MenuOn .mobile--menu {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    .mobile--menu ul#main-menu {
        width: min(84vw, 320px) !important;
        max-width: calc(100vw - 24px) !important;
        right: 0 !important;
        left: auto !important;
        transform: translateX(110%) !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }

    .MenuOn .mobile--menu ul#main-menu,
    body.MenuOn .mobile--menu ul#main-menu {
        right: 0 !important;
        left: auto !important;
        transform: translateX(0) !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .MenuOn .mobile-menu-close,
    body.MenuOn .mobile-menu-close {
        display: flex !important;
        left: 18px !important;
        right: auto !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .mobile--menu .logoFrst_main_menu {
        justify-content: flex-start !important;
        gap: 9px !important;
        padding: 0 12px !important;
    }

    .mobile--menu .logoFrst_main_menu .brand-title {
        align-items: flex-start !important;
        text-align: right !important;
    }

    .mobile--menu .logoFrst_main_menu .site-name-line {
        text-align: right !important;
    }

    .mobile--menu .logoFrst_main_menu .site-name-line-en {
        font-size: 21px !important;
    }

    .mobile--menu .logoFrst_main_menu .site-name-line-ar {
        font-size: 18px !important;
    }
}

/* Absolute final visual polish */
header.header .Logo--Area .logoFrst {
    gap: 6px !important;
    align-items: center !important;
}

header.header .Logo--Area .logoFrst img {
    width: 52px !important;
    height: 52px !important;
    flex: 0 0 52px !important;
}

header.header .Logo--Area .brand-title {
    min-width: 132px !important;
    align-items: flex-start !important;
    text-align: right !important;
}

header.header .Logo--Area .brand-title .site-name-line {
    text-align: right !important;
}

header.header .Logo--Area .brand-title .site-name-line-en {
    font-size: 26px !important;
    line-height: 1.04 !important;
}

header.header .Logo--Area .brand-title .site-name-line-ar {
    font-size: 24px !important;
    line-height: 1.04 !important;
    margin-top: 1px !important;
}

header.header .leftFooter {
    justify-self: end !important;
}

header.header .leftFooter > ul {
    gap: 10px !important;
    direction: rtl !important;
}

header.header .nova-header-latest a,
header.header .Header--user > span {
    height: 38px !important;
    padding: 0 13px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

header.header .Header--user > span {
    min-width: 74px !important;
}

header.header .nova-header-latest a {
    min-width: 114px !important;
}

header.header .nova-header-search {
    max-width: 500px !important;
}

header.header .nova-header-search form {
    height: 42px !important;
    grid-template-columns: minmax(0, 1fr) 78px 44px !important;
}

header.header .nova-header-search input,
header.header .nova-header-search select,
header.header .nova-header-search button {
    height: 42px !important;
}

header.header .nova-header-search select {
    width: 78px !important;
    padding: 0 10px 0 22px !important;
    background-image: linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%) !important;
    background-position: 14px 18px, 8px 18px !important;
    background-size: 6px 6px, 6px 6px !important;
    background-repeat: no-repeat !important;
}

header.header .nova-header-search button {
    width: 44px !important;
}

header.header .headerMenu {
    gap: 8px !important;
}

header.header .nova-home-link {
    width: auto !important;
    min-width: 46px !important;
    height: 42px !important;
    flex: 0 0 auto !important;
    padding: 0 12px !important;
    border-radius: 10px !important;
}

header.header .headerMenu li.menu-item-has-children > a::after,
header.header .headerMenu li.menu-item-has-children > a:after,
header div.headerMenu > ul > li.menu-item-has-children > a:after {
    content: "\f107" !important;
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", Arial, sans-serif !important;
    display: inline-flex !important;
}

@media only screen and (max-width: 1180px) {
    header.header .Logo--Area .logoFrst {
        gap: 7px !important;
    }

    header.header .Logo--Area .logoFrst img {
        width: 42px !important;
        height: 42px !important;
        flex: 0 0 42px !important;
    }

    header.header .Logo--Area .brand-title {
        min-width: 106px !important;
        align-items: flex-start !important;
        text-align: right !important;
    }

    header.header .Logo--Area .brand-title .site-name-line {
        text-align: right !important;
    }

    header.header .Logo--Area .brand-title .site-name-line-en {
        font-size: 21px !important;
    }

    header.header .Logo--Area .brand-title .site-name-line-ar {
        font-size: 18px !important;
    }

    .MenuOn .mobile--menu,
    body.MenuOn .mobile--menu {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    .mobile--menu ul#main-menu {
        width: min(84vw, 320px) !important;
        max-width: calc(100vw - 24px) !important;
        right: 0 !important;
        left: auto !important;
        transform: translateX(110%) !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }

    .MenuOn .mobile--menu ul#main-menu,
    body.MenuOn .mobile--menu ul#main-menu {
        right: 0 !important;
        left: auto !important;
        transform: translateX(0) !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .MenuOn .mobile-menu-close,
    body.MenuOn .mobile-menu-close {
        display: flex !important;
        left: 18px !important;
        right: auto !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .mobile--menu .logoFrst_main_menu {
        justify-content: flex-start !important;
        gap: 9px !important;
        padding: 0 12px !important;
    }

    .mobile--menu .logoFrst_main_menu .brand-title {
        align-items: flex-start !important;
        text-align: right !important;
    }

    .mobile--menu .logoFrst_main_menu .site-name-line {
        text-align: right !important;
    }

    .mobile--menu .logoFrst_main_menu .site-name-line-en {
        font-size: 21px !important;
    }

    .mobile--menu .logoFrst_main_menu .site-name-line-ar {
        font-size: 18px !important;
    }
}

/* Final polish: brand balance, compact actions, search selector, nav arrows */
header.header .Logo--Area .logoFrst {
    gap: 8px !important;
}

header.header .Logo--Area .logoFrst img {
    width: 54px !important;
    height: 54px !important;
    flex-basis: 54px !important;
}

header.header .Logo--Area .brand-title {
    min-width: 140px !important;
}

header.header .Logo--Area .brand-title .site-name-line-en {
    font-size: 27px !important;
}

header.header .Logo--Area .brand-title .site-name-line-ar {
    font-size: 25px !important;
    margin-top: 0 !important;
}

header.header .leftFooter,
header.header .Header--user {
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

header.header .leftFooter > ul {
    height: auto !important;
    min-height: 0 !important;
}

header.header .nova-header-latest a,
header.header .Header--user > span {
    height: 38px !important;
    min-height: 0 !important;
    border-radius: 10px !important;
}

header.header .nova-header-latest a {
    min-width: 108px !important;
}

header.header .Header--user > span {
    min-width: 72px !important;
}

header.header .nova-header-search {
    max-width: 520px !important;
}

header.header .nova-header-search form {
    height: 44px !important;
    grid-template-columns: minmax(0, 1fr) 82px 46px !important;
}

header.header .nova-header-search input {
    height: 44px !important;
    cursor: text !important;
}

header.header .nova-header-search select {
    height: 44px !important;
    min-width: 0 !important;
    padding: 0 12px 0 24px !important;
    color: #fff !important;
    background-color: rgba(47, 35, 92, 0.95) !important;
    background-image: linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%) !important;
    background-position: 15px 19px, 9px 19px !important;
    background-size: 6px 6px, 6px 6px !important;
    background-repeat: no-repeat !important;
    cursor: pointer !important;
}

header.header .nova-header-search button {
    width: 46px !important;
    height: 44px !important;
    cursor: pointer !important;
}

header.header .headerMenu li.menu-item-has-children > a::after,
header.header .headerMenu li.menu-item-has-children > a:after,
header div.headerMenu > ul > li.menu-item-has-children > a:after {
    content: "\f107" !important;
    color: #fff !important;
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", Arial, sans-serif !important;
    font-weight: 900 !important;
    font-size: 11px !important;
    line-height: 1 !important;
    margin-right: 7px !important;
    transform: none !important;
}

@media only screen and (max-width: 1180px) {
    header.header .Logo--Area .logoFrst {
        gap: 8px !important;
    }

    header.header .Logo--Area .logoFrst img {
        width: 42px !important;
        height: 42px !important;
        flex-basis: 42px !important;
    }

    header.header .Logo--Area .brand-title .site-name-line-en {
        font-size: 21px !important;
    }

    header.header .Logo--Area .brand-title .site-name-line-ar {
        font-size: 19px !important;
    }

    .logoFrst_main_menu .site-name-line-en {
        font-size: 21px !important;
    }

    .logoFrst_main_menu .site-name-line-ar {
        font-size: 19px !important;
    }
}

@media only screen and (max-width: 520px) {
    header.header {
        padding-top: 12px;
    }

    header.header > .Content--Wrapper.nova-header-shell {
        width: calc(100% - 26px);
        grid-template-columns: 42px minmax(0, 1fr) 42px;
        min-height: 72px;
        padding: 0 10px;
    }

    header.header .mobile--bars,
    header.header .mobile--search {
        width: 40px;
        height: 40px;
    }

    header.header .Logo--Area .logoFrst img {
        width: 42px;
        height: 42px;
    }

    header.header .Logo--Area .brand-title {
        min-width: 112px;
    }

    header.header .Logo--Area .brand-title .site-name-line-en {
        font-size: 22px;
    }

    header.header .Logo--Area .brand-title .site-name-line-ar {
        font-size: 18px;
    }

    .site-inner > arlionz--slider,
    .site-inner > .Content--Wrapper,
    .site-inner > section,
    .site-inner > .ThemesXCom_section,
    .site-inner > .BlocksHolder {
        width: calc(100% - 26px);
    }

    .site-inner > arlionz--slider,
    arlionz--slider {
        height: 430px;
        min-height: 430px;
        border-radius: 14px;
    }
}

/* Focused verification correction: brand, search order, actions, icons */
header.header > .Content--Wrapper.nova-header-shell {
    grid-template-columns: minmax(270px, 320px) minmax(300px, 560px) minmax(220px, auto) !important;
}

header.header .Logo--Area .logoFrst {
    flex-direction: row !important;
    gap: 12px !important;
}

header.header .Logo--Area .brand-title {
    min-width: 145px !important;
    align-self: center !important;
}

header.header .Logo--Area .brand-title .site-name-line-en {
    font-size: 28px !important;
}

header.header .Logo--Area .brand-title .site-name-line-ar {
    font-size: 23px !important;
}

header.header .nova-header-search {
    max-width: 560px !important;
    justify-self: center !important;
}

header.header .nova-header-search form {
    height: 46px !important;
    grid-template-columns: minmax(0, 1fr) 104px 48px !important;
    background: rgba(20, 13, 50, 0.92) !important;
    border-color: rgba(139, 92, 246, 0.28) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2) !important;
}

header.header .nova-header-search input {
    grid-column: 1 !important;
    grid-row: 1 !important;
    padding: 0 16px !important;
}

header.header .nova-header-search select {
    grid-column: 2 !important;
    grid-row: 1 !important;
    padding: 0 12px !important;
    color: #fff !important;
    background-color: rgba(47, 35, 92, 0.95) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.09) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.09) !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    text-align: center !important;
}

header.header .nova-header-search button {
    grid-column: 3 !important;
    grid-row: 1 !important;
}

header.header .leftFooter > ul {
    gap: 8px !important;
}

header.header .nova-header-latest a,
header.header .Header--user > span {
    min-width: auto !important;
    height: 40px !important;
    padding: 0 14px !important;
    border-radius: 11px !important;
    font-size: 13px !important;
}

header.header .nova-header-latest a {
    min-width: 112px !important;
}

header.header .Header--user > span {
    min-width: 78px !important;
}

header.header .Header--user > span::before {
    font-size: 13px !important;
}

header.header .headerMenu li.menu-item-has-children > a::after,
header.header .headerMenu li.menu-item-has-children > a:after,
header div.headerMenu > ul > li.menu-item-has-children > a:after {
    content: "\\f107" !important;
    display: inline-block !important;
    margin-right: 7px !important;
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", Arial, sans-serif !important;
    font-weight: 900 !important;
    font-size: 11px !important;
    line-height: 1 !important;
    transform: none !important;
}

slidebox--actions .fa,
slidebox--actions .fas,
header.header .fa,
header.header .fas,
header.header .far,
header.header .fal {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    transform: none !important;
}

.mobile--menu ul#main-menu {
    padding-top: 84px !important;
}

.mobile-menu-close {
    display: none;
}

body.MenuOn .mobile-menu-close {
    display: flex !important;
}

.logoFrst_main_menu {
    width: 100% !important;
    min-height: 66px !important;
    margin: 0 0 18px !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 11px !important;
}

.logoFrst_main_menu img {
    width: 48px !important;
    height: 48px !important;
    flex: 0 0 48px !important;
    object-fit: contain !important;
}

.logoFrst_main_menu .brand-title {
    min-width: 122px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

.logoFrst_main_menu .site-name-line-en {
    font-size: 22px !important;
    font-weight: 900 !important;
}

.logoFrst_main_menu .site-name-line-ar {
    margin-top: 2px !important;
    font-size: 18px !important;
    font-weight: 900 !important;
}

@media only screen and (max-width: 1180px) {
    header.header .Logo--Area .logoFrst {
        flex-direction: row !important;
    }

    header.header .Logo--Area .brand-title .site-name-line-en {
        font-size: 22px !important;
    }

    header.header .Logo--Area .brand-title .site-name-line-ar {
        font-size: 19px !important;
    }
}

@media only screen and (max-width: 520px) {
    header.header .Logo--Area .brand-title {
        min-width: 116px !important;
    }

    header.header .Logo--Area .brand-title .site-name-line-en {
        font-size: 21px !important;
    }

    header.header .Logo--Area .brand-title .site-name-line-ar {
        font-size: 18px !important;
    }
}

/* Live DOM shell/header fix after repaired media structure */
:root {
    --nova-shell-width: 1320px;
    --nova-shell-gutter: clamp(24px, 4vw, 60px);
}

.fa,
.fas,
.far,
.fal {
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", Arial, sans-serif !important;
    font-weight: 900 !important;
}

header.header {
    width: 100% !important;
    display: block !important;
    padding: 18px 0 0 !important;
    background: #00031c !important;
    overflow: visible !important;
}

header.header > .Content--Wrapper.nova-header-shell {
    width: min(calc(100% - (var(--nova-shell-gutter) * 2)), var(--nova-shell-width)) !important;
    max-width: var(--nova-shell-width) !important;
    min-height: auto !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(250px, 310px) minmax(360px, 1fr) minmax(220px, auto) !important;
    grid-template-areas:
        "brand search actions"
        "nav nav nav" !important;
    align-items: center !important;
    gap: 14px 20px !important;
    direction: rtl !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

header.header .RigtHeader {
    grid-area: brand !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    display: block !important;
    justify-self: start !important;
    margin: 0 !important;
    transform: none !important;
    position: relative !important;
}

header.header .Logo--Area,
header.header .Logo--Area a {
    width: auto !important;
    height: auto !important;
    display: block !important;
    float: none !important;
    margin: 0 !important;
}

header.header .Logo--Area .logoFrst {
    min-height: 64px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 13px !important;
    direction: ltr !important;
}

header.header .Logo--Area .logoFrst img {
    width: 58px !important;
    height: 58px !important;
    flex: 0 0 58px !important;
    object-fit: contain !important;
    margin: 0 !important;
}

header.header .Logo--Area .brand-title {
    width: auto !important;
    min-width: 150px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: 1.05 !important;
}

header.header .Logo--Area .brand-title .site-name-line {
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    white-space: nowrap !important;
    letter-spacing: 0 !important;
    line-height: 1.05 !important;
}

header.header .Logo--Area .brand-title .site-name-line-en {
    font-size: 30px !important;
    font-weight: 900 !important;
}

header.header .Logo--Area .brand-title .site-name-line-ar {
    margin-top: 2px !important;
    font-size: 24px !important;
    font-weight: 900 !important;
}

header.header .nova-header-search {
    grid-area: search !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
    align-self: center !important;
}

header.header .nova-header-search form {
    width: 100% !important;
    height: 50px !important;
    display: grid !important;
    grid-template-columns: 108px minmax(0, 1fr) 52px !important;
    align-items: center !important;
    overflow: hidden !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

header.header .nova-header-search select,
header.header .nova-header-search input,
header.header .nova-header-search button {
    height: 100% !important;
    min-width: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    color: #fff !important;
    background: transparent !important;
}

header.header .nova-header-search select {
    padding: 0 13px !important;
    border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
    font-weight: 800 !important;
}

header.header .nova-header-search option {
    color: #111 !important;
}

header.header .nova-header-search input {
    padding: 0 16px !important;
    font-size: 15px !important;
}

header.header .nova-header-search button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--blue-color) !important;
    cursor: pointer !important;
}

header.header .leftFooter {
    grid-area: actions !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
    justify-self: end !important;
    align-self: center !important;
    margin: 0 !important;
    position: relative !important;
}

header.header .leftFooter > ul {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
}

header.header .nova-header-latest,
header.header .Header--user {
    display: inline-flex !important;
    align-items: center !important;
    list-style: none !important;
    margin: 0 !important;
}

header.header .nova-header-latest a,
header.header .Header--user > span {
    min-width: 96px !important;
    height: 42px !important;
    padding: 0 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    color: #fff !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

header.header .Header--user > span {
    font-size: 0 !important;
}

header.header .Header--user > span::before {
    content: "حسابي" !important;
    font-size: 14px !important;
}

header.header .headerMenu {
    grid-area: nav !important;
    width: 100% !important;
    min-height: 54px !important;
    padding: 5px 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    border-radius: 16px !important;
    background: rgba(8, 12, 39, 0.86) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    overflow: visible !important;
}

header.header .headerMenu .menu-item-1259798 {
    display: none !important;
}

header.header .nova-home-link {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    color: #fff !important;
    background: var(--blue-color) !important;
}

header.header .headerMenu .ul-base {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
}

header.header .headerMenu li a {
    height: 42px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 12px !important;
    border-radius: 10px !important;
    white-space: nowrap !important;
}

header.header .Header--Search {
    display: none !important;
}

main.site-inner {
    width: 100% !important;
    max-width: none !important;
    padding-top: 18px !important;
    overflow: visible !important;
}

main.site-inner > arlionz--slider,
main.site-inner > section,
main.site-inner > .Content--Wrapper {
    width: min(calc(100% - (var(--nova-shell-gutter) * 2)), var(--nova-shell-width)) !important;
    max-width: var(--nova-shell-width) !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

main.site-inner > arlionz--slider {
    height: min(60vh, 620px) !important;
    min-height: 440px !important;
    display: block !important;
    overflow: hidden !important;
    border-radius: 18px !important;
}

main.site-inner > arlionz--slider img,
main.site-inner > arlionz--slider slider--image img {
    border-radius: 18px !important;
}

main.site-inner > section > .Content--Wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

main.site-inner .BlocksHolder,
main.site-inner .Terms--Grid,
main.site-inner .Posts--Grid,
main.site-inner .Block--Grid {
    gap: clamp(14px, 1.7vw, 24px) !important;
}

@media only screen and (max-width: 1180px) {
    header.header > .Content--Wrapper.nova-header-shell {
        width: min(calc(100% - 34px), 720px) !important;
        grid-template-columns: 48px minmax(0, 1fr) 48px !important;
        grid-template-areas: "menu brand search" !important;
        min-height: 76px !important;
        padding: 0 12px !important;
        border-radius: 16px !important;
        background: rgba(8, 12, 39, 0.84) !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
    }

    header.header .mobile--bars {
        grid-area: menu !important;
        position: static !important;
        justify-self: start !important;
        display: flex !important;
    }

    header.header .mobile--search {
        grid-area: search !important;
        position: static !important;
        justify-self: end !important;
        display: flex !important;
    }

    header.header .mobile--bars,
    header.header .mobile--search {
        width: 44px !important;
        height: 44px !important;
        align-items: center !important;
        justify-content: center !important;
        transform: none !important;
        line-height: 1 !important;
    }

    header.header .RigtHeader {
        justify-self: center !important;
    }

    header.header .nova-header-search,
    header.header .leftFooter,
    header.header .headerMenu,
    header.header .Header--Search {
        display: none !important;
    }

    header.header .Logo--Area .logoFrst img {
        width: 46px !important;
        height: 46px !important;
        flex-basis: 46px !important;
    }

    header.header .Logo--Area .brand-title {
        min-width: 120px !important;
    }

    header.header .Logo--Area .brand-title .site-name-line-en {
        font-size: 22px !important;
    }

    header.header .Logo--Area .brand-title .site-name-line-ar {
        font-size: 18px !important;
    }

    main.site-inner > arlionz--slider,
    main.site-inner > section,
    main.site-inner > .Content--Wrapper {
        width: min(calc(100% - 34px), 720px) !important;
    }

    main.site-inner > arlionz--slider {
        height: 430px !important;
        min-height: 430px !important;
        border-radius: 14px !important;
    }
}

@media only screen and (max-width: 520px) {
    header.header > .Content--Wrapper.nova-header-shell,
    main.site-inner > arlionz--slider,
    main.site-inner > section,
    main.site-inner > .Content--Wrapper {
        width: calc(100% - 26px) !important;
    }
}

/* Final verified header UI order override */
header.header > .Content--Wrapper.nova-header-shell {
    grid-template-columns: minmax(270px, 320px) minmax(300px, 560px) minmax(220px, auto) !important;
}

header.header .Logo--Area .logoFrst {
    flex-direction: row !important;
    gap: 12px !important;
}

header.header .Logo--Area .brand-title .site-name-line-en {
    font-size: 28px !important;
}

header.header .Logo--Area .brand-title .site-name-line-ar {
    font-size: 23px !important;
}

header.header .nova-header-search {
    max-width: 560px !important;
    justify-self: center !important;
}

header.header .nova-header-search form {
    height: 46px !important;
    grid-template-columns: minmax(0, 1fr) 104px 48px !important;
    background: rgba(20, 13, 50, 0.92) !important;
    border-color: rgba(139, 92, 246, 0.28) !important;
}

header.header .nova-header-search input {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

header.header .nova-header-search select {
    grid-column: 2 !important;
    grid-row: 1 !important;
    color: #fff !important;
    background-color: rgba(47, 35, 92, 0.95) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.09) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.09) !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    text-align: center !important;
}

header.header .nova-header-search button {
    grid-column: 3 !important;
    grid-row: 1 !important;
}

header.header .nova-header-latest a {
    min-width: 112px !important;
    height: 40px !important;
    padding: 0 14px !important;
    font-size: 13px !important;
}

header.header .Header--user > span {
    min-width: 78px !important;
    height: 40px !important;
    padding: 0 14px !important;
}

header.header .Header--user > span::before {
    font-size: 13px !important;
}

header.header .headerMenu li.menu-item-has-children > a::after,
header.header .headerMenu li.menu-item-has-children > a:after,
header div.headerMenu > ul > li.menu-item-has-children > a:after {
    content: "\\f107" !important;
    display: inline-block !important;
    margin-right: 7px !important;
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", Arial, sans-serif !important;
    font-weight: 900 !important;
    font-size: 11px !important;
    line-height: 1 !important;
    transform: none !important;
}

slidebox--actions .fa,
slidebox--actions .fas,
header.header .fa,
header.header .fas,
header.header .far,
header.header .fal {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    transform: none !important;
}

.logoFrst_main_menu {
    width: 100% !important;
    min-height: 66px !important;
    margin: 0 0 18px !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 11px !important;
}

.logoFrst_main_menu img {
    width: 48px !important;
    height: 48px !important;
    flex: 0 0 48px !important;
    object-fit: contain !important;
}

.logoFrst_main_menu .site-name-line-en {
    font-size: 22px !important;
    font-weight: 900 !important;
}

.logoFrst_main_menu .site-name-line-ar {
    margin-top: 2px !important;
    font-size: 18px !important;
    font-weight: 900 !important;
}

@media only screen and (max-width: 1180px) {
    header.header .Logo--Area .brand-title .site-name-line-en {
        font-size: 22px !important;
    }

    header.header .Logo--Area .brand-title .site-name-line-ar {
        font-size: 19px !important;
    }
}

@media only screen and (max-width: 520px) {
    header.header .Logo--Area .brand-title .site-name-line-en {
        font-size: 21px !important;
    }

    header.header .Logo--Area .brand-title .site-name-line-ar {
        font-size: 18px !important;
    }
}

/* Mobile-only header position correction */
@media only screen and (max-width: 1180px) {
    header.header > .Content--Wrapper.nova-header-shell {
        direction: ltr !important;
        width: calc(100% - 26px) !important;
        max-width: 720px !important;
        min-height: 72px !important;
        margin-right: auto !important;
        margin-left: auto !important;
        padding: 0 10px !important;
        display: grid !important;
        grid-template-columns: 44px minmax(0, 1fr) 44px !important;
        grid-template-areas: "search brand menu" !important;
        align-items: center !important;
        gap: 8px !important;
        overflow: visible !important;
    }

    header.header .mobile--bars {
        grid-area: menu !important;
        width: 44px !important;
        height: 44px !important;
        position: static !important;
        inset: auto !important;
        transform: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        justify-self: end !important;
        margin: 0 !important;
    }

    header.header .mobile--search {
        grid-area: search !important;
        width: 44px !important;
        height: 44px !important;
        position: static !important;
        inset: auto !important;
        transform: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        justify-self: start !important;
        margin: 0 !important;
    }

    header.header .RigtHeader {
        grid-area: brand !important;
        width: min(220px, calc(100vw - 126px)) !important;
        min-width: 0 !important;
        height: auto !important;
        position: static !important;
        inset: auto !important;
        transform: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        justify-self: center !important;
        margin: 0 !important;
        overflow: visible !important;
    }

    header.header .Logo--Area,
    header.header .Logo--Area a {
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
        position: static !important;
        inset: auto !important;
        transform: none !important;
        display: block !important;
        margin: 0 !important;
        overflow: visible !important;
    }

    header.header .Logo--Area .logoFrst {
        width: auto !important;
        max-width: 100% !important;
        min-height: 56px !important;
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        direction: ltr !important;
        transform: none !important;
        margin: 0 !important;
    }

    header.header .Logo--Area .logoFrst img {
        width: 42px !important;
        height: 42px !important;
        flex: 0 0 42px !important;
        margin: 0 !important;
        object-fit: contain !important;
    }

    header.header .Logo--Area .brand-title {
        width: auto !important;
        min-width: 108px !important;
        max-width: calc(100vw - 178px) !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        line-height: 1.05 !important;
        overflow: visible !important;
    }

    header.header .Logo--Area .brand-title .site-name-line {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        text-align: center !important;
        white-space: nowrap !important;
    }

    header.header .mobile--bars i,
    header.header .mobile--search i {
        transform: none !important;
        line-height: 1 !important;
    }

    .mobile--menu ul#main-menu {
        right: 0 !important;
        left: auto !important;
        width: min(86vw, 320px) !important;
        max-width: calc(100vw - 24px) !important;
        padding-top: 84px !important;
        transform: translateX(110%) !important;
    }

    body.MenuOn .mobile--menu ul#main-menu,
    .MenuOn .mobile--menu ul#main-menu {
        transform: translateX(0) !important;
    }

    .mobile-menu-close {
        top: 18px !important;
        left: 18px !important;
        right: auto !important;
        width: 42px !important;
        height: 42px !important;
        transform: none !important;
        z-index: 4 !important;
    }

    body.MenuOn .mobile-menu-close,
    .MenuOn .mobile-menu-close {
        display: flex !important;
    }

    .logoFrst_main_menu {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 64px !important;
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 9px !important;
        direction: ltr !important;
        margin: 0 0 18px !important;
        transform: none !important;
    }

    .logoFrst_main_menu img {
        width: 46px !important;
        height: 46px !important;
        flex: 0 0 46px !important;
        object-fit: contain !important;
        margin: 0 !important;
    }
}

/* Absolute final cleanup: resolve duplicate late overrides */
header.header .headerMenu li.menu-item-has-children > a::after,
header.header .headerMenu li.menu-item-has-children > a:after,
header div.headerMenu > ul > li.menu-item-has-children > a:after {
    content: "\f107" !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 7px !important;
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", Arial, sans-serif !important;
    font-weight: 900 !important;
    font-size: 11px !important;
    line-height: 1 !important;
    transform: none !important;
}

header.header .nova-header-search {
    max-width: 500px !important;
}

header.header .nova-header-search form {
    height: 42px !important;
    grid-template-columns: minmax(0, 1fr) 78px 44px !important;
    position: relative !important;
    overflow: visible !important;
    align-items: stretch !important;
    gap: 0 !important;
}

header.header .nova-header-search select {
    width: 78px !important;
    height: 42px !important;
    padding: 0 10px 0 22px !important;
    color: #fff !important;
    background-color: rgba(47, 35, 92, 0.95) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
    background-position: 10px center !important;
    background-size: 14px 14px !important;
    background-repeat: no-repeat !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    cursor: pointer !important;
    position: relative !important;
    z-index: 2 !important;
}

header.header .nova-header-search option {
    color: #fff !important;
    background: rgba(47, 35, 92, 0.98) !important;
}

header.header .nova-header-search button {
    width: 44px !important;
    height: 42px !important;
    position: relative !important;
    z-index: 2 !important;
    cursor: pointer !important;
}

header.header .Logo--Area .logoFrst {
    gap: 3px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    min-width: 0 !important;
}

header.header .Logo--Area .brand-title,
.mobile--menu .logoFrst_main_menu .brand-title {
    align-items: flex-start !important;
    justify-content: center !important;
    text-align: left !important;
    direction: ltr !important;
    gap: 1px !important;
}

header.header .Logo--Area .brand-title .site-name-line-en {
    font-size: 26px !important;
    line-height: 1.04 !important;
}

header.header .Logo--Area .brand-title .site-name-line-ar {
    font-size: 24px !important;
    line-height: 1.04 !important;
    margin-top: 1px !important;
}

header.header .Logo--Area .brand-title .site-name-line b,
header.header .Logo--Area .brand-title .site-name-line em {
    font-size: inherit !important;
    font-weight: inherit !important;
    font-style: normal !important;
    line-height: inherit !important;
    display: inline !important;
}

header.header .Logo--Area .brand-title .site-name-line em {
    margin-inline-start: 4px !important;
}

.mobile--menu .logoFrst_main_menu .site-name-line,
.mobile--menu .logoFrst_main_menu .site-name-line-en,
.mobile--menu .logoFrst_main_menu .site-name-line-ar {
    text-align: left !important;
    font-weight: 900 !important;
    line-height: 1.05 !important;
}

.nova-search-empty-message {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    right: 0 !important;
    min-width: 220px !important;
    padding: 9px 12px !important;
    border-radius: 10px !important;
    color: #fff !important;
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.96), rgba(34, 211, 238, 0.82)) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.28) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    text-align: center !important;
    z-index: 30 !important;
}

header.header .leftFooter {
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

header.header .leftFooter > ul {
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    direction: rtl !important;
}

header.header .nova-header-latest,
header.header .Header--user {
    flex: 0 0 auto !important;
    float: none !important;
    position: relative !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

header.header .Header--user {
    order: 0 !important;
}

header.header .nova-header-latest {
    order: 1 !important;
}

header.header .nova-header-latest a,
header.header .Header--user > span {
    height: 38px !important;
    min-height: 0 !important;
    border-radius: 10px !important;
    color: #fff !important;
    background: linear-gradient(248.28deg, #9e61ff 9.539999999999999%, rgba(142, 97, 255, 0) 32.8%), radial-gradient(81.70999999999999% 279.87% at -16.57% -92%, #619bff 28.69%, rgba(205, 219, 248, 0) 69.54000000000001%), #6c52ee !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    box-shadow: 0 10px 24px rgba(139, 92, 246, 0.26) !important;
}

header.header .nova-header-latest a {
    min-width: 108px !important;
}

header.header .Header--user > span {
    min-width: 72px !important;
}

@media only screen and (max-width: 1180px) {
    body.MenuOn .mobile--menu,
    .MenuOn .mobile--menu {
        opacity: 1 !important;
        visibility: visible !important;
    }

    body.MenuOn .mobile--menu ul#main-menu,
    .MenuOn .mobile--menu ul#main-menu {
        right: 0 !important;
        left: auto !important;
        transform: translateX(0) !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    body.MenuOn .mobile-menu-close,
    .MenuOn .mobile-menu-close {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .mobile--menu .logoFrst_main_menu {
        color: #fff !important;
        visibility: visible !important;
        opacity: 1 !important;
        justify-content: flex-start !important;
        align-items: center !important;
        gap: 5px !important;
        padding: 0 12px !important;
    }

    .mobile--menu .logoFrst_main_menu img {
        margin: 0 !important;
        flex: 0 0 46px !important;
    }

    .mobile--menu ul#main-menu > li:first-of-type > a[href*="/last"] {
        width: calc(100% - 24px) !important;
        margin: 10px 12px 14px !important;
        min-height: 42px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 12px !important;
        color: #fff !important;
        background: linear-gradient(248.28deg, #9e61ff 9.539999999999999%, rgba(142, 97, 255, 0) 32.8%), radial-gradient(81.70999999999999% 279.87% at -16.57% -92%, #619bff 28.69%, rgba(205, 219, 248, 0) 69.54000000000001%), #6c52ee !important;
        box-shadow: 0 10px 24px rgba(139, 92, 246, 0.25) !important;
        font-weight: 900 !important;
    }
}

/* Final end-of-file visual correction batch */
header.header .Logo--Area .logoFrst {
    flex-direction: row-reverse !important;
    direction: ltr !important;
    gap: 4px !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

header.header .Logo--Area .brand-title,
.mobile--menu .logoFrst_main_menu .brand-title {
    align-items: flex-start !important;
    justify-content: center !important;
    text-align: left !important;
    direction: ltr !important;
    gap: 1px !important;
}

header.header .Logo--Area .brand-title .site-name-line-en {
    font-size: 28px !important;
}

header.header .Logo--Area .brand-title .site-name-line-ar {
    font-size: 25px !important;
}

header.header .Logo--Area .brand-title .site-name-line b,
header.header .Logo--Area .brand-title .site-name-line em {
    font-size: inherit !important;
    font-weight: inherit !important;
    font-style: normal !important;
    line-height: inherit !important;
}

header.header .Header--user {
    order: 1 !important;
}

header.header .nova-header-latest {
    order: 0 !important;
}

header.header .nova-home-link {
    position: relative !important;
    z-index: 20 !important;
    min-width: 46px !important;
    min-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

header.header .nova-home-link i {
    pointer-events: none !important;
}

header.header .nova-header-search input,
header.header .nova-header-search select,
header.header .nova-header-search button {
    min-height: 42px !important;
    visibility: visible !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

header.header .nova-header-search input {
    cursor: text !important;
}

header.header .nova-header-search select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
    background-position: 10px center !important;
    background-size: 14px 14px !important;
    background-repeat: no-repeat !important;
}

slidebox--actions > .btns li a.shine,
slidebox--actions > .btns a.Show__Movie,
.BTNSDownWatch a.watch,
a.watch,
a.download,
.download--btn,
.favorite--btn,
.watchlist-add,
.show-all-seasons a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

slidebox--actions > .btns li a.shine i,
slidebox--actions > .btns a.Show__Movie i,
.BTNSDownWatch a.watch i,
.BTNSDownWatch a.watch svg,
a.watch i,
a.watch svg,
a.download i,
a.download svg,
.download--btn i,
.favorite--btn i,
.watchlist-add i,
.show-all-seasons a i {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 18px !important;
    font-size: 18px !important;
    line-height: 1 !important;
    transform: none !important;
}

.quality,
.ribbon,
.badge,
.MovieItem .quality,
.Small--Box .quality,
.Small--Box .ribbon,
.category_themesxcom li,
slider--box--ul li {
    min-width: max-content !important;
    width: auto !important;
    padding-inline: 10px !important;
    text-align: center !important;
    white-space: nowrap !important;
}

@media only screen and (max-width: 1180px) {
    header.header .Logo--Area .logoFrst,
    .mobile--menu .logoFrst_main_menu {
        flex-direction: row-reverse !important;
        direction: ltr !important;
        gap: 4px !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }

    header.header .Logo--Area .brand-title .site-name-line-en,
    .mobile--menu .logoFrst_main_menu .site-name-line-en {
        font-size: 23px !important;
    }

    header.header .Logo--Area .brand-title .site-name-line-ar,
    .mobile--menu .logoFrst_main_menu .site-name-line-ar {
        font-size: 21px !important;
    }

    .mobile--menu ul#main-menu > li.menu-item-has-children > a,
    .mobile--menu ul#main-menu > li.page_item_has_children > a,
    .mobile--menu ul#main-menu > li:first-of-type > a[href*="/last"],
    .mobile--menu ul#main-menu > li > a[href="/"],
    .mobile--menu ul#main-menu > li > a[href$="/"] {
        width: calc(100% - 24px) !important;
        min-height: 42px !important;
        margin: 8px 12px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 12px !important;
        color: #fff !important;
        background: linear-gradient(248.28deg, #9e61ff 9.539999999999999%, rgba(142, 97, 255, 0) 32.8%), radial-gradient(81.70999999999999% 279.87% at -16.57% -92%, #619bff 28.69%, rgba(205, 219, 248, 0) 69.54000000000001%), #6c52ee !important;
        box-shadow: 0 10px 24px rgba(139, 92, 246, 0.25) !important;
        font-weight: 900 !important;
    }

    .mobile--menu ul#main-menu > li > ul.sub-menu a,
    .mobile--menu ul#main-menu > li > ul.children a {
        width: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        display: block !important;
        color: inherit !important;
        background: transparent !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        font-weight: inherit !important;
    }
}

header.header .nova-home-link {
    min-width: 46px !important;
    min-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

slidebox--actions > .btns li a.shine,
slidebox--actions > .btns a.Show__Movie {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

slidebox--actions > .btns li a.shine i,
slidebox--actions > .btns a.Show__Movie i {
    width: auto !important;
    height: auto !important;
    min-width: 18px !important;
    min-height: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    font-size: 18px !important;
    line-height: 1 !important;
    transform: none !important;
}

/* Final visual interaction polish */
header.header .Logo--Area .logoFrst {
    gap: 3px !important;
    justify-content: flex-start !important;
    align-items: center !important;
}

header.header .Logo--Area .brand-title,
.mobile--menu .logoFrst_main_menu .brand-title {
    align-items: flex-start !important;
    text-align: left !important;
    direction: ltr !important;
    gap: 1px !important;
}

header.header .Logo--Area .brand-title .site-name-line b,
header.header .Logo--Area .brand-title .site-name-line em {
    font-size: inherit !important;
    font-weight: inherit !important;
    font-style: normal !important;
    line-height: inherit !important;
}

header.header .nova-header-search form {
    position: relative !important;
    overflow: visible !important;
    gap: 0 !important;
    align-items: stretch !important;
}

header.header .nova-header-search input,
header.header .nova-header-search select,
header.header .nova-header-search button {
    display: block !important;
    width: 100% !important;
    min-height: 42px !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

header.header .nova-header-search select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
    background-position: 10px center !important;
    background-size: 14px 14px !important;
    background-repeat: no-repeat !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

header.header .Header--user {
    order: 0 !important;
}

header.header .nova-header-latest {
    order: 1 !important;
}

header.header .nova-header-latest a,
header.header .Header--user > span {
    color: #fff !important;
    background: linear-gradient(248.28deg, #9e61ff 9.539999999999999%, rgba(142, 97, 255, 0) 32.8%), radial-gradient(81.70999999999999% 279.87% at -16.57% -92%, #619bff 28.69%, rgba(205, 219, 248, 0) 69.54000000000001%), #6c52ee !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    box-shadow: 0 10px 24px rgba(139, 92, 246, 0.26) !important;
}

.headerSearch.open input[name="s"],
.headerSearch.open button,
.headerSearch.open form,
.headerSearch.open .allSearch {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

.nova-search-empty-message {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    right: 0 !important;
    min-width: 220px !important;
    padding: 9px 12px !important;
    border-radius: 10px !important;
    color: #fff !important;
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.96), rgba(34, 211, 238, 0.82)) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.28) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    text-align: center !important;
    z-index: 30 !important;
}

slidebox--actions > .btns li a.shine,
slidebox--actions > .btns a.Show__Movie {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

slidebox--actions > .btns li a.shine i,
slidebox--actions > .btns a.Show__Movie i {
    width: auto !important;
    height: auto !important;
    min-width: 18px !important;
    min-height: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    font-size: 18px !important;
    line-height: 1 !important;
    transform: none !important;
}

@media only screen and (max-width: 1180px) {
    .mobile--menu .logoFrst_main_menu {
        justify-content: flex-start !important;
        align-items: center !important;
        gap: 5px !important;
    }

    .mobile--menu .logoFrst_main_menu .site-name-line-en {
        font-size: 22px !important;
    }

    .mobile--menu .logoFrst_main_menu .site-name-line-ar {
        font-size: 20px !important;
    }

    .mobile--menu ul#main-menu > li:first-of-type > a[href*="/last"] {
        width: calc(100% - 24px) !important;
        margin: 10px 12px 14px !important;
        min-height: 42px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 12px !important;
        color: #fff !important;
        background: linear-gradient(248.28deg, #9e61ff 9.539999999999999%, rgba(142, 97, 255, 0) 32.8%), radial-gradient(81.70999999999999% 279.87% at -16.57% -92%, #619bff 28.69%, rgba(205, 219, 248, 0) 69.54000000000001%), #6c52ee !important;
        box-shadow: 0 10px 24px rgba(139, 92, 246, 0.25) !important;
        font-weight: 900 !important;
    }
}
/* Final end-of-file visual correction batch */
header.header .Logo--Area .logoFrst {
    flex-direction: row-reverse !important;
    direction: ltr !important;
    gap: 4px !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

header.header .Logo--Area .brand-title,
.mobile--menu .logoFrst_main_menu .brand-title {
    align-items: flex-start !important;
    justify-content: center !important;
    text-align: left !important;
    direction: ltr !important;
    gap: 1px !important;
}

header.header .Logo--Area .brand-title .site-name-line-en {
    font-size: 28px !important;
}

header.header .Logo--Area .brand-title .site-name-line-ar {
    font-size: 25px !important;
}

header.header .Logo--Area .brand-title .site-name-line b,
header.header .Logo--Area .brand-title .site-name-line em {
    font-size: inherit !important;
    font-weight: inherit !important;
    font-style: normal !important;
    line-height: inherit !important;
}

header.header .Header--user {
    order: 1 !important;
}

header.header .nova-header-latest {
    order: 0 !important;
}

header.header .nova-home-link {
    position: relative !important;
    z-index: 20 !important;
    min-width: 46px !important;
    min-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

header.header .nova-home-link i {
    pointer-events: none !important;
}

header.header .nova-header-search input,
header.header .nova-header-search select,
header.header .nova-header-search button {
    min-height: 42px !important;
    visibility: visible !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

header.header .nova-header-search input {
    cursor: text !important;
}

header.header .nova-header-search select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
    background-position: 10px center !important;
    background-size: 14px 14px !important;
    background-repeat: no-repeat !important;
}

slidebox--actions > .btns li a.shine,
slidebox--actions > .btns a.Show__Movie,
.BTNSDownWatch a.watch,
a.watch,
a.download,
.download--btn,
.favorite--btn,
.watchlist-add,
.show-all-seasons a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

slidebox--actions > .btns li a.shine i,
slidebox--actions > .btns a.Show__Movie i,
.BTNSDownWatch a.watch i,
.BTNSDownWatch a.watch svg,
a.watch i,
a.watch svg,
a.download i,
a.download svg,
.download--btn i,
.favorite--btn i,
.watchlist-add i,
.show-all-seasons a i {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 18px !important;
    font-size: 18px !important;
    line-height: 1 !important;
    transform: none !important;
}

.quality,
.ribbon,
.badge,
.MovieItem .quality,
.Small--Box .quality,
.Small--Box .ribbon,
.category_themesxcom li,
slider--box--ul li {
    min-width: max-content !important;
    width: auto !important;
    padding-inline: 10px !important;
    text-align: center !important;
    white-space: nowrap !important;
}

@media only screen and (max-width: 1180px) {
    header.header .Logo--Area .logoFrst,
    .mobile--menu .logoFrst_main_menu {
        flex-direction: row-reverse !important;
        direction: ltr !important;
        gap: 4px !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }

    header.header .Logo--Area .brand-title .site-name-line-en,
    .mobile--menu .logoFrst_main_menu .site-name-line-en {
        font-size: 23px !important;
    }

    header.header .Logo--Area .brand-title .site-name-line-ar,
    .mobile--menu .logoFrst_main_menu .site-name-line-ar {
        font-size: 21px !important;
    }

    .mobile--menu ul#main-menu > li.menu-item-has-children > a,
    .mobile--menu ul#main-menu > li.page_item_has_children > a,
    .mobile--menu ul#main-menu > li:first-of-type > a[href*="/last"],
    .mobile--menu ul#main-menu > li > a[href="/"],
    .mobile--menu ul#main-menu > li > a[href$="/"] {
        width: calc(100% - 24px) !important;
        min-height: 42px !important;
        margin: 8px 12px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 12px !important;
        color: #fff !important;
        background: linear-gradient(248.28deg, #9e61ff 9.539999999999999%, rgba(142, 97, 255, 0) 32.8%), radial-gradient(81.70999999999999% 279.87% at -16.57% -92%, #619bff 28.69%, rgba(205, 219, 248, 0) 69.54000000000001%), #6c52ee !important;
        box-shadow: 0 10px 24px rgba(139, 92, 246, 0.25) !important;
        font-weight: 900 !important;
    }

    .mobile--menu ul#main-menu > li > ul.sub-menu a,
    .mobile--menu ul#main-menu > li > ul.children a {
        width: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        display: block !important;
        color: inherit !important;
        background: transparent !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        font-weight: inherit !important;
    }
}

/* Final true EOF mobile/UI cleanup batch */
:root {
    --nova-discover-gradient: linear-gradient(248.28deg, #9e61ff 9.539999999999999%, rgba(142, 97, 255, 0) 32.8%), radial-gradient(81.70999999999999% 279.87% at -16.57% -92%, #619bff 28.69%, rgba(205, 219, 248, 0) 69.54000000000001%), #6c52ee;
}
header.header .nova-header-latest a,
header.header .Header--user > span,
.mobile--menu ul#main-menu > li:first-of-type > a[href*="/last"] {
    background: var(--nova-discover-gradient) !important;
    border: 0 !important;
    color: #fff !important;
    box-shadow: 0 0 10px #00000061 !important;
    transition: .3s all ease !important;
}
header.header .nova-header-latest a:hover,
header.header .Header--user:hover > span,
.mobile--menu ul#main-menu > li:first-of-type > a[href*="/last"]:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 15px 40px -8px rgba(158, 97, 255, .5) !important;
}
@media only screen and (max-width: 1180px) {
    header.header .Logo--Area .logoFrst,
    .mobile--menu .logoFrst_main_menu {
        flex-direction: row-reverse !important;
        direction: ltr !important;
        gap: 4px !important;
        align-items: center !important;
        justify-content: center !important;
    }
    header.header .Logo--Area .logoFrst img,
    .mobile--menu .logoFrst_main_menu img {
        width: 42px !important;
        height: 42px !important;
        flex: 0 0 42px !important;
        margin: 0 !important;
        object-fit: contain !important;
    }
    header.header .Logo--Area .brand-title,
    .mobile--menu .logoFrst_main_menu .brand-title {
        align-items: flex-start !important;
        text-align: left !important;
        direction: ltr !important;
        gap: 1px !important;
    }
    header.header .Logo--Area .brand-title .site-name-line-en,
    .mobile--menu .logoFrst_main_menu .site-name-line-en {
        font-size: 23px !important;
        line-height: 1.04 !important;
    }
    header.header .Logo--Area .brand-title .site-name-line-ar,
    .mobile--menu .logoFrst_main_menu .site-name-line-ar {
        font-size: 21px !important;
        line-height: 1.04 !important;
    }
    .mobile--menu .logoFrst_main_menu {
        width: calc(100% - 24px) !important;
        min-height: 58px !important;
        margin: 6px 12px 18px !important;
        padding: 0 !important;
    }
    section.singleCover,
    .singleCover,
    .SecondPart,
    .SingleContent,
    main,
    .PageContent {
        margin-top: 96px !important;
    }
    .BTNSDownWatch a.watch,
    .BTNSDownWatch a.download,
    a.goWatch,
    .ThemeSXCom_BTNSDownWatch a,
    .ThemeSXCom_allbtn a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        min-height: 48px !important;
    }
    .BTNSDownWatch a.watch i,
    .BTNSDownWatch a.download i,
    .BTNSDownWatch a.watch svg,
    .BTNSDownWatch a.download svg,
    a.goWatch i,
    a.goWatch svg,
    .ThemeSXCom_BTNSDownWatch a i,
    .ThemeSXCom_allbtn a i,
    .singleFav i,
    .singleFav svg,
    .watchlist-add i,
    .watchlist-add svg {
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        min-height: 20px !important;
        flex: 0 0 20px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 20px !important;
        line-height: 1 !important;
        margin: 0 !important;
        transform: none !important;
    }
    .quality,
    .MovieItem .quality,
    .Small--Box .quality,
    .BlockItem .quality,
    ul.RightTaxContent li.quality,
    slider--box--ul li.quality {
        min-width: 92px !important;
        width: auto !important;
        padding: 0 12px !important;
        text-align: center !important;
        white-space: nowrap !important;
        letter-spacing: 0 !important;
    }
}

/* Final mobile spacing/grid/action cleanup */
@media only screen and (max-width: 1180px) {
    section.singleCover,
    .singleCover,
    .SecondPart,
    .SingleContent,
    main,
    .PageContent {
        margin-top: 18px !important;
    }

    body.archive .BlocksHolder,
    body.category .BlocksHolder,
    body.tax-series .BlocksHolder,
    body.page .BlocksHolder {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 12px !important;
    }

    body.archive .BlocksHolder > *,
    body.category .BlocksHolder > *,
    body.tax-series .BlocksHolder > *,
    body.page .BlocksHolder > *,
    body.archive .MovieItem,
    body.category .MovieItem,
    body.tax-series .MovieItem,
    body.page .MovieItem,
    body.archive .Small--Box,
    body.category .Small--Box,
    body.tax-series .Small--Box,
    body.page .Small--Box {
        flex: 0 0 calc((100% - 12px) / 2) !important;
        max-width: calc((100% - 12px) / 2) !important;
        width: calc((100% - 12px) / 2) !important;
        min-width: 0 !important;
    }

    .BTNSDownWatch {
        display: flex !important;
        gap: 10px !important;
        flex-wrap: wrap !important;
    }

    .BTNSDownWatch a.watch,
    .BTNSDownWatch a.download {
        flex: 1 1 calc((100% - 10px) / 2) !important;
        width: auto !important;
        min-width: 0 !important;
    }

    .BTNSDownWatch a.watch,
    .BTNSDownWatch a.download,
    a.goWatch,
    .ThemeSXCom_BTNSDownWatch a,
    .ThemeSXCom_allbtn a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        min-height: 48px !important;
        text-align: center !important;
    }

    .BTNSDownWatch a.watch i,
    .BTNSDownWatch a.download i,
    .BTNSDownWatch a.watch svg,
    .BTNSDownWatch a.download svg,
    a.goWatch i,
    a.goWatch svg,
    .ThemeSXCom_BTNSDownWatch a i,
    .ThemeSXCom_allbtn a i,
    .singleFav i,
    .singleFav svg,
    .watchlist-add i,
    .watchlist-add svg {
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        min-height: 20px !important;
        flex: 0 0 20px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 20px !important;
        line-height: 1 !important;
        margin: 0 !important;
        transform: none !important;
    }

    .quality,
    .MovieItem .quality,
    .Small--Box .quality,
    .BlockItem .quality,
    ul.RightTaxContent li.quality,
    slider--box--ul li.quality,
    [aria-label="ribbon"] {
        min-width: 92px !important;
        width: auto !important;
        padding: 0 12px !important;
        text-align: center !important;
        white-space: nowrap !important;
        letter-spacing: 0 !important;
    }
}

/* Final global action-button system */
:root {
    --nova-action-gradient: linear-gradient(248.28deg, #9e61ff 9.539999999999999%, rgba(142, 97, 255, 0) 32.8%), radial-gradient(81.70999999999999% 279.87% at -16.57% -92%, #619bff 28.69%, rgba(205, 219, 248, 0) 69.54000000000001%), #6c52ee;
    --nova-action-download: #31a24c;
}

slidebox--actions > .btns,
.BTNSDownWatch,
.ThemeSXCom_BTNSDownWatch,
.ThemeSXCom_allbtn {
    align-items: center !important;
    gap: 10px !important;
}

slidebox--actions > .btns li,
.BTNSDownWatch > *,
.ThemeSXCom_BTNSDownWatch > *,
.ThemeSXCom_allbtn > * {
    min-width: 0 !important;
}

slidebox--actions > .btns li a.shine,
slidebox--actions > .btns a.Show__Movie,
a.Show__Movie,
.Small--Box .content-back .watchlist-add,
.watchlist-add,
.BTNSDownWatch a.watch,
.BTNSDownWatch a.download,
.WatchBar a.watch,
.WatchBar a.download,
a.goWatch,
a.goWatch.Download,
a.downloadsLink,
ul.download-items li a,
.ThemeSXCom_BTNSDownWatch a,
.ThemeSXCom_allbtn a,
a.AddFevorite,
.AddFevorite,
.singleFav a,
a.btn.btn-sm.info.fav {
    box-sizing: border-box !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 44px !important;
    max-width: 100% !important;
    padding: 10px 18px !important;
    border-radius: 10px !important;
    border: 0 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    overflow: hidden !important;
    transition: .3s all ease !important;
    transform: none;
}

slidebox--actions > .btns li a.shine,
.BTNSDownWatch a.watch,
.WatchBar a.watch,
a.goWatch:not(.Download),
.ThemeSXCom_BTNSDownWatch a.watch,
.ThemeSXCom_allbtn a.watch {
    color: #fff !important;
    background: var(--nova-action-gradient) !important;
    box-shadow: 0 0 10px #00000061 !important;
}

.BTNSDownWatch a.download,
.WatchBar a.download,
a.goWatch.Download,
ul.download-items li a,
a.downloadsLink {
    color: #fff !important;
    background: var(--nova-action-download) !important;
    box-shadow: 0 0 10px #00000061 !important;
}

slidebox--actions > .btns a.Show__Movie,
a.Show__Movie,
.Small--Box .content-back .watchlist-add,
.watchlist-add,
a.AddFevorite,
.AddFevorite,
.singleFav a,
a.btn.btn-sm.info.fav {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.08) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08) !important;
}

slidebox--actions > .btns li a.shine:hover,
.BTNSDownWatch a.watch:hover,
.WatchBar a.watch:hover,
a.goWatch:not(.Download):hover,
.ThemeSXCom_BTNSDownWatch a.watch:hover,
.ThemeSXCom_allbtn a.watch:hover,
a.Show__Movie:hover,
.Small--Box .content-back .watchlist-add:hover,
.watchlist-add:hover,
a.AddFevorite:hover,
.AddFevorite:hover,
.singleFav a:hover,
a.btn.btn-sm.info.fav:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 15px 40px -8px rgba(158, 97, 255, .5) !important;
}

.BTNSDownWatch a.download:hover,
.WatchBar a.download:hover,
a.goWatch.Download:hover,
ul.download-items li a:hover,
a.downloadsLink:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 15px 40px -8px #31a24c7d !important;
}

slidebox--actions > .btns li a.shine i,
slidebox--actions > .btns a.Show__Movie i,
a.Show__Movie i,
.Small--Box .content-back .watchlist-add i,
.watchlist-add i,
.BTNSDownWatch a.watch i,
.BTNSDownWatch a.download i,
.BTNSDownWatch a.watch svg,
.BTNSDownWatch a.download svg,
.WatchBar a.watch i,
.WatchBar a.download i,
a.goWatch i,
a.goWatch svg,
a.downloadsLink i,
ul.download-items li a i,
.ThemeSXCom_BTNSDownWatch a i,
.ThemeSXCom_allbtn a i,
a.AddFevorite i,
.AddFevorite i,
.singleFav i,
.singleFav svg,
a.btn.btn-sm.info.fav i {
    position: static !important;
    inset: auto !important;
    float: none !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    flex: 0 0 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 20px !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    text-align: center !important;
    transform: none !important;
    object-fit: contain !important;
}

slidebox--actions > .btns li a.shine span,
slidebox--actions > .btns a.Show__Movie span,
a.Show__Movie span,
.Small--Box .content-back .watchlist-add span,
.watchlist-add span,
.BTNSDownWatch a.watch span,
.BTNSDownWatch a.download span,
.WatchBar a.watch span,
.WatchBar a.download span,
a.goWatch span,
a.downloadsLink span,
ul.download-items li a span,
.ThemeSXCom_BTNSDownWatch a span,
.ThemeSXCom_allbtn a span,
a.AddFevorite span,
.AddFevorite span,
.singleFav span,
a.btn.btn-sm.info.fav span,
.BTNSDownWatch > a span em,
.BTNSDownWatch > a span p {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: 1.2 !important;
    text-align: center !important;
    white-space: nowrap !important;
}

.BTNSDownWatch > a span {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-width: 0 !important;
}

slidebox--actions > .btns li a.shine {
    min-width: 170px !important;
}

slidebox--actions > .btns a.Show__Movie {
    min-width: 140px !important;
}

.BTNSDownWatch a.watch,
.BTNSDownWatch a.download,
.WatchBar a.watch,
.WatchBar a.download {
    width: 100% !important;
}

@media only screen and (max-width: 1180px) {
    slidebox--actions > .btns {
        gap: 8px !important;
        flex-wrap: wrap !important;
    }

    slidebox--actions > .btns li a.shine,
    slidebox--actions > .btns a.Show__Movie,
    a.Show__Movie,
    .Small--Box .content-back .watchlist-add,
    .watchlist-add,
    .BTNSDownWatch a.watch,
    .BTNSDownWatch a.download,
    .WatchBar a.watch,
    .WatchBar a.download,
    a.goWatch,
    a.goWatch.Download,
    a.downloadsLink,
    ul.download-items li a,
    .ThemeSXCom_BTNSDownWatch a,
    .ThemeSXCom_allbtn a,
    a.AddFevorite,
    .AddFevorite,
    .singleFav a,
    a.btn.btn-sm.info.fav {
        min-height: 42px !important;
        padding: 9px 12px !important;
        gap: 7px !important;
        font-size: 14px !important;
        white-space: nowrap !important;
    }

    slidebox--actions > .btns li a.shine i,
    slidebox--actions > .btns a.Show__Movie i,
    a.Show__Movie i,
    .Small--Box .content-back .watchlist-add i,
    .watchlist-add i,
    .BTNSDownWatch a.watch i,
    .BTNSDownWatch a.download i,
    .BTNSDownWatch a.watch svg,
    .BTNSDownWatch a.download svg,
    .WatchBar a.watch i,
    .WatchBar a.download i,
    a.goWatch i,
    a.goWatch svg,
    a.downloadsLink i,
    ul.download-items li a i,
    .ThemeSXCom_BTNSDownWatch a i,
    .ThemeSXCom_allbtn a i,
    a.AddFevorite i,
    .AddFevorite i,
    .singleFav i,
    .singleFav svg,
    a.btn.btn-sm.info.fav i {
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        min-height: 20px !important;
        max-width: 20px !important;
        max-height: 20px !important;
        flex-basis: 20px !important;
        font-size: 18px !important;
    }

    .BTNSDownWatch {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
    }

    .BTNSDownWatch a.watch,
    .BTNSDownWatch a.download {
        flex: 1 1 calc((100% - 10px) / 2) !important;
        width: auto !important;
        min-width: 0 !important;
    }
}

/* Final tiny visual correction: keep action/meta/quality icons upright */
.slidebox--actions .fa,
.slidebox--actions .fas,
.slidebox--actions .far,
.slidebox--actions .fal,
.BTNSDownWatch .fa,
.BTNSDownWatch .fas,
.BTNSDownWatch .far,
.BTNSDownWatch .fal,
.WatchBar .fa,
.WatchBar .fas,
.WatchBar .far,
.WatchBar .fal,
.ThemeSXCom_BTNSDownWatch .fa,
.ThemeSXCom_BTNSDownWatch .fas,
.ThemeSXCom_BTNSDownWatch .far,
.ThemeSXCom_BTNSDownWatch .fal,
.ThemeSXCom_allbtn .fa,
.ThemeSXCom_allbtn .fas,
.ThemeSXCom_allbtn .far,
.ThemeSXCom_allbtn .fal,
.Small--Box .content-back .fa,
.Small--Box .content-back .fas,
.Small--Box .content-back .far,
.Small--Box .content-back .fal,
.watchlist-add .fa,
.watchlist-add .fas,
.watchlist-add .far,
.watchlist-add .fal,
.AddFevorite .fa,
.AddFevorite .fas,
.AddFevorite .far,
.AddFevorite .fal,
.singleFav .fa,
.singleFav .fas,
.singleFav .far,
.singleFav .fal,
.quality .fa,
.quality .fas,
.quality .far,
.quality .fal,
[aria-label="ribbon"] .fa,
[aria-label="ribbon"] .fas,
[aria-label="ribbon"] .far,
[aria-label="ribbon"] .fal {
    font-style: normal !important;
    transform: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

@media only screen and (max-width: 767px) {
    body.single .site-inner,
    body.single main.site-inner,
    body.archive .site-inner,
    body.archive main.site-inner,
    body.category .site-inner,
    body.category main.site-inner,
    body.tax-series .site-inner,
    body.tax-series main.site-inner,
    body.page .site-inner,
    body.page main.site-inner {
        padding-top: 12px !important;
        margin-top: 0 !important;
    }

    body.single .singleCover,
    body.single section.singleCover,
    body.single .SingleContent,
    body.single .SecondPart,
    body.archive .PageContent,
    body.category .PageContent,
    body.tax-series .PageContent,
    body.page .PageContent {
        margin-top: 12px !important;
        padding-top: 0 !important;
    }

    body.archive .BlocksHolder,
    body.archive .Posts--Grid,
    body.archive .Block--Grid,
    body.archive .Terms--Grid,
    body.category .BlocksHolder,
    body.category .Posts--Grid,
    body.category .Block--Grid,
    body.category .Terms--Grid,
    body.tax-series .BlocksHolder,
    body.tax-series .Posts--Grid,
    body.tax-series .Block--Grid,
    body.tax-series .Terms--Grid,
    body.page .BlocksHolder,
    body.page .Posts--Grid,
    body.page .Block--Grid,
    body.page .Terms--Grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    body.archive .BlocksHolder > *,
    body.archive .Posts--Grid > *,
    body.archive .Block--Grid > *,
    body.archive .Terms--Grid > *,
    body.category .BlocksHolder > *,
    body.category .Posts--Grid > *,
    body.category .Block--Grid > *,
    body.category .Terms--Grid > *,
    body.tax-series .BlocksHolder > *,
    body.tax-series .Posts--Grid > *,
    body.tax-series .Block--Grid > *,
    body.tax-series .Terms--Grid > *,
    body.page .BlocksHolder > *,
    body.page .Posts--Grid > *,
    body.page .Block--Grid > *,
    body.page .Terms--Grid > * {
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        flex: initial !important;
    }
}

/* Final live-DOM fix: mobile archive grids and quality icon fallback */
.quality i.fa-tv-retro,
[aria-label="ribbon"] i.fa-tv-retro,
ul.RightTaxContent li i.fa-tv-retro {
    position: static !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 18px !important;
    margin: 0 0 0 5px !important;
    padding: 0 !important;
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome, sans-serif !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    transform: none !important;
    vertical-align: middle !important;
    text-align: center !important;
}

.quality i.fa-tv-retro::before,
[aria-label="ribbon"] i.fa-tv-retro::before,
ul.RightTaxContent li i.fa-tv-retro::before {
    content: "\f26c" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 18px !important;
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome, sans-serif !important;
    font-style: normal !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    transform: none !important;
}

@media only screen and (max-width: 767px) {
    body .SearchInnerList.BlocksHolder {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        width: calc(100% - 24px) !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
        align-items: start !important;
    }

    body .SearchInnerList.BlocksHolder > .Small--Box,
    body .SearchInnerList.BlocksHolder > .MovieItem,
    body .SearchInnerList.BlocksHolder > li {
        display: block !important;
        flex: none !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body .SearchInnerList.BlocksHolder .Small--Box a,
    body .SearchInnerList.BlocksHolder .MovieItem a {
        width: 100% !important;
    }
}

/* TopCinema-style internal story/content scroll */
.StoryArea,
.SingleContent {
    position: relative !important;
}

.StoryArea > p.nova-story-scrollable,
.SingleContent.nova-story-scrollable {
    max-height: calc(4.5em) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    line-height: 1.5 !important;
    padding-inline-end: 8px !important;
    box-sizing: border-box !important;
    scrollbar-width: thin !important;
    scrollbar-color: #8B5CF6 rgba(255, 255, 255, 0.08) !important;
    direction: rtl !important;
    text-align: right !important;
    unicode-bidi: isolate !important;
}

.StoryArea > p.nova-story-scrollable::-webkit-scrollbar,
.SingleContent.nova-story-scrollable::-webkit-scrollbar {
    width: 4px !important;
}

.StoryArea > p.nova-story-scrollable::-webkit-scrollbar-track,
.SingleContent.nova-story-scrollable::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.06) !important;
    border-radius: 4px !important;
}

.StoryArea > p.nova-story-scrollable::-webkit-scrollbar-thumb,
.SingleContent.nova-story-scrollable::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #9e61ff 0%, #6c52ee 52%, #619bff 100%) !important;
    border-radius: 4px !important;
}

.StoryArea.nova-has-story-scroll::before,
.StoryArea.nova-has-story-scroll::after,
.SingleContent.nova-has-story-scroll::before,
.SingleContent.nova-has-story-scroll::after {
    position: absolute !important;
    left: 8px !important;
    z-index: 5 !important;
    width: 18px !important;
    height: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    color: #fff !important;
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", FontAwesome, sans-serif !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    background: linear-gradient(248.28deg, #9e61ff 9.54%, rgba(142, 97, 255, 0) 32.8%), radial-gradient(81.71% 279.87% at -16.57% -92%, #619bff 28.69%, rgba(205, 219, 248, 0) 69.54%), #6c52ee !important;
    box-shadow: 0 6px 18px rgba(108, 82, 238, .35) !important;
    pointer-events: none !important;
}

.StoryArea.nova-has-story-scroll::before,
.SingleContent.nova-has-story-scroll::before {
    content: "\f106" !important;
    top: 6px !important;
}

.StoryArea.nova-has-story-scroll::after,
.SingleContent.nova-has-story-scroll::after {
    content: "\f107" !important;
    bottom: 6px !important;
}

@media only screen and (max-width: 767px) {
    .StoryArea > p.nova-story-scrollable,
    .SingleContent.nova-story-scrollable {
        padding-inline-end: 7px !important;
    }

    .StoryArea.nova-has-story-scroll::before,
    .StoryArea.nova-has-story-scroll::after,
    .SingleContent.nova-has-story-scroll::before,
    .SingleContent.nova-has-story-scroll::after {
        left: 6px !important;
        width: 16px !important;
        height: 16px !important;
        font-size: 10px !important;
    }
}