.elementor-7365 .elementor-element.elementor-element-4d00b74c .elementor-menu-toggle{margin:0 auto;}/* Start custom CSS for nav-menu, class: .elementor-element-4d00b74c */.elementor-7365 .elementor-element.elementor-element-4d00b74c { flex: 1 1 auto !important; width: auto !important; max-width: none !important; min-width: 0; } .elementor-7365 .elementor-element.elementor-element-4d00b74c .elementor-nav-menu--main .elementor-nav-menu { flex-wrap: nowrap; justify-content: center; } .elementor-7365 .elementor-element.elementor-element-4d00b74c .elementor-nav-menu--main .elementor-item { font-family: 'IBM Plex Sans Arabic', sans-serif; font-size: 15px; font-weight: 500; color: rgba(255,255,255,0.72); padding: 8px 13px; margin: 0 1px; border-radius: 999px; white-space: nowrap; transition: all .2s; } .elementor-7365 .elementor-element.elementor-element-4d00b74c .elementor-nav-menu--main .elementor-item:hover { color: #ffffff; background: rgba(255,255,255,0.07); } .elementor-7365 .elementor-element.elementor-element-4d00b74c .elementor-nav-menu--main .elementor-item.elementor-item-active { color: #04120D; background: #2AE777; } .elementor-7365 .elementor-element.elementor-element-4d00b74c .elementor-menu-toggle { color: #ffffff; background: transparent; border: 1px solid rgba(206,255,231,0.18); border-radius: 12px; padding: 8px; margin: 0 auto 0 0; } .elementor-7365 .elementor-element.elementor-element-4d00b74c .elementor-menu-toggle svg { fill: #ffffff; } .elementor-7365 .elementor-element.elementor-element-4d00b74c .elementor-nav-menu--dropdown { background: #04120D; border-top: 1px solid rgba(206,255,231,0.12); } .elementor-7365 .elementor-element.elementor-element-4d00b74c .elementor-nav-menu--dropdown a { font-family: 'IBM Plex Sans Arabic', sans-serif; color: rgba(255,255,255,0.85); font-size: 16px; padding: 14px 20px; } .elementor-7365 .elementor-element.elementor-element-4d00b74c .elementor-nav-menu--dropdown a:hover { background: rgba(42,231,119,0.12); color: #2AE777; }/* End custom CSS */
/* Start custom CSS */@keyframes m3-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes m3-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes m3-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.elementor-element-1dd20cd5 { animation: m3-marquee 35s linear infinite !important; will-change: transform; }
.elementor-element-4baed3f9:hover .elementor-element-1dd20cd5 { animation-play-state: paused !important; }
.elementor-element-6d70182e { animation: m3-float 6s ease-in-out infinite !important; }
.elementor-element-4cb2d77 { animation: m3-float 6s ease-in-out -3s infinite !important; }
.elementor-element-2a33da09 { animation: m3-in .5s ease both; }/* End custom CSS */