/* STREAMING_CHUNK: Importing core font */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap');

/* STREAMING_CHUNK: Base resets and layout settings */
html,body{background-color:#0b1120!important;margin:0!important;padding:0!important;overflow-x:hidden!important;width:100%!important;scroll-behavior:smooth}
.elementor-page,.elementor-canvas,#content,#page,.site-main,.elementor-section-wrap{background-color:#0b1120!important;margin:0!important;padding:0!important}
#albateel-app{font-family:'Cairo',sans-serif!important;background-color:#0b1120!important;color:white!important}
.glass-border{border:1px solid rgba(255,255,255,0.15)!important}

/* STREAMING_CHUNK: Marquee animations structure */
.marquee-wrapper{display:flex;overflow:hidden;user-select:none;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}
.marquee-content{display:flex;flex-shrink:0;justify-content:space-around;min-width:100%;gap:1rem;animation:scroll-rtl 25s linear infinite}
.dest-content-ltr{display:flex;flex-shrink:0;min-width:100%;gap:1rem;animation:scroll-rtl 80s linear infinite}
.dest-content-rtl{display:flex;flex-shrink:0;min-width:100%;gap:1rem;animation:scroll-ltr 80s linear infinite}

/* STREAMING_CHUNK: Keyframes for continuous scroll */
@keyframes scroll-rtl{from{transform:translateX(0)}to{transform:translateX(100%)}}
@keyframes scroll-ltr{from{transform:translateX(0)}to{transform:translateX(-100%)}}
.marquee-wrapper:hover .marquee-content,.marquee-wrapper:hover .dest-content-ltr,.marquee-wrapper:hover .dest-content-rtl{animation-play-state:paused}

/* STREAMING_CHUNK: Scrollbar hiding utilities */
.no-scrollbar::-webkit-scrollbar{display:none}
.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}