*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #80EF80;--secondary: #7A7C80}a,button,li,input,textarea,select{border:none;outline:none;color:currentColor;list-style:none;text-decoration:none}.animated.active{animation:animated normal 2s}@keyframes animated{0%{opacity:0;-webkit-backdrop-filter:saturate(180%) blur(5px);backdrop-filter:saturate(180%) blur(5px)}50%{opacity:1}}.ar,html[lang=ar] *{font-family:Tajawal!important;text-align:right;line-height:1.4!important}html[lang=ar] .items .item p{text-align:right}a,button{cursor:pointer}.icon svg{height:1em;width:1em}body{font-size:16px;font-family:Inter,sans-serif}.container{padding:20px 0;width:1400px;max-width:95%;margin:auto}.btn{display:flex;justify-content:center;align-items:center;height:42px;padding:0 30px;font-weight:500;letter-spacing:2px;white-space:nowrap}.btn-out{border:solid 1px #FFF;background-color:transparent}.btn-round{border-radius:30px}.Hero{padding:30px 0;color:#fff}.Hero .container{min-height:calc(100dvh - 60px);background-color:#000;border-radius:20px;padding:120px 50px 50px;display:flex;align-items:center;overflow:hidden;position:relative;width:100%;gap:20px}.Hero.TitleSection .container{flex-direction:row!important;min-height:100px}.Hero.TitleSection .container .left{width:100%;letter-spacing:2px}.Hero.TitleSection .container .left h1{max-width:100%;margin-bottom:0;font-family:Gabarito;letter-spacing:5px;font-size:50px}.Hero.TitleSection .container .left p{display:flex;gap:5px}.Hero.TitleSection .container .left p a{margin:0}.Hero .container .left{width:50%;position:relative;z-index:2}.Hero .container h1{line-height:120%;color:var(--primary);font-family:Gabarito;font-size:max(4vw,36px);font-weight:500;letter-spacing:2px;margin-bottom:20px;max-width:max(40vw,400px);text-transform:capitalize}html[lang=ar] .Hero .container h1{line-height:140%}.Hero .container p{font-size:max(1vw,14px);line-height:200%;max-width:max(25vw,400px);font-family:Poppins}.Hero .container a{margin-top:30px;display:flex}.Hero .container .btn{color:#000;font-family:Poppins}.Hero .container .right{transform-origin:top left;position:absolute;right:0;bottom:0;max-width:50%;z-index:2;height:80%;object-fit:contain}html[lang=ar] .Hero .container .right{right:unset;left:0}.Hero .hero-bg{position:absolute;height:100%;width:100%;display:flex;opacity:.8;object-fit:cover;background-position:center;top:0;pointer-events:none}@media(max-width:920px){.Hero{padding:0}.Hero .container{flex-direction:column-reverse;padding:100px 0 40px;border-radius:0;max-width:100%;gap:0;min-height:100dvh}.Hero .left{max-width:100%;width:100%!important}.Hero .container .right{position:static!important;max-width:100%;width:100%;padding-left:20px;left:0;flex:1;transform:scale(1.2);max-width:500px;transform-origin:center}.Hero .container .left{padding:20px}}.Header{color:#fff;position:absolute;width:100%;top:30px;z-index:10;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.Header.scrolled{position:fixed;top:0;transition:top .3s ease-in-out;z-index:999;animation:show .4s linear;padding:10px 0;-webkit-backdrop-filter:saturate(180%) blur(5px);backdrop-filter:saturate(180%) blur(5px)}.Header.scrolled .container{border:solid 1px #F5F7FB50;background-color:#000;border-radius:10px;height:60px}.Header.scrolled .container .logo{height:40px;padding:5px 0}.Header.scrolled .container .logo img{height:100%}.Header .container{padding:0 50px;display:flex;justify-content:space-between;gap:80px;height:100px}.Header .container{display:flex;justify-content:space-between;align-items:center}.Header .container .logo img{height:40px}.Header .container menu{flex:1;max-width:500px}.Header .container menu ul{display:flex;justify-content:space-between;gap:30px;font-family:Simplified Arabic;letter-spacing:2px}header .menu-btn{display:none}.Header .btn select{background-color:transparent;min-width:40px;display:flex}.Header .btn select option{color:#000}.contact-btn{display:flex;background-color:transparent;color:#fff;gap:5px;font-weight:400;letter-spacing:2px;align-items:center}.contact-btn .value{display:flex;align-items:center;color:var(--primary);gap:5px;padding:2px 0;font-weight:700;justify-content:space-between;font-family:Inter,sans-serif!important;cursor:pointer;direction:ltr!important}.Header .container{position:relative}.contact-btn .popup-contents{position:absolute;background-color:#fff;top:70%;right:30px;border-radius:5px;width:100px;overflow:hidden;border:solid 1px #0002;color:#000;box-shadow:10px 10px 10px #0002;opacity:0;transform:translateY(-100px) scale(0);transition:all .4s ease-in-out;z-index:10}.Header.scrolled .contact-btn .popup-contents{top:120%}html[lang=ar] .popup-contents{left:30px!important;right:unset}.contact-btn.active .popup-contents{opacity:1;transform:translateY(0) scale(1)}.contact-btn.active svg{transform:rotate(-180deg)}.contact-btn .popup-contents div{border-bottom:#eee solid 1px;padding:10px;font-size:12px;text-align:center;cursor:pointer}.contact-btn .popup-contents div:hover{background-color:var(--primary);color:#fff;opacity:.5}.contact-btn .popup-contents div.active{background-color:var(--primary);color:#fff}.contact-btn .popup-contents div:last-child{border-bottom:none}.contact-btn svg{height:16px;width:16px;transition:all .4s ease}.contact-btn span{padding:5px;width:30px;display:flex;font-size:16px}.contact-btn .active{color:var(--primary);font-weight:700}header .overlay,header .overlay-1{display:none}header .menu-btn.active~.overlay,header .search-form.active~.overlay-1{position:fixed;display:flex;inset:0;height:100dvh;background-color:#0005;z-index:-30;-webkit-backdrop-filter:saturate(180%) blur(5px);backdrop-filter:saturate(180%) blur(5px)}.Header menu .btn{display:none}header ul li a{position:relative;font-weight:300;padding-bottom:5px}header ul li a.active{border-bottom:solid 2px var(--primary);color:var(--primary);font-weight:700}@keyframes show{0%{top:-100px}to{top:0}}@media(max-width:920px){.Header .container .logo img{height:30px}.Header{top:0}.Header.scrolled:has(.menu-btn.active){-webkit-backdrop-filter:unset;backdrop-filter:unset}.Header.scrolled .container{max-width:95%;height:54px;border-radius:5px}.Header menu{display:none}.Header .container{padding:20px;max-width:100%;gap:20px;height:fit-content}.Header .container:has(.menu-btn.active){background-color:#000}.Header.scrolled .container menu{top:120%;border-radius:5px}header .menu-btn{position:relative;width:24px;display:flex;flex-direction:column;gap:7px;cursor:pointer;transition:all .4s;background-color:transparent}header .menu-btn .bar{width:100%;height:1.5px;background-color:#fff;border-radius:1.5px;transition:all .4s}header .menu-btn.active .bar:first-child{transform:translateY(8.5px) rotate(45deg)}header .menu-btn.active .bar:last-child{transform:translateY(-8.5px) rotate(-45deg)}header .menu-btn.active .bar:nth-child(2){opacity:0}.contact-btn option{background-color:#000;color:#fff;border:none;outline:none}.Header .container{position:relative}.Header menu{display:flex;position:absolute;top:100%;left:0;background-color:#000;width:100%;flex-direction:column;padding:60px 30px 30px;border-top:solid 1px #F5F7FB50;border-bottom:solid 1px #F5F7FB50;transform:translateY(-140%);z-index:-10;transition:all .4s linear;max-width:100%!important}.Header.scrolled menu{border:solid 1px #F5F7FB50}.Header menu .btn{display:flex;margin-top:40px;font-size:14px}header ul{flex-direction:column;gap:0!important}header ul li{height:45px;display:flex;font-weight:400;align-items:center}header .menu-btn.active~menu{flex-direction:column;transform:translateY(0)}.Header .contact-btn .popup-contents{right:10px}html[lang=ar] .Header .contact-btn .popup-contents{right:unset;left:10px!important}.Header.scrolled .contact-btn .popup-contents{right:0}html[lang=ar] .Header.scrolled .contact-btn .popup-contents{left:0}}.About h2{text-align:center;text-transform:capitalize;letter-spacing:1px;font-family:Gabarito;font-weight:500;font-size:32px;margin-top:50px}.About h2 span{color:var(--primary)}.About p{font-size:14px;text-align:center;max-width:500px;margin:30px auto auto;line-height:150%;color:var(--secondary)}.About .items{display:flex;gap:40px;margin:50px auto auto;text-align:left;max-width:1000px;padding:10px}.About .items .item{box-shadow:0 0 0 12px #f5f7fb;padding:15px;border-radius:15px;position:relative;overflow:hidden;cursor:pointer;transition:all .4s}.About .items .item img{position:absolute;height:210px;width:100%;object-fit:cover;left:0;top:0;transform-origin:36px 180px;transform:rotate(-180deg) scale(0);opacity:0;transition:all .4s;pointer-events:none}.About .items .item:hover{background-color:var(--primary);color:#fff}.About .items .item:hover p{color:#fff}.About .items .item:hover img{opacity:1;transform:rotate(0) scale(1);pointer-events:all}.About .items .item.active{padding-top:150px}.About .items .item.active img{opacity:1;transform:rotate(0) scale(1);pointer-events:all}.About .items .item .icon{height:42px;width:42px;background-color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:30px;margin-bottom:16px;box-shadow:0 5px 4px #65a2ff40;position:relative;z-index:5}.About .items .item:hover .icon{background-color:#fff;border-radius:50%;color:#000}.About .items .item h3{font-family:Gabarito;font-weight:500;font-size:20px;margin-top:30px}.About .items .item p{text-align:left;margin:14px 0 0;font-size:14px;line-height:200%}@media(max-width:920px){.About h2{font-size:24px}.About .items{flex-direction:column}}.Services h2{text-align:center;text-transform:capitalize;letter-spacing:1px;font-family:Gabarito;font-weight:500;font-size:32px;margin-top:50px}.Services h2 span{color:var(--primary)}.Services p{font-size:14px;text-align:center;max-width:500px;margin:30px auto auto;line-height:150%;color:var(--secondary)}.Services .items{display:flex;gap:16px;margin:50px auto auto;text-align:left;max-width:1000px;background-color:#f5f7fb;padding:16px;border-radius:20px;flex-wrap:wrap}.Services .items .item{background-color:#fff;padding:15px;border-radius:15px;position:relative;overflow:hidden;flex:1}.Services .items .item:nth-child(2),.Services .items .item:nth-child(3){min-width:55%}.Services .items .item img{height:210px;width:100%;object-fit:cover;left:0;top:0;border-radius:10px;transition:all .4s;pointer-events:none;height:0}.Services .items .item.active img{height:210px}.Services .items .item .icon{height:42px;width:42px;background-color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:30px;margin-bottom:16px;box-shadow:0 5px 4px #65a2ff40;position:relative;z-index:5}.Services .items .item h3{font-family:Gabarito;font-weight:500;font-size:20px;margin-top:24px}.Services .items .item p{text-align:left;margin:14px 0 0;font-size:14px;line-height:200%}@media(max-width:920px){.Services h2{font-size:24px}.Services .items{flex-direction:column}}.Contact .container{background:url(/assets/images/contact.png);margin-top:50px;border-radius:24px;background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;color:#fff;padding:100px;width:1000px;overflow:hidden}.Contact .container form{background-color:#0000006e;padding:32px;border-radius:16px;-webkit-backdrop-filter:saturate(180%) blur(5px);backdrop-filter:saturate(180%) blur(5px);max-width:100%}.Contact .container form h2{font-family:Gabarito;font-size:22px;font-weight:500;letter-spacing:2px;border-bottom:solid 1px #FFF;width:fit-content;padding-bottom:10px}.Contact .flex{display:flex;gap:20px;flex-wrap:wrap;margin-top:32px}.Contact .container form input,.Contact .container form textarea{background-color:transparent;border-bottom:solid 1px #FFF;flex:1;padding:0 0 10px;font-size:14px;width:300px;max-width:100%;font-family:Inter,sans-serif;font-weight:300;letter-spacing:1px}.Contact .container form input::placeholder,.Contact .container form textarea::placeholder{color:#fff}.Contact .container form button{color:#fff;background-color:var(--primary);margin-top:30px;margin-left:auto;font-size:12px}html[lang=ar] .Contact .container form button{margin-right:auto;margin-left:0}@media(max-width:920px){.Contact .container{padding:50px;border-radius:16px}}@media(max-width:560px){.Contact .container{padding:0}}.ChooseUs .container{display:flex;width:1000px;margin-top:60px;gap:40px;padding:20px 10px}.ChooseUs h2{text-align:left;text-transform:capitalize;letter-spacing:1px;font-family:Gabarito;font-weight:500;font-size:32px;margin-top:50px}html[lang=ar] .ChooseUs h2{text-align:right}.ChooseUs h2 span{color:var(--primary)}.ChooseUs p{font-size:14px;text-align:left;max-width:500px;margin-top:30px;line-height:150%;color:var(--secondary)}html[lang=ar] .ChooseUs p{text-align:right}html[lang=ar] .ChooseUs .item h4{padding-right:0;padding-left:50px}.ChooseUs .container .left{flex:1}.ChooseUs .container .right{flex:1;overflow:hidden}.ChooseUs .container .right img{height:100%;border-radius:24px;width:100%;object-fit:cover}.ChooseUs .items{padding:10px;background-color:#f5f7fb;border-radius:16px;margin-top:20px;display:flex;flex-direction:column;gap:10px}.ChooseUs .item h4{display:flex;align-items:center;cursor:pointer;gap:10px;padding-right:50px}.ChooseUs .item h4 span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ChooseUs .item.active h4{flex-direction:column;align-items:flex-start}.ChooseUs .items .item{background-color:#fff;padding:16px;border-radius:10px;height:75px;position:relative;transition:all 1s;overflow:hidden;display:flex;flex-direction:column}.ChooseUs .items .item.active{height:200px}.ChooseUs .items .item p{margin-top:30px}.ChooseUs .items .item.active p{display:flex;margin-top:10px}.ChooseUs .items .item .icon{height:42px;width:42px;min-width:42px;background-color:#f5f7fb;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;font-size:30px;box-shadow:0 5px 4px #65a2ff40;position:relative;z-index:5}.ChooseUs .items .item.active h4 .icon{height:42px;width:42px;background-color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:30px;box-shadow:0 5px 4px #65a2ff40;position:relative;z-index:5}.ChooseUs .items .item .icon.down{position:absolute;right:16px;font-size:24px;transform:rotate(45deg);transition:all .4s;box-shadow:none}html[lang=ar] .ChooseUs .items .item .icon.down{position:absolute;right:unset;left:16px}.ChooseUs .items .item.active .icon.down{transform:rotate(135deg);color:#fff;background-color:#000}.ChooseUs .items .item img{width:100%;display:none;flex:1;object-fit:cover}@media(max-width:920px){.ChooseUs .container{flex-direction:column}.ChooseUs .items .item.active .img{display:flex;flex:1;position:relative;overflow:hidden;border-radius:10px;margin-top:20px}.ChooseUs .items .item.active img{height:100%;max-height:100%;display:flex;object-fit:cover;position:absolute;left:0;top:0;width:100%}.ChooseUs .items .item.active{height:400px}.ChooseUs .right img{display:none!important}}.footer{background:#000;margin-top:40px;letter-spacing:2px;line-height:120%}.footer .logo img{height:60px}.footer .footer-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:3.5rem;padding:60px}.footer-row .footer-col h4{color:#fff;font-size:1rem;font-weight:500;letter-spacing:2px}.footer-col .links{margin-top:20px}.footer-col .links li{list-style:none;margin-bottom:10px}.footer-col .links li a{text-decoration:none;color:#bfbfbf;font-weight:400;font-family:Poppins;font-size:14px}.footer-col .links li a:hover{color:var(--primary)}.footer .social .icon:hover{background-color:var(--primary);color:#fff}.footer-col p{margin:20px 0;color:#bfbfbf;max-width:300px;font-size:14px}.footer-col form{display:flex;gap:5px}.footer-col input{height:40px;border-radius:6px;background:none;width:100%;outline:none;border:1px solid var(--primary);caret-color:#fff;color:#fff;padding-left:10px;padding-right:10px}.footer-col input::placeholder{color:#ccc}.footer-col form button{background:#fff;outline:none;border:none;padding:10px 15px;border-radius:6px;cursor:pointer;font-weight:500;font-family:Gabarito;transition:.2s ease;text-align:center!important}.footer-col form button:hover{background:#cecccc}.footer-col .icons{display:flex;margin-top:30px;gap:30px;cursor:pointer}.footer-col .icons i{color:#afb6c7}.footer-col .icons i:hover{color:#fff}.footer .social{margin-top:10px;display:flex;gap:20px}.footer .social .icon{display:flex;height:40px;width:40px;border-radius:50%;align-items:center;justify-content:center;background-color:#fff;font-size:18px}.footer .bottom{border-top:solid 1px #fffA;padding:20px}.footer .bottom p{font-size:20px;color:#fff;text-align:center;font-size:12px}.footer .right{color:#fff}.footer .right svg{height:16px;width:16px}.footer .right li strong{display:flex;align-items:center;gap:10px}.footer .right p{margin-top:5px;margin-bottom:22px;color:#aaa;max-width:200px;font-size:14px;font-weight:300;padding-left:22px}footer .right strong{display:flex;align-items:flex-end;gap:10px}footer .right strong svg{height:16px;width:16px}.footer button.icon{display:none}@media(max-width:768px){.footer{width:100%;border-radius:0}.footer .footer-row{padding:40px 30px;gap:60px}.footer-col:first-child{width:100%}.footer-col form{display:block}.footer-col form :where(input,button){width:100%}.footer-col form button{margin:10px 0 0}.footer-col:first-child{width:100%;padding-bottom:40px}.footer .footer-row{gap:0;padding-bottom:100px}.footer-col:not(:first-child){height:50px;overflow:hidden;border-top:solid 1px #fffA;width:100%;padding-top:12px;transition:all .4s;position:relative}.footer-col:has(button.active){height:300px}.footer-col:has(button.active) button.active{transform:rotate(-180deg)}.footer-col button.icon{background-color:transparent;position:absolute;right:0;top:10px;height:30px;width:30px;font-size:20px;color:#fff;border-radius:50%;transition:all .4s;pointer-events:none;display:flex;align-items:center;justify-content:center}.footer-col button.icon{background-color:transparent;position:absolute;right:0;top:10px;height:30px;width:30px;font-size:20px;color:#fff;border-radius:50%}html[lang=ar] .footer-col button.icon{right:unset;left:0}}@media(max-width:560px){.footer .logo img{height:40px}}