@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;700&display=swap');

:root {
  --main-color: #2196f3;
  --main-color-hover: #00bcd4;
  --light-color: rgba(255,255,255,.06);
  --medium-color: rgba(86,92,103,.16);
  --two-medium-color: rgb(86 92 103 / 32%);
  --bg-main-color: #191a1d;
  --swiper-theme-color: #007aff;
  --swiper-navigation-size: 44px;
}

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  direction: rtl;
  text-align: right;
}

body {
  line-height: normal;
  font-family: 'Noto Sans Arabic', Arial, Helvetica, sans-serif;
  padding: 0;
  margin: 0;
  color: #fff;
  background: #191a1d;
  min-height: 100%;
  width: 100%;
  font-weight: 400;
  font-size: 16px;
}

.message-info {
  margin-bottom: 20px;
  padding: 10px 20px;
  background-color: var(--medium-color);
  direction: rtl; /* Added for RTL */
}
.arabic-highlight {
    font-family: 'Tajawal', 'Cairo', Arial, sans-serif;
    font-weight: bold;
    color: #fff;
    padding: 3px 10px;
    border-radius: 6px;
    font-size: 1.2em;
    letter-spacing: 0.5px;
    direction: rtl;
    display: inline-block;
}

.message-info--title {
  font-weight: 700;
}

.message-info a {
  color: inherit;
  text-decoration: underline;
  font-weight: 500;
}
.playIC {
  transform: rotate(180deg); /* Rotates the icon */
  display: inline-block;      /* Ensures the transform applies properly */
  color:#135e9fc4;
}
.season-number {
    color: #2196f3; /* The desired color */
}
.colored-text {
    color: #2196f3; /* The desired color */
}
.vote-title {
  margin: 0 -30px;
  margin-bottom: 15px;
  padding: 15px 30px;
  background-color: #f6feef;
  color: #6cb030;
  line-height: 1.3;
  direction: rtl; /* Added for RTL */
}

.vote {
  margin-bottom: 10px;
  font-size: 14px;
}

.vote:after {
  content: "";
  display: table;
  clear: both;
}

.vote input {
  display: none;
}

.vote label {
  position: relative;
}

.vote label:before {
  content: "";
  margin: 0 0 0 10px; /* Changed from margin: 0 10px 0 0 */
  cursor: pointer;
  position: relative;
  top: -1px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #ccc;
  display: inline-block;
  vertical-align: middle;
}

.vote input:checked+label:before {
  box-shadow: inset 0 0 0 4px #e04d89;
  background-color: #e04d89;
}

.vote label:hover {
  cursor: pointer;
  color: #ee5256;
}

.vcount {
  margin-top: 10px;
}

.vote-buts {
  padding: 10px 0 0;
}

.vvote {
  width: 50%;
  padding: 0 !important;
  font-size: 14px !important;
}

button.vres,
button.vall {
  width: 40px;
  text-align: center;
  padding: 0 !important;
}

.ui-icon,
.close {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
}

#pollbox {
  border-bottom: 1px dashed #e3e3e3;
  padding-bottom: 22px;
}

#dle-poll-list,
#searchtable,
.pm-status {
  padding: 0 0 20px;
  border-radius: 6px;
}

.bbcodes,
.bbcodes_poll {
  margin: 10px 0 0 10px; /* Changed from margin: 10px 10px 0 0 */
}

.bbcodes_poll {
  width: 100px;
}

.fbutton {
  margin-left: 10px; /* Changed from margin-right: 10px */
}

fieldset {
  border: 1px solid #bfced6;
  padding: 5px;
  text-align: right; /* Changed from text-align: left */
}

.service-pages {
  background-color: #2f343a;
  min-height: 100vh;
}

.service-pages__container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

.service-pages__sidebar {
  width: 260px;
}

.service-pages__main {
  background-color: #fff;
  padding: 40px;
}

.service-pages__menu {
  position: sticky;
  right: 0; /* Changed from left: 0 */
  top: 20px;
}

.service-pages__menu a {
  display: block;
  padding: 15px 20px;
  color: #fff;
}

.service-pages__menu a:hover {
  background-color: #686de0;
}

.service-pages__menu a.service-pages__menu-link--is-active {
  background-color: #fff;
  color: #000;
}

.form__header {
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.form__title {
  font-size: 24px;
  font-weight: 400;
  flex: 1 1 0;
  max-width: 100%;
  min-width: 50px;
}

.form__row {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
}

.form__caption {
  width: 200px;
  padding-left: 20px; /* Changed from padding-right: 20px */
}

.form__content {
  flex: 1 1 0;
  position: relative;
  max-width: 100%;
  min-width: 50px;
}

.form__label--important::after {
  content: "*";
  margin: 0 5px 0 0; /* Changed from margin: 0 0 0 5px */
  color: #e85319;
}

.form__caption--above {
  width: 100%;
  padding: 15px 20px;
  background-color: var(--medium-color);
  color: #fff;
}

.form__btn,
.qq-upload-button,
.pm__links a,
.usp__btn a {
  cursor: pointer;
  display: inline-block;
  padding: 0 20px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  background-color: var(--main-color);
  color: #fff;
  line-height: 40px;
  box-shadow: none;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.form__btn--secondary {
  background-color: #eee;
  color: #000;
  margin-right: 20px; /* Changed from margin-left: 20px */
}

.form__btn--find-related {
  position: absolute;
  left: 0; /* Changed from right: 0 */
  top: 0;
  margin: 0;
  padding: 0 10px;
  font-size: 12px !important;
}

.form__btn:hover,
.qq-upload-button:hover,
.pm__links a:hover,
.usp__btn a:hover {
  background-color: var(--main-color-hover);
  color: #fff;
}

.form__content--admintag {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: -20px; /* Changed from margin-right: -20px */
}

.form__content--admintag .checkbox {
  width: 33.33%;
  margin-bottom: 20px;
  padding-left: 20px; /* Changed from padding-right: 20px */
}

.checkbox,
.comments_subscribe {
  position: relative;
  padding-right: 50px; /* Changed from padding-left: 50px */
}

.checkbox input,
.comments_subscribe input {
  appearance: none;
  -webkit-appearance: none;
  display: inline-block;
  transition: all .2s linear;
  height: 20px;
  width: 40px;
  border-radius: 10px;
  background-color: #232529;
  cursor: pointer;
  box-shadow: inset 0 2px 5px rgba(0,0,0,.1);
  position: absolute;
  right: 0; /* Changed from left: 0 */
  top: 50%;
  margin-top: -10px;
}

.checkbox input::before,
.comments_subscribe input::before {
  content: '';
  width: 18px;
  height: 18px;
  border-radius: 10px;
  position: absolute;
  right: 1px; /* Changed from left: 1px */
  top: 1px;
  background-color: #fff;
  transition: all .2s linear;
}

.checkbox input:checked,
.comments_subscribe input:checked {
  background-color: #6ab04c;
}

.checkbox input:checked::before,
.comments_subscribe input:checked::before {
  right: 21px; /* Changed from left: 21px */
}

.findrelated {
  margin-top: 10px;
  padding: 8px 10px;
  background-color: #f6e58d;
  font-size: 12px;
}

.form__table {
  width: 100%;
}

.form__table td {
  padding-bottom: 20px;
}

.form__table .addnews {
  width: 200px;
}

.xfields textarea,
.xprofile textarea,
.form__textarea-inside textarea,
#comments_ifr {
  height: 100%;
}

.xfields input,
.xprofile input {
 max-width: 100%;
}

.xfields_table td {
  vertical-align: top;
}

.xfields .bb-editor,
.xfields .wseditor {
  margin-top: 10px;
}

.form__content--sec-code input {
  display: inline-block;
  max-width: 210px;
  vertical-align: middle;
  margin-left: 10px; /* Changed from margin-right: 10px */
  height: 80px;
  line-height: 80px;
  font-size: 24px;
}

.form__content--sec-code>a {
  display: inline-block;
  vertical-align: middle;
}

#result-registration>span {
  display: inline-block;
  margin-top: 10px;
}

.form__content select,
#category {
  width: 100% !important;
}

.form__content--usertag .checkbox {
  width: 50%;
}

.search-page__title {
  font-size: 24px;
  margin-bottom: 20px;
}

.search-page .search>div {
  display: flex;
  justify-content: space-between;
  margin: 0 !important;
  padding-bottom: 10px;
  border-radius: 6px;
  box-shadow: 0 4px 24px rgba(0,0,0,.04);
}

.search-page .search br {
  display: none;
}

.search-page .search #searchinput {
  flex: 1 1 0;
  margin-left: 20px; /* Changed from margin-right: 20px */
  min-width: 100px;
}

.searchstyle {
  width: 480px;
}

.search {
  padding: 0;
}

#searchtable,
#searchtable td {
  vertical-align: top;
  text-align: right; /* Changed from text-align: left */
}

#searchtable fieldset {
  font-size: 11px;
  border: 1px solid #d7d7d7;
  padding: 10px;
  text-align: right; /* Changed from text-align: left */
  margin: 0 0 4px 4px !important; /* Changed from margin: 0 4px 4px 0 !important */
  border-radius: 6px;
}

fieldset legend {
  font-size: 11px;
  font-weight: 700;
  color: #696969;
}

#searchtable table,
#searchtable form {
  margin: 0;
  width: 100%;
}

#searchtable select {
  background-color: #fff;
}

#searchuser,
#searchinput {
  width: 90% !important;
}

.search>div {
  margin-bottom: 10px;
}

.search input[type=text],
.search select {
  display: block;
  width: 100% !important;
  margin-bottom: 10px;
  font-weight: 300;
  background-color: transparent;
  border-bottom: 1px solid #d8d8d8;
  border-radius: 0;
  color: #d8d8d8;
  font-size: 28px;
  line-height: 1;
  padding: 10px 0 30px;
}

.search input[type=text]::placeholder {
  font-size: 20px;
  color: #d8d8d8;
}

.search input[type=checkbox],
.search input[type=radio] {
  margin-left: 5px; /* Changed from margin-right: 5px */
}

#searchinput+br,
#searchinput+br+br {
  display: none;
}

#loading-layer {
  display: flex !important;
  z-index: 9999 !important;
  background-color: var(--medium-color);
  position: fixed;
  top: 20px !important;
  right: auto !important; /* Changed from left: auto !important */
  left: 20px; /* Changed from right: 20px */
  bottom: auto;
  height: 80px;
  flex-direction: column;
  justify-content: center;
  width: 340px;
  max-width: calc(100% - 40px);
  padding: 0 20px;
  border-right: 80px solid var(--medium-color); /* Changed from border-left */
  box-shadow: 0 0 30px rgba(0,0,0,.2);
  line-height: 1.4;
}

#loading-layer::after {
  border-radius: 50%;
  content: '';
  position: absolute;
  top: 50%;
  right: 0%; /* Changed from left: 0% */
}

#loading-layer::after {
  width: 30px;
  height: 30px;
  margin: -25px 0 0 65px; /* Changed from margin: -25px 0 0 -65px */
  border: 10px solid rgba(255,255,255,.2);
  border-right-color: var(--ui-text-color-on-accent); /* Changed from border-left-color */
  animation: spin 1s infinite linear;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.scriptcode,
.title_spoiler,
.text_spoiler {
  padding: 3px 5px;
  background: #f0f0f0;
  border: 1px solid #e3e3e3;
}

.title_quote {
  font-weight: 700;
  margin-bottom: 6px;
}

.quote {
  border-radius: 10px;
  margin: 0 0 10px 0;
  padding: 10px 15px;
  background-color: var(--two-medium-color);
  border-right: 3px solid var(--main-color); /* Changed from border-left */
}

.title_spoiler {
  margin-top: 2px;
}

.text_spoiler {
  margin-bottom: 2px;
}

.title_spoiler img {
  vertical-align: middle !important;
  margin: 0 0 0 5px; /* Changed from margin: 0 5px 0 0 */
  border: 0;
}

.scriptcode {
  color: #4c6d0f;
  text-align: right; /* Changed from text-align: left */
  font-family: courier new;
}

.title_spoiler {
  font-weight: 400;
}

.text_spoiler {
  border-top: 0;
  text-align: justify;
}

.hide {
  background-color: #f0f0f0;
  padding: 5px;
  color: #000;
  margin: 0 0 1em;
}

.hide a {
  text-decoration: underline;
}

.hide a:hover {
  text-decoration: none;
}

.inhide {
  border: 1px solid #d1e3ef;
  padding: 5px;
  background-color: #fff;
  margin-bottom: 5px;
}

.bb-pane {
  border-bottom: 1px solid rgba(86,92,103,.16);
  background-color: var(--two-medium-color);
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 10px 10px 10px 1px; /* Changed from padding: 10px 1px 10px 10px */
  border-radius: 10px 10px 0 0;
  position: relative;
  z-index: 10;
  margin-top: 20px;
}

.bb-btn {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  width: 30px;
  margin-left: 5px; /* Changed from margin-right: 5px */
  cursor: pointer;
  font-size: 14px;
  border-radius: 4px;
  text-align: center;
  transition: all .3s;
}

.bb-btn:hover {
  color: #000;
  background-color: #fff;
}

@font-face {
  font-family: bb-editor-font;
  src: url(../fonts/bb-editor.woff) format('woff');
  font-weight: 400;
  font-style: normal;
}

[class^=bb-btn],
[class*=" bb-btn"] {
  font-family: bb-editor-font;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bb-sel {
  float: right; /* Changed from float: left */
  padding: 2px 2px 0;
}

.bb-sel select {
  font-size: 11px;
}

.bb-sep {
  display: inline-block;
  float: right; /* Changed from float: left */
  width: 1px;
  padding: 2px;
}

.bb-btn {
  cursor: pointer;
  outline: 0;
}

#b_font select {
  padding: 0;
}

#b_size select {
  padding: 0;
}

#b_b:before {
  content: "\f032";
}

#b_i:before {
  content: "\f033";
}

#b_u:before {
  content: "\f0cd";
}

#b_s:before {
  content: "\f0cc";
}

#b_img:before {
  content: "\f03e";
}

#b_up:before {
  content: "\e930";
}

#b_emo:before {
  content: "\f118";
}

#b_url:before {
  content: "\f0c1";
}

#b_leech:before {
  content: "\e98d";
}

#b_mail:before {
  content: "\f003";
}

#b_video:before {
  content: "\e913";
}

#b_audio:before {
  content: "\e911";
}

#b_hide:before {
  content: "\e9d1";
}

#b_quote:before {
  content: "\e977";
}

#b_code:before {
  content: "\f121";
}

#b_left:before {
  content: "\f038"; /* Changed to represent right alignment */
}

#b_center:before {
  content: "\f037";
}

#b_right:before {
  content: "\f036"; /* Changed to represent left alignment */
}

#b_color:before {
  content: "\e601";
}

#b_spoiler:before {
  content: "\e600";
}

#b_fla:before {
  content: "\ea8d";
}

#b_yt:before {
  content: "\f166";
}

#b_tf:before {
  content: "\ea61";
}

#b_list:before {
  content: "\f0ca";
}

#b_ol:before {
  content: "\f0cb";
}

#b_tnl:before {
  content: "\ea61";
}

#b_br:before {
  content: "\ea68";
}

#b_pl:before {
  content: "\ea72";
}

#b_size:before {
  content: "\f034";
}

#b_font:before {
  content: "\f031";
}

#b_header:before {
  content: "\f1dc";
}

#b_sub:before {
  content: "\f12c";
}

#b_sup:before {
  content: "\f12b";
}

#b_justify:before {
  content: "\f039";
}

.bb-pane h1 {
  font-size: 36px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.bb-pane h2 {
  font-size: 30px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.bb-pane h3 {
  font-size: 24px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.bb-pane h4 {
  font-size: 18px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.bb-pane h5 {
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.bb-pane h6 {
  font-size: 12px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.bb-pane-dropdown {
  position: absolute;
  top: 100%;
  right: 0; /* Changed from left: 0 */
  z-index: 1000;
  display: none;
  float: right; /* Changed from float: left */
  min-width: 180px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 11px;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 1px 2px #dadada;
}

.bb-pane-dropdown>li>a {
  display: block;
  padding: 3px 10px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857;
  color: #333;
  white-space: nowrap;
}

.bb-pane-dropdown>li>a:hover,
.bb-pane-dropdown>li>a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

.bb-pane-dropdown .color-palette div .color-btn {
  width: 17px;
  height: 17px;
  padding: 0;
  margin: 0;
  border: 1px solid #fff;
  cursor: pointer;
}

.bb-pane-dropdown .color-palette {
  padding: 0 5px;
}

.bb-editor textarea {
  margin-top: -1px;
}

.editorcomm .bb-editor {
  width: 565px;
}

.editorcomm .bb-editor textarea {
  height: 200px;
}

.quick-edit-text {
  padding: .4em;
  width: 350px;
}

.quick-edit-textarea {
  height: 250px;
  padding: 2px;
  border: 1px solid #d7d7d7;
  width: 100%;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

#dropmenudiv {
  font: 12px Arial;
  padding: 10px;
  display: none;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 50px 0 rgba(0,0,0,.22);
  z-index: 200 !important;
}

#dropmenudiv a {
  display: block;
  text-decoration: none;
  padding: 5px 8px;
  width: 154px;
  color: #000;
}

#searchsuggestions {
  box-sizing: border-box;
}

#searchsuggestions span.seperator a {
  padding: 10px 0;
  text-align: center;
  background-color: #444;
  color: #fff;
}

#searchsuggestions span.notfound {
  padding: 15px 20px;
}

#searchsuggestions .break,
#searchsuggestions span.seperator {
  display: none;
}

.ui-widget-overlay {
  background: #000;
  opacity: .5;
  right: 0; /* Changed from left: 0 */
  top: 0;
  left: 0; /* Changed from right: 0 */
  bottom: 0;
  position: fixed;
}

* html .ui-helper-clearfix {
  height: 1%;
}

.ui-helper-clearfix {
  display: block;
}

.ui-dialog {
  background-color: var(--bg-main-color);
  color: #a5a1b2;
  position: absolute;
  width: 500px;
  box-shadow: 0 20px 60px rgba(0,0,0,.3);
  border-radius: 10px;
  overflow: hidden;
}

.ui-dialog-titlebar {
  background-color: var(--main-color);
  color: #fff;
}

.ui-dialog-title {
  display: block;
  font-size: 18px;
  padding: 15px 30px 15px 60px; /* Changed from padding: 15px 60px 15px 30px */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-content {
  padding: 30px;
  overflow: auto;
  position: relative;
}

.ui-dialog .ui-dialog-buttonpane {
  padding: 15px 25px;
  text-align: center;
  background-color: var(--two-medium-color);
}

.ui-icon-closethick {
  cursor: pointer;
  position: absolute;
  left: 7px; /* Changed from right: 7px */
  top: 7px;
  width: 40px;
  height: 40px;
}

.ui-icon-closethick:before {
  content: "\e914";
  font-family: icomoon;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  position: absolute;
  left: 0; /* Changed from right: 0 */
  top: 0;
  text-indent: 0;
  font-size: 18px;
  display: block;
}

.icon-close {
  width: 18px;
  height: 18px;
}

.icon-close:before {
  content: "\e914";
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  color: #8f6555;
  position: absolute;
  left: 0; /* Changed from right: 0 */
  top: 0;
  text-indent: 0;
  font-size: 14px;
  display: block;
  font-family: icomoon;
  font-style: normal;
}

.ui-dialog .ui-dialog-content>br {
  display: none;
}

.ui-dialog .ui-dialog-buttonpane button {
  height: 30px !important;
  line-height: 30px !important;
  margin: 0 5px;
  padding: 0 15px !important;
  font-size: 12px !important;
}

.ui-dialog .ui-resizable-se {
  bottom: 3px;
  height: 14px;
  left: 3px; /* Changed from right: 3px */
  width: 14px;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-state-error {
  background: #fef1ec 50% 50% repeat-x !important;
  border: 1px solid #cd0a0a;
  color: #cd0a0a;
}

.voteprogress,
.pollprogress {
  overflow: hidden;
  height: 15px;
  margin-bottom: 5px;
  background-color: #f7f7f7;
  background: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  border-radius: 4px;
}

.voteprogress span,
.pollprogress span {
  color: #fff;
  text-align: center;
  text-indent: -2000em;
  height: 15px;
  display: block;
  overflow: hidden;
  text-shadow: 0 -1px 0 rgba(0,0,0,.25);
  background: #0e90d2;
  background: linear-gradient(to bottom, #149bdf, #0480be);
}

.voteprogress .vote2,
span.poll1 {
  background-color: #dd514c;
  background: linear-gradient(to bottom, #ee5f5b, #c43c35);
}

.voteprogress .vote3,
span.poll2 {
  background-color: #5eb95e;
  background: linear-gradient(to bottom, #62c462, #57a957);
}

.voteprogress .vote4,
span.poll3 {
  background-color: #4bb1cf;
  background: linear-gradient(to bottom, #5bc0de, #339bb9);
}

.voteprogress .vote5,
span.poll4 {
  background-color: #faa732;
  background: linear-gradient(to bottom, #fbb450, #f89406);
}

.ui-autocomplete {
  position: absolute;
  cursor: default;
}

* html .ui-autocomplete {
  width: 1px;
}

.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  float: right; /* Changed from float: left */
  background: #fff 50% bottom repeat-x;
  border: 1px solid #dedede;
  color: #222;
}

.ui-menu .ui-menu {
  margin-top: -3px;
}

.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  zoom: 1;
  float: right; /* Changed from float: left */
  clear: right; /* Changed from clear: left */
  width: 100%;
}

.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: .2em .4em;
  line-height: 1.5;
  zoom: 1;
}

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: 400;
  margin: -1px;
  border: 1px solid #a7a7a7;
  color: #4e4e4e;
  font-weight: 700;
}

.comments-tree-list {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}

.comments-tree-list .comments-tree-list {
  padding-right: 25px; /* Changed from padding-left: 25px */
  position: relative;
}

.comments-tree-list .comments-tree-list22:before {
  content: "\f178 ";
  font-family: fontawesome;
  position: absolute;
  right: 0; /* Changed from left: 0 */
  top: 0;
  color: #888;
}

.comments-tree-item {
  display: block;
  margin: 0;
  padding: 0;
}

#dlefastreplycomments {
  padding: 10px;
  background: #f7f6e5;
  margin: 10px 30px 5px 0; /* Changed from margin: 10px 0 5px 30px */
}

.commentsreplyname {
  padding: 2px;
  border: 1px solid #bcc0c2;
  width: 200px;
  background: #fff;
}

#dlereplypopup form>div {
  margin-bottom: 5px;
}

#dlereplypopup form input[type=text] {
  height: 30px;
  line-height: 30px;
}

#dlereplypopup form textarea {
  height: 80px;
}

