@import url(https://fonts.googleapis.com/css2?family=Amiri+Quran&family=Cairo&family=IBM+Plex+Serif:wght@100&family=Lateef:wght@500&family=Playpen+Sans:wght@300&family=Roboto:ital,wght@1,100&family=Young+Serif&display=swap);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}*{margin:0;padding:0}*,body,html{box-sizing:border-box;scroll-behavior:smooth}body,html{--tw-bg-opacity:1;background-color:#002146;font-family:none;height:100%;width:100%}body::-webkit-scrollbar-track{background:bottom;border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}body::-webkit-scrollbar{background:bottom;height:5px;width:12px}body::-webkit-scrollbar-thumb{background:#6b70d2;border-radius:10px}#particles{height:100%}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity 1s}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity 1s}.offcanvas-header{display:flex;justify-content:flex-end}.button1{background:none;border:none;height:6em;position:relative;width:6em}#close{color:#957bda;font-size:2.4em}.blur-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:block;height:100%;left:0;pointer-events:auto;z-index:97}.blur-overlay,.navbar{position:fixed;top:0;width:100%}.navbar{background-color:#002146;box-shadow:0 0 20px 0 #212d4e;gap:-12px;padding:1em!important;z-index:1}.logo-item{align-items:center;display:flex;gap:10px;min-width:100%}.logo-item .icon-box{background-color:#f6f4f4;border-radius:50%}.icon-box img,.logo-item .icon-box{height:50px;width:50px}.logo-info{margin-top:1em;max-width:calc(100% - 64px);width:calc(100% - 64px)}.logo-info .logo-link{color:#cacaca;font-family:elmessiri-bold}.logo-title{color:#fff;margin-bottom:2px}.offcanvas{background-color:#002146;width:60%!important}.nav-item{margin-left:1.5em}.toggle-button{display:none}.navbar h3 a{color:#fff;font-size:calc(.5vw + 20px)}.navbar h3 a:hover{text-decoration:none}.navbar nav{align-items:center;display:flex;gap:1.5em}.nav-link:hover{color:#8389ff}.nav-link:focus{color:#8389ff!important}.navbar a{color:#b8b6b6;font-size:calc(.35vw + 12px);padding:5px;text-decoration:none}.navbar-brand{font-family:toyor-aljanah}.navbar a:hover{--tw-text-opacity:1;color:rgb(131 137 255/var(--tw-text-opacity))}.nav-link{text-align:end}.collapse{direction:rtl}.navbar-nav{align-items:center;direction:ltr;font-family:elmessiri-bold;margin:1em auto}.navbar-toggler{border:0;color:#8389ff;font-size:1.7em}.navbar-toggler:focus{border:0}.hamburger{cursor:pointer}.hamburger input{display:none}.hamburger svg{height:3em;transition:-webkit-transform .6s cubic-bezier(.4,0,.2,1);transition:transform .6s cubic-bezier(.4,0,.2,1);transition:transform .6s cubic-bezier(.4,0,.2,1),-webkit-transform .6s cubic-bezier(.4,0,.2,1)}.leFadeIn{-webkit-animation-name:leFadeIn;animation-name:leFadeIn}@-webkit-keyframes leFadeIn{0%{opacity:0}to{opacity:1}}@keyframes leFadeIn{0%{opacity:0}to{opacity:1}}a{text-decoration:none}.line{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:3;transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.line-top-bottom{stroke-dasharray:12 63}.hamburger input:checked+svg{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.hamburger input:checked+svg .line-top-bottom{stroke-dasharray:20 300;stroke-dashoffset:-32.42}.language-button{background:none;border:none;color:#fff;font-family:elmessiri-bold;width:100%}.language-button img{margin-right:8px}.dropdown-toggle:after{display:contents!important}#home{background-attachment:scroll;background-image:url(/static/media/background.7dba0bb752512d5fc58f.webp);background-position:top;background-size:cover;height:88vh;margin:6em auto;padding:11em 35px;text-align:left;width:100%}#home #title{background-position-y:center;background-repeat:no-repeat}#home .p{color:#8389ff;padding-bottom:.3em}#home .name{align-items:center;color:#fff;display:flex;font-family:Amiri Quran,serif;font-size:30px;gap:10px}#home .name .img{background-color:#fff;height:50px;width:50px}.home-info{margin-top:1em;max-width:calc(100% - 64px);width:calc(100% - 64px)}.home-info .home-link{color:#cacaca;font-family:elmessiri-bold}.home-title{color:#fff;margin-bottom:8px}#home .title{color:#fff;font-family:none;font-size:18px;font-weight:600;opacity:.7;padding:1em 0}#home h2{color:#ab81ff}#home .button{background-color:initial;border:3px ridge #8389ff;border-radius:.3em;color:#fff;color:#8389ff;font-family:none;font-size:16px;font-weight:700;height:3.5em;outline:none;position:relative;transition:1s;width:11.4em}#home .button:after{top:-10px}#home .button:after,#home .button:before{content:"";height:40%;left:3%;position:absolute;-webkit-transform-origin:center;transform-origin:center;transition:.5s;width:95%}#home .button:before{top:80%}#home .button:hover:after,#home .button:hover:before{-webkit-transform:scale(0);transform:scale(0)}#home .button:hover{box-shadow:inset 0 0 25px rgba(131,219,255,.37)}#footer{color:#957bda;padding-bottom:1em}#footer .row{margin-top:2em}#footer #foot-box{text-align:center}#footer #foot-box p{margin-bottom:2em}#footer hr{border-width:3px}#footer .divider{border-top:2px solid}#footer .scrollBtn #up{background-color:#957bda;color:#002146;font-size:20px}#footer .top{display:flex;font-size:1.15rem;justify-content:center;line-height:0}#footer a{color:#fff;letter-spacing:1px;position:relative;text-decoration:none;transition:color .3s cubic-bezier(.25,.32,.85,.58)}#footer .scroll{align-items:baseline;display:flex;flex-direction:column;gap:1.2rem;margin-right:10px}#footer a:hover{color:#957bda}@media (min-width:1200px){.navbar-expand-lg .offcanvas{background-color:initial!important;border:0!important;flex-grow:1!important;height:auto!important;position:static!important;-webkit-transform:none!important;transform:none!important;transition:none!important;visibility:visible!important;width:auto!important;z-index:auto!important}}@media (max-width:1000px){.toggle-button{display:block;margin:10px 0}}@media (max-width:992px){.social-icons:after,.social-icons:before{width:34%}.dropdown-menu{min-width:150px}}@media (max-width:768px){.social-icons:after,.social-icons:before{width:24%}.name{font-size:6vw}.title{font-size:5vw}}@media (max-width:675px){.navbar{flex-direction:column}.name{font-size:2em!important}}@media (max-width:612px){#home .name{align-items:center;display:flex;font-size:18px!important}#home .name .img{height:50px;width:50px}#home .name span{display:contents}}@media (max-width:480px){.navbar{flex-direction:column}.hero-section .text-container{padding:0 14px;width:99%}}@media (max-width:425px){.navbar{flex-direction:column}.hero-section .text-container{padding:0 14px;width:99%}}@media (max-width:320px){.navbar{flex-direction:column}.hero-section .text-container{padding:0 14px;width:99%}}.App{position:relative}.ParticleBackground{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;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}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}#team{padding:1em 0}.team{margin:4em auto;padding:4rem 1rem}.team-title{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:2em 0;text-align:center}.team-title .line{align-self:center;background-color:#6b70d2;height:3px;margin-bottom:2em;width:10em}.team-title1{color:#e5e7eb;font-weight:500;margin-bottom:5px}.team-p{color:#bfbfbf;line-height:1.8;margin:10px auto;max-width:65%}.team .card{border:3px solid #333;box-shadow:0 0 12px 0 #666464;margin:1em 2em;padding:2.3em 1rem 0!important;transition:all .5s cubic-bezier(.87,.22,1,1);width:18em}.team .card:hover{border:3px solid #8389ff}.team .card-body{margin:2em 0;padding:0;text-align:center}.team .card-body .card-name{color:#fff;margin-bottom:1em}.team .card-title{color:#8389ff}.team .card-link{direction:rtl}.team #team-card{margin:1em}.team #card-team{background-color:#303844}.team .card-text{color:#aeb7c6;font-family:monospace}.team #team-two{justify-content:space-evenly}.team-p a{color:#8389ff;font-size:21px;position:relative;text-decoration:none;transition:color .3s cubic-bezier(.25,.32,.85,.58)}.hover-effect:after{background:#fff;bottom:-10px;content:"";height:1.5px;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;transition:all .3s ease-in-out;width:100%}.hover-effect:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:right;transform-origin:right}.team .link{color:#fff;font-size:20px;margin-right:1em}.fa-solid:hover,.team .link:hover{color:#8389ff;transition:all 1s}.team #card-team,.team .item{position:relative}.team .item{align-self:center;border-radius:10px;height:120px;overflow:hidden;transition:all 10s ease;width:auto}.team .item img{border:3px solid;border-radius:50%;height:100%;width:140px}#carouselExample{border-radius:10px;width:50em}.carousel-control-next,.carousel-control-prev{z-index:0!important}.carousel-item img{border-radius:15px;width:100%}@media (max-width:770px){.team-p{max-width:100%}}#service{padding:1em 0}.services-section{margin:4em auto;padding:4rem 1rem}.services-box{display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;margin-top:4em}.services-card{align-items:center;border:1px solid #8389ff;border-radius:5px;color:#bfc5ca;cursor:pointer;display:flex;flex-direction:column;height:20em;justify-content:center;margin:0 auto;max-width:325px;transition:all .4s ease;width:100%}.services-card:hover{box-shadow:inset 6px 6px 30px #4b4b4b}.services-card .overflow{overflow:auto;padding:2em}.services-card .overflow::-webkit-scrollbar-track{background:bottom;border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.services-card .overflow::-webkit-scrollbar{background:bottom;height:5px;width:7px}.services-card .overflow::-webkit-scrollbar-thumb{background:#b7b7b7;border-radius:10px}.services-icon{color:#149ddd;font-size:3rem;margin-bottom:2rem}.services-title{font-family:sans-serif;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.services-desc{font-family:auto;font-size:16px}.services-card .btn-box{text-align:center}.services-card .btn{border:0;color:#8389ff;font-family:elmessiri-bold;font-size:17px}#project{padding:1em 0}.projects-section{-webkit-margin-before:8rem;margin-block-start:8rem}.projects-section #container{padding:3em 0;text-align:center}.projects-section #container p{color:#cecece;font-family:monospace;font-size:21px;line-height:65px}.projects-section .client-list{display:flex;padding:0 8em}.projects-section .client-list img{border-radius:50%;height:90px;width:90px}.projects-section .client-list li{flex:0 0 20%;max-width:20%}.projects-section .client-list li img{transition:all .3s ease-in-out}.projects-section .client-list li img:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}@media (max-width:768px){.client-list{display:grid!important;grid-template-columns:100px 100px;justify-content:space-evenly;padding:2px!important}.client-list li{flex:0 0 40%;max-width:40%}}#contact{padding:1em 0}.contact-section{margin:4em 0 6em;padding:4rem 1rem}.contact-box{display:flex;justify-content:space-evenly;margin-top:4em}.contact-box img{background:#fff;width:200px}.box-one{background-color:#00000054;border:1px solid #8389ff;border-radius:10px;color:#fff;height:17em;padding:3em 4em}.box-one .box-title{margin-bottom:10px;text-align:-webkit-center}.box-title p{font-family:system-ui;font-size:18px;font-weight:500}.box-title .line{background-color:#b07bff;height:3px;margin-bottom:2em;width:8em}#icons{margin-top:2em;position:relative;text-align:center}.social-icon11{color:#fff;font-size:25px;margin-right:.7em}#icon-i:hover{color:#b07bff;-webkit-transform:translateY(-6px);transform:translateY(-6px);transition-duration:.5s}.contacts-list{grid-template-columns:1fr}.contact-item{align-items:center;display:flex;gap:16px;margin-bottom:1em;min-width:100%}li{list-style:none}.icon-box{align-items:center;background:#333;border-radius:8px;color:#fff;display:flex;font-size:16px;height:30px;justify-content:center;position:relative;width:30px}.contact-info{max-width:calc(100% - 64px);width:calc(100% - 64px)}.contact-info a{color:#fff;text-decoration:none;transition:all .2s ease-in-out}.contact-info a:hover{color:#b07bff}.contact-title{color:gray;font-size:15px;margin-bottom:2px;text-transform:uppercase}.box-two{grid-gap:1em;display:grid;gap:1em}.box-two .qr-one img,.box-two .qr-two img{width:130px}.box-three p,.box-two p{color:#8389ff;font-size:19px;font-weight:500;text-align:center}.box-three img{background:#fff;width:200px}#office{padding:1em 0}.office-section{margin:4em 0 0;padding:4rem 1rem 0}#cards-office{display:flex;justify-content:space-evenly;padding:4em 0}#card-office a{color:#fff}#card-office{border:3px solid rgba(17,24,39,.6);border-radius:40px 0 40px 0;transition:all .3s cubic-bezier(.87,.22,1,1);width:300px}#card-office:hover{border:3px solid #8389ff}#card-office .card-foot,#card-office .card-head h4{font-weight:700;text-align:center}#card-office .card-body{align-self:center}.card-body img{border-radius:15px;height:150px;width:200px}@media (max-width:992px){.contact-box{grid-gap:3em;display:grid;gap:3em;justify-content:space-evenly;margin-top:4em}.box-two{display:flex;gap:2em;justify-content:center}.box-three{justify-self:center}}#about{padding:1em 0}.about{color:#fff;margin:4em auto;padding:4rem 1rem}#about-box{display:flex;margin-top:5em}.sentence-container{align-items:center;display:grid;grid-template-columns:100px 1fr}.side-line{background-color:#fff;height:2px;margin-right:1em}h2{color:#6b70d2;font-family:elmessiri-bold}.about-title{color:#9ca3af;font-family:auto;font-size:20px;line-height:24px;margin-top:-2.3em}.card{background-color:rgba(17,24,39,.6);color:#fff}.img{border-radius:50%}#img{font-size:31px;margin-left:1em;margin-right:1em}@media (max-width:472px){#img{font-size:29px;margin-right:.5em}}
/*# sourceMappingURL=main.499b6071.css.map*/