.elementor-120 .elementor-element.elementor-element-459a065{--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-120 .elementor-element.elementor-element-245275f{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;}.elementor-120 .elementor-element.elementor-element-245275f:not(.elementor-motion-effects-element-type-background), .elementor-120 .elementor-element.elementor-element-245275f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://oneomniops.com/wp-content/uploads/2026/04/5d66ecc4-4918-48b4-9fcd-98a6249c002b.jpg");background-repeat:no-repeat;background-size:cover;}.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-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-120 .elementor-element.elementor-element-611932a{text-align:end;color:var( --e-global-color-6bd0ee9 );}.elementor-widget-button .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-120 .elementor-element.elementor-element-dc460ed{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;}.elementor-120 .elementor-element.elementor-element-dc460ed:not(.elementor-motion-effects-element-type-background), .elementor-120 .elementor-element.elementor-element-dc460ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://oneomniops.com/wp-content/uploads/2026/05/20-scaled.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-120 .elementor-element.elementor-element-cc27c8c{text-align:end;color:var( --e-global-color-6bd0ee9 );}.elementor-120 .elementor-element.elementor-element-92d8515{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;}.elementor-120 .elementor-element.elementor-element-92d8515:not(.elementor-motion-effects-element-type-background), .elementor-120 .elementor-element.elementor-element-92d8515 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://oneomniops.com/wp-content/uploads/2026/05/19-scaled.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-120 .elementor-element.elementor-element-93a0023{text-align:end;color:var( --e-global-color-6bd0ee9 );}.elementor-120 .elementor-element.elementor-element-aab63d9{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;}.elementor-120 .elementor-element.elementor-element-aab63d9:not(.elementor-motion-effects-element-type-background), .elementor-120 .elementor-element.elementor-element-aab63d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://oneomniops.com/wp-content/uploads/2026/05/18-scaled.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-120 .elementor-element.elementor-element-e3c3817{text-align:end;color:var( --e-global-color-6bd0ee9 );}.elementor-120 .elementor-element.elementor-element-99f351c{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;}.elementor-120 .elementor-element.elementor-element-99f351c:not(.elementor-motion-effects-element-type-background), .elementor-120 .elementor-element.elementor-element-99f351c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://oneomniops.com/wp-content/uploads/2026/05/12-scaled.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-120 .elementor-element.elementor-element-06e9e68{text-align:end;color:var( --e-global-color-6bd0ee9 );}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-459a065 *//* =====================================================
   Hero Slider (Elementor Free) - CSS
   يُضاف في: Customizer → Additional CSS
   أو: Elementor → Site Settings → Custom CSS
   ===================================================== */

/* ---- الحاوية الأم ---- */
.lps-slider {
    position: relative !important;
    height: 100vh;        /* ملء الشاشة */
    height: 100dvh;       /* أدق على الموبايل (شريط المتصفح) */
    min-height: 560px;
    width: 100%;
    overflow: hidden;
    padding: 0 !important;
    /* الهامش السالب يُضبط تلقائياً بالـ JS ليطفو الهيدر فوق الهيرو */
}

/* ---- تأثير المسح الأمني (Scanner) - من أعلى لأسفل ---- */
.lps-slider::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 180px;
    z-index: 3;
    pointer-events: none;
    background: linear-gradient(180deg,
        transparent 0%,
        rgba(212,175,55,0.10) 40%,
        rgba(212,175,55,0.28) 50%,
        rgba(212,175,55,0.10) 60%,
        transparent 100%);
    transform: translateY(-180px);
    animation: lpsScan 3s linear infinite;
}
@keyframes lpsScan {
    0%   { transform: translateY(-180px); }                 /* فوق الشاشة */
    100% { transform: translateY(calc(100vh + 180px)); }    /* يعبر للأسفل */
}

/* ---- كل سلايد ---- */
.lps-slide {
    position: absolute !important;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    background-size: cover !important;
    background-position: center !important;
    align-content: center;
}
.lps-slide.is-active {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

/* تأثير Ken Burns - تكبير بطيء للخلفية */
.lps-slide.is-active {
    animation: lpsKenBurns 8s ease-out forwards;
}
@keyframes lpsKenBurns {
    from { background-size: 112% !important; }
    to   { background-size: 124% !important; }
}

/* ---- طبقة التعتيم الخضراء ---- */
.lps-slide::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(100deg,
        rgba(13,51,32,0.92) 0%,
        rgba(20,71,45,0.75) 45%,
        rgba(20,71,45,0.40) 100%);
    z-index: 1;
    pointer-events: none;
}
/* المحتوى فوق التعتيم */
.lps-slide > * {
    position: relative;
    z-index: 2;
}

/* ---- أنيميشن النصوص ---- */
.lps-eyebrow,
.lps-title,
.lps-desc,
.lps-btn {
    opacity: 0;
    transform: translateY(30px);
}
.lps-slide.is-active .lps-eyebrow { animation: lpsUp .7s ease forwards .3s; }
.lps-slide.is-active .lps-title   { animation: lpsUp .7s ease forwards .5s; }
.lps-slide.is-active .lps-desc    { animation: lpsUp .7s ease forwards .7s; }
.lps-slide.is-active .lps-btn     { animation: lpsUp .7s ease forwards .9s; }

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

/* خط ذهبي قبل العنوان الفرعي */
.lps-eyebrow { position: relative; }

/* ---- الأسهم (يُنشئها JS) ---- */
.lps-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    width: 54px; height: 54px;
    border: none;
    border-radius: 50%;
    background: rgba(255,255,255,0.12);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    color: #fff;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
}
.lps-arrow:hover { background: #d4af37; color: #0d3320; }
.lps-arrow--prev { right: 28px; }
.lps-arrow--next { left: 28px; }

/* ---- النقاط (يُنشئها JS) ---- */
.lps-dots {
    position: absolute;
    bottom: 38px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    display: flex;
    gap: 12px;
}
.lps-dots button {
    width: 12px; height: 12px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.6);
    background: transparent;
    cursor: pointer;
    padding: 0;
    transition: all .3s ease;
}
.lps-dots button.is-active {
    background: #d4af37;
    border-color: #d4af37;
    width: 32px;
    border-radius: 6px;
}

/* ---- شريط التقدم (يُنشئه JS) - يتجه من اليمين لليسار ---- */
.lps-progress {
    position: absolute;
    bottom: 0; left: 0;
    width: 100%; height: 4px;
    background: rgba(255,255,255,0.15);
    z-index: 5;
}
.lps-progress__bar {
    position: absolute;
    top: 0;
    right: 0;            /* مثبّت على اليمين فيمتد لليسار */
    height: 100%;
    width: 0;
    background: #d4af37;
}

/* ---- موبايل ---- */
@media (max-width: 767px) {
    .lps-slider { height: 100vh; height: 100dvh; min-height: 480px; }
    .lps-arrow { width: 44px; height: 44px; font-size: 24px; }
    .lps-arrow--prev { right: 12px; }
    .lps-arrow--next { left: 12px; }
    .lps-slider::after { height: 120px; } /* خط مسح أنحف على الموبايل */
}/* End custom CSS */