.pollallvotes {
  text-align: center;
  margin-top: 10px;
}

.emoji {
  border: none;
  vertical-align: middle;
  width: 22px;
  height: 22px;
}

.xfieldsrow {
  padding-top: 5px;
  clear: both;
}

.xfieldscolleft {
  float: right; /* Changed from float: left */
  width: 30%;
}

.xfieldscolright {
  float: right; /* Changed from float: left */
  width: 70%;
}

.file-box {
  width: 95%;
  max-width: 437px;
  border: 1px solid #b3b3b3;
  border-radius: 3px;
  background-color: #f5f5f5;
  padding: 10px;
  margin-top: 10px;
}

.qq-uploader {
  position: relative;
  width: 100%;
}

.qq-upload-drop-area {
  position: absolute;
  top: 0;
  right: 0; /* Changed from left: 0 */
  width: 100%;
  height: 100%;
  z-index: 2;
  max-width: 437px;
  background: #ff9797;
  text-align: center;
}

.qq-upload-drop-area span {
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -8px;
  font-size: 16px;
}

.qq-upload-drop-area-active {
  background: #ff7171;
}

.uploadedfile {
  width: 115px;
  height: 130px;
  margin: 10px 5px 5px;
  border: 1px solid #b3b3b3;
  box-shadow: 0 1px 4px rgba(0,0,0,.3);
  text-align: center;
  background: #fff;
}

.uploadedfile .uploadimage {
  margin-top: 5px;
  width: 115px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: move;
}

.sortable-ghost {
  opacity: .4;
}

.uploadedfile .info {
  text-align: right; /* Changed from text-align: left */
  white-space: nowrap;
  margin: 0 5px;
  overflow: hidden;
}

.progress {
  overflow: hidden;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #f5f5f5;
  height: 10px;
  border-radius: 8px;
  background: #eee;
  box-shadow: 0 1px 0 #fff, 0 0 0 1px rgba(0,0,0,.1) inset, 0 1px 4px rgba(0,0,0,.2) inset;
}

.progress .progress-bar {
  float: right; /* Changed from float: left */
  width: 0%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #428bca;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
  transition: width .6s ease;
  border-radius: 8px;
  box-shadow: none;
  height: 8px;
}

.progress-bar span {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}

.progress-blue {
  background-image: linear-gradient(to bottom, #9bcff5 0%, #6db9f0 100%);
  background-repeat: repeat-x;
  border: 1px solid #55aeee;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: .65;
}

.dle-captcha {
  position: relative;
}

.dle-captcha:after {
  clear: both;
  display: block;
  content: "";
}

.dle-captcha>a {
  float: right; /* Changed from float: left */
  margin-left: 5px; /* Changed from margin-right: 5px */
}

.dle-captcha img {
  position: relative;
  display: block;
  width: 130px;
  height: 46px;
  transition: all ease .2s;
}

.dle-captcha>input {
  float: right; /* Changed from float: left */
  width: 130px;
}

.xfieldsnote {
  color: #838383;
  font-size: .9em;
}

.instagram-media,
.twitter-tweet {
  display: inline-block !important;
}

.ui-front {
  z-index: 1000;
}

.ui-button-icon-only {
  overflow: hidden;
  text-indent: -9999px;
}

button.ui-dialog-titlebar-close {
  background-color: transparent !important;
  position: absolute;
  left: 0; /* Changed from right: 0 */
  top: 0;
}

.emoji_box {
  width: 100%;
  max-width: 390px;
}

.emoji_category {
  padding: 7px;
  clear: both;
}

.emoji_list {
  margin-top: 5px;
  margin-bottom: 5px;
  width: 100%;
  font-family: apple color emoji, segoe ui emoji, notocoloremoji, segoe ui symbol, android emoji, emojisymbols;
  font-size: 2em;
}

.emoji_symbol {
  float: right; /* Changed from float: left */
  margin-bottom: 10px;
  width: 12.5%;
  text-align: center;
}

.emoji_symbol a,
.emoji_symbol a:hover {
  cursor: pointer;
  text-decoration: none;
}

.native-emoji {
  font-size: 1.3em;
  font-family: apple color emoji, segoe ui emoji, notocoloremoji, segoe ui symbol, android emoji, emojisymbols;
}

.fa-thumbs-up {
  padding: 3px;
  color: #2196f3;
}

.fa-thumbs-down {
  padding: 3px;
  color: #ff5722;
}

i.fas.fa-bookmark {
  color: #2196f3;
  opacity: .8;
}

@font-face {
  font-family: icomoon;
  src: url(/static/fonts/icomoon.eot);
  src: url(/static/fonts/icomoon.eot#iefix) format('embedded-opentype'),
       url(/static/fonts/icomoon.ttf) format('truetype'),
       url(/static/fonts/icomoon.woff) format('woff'),
       url(/static/fonts/icomoon.svg#icomoon) format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

.fa,
.fab,
.fad,
.fal,
.far,
.fas {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.fab,
.far,
.fa,
.fal,
.far,
.fas {
  font-family: icomoon;
  font-weight: 400;
  cursor: pointer;
}

.fa-long-arrow-alt-up:before {
  content: "\e922";
}

.fa-bars:before {
  content: "\e900";
}

.fa-bookmark:before {
  content: "\e901";
}

.fa-chevron-down:before {
  content: "\e902";
}

.fa-chevron-left:before {
  content: "\e904"; /* Changed to represent right arrow */
}

.fa-chevron-right:before {
  content: "\e903"; /* Changed to represent left arrow */
}

.fa-chevron-up:before {
  content: "\e905";
}

.fa-exclamation-triangle:before {
  content: "\e906";
}

.fa-hand-thumbs-down:before {
  content: "\e907";
}

.fa-hand-thumbs-up:before {
  content: "\e908";
}

.fa-info-circle:before {
  content: "\e909";
}

.fa-microphone:before {
  content: "\e90a";
}

.fa-ondemand_video:before {
  content: "\e90b";
}

.fa-play:before {
  content: "\e90c";
}

.fa-play-circle:before {
  content: "\e90d";
}

.fa-refresh:before {
  content: "\e90e";
}

.fa-search:before {
  content: "\e90f";
  cursor: pointer;
}

.fa-shield-fill-exclamation:before {
  content: "\e910";
}

.fa-sliders-h:before {
  content: "\e911";
}

.fa-thumbs-down:before {
  content: "\e912";
}

.fa-thumbs-up:before {
  content: "\e913";
}

.fa-times:before {
  content: "\e914";
}

.fa-video_library:before {
  content: "\e915";
}

.fa-map-marker-exclamation:before {
  content: "\e910";
}

.fa-arrow-left:before {
  content: "\e918" !important; /* Changed to represent right arrow */
}

.fa-arrow-right:before {
  content: "\e917" !important; /* Changed to represent left arrow */
}

.fa-calendar-alt:before {
  content: "\e920";
}

.fa-list-alt:before {
  content: "\e921";
}

.sect-header {
  margin: 20px 0;
}

.flex-row {
  display: -webkit-box;
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.filter-wrap {
  background-color: #232529;
  box-shadow: 0 1px 5px 0 rgba(0,0,0,.15);
  border-radius: 6px;
  margin-bottom: 20px;
  padding: 20px;
}

.fb-sect-name {
  margin-bottom: 10px;
  font-weight: 600;
  opacity: .8;
}

.fb-sect {
  margin-bottom: 10px;
}

.fb-col {
  width: 29.4%;
  margin: 0 10px;
}

.fb-checks {
}

.filter-btn.btn {
  display: inline-block;
  border-radius: 4px;
  height: 36px;
  line-height: 36px;
  padding: 0 15px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 10px 0;
  cursor: pointer;
}

.flex-2>* {
  display: inline-block;
  width: 48%;
}

.flex-3>* {
  display: inline-block;
  width: 32%;
}

.flex-4>* {
  display: inline-block;
  width: 23%;
}

.fb-sel select {
  width: 100%;
}

.fb-submit input[type=button] {
  display: inline-block;
  text-align: center;
  padding: 0;
  width: 48%;
}

.fb-submit input[type=button]:hover {
}

.fb-check2 {
  margin-bottom: 5px;
}

.fb-check2 input {
  margin: 0 0 0 5px; /* Changed from margin: 0 5px 0 0 */
  vertical-align: middle;
  display: inline-block;
  position: relative;
  top: -2px;
}

.filter-wrap select {
  height: 30px;
}

.fb-sect input[type=text] {
}

.fb-check {
  position: relative;
  cursor: pointer;
  font-weight: 400;
  height: 30px;
  line-height: 30px;
  display: block;
  margin-bottom: 2px;
}

.fb-check input {
  opacity: 0;
  position: absolute;
  cursor: pointer;
}

.fb-check span {
  display: inline-block;
  padding-right: 50px; /* Changed from padding-left: 50px */
  height: 30px;
  line-height: 30px;
}

.fb-check span:before,
.fb-check span:after {
  content: '';
  position: absolute;
  top: 50%;
  transition: .3s;
}

.fb-check span:before {
  right: 0; /* Changed from left: 0 */
  height: 12px;
  margin-top: -6px;
  width: 40px;
  border-radius: 6px;
  background: #191a1d;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.6);
}

.fb-check span:after {
  right: 1px; /* Changed from left: 1px */
  height: 18px;
  width: 18px;
  margin-top: -9px;
  background: #565b65;
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0,0,0,.4);
}

.fb-check input:checked+span:before {
  background-color: var(--main-color);
}

.fb-check input:checked+span:after {
  right: 21px; /* Changed from left: 21px */
}

.filter-wrap input {
  font-size: 14px !important;
}

.berrors {
  background: #2196f3;
  margin: 20px 0;
  padding: 10px 20px;
  border-radius: 6px;
}

/*!Chosen by Patrick Filler for Harvest, http://getharvest.com Version 1.5.1*/
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100% !important;
}

.search-field .default {
  width: 100% !important;
}

.flex-2>* {
  display: inline-block;
  width: 48% !important;
}

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  right: -9999px; /* Changed from left: -9999px */
  z-index: 1010;
  width: 100%;
  border: 1px solid #111;
  border-top: 0;
  background: #191a1d;
  color: #dddfe6;
  box-shadow: 0 4px 5px rgba(0,0,0,.15);
}

.chosen-container.chosen-with-drop .chosen-drop {
  right: 0; /* Changed from left: 0 */
}

.chosen-container a {
  cursor: pointer;
}

.chosen-container .search-choice .group-name,
.chosen-container .chosen-single .group-name {
  margin-left: 4px; /* Changed from margin-right: 4px */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 400;
  color: #dddfe6;
}

.chosen-container .search-choice .group-name:after,
.chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-right: 2px; /* Changed from padding-left: 2px */
  vertical-align: top;
}

.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 8px 0 0; /* Changed from padding: 0 0 0 8px */
  height: 30px;
  line-height: 30px;
  background-color: #2196f3;
  box-shadow: 0 0 0 1px #111;
  white-space: nowrap;
  border-radius: 4px;
}

.chosen-container-single .chosen-default {
  color: #dddfe6;
}

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-left: 26px; /* Changed from margin-right: 26px */
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
  margin-left: 38px; /* Changed from margin-right: 38px */
  color: #dddfe6;
}

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 10px;
  left: 26px; /* Changed from right: 26px */
  display: block;
  width: 12px;
  height: 12px;
  background: url(/icons/chosen-sprite.png) -42px 1px no-repeat;
  font-size: 1px;
}

.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 8px;
  left: 0; /* Changed from right: 0 */
  display: block;
  width: 18px;
  height: 18px;
}

.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url(/icons/chosen-sprite.png) no-repeat 0 2px;
  position: relative;
  top: -4px;
}

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}

.chosen-container-single .chosen-search input[type=text] {
  margin: 1px 0;
  padding: 4px 5px 4px 20px; /* Changed from padding: 4px 20px 4px 5px */
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #2196f3;
  background: #fff url(/icons/chosen-sprite.png) no-repeat -20px 100%; /* Changed from 100% -20px */
  background: url(/icons/chosen-sprite.png) no-repeat -20px 100%; /* Changed from 100% -20px */
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}

.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  right: -9999px; /* Changed from left: -9999px */
}

.chosen-container .chosen-results {
  color: #dddfe6;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 0 4px 4px; /* Changed from margin: 0 4px 4px 0 */
  padding: 0 4px 0 0; /* Changed from padding: 0 0 0 4px */
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #dddfe6;
  cursor: default;
}

.chosen-container .chosen-results li.highlighted {
  background-color: #1a7bc7;
  color: #fff;
}

.chosen-container .chosen-results li.no-results {
  color: #dddfe6;
  display: list-item;
  background: #444;
}

.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: 700;
  cursor: default;
}

.chosen-container .chosen-results li.group-option {
  padding-right: 15px; /* Changed from padding-left: 15px */
}

.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  color: #dddfe6;
  width: 100%;
  height: auto !important;
  height: 1%;
  background-color: #191a1d;
  box-shadow: 0 0 0 1px #111;
  cursor: text;
  border-radius: 4px;
}

.chosen-container-multi .chosen-choices li {
  float: right; /* Changed from float: left */
  list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
  margin: 1px 0;
  padding: 0 10px 0 0; /* Changed from padding: 0 0 0 10px */
  height: 30px;
  color: #dddfe6;
  outline: 0;
  border: 0 !important;
  background: 0 0 !important;
  box-shadow: none;
}

.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 0 3px 5px; /* Changed from margin: 3px 5px 3px 0 */
  padding: 0 5px 0 20px; /* Changed from padding: 0 20px 0 5px */
  border: 1px solid #2196f3;
  max-width: 100%;
  border-radius: 3px;
  background-color: #2196f3;
  color: #fff;
  line-height: 24px;
  height: 24px;
  cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  left: 3px; /* Changed from right: 3px */
  display: block;
  width: 12px;
  height: 12px;
  background: url(/icons/chosen-sprite.png) -42px 1px no-repeat;
  font-size: 1px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-left: 5px; /* Changed from padding-right: 5px */
  border: 1px solid #dddfe6;
  background-color: #e4e4e4;
  color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #dddfe6;
  cursor: default;
}

.chosen-container-active .chosen-single {
  box-shadow: 0 0 0 1px #1856a9;
}

.chosen-container-active.chosen-with-drop .chosen-single {
  box-shadow: 0 0 0 1px #1856a9;
}

.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none; /* Changed from border-left: none */
  background: 0 0;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}

.chosen-container-active .chosen-choices {
  box-shadow: 0 0 0 1px #1856a9;
}

.chosen-container-active .chosen-choices li.search-field input[type=text] {
  color: #2196f3 !important;
}

.chosen-disabled {
  opacity: .5 !important;
  cursor: default;
}

