.elementor-1225 .elementor-element.elementor-element-8145621:not(.elementor-motion-effects-element-type-background), .elementor-1225 .elementor-element.elementor-element-8145621 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:var(--wpr-bg-99f519da-d1be-4180-a1f8-d6d197db9e29);background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1225 .elementor-element.elementor-element-8145621 > .elementor-background-overlay{background-color:transparent;background-image:radial-gradient(at center center, #FFFFFF00 10%, #000000 100%);opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1225 .elementor-element.elementor-element-8145621 > .elementor-container{min-height:600px;}.elementor-1225 .elementor-element.elementor-element-8145621{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 50px 030px 50px;}.elementor-1225 .elementor-element.elementor-element-7925e1e .elementor-heading-title{font-family:"DIN Next LT Arabic", Sans-serif;font-weight:300;text-transform:uppercase;}.elementor-1225 .elementor-element.elementor-element-7925e1e {---ui-speed:1500ms;---ui-delay:200ms;---ui-stagger:15ms;}.elementor-1225 .elementor-element.elementor-element-aaafa5b .elementor-heading-title{font-family:"DIN Next LT Arabic", Sans-serif;font-weight:300;text-transform:uppercase;}.elementor-1225 .elementor-element.elementor-element-aaafa5b {---ui-speed:1500ms;---ui-delay:200ms;---ui-stagger:15ms;}.elementor-1225 .elementor-element.elementor-element-7872697{padding:100px 50px 100px 50px;}.elementor-1225 .elementor-element.elementor-element-4318a1c > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-1225 .elementor-element.elementor-element-88558b6 .bdt-post-grid .bdt-post-grid-title a{font-family:"DIN Next LT Arabic", Sans-serif;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px) and (min-width:768px){.elementor-1225 .elementor-element.elementor-element-0ec8ff5{width:50%;}.elementor-1225 .elementor-element.elementor-element-99888c9{width:25%;}.elementor-1225 .elementor-element.elementor-element-1c83df7{width:25%;}.elementor-1225 .elementor-element.elementor-element-4318a1c{width:100%;}}@media(max-width:1024px){.elementor-1225 .elementor-element.elementor-element-8145621 > .elementor-container{min-height:400px;}.elementor-1225 .elementor-element.elementor-element-7872697{padding:50px 020px 50px 020px;}}@media(max-width:767px){.elementor-1225 .elementor-element.elementor-element-8145621 > .elementor-container{min-height:200px;}.elementor-1225 .elementor-element.elementor-element-8145621{padding:010px 010px 010px 010px;}.elementor-1225 .elementor-element.elementor-element-0ec8ff5{width:80%;}.elementor-1225 .elementor-element.elementor-element-99888c9{width:2%;}.elementor-1225 .elementor-element.elementor-element-1c83df7{width:2%;}.elementor-1225 .elementor-element.elementor-element-7872697{margin-top:50px;margin-bottom:50px;padding:10px 10px 10px 10px;}}@media(min-width:1025px){.elementor-1225 .elementor-element.elementor-element-8145621:not(.elementor-motion-effects-element-type-background), .elementor-1225 .elementor-element.elementor-element-8145621 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for html, class: .elementor-element-3f21261 */body {
  background: #000;
  padding: 0;
  margin: 0;
}

.section {
  width: 80%;
  margin: 0 auto;
  height: 300px; /* الارتفاع الافتراضي */
  position: relative;
  padding: 0;
}

.hscroll-line {
  bottom: 0px;
  right: 50%;
  height: 1px;
  position: absolute;
  overflow: hidden;
  width: 60px;
  transform: rotate(90deg);
  transform-origin: 50% 50%;
}

.hscroll-line::before,
.hscroll-line::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
}

.hscroll-line:before {
  background: #ffffff3b;
}

.hscroll-line::after {
  background: #fff;
  animation: move 3s infinite;
}

@keyframes move {
  0% {
    transform: translate3d(-200%, 0, 0);
  }
  60% {
    transform: translate3d(100%, 0, 0);
  }
  100% {
    transform: translate3d(100%, 0, 0);
  }
}

/* تعديل الارتفاع للجوال */
@media (max-width: 767px) {
  .section {
    height: 200px !important; /* تغيير الارتفاع إلى 200px للجوال */
  }
}/* End custom CSS */