*{padding:0;margin:0;-webkit-tap-highlight-color:transparent}body{font-family:Poppins,sans-serif}.header{display:flex;flex-direction:column;position:fixed;width:100vw;color:#fff;pointer-events:auto;direction:ltr;z-index:30}.header-container{display:flex;height:auto;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#1c2d4793;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.logo{display:flex;align-items:center;direction:ltr}.logo img{width:35px;height:36px;transition:.162s ease}.logo:after{content:"New Web Generation";display:inline-block;background:linear-gradient(135deg,#2e86ff,#04b7ee,#2edfcb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;opacity:0;font-size:15px;font-weight:700;margin-left:15px;overflow:hidden;white-space:pre;width:0;transition:opacity .162s;pointer-events:none}.logo img:hover{transform:scale(1.05)}.logo:hover:after{opacity:1;animation:splash-write .612s steps(18,end) forwards}@keyframes splash-write{0%{width:0}to{width:210px}}@keyframes splash-down{0%{max-height:0}to{max-height:500px}}@keyframes splash-up{0%{max-height:500px}to{max-height:0}}.menu{width:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-right:15px;cursor:pointer}.menu span{display:block;width:30px;padding:1px 0;margin:4px 0;background:#fff;transition:.3s}.menu.open span:nth-child(1){transform:translateY(9px) rotate(45deg)}.menu.open span:nth-child(2){opacity:0}.menu.open span:nth-child(3){transform:translateY(-10px) rotate(-45deg)}.mobile-nav{display:flex;max-height:0;overflow:hidden;flex-direction:column;justify-content:center;align-items:center;background-color:#1c2d4793;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:none;animation:splash-up .3s steps(30,end) forwards}.mobile-nav.open{display:flex;animation:splash-down .3s steps(25,end) forwards;pointer-events:all}.mobile-nav ul li{list-style:none;text-align:center;cursor:pointer}.nav-links{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 0 10px;padding:0}.nav-links li a{display:block;text-decoration:none;font-size:1.1em;width:100vw;color:#fff;padding:10px 0!important}.nav-links li:hover{background-color:#213553ef}.contact-button{background-color:#2e86ff;border-radius:10px;color:#fff!important;transition:.1621s ease;cursor:pointer;font-size:1.1em;transition:.2s ease;text-decoration:none}.contact-button:hover{background-color:#1d6edc!important}.desktop-nav{display:none;pointer-events:none}.desktop-nav a{display:flex;justify-content:center;align-items:center;position:relative;text-decoration:none;color:#fff;margin-right:25px;font-size:1.1em;cursor:pointer;padding-bottom:3px}.desktop-nav .contact-button{padding:7px 15px;border-radius:7px}.desktop-nav a:after,.desktop-nav .languages li:after{content:"";position:absolute;left:0;bottom:0;width:0;height:1.5px;background-color:#2edfcb;transition:width .3s ease-in-out}.desktop-nav .contact-button:after{display:none}.desktop-nav a:hover:after,.desktop-nav .languages li:hover:after{width:100%}.desktop-nav .languages{position:relative;margin-right:20px;list-style:none;width:40px}.desktop-nav .languages li{width:40px;text-align:center;background-color:#1c2d4793;cursor:pointer}.desktop-nav .languages li:hover{background-color:#1c2d4793}.desktop-nav .second-language{position:absolute}.second-language{display:none;max-height:0}.second-language.open{display:block;animation:splash-down .321s steps(18,end) forwards}.languages li{padding:7px 0!important;width:100vw}.languages li:hover{background-color:#213553ef}.hero{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:100vh;padding:0 10vw}.hero h1{font-size:2.4rem;font-weight:700;line-height:1.1;background:linear-gradient(135deg,#2e86ff,#04b7ee,#2edfcb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero p{color:#fff;font-weight:700;margin:10px 0 15px;text-shadow:1px 1px #1e1e1e1a}.hero .contact-button{padding:10px 32px;margin-top:5px;border:none;box-shadow:0 4px 24px #2e86ff1a;cursor:pointer}.hero-background{background-image:url(/assets/hero-mobile-dCzGGttb.png),linear-gradient(to top,#00558d,#121b29 70%);background-position:center,center;background-size:cover,cover!important;background-repeat:no-repeat,no-repeat}.services{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 20px;height:200vh;color:#fff}.services-heading h2,.contact-heading h2{font-size:1em}.services-heading div,.contact-heading div{font-size:1.5em;font-weight:700}.services-heading span{color:#2edfcb}.services-list{list-style:none;margin:20px 0;display:flex;flex-wrap:wrap;align-items:center}.services-list li{color:#2edfcb;text-align:center;padding:6px 15px;font-size:.85em;margin:8px;border:1px solid #2EDFCB;border-radius:20px;cursor:pointer;transition:.2s ease-out}.rtl .services-list li{padding:5px 15px}.services-list .active{color:#000;border-color:#1d6edc;background-color:#2edfcb}.service-card,.offer-card{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(135deg,#172c49,#00ffe536);border-top:3px solid #2EDFCB;border-radius:12px;padding:30px;margin-top:20px;box-shadow:0 8px 32px #2edfcb26;transition:.5s ease}.service-card:hover,.offer-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #2edfca63}.service-card h1{color:#fff;font-size:1.6em;margin-top:15px;margin-bottom:10px}.service-card svg{width:80px;fill:#2edfcb}.service-card p{color:#e0e6ed;font-size:.95em;line-height:1.6;text-align:center}.offers-button{position:relative;text-decoration:none;font-size:1em;border:1px solid #2EDFCB;border-radius:5px;color:#2edfcb;text-align:center;padding:7px 15px;margin-top:15px;cursor:pointer;transition:.2s ease}.contact-section{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;height:100vh;padding:0 20px}.contacts{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 20px}.contacts p{font-size:1.1em;text-align:center;margin-bottom:15px;color:#fff}.contact{display:flex;justify-content:center;align-items:center;text-decoration:none;font-size:1.2em;color:#fff;margin-bottom:10px;align-self:start;position:relative;padding-bottom:5px}.contact span{direction:ltr}.contact:after{content:"";position:absolute;left:0;bottom:0;width:0;height:1.5px;background-color:#2edfcb;transition:width .3s ease-in-out}.contact:hover:after{width:100%}.contact svg{width:30px;height:30px;fill:#fff;margin-right:7px}footer{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:190vh;padding:0 50px;background-color:#00051c;color:#fff}.footer-content{display:flex;flex-direction:column;margin-top:40px}.footer-content a{position:relative;text-decoration:none;width:fit-content;color:#fff;font-size:1em;font-weight:700;padding-bottom:5px;margin-top:15px}.footer-content a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:1.5px;background-color:#2edfcb;transition:width .3s ease-in-out}.footer-content a:hover:after{width:100%}.footer-content .logo:after{content:"New Web Generation";opacity:1;width:auto;font-size:1.6em}.footer-content .logo img:hover{transform:none}.footer-content .logo:hover:after{animation:none}.footer-content .contact svg{width:20px;height:20px}.footer-content .contact{margin-bottom:0}.footer-content span{display:flex;justify-content:space-between;width:90px;margin-top:15px}.footer-content span svg{fill:#fff;width:20px;cursor:pointer}.footer-content span a{margin:0;display:flex;justify-content:center;padding:8px;border:1.5px solid white;border-radius:50%;cursor:pointer}.footer-content span a:after{content:none}.rtl body{font-family:Cairo,sans-serif!important;line-height:1.55em}.rtl .logo:after,.rtl .languages li,.rtl .hero h1{font-family:Poppins,sans-serif;line-height:1.5em}.rtl .hero,.rtl .services,.rtl .contact-heading,.rtl .offers{direction:rtl}.rtl .hero-background{background-position:left,center}.rtl footer{direction:rtl}.rtl .contact-section{direction:rtl}.rtl .contact svg{margin-right:0;margin-left:7px}.offers{display:flex;flex-direction:column;justify-content:center;padding:120px 20px;color:#fff;background:linear-gradient(#00051c 10%,#00385e,#00051c 80%)}.offers-heading{pointer-events:none}.offers-heading h2{font-size:1.2em}.offers-heading p{font-size:1.8em;font-weight:700;margin-top:5px}.offer-card{margin:0;background:linear-gradient(135deg,#002d4b,#001d30)}.offers-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(auto,1fr));gap:20px;margin-top:50px}.offer-title{font-size:1.7em;color:#ffffffc5}.offer-price{font-size:2.5em;font-weight:700;margin-top:15px;background:linear-gradient(130deg,#2e86ff 45%,#04b7ee,#2edfcb 60%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.offer-info{margin-top:15px;list-style:none;align-self:flex-start;text-align:start}.offer-info li{display:flex;align-items:center;margin-top:15px;font-size:1.2em}.offer-info svg{width:10px!important;fill:#018a7a}.offer-info span{margin-left:10px}.offer-card a{margin-top:20px;font-size:1.1em;padding:7px 20px}.rtl .offer-info span{padding-left:0;padding-right:10px}.rtl .offer-price{background:none;-webkit-text-fill-color:#04b7ee}@media (min-width: 450px){.hero-background{background-size:auto,cover!important;background-position:right,center}.offers-container{grid-template-columns:repeat(auto-fit,minmax(332.5px,1fr))}.offers{padding:120px 50px}}@media (max-width:450px){.hero-background{background-size:contain,cover!important;background-position:10vw 40%,center}.rtl .hero-background{background-position:-15vw 40%,center}.contact-section{background-size:cover!important}.footer-content .logo:after{content:"New Web\aGeneration"}}@media (min-width: 800px){.menu,.mobile-nav,.mobile-nav.open,.nav-links{display:none;pointer-events:none}.desktop-nav{display:flex;align-items:center;justify-content:space-between;pointer-events:all}.hero-background{background-image:url(/assets/hero-desktop-BEluE1TS.png),linear-gradient(to top,#00558d,#121b29 70%)}.rtl .hero-background{background-position:left,center}.services{flex-direction:row;justify-content:center;align-items:center;padding:0 5vw}.service-card{width:60%}.services-content{padding-right:20px}.offers-button:hover{border:1px solid #04b39e;color:#04b39e}.contact-section{background-size:cover!important}}