.chosen-disabled .chosen-single {
  cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

.irs {
  position: relative;
  display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.irs-line {
  position: relative;
  display: block;
  overflow: hidden;
  outline: none !important;
}

.irs-line-left,
.irs-line-mid,
.irs-line-right {
  position: absolute;
  display: block;
  top: 0;
}

.irs-line-left {
  right: 0; /* Changed from left: 0 */
  width: 11%;
}

.irs-line-mid {
  right: 9%; /* Changed from left: 9% */
  width: 82%;
}

.irs-line-right {
  left: 0; /* Changed from right: 0 */
  width: 11%;
}

.irs-bar {
  position: absolute;
  display: block;
  right: 0; /* Changed from left: 0 */
  width: 0;
}

.irs-bar-edge {
  position: absolute;
  display: block;
  top: 0;
  right: 0; /* Changed from left: 0 */
}

.irs-shadow {
  position: absolute;
  display: none;
  right: 0; /* Changed from left: 0 */
  width: 0;
}

.irs-slider {
  position: absolute;
  display: block;
  cursor: default;
  z-index: 1;
}

.irs-slider.single {
}

.irs-slider.from {
}

.irs-slider.to {
}

.irs-slider.type_last {
  z-index: 2;
}

.irs-min {
  position: absolute;
  display: block;
  right: 0; /* Changed from left: 0 */
  cursor: default;
}

.irs-max {
  position: absolute;
  display: block;
  left: 0; /* Changed from right: 0 */
  cursor: default;
}

.irs-from,
.irs-to,
.irs-single {
  position: absolute;
  display: block;
  top: 0;
  right: 0; /* Changed from left: 0 */
  cursor: default;
  white-space: nowrap;
}
.overview-arabic {
    font-family: 'Tajawal', 'Cairo', Arial, sans-serif; /* Arabic-friendly fonts */
    direction: rtl;
    text-align: right;
    letter-spacing: 0.02em; /* Optional: improves readability */
    font-size: 16px; /* Optional: adjust as needed */
}
.irs-grid {
  position: absolute;
  display: none;
  bottom: 0;
  right: 0; /* Changed from left: 0 */
  width: 100%;
  height: 20px;
}

.irs-with-grid .irs-grid {
  display: block;
}

.irs-grid-pol {
  position: absolute;
  top: 0;
  right: 0; /* Changed from left: 0 */
  width: 1px;
  height: 8px;
  background: #ec2828;
}

.irs-grid-pol.small {
  height: 4px;
}

.irs-grid-text {
  position: absolute;
  bottom: 0;
  right: 0; /* Changed from left: 0 */
  white-space: nowrap;
  text-align: center;
  font-size: 9px;
  line-height: 9px;
  padding: 0 3px;
  color: #ec2828;
}

.irs-disable-mask {
  position: absolute;
  display: block;
  top: 0;
  right: -1%; /* Changed from left: -1% */
  width: 102%;
  height: 100%;
  cursor: default;
  background: transparent;
  z-index: 2;
}

.irs-disabled {
  opacity: .4;
}

.lt-ie9 .irs-disabled {
  filter: alpha(opacity=40);
}

.irs-hidden-input {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  right: 0 !important; /* Changed from left: 0 !important */
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  outline: none !important;
  z-index: -9999 !important;
  background: 0 0 !important;
  border-style: solid !important;
  border-color: transparent !important;
}

.irs-line-mid,
.irs-line-left,
.irs-line-right,
.irs-bar,
.irs-bar-edge,
.irs-slider {
}

.irs {
  height: 40px;
}

.irs-with-grid {
  height: 60px;
}

.irs-line {
  height: 8px;
  top: 25px;
}

.irs-line-left {
  height: 8px;
  background-color: #2196f3;
  border-radius: 0 4px 4px 0; /* Changed from border-radius: 4px 0 0 4px */
}


* {
  background: 0 0;
  margin: 0;
  padding: 0;
  outline: none;
  border: 0;
  box-sizing: border-box;
  direction: rtl; /* Added for RTL */
}

ol,
ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img,
table,
iframe,
video,
frame,
embed,
object {
  max-width: 100%;
}



body.modal-opened {
  overflow: hidden;
}

a {
  color: #fff;
  text-decoration: none;
}

a:hover {
  color: #f7f7f7;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5 {
  font-weight: 400;
  font-size: 14px;
}

::selection {
  background: #f6e58d;
  color: #000;
}

b,
strong {
  font-weight: 700;
  font-family: 'Tajawal', 'Cairo', Arial, sans-serif; /* Arabic-friendly fonts */
  direction: rtl;
  text-align: right;
  letter-spacing: 0.02em; /* Optional: improves Arabic readability */
}

button,
select,
textarea,
input[type=text],
input[type=password],
input[type=button],
input[type=submit] {
  appearance: none;
  -webkit-appearance: none;
  font-size: 16px;
  font-family: montserrat, sans-serif;
}

button:not(.btn-vion):not(.header__seatch_submit):not([class*=fr]):not([class*=jGrowl]):not(.searchbox__btn):not([class*=fancybox]):not([class*=slick-custom-arrow]):not(.form__btn):not([id*=mceu]),
.button,
.btn,
input[type=button]:not(.form__btn),
input[type=reset],
input[type=submit] {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  background: var(--main-color);
  color: #fff;
  font-size: 1.4rem;
  font-weight: 600;
  border-radius: 6px;
}

button:not(.btn-vion):not(.header__seatch_submit):not([class*=fr]):not([class*=plyr]):not(.search-btn):not([class*=fancybox]):not([class*=slick-custom-arrow]):not(.form__btn):not([id*=mceu]):hover,
.button:hover,
.btn:hover,
input[type=button]:not(.form__btn):hover,
input[type=reset]:hover,
input[type=submit]:hover {
  background-color: var(--main-color-hover);
  color: #fff;
}

button:active,
input[type=button]:active,
input[type=submit]:active {
  box-shadow: inset 0 1px 4px 0 rgba(0,0,0,.1);
}

input[type=text],
input[type=password] {
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  padding: 0 15px;
}

select {
  height: 40px;
  padding: 0 15px;
  display: block;
}

select:not([multiple]) {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgc3R5bGU9Imlzb2xhdGlvbjppc29sYXRlIiB2aWV3Qm94PSIwIDAgMjAgMjAiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZD0iIE0gOS45NiAxMS45NjYgTCAzLjUyMyA1LjU4OSBDIDIuNDY0IDQuNjI3IDAuNDk1IDYuODQyIDEuNTA1IDcuNzcxIEwgMS41MDUgNy43NzEgTCA4LjQ5NCAxNC43NjMgQyA5LjEzOCAxNS4zNSAxMC42NTUgMTUuMzY5IDExLjI5IDE0Ljc2MyBMIDExLjI5IDE0Ljc2MyBMIDE4LjQ5IDcuNzcxIEMgMTkuNTU3IDYuNzUyIDE3LjM2NCA0LjY4IDE2LjI2MiA1LjcyNSBMIDE2LjI2MiA1LjcyNSBMIDkuOTYgMTEuOTY2IFogIiBmaWxsPSIjN2Q3OTg2Ii8+PC9zdmc+);
  padding-left: 30px; /* Changed from padding-right: 30px */
  background-repeat: no-repeat;
  background-position: left 15px top 50%; /* Changed from right 15px */
  background-size: .6em auto;
}

select option {
  padding: 6px 10px;
}

select[multiple] {
  padding: 0 5px;
}

textarea {
  padding: 15px;
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

input[type=text],
input[type=password],
select,
textarea {
  color: #999;
  width: 100%;
  background-color: var(--medium-color);
}

input::placeholder,
textarea::placeholder {
  color: #999;
  opacity: .5;
  font-size: 1.4rem;
}

input:focus::placeholder,
textarea:focus::placeholder {
  color: transparent;
}

.img-box,
.img-wide,
.img-responsive,
.img-fit-cover {
  overflow: hidden;
  position: relative;
}

.img-responsive {
  padding-top: 60%;
}

.img-responsive-portrait {
  padding-top: 140%;
}

.img-box>img,
.img-responsive>img {
  width: 100%;
  min-height: 100%;
  display: block;
}

.img-responsive>img {
  position: absolute;
  right: 0; /* Changed from left: 0 */
  top: 0;
}

.img-wide img,
.img-wide>a {
  width: 100%;
  display: block;
}

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

.clr {
  clear: both;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.ws-nowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.d-none {
  display: none;
}

.d-flex,
#dle-content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.m-flex {
  display: flex;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.fd-column {
  flex-direction: column;
  flex-wrap: nowrap;
}

.jc-flex-start,
#dle-content {
  justify-content: flex-start;
}

.jc-space-between {
  justify-content: space-between;
}

.jc-center {
  justify-content: center;
}

.js-flex-end {
  justify-content: flex-end;
}

.ai-flex-start {
  align-items: flex-start;
}

.ai-center {
  align-items: center;
}

.ai-baseline {
  align-items: baseline;
}

.order-first {
  order: -1;
}

.order-last {
  order: 10;
}

.flex-grow-1,
.fx-1,
.stretch-free-width {
  flex: 1 1 0;
  max-width: 100%;
  min-width: 50px;
}

.icon-at-left [class*=fa-],
.icon-left .icon {
  margin-left: 10px; /* Changed from margin-right: 10px */
}

.icon-at-right [class*=fa-],
.icon-right .icon {
  margin-right: 10px; /* Changed from margin-left: 10px */
}

.hidden,
#dofullsearch,
.form__header .form__btn,
body>img {
  display: none;
}

.animated-element,
button,
.btn,
.logo,
.menu a,
.footer__menu a,
.card__title span,
.header__register-link {
  transition: all .3s;
}

.fx-row {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

#dle-content>*:not(.item),
#dle-content {
  width: 100%;
}

#dle-content,
.d-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  grid-gap: 20px 20px;
  grid-auto-flow: row dense;
}

#dle-content>*:not(.movie-item) {
  grid-column: 1/-1;
}

#searchsuggestions>*:not(.item),
#searchsuggestions {
  width: 100%;
}

#searchsuggestions,
.d-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  grid-gap: 20px 20px;
  grid-auto-flow: row dense;
}

#searchsuggestions>*:not(.movie-item) {
  grid-column: 1/-1;
}

.mtitle {
  font-weight: 600;
  font-size: 29px;
  line-height: 32px;
  margin-bottom: 20px;
}

.sect-about-text h2 {
  font-size: 20px;
  font-weight: 600;
  margin: 10px 0;
}

.irs-line-mid {
  height: 8px;
  background-color: #2196f3;
}

.irs-line-right {
  height: 8px;
  background-color: #2196f3;
  border-radius: 4px 0 0 4px; /* Changed from border-radius: 0 4px 4px 0 */
}

.irs-bar {
  height: 12px;
  top: 25px;
  background-color: #191a1d;
  border-radius: 4px;
}

.irs-bar-edge {
  top: 25px;
  height: 8px;
  width: 11px;
  background-color: #2196f3;
}

.irs-shadow {
  height: 1px;
  top: 34px;
  background: #2ecc71;
  opacity: .15;
}

.irs-slider {
  width: 18px;
  height: 18px;
  top: 21px;
  background-color: #565b65;
  border-radius: 50%;
}

.irs-slider.state_hover,
.irs-slider:hover {
  background-position: 0 -150px;
}

.irs-min,
.irs-max {
  color: #999;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  top: 0;
  padding: 1px 3px;
  background: rgba(0,0,0,.1);
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.lt-ie9 .irs-min,
.lt-ie9 .irs-max {
  background: #ccc;
}

.irs-from,
.irs-to,
.irs-single {
  color: #fff;
  font-size: 12px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background: rgba(0,0,0,.3);
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.lt-ie9 .irs-from,
.lt-ie9 .irs-to,
.lt-ie9 .irs-single {
  background: #999;
}

.irs-grid-pol {
  background: #99a4ac;
}

.irs-grid-text {
  color: #99a4ac;
}

.irs-disabled {
}

@media screen and (max-width: 760px) {
  .filter-btn {
    display: inline-block;
    margin: 0;
    padding: 0 10px;
  }
  .fb-col {
    width: 100%;
    top: 0;
  }
  .fb-checks .fb-sect {
    flex-wrap: wrap;
  }
  .filter-wrap {
    display: none;
  }
}

.wrapper {
  min-width: 320px;
  position: relative;
  overflow: hidden;
}

.container {
  position: relative;
  padding: 0 80px;
}

.header {
  position: absolute;
  z-index: 500;
  top: 0;
  padding: 0 80px;
  right: 0; /* Changed from left: 0 */
  left: 0; /* Changed from right: 0 */
    background-image:linear-gradient( 0deg,rgba(17,17,19,0),rgba(17,17,19,.6))
  }
  .header_full {
  position: relative;
  background-image: none;
}

#trailer-place {
  display: none;
}

.video-box embed,
.video-box object,
.video-box video,
.video-box iframe,
.video-box frame {
  height: 500px;
}

.player-box {
  background-color: #232529;
  width: calc(100% - 300px - 2rem);
  max-height: 500px;
}

.player-box-season {
  background-color: #232529;
  width: calc(100% - 300px - 2rem);
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 500px;
}

.player-box img {
  width: 100%;
  height: 500px;
}

.player-box-episode {
  background-color: #232529;
  width: 100%;
  max-height: 500px;
}

.player-box-episode img {
  width: 100%;
  height: 500px;
}

.episode-nav {
  background-color: #232529;
  width: calc(100% - 300px - 2rem);
}

.player-options {
  width: 300px;
  padding: 2rem;
  border-radius: 3px;
  background: #232529;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 500px;
}
.arabic-text {
    font-family: 'Tajawal', 'Cairo', Arial, sans-serif; /* Modern Arabic font stack */
    direction: rtl;              /* Right-to-left direction for Arabic */
    text-align: right;           /* Right align is common for Arabic */
    letter-spacing: 0.02em;      /* Optional: improves readability */
}
.player-options .title-s {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 1rem;
  text-align: center;
   direction: rtl;
 font-family: 'Tajawal', 'Cairo', Arial, sans-serif;
}

.player-options .subtitle-s {
  text-align: center;
  font-size: 12px;
  color: var(--main-color);
}

.player-options-e {
  width: 300px;
  padding: 2rem;
  border-radius: 3px;
  background: #232529;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 560px;
}

.player-options-e .title-s {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 2rem;
  text-align: center;
}

.player-options-e .subtitle-s {
  text-align: center;
  font-size: 12px;
  color: var(--main-color);
}

.insideIframe {
  height: 500px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.in_image {
  height: 100%;
  width: 100%;
  background: rgba(0,0,0,.2) linear-gradient(to top left, rgba(72,165,218,.2), #000); /* Changed from to top right */
  position: relative;
}

#click_me,
#play-trailer {
  position: absolute;
  top: 50%;
  left: 50%;                           /* Use left, not right */
  transform: translate(-50%, -50%);
  z-index: 1;
  border-radius: 50%;
  box-shadow: 0 0 31px 0 var(--main-color);
  cursor: pointer !important;
  background: #fff;
  animation: jump_jump 1s ease infinite alternate;
  height: 90px;
  width: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#click_me_ser {
  z-index: 1;
  border-radius: 33%;
  transform: translateX(-50%) translateY(-50%);
  cursor: pointer !important;
  background: #6c5ce7;
  animation: jump_jump 1s ease infinite alternate;
  height: 90px;
  width: 90px;
  position: absolute;
  top: 50%;
  right: 50%; /* Changed from left: 50% */
}

.in_image span {
  text-align: center;
  line-height: 91px;
  font-size: 80px;
  color: var(--main-color);
}

.no-trailer {
  text-align: center;
  padding: 20px;
  background: #232529;
}

.pagi-load {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
  direction: rtl; /* Added for RTL */
}

.pagi-load a {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  height: 40px;
  line-height: 40px;
  background: var(--main-color);
  color: #fff;
  font-size: 1.4rem;
  font-weight: 600;
  border-radius: 6px;
  padding: 0 60px;
  margin-bottom: 30px;
  margin-top: 10px;
}

.main-color {
  color: var(--main-color);
}

#playerOver {
  position: absolute;
  z-index: 99;
  top: 50%;
  right: 50%; /* Changed from left: 50% */
  transform: translateX(-50%) translateY(-50%);
}

#playerOverClose.bottomleft {
  bottom: -6px;
  right: -6px; /* Changed from left: -6px */
}

#playerOverClose {
  position: absolute;
  cursor: pointer;
  bottom: -10px;
  left: -10px; /* Changed from right: -10px */
  background-color: #232529;
  border-radius: 50%;
  color: #fff;
  font-size: 14px;
  padding: 2px;
}

.c-lefermeur .f-inner {
  width: 300px;
  height: 250px;
}

.salidor_b {
  position: relative;
  width: 300px !important;
  height: 250px !important;
  padding: 0 !important;
  border: none !important;
  background: 0 0;
  margin: auto;
  clear: both;
}

.salidor_inner {
  width: 300px;
  height: 250px;
  border: 0;
  background-color: #232529;
  border-radius: 8px;
}

.salidor_register_i {
  font-family: Times New Roman !important;
  font-size: 60px !important;
  font-weight: 700 !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  padding-right: 20px !important; /* Changed from padding-left */
  padding-left: 10px !important; /* Changed from padding-right */
  color: #ff542e !important;
  text-align: right !important; /* Changed from text-align: left */
  position: absolute !important;
  top: 0;
  right: 0; /* Changed from left: 0 */
  line-height: 60px;
}

.salidor_register_msg {
  font-family: Arial !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  margin-top: 0 !important;
  margin-right: 50px !important; /* Changed from margin-left */
  color: #fff !important;
  padding-top: 20px !important;
  padding-bottom: 10px !important;
  padding-right: 10px !important; /* Changed from padding-left */
  padding-left: 10px !important; /* Changed from padding-right */
  text-align: right !important; /* Changed from text-align: left */
  opacity: .8;
}

.salidor_register_msg2 {
  font-family: Arial !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  margin-top: 5px !important;
  margin-right: 50px !important; /* Changed from margin-left */
  color: #fff !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  padding-right: 10px !important; /* Changed from padding-left */
  padding-left: 10px !important; /* Changed from padding-right */
  text-align: right !important; /* Changed from text-align: left */
  line-height: 16px !important;
  opacity: .8;
}

.salidor_register_contbutton {
  position: absolute;
  bottom: 35px;
  right: 0; /* Changed from left: 0 */
  width: 300px;
  text-align: center !important;
}

.season-row .w3-search,
.season-row .w3-search:hover,
.player-main a.w3-search,
.player-main a.w3-search:hover {
  background: #4875b7;
  font-weight: 700;
}

a.w3-search {
  color: #fff;
  display: inline-block;
  padding: .5em 1em;
  background: var(--main-color);
  font-size: 15px;
  text-align: center;
  margin-top: 1em;
  text-decoration: none;
  font-weight: 300;
  outline: none;
  -webkit-transition: .5s all;
  -moz-transition: .5s all;
  transition: .5s all;
}

.player-main a.w3-search {
  margin-top: .3em;
}

a.w3-search,
a.w3-search:hover {
  background: var(--main-color);
  font-weight: 700;
}

#pub {
  top: 50%;
  right: 50%; /* Changed from left: 50% */
}

.g-buttons {
  width: 100%;
  text-align: center;
  margin: 10px 0;
}

.myButton {
  color: #fff !important;
  box-shadow: inset 0 1px 0 0 #242227;
  background-color: var(--main-color);
  border-radius: 6px;
  display: inline-block;
  cursor: pointer;
  font-family: Arial;
  font-size: 25px;
  font-weight: 700;
  padding: 13px 50px;
  text-decoration: none;
  text-shadow: 0 1px 0 #4875b7;
  text-align: center;
  margin: 5px;
}

a.myButton:hover {
  background: var(--main-color-hover);
}

.myButton:active {
  position: relative;
  top: 1px;
}

.liens {
  background-color: #fff;
}

