.elementor-214 .elementor-element.elementor-element-b980a85{--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;--justify-content:flex-start;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-214 .elementor-element.elementor-element-c628842{--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;--justify-content:flex-start;}.elementor-214 .elementor-element.elementor-element-d8441a1{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), cairo;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-214 .elementor-element.elementor-element-1c930f8 .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), cairo;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );color:var( --e-global-color-accent );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-214 .elementor-element.elementor-element-d8441a1{--width:200px;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-214 .elementor-element.elementor-element-1c930f8 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-214 .elementor-element.elementor-element-1c930f8 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}}/* Start custom CSS for container, class: .elementor-element-b980a85 */.stars-hero {
    position: relative; overflow: hidden; background: radial-gradient(circle at 50% 35%, rgba(56, 138, 255, 0.35), transparent 35%), radial-gradient(circle at 80% 20%, rgba(0, 194, 255, 0.18), transparent 30%), linear-gradient(180deg, #071b45 0%, #020817 100%); } /* طبقة نجوم متحركة */ .stars-hero::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(#ffffff 1px, transparent 1.4px), radial-gradient(#8fd6ff 1px, transparent 1.5px), radial-gradient(#ffffff 1.5px, transparent 2px); background-size: 90px 90px, 140px 140px, 220px 220px; background-position: 0 0, 50px 80px, 120px 160px; animation: starsDrift 70s linear infinite; opacity: 0.8; z-index: 1; }
    
    /* طبقة لمعان خفيف */ .stars-hero::after { content: ""; position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(255,255,255,0.9) 1px, transparent 2px), radial-gradient(circle, rgba(120,210,255,0.8) 1px, transparent 2px); background-size: 180px 180px, 260px 260px; animation: starsTwinkle 5s ease-in-out infinite alternate; opacity: 0.35; z-index: 2; } .star-field { position: absolute; inset: 0; z-index: 3; pointer-events: none; overflow: hidden; } /* النجوم الساقطة */ .shooting-star { position: absolute; width: 160px; height: 2px; background: linear-gradient(90deg, #ffffff, rgba(255,255,255,0)); filter: drop-shadow(0 0 6px #9adfff); transform: rotate(-35deg); opacity: 0; animation: shootingStar 6s linear infinite; } .shooting-star::before { content: ""; position: absolute; left: 0; top: -2px; width: 6px; height: 6px; background: #ffffff; border-radius: 50%; box-shadow: 0 0 15px #ffffff, 0 0 30px #6ecbff; } .shooting-star.s1 { top: 15%; left: -20%; animation-delay: 0s; } .shooting-star.s2 { top: 40%; left: -30%; animation-delay: 2.5s; animation-duration: 7s; } .shooting-star.s3 { top: 70%; left: -25%; animation-delay: 4.5s; animation-duration: 8s; }
    /* يخلي محتوى البانر فوق الخلفية */
    .stars-hero > *:not(.star-field), .stars-hero .e-con-inner, .stars-hero .elementor-widget { position: relative; z-index: 5; } @keyframes starsDrift { from { background-position: 0 0, 50px 80px, 120px 160px; } to { background-position: 900px 700px, 1200px 900px, 1500px 1200px; } } @keyframes starsTwinkle { from { opacity: 0.25; transform: scale(1); } to { opacity: 0.55; transform: scale(1.04); } } @keyframes shootingStar { 0% { transform: translateX(0) translateY(0) rotate(-35deg); opacity: 0; } 10% { opacity: 1; } 35% { transform: translateX(900px) translateY(500px) rotate(-35deg); opacity: 0; } 100% { opacity: 0; } }/* End custom CSS */