body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{font-family:zain;scroll-behavior:smooth}:root{--darkSecond--color:#27bd40}::selection{background-color:#3fd357;background-color:var(--second--color);color:#071952;color:var(--main--color)}body{background-color:#071952;background-color:var(--main--color);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300' viewBox='0 0 120 120'%3E%3Cpath fill='%23000D35' fill-opacity='.1' d='M120 0v60L90 30 60 0H0l60 60-60 60h60l30-30 30-30V0z'/%3E%3C/svg%3E")}section{padding:50px 0}.see-m-BTN{background-color:#3fd357;background-color:var(--second--color);border-radius:5px;color:#071952;color:var(--main--color);margin-top:20px;padding:15px 30px}.home{align-items:center;background:linear-gradient(#07195200,#07195262),url(/static/media/LandBG.d6ba91fcce2cba6becfa.webp) no-repeat 50%;background-size:cover;color:#fff;color:var(--white--color);display:flex;justify-content:center;min-height:calc(100vh - 90px);text-align:center}.home-container{max-width:600px}.welcome-text{font-size:20px;margin-bottom:15px;opacity:.8}.name{color:#3fd357;color:var(--second--color);font-size:150px;font-weight:900;margin:-70px 0}@media(max-width:550px){.name{font-size:100px;margin-bottom:-30px;margin-top:-30px}}.buttons{direction:auto;flex-direction:row;margin-top:-10px!important;position:relative;right:10px}.buttons,.fire-btn{align-items:center;display:flex;justify-content:center}.fire-btn{background-color:#fff;background-color:var(--white--color);border:2px solid #3fd357!important;border:2px solid var(--second--color)!important;border:none;border-radius:5px;box-shadow:5px 5px 0 #3fd357;box-shadow:5px 5px 0 var(--second--color);color:#071952;color:var(--main--color);cursor:pointer;font-size:20px;font-weight:800;margin:20px;max-width:200px;padding:10px 20px;transition:.3s}.fire-btn:hover{background:#fff;background:var(--white--color);box-shadow:-5px 5px 0 #3fd357;box-shadow:-5px 5px 0 var(--second--color)}.download-cv{color:#fff;color:var(--white--color);font-size:20px;font-weight:700;opacity:.8;transition:.3s}.download-cv:hover{opacity:1}.home .social-icons{position:relative;top:10px}.social-icons{position:relative}.home .social-icons img{margin:5px;width:20px}.social-icons img{color:#fff;color:var(--white--color);margin:0 7px;opacity:.8;transition:.3s}.social-icons img:hover{opacity:1;transform:scale(1.1)}.bottom-icon{animation:scrollDown 1s ease-in-out infinite;bottom:50px;left:50%;position:absolute;transform:translateX(-50%)}.bottom-icon img{margin-bottom:20px;opacity:.8;width:20px}.bottom-icon:hover img{opacity:1}@keyframes scrollDown{0%{transform:translateX(0)}50%{transform:translateX(10px)}to{transform:translateX(0)}}.about{align-items:center;display:flex;justify-content:center;padding:60px 20px}.container{max-width:1100px;width:100%}.about-content{align-items:center;display:flex;gap:40px;justify-content:space-between}.image-container{display:flex;flex:1 1;justify-content:center}.profile-img{height:auto;max-width:100%}.text-container{color:#fff;flex:1 1;text-align:left}.Title{color:#3fd357;color:var(--second--color);font-size:80px;font-weight:800;margin-bottom:10px;position:relative;text-align:center}.Title:after{background-color:#3fd357;background-color:var(--second--color);border-radius:30px;content:"";height:4px;left:50%;position:absolute;top:120px;transform:translate(-50%,-50%);transition:.3s;width:100px;z-index:-1}.Title:hover:after{width:150px}.about-text{font-size:20px;line-height:1.6;opacity:.9;text-align:start}.about-me-btns a{color:#3fd357!important;color:var(--second--color)!important;direction:auto!important;display:flex;justify-content:center;padding-top:20px}@media (max-width:768px){.about-content{flex-direction:column}.about-content,.text-container{text-align:center}}@media(max-width:550px){.Title{font-size:60px}.Title:after{top:90px}}.skills-section{background:#00134e;background:var(--darkMain--color);border-bottom:5px solid #3fd357;border-bottom:5px solid var(--second--color);border-top:5px solid #3fd357;border-top:5px solid var(--second--color);padding:20px 0;width:100%}.skill-icon{filter:grayscale(1);height:auto;margin:10px 20px;transition:.3s;width:80px}.skill-icon:hover{filter:grayscale(0)}@media(1440px <= width){.skill-icon{width:110px}}.Services-section .services{align-items:center;display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin:auto;max-width:1280px}.Services-section .services .service{background:#071952;background:var(--main--color);border:2px solid #00134e;border:2px solid var(--darkMain--color);border-radius:10px;box-shadow:7px 7px 0 1px #00134e;box-shadow:var(--darkMain--color) 7px 7px 0 1px;font-size:18px;padding:20px;text-align:center;transition:.3s;width:380px}.Services-section .services .service:hover{background-color:#00134e;background-color:var(--darkMain--color);border:2px solid #3fd357;border:2px solid var(--second--color);box-shadow:-7px -7px 0 1px #3fd357;box-shadow:var(--second--color) -7px -7px 0 1px}.Services-section .services .service h2{color:#3fd357;color:var(--second--color);font-size:30px;font-weight:900}.Services-section .services .service p{color:#fff;color:var(--white--color)}@media(max-width:550px){.Services-section .services .service{width:300px}}.gallery-section .PJS{align-items:center;display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin:100px auto;max-width:1280px;padding:30px;position:relative}.gallery-section .PJS .PJ{background:#071952;background:var(--main--color);border:2px solid #00134e;border:2px solid var(--darkMain--color);border-radius:10px;box-shadow:-5px -5px 0 1px #00134e;box-shadow:var(--darkMain--color) -5px -5px 0 1px;cursor:pointer;overflow:hidden;position:relative;text-align:center;transition:.3s;width:380px}.gallery-section .PJS .PJ .data{background:linear-gradient(#07195200,#071952d8,#071952 80%);background:linear-gradient(#07195200,#071952d8,var(--main--color) 80%);bottom:0;color:#3fd357;color:var(--second--color);opacity:0;padding:40px 20px 10px;position:absolute;transition:.3s;width:100%;z-index:1}.gallery-section .PJS .PJ .data .view{align-items:center;display:flex;flex-direction:column;font-size:50px;gap:2px;justify-content:center;left:50%;position:absolute;top:-50px;transform:translate(-50%,-50%)}.gallery-section .PJS .PJ .data .view h6{font-size:20px;font-weight:600}.gallery-section .PJS .PJ .data h3{font-size:30px;font-weight:900}.gallery-section .PJS .PJ .data p{font-size:20px;font-weight:600;margin:-10px;padding-bottom:20px}.gallery-section .PJS .PJ:hover{border:2px solid #3fd357;border:2px solid var(--second--color);box-shadow:5px 5px 0 1px #3fd357;box-shadow:var(--second--color) 5px 5px 0 1px}.gallery-section .PJS .PJ:hover .data{opacity:1}.gallery-section .PJS .PJ img{border-radius:10px;max-height:100%;max-width:100%;transform:scale(1.1);transition:.3s}.gallery-section .PJS .PJ:hover img{filter:blur(1px);opacity:.3;transform:scale(1.2)}.sub.Title{background:#3fd357;background:var(--second--color);border:2px solid #00134e;border:2px solid var(--darkMain--color);border-radius:5px 5px 30px 30px;box-shadow:5px 5px 0 #00134e;box-shadow:5px 5px 0 var(--darkMain--color);color:#071952;color:var(--main--color);font-size:40px;margin-bottom:20px;padding:4px 30px;position:absolute;text-align:left;text-align:center;top:-80px;transition:.3s;width:600px}@media(max-width:900px){.sub.Title{width:330px}}@media(max-width:400px){.sub.Title{font-size:30px;width:300px}}.sub.Title:hover{background-color:#00134e;background-color:var(--darkMain--color);border:2px solid #3fd357;border:2px solid var(--second--color);border-radius:30px 30px 5px 5px;box-shadow:5px 5px 0 #3fd357;box-shadow:5px 5px 0 var(--second--color);color:#3fd357;color:var(--second--color);transform:scale(1.05)}.sub.Title:after{content:"";width:0}.statistics-section{background-color:#00134e;background-color:var(--darkMain--color);padding:40px 0;text-align:center}.container{margin:auto;max-width:1200px;width:90%}.stats-grid{flex-wrap:wrap;gap:80px;justify-content:center}.stat-box,.stats-grid{align-items:center;display:flex}.stat-box{color:#fff;flex-direction:column;width:200px}.stat-icon{margin-bottom:10px;transition:.3s;width:80px}.stat-box:hover .stat-icon{transform:scale(1.1)}.stat-number{color:#fff;font-size:50px;font-weight:900}.stat-label{color:#3fd357;color:var(--second--color);font-size:40px;font-weight:700;margin-top:-20px}.testimonial-container{align-items:center;direction:rtl;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:auto;max-width:1600px;padding:20px}.testimonial-card{background:#071952;background:var(--main--color);border:3px solid #00134e;border:3px solid var(--darkMain--color);border-radius:10px;box-shadow:0 4px 10px #0000001a;box-shadow:10px 10px 0 #00134e;box-shadow:10px 10px 0 var(--darkMain--color);color:#fff;flex-wrap:wrap;margin:10px;padding:20px;position:relative;transition:.3s;width:450px}.testimonial-card:hover{border-color:#3fd357;border-color:var(--second--color);box-shadow:5px 5px 0 #3fd357;box-shadow:5px 5px 0 var(--second--color)}.testimonial-card:after{color:#3fd357;color:var(--second--color);content:"\f10e";font-family:Font Awesome\ 5 Free;font-size:60px;font-weight:900;position:absolute;right:-20px;top:-40px;transition:.3s}.testimonial-card:hover:after{color:#fff;color:var(--white--color);transform:scale(1.1)}.testimonial-text{align-items:center;display:flex;flex-wrap:wrap;font-size:20px;justify-content:center;line-height:1.6;padding:20px}.testimonial-footer{align-items:center;direction:ltr;display:flex;margin-top:15px}.testimonial-img{background-color:#fff;border:2px solid #3fd357;border:2px solid var(--second--color);border-radius:50%;height:70px;margin-right:10px;width:70px}.testimonial-name{color:#3fd357;color:var(--second--color);font-size:20px;font-weight:900;text-align:left}.testimonial-position{font-size:16px;margin-top:-10px;text-align:left}@media(max-width:550px){.testimonial-text{font-size:16px}}.certificates-container{align-items:start;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:auto;max-width:1280px;padding:20px}.certificate-card{border:2px solid #00134e;border:2px solid var(--darkMain--color);border-radius:5px;box-shadow:10px 10px 0 #00134e;box-shadow:10px 10px 0 var(--darkMain--color);overflow:hidden;transition:.3s}.certificate-card,.certificate-card:hover{align-items:center;display:flex;justify-content:center;width:400px}.certificate-card:hover{border:3px solid #3fd357;border:3px solid var(--second--color);box-shadow:5px 5px 0 #3fd357;box-shadow:5px 5px 0 var(--second--color)}.certificate-card:hover img{transform:scale(1.1)}.certificate-card img{transition:.3s;width:100%}.CTA-section{align-items:center;background:linear-gradient(#3fd357,#3fd358e5),url(/static/media/digital-design.45fe4f9de1cb3dececa9.jpg);background:linear-gradient(var(--second--color),#3fd358e5),url(/static/media/digital-design.45fe4f9de1cb3dececa9.jpg);background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;color:#071952;color:var(--main--color);display:flex;font-size:40px;height:60vh;justify-content:center;padding:100px 0;text-align:center}.CTA-section img{margin-bottom:-40px;width:250px}.CTA-section h1{font-weight:900;line-height:1;padding:0 30px;width:480px}.CTA-section .fire-btn{background-color:#fff;background-color:var(--white--color);border:3px solid #071952!important;border:3px solid var(--main--color)!important;box-shadow:5px 5px 0 #00134e;box-shadow:5px 5px 0 var(--darkMain--color);color:#071952;color:var(--main--color);margin:20px auto auto;width:200px}.CTA-section .fire-btn:hover{background:linear-gradient(#ff9000,#ffd900)}@media(max-width:900px){.CTA-section h1{font-size:35px;width:320px}.CTA-section img{width:200px}}.Trusted-by-section{margin:auto;max-width:1200px}.Trusted-by-section h1{color:#3fd357;color:var(--second--color);font-size:40px;margin:20px}.Trusted-by-section img{margin:auto;width:800px}@media(max-width:900px){.Trusted-by-section img{width:500px}}@media(max-width:550px){.Trusted-by-section img{width:350px!important}}footer{background-color:#00134e;background-color:var(--darkMain--color);border-top:3px solid #3fd357;border-top:3px solid var(--second--color);color:#fff;color:var(--white--color);padding:50px 0 20px;text-align:center}footer p{font-size:14px;margin:auto;padding:10px 20px 0;width:500px}footer .email{align-content:center;color:#fff;color:var(--white--color);display:flex;font-size:30px;justify-content:center;padding:20px 0 0}footer .email lord-icon{margin-top:5px}footer .social-icons{margin:auto;opacity:1;padding:10px}footer .social-icons img{opacity:1;width:30px}@media(max-width:550px){footer p{font-size:16px;width:300px}}:root{--main--color:#071952;--second--color:#3fd357;--darkMain--color:#00134e;--white--color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{border-radius:3px}::-webkit-scrollbar-thumb{border-radius:2px}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:#3fd357;background:var(--second--color)}*{box-sizing:border-box;list-style:none;margin:0;padding:0;text-decoration:none}body{direction:ltr;font-family:zain;line-height:1.6;scroll-behavior:smooth}.nav-size{height:80px}header.navbar{align-items:center;background-color:#071952;background-color:var(--main--color);box-shadow:0 2px 10px #0003;color:#fff;color:var(--white--color);display:flex;height:90px;justify-content:space-between;padding:20px 100px;position:fixed!important;top:0;width:100%;z-index:1000}@media (max-width:699px){header.navbar{padding:20px 40px}}header.navbar img{margin-top:10px;padding:2px;width:50px}.nav-list{display:flex;list-style:none;transition:transform .5s ease-in-out,opacity .3s ease}.nav-list li{margin:0 1rem;transition:.3s}.nav-list a{color:#fff;color:var(--white--color);font-size:1rem;font-size:20px;text-decoration:none;transition:color .3s ease}.nav-list li.active a{color:#3fd357;color:var(--second--color);font-weight:800;position:relative}.nav-list li.active{transform:scale(1.3)}@media (max-width:699px){.nav-list a.active:after{background-color:#fff;top:35px}}.nav-list a:hover{color:#3fd357;color:var(--second--color)}.menu-toggle{cursor:pointer;display:none;flex-direction:column;position:relative;transition:.3s;z-index:1000}.menu-toggle .bar{background-color:#3fd357;background-color:var(--second--color);height:3px;margin:3px 0;transition:all .3s ease;width:25px}@media (max-width:1020px){.menu-toggle{display:flex}.nav-list{align-items:start;background:linear-gradient(0deg,#071952,#00134e);background:linear-gradient(0deg,var(--main--color),var(--darkMain--color));border-radius:0 0 20px 20px;flex-direction:column;opacity:0;padding:20px 40px;position:absolute;right:0;top:80px;transform:translateY(-100%);width:100%}.nav-list.active{opacity:1;transform:translateY(0)}.menu-toggle.active span{background-color:#3fd357;background-color:var(--second--color);color:#3fd357;color:var(--second--color)}.nav-list li{margin:1rem 0;text-align:center}.change-language.menu{display:flex!important}.change-language{display:none!important}.nav-list a{color:#fff!important}}.change-language.menu{display:none}.change-language{align-items:center;color:#fff!important;display:flex;font-size:20px;gap:10px;justify-content:center;transition:.3s}.change-language:hover{color:#3fd357!important;color:var(--second--color)!important}.change-language i{color:#3fd357;color:var(--second--color);margin:0 10px}@media(max-width:1020px){.contact-us{display:none}}
/*# sourceMappingURL=main.e5610d91.css.map*/