.liens-t {
  background-color: #64a536;
  background: linear-gradient(to bottom, #92b878 0, #67b72d 100%);
  padding: 10px;
  font-size: 12px;
  color: #e1e1e1;
}

.lien {
  padding: 0 10px;
  height: 36px;
  line-height: 35px;
  align-items: center;
  opacity: .8;
}

.lien:hover {
  color: #297fd7;
}

.lien.active {
  color: #297fd7;
}

.lien-left {
  height: 35px;
  overflow: hidden;
  width: 60%;
}

.lien-right {
  height: 35px;
  overflow: hidden;
  width: 40%;
}

.lien-num {
  float: right; /* Changed from float: left */
  width: 55px;
}

.lien-left img {
  margin: 11px 3px 0 10px;
  float: right; /* Changed from float: left */
  width: 100px;
  height: 13px;
}

.lien-left b {
  font-weight: 700;
}

.lien-left span {
  height: 22px;
  float: right; /* Changed from float: left */
  margin: 6px 0 0 3px; /* Changed from margin: 6px 3px 0 0 */
}

.pl-1 {
  width: 20px;
}

.pl-1,
.pl-2 {
  float: right; /* Changed from float: left */
}

.pl-3,
.pl-4,
.pl-5 {
  float: left; /* Changed from float: right */
}

.pl-2,
.pl-3,
.pl-4,
.pl-5 {
  margin-right: 10px; /* Changed from margin-left */
}

.pl-3 {
  font-size: 12px;
}

.pl-5 {
  padding: 0 10px;
  background: #297fd7;
  border-radius: 4px;
  font-weight: 500;
  line-height: 25px;
  margin-top: 4px;
  color: #ccc;
}

.pl-4 img {
  height: 20px;
  position: relative;
  top: 3px;
}

.serv {
  font-weight: 600;
  text-transform: capitalize;
}

.player-list {
  margin: 0 -2rem -2rem;
}

.player-list li.current > a {
  color: #297fd7;
}

.player-list li.current {
  color: #297fd7;
}

.player-list li > div {
  cursor: pointer;
}

.player-list li > div:after {
  content: "";
  display: table;
  clear: both;
}

.tabs-seasons {
  padding: 20px;
  background: #232529;
  border-radius: 0 6px 6px 6px;
}

i.server {
  border-radius: 10px;
  margin-left: 10px; /* Changed from margin-right */
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}

i.server.player-allocine {
  width: 20px;
  height: 20px;
  background-position: 0 -20px;
}

i.server.player-netu {
  width: 20px;
  height: 20px;
  background-position: 0 -160px;
}

i.server.player-ok-ru,
i.server.player-okru {
  width: 20px;
  height: 20px;
  background-position: 0 -200px;
}

i.server.player-ok.ru {
  width: 20px;
  height: 20px;
  background-position: 0 -220px;
}

i.server.player-t_l_charger-sur-uptobox {
  width: 20px;
  height: 20px;
  background-position: 0 -280px;
}

i.server.player-uptobox {
  width: 20px;
  height: 20px;
  background-position: 0 -320px;
}

i.server.player-uptostream {
  width: 20px;
  height: 20px;
  background-position: 0 -340px;
}

i.server.player-vshare {
  width: 20px;
  height: 20px;
  background-position: 0 -440px;
}

i.server.player-vidoza {
  width: 20px;
  height: 20px;
  background-position: 0 -600px;
}

i.server.player-vidlox {
  width: 20px;
  height: 20px;
  background-position: -91px -3px;
}

i.server.player-uqload {
  width: 20px;
  height: 20px;
}

i.server.player-younetu {
  width: 20px;
  height: 20px;
}

i.server.player-youtube {
  width: 20px;
  height: 20px;
  margin-bottom: 6px;
}

i.server.player-upvid {
  width: 20px;
  height: 20px;
}

i.server.player-mixdrop {
  width: 20px;
  height: 20px;
}

i.server.player-fembed {
  width: 20px;
  height: 20px;
}

i.server.player-vshare {
  width: 20px;
  height: 20px;
}

i.server.player-vidlox {
  width: 20px;
  height: 20px;
}

i.server.player-doodstream {
  width: 20px;
  height: 20px;
}

i.server.player-streamtape {
  width: 20px;
  height: 20px;
}

i.server.player-filemoon {
  width: 20px;
  height: 20px;
}

i.server.player-streamhub {
  width: 20px;
  height: 20px;
}

i.server.player-voe {
  width: 20px;
  height: 20px;
}

i.server-2 {
  background: url(/icons/players_2.png) no-repeat;
  border-radius: 10px;
  margin-left: 10px; /* Changed from margin-right */
  display: inline-block;
  vertical-align: middle;
}

i.server-2.player-streamango {
  width: 20px;
  height: 20px;
  background-position: 0 -40px;
}

.undervideo {
  padding: 10px;
}

.saisontab {
  margin: 10px 50px 10px 10px; /* Changed from margin: 10px 10px 10px 50px */
}

.th-vf:before,
.th-vostfr:before,
.th-vo:before {
  content: "";
  width: 65px;
  height: 65px;
  position: absolute;
  right: 0; /* Changed from left: 0 */
  top: 0;
  z-index: 20;
  background: url(/icons/vf.webp) right top no-repeat; /* Changed from left top */
}

.th-vostfr:before {
  background: url(/icons/vostfr.webp) right top no-repeat; /* Changed from left top */
}

.th-vo:before {
  background: url(/icons/vo.png) right top no-repeat; /* Changed from left top */
}

.th-trad {
  width: 22px;
  height: 15px;
  display: inline-block;
  float: left; /* Changed from float: right */
  margin: 9px 0 0 3px; /* Changed from margin: 9px 3px 0 0 */
}

.th-vostfr_s {
  background: url(/icons/vostfr_sss.png) no-repeat;
}

.th-vf_s {
  background: url(/icons/vf_sss.png) no-repeat;
}

.th-vo_s {
  background: url(/icons/vo_sss.png) no-repeat;
}

.th-bd_s {
  background: url(/icons/bd_ssss.png) no-repeat;
}

.version-name {
  padding: 1rem 2rem;
  background: #191a1d;
  border-right: 1px solid #232529; /* Changed from border-left */
  border-left: 1px solid #232529; /* Changed from border-right */
}

.season-name {
  padding: 1rem 2rem;
  background: #191a1d;
  border-right: 1px solid #232529; /* Changed from border-left */
  border-left: 1px solid #232529; /* Changed from border-right */
  text-align: center;
  border-bottom: 1px solid #232529;
}

.season-name.active {
  color: var(--main-color);
  border-bottom: 2px solid var(--main-color);
}

.season-name:hover {
  color: var(--main-color);
}

.marg-bottom {
  margin-bottom: 15px;
}

#seasons-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: center;
  direction: rtl; /* Added for RTL */
}

.seasontab {
  background: #232529;
  border-radius: 0 6px 6px 6px;
  padding: 10px 10px 26px;
}

.episodestab {
  background: #232529;
  border-radius: 0 6px 6px 6px;
  padding: 40px 20px;
}

.keywords-space {
  margin-bottom: 15px;
  background-color: var(--medium-color);
  padding: 20px;
  margin-top: 15px;
  border-radius: 6px;
  display: block;
}

.th-item {
  float: right; /* Changed from float: left */
  width: 15%;
  padding: 0 8px;
  margin-top: 16px;
  position: relative;
}

.th-in {
  display: block;
  position: relative;
  background-color: #191a1d;
  border-radius: 5px;
}

.th-img {
  transition: box-shadow .2s linear;
}

.th-desc {
  padding: 10px;
  padding-top: 0;
  height: 50px;
}

.th-desc1 {
  text-align: center;
  padding: 10px;
  color: #fff;
}

.th-title {
  font-size: 15px;
  font-weight: 600;
  direction: rtl;
  font-family: 'Tajawal', 'Cairo', Arial, sans-serif;
}

.th-cat {
  margin-top: 5px;
  font-size: 12px;
  color: #939393;
}

.th-in:hover {
  background-color: #35383e;
  transition: .2s;
}

.th-in:hover .th-desc1 {
  color: var(--main-color);
  text-decoration: none;
}

.img-box,
.img-wide,
.img-square,
.img-resp,
.img-resp-vert,
.img-resp-sq,
.img-fit {
  overflow: hidden;
  position: relative;
  background-color: #222;
}

.img-resp {
  padding-top: 60%;
}

.img-resp-vert {
  padding-top: 120%;
  border-radius: 5px 5px 0 0;
}

.img-resp-sq {
  padding-top: 100%;
}

.img-box img,
.img-square img,
.img-resp img,
.img-resp-vert img,
.img-resp-sq img {
  width: 100%;
  min-height: 100%;
  display: block;
}

.img-resp img,
.img-resp-vert img,
.img-resp-sq img {
  position: absolute;
  right: 0; /* Changed from left: 0 */
  top: 0;
  object-fit: cover;
}

.img-wide img {
  width: 100%;
  display: block;
}

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

.nowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fsa-ep {
  color: #fff;
  margin-bottom: 10px;
  margin-right: 2px; /* Changed from margin-left */
  margin-left: 2px; /* Changed from margin-right */
  display: inline-block;
  padding: 10px;
  background: #191a1d;
  font-weight: 500;
  width: 110px;
  border-radius: 5px;
}

.fsa-ep:hover {
  background: var(--main-color);
}

.fsa-ep-s {
  position: relative;
  display: block;
  border-radius: 6px;
  cursor: pointer;
  font-size: 13pt;
  text-shadow: 0 1px 1px #000;
  float: right; /* Changed from float: left */
  width: 100%;
  color: #fff;
  padding: 0 7px;
  margin-bottom: 15px;
}

.fsa-ep-s .name {
  text-align: center;
  position: relative;
  display: block;
  float: right; /* Changed from float: left */
  background-color: #222;
  line-height: 40px;
  width: 100%;
  border-radius: 10px;
}

.fsa-ep-s .name:hover {
  background-color: #920010;
}

@keyframes upup {
  0% {
    box-shadow: 0 0 0 0 #2196f3;
  }
  100% {
    box-shadow: 0 0 2px 0 #2196f3;
  }
}

.all-episodes {
  padding: 10px;
  text-align: center;
}

.flex-item-1 > * {
  text-align: center;
  flex: 1 1 0;
  max-width: 100%;
  min-width: auto;
  white-space: nowrap;
  position: relative;
  width: 100%;
  margin-bottom: 3px;
}

.flex-item-2 > * {
  text-align: center;
  flex: 1 1 0;
  max-width: 100%;
  min-width: auto;
  white-space: nowrap;
  position: relative;
  width: 100%;
  margin-bottom: 3px;
}

.flex-item-1 {
  width: 45%;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.flex-item-2 {
  width: 45%;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.all-seasons-episodes {
  align-items: flex-start;
  margin-top: 20px;
}

.side-seas {
  height: 36px;
  line-height: 36px;
  background-color: var(--medium-color);
  display: block;
}

.side-seas.active {
  box-shadow: 0 0 5px 0 var(--main-color);
  animation: upup 1s ease infinite alternate;
}

.side-seas-over.active {
  color: var(--main-color);
}

.side-seas-over {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 110px;
}

.side-seas-over_2.active {
  color: var(--main-color);
}

.side-seas:hover {
  color: var(--main-color);
}

.full-ser-ctrl {
  background: #232529;
  padding: 10px;
  border-radius: 6px;
  width: 100%;
  gap: 10px;
}

.full-ser-ctrl-bis {
  background: #1e2842;
  padding: 10px;
  margin: 20px 0 0;
  line-height: 17px;
}

.full-ser-ctrl form {
  display: contents;
}

select.nav-episode-select {
  display: none;
}

.nav-episode-select.open {
  display: inline-block;
  border: 1px solid #000;
  color: #fff;
  border-radius: 2px;
  text-align: center;
  cursor: pointer;
  min-width: 130px;
}

.full-ser-ctrl button[type=submit] {
  border: 1px solid #000;
  background: #141a2c;
  border-width: 0;
  padding: 0 20px;
  display: inline-block;
  border-radius: 2px !important;
  text-align: center;
  cursor: pointer;
  vertical-align: middle;
}

.full-ser-ctrl button[type=submit]:hover {
  background: #33436e;
}

.full-ser-ctrl select#nav-season-select,
.full-ser-ctrl select#nav-episode-select,
.ctrl-prev,
.ctrl-net {
  border: 1px solid #000;
  color: #fff;
  border-radius: 2px;
  text-align: center;
  cursor: pointer;
  min-width: 130px;
}

.full-ser-ctrl option {
  background: #191a1d;
  color: #fff;
  padding: 6px;
}

.full-ser-ctrl select {
  width: 22%;
  margin-left: 10px; /* Changed from margin-right */
}

.icon-left span.fa {
  margin-left: 10px; /* Changed from margin-right */
  width: 10px;
}

.icon-right span.fa {
  margin-right: 10px; /* Changed from margin-left */
}

.full-ser-ctrl .no-active {
  display: none;
  margin: 0;
  background: #393d44;
  color: #fff;
  pointer-events: none;
  border: 0;
  cursor: not-allowed;
  border: 1px solid #000;
}

.yes-active {
  background-color: #2196f3;
  color: #fff;
}

.full-ser-ctrl > * {
  text-align: center;
  flex: 1 1 0;
  max-width: 100%;
  min-width: auto;
  white-space: nowrap;
  position: relative;
}

.full-ser-ctrl-bis .tagstitle {
  color: #8bc34a;
  font-weight: 700;
}

.ctrl-prev,
.ctrl-net {
  padding: 0 15px;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
}

.ctrl-prev.yes-active:hover {
  background-color: var(--main-color-hover);
}

.ctrl-net.yes-active:hover {
  background-color: var(--main-color-hover);
}

.full-ser-keywords {
  background-color: #f6f6f6;
  padding: 10px;
  margin: 10px 0;
}

.tagstitle {
  font-weight: 700;
}

.flex-item-1 .section__title {
  text-transform: none !important;
  margin-bottom: 10px;
  font-family: 'Tajawal', 'Cairo', Arial, sans-serif;
  direction: rtl;
  letter-spacing: 0.03rem;
  font-size: 2.4rem;
}

.flex-item-2 .section__title {
  text-transform: none !important;
  margin-bottom: 10px;
  font-family: 'Tajawal', 'Cairo', Arial, sans-serif;
  direction: rtl;
  letter-spacing: 0.03rem;
  font-size: 2.4rem;
}
.side-seas-over_2 {
    font-family: 'Tajawal', 'Cairo', Arial, sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: 0.025rem;
    direction: rtl;
    text-align: right;
    /* Only word styling, no color, margin, or padding */
}

#Menu-icon {
  float: right; /* Changed from float: left */
  margin-left: 2px; /* Changed from margin-right */
  color: #6c5ce7;
}

#Maticon_star {
  color: gold;
  margin-left: 5px; /* Changed from margin-right */
  width: 10px;
  vertical-align: middle;
  padding-bottom: 2px;
}

#Maticon {
  float: right; /* Changed from float: left */
  font-size: 30px;
  padding: 11px 10px 10px 0; /* Changed from padding: 11px 0 10px 10px */
  color: #fff;
  margin-left: 10px; /* Changed from margin-right */
  margin-top: -14px;
  line-height: 26px;
  margin-right: -18px; /* Changed from margin-left */
  background: -webkit-linear-gradient(#2196f3, #2196f3);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.material-icons-star {
  font-family: material icons;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr; /* Explicitly set to ltr for icons */
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

.section-main {
  margin-top: 110px;
}

.sect {
  background: var(--medium-color);
  border-radius: 6px;
}

.sect + .sect {
  margin-top: 5px;
}

.sect-t {
  background: #232f3a;
  border-radius: 13px;
  overflow: hidden;
}

.sect-t span {
  font-weight: 700;
}

.floats {
  margin: 0 -5px;
}

.sect-ser {
  margin-bottom: 15px;
}

.sect-ser .sect-t {
  margin-bottom: 0;
}

.col-ser {
  width: 50%;
  float: right; /* Changed from float: left */
  padding: 5px;
}

.col-ser-capt {
    line-height: 21px;
    padding: 23px;
    font-weight: 700;
    font-size: 23px;
    color: #fff;
    position: relative;
    margin-bottom: 8px;
    font-family: 'Cairo', 'Amiri', 'Noto Naskh Arabic', Arial, sans-serif;
    direction: rtl;
}
.arabic-brand {
  font-family: 'Cairo', 'Amiri', 'Noto Naskh Arabic', Arial, sans-serif;
  direction: rtl;
}

.line-item {
  line-height: 25px;
  padding: 4px 15px 4px 2px; /* Changed from padding: 4px 2px 4px 15px */
  position: relative;
  background: #191a1d;
  margin: 4px;
  border-radius: 6px;
  color: #fff;
  transition: all .1s ease-in;
  -webkit-transition: all .1s ease-in;
  -moz-transition: all .1s ease-in;
  -o-transition: all .1s ease-in;
  -ms-transition: all .1s ease-in;
}

.line-item:hover {
  background-color: #393c43;
}

.col-ser-capt + .line-item {
  border: 0;
}

.l-right {
  height: 22px;
  margin-top: 1px;
  margin-left: 5px; /* Changed from margin-right */
}

.l-left {
  width: calc(100% - 90px);
  width: -webkit-calc(100% - 90px);
  display: block;
  width: 80%;
}

.l-left span {
  font-weight: 700;
  text-transform: uppercase;
}

.l-left span span {
  color: var(--main-color);
}

.l-right span {
  height: 22px;
  width: 21px;
  display: inline-block;
  vertical-align: middle;
}

.l-right .younetu {
  background: url(/icons/younetu_ico_6.png?v=3) no-repeat;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}

.VFL {
  background: url(/icons/vf_table.png?v=2) no-repeat;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}

.VOSTFRL {
  background: url(/icons/vostfr_table.png) no-repeat;
}

.col-ser-capt::after {
  content: '';
  position: absolute;
  right: 0; /* Changed from left: 0 */
  bottom: 6px;
  height: 4px;
  background: linear-gradient(-90deg, #2196f3, #2196f3ad); /* Changed from 90deg */
  width: 33%;
}

.nowrapp {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
}

.fs-20 {
  text-transform: uppercase;
  letter-spacing: 1.4px;
  margin-right: 16px; /* Changed from margin-left */
  color: #cbcbcb;
  display: inline-block;
  position: relative;
}

.section-title {
  margin-bottom: 20px;
}
.m-info.container {
    font-size: 2rem;
    color: #fff;
    text-align: center;
    text-shadow: 0 0 2px #000, 0 0 1px #fff;
    font-family: 'Tajawal', 'Cairo', Arial, sans-serif;
    direction: rtl;
    letter-spacing: 0.2px;
}
.h1-main {
    padding: 20px 0;
    text-align: center;
    color: #fff;
    text-shadow:
      0 0 2px #000,   /* Strong dark shadow for readability */
      0 0 1px #fff;   /* Subtle white glow */
    font-family: 'Tajawal', 'Cairo', Arial, sans-serif; /* Good Arabic webfonts fallback */
    direction: rtl;   /* Ensures Arabic text flows right-to-left */
}


.section-h1 {
  padding-top: 0 !important;
}

.h3-full {
    font-size: 1.5rem;
    font-family: 'Tajawal', 'Cairo', Arial, sans-serif;
    direction: rtl;
    font-weight: 600;
    letter-spacing: 0.03rem;
    /* No color, padding, margin, or italic */
}
.section__title.section__header.marg-bottom {
    font-family: 'Tajawal', 'Cairo', Arial, sans-serif;
    font-size: 1.5rem;
    font-weight: 800;
    letter-spacing: 0.04rem;
    direction: rtl;
    text-align: right;
    /* No color, padding, or margin set */
}

#dle-speedbar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  direction: rtl; /* Added for RTL */
}

.speedbar-link i,
#dle-speedbar,
.speedbar a:hover {
  color: var(--main-color);
}

.speedbar {
  background-color: var(--medium-color);
  padding: 10px;
  position: relative;
  z-index: 10;
  font-size: 14px;
  margin-bottom: 20px;
  margin-top: 20px;
  border-radius: 6px;
}

.speedbar a {
  color: #fff;
  text-decoration: none;
  position: relative;
  height: 2.5rem;
  line-height: 2.5rem;
  padding: 0 .3125rem 0 .625rem; /* Changed from padding: 0 .625rem 0 .3125rem */
  text-align: center;
}

.speedbar a:first-of-type {
  padding-right: .9375rem; /* Changed from padding-left */
  -moz-border-radius: 0 .25rem .25rem 0; /* Changed from .25rem 0 0 .25rem */
  -webkit-border-radius: .25rem;
  border-radius: 0 .25rem .25rem 0; /* Changed from .25rem 0 0 .25rem */
}

.speedbar-inner {
  overflow: hidden;
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: auto;
}

.about,
.section--last,
.footer {
  padding: 30px 1000px;
  margin: 0 -1000px;
}

.about {
  background: #fff url(/icons/bg2.jpg) center center/100vw auto no-repeat;
  box-shadow: inset 0 500px rgba(0,0,0,.7), 0 4px 24px rgba(0,0,0,.05);
  color: #fff;
}

.content {
  padding: 20px 0;
  min-height: 100vh;
}

.footer {
  box-shadow: inset 0 500px #111113d9;
  line-height: 2.6;
  margin-top: 60px;
}

.pages-bg {
  padding: 0 80px;
  margin: 0 auto;
}

.logo {
  font-weight: 900;
  font-size: 3.4rem;
  line-height: 42px;
  text-transform: uppercase;
  position: relative;
  background: url(/icons/logo.png) 100px center/100px no-repeat; /* Changed from 0 center */
  padding-right: 50px; /* Changed from padding-left */
}

.logo span {
  display: inline-block;
  background-color: #2ed573;
  color: #fff;
  font-size: 12px;
  line-height: normal;
  padding: 3px 6px;
  position: absolute;
  right: 50px; /* Changed from left: 50px */
  top: -20px;
  text-transform: none;
  font-weight: 400;
}

.header__logo:hover {
  color: #000;
}

.header__logo {
  width: 70px;
  z-index: 5;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  margin-left: 50px; /* Changed from margin-right */
}

.header__logo img {
  width: 50px;
  height: 100%;
  margin-left: 10px; /* Changed from margin-right */
  margin-top: -5px;
}

.header__logo span {
  font-size: 35px;
  color: #fff;
  font-weight: 900;
  margin-bottom: 6px;
  letter-spacing: 0;
}

.header__menu > li {
  margin-right: 40px; /* Changed from margin-left */
  position: relative;
}

.header__menu > li > a {
  height: 80px;
  color: #fff;
  font-size: 16px;
  font-weight: 900;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-family: 'Tajawal', 'Cairo', Arial, sans-serif; /* Arabic-friendly font */
  direction: rtl;
  text-align: right;
  letter-spacing: 0.02em; /* Optional: improves Arabic readability */
}

.header__menu-hidden {
  background-color: #2b2e33;
  box-shadow: 0 20px 20px rgba(0,0,0,.6);
  position: absolute;
  right: -200px; /* Changed from left: -200px */
  top: 100%;
  padding: 20px;
  z-index: 50;
  width: 700px;
  visibility: hidden;
  opacity: 0;
  transform: translateY(30px);
  column-width: 100px;
  column-gap: 20px;
  border-radius: 8px;
}

.header__menu-hidden-item {
  color: #fff;
  padding: .4375rem 0;
  margin-left: 10px !important; /* Changed from margin-right */
}

.header__menu-left .header__menu-hidden-item {
  width: 33px;
}

.header__menu-hidden a:hover {
  color: var(--main-color);
}

.header__menu > li:hover > a {
  color: #fff;
}

.header__menu > li:hover > a:before {
  bottom: 20px;
  opacity: 1;
}

.header__menu > li:hover .header__menu-hidden {
  visibility: visible;
  opacity: 1;
  transform: translateY(0px);
}

.header__menu-left {
  width: 254px;
}

.header__menu-right {
  column-width: 150px;
}

.menu-col--title-1 {
  margin: 10px 0;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.menu-col--title-2 {
    margin: 10px 0;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--main-color);
    font-family: 'Tajawal', 'Cairo', Arial, sans-serif; /* Arabic-friendly font */
    direction: rtl;
    text-align: right;
    letter-spacing: 0.02em; /* Optional: improves Arabic readability */
}

.submenu > a:after {
  content: "\e903"; /* Changed to represent right arrow */
  font-weight: 300;
  font-family: icomoon;
  margin-right: 7px; /* Changed from margin-left */
  transition: all .2s;
  display: inline-block;
  font-size: .8em;
}

li.submenu:hover > a:after {
  transform: rotate(-90deg) !important; /* Adjusted for RTL */
}

.header__register-link {
  margin-left: 20px; /* Changed from margin-right */
  color: #e2e2e2;
  border-bottom: 1px dotted #e2e2e2;
}

.header__register-link:hover {
  margin-left: 20px; /* Changed from margin-right */
  color: #fff;
}

.supp {
  position: absolute;
  right: 0; /* Changed from left: 0 */
  top: -24px;
  white-space: nowrap;
  font-size: 1.2rem;
  line-height: 1.3;
  color: #999;
}

.supp span {
  text-decoration: underline;
  color: #3742fa;
}

.footer__container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  direction: rtl; /* Added for RTL */
}

