.elementor-462 .elementor-element.elementor-element-a54c53f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-462 .elementor-element.elementor-element-61bcbe0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:8px;--padding-bottom:8px;--padding-left:8px;--padding-right:8px;}.elementor-462 .elementor-element.elementor-element-d638357{--display:flex;--min-height:75vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-462 .elementor-element.elementor-element-79ee677{--display:flex;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-462 .elementor-element.elementor-element-a4cd877 > .elementor-widget-container{margin:5px 5px 5px 5px;padding:0px 0px 0px 0px;}.elementor-462 .elementor-element.elementor-element-a4cd877{text-align:right;}.elementor-462 .elementor-element.elementor-element-a4cd877 .elementor-heading-title{font-family:"Tajawal", Sans-serif;font-size:30px;font-weight:600;-webkit-text-stroke-width:0.5px;stroke-width:0.5px;-webkit-text-stroke-color:#E8E8E8;stroke:#E8E8E8;color:#121212;}.elementor-462 .elementor-element.elementor-element-9a6e26a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-462 .elementor-element.elementor-element-e826725{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-462 .elementor-element.elementor-element-3b71e25{--grid-columns:1;--grid-row-gap:0px;--grid-column-gap:0px;}.elementor-462 .elementor-element.elementor-element-84e0a25{--display:flex;--min-height:0vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-462 .elementor-element.elementor-element-d52528d img{border-radius:15px 15px 15px 15px;}.elementor-462 .elementor-element.elementor-element-352c49c{--swiper-slides-to-display:1;--swiper-slides-gap:5px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-462 .elementor-element.elementor-element-352c49c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:5px 5px 5px 5px;}.elementor-462 .elementor-element.elementor-element-352c49c.elementor-element{--align-self:center;}.elementor-462 .elementor-element.elementor-element-352c49c .swiper-slide > .elementor-element{height:100%;}.elementor-462 .elementor-element.elementor-element-d2d6d65{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-462 .elementor-element.elementor-element-d73a935 img{border-radius:15px 15px 15px 15px;}.elementor-462 .elementor-element.elementor-element-1ba396a img{border-radius:15px 15px 15px 15px;}.elementor-462 .elementor-element.elementor-element-e1fae41{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-462 .elementor-element.elementor-element-07a55f0{--grid-columns:3;}.elementor-462 .elementor-element.elementor-element-07a55f0 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-462 .elementor-element.elementor-element-07a55f0 .e-loop-item > .elementor-section, .elementor-462 .elementor-element.elementor-element-07a55f0 .e-loop-item > .elementor-section > .elementor-container, .elementor-462 .elementor-element.elementor-element-07a55f0 .e-loop-item > .e-con, .elementor-462 .elementor-element.elementor-element-07a55f0 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}@media(max-width:1024px){.elementor-462 .elementor-element.elementor-element-d638357{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-462 .elementor-element.elementor-element-3b71e25{--grid-columns:1;}.elementor-462 .elementor-element.elementor-element-84e0a25{--min-height:70vh;}.elementor-462 .elementor-element.elementor-element-352c49c{--swiper-slides-to-display:1;--swiper-slides-gap:0px;}.elementor-462 .elementor-element.elementor-element-07a55f0{--grid-columns:2;}}@media(max-width:767px){.elementor-462 .elementor-element.elementor-element-3b71e25{--grid-columns:1;}.elementor-462 .elementor-element.elementor-element-352c49c{--swiper-slides-to-display:1;}.elementor-462 .elementor-element.elementor-element-07a55f0{--grid-columns:1;}}@media(min-width:768px){.elementor-462 .elementor-element.elementor-element-79ee677{--width:25%;}.elementor-462 .elementor-element.elementor-element-84e0a25{--width:50%;}.elementor-462 .elementor-element.elementor-element-d2d6d65{--width:25%;}}/* Start custom CSS for container, class: .elementor-element-61bcbe0 *//* === Dynamic News Ticker Styles V3 === */

/* Main container - Now a Flex Container */
.elementor-462 .elementor-element.elementor-element-61bcbe0 .dynamic-news-ticker-wrap {
  display: flex;
  align-items: center; /* Vertically align label and scroll area */
  background-color: #f0f0f0; /* Ticker background */
  border-radius: 8px; /* Rounded corners for the whole bar */
  padding: 5px; /* Add some padding around the elements */
  box-sizing: border-box;
  overflow: hidden; /* Still needed on main wrapper for border-radius clipping */
  /* --ticker-separator-icon defined inline by PHP */
  /* data-label defined inline by PHP */
}

/* The Label Box (using ::before) */
.elementor-462 .elementor-element.elementor-element-61bcbe0 .dynamic-news-ticker-wrap::before {
  content: attr(data-label); /* Get text from data-label attribute */
  display: block;
  background-color: #c0392b; /* Example: Red background */
  color: white;
  padding: 8px 15px; /* Adjust padding */
  margin-right: 10px; /* Space between label and scrolling area */
  border-radius: 5px; /* Rounded corners for the label */
  font-weight: bold;
  font-size: 14px;
  white-space: nowrap; /* Prevent label text from wrapping */
  flex-shrink: 0; /* Prevent label from shrinking */
}

/* NEW: Wrapper for the scrolling part */
.elementor-462 .elementor-element.elementor-element-61bcbe0 .news-ticker-scroll-area {
  flex-grow: 1; /* Take up all remaining horizontal space */
  overflow: hidden; /* Hides the overflowing content for scrolling effect */
  direction: ltr; /* Ensures scroll animation logic works correctly */
  /* height: 100%; */ /* Might be needed if vertical alignment acts odd */
}

/* Inner wrapper holding the two lists - This element gets animated */
.elementor-462 .elementor-element.elementor-element-61bcbe0 .news-ticker-inner-wrap {
  display: flex;
  width: fit-content;
  animation-name: scrollRTL;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  /* animation-duration is set inline via the shortcode's 'speed' attribute */
}

/* Pause animation on hover (applied to scroll area) */
.elementor-462 .elementor-element.elementor-element-61bcbe0 .news-ticker-scroll-area:hover .news-ticker-inner-wrap {
  animation-play-state: paused;
}

/* Style for EACH list (original and duplicate) */
.elementor-462 .elementor-element.elementor-element-61bcbe0 .news-ticker-list {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0; /* Remove default padding */
  white-space: nowrap;
}

/* Style for individual list items */
.elementor-462 .elementor-element.elementor-element-61bcbe0 .news-ticker-item {
  margin: 0 10px; /* Spacing BEFORE the separator */
  display: inline-flex;
  align-items: center;
}

/* Style for the links within list items */
.elementor-462 .elementor-element.elementor-element-61bcbe0 .news-ticker-item a {
  color: #333;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  padding: 5px 0; /* Add some vertical padding to links for better hover/touch area */
}

.elementor-462 .elementor-element.elementor-element-61bcbe0 .news-ticker-item a:hover {
  color: #0073aa;
  text-decoration: underline;
}

/* Favicon Separator using ::after pseudo-element */
.elementor-462 .elementor-element.elementor-element-61bcbe0 .news-ticker-item:not(:last-child)::after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: var(--ticker-separator-icon, none);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 15px; /* Space AFTER the link text, before next item's text */
  vertical-align: middle; /* Adjust if needed */
  flex-shrink: 0;
}

/* The RTL Scrolling Animation */
@keyframes scrollRTL {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* Responsive Adjustments */
@media (max-width: 767px) {
  .elementor-462 .elementor-element.elementor-element-61bcbe0 .dynamic-news-ticker-wrap {
     border-radius: 5px;
     padding: 3px; /* Less padding on mobile */
  }
  .elementor-462 .elementor-element.elementor-element-61bcbe0 .dynamic-news-ticker-wrap::before {
    font-size: 12px;
    padding: 6px 10px;
    margin-right: 8px;
  }
  .elementor-462 .elementor-element.elementor-element-61bcbe0 .news-ticker-item a {
    font-size: 13px;
  }
  .elementor-462 .elementor-element.elementor-element-61bcbe0 .news-ticker-item {
    margin: 0 5px;
  }
  .elementor-462 .elementor-element.elementor-element-61bcbe0 .news-ticker-item:not(:last-child)::after {
    width: 14px;
    height: 14px;
    margin-left: 10px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9a6e26a *//* --- بداية كود الفاصل الذهبي لـ RTL (بدون هوامش داخلية) --- */

.custom-gold-separator-rtl {
  --separator-color: #DAA520; /* لون ذهبي - يمكنك تغييره */
  --separator-height: 5px;   /* سماكة الخطوط */
  --separator-gap: 7px;      /* المسافة بين الخطوط */
  --border-radius: 3px;    /* تنعيم الحواف */

  /* --- أحجام الخطوط --- */
  --short-width: 10px;
  --medium-width: 25px;
  --long-width: 60px;

  /* --- التنسيق العام للحاوية --- */
  display: flex;
  flex-direction: row-reverse; /* يعكس ترتيب العناصر بصريًا ليناسب RTL */
  align-items: center;
  gap: var(--separator-gap);
  /* margin-top: 10px;  <-- تمت الإزالة */
  /* margin-bottom: 15px; <-- تمت الإزالة */
  box-sizing: border-box; /* لضمان توافق أفضل مع الأبعاد */

  /* --- التحكم في المحاذاة الأفقية للفاصل كله في سياق RTL --- */
  width: fit-content; /* اجعل الحاوية بعرض المحتوى فقط */

  /* --- اختر طريقة المحاذاة المناسبة لـ RTL --- */
  /* 1. للتوسيط (الأكثر شيوعاً): */
  margin-left: auto;
  margin-right: auto;

  /* 2. للمحاذاة إلى اليمين (بداية السطر في RTL): */
  /* margin-right: 0;  */
  /* margin-left: auto; */

  /* 3. للمحاذاة إلى اليسار (نهاية السطر في RTL): */
  /* margin-left: 0; */
  /* margin-right: auto; */
}

.custom-gold-separator-rtl .separator-part {
  height: var(--separator-height);
  background-color: var(--separator-color);
  border-radius: var(--border-radius);
  flex-shrink: 0;
  box-sizing: border-box; /* لضمان توافق أفضل مع الأبعاد */
}

.custom-gold-separator-rtl .separator-part.short {
  width: var(--short-width);
}

.custom-gold-separator-rtl .separator-part.medium {
  width: var(--medium-width);
}

.custom-gold-separator-rtl .separator-part.long {
  width: var(--long-width);
}

/* --- نهاية كود الفاصل الذهبي لـ RTL --- *//* End custom CSS */