body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}dl,ol,p,ul{margin-top:0;margin-bottom:1rem}a{color:#007bff;text-decoration:none;background-color:transparent}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}img{vertical-align:middle;border-style:none}button{border-radius:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h3,h3{font-size:1.75rem}.h5,h5{font-size:1.25rem}.small,small{font-size:80%;font-weight:400}.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}@media (min-width:768px){.col-md-3{flex:0 0 25%;max-width:25%}.col-md-6{flex:0 0 50%;max-width:50%}}.p-0{padding:0!important}.nav{flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.d-flex{display:flex!important}.ml-3,.mx-3{margin-left:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}@font-face{font-family:NeoSansArabic;font-display:swap;src:local("NeoSansArabic"),url(/static/media/NeoSansArabic.98748ff0.ttf) format("truetype")}@font-face{font-family:NeoSansArabic-lighter;font-display:swap;src:local("NeoSansArabic-lighter"),url(/static/media/NeoSansArabic-lighter.0c17665e.ttf) format("truetype")}@font-face{font-family:NeoSansArabic-bold;font-display:swap;src:local("NeoSansArabic-bold"),url(/static/media/NeoSansArabic-bold.f4b2ac4e.ttf) format("truetype")}.body{direction:rtl;font-family:NeoSansArabic;margin:0;box-sizing:border-box;-webkit-font-smoothing:subpixel-antialiased;text-rendering:optimizeLegibility}@-webkit-keyframes fadein{0%{opacity:.4}to{opacity:1}}@keyframes fadein{0%{opacity:.4}to{opacity:1}}.nav.scrolled{background-color:#fff!important;box-shadow:0 2px 10px 0 hsla(0,0%,84.3%,.33);-webkit-transition:background-color .2s linear;transition:background-color .2s linear}@media screen and (max-width:768px){.nav.scrolled{background-color:hsla(0,0%,100%,.4)!important;box-shadow:none}}.nav.scrolled .logo img{-webkit-transform:scale(.9);transform:scale(.9)}.nav{width:100%;margin:0 auto 20px;padding:20px 3%;display:flex;align-items:center;position:fixed;top:0;z-index:10}@media screen and (max-width:768px){.nav{display:flex;justify-content:space-between}.nav.on{z-index:10;width:100%;height:100%;display:block;background-color:#383944!important;position:fixed;margin:0 auto;-webkit-animation:fadein .5s;animation:fadein .5s}.nav.on .logo{display:none}}.nav .logo{cursor:pointer;text-align:right;padding:0 .3rem 0 0}.nav .logo img{width:110px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}@media screen and (max-width:768px){.nav .logo img{width:90px}}@media screen and (max-width:1024px) and (min-width:768px){.nav .logo img{width:110px}}.nav .menu-toggle{width:30px;height:30px;display:none}@media screen and (max-width:768px){.nav .menu-toggle{display:block;align-self:center;z-index:1;position:absolute;top:25px;left:18px}.nav .menu-toggle.on .one{-webkit-transform:rotate(45deg) translate(5px,10px);transform:rotate(45deg) translate(5px,10px);background:#fff}.nav .menu-toggle.on .two{opacity:0}.nav .menu-toggle.on .three{-webkit-transform:rotate(-45deg) translate(4px,-9px);transform:rotate(-45deg) translate(4px,-9px);background:#fff}}.nav .one,.nav .three,.nav .two{width:100%;height:2px;background:#383944;margin:8px auto;border-radius:20px;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition-duration:.3s;transition-duration:.3s}.nav .one{margin:0 auto}.nav a{color:inherit;cursor:pointer}.nav a,.nav a:hover{text-decoration:none}@media screen and (max-width:768px){.nav .navLinks{display:none}.nav .navLinks.on{display:flex;width:100%;height:75%;flex-direction:column;justify-content:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}@media screen and (max-width:1024px) and (min-width:768px){.nav .navLinks{width:90%}}.nav .navLinks .navLinksUl{list-style:none;width:55%;display:flex;justify-content:space-around;justify-self:start;margin:0 auto;padding:0}@media screen and (max-width:768px){.nav .navLinks .navLinksUl{width:100%;height:85%;list-style:none;display:flex;flex-direction:column;justify-content:center;text-align:center}.nav .navLinks .navLinksUl li{height:100%}}.nav .navLinks .navLinksUl a{color:#828282;font-size:18px;font-family:NeoSansArabic-lighter;letter-spacing:.4px;cursor:pointer}.nav .navLinks .navLinksUl a.liActive{font-family:NeoSansArabic;color:#4fc2c3}@media screen and (max-width:768px){.nav .navLinks .navLinksUl a.liActive{color:#fff;font-family:NeoSansArabic-lighter}}@media screen and (max-width:768px){.nav .navLinks .navLinksUl a{color:#fff;font-size:20px}}.nav .navLinks .downloadLinkDiv{display:none}@media screen and (max-width:768px){.nav .navLinks .downloadLinkDiv{display:flex;align-items:center;margin:0 auto;padding-bottom:2rem}}.nav .navLinks .downloadLinkDiv .downloadLink{display:none;text-align:center}@media screen and (max-width:768px){.nav .navLinks .downloadLinkDiv .downloadLink{display:flex;justify-content:center;border-radius:8px;box-shadow:0 13px 35px -15px #25252b;background-image:-webkit-gradient(linear,right top,left top,from(#3b9cbf),to(#4fc2c3));background-image:linear-gradient(270deg,#3b9cbf,#4fc2c3);color:#fff;width:210px;margin:0 auto;padding:1rem 2rem}}.nav .navLinks .socialMediaLi{display:none}@media screen and (max-width:768px){.nav .navLinks .socialMediaLi{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;text-align:center}}.nav .navLinks .socialMediaLi ul{width:50%;list-style:none;display:flex;justify-content:space-around;margin:0 auto;padding:0}.nav .navLinks .socialMediaNav{display:none}@media screen and (max-width:768px){.nav .navLinks .socialMediaNav{display:block;text-align:center;margin-top:5px}.nav .navLinks .socialMediaNav ul{width:50%;list-style:none;display:flex;justify-content:space-around;margin:0 auto;padding:0}}.nav .navLeft{width:100%;display:flex;align-items:center;justify-content:flex-end}.nav .navLeft div{text-align:center}@media screen and (max-width:768px){.nav .navLeft div{display:none}}@media screen and (max-width:1024px) and (min-width:768px){.nav .navLeft div{width:80px}}.nav .navLeft div a{color:#3b9cbf;font-size:16px;padding-right:5px;margin-left:10px;cursor:pointer}@media screen and (max-width:1024px) and (min-width:768px){.nav .navLeft div a{font-size:14px}}.nav .navLeft div img{margin-right:-26px}.nav .navLeft button{width:130px;height:45px;border-radius:8px;box-shadow:0 13px 35px -15px #4fc2c3;background-image:-webkit-gradient(linear,right top,left top,from(#3b9cbf),to(#4fc2c3));background-image:linear-gradient(270deg,#3b9cbf,#4fc2c3);border:none;font-size:16px;letter-spacing:.4px;text-align:center;color:#fff;margin-right:16px}@media screen and (max-width:768px){.nav .navLeft button{display:none}}@media screen and (max-width:1024px) and (min-width:768px){.nav .navLeft button{width:115px;height:35px;font-size:14px}}.startYourProject{position:absolute;opacity:0}.startYourProject .socialMedia{position:fixed;top:77%;right:2.5%}@media screen and (max-width:768px){.startYourProject .socialMedia{display:none}}.startYourProject .socialMedia ul{list-style:none;display:flex;flex-direction:column;justify-content:center;margin:0 auto;padding:0}.startYourProject .socialMedia ul li{padding-bottom:15px}.startYourProject .socialMedia ul li img{width:30px}.startYourProject.active{padding:30px;position:fixed;width:100%;height:100%;background-color:#383944;z-index:20;opacity:1;-webkit-animation:fadein .5s;animation:fadein .5s}@media screen and (max-width:768px){.startYourProject.active{padding:20px;overflow:scroll}}.startYourProject .startYourProjectSection{display:none}.startYourProject .startYourProjectSection.active{display:block;position:relative;top:46%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media screen and (max-width:768px){.startYourProject .startYourProjectSection.active{top:47%}}@media screen and (max-width:360px){.startYourProject .startYourProjectSection.active{top:49%}}.startYourProject .infoSection{height:100%;-webkit-animation:fadein .5s;animation:fadein .5s}@media screen and (max-width:768px){.startYourProject .infoSection{height:80%}}.startYourProject .infoSection .main{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:90%}@media screen and (max-width:768px){.startYourProject .infoSection .main{height:70%;text-align:center}}.startYourProject .infoSection p{display:none}@media screen and (max-width:768px){.startYourProject .infoSection p{font-size:18px;text-align:center;color:#fff;display:block}}.startYourProject .infoSection #projectForm{display:flex;justify-content:center;flex-direction:column;align-items:center}.startYourProject .infoSection #projectForm h1{display:block;font-size:45px;color:#fff;align-self:start;font-family:NeoSansArabic-bold;margin-bottom:1.5rem}@media screen and (max-width:768px){.startYourProject .infoSection #projectForm h1{font-size:30px}}.startYourProject .infoSection #projectForm input,.startYourProject .infoSection #projectForm textarea{font-family:NeoSansArabic-lighter;color:#fff;font-size:18px;display:block;width:532px;border-radius:8px;border:2.9px solid #fff;background-color:#383944;padding:10px;margin:5px 0;resize:none}@media screen and (max-width:768px){.startYourProject .infoSection #projectForm input,.startYourProject .infoSection #projectForm textarea{border:1px solid #fff;width:196px;font-size:14px}}.startYourProject .infoSection #projectForm input input,.startYourProject .infoSection #projectForm textarea input{height:50px}@media screen and (max-width:768px){.startYourProject .infoSection #projectForm input input,.startYourProject .infoSection #projectForm textarea input{height:40px}}.startYourProject .infoSection #projectForm input.error,.startYourProject .infoSection #projectForm textarea.error{border-color:#f56659;background:url(/static/media/ic-error.ae90b0d0.svg) no-repeat 0;-webkit-appearance:none;background-position-x:15px;background-size:18px}.startYourProject .infoSection #projectForm input.error#countryCode,.startYourProject .infoSection #projectForm textarea.error#countryCode{background-position-x:8px}.startYourProject .infoSection #projectForm input.error#mobileNumber,.startYourProject .infoSection #projectForm textarea.error#mobileNumber{background-position-x:11px}.startYourProject .infoSection #projectForm .errorMessage{color:#f56659;text-align:right;display:block;font-size:14px}@media screen and (max-width:768px){.startYourProject .infoSection #projectForm .errorMessage{font-size:12px}}.startYourProject .infoSection #projectForm .errorMessage.codeMessage{margin-right:1rem}.startYourProject .infoSection #projectForm input::-webkit-inner-spin-button,.startYourProject .infoSection #projectForm input::-webkit-outer-spin-button textarea::-webkit-inner-spin-button,.startYourProject .infoSection #projectForm textarea::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important;-moz-appearance:textfield!important}.startYourProject .infoSection #projectForm input::-webkit-inner-spin-button,.startYourProject .infoSection #projectForm input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.startYourProject .infoSection #projectForm input[type=number]{-moz-appearance:textfield}.startYourProject .infoSection #projectForm .input,.startYourProject .infoSection #projectForm .textarea-input{width:693px}@media screen and (max-width:768px){.startYourProject .infoSection #projectForm .input,.startYourProject .infoSection #projectForm .textarea-input{width:300px}}@media screen and (max-width:768px){.startYourProject .infoSection #projectForm .input{height:40px}}.startYourProject .infoSection #projectForm input:focus,.startYourProject .infoSection #projectForm textarea:focus{outline:none!important}.startYourProject .infoSection #projectForm input::-webkit-input-placeholder,.startYourProject .infoSection #projectForm textarea::-webkit-input-placeholder{color:#fff;opacity:1;height:100%}.startYourProject .infoSection #projectForm input::-moz-placeholder,.startYourProject .infoSection #projectForm textarea::-moz-placeholder{color:#fff;opacity:1;height:100%}.startYourProject .infoSection #projectForm input:-ms-input-placeholder,.startYourProject .infoSection #projectForm textarea:-ms-input-placeholder{color:#fff;opacity:1;height:100%}.startYourProject .infoSection #projectForm input::-ms-input-placeholder,.startYourProject .infoSection #projectForm textarea::-ms-input-placeholder{color:#fff;opacity:1;height:100%}.startYourProject .infoSection #projectForm input::placeholder,.startYourProject .infoSection #projectForm textarea::placeholder{color:#fff;opacity:1;height:100%}.startYourProject .infoSection #projectForm select{width:693px;height:52px;background-color:#fff!important;color:#383944;font-size:18px;border:none;border-radius:8px;outline:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;background:url(/static/media/ic-dropdown.5c44b60c.svg) no-repeat 0;-webkit-appearance:none;background-position-x:15px;background-size:18px;padding:0 25px;margin:5px 0}.startYourProject .infoSection #projectForm select option{direction:ltr}.startYourProject .infoSection #projectForm select.error{background:url(/static/media/ic-error.ae90b0d0.svg) no-repeat 0;-webkit-appearance:none;background-position-x:13px;background-size:18px;border:2.9px solid #f56659}@media screen and (max-width:768px){.startYourProject .infoSection #projectForm select{height:39px;background-position-x:7px;background-size:10px;padding:0 10px;font-size:14px;width:145px}}.startYourProject .infoSection #projectForm button{width:154px;height:50px;border-radius:8px;box-shadow:0 13px 35px -15px #25252b;background-image:-webkit-gradient(linear,right top,left top,from(#3b9cbf),to(#4fc2c3));background-image:linear-gradient(270deg,#3b9cbf,#4fc2c3);color:#fff;font-family:NeoSansArabic-bold;font-size:20px;border:none;margin:20px 0;align-self:flex-end}@media screen and (max-width:768px){.startYourProject .infoSection #projectForm button{font-size:18px;width:184px;height:60px;align-self:center;margin:1rem 0 0}}@media screen and (max-width:768px){.startYourProject .infoSection #projectForm #mobileNumber{height:40px}}.startYourProject .infoSection #projectForm #countryCode{width:145px;margin-right:1rem;direction:ltr;text-align:right}@media screen and (max-width:768px){.startYourProject .infoSection #projectForm #countryCode{width:86px;height:40px}}.startYourProject .cancel{position:relative;z-index:20}@media screen and (max-width:768px){.startYourProject .cancel{width:25px}}.flex{display:flex;flex-direction:column}@media screen and (max-width:768px){.flex{flex-direction:row;justify-content:space-between;width:100%}}.sentSuccesfullySection{display:none}.sentSuccesfullySection.active{display:block;position:fixed;width:100%;z-index:20;height:100vh;width:100vw;background-image:-webkit-gradient(linear,right top,left top,from(#3b9cbf),to(#4fc2c3))!important;background-image:linear-gradient(270deg,#3b9cbf,#4fc2c3)!important;padding:30px;-webkit-animation:fadein .5s;animation:fadein .5s}@media screen and (max-width:768px){.sentSuccesfullySection.active{padding:20px}}.sentSuccesfullySection.active .succesfullyContent{display:flex;flex-direction:column;justify-content:center;align-items:center;height:90%}@media screen and (max-width:768px){.sentSuccesfullySection.active .succesfullyContent{height:100%}}.sentSuccesfullySection.active .succesfullyContent div{margin:30px}.sentSuccesfullySection.active .succesfullyContent p{font-size:24px;line-height:1.33;letter-spacing:.5px;text-align:center;color:#fff}@media screen and (max-width:768px){.sentSuccesfullySection.active .succesfullyContent p{font-size:18px}}.sentSuccesfullySection.active .succesfullyContent button{width:180px;height:60px;border-radius:8px;box-shadow:0 13px 35px -15px #4fc2c3;background-color:#3b9cbf;border:none;font-family:NeoSansArabic-bold;font-size:20px;letter-spacing:.4px;text-align:center;color:#fff;margin-top:10px}@media screen and (max-width:768px){.sentSuccesfullySection.active .succesfullyContent button{font-size:18px}}@media screen and (max-width:768px){.sentSuccesfullySection.active .cancel{width:25px}}.sentSuccesfullySection .socialMedia ul{width:100%;list-style:none;display:flex;justify-content:center;align-items:center;margin:0 auto;padding:0}.sentSuccesfullySection .socialMedia ul li{margin:10px}.sentSuccesfullySection .socialMedia ul li a img{width:45px}nav{position:fixed;top:40%;right:1.8%;z-index:10;display:flex;flex-direction:column;align-items:center}nav .sectionName{color:#bcbcc5;border-radius:0;margin:1% 15px 0 0;text-align:right;height:100px;background:none;-webkit-writing-mode:tb-rl;-ms-writing-mode:tb-rl;writing-mode:tb-rl;-webkit-transform:rotate(180deg);transform:rotate(180deg)}nav .sectionName:hover{background:none}nav .sectionName:not([href]):not([tabindex]){color:#bcbcc5}nav .nextSection,nav .nextYear,nav .previousSection,nav .previousYear{color:#bcbcc5;border-radius:0;background:none;-webkit-writing-mode:tb-rl;-ms-writing-mode:tb-rl;writing-mode:tb-rl;-webkit-transform:rotate(180deg);transform:rotate(180deg);margin:0 15px 0 0}nav .nextSection:hover,nav .nextYear:hover,nav .previousSection:hover,nav .previousYear:hover{background:none}nav .nextSection:not([href]):not([tabindex]),nav .nextYear:not([href]):not([tabindex]),nav .previousSection:not([href]):not([tabindex]),nav .previousYear:not([href]):not([tabindex]){color:#bcbcc5}nav .nextYear{margin-top:0}nav .previousYear{margin-bottom:35px}nav a{border-radius:100%;width:8px;height:8px;margin-bottom:5px;background:#e3e3e3;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;text-decoration:none;color:#000}@media screen and (max-width:768px){nav a{display:none}}nav a.active{color:#fff;width:14px;height:14px}nav a.active,nav a:hover{background:#4fc2c3}.startYourProjectNav{position:fixed;top:30%;right:0;z-index:10;display:flex;flex-direction:column;align-items:center;width:80px;height:auto}@media screen and (max-width:768px){.startYourProjectNav{flex-direction:row;justify-content:center;top:94%;width:100%;margin:0 auto}}.startYourProjectNav .nextSection,.startYourProjectNav .previousSection{color:#bcbcc5;border-radius:0;width:120px;background:none;-webkit-transform:rotate(270deg);transform:rotate(270deg);margin:0 18% 0 0}@media screen and (max-width:768px){.startYourProjectNav .nextSection,.startYourProjectNav .previousSection{-webkit-transform:rotate(0deg);transform:rotate(0deg);margin-right:0;height:100%;text-align:center;font-size:14px;width:100px}}.startYourProjectNav .nextSection:hover,.startYourProjectNav .previousSection:hover{background:none}.startYourProjectNav .nextSection:not([href]):not([tabindex]),.startYourProjectNav .previousSection:not([href]):not([tabindex]){color:#bcbcc5}.startYourProjectNav .previousSection{margin-bottom:80%}@media screen and (max-width:768px){.startYourProjectNav .previousSection{margin:0}}.startYourProjectNav .nextSection{margin-top:35%}@media screen and (max-width:768px){.startYourProjectNav .nextSection{margin:0}}.startYourProjectNav a{border-radius:100%;width:8px;height:8px;margin-bottom:5px;background:#e3e3e3;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;text-decoration:none;color:#000}@media screen and (max-width:768px){.startYourProjectNav a{margin:5px}}.startYourProjectNav a.on{background:#4fc2c3;color:#fff;width:14px;height:14px}.startYourProjectNav a:hover{background:#4fc2c3}.startYourProjectButton{width:130px;height:45px;border-radius:8px;box-shadow:0 13px 35px -15px #4fc2c3;background-image:-webkit-gradient(linear,right top,left top,from(#3b9cbf),to(#4fc2c3));background-image:linear-gradient(270deg,#3b9cbf,#4fc2c3);border:none;font-family:NeoSansArabic;font-size:16px;letter-spacing:.4px;text-align:center;color:#fff;display:none;position:relative}@media screen and (max-width:768px){.startYourProjectButton{position:fixed;bottom:3%;right:5%;width:102px;height:39px;box-shadow:0 5px 11px 0 #bcbcc5;font-size:12px;z-index:1;display:block}}@media screen and (max-width:1024px) and (min-width:768px){.startYourProjectButton{width:115px;height:35px;font-size:14px}}.landPage{-webkit-animation:fadein .6s;animation:fadein .6s}.home{height:100vh;position:relative;overflow:hidden}@media screen and (max-width:768px){.home{background:#fff;height:90vh}}.home .homeHeader{height:90%;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}@media screen and (max-width:768px){.home .homeHeader{height:100%}}.home .homeHeader .header br{display:none}@media screen and (max-width:768px){.home .homeHeader .header br{display:block}}.home .homeHeader h1{background:-webkit-gradient(linear,right top,left top,from(#3b9cbf),to(#4fc2c3)),-webkit-gradient(linear,left top,left bottom,from(#3b9cbf),to(#3b9cbf));background:linear-gradient(270deg,#3b9cbf,#4fc2c3),linear-gradient(180deg,#3b9cbf,#3b9cbf);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:55px;font-family:NeoSansArabic-bold;margin:0;padding:10%}.home .homeHeader h1 .words{text-align:center;margin:0 5px}.home .homeHeader h1 .words div{margin:0 3px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#44adc1}.home .homeHeader h1 .words div span{display:block;text-align:center;padding-bottom:5px}@media screen and (max-width:768px){.home .homeHeader h1{font-size:42px}}@media screen and (max-width:375px){.home .homeHeader h1{padding-bottom:8px}}.home .socialMedia{position:fixed;top:70%;right:1.6%;z-index:2}@media screen and (max-width:768px){.home .socialMedia{display:none!important}}.home .socialMedia ul{list-style:none;display:flex;flex-direction:column;justify-content:center;margin:0 auto;padding:0}.home .socialMedia ul li{padding-bottom:15px}.home .socialMedia ul li img{width:30px}.home .volunteerMobile{display:none}@media screen and (max-width:768px){.home .volunteerMobile{display:block;position:absolute;width:60%;bottom:0;left:0}}@media screen and (max-width:1024px) and (min-width:768px){.home .volunteerMobile{width:40%}}.home .transparent{opacity:0!important;pointer-events:none}.home .transition{-webkit-transition:width .35s ease-in-out,left .35s ease-in-out,bottom .35s ease-in-out,right .35s ease-in-out,top .35s ease-in-out,opacity .35s ease-in-out;transition:width .35s ease-in-out,left .35s ease-in-out,bottom .35s ease-in-out,right .35s ease-in-out,top .35s ease-in-out,opacity .35s ease-in-out}.home .sawah,.home .sawahMobile{position:absolute;right:5%;width:35%;top:15%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.home .sawah div,.home .sawahMobile div{position:relative;z-index:-1}.home .sawah.hover,.home .sawahMobile.hover{width:55%;top:40%;right:5%}@media screen and (max-width:768px){.home .sawah,.home .sawahMobile{width:70%;top:20%;right:1%}}@media screen and (max-width:1024px) and (min-width:768px){.home .sawah,.home .sawahMobile{width:40%}}.home .scale-sawah{width:37%!important;-webkit-transition:width .25s ease-in!important;transition:width .25s ease-in!important}.home .sarahah{position:absolute;right:15%;top:45%;width:10%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}@media screen and (max-width:1024px) and (min-width:768px){.home .sarahah{right:10%}}.home .sarahah.hover{width:30%;top:45%;right:12%}.home .scale-sarahah{width:12%!important;-webkit-transition:width .25s ease-in!important;transition:width .25s ease-in!important}.home .marsool{position:absolute;right:2%;bottom:0;width:45%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}@media screen and (max-width:1024px) and (min-width:768px){.home .marsool{bottom:.9%}}.home .marsool.hover{right:-5%;bottom:5%;width:80%;z-index:2}.home .scale-marsool{width:47%!important;-webkit-transition:width .25s ease-in!important;transition:width .25s ease-in!important}.home .volunteer{position:absolute;width:9%;bottom:4%;right:3.5%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.home .volunteer.hover{right:50%;bottom:10%;width:30%;z-index:1}@media screen and (max-width:1024px) and (min-width:768px){.home .volunteer{bottom:3.4%}}.home .scale-volunteer{width:10%!important;-webkit-transition:width .25s ease-in!important;transition:width .25s ease-in!important}.home .jarir{position:absolute;bottom:3.5%;left:20%;width:40%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.home .jarir.hover{left:15%;bottom:5%;width:60%;z-index:2}@media screen and (max-width:1200px){.home .jarir.hover{left:9%}}.home .scale-jarir{width:41.5%!important;-webkit-transition:width .25s ease-in!important;transition:width .25s ease-in!important}.home .city{width:35%;bottom:4.4%;left:0}.home .city,.home .scth{position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.home .scth{width:19%;bottom:4.3%;left:-3%;cursor:pointer}.home .scth.hover{left:25%;bottom:8.9%;width:30%;z-index:1}.home .scale-scth{width:20%!important;-webkit-transition:width .25s ease-in!important;transition:width .25s ease-in!important}.home .land{position:absolute;bottom:0;width:100%;height:4%;background-color:#ecf4fb;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.home .land.marsoolClick,.home .land.volunteerClick{height:12%}.home .land.jarirClick{height:6%}.home .land.musanedClick,.home .land.sarahahClick,.home .land.sawahClick,.home .land.scthClick{height:9%}.home .line{bottom:3.7%;left:0;width:30%;height:.8%;background-color:#dcecf8}.home .line,.home .musaned{position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.home .musaned{width:3%;bottom:4.3%;left:19%;cursor:pointer}.home .musaned.hover{left:37%;bottom:8.5%;width:8%;z-index:2}@media screen and (max-width:1200px){.home .musaned.hover{left:45%}}.home .scale-musaned{width:3.3%!important;-webkit-transition:width .25s ease-in!important;transition:width .25s ease-in!important}.home .groupHome{position:absolute;width:10%;bottom:47%;left:6.5%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (max-width:768px){.home .city,.home .groupHome,.home .jarir,.home .land,.home .line,.home .marsool,.home .musaned,.home .sarahah,.home .scth,.home .volunteer{display:none}}.bg{display:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:-2;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.jarirBg{max-width:90%;max-height:90%;bottom:0}.jarirBg,.sarahaBg{position:absolute;left:0;z-index:-2}.sarahaBg{max-width:95%;max-height:95%;top:10%}.marsoolBg{max-width:65%;max-height:65%;position:absolute;bottom:11%;left:-5%;z-index:-1}.jarirProject,.marsoolProject,.musanedProject,.projectDetails,.sarahahProject,.sawahProject,.scthProject,.volunteerProject{display:flex;justify-content:center;flex-direction:column;width:400px;overflow:auto;border-radius:10px;box-shadow:0 43px 54px -32px #bcbcc5;background-color:#fff;position:absolute;z-index:1;text-align:right;padding:.5rem 1.5rem}@media screen and (max-width:768px){.jarirProject,.marsoolProject,.musanedProject,.projectDetails,.sarahahProject,.sawahProject,.scthProject,.volunteerProject{display:none}}.jarirProject.off,.marsoolProject.off,.musanedProject.off,.projectDetails.off,.sarahahProject.off,.sawahProject.off,.scthProject.off,.volunteerProject.off{display:none}.jarirProject h1,.marsoolProject h1,.musanedProject h1,.projectDetails h1,.sarahahProject h1,.sawahProject h1,.scthProject h1,.volunteerProject h1{opacity:.17;font-size:60px;font-family:NeoSansArabic-bold;text-align:right;color:#e3e3e3;position:absolute;top:-20%;right:-35%;margin:20px}.jarirProject .projectHeader .projectLogo,.marsoolProject .projectHeader .projectLogo,.musanedProject .projectHeader .projectLogo,.projectDetails .projectHeader .projectLogo,.sarahahProject .projectHeader .projectLogo,.sawahProject .projectHeader .projectLogo,.scthProject .projectHeader .projectLogo,.volunteerProject .projectHeader .projectLogo{width:180px;max-height:100%;padding:1rem 0}.jarirProject .projectHeader .serviceLogo,.marsoolProject .projectHeader .serviceLogo,.musanedProject .projectHeader .serviceLogo,.projectDetails .projectHeader .serviceLogo,.sarahahProject .projectHeader .serviceLogo,.sawahProject .projectHeader .serviceLogo,.scthProject .projectHeader .serviceLogo,.volunteerProject .projectHeader .serviceLogo{width:25px}.jarirProject h5,.marsoolProject h5,.musanedProject h5,.projectDetails h5,.sarahahProject h5,.sawahProject h5,.scthProject h5,.volunteerProject h5{font-family:NeoSansArabic-bold;font-size:18px;color:#bcbcc5;padding-top:.5rem}.jarirProject h2,.marsoolProject h2,.musanedProject h2,.projectDetails h2,.sarahahProject h2,.sawahProject h2,.scthProject h2,.volunteerProject h2{font-size:32px}.jarirProject p,.marsoolProject p,.musanedProject p,.projectDetails p,.sarahahProject p,.sawahProject p,.scthProject p,.volunteerProject p{font-size:16px;line-height:1.33;color:#828282;padding:.5rem 0}.jarirProject .projectServices,.marsoolProject .projectServices,.musanedProject .projectServices,.projectDetails .projectServices,.sarahahProject .projectServices,.sawahProject .projectServices,.scthProject .projectServices,.volunteerProject .projectServices{border-top:1px solid #ededed;display:grid;grid-template-columns:1fr 1fr 1fr;padding:1rem 0}.jarirProject .projectServices .service,.marsoolProject .projectServices .service,.musanedProject .projectServices .service,.projectDetails .projectServices .service,.sarahahProject .projectServices .service,.sawahProject .projectServices .service,.scthProject .projectServices .service,.volunteerProject .projectServices .service{display:flex;justify-content:center;align-items:center;padding:.3rem 0}.jarirProject .projectServices .service img,.marsoolProject .projectServices .service img,.musanedProject .projectServices .service img,.projectDetails .projectServices .service img,.sarahahProject .projectServices .service img,.sawahProject .projectServices .service img,.scthProject .projectServices .service img,.volunteerProject .projectServices .service img{width:42px;border-radius:8px;background-color:#f3f8fd;padding:.5rem;margin-left:.5rem}.jarirProject .projectServices .service span,.marsoolProject .projectServices .service span,.musanedProject .projectServices .service span,.projectDetails .projectServices .service span,.sarahahProject .projectServices .service span,.sawahProject .projectServices .service span,.scthProject .projectServices .service span,.volunteerProject .projectServices .service span{font-size:11px;color:#bcbcc5}.marsoolProject{left:20%;bottom:17%;z-index:1}@media screen and (max-width:1400px){.marsoolProject{left:15%;bottom:20%}}@media screen and (max-width:1200px){.marsoolProject{left:10%;bottom:22%}}@media screen and (max-width:768px){.marsoolProject{left:13%;bottom:25%}}.jarirProject{right:12%;bottom:10%;z-index:1}@media screen and (max-width:1400px){.jarirProject{right:5%}}.jarirProject h1{opacity:.17;font-size:70px;font-family:NeoSansArabic-bold;text-align:right;color:#e3e3e3;position:absolute;top:-20%;right:-22%;margin:20px}.volunteerProject{right:23%;bottom:20%}@media screen and (max-width:1400px){.volunteerProject{bottom:16%}}@media screen and (max-width:1200px){.volunteerProject{right:18%}}.sawahProject{right:53%;bottom:15%;z-index:2}.musanedProject{right:25%;bottom:15%;z-index:1}@media screen and (max-width:1400px){.musanedProject{right:20%}}@media screen and (max-width:1200px){.musanedProject{right:7%;bottom:12%}}.scthProject{right:21%;bottom:13%;z-index:-1}@media screen and (max-width:1400px){.scthProject{right:13%}}.sarahahProject{right:45%;bottom:15%;z-index:2}.ourClients,.ourServices,.ourVision,.ourWay,.teamWorks{height:100vh;position:relative;box-sizing:border-box}.ourClients h1,.ourServices h1,.ourVision h1,.ourWay h1{margin:0 10% 0 0;padding-top:8%;padding-bottom:1rem;color:#44adc1;font-family:NeoSansArabic-bold;font-size:55px}@media screen and (max-width:768px){.ourClients h1,.ourServices h1,.ourVision h1,.ourWay h1{margin-right:0;padding-top:100px;font-size:35px;padding-bottom:20px;margin-bottom:20px}}.d-none{opacity:0;height:5px;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.ourVision{background-image:-webkit-gradient(linear,left top,left bottom,from(#ecf4fb),to(hsla(0,0%,100%,0)));background-image:linear-gradient(180deg,#ecf4fb,hsla(0,0%,100%,0))}@media screen and (max-width:768px){.ourVision{background:#fff;height:100%;padding-top:100px}}.ourVision .ourVisionContent{height:70%;width:50%;display:flex;text-align:right;flex-direction:column;justify-content:center;align-items:flex-start;padding-right:10%}@media screen and (max-width:768px){.ourVision .ourVisionContent{height:100%;width:75%;margin:0 auto;align-items:center;padding-right:0;text-align:center}}.ourVision .ourVisionContent h1{margin:0}.ourVision .ourVisionContent img{width:150px}@media screen and (max-width:768px){.ourVision .ourVisionContent img{width:120px}}.ourVision .ourVisionContent p{font-size:20px;padding-top:1%;font-family:NeoSansArabic-lighter;font-weight:700;color:#828282;line-height:1.67}@media screen and (max-width:768px){.ourVision .ourVisionContent p{font-family:NeoSansArabic;font-weight:400;font-size:18px;line-height:1.94}}.ourVision .ourVisionImg{position:absolute;bottom:0;left:0}@media screen and (max-width:768px){.ourVision .ourVisionImg{display:none}}.ourVision .ourVisionImg img{width:70%}.ourServices{height:550px;text-align:right}.ourServices .ourServices-l-outer{width:100%;height:500px;overflow-x:auto;overflow-y:hidden;right:8%;position:relative}.ourServices .ourServices-l-outer::-webkit-scrollbar{display:none}.ourServices .ourServices-l-outer .ourServices-l{position:absolute;right:2%;display:flex;-webkit-transition:right .5s;transition:right .5s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box}.ourServices .ourServices-s{display:none}@media screen and (max-width:768px){.ourServices{text-align:center;height:100%}.ourServices .ourServices-l-outer{display:none}.ourServices .ourServices-s{display:flex;flex-direction:column;align-items:center;justify-content:center}}.ourServices .eachService{width:235px;height:340px;border-radius:10px;padding:15px;margin:10px;display:flex;flex-direction:column;justify-content:space-around;background-color:#fff;box-sizing:border-box}@media screen and (max-width:768px){.ourServices .eachService{align-items:center;height:100%;width:70%;margin:10px auto}}.ourServices .eachService img{width:30px;margin:10px 0;padding-bottom:10px}@media screen and (max-width:768px){.ourServices .eachService img{padding-bottom:8px;width:50px}}.ourServices .eachService h5{font-size:18px;font-family:NeoSansArabic-bold;color:#5c5d60;padding-bottom:10px}@media screen and (max-width:768px){.ourServices .eachService h5{padding-bottom:5px;font-weight:700}}.ourServices .eachService p{font-size:14px;color:#bcbcc5;line-height:2;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}@media screen and (max-width:768px){.ourServices .eachService p{display:block;font-size:16px;color:#828282;line-height:1.89}}.ourServices .eachService .serviceButton{display:flex;justify-content:center}.ourServices .eachService button{width:90%;height:45px;border-radius:8px;border:none;box-shadow:0 13px 35px -15px #4fc2c3;background-image:-webkit-gradient(linear,right top,left top,from(#3b9cbf),to(#4fc2c3));background-image:linear-gradient(270deg,#3b9cbf,#4fc2c3);color:#fff;font-size:18px;opacity:0;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}@media screen and (max-width:768px){.ourServices .eachService button{display:none}}.ourServices .eachService-empty{width:200px;height:340px}@media screen and (max-width:768px){.ourServices .eachService-empty{display:none}}.ourServices .eachService:hover{box-shadow:0 43px 54px -32px #bcbcc5}@media screen and (max-width:768px){.ourServices .eachService:hover{box-shadow:none}}.ourServices .eachService:hover p{color:#828282}@media screen and (max-width:768px){.ourServices .eachService:hover p{line-height:1.89;font-family:NeoSansArabic}}.ourServices .eachService:hover button{opacity:1}.ourWay{text-align:right;height:100%}.ourWay .ourWayContent{display:flex;padding-bottom:0}@media screen and (max-width:768px){.ourWay .ourWayContent{display:block}}.ourWay .ourWayImgDiv{width:40%;height:500px;position:absolute;left:0;text-align:center;display:flex;justify-content:flex-end;align-items:center}@media screen and (max-width:768px){.ourWay .ourWayImgDiv{height:400px;width:100%;position:relative}}.ourWay .ourWayImg{opacity:0;position:absolute;max-width:100%;max-height:100%;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}.ourWay .ourWayImg.last-way{margin:0 auto;left:15%}.ourWay .ourWayImg.on{opacity:1}@media screen and (max-width:768px){.ourWay .ourWayImg,.ourWay .ourWayImg.last-way{max-width:95%;max-height:95%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:-10}}@media screen and (max-width:768px){.ourWay .ourWayImg.first-way{top:0;left:0;-webkit-transform:translate(0);transform:translate(0)}}@media screen and (max-width:768px){.ourWay{text-align:center;height:100%}}.ourWay .sliderDiv{width:60%;position:relative;margin-top:2%}@media screen and (max-width:768px){.ourWay .sliderDiv{width:100%;position:unset}}.ourWay .sliderDiv:after,.ourWay .sliderDiv:before{position:absolute;background-color:#fff;width:100%;right:6%;background:-webkit-gradient(linear,left bottom,left top,from(#fff),to(hsla(0,0%,100%,0)));background:linear-gradient(0deg,#fff,hsla(0,0%,100%,0));content:"";z-index:1}@media screen and (max-width:768px){.ourWay .sliderDiv:after,.ourWay .sliderDiv:before{display:none}}.ourWay .sliderDiv:after{bottom:0;height:100px}.ourWay .sliderDiv:before{height:50px;top:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.ourWay .slider{overflow-y:auto;right:6%;width:100%;height:400px;position:relative}@media screen and (max-width:768px){.ourWay .slider{top:3%;right:0;width:100%;-webkit-overflow-scrolling:touch;margin-top:40px;margin-bottom:20px}}.ourWay .slider::-webkit-scrollbar{display:none}.ourWay .slider .sliderContent{top:10%;display:flex;flex-direction:column;position:absolute;right:6%;-webkit-user-select:none;-moz-user-select:moz-none;-ms-user-select:none;user-select:none}@media screen and (max-width:768px){.ourWay .slider .sliderContent{flex-direction:row;right:6%;top:0;padding-left:6%;position:absolute}}.ourWay .eachWay{display:flex;justify-content:flex-start;height:160px}@media screen and (max-width:768px){.ourWay .eachWay{flex-direction:column;height:auto;width:90vw}}.ourWay .eachWay.active{align-items:center}.ourWay .eachWay.active .eachWayNum h1{padding-left:25px;color:#4fc2c3;font-size:130px;font-family:NeoSansArabic-bold}@media screen and (max-width:768px){.ourWay .eachWay.active .eachWayNum h1{font-size:45px;padding-left:0}}.ourWay .eachWay.active .eachWayNum p{display:none}.ourWay .eachWay.active .eachWayContent h3,.ourWay .eachWay.active .eachWayContent p{opacity:1}.ourWay .eachWay.active .eachWayContent h3{color:#5c5d60}@media screen and (max-width:768px){.ourWay .eachWay.active .eachWayContent h3{text-align:center}}.ourWay .eachWay .eachWayNum{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.ourWay .eachWay .eachWayNum h1{padding:0 0 0 20px;font-size:110px;text-align:center;color:#ecf4fb;margin:0 0 -20px;-webkit-transition:color .5s ease-in;transition:color .5s ease-in}@media screen and (max-width:768px){.ourWay .eachWay .eachWayNum h1{font-size:45px;margin-bottom:0;padding-left:0}}.ourWay .eachWay .eachWayNum p{font-size:18px;font-weight:700;color:#ecf4fb;padding:5px;margin:0}@media screen and (max-width:768px){.ourWay .eachWay .eachWayNum p{font-size:14px;display:none}}.ourWay .eachWay .eachWayContent{display:flex;flex-direction:column}.ourWay .eachWay .eachWayContent h3,.ourWay .eachWay .eachWayContent p{opacity:0;-webkit-transition:opacity .5s ease-in;transition:opacity .5s ease-in}@media screen and (max-width:768px){.ourWay .eachWay .eachWayContent h3,.ourWay .eachWay .eachWayContent p{display:block}}.ourWay .eachWay .eachWayContent h3{font-size:20px;font-family:NeoSansArabic-bold;line-height:1.83;letter-spacing:normal;color:#5c5d60;-webkit-transition:color .5s ease-in;transition:color .5s ease-in}@media screen and (max-width:768px){.ourWay .eachWay .eachWayContent h3{font-size:18px;text-align:right;color:#ecf4fb;opacity:1}}.ourWay .eachWay .eachWayContent p{font-size:14px;line-height:1.89;color:#828282;width:80%}@media screen and (max-width:1024px) and (min-width:768px){.ourWay .eachWay .eachWayContent p{width:90%}}@media screen and (max-width:768px){.ourWay .eachWay .eachWayContent p{font-size:18px;margin:0 auto;font-weight:400;font-family:NeoSansArabic-lighter}}.ourWay .eachWay-empty{height:150px;width:150px}@media screen and (max-width:768px){.ourWay .eachWay-empty{display:none}}.ourWay .slick-slider{right:10%;width:60%;top:5%}@-webkit-keyframes scroll{0%{-webkit-transform:translateX(2750px);transform:translateX(2750px)}to{-webkit-transfor:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes scroll{0%{-webkit-transform:translateX(2750px);transform:translateX(2750px)}to{-webkit-transfor:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes scroll-right{0%{-webkit-transfor:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transfor:translateX(3000px);-webkit-transform:translateX(3000px);transform:translateX(3000px)}}@keyframes scroll-right{0%{-webkit-transfor:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transfor:translateX(3000px);-webkit-transform:translateX(3000px);transform:translateX(3000px)}}.ourClients{text-align:right;height:100%}@media screen and (max-width:768px){.ourClients{text-align:center;height:100%;display:flex;flex-direction:column;justify-content:center}}.ourClients .clients-row-one{margin-top:75px}.ourClients .slider{background:#fff;height:200px;margin:25px auto;overflow:hidden;position:relative;width:90%}.ourClients .slider:after,.ourClients .slider:before{background:-webkit-gradient(linear,left top,right top,from(#fff),to(hsla(0,0%,100%,0)));background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0));content:"";height:200px;position:absolute;width:200px;z-index:2}.ourClients .slider:after{right:0;top:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.ourClients .slider:before{left:0;top:0}.ourClients .slider .slide-track-left,.ourClients .slider .slide-track-right{display:flex}.ourClients .slider .slide-track-left{width:5500px}.ourClients .slider .slide-track-right{width:6000px}.ourClients .slider .slide-track-left{-webkit-animation:scroll 50s linear infinite;animation:scroll 50s linear infinite}.ourClients .slider .slide-track-right{-webkit-animation:scroll-right 50s linear infinite;animation:scroll-right 50s linear infinite}.ourClients .slider .slide{height:200px;width:250px;display:flex;justify-content:center;align-items:center}.ourClients .slider .slide img{max-width:70%;max-height:90%;-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.8;margin:0 auto}.ourClients .slider .slide img:hover{-webkit-filter:grayscale(0);filter:grayscale(0);opacity:1}.ourClients .slider .slide .large{max-width:90%;max-height:90%}.ourClients .slider .slide .small{max-width:55%;max-height:55%}@media screen and (max-width:768px){.ourClients .ourClientsDiv{display:none}}.ourClients .ourClientsDiv-mobile{display:none;width:80%;margin:0 auto}@media screen and (max-width:768px){.ourClients .ourClientsDiv-mobile{display:block;width:100%}}.ourClients .ourClientsDiv-mobile .slick-dots{bottom:4%}.ourClients .ourClientsDiv-mobile .slick-dots li{margin:0}.ourClients .ourClientsDiv-mobile .slick-dots li button:before{color:#e3e3e3;opacity:1;font-size:10px}.ourClients .ourClientsDiv-mobile .slick-dots li.slick-active button:before{color:#4fc2c3;opacity:1}.ourClients .ourClientsDiv-mobile .clientsSection{display:flex;justify-content:center;align-items:center;text-align:center;margin:5px;padding:15px 0;width:100%}@media screen and (max-width:768px){.ourClients .ourClientsDiv-mobile .clientsSection{padding:20px 0}}.ourClients .ourClientsDiv-mobile .clientsSection .details{overflow:auto;margin-bottom:1rem}.ourClients .ourClientsDiv-mobile .clientsSection .projectLogo{height:100px;display:flex;flex-direction:column;justify-content:center}.ourClients .ourClientsDiv-mobile .clientsSection .projectLogo img{align-self:center;margin:0 auto;padding:20px 0;width:100px}.ourClients .ourClientsDiv-mobile .clientsSection .stores{width:80%;display:flex;justify-content:center;align-items:center;margin:0 auto;padding:10px 0}.ourClients .ourClientsDiv-mobile .clientsSection .stores img{margin:0 auto;width:80%}.ourClients .ourClientsDiv-mobile .clientsSection .projectImg{width:90%;height:200px;align-self:center;margin:0 auto;padding:20px 0}@media screen and (max-width:768px){.ourClients .ourClientsDiv-mobile .clientsSection .projectImg{max-width:100%;max-height:100%}.ourClients .ourClientsDiv-mobile .clientsSection .projectImg.small{max-width:65%;max-height:65%}}.ourClients .ourClientsDiv-mobile .clientsSection .musaned{max-width:75%;max-height:75%}.ourClients .ourClientsDiv-mobile .clientsSection p{width:90%;margin:0 auto;font-family:NeoSansArabic-lighter;font-weight:700;color:#828282;font-size:18px}@media screen and (max-width:768px){.ourClients .ourClientsDiv-mobile .clientsSection p{font-size:16px;margin:5px auto}}@media screen and (max-width:320px){.ourClients .ourClientsDiv-mobile .clientsSection p{font-size:14px}}@-webkit-keyframes float{0%{-webkit-transform:translatey(0);transform:translatey(0)}50%{-webkit-transform:translatey(20px);transform:translatey(20px)}to{-webkit-transform:translatey(0);transform:translatey(0)}}@keyframes float{0%{-webkit-transform:translatey(0);transform:translatey(0)}50%{-webkit-transform:translatey(20px);transform:translatey(20px)}to{-webkit-transform:translatey(0);transform:translatey(0)}}.teamWorks{height:100%}@media screen and (max-width:768px){.teamWorks{display:flex;flex-direction:column}}.teamWorks .floatAnimation{-webkit-animation:float 6s ease-in-out infinite;animation:float 6s ease-in-out infinite}.teamWorks .teamWorksContent{margin-right:10%;text-align:right;z-index:1}@media screen and (max-width:768px){.teamWorks .teamWorksContent{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-right:0;margin-bottom:75px}}.teamWorks .teamWorksContent h1{padding-top:8%;color:#44adc1;font-family:NeoSansArabic-bold;font-size:55px}@media screen and (max-width:768px){.teamWorks .teamWorksContent h1{padding-top:100px;font-size:35px;padding-bottom:20px;margin:0}}.teamWorks .teamWorksContent p{padding-top:1%;font-size:20px;font-family:NeoSansArabic-lighter;font-weight:700;color:#828282;line-height:1.67;width:50%}@media screen and (max-width:768px){.teamWorks .teamWorksContent p{text-align:center;font-family:NeoSansArabic;font-weight:400;width:75%;top:10%;position:relative;margin:0 auto;font-size:18px;line-height:1.94}}.teamWorks .teamWorksImage{position:relative;width:80%;margin:0 auto}@media screen and (max-width:768px){.teamWorks .teamWorksImage{position:unset;width:95%}}.teamWorks .teamWorksImage .images{display:flex;position:relative;width:100%;height:90%}@media screen and (max-width:768px){.teamWorks .teamWorksImage .images{display:none}}.teamWorks .teamWorksImage .images .girlCloud,.teamWorks .teamWorksImage .images .manCloud{width:56%}@media screen and (max-width:768px){.teamWorks .teamWorksImage .images .girlCloud,.teamWorks .teamWorksImage .images .manCloud{max-width:90%;max-height:90%}}.teamWorks .teamWorksImage .images .girlCloud{align-self:flex-end;margin-right:-16%;margin-bottom:-1.5%}.teamWorks .teamWorksImage .images .manCloud{margin-top:-.5%}@media screen and (max-width:768px){.teamWorks .teamWorksImage .images .manCloud{margin-right:2%}}.teamWorks .teamWorksImage .cloud{position:absolute;left:50px;top:0;width:20%}.teamWorks .teamWorksImage .team-m{display:none}@media screen and (max-width:768px){.teamWorks .teamWorksImage .team-m{display:block;margin:0 auto;width:95%}}.news{position:relative;height:100%;-webkit-animation:fadein .6s;animation:fadein .6s;padding-bottom:20px}.news .sawah{position:absolute;top:1.35%;right:53%;width:30%;z-index:-1}@media screen and (max-width:1024px) and (min-width:768px){.news .sawah{top:1.2%;right:55%}}@media screen and (max-width:768px){.news .sawah{display:none}}.news .newsSection{width:100%;margin:0 auto;padding-top:10%;text-align:right;display:flex;flex-direction:column}@media screen and (max-width:768px){.news .newsSection{text-align:center;width:100%;padding-top:25%}}.news .newsSection .eachNews{height:70%;width:70%;margin:0 auto;display:flex;flex-direction:column}@media screen and (max-width:768px){.news .newsSection .eachNews{width:75%;align-items:center}}.news .newsSection .eachNews .date,.news .newsSection .eachNews .dateReverse{width:80px;height:100%;border-radius:5px;background-color:rgba(188,188,197,.23);display:flex;flex-direction:column;justify-content:center;text-align:center;margin:0 0 10px;padding:8px 0}.news .newsSection .eachNews .date p,.news .newsSection .eachNews .dateReverse p{margin:0;font-size:20px;font-family:NeoSansArabic-bold;color:#828282}.news .newsSection .eachNews .date p:nth-child(2),.news .newsSection .eachNews .dateReverse p:nth-child(2){font-size:20px;line-height:1.2}.news .newsSection .eachNews .date p:first-child,.news .newsSection .eachNews .dateReverse p:first-child{margin-bottom:-5px}@media screen and (max-width:768px){.news .newsSection .eachNews .date,.news .newsSection .eachNews .dateReverse{width:80px;height:100%;border-radius:5px;background-color:rgba(188,188,197,.23);display:flex;flex-direction:column;justify-content:center;margin:10px}.news .newsSection .eachNews .date p:nth-child(2),.news .newsSection .eachNews .dateReverse p:nth-child(2){line-height:1.4}}.news .newsSection .eachNews .dateReverse{align-self:flex-end;margin-left:4%}@media screen and (max-width:768px){.news .newsSection .eachNews .dateReverse{align-self:center}}.news .newsSection .eachNews .newsContent{padding-top:10px}.news .newsSection .eachNews .newsContent h1{font-size:45px;font-family:NeoSansArabic-bold;line-height:1.29;color:#44adc1;width:70%}@media screen and (max-width:768px){.news .newsSection .eachNews .newsContent h1{font-size:35px;font-weight:700;line-height:1.29;color:#44adc1;width:100%}}.news .newsSection .eachNews .newsContent p{font-family:NeoSansArabic-lighter;width:50%;font-size:18px;font-weight:300;line-height:1.25;color:#828282}.news .newsSection .eachNews .newsContent p a{color:inherit}@media screen and (max-width:768px){.news .newsSection .eachNews .newsContent p{font-size:18px;font-weight:300;line-height:1.94;color:#5c5d60;width:100%}}.news .newsSection .eachNews .media,.news .newsSection .eachNews .mediaReverse{display:flex;justify-content:space-between}.news .newsSection .eachNews .media .newsImg,.news .newsSection .eachNews .mediaReverse .newsImg{padding:10px 0}.news .newsSection .eachNews .media{width:95%}@media screen and (max-width:768px){.news .newsSection .eachNews .media{flex-direction:column;justify-content:center;align-items:center}}.news .newsSection .eachNews .media .newsImg{text-align:center;width:80%;height:400px}@media screen and (max-width:768px){.news .newsSection .eachNews .media .newsImg{width:auto;height:100%}}.news .newsSection .eachNews .media .newsImg img{box-shadow:0 2px 65px 0 hsla(0,0%,84.3%,.43);max-width:100%;max-height:100%}.news .newsSection .eachNews .mediaReverse{flex-direction:row-reverse;width:95%;padding-left:10%}@media screen and (max-width:768px){.news .newsSection .eachNews .mediaReverse{padding-left:0;flex-direction:column;justify-content:center;align-items:center}}.news .newsSection .eachNews .mediaReverse .newsImg{width:85%;height:400px}@media screen and (max-width:768px){.news .newsSection .eachNews .mediaReverse .newsImg{width:auto;height:100%}}.news .newsSection .eachNews .mediaReverse .newsImg img{box-shadow:0 2px 65px 0 hsla(0,0%,84.3%,.43);max-width:100%;max-height:100%}.news .newsSection .eachNews .lineContent{display:flex;width:80px;position:relative}@media screen and (max-width:768px){.news .newsSection .eachNews .lineContent{width:auto}}.news .newsSection .eachNews .lineContent .contentDiv{height:240px;align-self:flex-end;margin:5px}@media screen and (max-width:768px){.news .newsSection .eachNews .lineContent .contentDiv{display:none}}.news .newsSection .eachNews .lineContent .contentDiv p{font-size:18px;font-family:NeoSansArabic-bold;color:#bcbcc5;height:95%;margin:0 -8% 0 0;-webkit-writing-mode:tb-rl;-ms-writing-mode:tb-rl;writing-mode:tb-rl;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.news .newsSection .eachNews .lineContent .lineDiv{display:flex;align-items:center;flex-direction:column;margin-bottom:10px}.news .newsSection .eachNews .lineContent .lineDiv .lineDots{width:14px;height:14px;background-color:#3b9cbf;border-radius:100%}.news .newsSection .eachNews .lineContent .lineDiv .line{margin-top:-3px;width:2px;height:400px;border:1px solid #3b9cbf}@media screen and (max-width:768px){.news .newsSection .eachNews .lineContent .lineDiv .line{width:1px;height:109px;border:1px solid #3b9cbf}}.news .socialMediaNews{position:fixed;top:75vh;right:1.6%}@media screen and (max-width:768px){.news .socialMediaNews{display:none}}.news .socialMediaNews ul{list-style:none;display:flex;flex-direction:column;justify-content:center;margin:0 auto;padding:0}.news .socialMediaNews ul li{padding-bottom:15px}.news .socialMediaNews ul li img{width:30px}.footer{height:70vh;background-color:#fff;background-image:-webkit-gradient(linear,left bottom,left top,from(#ecf4fb),to(hsla(0,0%,100%,0)));background-image:linear-gradient(0deg,#ecf4fb,hsla(0,0%,100%,0));display:flex;align-items:flex-end}@media screen and (max-width:768px){.footer{flex-direction:column;height:100%;padding-top:100px;padding-bottom:20px}}.footer .footerContent{display:flex;text-align:right;margin:0 auto;justify-content:space-between;width:80%}@media screen and (max-width:768px){.footer .footerContent{flex-direction:column;text-align:center}}@media screen and (max-width:1024px) and (min-width:768px){.footer .footerContent{width:90%}}.footer .footerContent div:first-child{display:flex}@media screen and (max-width:768px){.footer .footerContent div:first-child{flex-direction:column;text-align:center}}.footer .footerContent .company,.footer .footerContent .connectUs,.footer .footerContent .services{display:flex;flex-direction:column;padding:0 50px;margin-bottom:75px}@media screen and (max-width:768px){.footer .footerContent .company,.footer .footerContent .connectUs,.footer .footerContent .services{margin-bottom:25px}}.footer .footerContent .company h5,.footer .footerContent .connectUs h5,.footer .footerContent .services h5{color:#3b9cbf;font-family:NeoSansArabic-bold;margin-bottom:25px}@media screen and (max-width:768px){.footer .footerContent .company h5,.footer .footerContent .connectUs h5,.footer .footerContent .services h5{margin-bottom:15px}}.footer .footerContent .company a,.footer .footerContent .connectUs a,.footer .footerContent .services a{text-decoration:none;color:#828282;line-height:2.3;font-size:20px;font-family:NeoSansArabic-lighter;cursor:pointer}@media screen and (max-width:768px){.footer .footerContent .company a,.footer .footerContent .connectUs a,.footer .footerContent .services a{font-size:16px;line-height:2.5}}.footer .footerContent .company div{display:flex;flex-direction:column}@media screen and (max-width:768px){.footer .footerContent .company div{flex-direction:row;justify-content:center}}@media screen and (max-width:768px){.footer .footerContent .company{display:block}.footer .footerContent .company a{padding:0 10px}}.footer .footerContent .socialMedia ul{width:100%;list-style:none;display:flex;padding:0;margin-bottom:.3rem}@media screen and (max-width:768px){.footer .footerContent .socialMedia ul{justify-content:center}}.footer .footerContent .socialMedia ul li{padding-left:15px}@media screen and (max-width:768px){.footer .footerContent .socialMedia ul li{padding:0 10px}}.footer .footerContent .socialMedia ul li a img{width:33px}.footer .footerContent .socialMedia ul:last-child{flex-direction:column;margin-top:10px}.footer .footerContent .socialMedia ul:last-child a{display:flex}.footer .footerContent .socialMedia ul:last-child a p{margin:auto 10px}.footer .footerContent .copyright{align-self:flex-end}@media screen and (max-width:768px){.footer .footerContent .copyright{align-self:center}}.footer .footerContent .copyright div{align-self:flex-end;text-align:left}.footer .footerContent .copyright div p{color:#828282;font-size:18px;font-family:NeoSansArabic-lighter}.footer .footerContent .copyright div p span{padding-left:10px}.footer .footerContent .copyright div p img{width:30px}.en{direction:ltr}@media screen and (min-width:769px){.en .ourVisionContent{text-align:left;padding-right:0;padding-left:10%}.en .ourClients,.en .ourServices,.en .ourWay,.en .teamWorks{text-align:left}.en .ourClients h1,.en .ourServices h1,.en .ourWay h1,.en .teamWorksContent{margin-right:0;margin-left:10%}.en .footerContent,.en .teamWorksContent{text-align:left}.en .footerContent .copyright{direction:rtl}.en .footerContent .connectUs .socialMedia li{padding-left:0;padding-right:15px}}.en .news,.en nav{direction:rtl}.en .logo{text-align:left;padding-right:0!important;padding-left:.3rem!important}@media screen and (max-width:768px){.en .menu-toggle{left:unset;right:18px}}.en .navLeft div img{margin-right:0;margin-left:-26px}.en .navLeft button{margin-right:0;margin-left:16px;width:150px}@media screen and (max-width:768px){.en .startYourProjectButton{font-size:11px;width:120px}}.en .homeHeader h1{font-size:40px}@media screen and (max-width:769px){.en .homeHeader h1{font-size:24px;width:unset}}@media screen and (max-width:1700px){.en .home .homeHeader .header br{display:block!important}}.en .projectDetails{text-align:left}.en .projectDetails .service img{margin-left:0;margin-right:.5rem}.en .ourVisionImg{text-align:right;right:0;left:unset}.en .ourServices-l-outer{right:unset}.en .ourServices-l-outer .ourServices-l{right:unset;margin-left:8%;-webkit-transition:left .5s;transition:left .5s}.en .ourServices-l-outer .eachService{height:100%}.en .ourServices-l-outer .eachService img{height:36px}.en .ourServices-l-outer .eachService h5{height:50px}.en .ourServices-l-outer .eachService p{line-height:1.7}@media screen and (max-width:768px){.en .ourWayContent{direction:rtl}}.en .ourWayImgDiv{left:unset;right:0}.en .ourWayImgDiv .first-way{-webkit-transform:scaleX(-1);transform:scaleX(-1)}@media screen and (max-width:768px){.en .ourWayImgDiv .first-way{left:unset;right:0}}.en .ourWayImg.last-way{left:unset;right:15%}@media screen and (max-width:768px){.en .ourWayImg.last-way{left:50%;right:unset}}.en .ourWayContent .slider,.en .ourWayContent .sliderContent{right:unset;left:6%}@media screen and (max-width:769px){.en .ourWayContent .slider,.en .ourWayContent .sliderContent{left:unset}}@media screen and (max-width:769px){.en .ourWayContent .sliderContent{left:unset;right:6%}}.en .eachWay.active .eachWayNum h1,.en .eachWay .eachWayNum h1{padding-left:0;padding-right:20px}@media screen and (max-width:769px){.en .eachWay.active .eachWayNum h1,.en .eachWay .eachWayNum h1{padding-right:0}}@media screen and (max-width:768px){.en .ourWay .eachWay .eachWayContent p{font-size:16px;direction:ltr}}.en .ourClientsDiv,.en .teamWorksImage{direction:rtl}.en .infoSection select,.en .infoSection select.error{background-position-x:650px!important}@media screen and (max-width:768px){.en .infoSection select{background-position-x:125px!important}.en .infoSection select.error{background-position-x:115px!important}}.en .infoSection #projectForm .input.error,.en .infoSection #projectForm .textarea-input.error{background:url(/static/media/ic-error.ae90b0d0.svg) no-repeat 100%;background-position-x:655px!important;background-size:18px}@media screen and (max-width:768px){.en .infoSection #projectForm .input.error,.en .infoSection #projectForm .textarea-input.error{background-position-x:270px!important}}.en .infoSection #projectForm #email.error{background-position-x:655px!important}@media screen and (max-width:768px){.en .infoSection #projectForm #email.error{background-position-x:270px!important}}.en .infoSection #projectForm #mobileNumber.error{background-position-x:497px!important}@media screen and (max-width:768px){.en .infoSection #projectForm #mobileNumber.error{background-position-x:168px!important}}.en .infoSection #projectForm #countryCode.error{background-position-x:115px!important}@media screen and (max-width:768px){.en .infoSection #projectForm #countryCode.error{background-position-x:58px!important}}.en .infoSection #projectForm .errorMessage{text-align:left}.en .infoSection #projectForm .mobileNumber{flex-direction:row-reverse}.en .infoSection #projectForm #countryCode{text-align:left}.en .copyright span{padding-left:0;padding-right:10px}.click-marsool{font-size:14px!important;bottom:15%;right:33%;cursor:pointer}@media screen and (max-width:1024px) and (max-height:1366px){.click-marsool{bottom:7%}}@media screen and (max-width:1024px) and (max-height:768px){.click-marsool{bottom:12%}}@media screen and (max-width:1366px) and (max-height:1024px){.click-marsool{bottom:11%}}.click-effect,.click-effect:after{background-color:#4fc2c3;border-radius:100%}.click-effect{position:absolute;display:block;height:8px;width:8px}@media screen and (max-width:768px){.click-effect{display:none}}.click-effect:after{position:absolute;top:50%;left:50%;display:block;content:"";height:22px;width:22px;margin:-11px 0 0 -11px;animation:pulsate 2s linear;-webkit-animation:pulsate 2s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.parallax-class{position:absolute;width:100%;height:100%}.parallax-class .parallax-inner{height:100%}@-webkit-keyframes pulsate{0%{-webkit-transform:scale(0);opacity:.05}20%{-webkit-transform:scale(.9);opacity:.2}30%{-webkit-transform:scale(1.1);opacity:.3}50%{-webkit-transform:scale(1.4);opacity:0}80%{-webkit-transform:scale(1.4);opacity:0}to{-webkit-transform:scale(1.4);opacity:0}}@keyframes pulsate{0%{-webkit-transform:scale(0);transform:scale(0);opacity:.05}20%{-webkit-transform:scale(.9);transform:scale(.9);opacity:.2}30%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.3}50%{-webkit-transform:scale(1.4);transform:scale(1.4);opacity:0}80%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0}to{-webkit-transform:scale(1.4);transform:scale(1.4);opacity:0}}
/*# sourceMappingURL=main.a706bda9.chunk.css.map */