.footer__left {
  margin-left: 80px; /* Changed from margin-right */
}

.footer__logo {
  margin-right: 40px; /* Changed from margin-left */
}

.footer__menu a {
  margin-left: 20px; /* Changed from margin-right */
  font-size: 1.5rem;
  font-weight: 500;
  display: block;
  color: #fff;
}

.footer__copyright {
  opacity: .8;
  margin-top: 20px;
  font-size: 1.2rem;
}

.section {
  margin-top: 50px;
}

.section--last {
  margin-bottom: -40px;
}

.section__column {
  width: calc((100% - 40px)/2);
}

.section__column--third {
  width: 33.33%;
  margin-right: 40px; /* Changed from margin-left */
}

.section__title {
  font-weight: 700;
  font-size: 2.8rem;
  display: inline-block;
}

.section-movie .section__title {
  text-transform: uppercase;
}

.section-movie-v2 .section__title {
  text-transform: uppercase;
}

.section__fulltitle {
  font-weight: 700;
  font-size: 2.8rem;
  display: inline-block;
  line-height: 40px;
  margin-bottom: 35px;
}

.section__arrow {
  height: 20px;
  width: 8px;
  margin-right: 8px; /* Changed from margin-left */
  top: 3px;
  background-image: url(data:image/svg+xml;charset=UTF-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB2ZXJzaW9uPScxLjEnIHZpZXdCb3g9Jy0xMCAwIDM5NSAxMDAxJz48ZyB0cmFuc2Zvcm09J21hdHJpeCgtMSAwIDAgLTEgMzk1IDEwMDEpJz48cGF0aCBmaWxsPScjZmZmJyBkPSdNMCA1MmwyODIgNDQ5bC0yODIgNDQ4bDc2IDUybDI4NyAtNDU3cTEyIC0yMCAxMiAtNDMuNXQtMTIgLTQzLjVsLTI4NyAtNDU3eicvPjwvZz48L3N2Zz4=); /* Mirrored for RTL */
  display: inline-block;
  position: relative;
}

.plot-section {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  font-style: normal;
  border-radius: 6px;
  display: inline-block;
  padding: 8px 15px;
  margin-right: 15px; /* Changed from margin-left */
  background: var(--medium-color);
}

.plot-section i {
  color: #ff542e;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 16px;
  margin-left: 8px; /* Changed from margin-right */
}

.section__items {
  margin: 0 -5px -10px;
}

.slider-button-next,
.slider-button-prev {
  display: -moz-box;
  display: flex;
  -moz-box-pack: center;
  justify-content: center;
  -moz-box-align: center;
  align-items: center;
  position: absolute;
  top: 15px;
  height: 100%;
  width: 100px;
  cursor: pointer;
  opacity: .9;
  z-index: 20;
}

.slider-button-prev {
  right: 0; /* Changed from left: 0 */
  transform: rotate(-180deg); /* Adjusted for RTL */
}

.slider-button-next {
  left: 0; /* Changed from right: 0 */
}

.sect__link {
  display: flex;
  align-items: center;
}

.catnew {
  padding: 4px 10px;
  border-radius: 5px;
  background: var(--light-color);
  margin-inline: 5px;
}

.slider-button-next i,
.slider-button-prev i {
  color: #9b9b9b;
  display: inline-block;
  color: #cdcdcd;
  font-size: 18px;
  opacity: 1;
  position: absolute;
  bottom: 0;
}

.slider-button-next.swiper-button-disabled,
.slider-button-prev.swiper-button-disabled {
  opacity: 0;
  cursor: auto;
}

.section-movie,
.section-movie-v2 {
  overflow: visible;
  padding: 0 100px;
  padding-top: 30px;
}

.section-movie:before,
.section-movie-v2:before {
  pointer-events: none;
  left: -10px; /* Changed from right: -10px */
  background-image: linear-gradient(-90deg, rgba(25,26,29,0), #191a1d); /* Changed from 90deg */
  content: "";
  display: block;
  position: absolute;
  width: 80px;
  height: 100%;
  top: 50px;
  z-index: 6;
}

.section-movie:after,
.section-movie-v2:after {
  pointer-events: none;
  right: -10px; /* Changed from left: -10px */
  background-image: linear-gradient(90deg, rgba(25,26,29,0), #191a1d); /* Changed from 270deg */
  content: "";
  display: block;
  position: absolute;
  width: 80px;
  height: 100%;
  top: 50px;
  z-index: 6;
}

.section-movie-v2 .movie-img {
  padding-top: 56%;
}

.related-movie {
  overflow: visible;
}

.related-movie:before {
  pointer-events: none;
  left: -80px; /* Changed from right: -80px */
  background-image: linear-gradient(-90deg, rgba(25,26,29,0), #191a1d); /* Changed from 90deg */
  content: "";
  display: block;
  position: absolute;
  width: 80px;
  height: 300px;
  top: 0;
  z-index: 6;
}

.related-movie:after {
  pointer-events: none;
  right: -80px; /* Changed from left: -80px */
  background-image: linear-gradient(90deg, rgba(25,26,29,0), #191a1d); /* Changed from 270deg */
  content: "";
  display: block;
  position: absolute;
  width: 80px;
  height: 300px;
  top: 0;
  z-index: 6;
}

.nbl-moreTile {
  position: relative;
  border-radius: 8px;
  height: 225px;
  display: block;
  text-align: center;
  background-color: #2e1b1b;
}

.nbl-moreTile .nbl-moreTile__caption {
  font-size: 16px;
  position: absolute;
  right: 0; /* Changed from left: 0 */
  left: 0; /* Changed from right: 0 */
  top: 0;
  bottom: 0;
  padding: 12px;
  line-height: 20px;
  font-weight: 500;
}

.movie-item {
  position: relative;
  margin: 0 0 0 20px; /* Changed from margin: 0 20px 0 0 */
  z-index: 5;
  display: block;
  -webkit-transition-duration: .4s;
  -o-transition-duration: .4s;
  transition-duration: .4s;
}

.movie-img-inner {
  position: absolute;
  right: 0; /* Changed from left: 0 */
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgb(35 37 41/89%);
  border-radius: 6px;
}

.movie-item:hover .movie-img {
  -webkit-transform: scale(1.04) translateY(0);
  -o-transform: scale(1.04) translateY(0);
  transform: scale(1.04) translateY(0);
  -webkit-transition-duration: .4s;
  -o-transition-duration: .4s;
  transition-duration: .4s;
}

.show-desc {
  display: none;
}

.movie-img:hover .show-desc {
  position: absolute;
  left: 8px; /* Changed from right: 8px */
  top: 8px;
  font-size: 12px;
  color: #e2e2e2;
  cursor: pointer;
  border-radius: 3px;
  padding: 5px 9px;
  font-size: 18px;
  display: block;
}

.vion-rec {
  right: -4px; /* Changed from left: -4px */
  top: 28px;
  display: inline-block;
  height: 20px;
  padding: 2px 8px;
  border-radius: 10px;
  position: absolute;
  cursor: pointer;
  z-index: 6;
}

.vion-rec_green {
  background-color: #01c03a;
  box-shadow: 0 1px 12px rgb(1 192 58/50%);
}

.vion-badge {
  right: -4px; /* Changed from left: -4px */
  top: 4px;
  display: inline-block;
  height: 20px;
  padding: 2px 8px;
  border-radius: 10px;
  position: absolute;
  cursor: pointer;
  z-index: 6;
}

.vion-badge_collection {
  background-color: #a869f0;
  box-shadow: 0 4px 12px rgba(168,105,240,.4);
}

.vion-badge_exclusive {
  background-color: #ea0000;
  box-shadow: 0 1px 12px rgb(234 0 0/40%);
}

.vion-badge_soon {
  background-color: #2196f3;
  box-shadow: 0 1px 12px rgb(33 150 243/50%);
}

.vion-badge_prior {
  background-color: #ff542e;
  box-shadow: 0 1px 12px rgba(255,84,46,.4);
}

.vion-badge_text {
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
  font-style: normal;
  height: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}

.movie_short-ageBadge {
  height: 20px;
  position: absolute;
  right: 8px; /* Changed from left: 8px */
  top: 8px;
  background: #1f2125;
  opacity: .9;
  color: #fff;
  border-radius: 3px;
  font-weight: 600;
  font-size: 11px;
  padding: 4px 6px;
  line-height: 15px;
  text-align: center;
  display: block;
  margin-left: 10px; /* Changed from margin-right */
  z-index: 1;
}

.movie_short-quality {
  height: 17px;
  position: absolute;
  left: 0; /* Changed from right: 0 */
  bottom: 8px;
  background: #fff;
  opacity: 1;
  color: #000;
  border-radius: 3px;
  font-weight: 600;
  font-size: 11px;
  padding: 4px 3px;
  line-height: 10px;
  text-align: center;
  display: block;
  margin-left: 10px; /* Changed from margin-right */
  z-index: 1;
}

.movie_short-rating {
  width: 36px;
  height: 15px;
  text-align: center;
  border-radius: 2px;
  font-size: 11px;
  font-weight: 500;
  background-color: #01c03a;
  color: #fff;
  position: absolute;
  margin-top: 2px;
  right: 8px; /* Changed from left: 8px */
  bottom: 8px;
  z-index: 1;
}

.movie_short-rating.low {
  background-color: #e13535;
}

.movie_short-rating.middle {
  background-color: #ff6702;
}
  .rating .masha_index {
    display:none
  }
  .movie_short-series {
    text-align:center;
    border-radius:2px;
    font-size:11px;
    font-weight:500;
    background-color:#b3c001;
    color:#fff;
    position:absolute;
    margin-top:2px;
    padding:2px;
    right:8px;
    bottom:30px;
    z-index:1
  }
  .movie-detalis img {
    position:absolute;
    object-fit:cover
  }
  .movie-img:hover .movie-img-inner {
    opacity:1
  }
  .movie-img {
    overflow:hidden;
    position:relative;
    padding-top:150%;
    border-radius:6px;
    background-color:rgb(255 255 255/7%);
    overflow:visible;
    -webkit-transform:scale(1) translateY(2%);
    -o-transform:scale(1) translateY(2%);
    transform:scale(1) translateY(2%)
  }
  .movie-img img {
    width:100%;
    height:100%;
    object-fit:cover;
    position:absolute;
    right:0;
    top:0;
    border-radius:6px
  }
  .movie-img:hover,
  movie-img1:hover {
    -webkit-transform:scale(1.04) translateY(0);
    -o-transform:scale(1.04) translateY(0);
    transform:scale(1.04) translateY(0)
  }
  .movie-img:focus,
  movie-img1:hover {
    -webkit-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
  }
  .movie-img:active,
  movie-img1:hover {
    -webkit-transform:translateY(-10px) scale(.9);
    transform:translateY(-10px) scale(.9)
  }
  .img-box img {
    width:100%;
    min-height:100%;
    display:block
  }
  .movie-img1 {
    height:225px;
    transition:transform .25s ease-in-out;
    border-radius:4px;
    background-color:rgb(255 255 255/7%)
  }
  .movie-titlo {
    display: block;
    color: #eeecf9;
    overflow: hidden;
    font-size: 1.4rem;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: 0.05em;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.movie-title {
    display: block;
    margin: 16px 0 1px;
    color: #eeecf9;
    overflow: hidden;
    font-size: 1.4rem;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: 0.05em;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 768px) {
    .movie-title {
        font-size: 1.2rem;
        margin: 12px 0 1px;
        letter-spacing: 0.03em;
    }
}

  .movie-tags a,
  .movie-tags {
    color: #a598dc; /* Slightly brighter/saturated purple */
    font-size: 0.6em; /* Smaller font size (relative to parent) */
    line-height: 1.6rem; /* Adjust line height to fit the smaller font */
    letter-spacing: 0.02em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'Tajawal', 'Cairo', Arial, sans-serif;
    direction: rtl;
    font-weight: 600;
  }
  .ratingbar {
    display:none
  }
  .poster__properties {
    display:none;
    z-index:3
  }
  .movie-img:hover .poster__properties {
    position:absolute;
    right:16px;
    left:16px;
    bottom:16px;
    z-index:1;
    color:#e5e1fc;
    font-size:13px;
    line-height:16px;
    font-weight:400;
    display:block;
    font-style:normal
  }
  .movie-img:hover .movie_short-rating,
  .movie-img:hover .movie_short-series,
  .movie-img:hover .movie_short-ageBadge {
    display:none
  }
  .poster__propertiesRow {
    margin-top:4px
  }
  .ratingBlock_extraPosition_bottom {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:end;
    -webkit-align-items:flex-end;
    -ms-flex-align:end;
    align-items:flex-end
  }
  .ratingBlock_extraPosition_bottom,
  .ratingBlock_extraPosition_right {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex
  }
  .ratingBlock__main {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    position:relative
  }
  .ratingBlock__valueInteger {
    font-size:20px;
    line-height:24px;
    font-weight:900;
    font-style:normal
  }
  .ratingBlock__valueFraction {
    font-size:16px;
    line-height:20px;
    font-weight:700;
    font-style:normal
  }
  .poster__propertiesRow {
    margin-top:4px
  }
  .poster__barChart {
    width:100%;
    max-width:104px
  }
.barChart__name {
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
    font-style: normal;
    color: #968acf;
    margin-bottom: 4px;
    font-family: 'Cairo', 'Amiri', 'Noto Naskh Arabic', Arial, sans-serif;
    direction: rtl;
}
  .poster__barChart .barChart__name {
    color:#e5e1fc
  }
  .barChart__graph,
  .barChart__graphProgress {
    height:4px;
    border-radius:2px
  }
  .barChart__graph {
    background-color:rgb(128 128 128/32%)
  }
  .barChart__graphProgress {
    background-color:#2196f3
  }
  .poster__propertiesInfo {
    margin-top:12px
  }
  .poster__propertiesInfo .poster__propertiesRow {
    display:block;
    display:-webkit-box;
    overflow:hidden;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    text-overflow:ellipsis;
    text-overflow:-o-ellipsis-lastline
  }
  .navigation {
    text-align:center
  }
  .navigation a,
  .navigation span,
  .pnext a,
  .pprev a,
  .pprev>span,
  .pnext>span {
    display:inline-block;
    padding:0 10px;
    margin:0 3px 10px;
    line-height:40px;
    min-width:40px;
    background-color:var(--medium-color);
    border-radius:6px
  }
  .navigation span:not(.nav_ext) {
    background-color:var(--main-color)
  }
  .pagi-nav a:hover {
    background-color:var(--two-medium-color)
  }
  .news-item__img {
    height:160px;
    margin-bottom:20px;
    border-radius:16px
  }
  .news-item__title {
    font-weight:500;
    font-size:1.6rem;
    letter-spacing:1px;
    color:#fff;
    padding-bottom:2px
  }
  .news-item__title span {
    border-bottom:1px dotted #444
  }
  .news-item__text {
    color:#999;
    font-size:1.2rem;
    line-height:1.6;
    margin-top:15px
  }
  .news-item__btn {
    float:left;
    margin-top:20px
  }
  .section-pod .section__title {
    margin-bottom:20px
  }
  .movie-poster__shadow {
    position:absolute;
    right:0;
    top:0;
    opacity:.4;
    pointer-events:none;
    height:80px;
    width:100%
  }
.movie-poster__shadow img {
    /* If you meant to use a blur filter: */
    filter: blur(40px);
    border-radius: 8px;
    width: 100%;
    height: 100%;
}
  .xion-fullhead {
    display:grid;
    grid-template-columns:auto 1fr;
    grid-gap:20px;
    margin-top:20px
  }
  .xion-fullhead-bottom {
    margin-bottom:20px
  }
  .xion-fullhead-0 {
    margin-top:0
  }
  .xion-fullhead_flex {
    display:flex
  }
.xion-fullhead_flex.tab {
  justify-content: space-between;
}
.xion-fullhead_title {
    font-weight: 600; /* Semi-bold for elegance and readability */
    font-size: 1.5rem;   /* Slightly reduced for better balance */
    line-height: 1.3;  /* Improved vertical spacing */
    color: #fff;
    text-align: right; /* Maintain right alignment for Arabic */
    direction: rtl;
    font-family: 'Tajawal', 'Cairo', Arial, sans-serif; /* Arabic-friendly fonts */
    letter-spacing: 0.1px; /* Subtle letter spacing for Arabic */
}
  .xion-fullhead_title-s {
    font-weight:600;
    font-size:29px;
    line-height:32px
  }
  .xion-fullhead_title>small {
    font-size:12px;
    font-weight:400;
    opacity:.8;
    line-height:1.4
  }
.xion-fullhead_title_small {
    font-size: 14px;
    font-weight: 400;
    opacity: .8;
    line-height: 1.4;
    margin-top: 5px;
    font-family: 'Tajawal', 'Cairo', Arial, sans-serif;
    direction: rtl;
    text-align: right;
    letter-spacing: 0.03rem;
}
  .xion-fullhead_description {
    font-size:16px;
    line-height:20px;
    font-weight:500;
    margin:12px 0;
    opacity:.9
  }
  .xion-fullhead_description span {
    margin-left:10px
  }
  .xion-fullhead_undertitle {
    font-size:16px;
    line-height:20px;
    font-weight:500;
    margin-bottom:18px;
    opacity:.9
  }
  .xion-fullhead_undertitle span {
    margin-left:10px
  }
  .xion-fullhead_parameters {
    font-size:14px;
    line-height:20px;
    font-weight:500;
    margin:12px 0;
    opacity:.9;
    display:flex;
    flex-wrap:nowrap;
    flex-direction:row;
    align-items:end
  }
 .xion-fullhead_parameters span {
    margin-left: 10px;
    font-family: 'Tajawal', 'Cairo', Arial, sans-serif; /* Arabic-friendly font */
    direction: rtl;
    text-align: right;
    letter-spacing: 0.02em; /* Optional: improves readability */
}
  .xion-fullhead_parameters .rating {
    color:#01c03a;
    font-weight:800
  }
  .xion-fullhead_parameters .rating.low {
    color:#e13535
  }
  .xion-fullhead_parameters .rating.middle {
    color:#ff6702
  }
  .xion-fullhead_parameters .age {
    opacity:.8;
    border:1px solid rgb(255 255 255/43%);
    display:block;
    padding:0 6px;
    border-radius:4px;
    color:#fff;
    font-size:12px
  }
  .xion-fullhead_parameters .quality {
    padding:0 6px;
    border-radius:4px;
    color:#000;
    opacity:1;
    font-size:12px;
    border:1px solid #fff;
    background-color:#fff
  }
.xion-fullhead_btn {
    border: 0;
    color: #fff;
    height: 40px;
    border-radius: 5px;
    cursor: pointer;
    margin-left: 20px;
    font-size: 13px;
    padding: 0 15px;
    background-color: var(--medium-color);
    text-transform: uppercase;
}
  .xion-fullhead_btn:nth-child(3) {
    margin-left:0
  }
  .xion-fullhead_flex .active {
    border:1px solid var(--main-color)
  }
  .xion-fullhead_btn:hover,
  .xion-fullhead_goback:hover {
    background-color:var(--main-color)
  }
  .xion-fullhead_goback {
    padding:0;
    width:40px
  }
  .xion-fullhead_btn svg {
    width:22px;
    height:22px
  }
  .xion-fullhead_btn-right {
    margin-left:10px
  }
  .tabs-block__select {
    margin-bottom:30px;
    background-color:var(--medium-color);
    padding:20px;
    margin-top:15px;
    border-radius:6px;
    white-space:nowrap;
    overflow-y:hidden;
    overflow-x:auto;
    display:block;
    direction:rtl
  }
.tabs-block__select span {
    line-height: 40px;
    border-radius: 8px;
    margin: 0 15px;
    position: relative;
    cursor: pointer;
    display: inline-block;
}
  .tabs-block__select span:hover:before {
    background-color:var(--medium-color)
  }
.tabs-block__select span:before {
    content: "";
    position: absolute;
    bottom: 0;
    display: block;
    top: auto;
    width: 100%;
    height: 3px;
    background-color: initial;
    border-radius: 0;
    transition: background-color .3s ease, box-shadow .2s ease;
}
.is-active,
.tabs-block__select span {
    font-family: 'Tajawal', 'Cairo', Arial, sans-serif;
    direction: rtl;
    text-align: right;
    font-weight: 900;
}

  .tabs-block__select span.is-active:before {
    content:"";
    position:absolute;
    bottom:0;
    display:block;
    width:100%;
    height:3px;
    background-color:var(--main-color);
    left:-1px;
    right:-1px;
    transition:background-color .3s ease,box-shadow .2s ease
  }
  .frates {
    display:flex;
    justify-content:flex-end;
    align-items:end;
    margin-top:10px
  }
  .frate {
    width:200px;
    height:46px;
    position:relative;
    margin-left:40px
  }
  .frate-title {
    font-family: 'Tajawal', 'Cairo', Arial, sans-serif;
    direction: rtl;
    color:#ccc;
    position:absolute;
    right:0;
    top:0
  }
  .frate-count {
    color:#f7f7f7;
    position:absolute;
    left:0;
    top:0
  }
  .frate-votes {
    font-size:12px;
    position:absolute;
    left:0;
    bottom:0;
    font-family: 'Tajawal', 'Cairo', Arial, sans-serif;
    direction: rtl;
  }
  .frate-bar {
    background-color:#ccc;
    position:absolute;
    right:0;
    top:22px;
    width:100%;
    height:5px
  }
  .frate-bar:after {
    content:'';
    position:absolute;
    right:0;
    top:0;
    width:100%;
    height:100%;
    z-index:5;
    background:linear-gradient(to left,rgba(48,48,48,0) 0px,rgba(48,48,48,0) 3px,#131722 4px);
    background-size:5px 5px;
    background-repeat:repeat-x
  }
  .frate-fill {
    position:absolute;
    right:0;
    top:0;
    height:100%;
    width:0;
    background:linear-gradient(to left,#ff7902 0%,#ff6702 100%)
  }
  .frate-imdb .frate-fill {
    background:linear-gradient(to left,#ffa302 0%,#ffca02 100%)
  }
  .frate-site .frate-bar {
    background:#e13535
  }
  .frate-site .frate-fill {
    background:#1ee459
  }
  .frate-site .frate-count {
    display:none
  }
  .frate-site {
    margin-left:80px
  }
  .likes,
  .dislikes {
    font-size:12px;
    color:#f7f7f7;
    position:absolute;
    bottom:0;
    right:0
  }
  .dislikes {
    right:auto;
    left:0
  }
.frate-up,
.frate-down,
.comm-rate3 a {
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 3px;
    font-size: 12px;
    cursor: pointer;
    color: #e13535;
    background-color: #202020;
    position: absolute;
    top: 10px;
    left: -80px;
}
  .frate-up,
  .comm-rate3 a:first-child {
    left:-45px;
    color:#1ee459
  }
  .frate-up:hover,
  .comm-rate3 a:first-child:hover {
    background-color:#1ee459;
    color:#fff
  }
  .frate-down:hover,
  .comm-rate3 a:last-child:hover {
    background-color:#e13535;
    color:#fff
  }
  .movie__description-additional_no-trailer {
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:row;
    flex-direction:row;
    -webkit-align-items:flex-end;
    align-items:flex-end;
    margin-top:30px
  }
.movie__description-additional_no-trailer.fx-colum {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* This aligns children to the left */
}
.movie__description-additional_no-trailer .section__title {
    margin-top: 0;
    font-family: 'Tajawal', 'Cairo', Arial, sans-serif;
    direction: rtl;
    text-align: right;
    font-weight: 800;
    letter-spacing: 0.06rem;
    color: #2196f3;
    font-size: 1.3rem;
    margin-bottom: 1rem;
    line-height: 1.2;
}
.movie-synopsis {
    padding: 18px 2px 22px 16px;
    font-family: 'Tajawal', 'Cairo', Arial, sans-serif;
    font-size: 1.4rem;
    color: #fff;
    direction: rtl;
    text-align: right;
    line-height: 1.8;
    margin-bottom: 24px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.07);
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0.03rem;
    font-weight: 500;
    word-break: break-word;
}
.movie__data-col,
.movie__data-col_content {
    font-family: 'Montserrat', 'Arial', sans-serif;
    font-size: 1.15rem;
    font-weight: 600;
    letter-spacing: 0.03rem;
    text-align: left;
    direction: ltr;
    margin-bottom: 0.8rem;
    line-height: 1.6;
    /* No color, inherits default */
}
.alert-warning {
    font-family: 'Tajawal', 'Cairo', Arial, sans-serif;
    direction: rtl;
    text-align: right;
    font-weight: 700;
    color: #d9534f; /* Bootstrap danger color, adjust as needed */
    font-size: 1.5rem;
    margin-right: 6px;
    letter-spacing: 0.1px;
}
  .movie__description-data_text {
    -webkit-flex-grow:0;
    flex-grow:0;
    -webkit-flex-shrink:0;
    flex-shrink:0
  }
  .movie__description-additional_no-trailer .movie__description-data_text {
    width:50%;
    padding-left:80px;
    margin-bottom:0
  }
  .movie__data-wrapper {
    display:grid;
    grid-template-rows:auto;
    grid-template-columns:auto 236px;
    grid-gap:8px
  }
  .movie__data-wrapper.description-persons {
    grid-template-columns:auto 480px
  }
.movie__data-col_title {
    color: #2196f3;
    font-family: 'Tajawal', 'Cairo', Arial, sans-serif;
    font-size: 1.3rem;
    font-weight: 800;
    letter-spacing: 0.06rem;
    text-align: right;
    direction: rtl;
    margin-bottom: 0.3rem;
    line-height: 1.2;
}
@media (max-width: 600px) {
  .movie__data-wrapper.description-persons {
    display: block !important; /* Stack columns vertically on mobile */
    grid-template-columns: 1fr !important;
    padding: 0 8px;
  }
  .movie__data-col_title {
    font-size: 1.1rem;
    text-align: right;
    margin-bottom: 0.5rem;
    line-height: 1.3;
    letter-spacing: 0.04rem;
  }
  .movie__data-col,
  .movie__data-col_content {
    font-size: 1rem;
    text-align: right;
    direction: rtl;
    margin-bottom: 0.6rem;
    line-height: 1.5;
    letter-spacing: 0.02rem;
    word-break: break-word;
  }
}
  .pmovie__player-bottom {
    padding-top:20px;
    padding-bottom:30px
  }
  .pmovie__rating-likes>* {
    display:flex;
    align-items:end;
    height:40px;
    border-radius:20px;
    background-color:var(--medium-color);
    padding:5px;
    font-weight:500;
    margin-left:20px;
    padding-left:15px
  }
  .pmovie__rating-likes>* .fal {
    background-color:#6ab04c;
    color:#fff;
    height:30px;
    line-height:30px;
    width:30px;
    border-radius:50%;
    text-align:center;
    font-size:16px;
    margin-left:10px;
    display:flex;
    align-items:end;
    justify-content:end
  }
  .pmovie__rating-likes>*+* .fal {
    background-color:#eb4d4b
  }
  .pmovie__rating-likes>a:hover {
    background-color:var(--two-medium-color);
    color:#fff
  }
.pmovie__fav a {
    display: flex;
    align-items: end;
    height: 30px;
    border-radius: 15px;
    padding: 0 15px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    border: 1px solid var(--main-color);
    color: #fff;
    cursor: pointer;
}
  .page__complaint {
    display:flex;
    align-items:end;
    height:30px;
    border-radius:15px;
    padding:0 15px;
    font-size:10px;
    text-transform:uppercase;
    font-weight:500;
    margin-right:10px;
    letter-spacing:1px;
    border:1px solid #232529;
    background-color:#232529;
    color:#000
  }
  .movie__description-data_full {
    overflow:hidden;
    margin-top:20px
  }
  .facts {
    overflow:hidden
  }
.slice-btn {
    font-weight: bold;
    cursor: pointer;
    color: #a5a1b2;
    margin-bottom: 20px;
}
  .comments_title {
    box-shadow:0 2px 0 var(--main-color),inset 0 0 0 var(--main-color);
    -webkit-transition:box-shadow 400ms,color 400ms,box-shadow 400ms,color 400ms;
    -o-transition:box-shadow 400ms,color 400ms,box-shadow 400ms,color 400ms;
    transition:box-shadow 400ms,color 400ms,box-shadow 400ms,color 400ms;
    font-size:21px;
    line-height:24px;
    font-weight:600;
    font-style:normal
  }
  .comments_title:hover {
    box-shadow:0 0 0 var(--main-color),inset 0 -1.5em 0 var(--main-color)
  }
  .comments_superscript {
    margin-right:4px;
    margin-left:30px
  }
  .comments_counter {
    font-size:13px;
    line-height:16px;
    font-weight:400;
    font-style:normal;
    color:#a5a1b2
  }
.btn-vion {
    opacity: 1;
    transition: opacity 80ms, border-color 400ms, background-color 400ms;
    position: relative;
    display: inline-block;
    vertical-align: top;
    border: 2px solid rgba(255,255,255,.32);
    user-select: none;
    height: 24px;
    border-radius: 4px;
    padding: 2px 8px;
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
}
  .btn-vion:hover {
    border:2px solid rgb(255 255 255/86%)
  }
  .comments_subHeader {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    font-size:13px;
    line-height:16px;
    font-weight:400;
    margin-top:12px;
    margin-bottom:12px;
    font-style:normal;
    color:#a5a1b2
  }
  .info-nocomment {
    padding:20px;
    background-color:rgba(86,92,103,.16);
    border-radius:6px;
    text-align:center;
    color:#a5a1b2;
    font-weight:600;
    transition-duration:.4s;
    margin-bottom:10px
  }
  .info-nocomment:hover {
    transform:scale(1.02);
    background-color:rgba(86,92,103,.24);
    transition-duration:.4s
  }
  .facts li {
    list-style:none;
    color:#bbb;
    padding:16px 24px 16px 0;
    font-size:14px;
    line-height:20px;
    position:relative
  }
  .facts li:before {
    position:absolute;
    top:21px;
    right:0;
    display:block;
    width:8px;
    height:8px;
    content:"";
    border-radius:50%;
    background-color:var(--main-color)
  }
.main-slider {
    position:relative;
    width:100%;
    height:40vw;
    margin-bottom:-136px;
    overflow:hidden;
    margin-top:80px
}
.main-slider .main-slider__wrapper {
    position:relative;
    width:100%;
    height:100%;
    transition:opacity .3s ease-in;
    z-index:1;
    background-image:linear-gradient(0deg,rgba(17,17,19,0),rgba(17,17,19,.6))
}
.main-slider .main-slider__left-shade {
    position:absolute;
    right:0;
    top:0;
    width:50%;
    height:100%;
    background-image:linear-gradient(270deg,rgba(25,26,29,.6),rgba(25,26,29,0));
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    z-index:2
}
.main-slider .main-slider__bg {
    position:relative;
    display:block;
    width:100%;
    height:auto;
    opacity:1;
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
    transition:opacity .5s ease;
    z-index:1
}
.main-slider .main-slider__bg img {
    width:100%;
    will-change:scroll-position;
    display:block
}
.main-slider .main-slider__content {
    position:absolute;
    bottom:140px;
    width:100%;
    padding:0 100px;
    box-sizing:border-box;
    z-index:3
}
.main-slider .main-slider__title {
    font-size:4rem;
    line-height:40px;
    color:#fff;
    font-weight:600;
    position:relative;
    z-index:3
}
.main-slider .main-slider__title img {
    width:auto;
    height:auto;
    max-width:400px;
    max-height:200px;
    display:block;
    border-radius:0
}
.main-slider .main-slider__quote {
    margin-top:24px;
    font-size:20px;
    line-height:normal
}
.main-slider .main-slider__quote .main-slider__quote-text {
    width: 35%;
    font-family: 'Tajawal', 'Cairo', Arial, sans-serif; /* Arabic-friendly fonts */
    direction: rtl;                /* Right-to-left for Arabic text */
    text-align: right;             /* Right-align is standard for Arabic */
    letter-spacing: 0.02em;        /* Optional: improves readability */
}
.main-slider .main-slider__buttons {
    display:-webkit-flex;
    display:flex;
    margin-top:24px;
    height:48px;
    position:relative
}

/* ---- Enhanced Regarder Play Button Styling ---- */
.main-slider .main-slider__buttons .main-slider__play-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 270px;
    height: 48px;
    font-weight: 600;
    letter-spacing: .3px;
    border-radius: 28px;
    background: linear-gradient(90deg, var(--main-color) 0%, #fbb03b 100%);
    color: #fff;
    font-size: 18px;
    line-height: 1.2;
    box-shadow: 0 4px 16px rgba(0,0,0,0.11);
    border: none;
    transition: background 0.3s, box-shadow 0.2s, transform 0.15s;
    cursor: pointer;
    gap: 16px;
    padding: 0 32px;
    text-decoration: none;
    z-index: 2;
}

.main-slider .main-slider__buttons .main-slider__play-btn:hover {
    background: linear-gradient(90deg, #fbb03b 0%, var(--main-color) 100%);
    box-shadow: 0 8px 24px rgba(86,92,103,0.18);
    transform: translateY(-2px) scale(1.03);
    color: #fff;
}

.main-slider .main-slider__buttons .main-slider__play-btn img {
    height: 28px;
    width: auto;
    margin-right: 16px;
    filter: drop-shadow(0 2px 6px rgba(0,0,0,0.12));
}

/* RTL icon adjustment */
[dir="rtl"] .main-slider .main-slider__buttons .main-slider__play-btn {
    flex-direction: row-reverse;
}
[dir="rtl"] .main-slider .main-slider__buttons .main-slider__play-btn img {
    margin-right: 0;
    margin-left: 16px;
}

/* ---- End Regarder Play Button Styling ---- */

.main-slider__next-btn,
.main-slider__right-btn {
    display:-webkit-flex;
    display:flex;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-align-items:end;
    align-items:end;
    width:56px;
    height:100%;
    margin-right:16px;
    border-radius:8px;
    background-color:rgba(86,92,103,.24);
    transition:background-color .2s ease-in-out;
    cursor: pointer;
}

/* ---- SVG Styles for Buttons ---- */
.main-slider__right-btn img {
    transform:scale(1,1);
    height:25px;
    width:auto;
    display:block;
    margin:0 auto;
}

.main-slider__next-btn img {
    transform:scale(-1,1);
    height:25px;
    width:auto;
    display:block;
    margin:0 auto;
}

.main-slider__next-btn:hover,
.main-slider__right-btn:hover {
    background-color:rgba(86,92,103,.48)
}

.rtl-flip {
    transform: scaleX(-1);
}

/* Responsive adjustments for buttons */
@media (max-width: 768px) {
    .main-slider .main-slider__buttons .main-slider__play-btn {
        width: 150px;
        font-size: 14px;
        height: 40px;
        padding: 0 16px;
        border-radius: 16px;
        gap: 8px;
    }
    .main-slider .main-slider__buttons .main-slider__play-btn img {
        height: 20px;
        margin-right: 8px;
    }
    .main-slider__next-btn,
    .main-slider__right-btn {
        width: 36px;
        height: 36px;
        border-radius: 8px;
        margin-right: 8px;
    }
    .main-slider__right-btn img,
    .main-slider__next-btn img {
        height: 20px;
    }
}
  .main-slider .main-slider__shade {
    position:absolute;
    bottom:0;
    width:100%;
    height:60%;
    background-image:linear-gradient( 180deg,rgba(25,26,29,0) 3%,#191a1d 98%);
    z-index:2
  }
  .main-slider .swiper-pagination {
    position:absolute;
    z-index:2;
    display:-webkit-flex;
    display:flex;
    width:100%;
    bottom:10%;
    padding:0 100px;
    box-sizing:border-box
  }
  .main-slider .swiper-pagination-bullet {
    position:relative;
    -webkit-flex-grow:1;
    flex-grow:1;
    height:4px;
    border-radius:8px;
    background-color:rgba(86,92,103,.4);
    transition:all .1s ease;
    position:relative;
    overflow:hidden
  }
  .main-slider .swiper-pagination-bullet::before {
    content:"";
    display:block;
    position:absolute;
    background-color:#fff;
    top:0;
    left:0;
    bottom:0;
    right:0
  }
  .main-slider .swiper-pagination-bullet-active {
    -webkit-flex-grow:2;
    flex-grow:2
  }
  .main-slider .swiper-pagination-bullet-active::before {
    background-color:#fff;
    -webkit-animation:slide-progress 10s cubic-bezier(.3,0,.3,1) forwards;
    animation:slide-progress 10s cubic-bezier(.3,0,.3,1) forwards
  }
  .main-slider .swiper-paused .swiper-pagination-bullet-active::before {
    -webkit-animation-play-state:paused;
    animation-play-state:paused
  }
  @-webkit-keyframes slide-progress {
    0% {
      transform:translateX(100%)
    }
    100% {
      transform:translateX(0)
    }
  }
  @keyframes slide-progress {
    0% {
      transform:translateX(100%)
    }
    100% {
      transform:translateX(0)
    }
  }
  .search__title1 {
    direction: rtl;
    font-family: 'Tajawal', 'Cairo', Arial, sans-serif;
    font-size:24px;
    line-height:24px;
    margin-bottom:24px;
    margin-top:24px
  }
  .search__popular-wrapper {
    display:-webkit-flex;
    display:flex;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap
  }
  .search__popular-item {
    width:50%;
    font-size:16px;
    line-height:36px
  }
  .text {
    line-height:1.8;
    font-size:1.6rem;
    color:#a5a1b2;
    word-wrap:break-word;
    margin-top:20px;
    margin-bottom:20px
  }
  .text-1 {
    font-size:1.6rem;
    line-height:24px;
    font-weight:400;
    font-style:normal
  }
  .text a {
    text-decoration:underline;
    color:#686de0
  }
  .text img:not(.emoji),
  .text p,
  .text h2,
  .text h3,
  .text h4,
  .text h5,
  .text h1,
  .text>ul,
  .text>ol,
  .text table {
    margin-bottom:20px
  }
  .text>img[style*=right],
  .text>.highslide img[style*=right] {
    margin:0 10px 10px 0
  }
  .text>img[style*=left],
  .text>.highslide img[style*=left] {
    margin:0 0 10px 10px
  }
  .text>ul li {
    padding-right:40px;
    position:relative;
    margin-bottom:20px
  }
  .text>ul li:last-child {
    margin-bottom:0
  }
  .text>ul li::before,
  .mwc-subtitle-paymethod::before {
    content:"\f058";
    font-weight:400;
    font-family:"font awesome 5 pro";
    color:#2ed573;
    font-size:18px;
    position:absolute;
    right:10px;
    top:-2px
  }
  .imgs-center {
    padding-top:10px;
    text-align:center
  }
  .imgs-center a {
    display:inline-block;
    vertical-align:top;
    margin:0 5px 5px;
    overflow:hidden;
    border-radius:6px;
    box-shadow:0 1px 2px rgba(0,0,0,.1);
    border:1px solid #eee
  }
  .text>ol li {
    list-style:decimal;
    margin-right:40px
  }
  .text table {
    width:100%
  }
  .text table tr td {
    padding:10px;
    border:2px solid #fff
  }
  .text table tr:nth-child(2n+1) {
    background-color:#f2f6f9
  }
  .text table tr:nth-child(1) {
    background-color:#cee0ed
  }
  .text table img:not(.emoji) {
    margin:0;
    max-width:350px
  }
  .text>*:last-child {
    margin-bottom:0
  }
  .section__content.text {
    font-size:2rem
  }
  .container-table100 {
    padding:0!important
  }
  .wrap-table100 {
    border-radius:0!important
  }
  .add-comments-form {
    max-width:800px
  }
  .add-comments-form__input {
    margin-right:20px
  }
  .add-comments-form .hidden,
  .comments_subscribe+br {
    display:none
  }
  .mass_comments_action {
    display:flex;
    align-items:end;
    max-width:800px
  }
  .mass_comments_action select {
    flex:1 1 0;
    margin:0 16px 0 20px
  }
  .comment-item__title {
    font-weight:500;
    font-size:2rem;
    margin-bottom:20px
  }
  .comment-item {
    margin-bottom:25px;
    padding:20px;
    border-radius:6px;
    box-shadow:0 1px 2px rgba(0,0,0,.1);
    background-color:var(--medium-color);
    -webkit-transition:background-color 400ms,background-color 400ms;
    -o-transition:background-color 400ms,background-color 400ms;
    transition:background-color 400ms,background-color 400ms
  }
  .comment-item:hover {
    background-color:rgba(86,92,103,.24)
  }
  .comment-item__header:not(.comment-item__header--admin) {
    border-right:3px solid #eee;
    padding-right:10px
  }
  .comment-item__img {
    width:40px;
    height:40px;
    border-radius:50%;
    margin-left:10px
  }
  .comment-item__author {
    font-weight:500
  }
  .comment-item__date {
    color:#999;
    margin-top:6px;
    font-size:1.2rem
  }
  .comment-item__main {
    margin:6px 0
  }
  .comment-item__rating {
    margin-right:20px;
    height:30px;
    line-height:30px;
    border-radius:4px;
    background-color:#f2f6f917;
    padding:0 10px;
    font-size:1.2rem;
    color:#97a9b7
  }
  .comment-item__rating a {
    color:#97a9b7
  }
  .comment-item__rating>span {
    margin:0 5px
  }
  .comment-item__rating>span>span.ratingtypeplus,
  .comment-item__rating>span>span.ratingplus {
    color:#06b601
  }
  .comment-item__rating>span>span.ratingminus {
    color:#ff0e0e
  }
  .comment-item__reply {
    font-size:12px;
    margin-left:20px
  }
  .comment-item__reply .fal {
    margin-right:5px
  }
  .comment-item__reply+.comment-item__reply .fal {
    margin-right:0;
    margin-left:5px
  }
  .comment-item__controls {
    text-align:left;
    font-size:12px;
    margin-left:-15px
  }
  .comment-item__controls {
    text-align:left;
    font-size:1.2rem
  }
  .comment-item__controls li {
    display:inline-block;
    vertical-align:middle;
    margin:0 10px 0 0;
    height:20px;
    line-height:20px
  }
  .comment-item__controls a:not(:hover) {
    color:#a5a1b2;
    -webkit-transition:color 400ms,opacity 400ms,color 400ms,opacity 400ms;
    -o-transition:color 400ms,opacity 400ms,color 400ms,opacity 400ms;
    transition:color 400ms,opacity 400ms,color 400ms,opacity 400ms
  }
.header__search {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    font-style: normal;
}
  .header__search span {
    margin-left:6px
  }
  .search-modal {
    position:fixed;
    z-index:999;
    right:50%;
    top:50%;
    transform:translate(50%,-50%);
    overflow:hidden;
    background-color:rgb(25 26 29/97%);
    border-radius:16px;
    width:100%;
    height:100%;
    box-shadow:0 15px 45px #000;
    overflow-y:auto
  }
  .search__container {
    padding:20px 150px
  }
  .search__header {
    padding:20px 0
  }
  .searchbox__input::placeholder {
    direction: rtl;
    font-family: 'Tajawal', 'Cairo', Arial, sans-serif;
}
.search__title {
    font-size: 2.2rem;
    font-weight: 800;
    direction: rtl;
    font-family: 'Tajawal', 'Cairo', Arial, sans-serif;
}
.search__close {
    cursor: pointer;
    font-size: 3.4rem;
    opacity: .6;
    margin-right: 20px;
    color: #fff;
    position: absolute;
    left: 32px;
    top: 32px;
}
  .search__title a {
    border-bottom:1px dotted #444;
    margin-right:10px;
    font-weight:400;
    color:#999
  }
  .search__content {
    position:relative;
    margin-bottom:30px
  }
  .search__row {
    margin-bottom:20px;
    position:relative;
    display:block;
    font-size:1.2rem;
    color:#999
  }
  .search__caption {
    font-size:12px;
    color:#333;
    margin-bottom:10px
  }
  input.searchbox__input,
  input.searchbox__input:focus {
    display:block;
    width:100%!important;
    margin-bottom:10px;
    font-weight:300;
    background-color:transparent;
    border-bottom:1px solid #d8d8d8;
    border-radius:0;
    color:#d8d8d8;
    font-size:28px;
    line-height:1;
    padding:10px 60px 30px 0
  }
  input.searchbox__input:not(:focus)::placeholder {
    font-size:20px;
    color:#d8d8d8
  }
.searchbox__btn {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 50px;
    cursor: pointer;
    background: 0 0;
    color: #d8d8d8;
    line-height: 40px;
    text-align: center;
}
.header__search-voice {
    position: absolute;
    right: 0;
    display: block;
    border-radius: 12px;
    top: -10px;
    z-index: 10;
    font-size: 20px;
    width: 45px;
    height: 45px;
    cursor: pointer;
    background-color: var(--light-color);
    color: #d8d8d8;
    line-height: 45px;
    text-align: center;
}
.header__sign-in {
    width: 30px;
    height: 30px;
    background-color: transparent;
    border: 2px solid rgba(255,255,255,.3);
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    transition: color .08s, border-color .08s, background-color .08s;
    padding: 3px 6px;
    cursor: pointer;
}
  .header__sign-in:hover {
    background-color:rgba(255,255,255,.08);
    border-color:rgba(255,255,255,.7)
  }
  .login {
    position:fixed;
    z-index:999;
    right:50%;
    top:50%;
    transform:translate(50%,-50%);
    overflow:hidden;
    border-radius:16px;
    width:400px;
    box-shadow:0 15px 45px #000;
    border-radius:8px;
    border:1px solid #565c67;
    background-color:rgb(31 33 37/95%)
  }
  .login__header {
    padding:20px 40px;
    background-color:#131313
  }
  .login__title {
    font-size:1.9rem;
    font-weight:500;
    padding:1px 0
  }
.login__close {
    cursor: pointer;
    font-size: 2.4rem;
    opacity: .6;
    margin-right: 20px;
    color: #fff;
}
  .login__title a {
    border-bottom:1px dotted #444;
    margin-right:10px;
    font-weight:400;
    color:#999
  }
  .login__content {
    padding:20px 40px
  }
  .login__row {
    margin-bottom:20px;
    position:relative;
    display:block;
    font-size:1.2rem;
    color:#999
  }
  .login__caption {
    font-size:12px;
    color:#a5a1b2;
    margin-bottom:10px
  }
  .login__caption a {
    text-decoration:underline;
    margin-right:6px;
    color:#928cab
  }
  .login__input input {
    padding-right:40px
  }
  .login__row .far {
    opacity:.5;
    position:absolute;
    right:0;
    bottom:0;
    line-height:40px;
    width:40px;
    text-align:center
  }
  .login__row button {
    width:100%
  }
  .login__avatar {
    width:40px;
    height:40px;
    border-radius:50%;
    margin-left:10px
  }
  .login__menu {
    padding-right:35px;
    padding-left:35px;
    margin-bottom:-10px
  }
  .login__menu li {
    flex:1 1 0;
    min-width:auto;
    max-width:100%;
    margin:0 5px 10px
  }
  .login__menu a {
    display:block;
    border-radius:6px;
    padding:10px;
    text-align:center;
    white-space:nowrap;
    background-color:#f2f6f8;
    box-shadow:inset 0 0 10px rgba(0,0,0,.1);
    font-size:1.2rem;
    color:#000
  }
  .login__menu a.login__menu-link--imp {
    background-color:var(--main-color);
    color:#fff
  }
  .login__menu .far {
    display:block;
    height:30px;
    font-size:2.4rem;
    opacity:.3
  }
  .login__menu a.login__menu-link--imp .far {
    opacity:.8
  }
.overlay {
    position: fixed;
    z-index: 998;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    background-color: rgb(0 0 0 / 40%);
    cursor: pointer;
    display: none;
}
  .mobile-menu {
    width:280px;
    height:100%;
    overflow-x:hidden;
    overflow-y:auto;
    padding:10px 20px;
    z-index:999;
    position:fixed;
    right:-320px;
    top:0;
    transition:right .4s;
    background-color:var(--bg-main-color)
  }
  .mobile-menu.is-active {
    right:0
  }
.mobile-menu-close {
    cursor: pointer;
    display: block;
    right: 280px;
    top: -40px;
    position: fixed;
    z-index: 999;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    opacity: 0;
    background-color: var(--main-color);
    box-shadow: 0 4px 15px 0 var(--main-color);
    color: #fff;
    transition: top .4s, opacity .4s;
}
  .mobile-menu-close.is-active {
    top:0;
    opacity:1
  }
  body.mobile-menu-is-opened {
    overflow:hidden;
    width:100%;
    height:100%
  }
  .mobile-menu .header__menu {
    margin:0;
    padding:0;
    display:block
  }
  .mobile-menu .header__menu>li {
    width:100%;
    margin:0
  }
  .mobile-menu .header__menu>li>a {
    height:70px;
    padding:5px 20px;
    margin:10px 0;
    background-color:var(--medium-color);
    border-radius:8px
  }
  .mobile-menu .header__menu li a:hover,
  .mobile-menu .header__menu li a:active {
    color:var(--main-color)
  }
  .mobile-menu .header__menu-hidden {
    width:100%;
    height:auto;
    display:block;
    position:relative;
    right:0;
    top:0;
    width:calc(100% + 40px);
    margin:15px -20px;
    opacity:1;
    visibility:visible;
    transform:none
  }
  .mobile-menu .header__menu-hidden {
    padding:10px;
    column-width:100px;
    column-gap:0
  }
  .mobile-menu .header__menu-hidden {
    display:none!important
  }
  .mobile-menu .header__menu-hidden.is-active {
    display:flex!important;
    flex-direction:column;
    gap:20px;
    padding:10px 20px
  }

  .fx-row {
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    justify-content:space-between
  }
  .fx-column {
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    flex-direction:column
  }
  .fx-center {
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center
  }
  .fx-middle {
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center
  }
  .fx-start {
    -webkit-justify-content:flex-end;
    justify-content:flex-end
  }
  .fx-first {
    -ms-flex-order:-1;
    -webkit-order:-1;
    order:-1
  }
  .fx-last {
    -ms-flex-order:10;
    -webkit-order:10;
    order:10
  }
  .fx-1 {
    -ms-flex-preferred-size:0;
    flex-basis:0;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    max-width:100%;
    min-width:50px
  }
  .favmod-add,
  .favmod-unset {
    display:block
  }
  .favmod .favmod-unset,
  .favmod.active .favmod-add {
    display:none
  }
  .favmod.active .favmod-unset {
    display:block
  }
  .ac-textarea {
    padding-bottom:20px
  }
  .fsubtitle {
    text-align:center;
    margin:20px -20px -10px;
    padding:0 20px;
    padding-top:10px;
    border-top:1px solid #111;
    font-weight:600;
    font-size:16px;
    width:calc(100% + 40px);
    color:#eee
  }
  .fplayer {
    position:relative;
    padding:0 80px
  }
  .fctrl {
    background-color:#111;
    color:#ccc;
    padding-left:20px
  }
  .fplayer .tabs-sel {
    white-space:nowrap;
    overflow-y:hidden;
    overflow-x:auto;
    font-size:0;
    direction:rtl
  }
  .fplayer .tabs-sel span {
    display:inline-block;
    padding:0 20px;
    height:40px;
    line-height:40px;
    cursor:pointer;
    font-weight:600;
    font-size:14px;
    background-color:#000;
    color:#eee;
    font-family:system-ui
  }
.fplayer .tabs-sel span.current {
    background-color: var(--main-color);
    color: #fff;
    font-family: 'Tajawal', 'Cairo', Arial, sans-serif;
    direction: rtl;
}
  .fplayer .tabs-sel span:hover {
    text-decoration:underline
  }
  .fplayer .tabs-sel span span {
    display:none
  }
  .js .tabs-b {
    background-color:#000;
    display:none
  }
  .js .tabs-b.visible {
    display:block
  }
  .title {
    display:block;
    margin-block:10px 10px;
    padding-top:5px;
    color:#fff;
    font-size:15px;
    text-transform:uppercase;
    text-align:center
  }
@media screen and (max-width:1920px) {
  .main-slider .main-slider__buttons {
    height: 40px;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    position: relative;
  }
  .main-slider .main-slider__button,
  .main-slider .main-slider__right-btn,
  .main-slider .main-slider__next-btn {
    /* All buttons align top and inline */
    display: flex;
    align-items: center;
  }
  .main-slider .main-slider__play-btn {
    width: 242px;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .main-slider .main-slider__play-btn img {
    height: 18px;
  }
  .main-slider .main-slider__title img {
    max-width: 250px;
    max-height: 150px;
  }
}
  @media screen and (max-width:1440px) {
    .header__menu>li {
      margin-right:20px;
      position:relative
    }
    .section-movie,
    .section-movie-v2 {
      padding:0 60px;
      padding-top:30px
    }
    .h1-main {
      padding-top:0
    }
    .section-pod .slider-button-next,
    .section-pod .slider-button-prev {
      top:10%
    }
    .main-slider {
      margin-bottom:-100px
    }
    .main-slider .main-slider__content {
      padding:0 60px;
      bottom:200px
    }
    .main-slider .main-slider__quote {
      font-size:16px
    }
    .main-slider .main-slider__quote .main-slider__quote-text {
      width:35%
    }
    .main-slider .swiper-pagination {
      padding:0 60px;
      bottom:12%
    }
    .main-slider .main-slider__buttons .main-slider__play-btn {
      width:236px
    }
  }
  @media screen and (max-width:1365px) {
    .main-slider .main-slider__content {
      bottom:135px
    }
  }
  @media screen and (max-width:1220px) {
    .pages-bg {
      padding:0 40px
    }
    .fplayer {
      padding:0 40px!important
    }
    .header {
      padding:0 60px;
      height:90px
    }
    .container {
      max-width:1000px;
      padding:0 40px
    }
    .header__menu {
      display:none
    }
    .header__btn-menu {
      cursor:pointer;
      font-size:25px;
      margin-right:20px;
      color:#fff;
      height:40px;
      display:flex;
      align-items:center;
      justify-content:center
    }
    .header__caption,
    .footer__logo {
      display:none
    }
    .fsa-ep {
      width:25%
    }
    .about {
      display:block;
      white-space:nowrap;
      overflow-y:hidden;
      overflow-x:auto;
      margin:0 -20px;
      padding:20px;
      direction:rtl
    }
    .about__item {
      width:260px;
      margin-left:20px;
      display:inline-block;
      vertical-align:top;
      white-space:normal
    }
    .card {
      width:33.33%
    }
    .inner-page__main {
      padding-right:20px;
      padding-left:20px
    }
    .inner-page__column-left {
      width:410px;
      margin-left:20px
    }
    .player-options-e {
      max-height:610px
    }
    .header__menu-left {
      width:100%
    }
    .service-pages__container {
      padding:0
    }
    .service-pages__sidebar {
      width:100%
    }
    .service-pages__menu {
      display:flex;
      flex-wrap:wrap;
      justify-content:flex-end
    }
    .service-pages__menu li {
      flex:1 1 0
    }
    .service-pages__menu a {
      white-space:nowrap;
      padding:10px;
      font-size:12px
    }
  }
  @media screen and (max-width:1024px) {
    .main-slider .main-slider__content {
      bottom:123px;
      padding:0 63px
    }
    .main-slider .main-slider__title img {
      max-width:300px;
      max-height:60px
    }
    .main-slider .main-slider__quote {
      margin-top:8px;
      font-size:12px
    }
    .main-slider {
      margin-bottom:-100px
    }
    .main-slider .main-slider__buttons {
      margin-top:16px;
      height:32px
    }
    .section-pod .slider-button-next,
    .section-pod .slider-button-prev {
      top:10%
    }
    .main-slider .main-slider__buttons .main-slider__play-btn {
      width:174px;
      border-radius:4px;
      font-size:14px
    }
    .main-slider .main-slider__buttons .main-slider__play-btn img {
      height:14px;
      margin-left:8px
    }
    .main-slider__next-btn,
    .main-slider__right-btn {
      width:40px;
      margin-right:12px;
      border-radius:4px
    }
    .main-slider__next-btn img,
    .main-slider__right-btn img {
      height:16px
    }
    .main-slider .swiper-pagination {
      bottom:17%;
      padding:0 60px
    }
  }
@media screen and (max-width:950px) {
  .pages-bg {
    padding: 0 30px;
  }
  .fplayer {
    padding: 0 30px !important;
  }
  .container {
    max-width: 768px;
    padding: 0 30px;
  }
  .inner-page__column-left {
    width: 330px;
  }
  .inner-page__subcolumn {
    width: 100%;
  }
  .th-item {
    width: 25%;
  }
  .player-box {
    width: 100%;
    max-height: none;
    margin-bottom: 10px;
  }
  .player-box-season {
    width: 100%;
    max-height: none;
    margin-bottom: 10px;
  }
  .episode-nav {
    width: 100%;
    max-height: none;
    margin-bottom: 10px;
  }
  .insideIframe {
    height: 400px;
  }
  .player-options {
    width: 100%;
    max-height: none;
  }
  .player-options-e {
    width: 100%;
    max-height: none;
  }
  .fsa-ep {
    width: 30%;
  }
}

/* =================== Mobile Styles (max-width: 600px) =================== */
@media screen and (max-width: 600px) {
  .pages-bg,
  .fplayer,
  .container {
    padding: 0 6px !important;
    max-width: 100% !important;
  }
  .inner-page__column-left,
  .inner-page__subcolumn,
  .player-box,
  .player-box-season,
  .episode-nav,
  .player-options,
  .player-options-e {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 10px !important;
    box-sizing: border-box;
  }
  .insideIframe {
    height: 220px !important;
    width: 100% !important;
  }
  .fsa-ep, .th-item {
    width: 48% !important;
    min-width: 140px;
    margin-bottom: 10px;
  }
  .player-options,
  .player-options-e {
    padding: 1rem 0.5rem !important;
    border-radius: 7px;
    max-height: 60vh;
  }
  /* Optional: make server lists scroll nicely on small screens */
  .servers-list {
    max-height: 48vh;
    overflow-y: auto;
  }
}
  @media screen and (max-width:768px) {
    .container {
      max-width:640px
    }
    .searchbox {
      margin:30px 0 0;
      order:10;
      min-width:100%
    }
    .logo span,
    .header__register-link {
      display:none
    }
    .how-step__title {
      width:100%;
      font-size:1.8rem;
      padding:20px;
      background-image:none
    }
    .how-step__items {
      padding:20px;
      padding-bottom:0
    }
    .how-step__item {
      margin-bottom:20px
    }
    .section__column--third {
      width:100%;
      margin:20px 0 0
    }
    .footer {
      display:block;
      text-align:center
    }
    .footer__menu {
      justify-content:center;
      margin-right:0
    }
    .footer__menu li {
      white-space:nowrap
    }
    .inner-page__column-left {
      width:100%;
      margin:20px 0 0;
      order:10
    }
    .add-comments-form__input {
      min-width:100%;
      margin:0 0 10px
    }
    .add-comments-form__btn {
      width:100%;
      order:10
    }
    .add-comments-form .form__row--protect .form__caption {
      width:100%;
      margin:0 0 10px
    }
    .mass_comments_action,
    .comment-item__controls {
      display:none
    }
    #dle-speedbar {
      overflow:hidden;
      white-space:nowrap;
      overflow-y:hidden;
      overflow-x:auto;
      -ms-flex-wrap:unset;
      flex-wrap:unset!important;
      direction:rtl
    }
    .th-item {
      width:33.3%
    }
    .header__logo span {
      font-size:26px;
      color:#fff;
      font-weight:900;
      letter-spacing:3px
    }
    .header {
      padding:0 20px;
      height:70px
    }
    #scrolltop {
      display:none!important
    }
    .footer__container {
      display:block
    }
    .footer__left {
      margin-left:0
    }
    .section__title {
      font-size:2.6rem;
      margin-top:10px
    }
    .col-ser {
      width:100%
    }
    .flex-item-1 {
      width:100%
    }
    .flex-item-2 {
      width:100%
    }
    .section-main {
      margin-top:20px
    }
    .main-slider {
      margin-top:70px!important
    }
    .filter-wrap {
      display:none
    }
    .pagi-load a {
      width:100%
    }
    .section__fulltitle {
      font-size:2.6rem;
      line-height:24px;
      max-height:48px
    }
    .section-movie,
    .section-movie-v2 {
      padding:0 20px;
      padding-top:25px
    }
    .h1-main {
      padding-top:20px
    }
    .slider-button-next,
    .slider-button-prev,
    .section-movie:before,
    .section-movie:after,
    .section-movie-v2:before,
    .section-movie-v2:after {
      display:none
    }
    
    .xion-fullhead_description {
      font-size:13px;
      margin:10px 0 0
    }
    .xion-fullhead_undertitle {
      font-size:16px;
      margin-top:10px
    }
    .xion-fullhead_parameters {
      font-size:13px
    }
    .xion-fullhead_goback {
      width:65px
    }
    .xion-fullhead_btn svg {
      width:14px;
      height:14px
    }
    .xion-fullplayer {
      height:350px
    }
    .xion-fullplayer_logo {
      max-width:150px;
      max-height:200px;
      top:45%;
      right:50%;
      margin-left:-50%;
      transform:translate(50%,-50%)
    }
    .xion-fullplayer_poster-img {
      padding:0
    }
    .frate {
      width:200px;
      height:46px;
      position:relative;
      margin-left:20px
    }
    .frate-votes {
      font-size:8px
    }
    .xion-fullplayer_videoplayer,
    .xion-fullplayer_trailer,
    .xion-fullplayer_videoplayer1 {
      padding-top:55%
    }
    .movie__description-additional_no-trailer {
      -webkit-flex-direction:column;
      flex-direction:column;
      margin:0;
      padding:20px
    }
    .movie__description-additional_no-trailer .movie__description-data_text {
      width:100%;
      font-size:16px;
      line-height:1.5;
      margin-bottom:24px;
      padding:0
    }
    .main-slider {
      height:60vw;
      margin-bottom:0
    }
    .main-slider .main-slider__bg img {
      height:120vw;
      object-fit:cover
    }
    .main-slider .main-slider__title img {
      max-width:100%
    }
    .main-slider .main-slider__quote {
      margin-top:16px;
      line-height:normal
    }
    .main-slider .swiper-pagination {
      bottom:0%;
      padding:0 17px
    }
    .video-box embed,
    .video-box object,
    .video-box video,
    .video-box iframe,
    .video-box frame {
      height:400px
    }
    .header__search {
      display:inline-block;
      cursor:pointer;
      vertical-align:middle;
      font-size:18px;
      line-height:20px;
      font-weight:500;
      font-style:normal
    }
    .search__container {
      padding:12px 25px
    }
    .tabs_mobile {
      bottom:0;
      background-color:#1f1b2e;
      box-shadow:0 -2px 10px 0 rgb(7 5 14/24%);
      display:block;
      box-sizing:border-box;
      display:-webkit-box;
      display:-webkit-flex;
      display:-ms-flexbox;
      display:flex;
      height:calc(52px + env(safe-area-inset-bottom));
      -webkit-box-pack:justify;
      -webkit-justify-content:space-between;
      -ms-flex-pack:justify;
      justify-content:space-between;
      right:0;
      padding:0 16px;
      position:fixed;
      left:0;
      width:100%;
      z-index:20
    }
    .tabs_mobilev {
      -webkit-align-items:center;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      box-sizing:border-box;
      color:#a5a1b2;
      display:-webkit-box;
      display:-webkit-flex;
      display:-ms-flexbox;
      display:flex;
      -webkit-flex-direction:column;
      -ms-flex-direction:column;
      flex-direction:column;
      font-size:10px;
      font-weight:400;
      height:48px;
      -webkit-box-pack:end;
      -webkit-justify-content:flex-end;
      -ms-flex-pack:end;
      justify-content:flex-end;
      -webkit-letter-spacing:.2px;
      -moz-letter-spacing:.2px;
      -ms-letter-spacing:.2px;
      letter-spacing:.2px;
      line-height:12px;
      padding:0 8px 4px;
      text-align:center;
      -webkit-text-decoration:none;
      text-decoration:none
    }
    .tabs_mobilev::before {
      background-position:center;
      background-repeat:no-repeat;
      background-size:contain;
      content:"";
      display:block;
      height:20px;
      margin-bottom:4px;
      width:20px
    }
    .all-seasons {
      display:none
    }
    .nav-episode-select.open,
    .full-ser-ctrl select#nav-season-select {
      width:100%
    }
    .full-ser-ctrl button[type=submit] {
      width:100%;
      border-radius:2px!important;
      border:1px solid #000
    }
    .full-ser-ctrl .no-active {
      width:100%
    }
    .full-ser-ctrl .ctrl-prev,
    .full-ser-ctrl .ctrl-net {
      width:100%
    }
    .full-ser-ctrl select {
      margin-left:0
    }
    .full-ser-ctrl {
      gap:0
    }
    .full-ser-ctrl a {
      width:100%
    }
    .tabs-block__select {
      margin-bottom:10px
    }
    .main-slider .main-slider__buttons .main-slider__button,
    .main-slider .main-slider__buttons .main-slider__play-btn {
      width:100%
    }
    .main-slider__next-btn,
    .main-slider__right-btn {
      display:none
    }
    .search__popular-item {
      font-size:14px;
      line-height:36px;
      text-align:center
    }
    .movie .description-persons {
      width:100%;
      font-size:12px;
      line-height:1.5;
      grid-template-columns:auto 90px;
      margin-bottom:16px
    }
    .movie__data-wrapper.description-persons {
      grid-template-columns:auto 90px;
      margin-bottom:16px
    }
    .main-slider .main-slider__mobile-agemark {
      position:absolute;
      width:32px;
      height:24px;
      right:16px;
      top:76px;
      z-index:100
    }
    .main-slider .main-slider__left-shade {
      width:75%;
      background-image:linear-gradient( 90deg,rgba(25,26,29,.6),rgba(25,26,29,0))
    }
    .main-slider .main-slider__content {
      bottom:30px;
      padding:0 20px
    }
    .main-slider .main-slider__buttons .main-slider__button,
    .main-slider .main-slider__buttons .main-slider__play-btn {
      width:100%
    }
    .main-slider .main-slider__quote .main-slider__quote-text {
      width:100%
    }
    .up-first {
      padding:20px 10px;
      height:auto;
      text-align:center
    }
    .up-img {
      position:relative;
      margin:10px auto;
      right:0;
      bottom:0
    }
    .up-status {
      position:relative;
      margin:0 auto;
      right:0;
      bottom:0
    }
    .up-second,
    .up-edit {
      padding:20px 10px
    }
    .usp-left {
      width:100%
    }
    .usp-right {
      width:100%
    }
    .service-pages__main {
      padding-right:20px;
      padding-left:20px
    }
    .form__caption:not(.form__caption--above),
    .form__table .addnews {
      width:120px;
      font-size:12px
    }
    .form__content--admintag .checkbox {
      width:100%
    }
    .usp {
      margin-right:-20px;
      margin-left:-20px
    }
    .usp__list li {
      width:100%
    }
    .fsa-ep {
      width:48%
    }
  }
  @media screen and (max-width:700px) {
    .xion-fullhead {
      grid-template-columns:1fr!important
    }
  }
  @media screen and (max-width:590px) {
    .container {
      max-width:480px
    }
    .logo {
      flex:1 1 0;
      max-width:100%;
      min-width:50px;
      margin-left:20px;
      font-size:2.4rem;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis
    }
    .welcome-section {
      min-height:100%;
      height:80vh
    }
    .welcome-section .welcome-info h1 {
      font-size:30px;
      line-height:40px;
      font-weight:600
    }
    .top-block {
      display:none
    }
    .swiper-button-next,
    .swiper-button-prev {
      display:none
    }
    .card,
    .how-step__item {
      width:100%
    }
    .login {
      max-width:90%;
      max-height:90%;
      overflow-x:hidden
    }
    .login__header,
    .login__content,
    .login__social,
    .pages-bg {
      padding-right:10px;
      padding-left:10px
    }
    .fplayer {
      padding-right:10px!important;
      padding-left:10px!important
    }
    .ratingBlock__main {
      height:24px
    }
    .ratingBlock__value {
      height:24px
    }
    .service-pages__container22 {
      max-width:360px
    }
    .form__title {
      font-size:18px
    }
    .form__header .form__btn .far {
      display:none
    }
    .form__btn--find-related {
      position:static;
      width:100%;
      margin-top:10px
    }
    .qq-upload-button,
    .pm__links li,
    .stats__list {
      width:100%!important
    }
    .form__row--without-label>.form__btn,
    .pm__links li a {
      width:100%;
      margin:10px 0 0
    }
    .form__content--sec-code input {
      max-width:100%;
      width:100%;
      margin:0 0 10px;
      height:40px;
      line-height:40px;
      font-size:16px
    }
    .usp__right,
    .usp__meta .usp__btn {
      width:100%;
      margin-top:20px;
      margin-right:0
    }
    .usp__left {
      width:60px;
      margin-left:10px
    }
    .usp__img {
      width:60px;
      height:60px
    }
    .usp__status {
      width:auto;
      margin:0;
      padding-right:10px;
      padding-left:10px
    }
    .usp__activity {
      justify-content:flex-start;
      text-align:left
    }
    .ui-dialog {
      width:100%!important
    }
    .usp-popup__left {
      margin:0 auto 15px;
      width:100%
    }
    .ui-dialog .ui-dialog-buttonpane button {
      margin:0 0 5px;
      width:100%
    }
    #dofullsearch,
    #searchsuggestions span.seperator {
      display:none!important
    }
    .dcont button {
      font-size:12px;
      padding:0 15px!important
    }
    .comments-tree-list .comments-tree-list {
      padding-right:0!important
    }
    .comments-tree-list .comments-tree-list:before {
      display:none
    }
    .mass_comments_action {
      display:none
    }
  }
  @media screen and (max-width:470px) {
    .container {
      padding:0 16px
    }
    .inner-page__tabs {
      padding:10px 0 20px
    }
    .inner-page__tab {
      width:100%;
      margin-left:0;
      margin:10px 0 0
    }
    .th-item {
      width:50%
    }
    .fplayer {
      position:relative;
      padding:0 16px
    }
  }
  @media screen and (max-width:425px) {
    .main-slider .main-slider__title {
      font-size:3rem;
      line-height:30px
    }
    .main-slider {
      height:120vw;
      margin-bottom:0
    }
    .xion-fullhead_flex.tab {
      justify-content:center
    }
    .xion-fullhead_btn-right {
      display:none
    }
    .main-slider .swiper-pagination {
      bottom:0;
      padding:0 20px
    }
    .shortstory_pod img {
      height:85px
    }
    .xsort-div {
      padding:0 10px;
      width:40%
    }
  }
  @media screen and (max-width:390px) {
    .header__logo span {
      font-size:22px;
      letter-spacing:1px
    }
    .header__logo {
      width:30px
    }
  }
  @media screen and (min-width:1024px) {
    .header__search-voice {
      position:absolute;
      right:0;
      display:block;
      border-radius:12px;
      top:-10px;
      z-index:10;
      font-size:20px;
      width:45px;
      height:45px;
      cursor:pointer;
      background:var(--light-color);
      color:#d8d8d8;
      line-height:45px;
      text-align:center
    }
  }
  @media screen and (min-width:768px) {
    #scrolltop {
      position:fixed;
      width:50px;
      height:50px;
      line-height:50px;
      left:10px;
      bottom:10px;
      z-index:990;
      display:none;
      background-color:var(--medium-color);
      color:#848693;
      cursor:pointer;
      font-size:20px;
      border-radius:16px;
      text-align:center;
      box-shadow:0 5px 10px rgb(0 0 0/60%)
    }
    ::-webkit-scrollbar {
      width:8px;
      height:3px;
      position:relative;
      z-index:10
    }
    ::-webkit-scrollbar-thumb {
      background-color:var(--main-color);
      border-radius:16px
    }
    ::-webkit-scrollbar-thumb:focus {
      background-color:#7278e7;
      border-radius:30px
    }
    ::-webkit-scrollbar-track {
      background-color:rgba(86,92,103,.16)
    }
  }
@font-face {
  font-family: swiper-icons;
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal
}



.swiper {
  margin-right: auto;
  margin-left: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1
}

.swiper-vertical>.swiper-wrapper {
  flex-direction: column
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0)
}

.swiper-pointer-events {
  touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x
}

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

.swiper-slide-invisible-blank {
  visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
  scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
  scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
  margin-inline-end: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: center center
}

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size)
}



.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size)/ 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  right: 10px;
  left: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'next'
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  left: 10px;
  right: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'prev'
}

.swiper-button-lock {
  display: none
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  right: 0;
  width: 100%
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(.33);
  position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33)
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}

.swiper-pagination-bullet:only-child {
  display: none !important
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
  left: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  right: 50%;
  transform: translateX(50%);
  white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform, .2s right
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform, .2s left
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, .25);
  position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: right top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: left top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  right: 0;
  top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  right: 0;
  top: 0
}

.swiper-pagination-lock {
  display: none
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, .1)
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  right: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
  position: absolute;
  left: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, .5);
  border-radius: 10px;
  right: 0;
  top: 0
}

.swiper-scrollbar-cursor-drag {
  cursor: move
}

.swiper-scrollbar-lock {
  display: none
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain
}

.swiper-slide-zoomed {
  cursor: move
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  right: 50%;
  top: 50%;
  margin-right: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg)
  }

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

.swiper .swiper-notification {
  position: absolute;
  right: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
  flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-cube {
  overflow: visible
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  right: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: .6;
  z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  filter: blur(50px)
}

.swiper-flip {
  overflow: visible
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height
}

.swiper-cards {
  overflow: visible
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden
}