-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathapp.bd72ebd9.css
1 lines (1 loc) · 38.9 KB
/
app.bd72ebd9.css
1
*,:after,:before{margin:0;padding:0;box-sizing:border-box}ul{list-style:none}@-webkit-keyframes moveUp{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.navbar{display:flex;flex-flow:row nowrap;box-shadow:0 3px 6px 0 rgba(0,0,0,.2);position:fixed;top:0;width:100%;padding:2px 10px;z-index:1000;font-size:20px;background:#fff;overflow:visible}.navbar,.navbar .toggleIcon{transition:all .5s ease-in-out}.navbar .toggleIcon{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:0;animation-delay:0;display:flex;justify-content:center;align-items:center;font-size:25px;display:none;padding:10px}.navbar .toggleIcon i{cursor:pointer}@media (max-width:768px){.navbar .toggleIcon{display:flex}}.navbar ul{display:flex;flex-flow:row nowrap;padding:10px;-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:0;animation-delay:0}.navbar ul li{margin:5px;display:flex;justify-content:center;align-items:center}.navbar ul li a{cursor:pointer;transition:all .5s ease-in-out;border-radius:15px;padding:5px 20px;color:#000;text-decoration:none}.navbar ul li a.active,.navbar ul li a:hover{background:#1976d2;color:#fff}@media (max-width:768px){.navbar ul{position:absolute;z-index:-10;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;background-color:#fff;left:0;right:0;top:80px;height:-webkit-max-content;height:-moz-max-content;height:max-content}}@media (max-width:768px) and (max-width:768px){.navbar ul{top:70px}}@media (max-width:768px) and (max-width:596px){.navbar ul{top:60px}}@media (max-width:768px){.navbar ul.hide{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:0;animation-delay:0}.navbar ul.hide,.navbar ul.show{-webkit-animation-duration:.3s;animation-duration:.3s}.navbar ul.show{visibility:visible;-webkit-animation-name:fadeInDown;animation-name:fadeInDown;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:0;animation-delay:0;z-index:2000}.navbar ul.hidden{display:none}.navbar ul li{padding:20px}}.navbar .logoContainer{display:flex;justify-content:center;align-items:center;-webkit-margin-end:auto;margin-inline-end:auto;max-width:245px;padding:10px}.navbar .logoContainer img{width:60%;max-width:230px}@media (max-width:768px){.navbar .logoContainer{width:200px}}@media (max-width:596px){.navbar .logoContainer{width:150px}}@media (max-width:768px){.navbar{overflow:visible}}.navbar.Home{background:transparent}.navbar.Home .toggleIcon,.navbar.Home ul li a{color:#fff}@media (max-width:768px){.navbar.Home ul li a{color:#000}.navbar.Home ul li a.active,.navbar.Home ul li a:hover{background:#1976d2;color:#fff}}@media (max-width:992px){.navbar{font-size:15px}}.wav{position:relative;min-height:160px;background:transparent;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.wav img{position:absolute;bottom:-5px;min-width:100vw;margin:0;padding:0;z-index:1}footer{margin-top:auto;background:#1976d2;position:relative;z-index:3000;overflow-x:hidden}footer .cols_container{-webkit-margin-end:auto;margin-inline-end:auto;-webkit-margin-start:auto;margin-inline-start:auto;max-width:1400px;display:flex;justify-content:center;flex-flow:row wrap}footer .cols_container .col{flex-basis:clac(100%/3);color:#fff;font-size:25px;flex-flow:column nowrap;padding-top:20px;padding-bottom:20px;display:flex;justify-content:center;align-items:center;justify-content:flex-start;flex-grow:1}footer .cols_container .col ul li{padding:25px 10px}footer .cols_container .col ul li a{color:#fff;text-decoration:none}footer .cols_container .col:first-of-type{flex-flow:column nowrap}footer .cols_container .col:first-of-type ul{display:flex;flex-flow:column nowrap;justify-content:space-between}footer .cols_container .col:nth-of-type(2){-webkit-margin-start:15px;margin-inline-start:15px;align-items:flex-start}footer .cols_container .col:nth-of-type(2) ul{font-size:30px;font-weight:700}footer .cols_container .col:nth-of-type(2) p{padding-top:15px;direction:ltr}footer .cols_container .col:nth-of-type(2) p a{display:flex;justify-content:center;align-items:center;color:#fff;text-decoration:none;transition:all .5s ease-in-out}footer .cols_container .col:nth-of-type(2) p a:hover{transform:scale(1.02)}@media (max-width:596px){footer .cols_container .col:nth-of-type(2) p a{font-size:16px}}footer .cols_container .col:nth-of-type(2) p i{vertical-align:middle;-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px}footer .cols_container .col:nth-of-type(2) .social_accounts{display:flex;justify-content:center;align-items:center;min-width:50%;flex-flow:row wrap;margin-top:25px}footer .cols_container .col:nth-of-type(2) .social_accounts a{color:#fff;display:inline-block;margin:10px 20px;font-size:25px;transition:transform .5s ease-in-out}footer .cols_container .col:nth-of-type(2) .social_accounts a:hover{transform:scale(1.2)}footer .cols_container .col:nth-of-type(2) .social_accounts a i{font-weight:900}@media (max-width:768px){footer .cols_container .col:nth-of-type(2){align-items:center}}footer .cols_container .col:nth-of-type(3){justify-content:center}footer .cols_container .col:nth-of-type(3) img{margin-top:30px;width:100%;max-width:300px;margin-bottom:25px}footer .cols_container .col:nth-of-type(3) p{text-align:center}footer .copyRight{padding:10px 0;background:#000;color:#fff;text-align:center;font-size:25px}.hero_section{overflow:hidden;position:relative;display:flex;flex-flow:column nowrap}.hero_section .tsparticles-canvas-el{position:absolute;top:0;bottom:0;right:0;left:0;z-index:-1}.hero_section .content{overflow:hidden;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-bottom:25px;max-width:1400px;padding:10px 15px;width:100%;display:flex;justify-content:center;align-items:center;flex-flow:row wrap;display:none}.hero_section .content .img_side{flex-basis:65%;flex-grow:1;display:flex;justify-content:center;align-items:center}.hero_section .content .img_side img{width:100%}.hero_section .content .desc_side{margin-top:30px;flex-basis:35%;flex-grow:1;display:flex;justify-content:center;align-items:center;flex-flow:column nowrap}.hero_section .content .desc_side p{font-size:35px;text-align:center;font-weight:700;line-height:2;color:#fff}@media (max-width:596px){.hero_section .content .desc_side p{font-size:25px;-webkit-padding-end:10px;padding-inline-end:10px;-webkit-padding-start:10px;padding-inline-start:10px}}@media (max-width:450px){.hero_section .content .desc_side p{font-size:20px}}.hero_section .content .desc_side button{font-family:Droid Arabic Kufi;border:none;outline:none;background:#4caf50;color:#fff;padding:15px 35px;cursor:pointer;transition:all .5s ease-in-out;border:1px solid #4caf50;margin-top:45px;margin-bottom:30px;font-weight:700;padding:15px 60px;border-radius:20px;font-size:18px}.hero_section .content .desc_side button:hover{border:1px solid #4caf50;background:transparent;color:#fff}@media (max-width:596px){.hero_section .content .desc_side button{padding:15px 30px}}@media (max-width:768px){.hero_section .content{flex-flow:column nowrap}}.hero_section .content.hide{position:absolute;-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:0s;animation-delay:0s}.hero_section .content.active,.hero_section .content.hide{display:flex;-webkit-animation-duration:.5s;animation-duration:.5s}.hero_section .content.active{overflow:hidden;-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:0s;animation-delay:0s}.hero_section .three_dots_container{height:30px;width:100%;margin-top:auto;display:flex;justify-content:center;align-items:center}.hero_section .three_dots_container span{transition:all .5s ease-in-out;cursor:pointer;width:20px;height:20px;background:#ddd;border-radius:50%;margin:5px}.hero_section .three_dots_container span.active{background:#4caf50}@media (max-width:768px){.hero_section .three_dots_container{margin-bottom:15px}}.hero_section .hero_footer{height:75px;width:100%;background:linear-gradient(to bottom left,transparent 49.5%,#fff 50%)}@media (max-width:768px){.hero_section .hero_footer{display:none}}.start_your_project{padding-top:30px}.start_your_project p{text-align:center;font-size:50px;font-weight:700}@media (max-width:768px){.start_your_project p{font-size:35px;padding:10px}}@media (max-width:596px){.start_your_project p{font-size:25px}}.start_your_project .content{padding:20px;margin-top:5vh;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;max-width:1400px;display:flex;justify-content:center;align-items:center;flex-flow:row wrap;justify-content:space-around;overflow:hidden}@media (max-width:596px){.start_your_project .content{flex-flow:column nowrap}}.start_your_project .content .desc_side,.start_your_project .content .img_side{flex-basis:40%;flex-grow:1}.start_your_project .content .desc_side{display:flex;justify-content:center;align-items:center;flex-flow:column nowrap}.start_your_project .content .desc_side p{font-size:30px;line-height:1.89}.start_your_project .content .desc_side button{font-size:20px;font-weight:700;margin-top:25px;font-family:Droid Arabic Kufi;border:none;outline:none;background:#1976d2;color:#fff;padding:15px 35px;border-radius:20px;cursor:pointer;transition:all .5s ease-in-out;border:1px solid #1976d2}.start_your_project .content .desc_side button:hover{background:#fff;color:#1976d2}.start_your_project .content .desc_side .social_accounts{display:flex;justify-content:center;align-items:center;flex-flow:row wrap;margin-top:50px}.start_your_project .content .desc_side .social_accounts a{color:#1976d2;display:inline-block;margin:10px 20px;font-size:50px;transition:transform .5s ease-in-out}.start_your_project .content .desc_side .social_accounts a:hover{transform:scale(1.2)}.start_your_project .content .img_side{display:flex;justify-content:center;align-items:center}.start_your_project .content .img_side img{width:100%;max-width:500px}@media (max-width:768px){.start_your_project .content{flex-flow:column-reverse nowrap}.start_your_project .content .desc_side{margin-top:25px}.start_your_project .content .desc_side p{font-size:22px}}.clients_container{background:#f5f7fe;padding-top:25px}.clients_container .clients_content_container{display:flex;justify-content:center;align-items:center;flex-flow:row wrap;align-items:stretch;overflow:hidden;-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px;min-height:90vh}.clients_container .clients_content_container .clientBox_article{overflow:hidden;display:flex;justify-content:center;align-items:center;flex-grow:1;max-width:400px;flex-flow:column nowrap;border-radius:20px;box-shadow:0 3px 13px 0 rgba(0,0,0,.2);background:#fff;margin:20px;padding:10px 20px;transition:transform .5s ease-in-out;text-align:center}.clients_container .clients_content_container .clientBox_article .images_container{position:relative;max-width:250px}.clients_container .clients_content_container .clientBox_article .images_container img{width:100%;border-radius:50%;box-shadow:2px 2px 7px 1px rgba(0,0,0,.3)}.clients_container .clients_content_container .clientBox_article .images_container img.company_logo{position:absolute;width:75px;height:75px;bottom:1%;right:1%;box-shadow:none}.clients_container .clients_content_container .clientBox_article .buyerName{padding-top:10px;padding-bottom:20px;font-size:25px;font-weight:900}.clients_container .clients_content_container .clientBox_article .programName{padding-bottom:20px;font-size:20px}.clients_container .clients_content_container .clientBox_article .card_footer{position:relative;width:100%;flex-flow:row wrap;padding-top:5px;display:flex;justify-content:center;align-items:center;margin-top:auto}.clients_container .clients_content_container .clientBox_article .card_footer i{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-padding-end:5px;padding-inline-end:5px;color:#ff9800;font-size:20px}.clients_container .clients_content_container .clientBox_article .card_footer:before{content:"";position:absolute;width:100%;height:2px;top:0;background:hsla(0,0%,43.9%,.419608)}@media (max-width:596px){.clients_container .clients_content_container .clientBox_article{margin:20px 5px;padding:10px}}@media (max-width:768px){.clients_container .clients_content_container{-webkit-padding-start:5px;padding-inline-start:5px;-webkit-padding-end:5px;padding-inline-end:5px}}.aboutus_container{background:#f5f7fe}.aboutus_container .aboutus_content_container{padding:30px}.aboutus_container .aboutus_content_container .about_article p{font-size:25px;margin-top:20px;margin-bottom:20px}.aboutus_container .aboutus_content_container .about_article p:nth-of-type(2){white-space:pre-line;font-size:20px;-webkit-padding-start:100px;padding-inline-start:100px}@media (max-width:768px){.aboutus_container .aboutus_content_container .about_article p:nth-of-type(2){-webkit-padding-start:10px;padding-inline-start:10px;font-size:15px}}.aboutus_container .aboutus_content_container .about_article p a{color:inherit;text-decoration:none}@media (max-width:768px){.aboutus_container .aboutus_content_container .about_article p{font-size:20px}}.contact_section{position:relative;padding-top:25px;display:flex;justify-content:center;align-items:center;flex-direction:column}.contact_section .tsparticles-canvas-el{position:absolute;top:0;bottom:0;right:0;left:0;z-index:-1}.contact_section .contact_Content{overflow-x:hidden;padding:20px 5px;background:#fff;width:95%;max-width:1000px;border-radius:25px;display:flex;flex-flow:row wrap;justify-content:center;align-items:flex-start}.contact_section .contact_Content form{overflow-x:hidden;flex-basis:65%;flex-grow:1;display:flex;flex-flow:row wrap}.contact_section .contact_Content form input{flex-basis:45%;flex-grow:1}@media (max-width:596px){.contact_section .contact_Content form input{flex-basis:100%}}.contact_section .contact_Content form input,.contact_section .contact_Content form textarea{overflow:hidden;font-size:18px;border:none;outline:none;padding:20px 15px;-webkit-margin-end:2.5%;margin-inline-end:2.5%;-webkit-margin-start:2.5%;margin-inline-start:2.5%;margin-top:15px;margin-bottom:15px;border-radius:15px;background:rgba(233,238,255,.78)}.contact_section .contact_Content form input::-moz-placeholder,.contact_section .contact_Content form textarea::-moz-placeholder{direction:rtl;text-align:right}.contact_section .contact_Content form input:-ms-input-placeholder,.contact_section .contact_Content form textarea:-ms-input-placeholder{direction:rtl;text-align:right}.contact_section .contact_Content form input::placeholder,.contact_section .contact_Content form textarea::placeholder{direction:rtl;text-align:right}.contact_section .contact_Content form div,.contact_section .contact_Content form input[name=title],.contact_section .contact_Content form input[type=email],.contact_section .contact_Content form textarea{flex-basis:100%}.contact_section .contact_Content form div{-webkit-margin-end:2.5%;margin-inline-end:2.5%;-webkit-margin-start:1.5%;margin-inline-start:1.5%;overflow:hidden}.contact_section .contact_Content form div iframe{width:100%}@media (max-width:596px){.contact_section .contact_Content form div{-webkit-margin-end:5px;margin-inline-end:5px;-webkit-margin-start:5px;margin-inline-start:5px;display:flex;justify-content:center;align-items:center}}.contact_section .contact_Content form textarea{resize:none;height:150px}.contact_section .contact_Content form button{cursor:pointer;font-weight:700;font-size:18px;border:none;outline:none;background:#1976d2;color:#fff;padding:10px 50px;border-radius:20px;margin-top:15px;-webkit-margin-end:auto;margin-inline-end:auto;-webkit-margin-start:2.5%;margin-inline-start:2.5%}@media (max-width:768px){.contact_section .contact_Content form button{-webkit-margin-end:0;margin-inline-end:0}}.contact_section .contact_Content form button[disabled]{opacity:.5;cursor:not-allowed}.contact_section .contact_Content .desc_side{flex-basis:35%;flex-grow:1;display:flex;justify-content:center;align-items:center;flex-direction:column}.contact_section .contact_Content .desc_side p{text-align:center}.contact_section .contact_Content .desc_side p a{display:flex;justify-content:center;align-items:center;text-decoration:none;color:#1976d2;transition:all .5s ease-in-out}.contact_section .contact_Content .desc_side p a:hover{transform:scale(1.02)}.contact_section .contact_Content .desc_side p:first-of-type{padding-top:15px;font-size:30px;font-weight:700;color:#000}.contact_section .contact_Content .desc_side p:not(:first-of-type){margin-top:5px;padding-top:5px;font-size:20px;color:#1976d2;direction:ltr}.contact_section .contact_Content .desc_side p:not(:first-of-type) i{font-size:inherit;vertical-align:middle;-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px}@media (max-width:596px){.contact_section .contact_Content .desc_side p:not(:first-of-type){font-size:16px}}.contact_section .contact_Content .desc_side img{margin:15px;width:100%}@media (max-width:450px){.contact_section .contact_Content .desc_side img{width:90%}}.contact_section .contact_Content .desc_side .social_accounts{display:flex;justify-content:center;align-items:center;flex-flow:row wrap}.contact_section .contact_Content .desc_side .social_accounts a{color:#1976d2;display:inline-block;margin:5px 20px;font-size:25px;transition:transform .5s ease-in-out}.contact_section .contact_Content .desc_side .social_accounts a:hover{transform:scale(1.2)}@font-face{font-family:Droid Arabic Kufi;font-style:normal;font-weight:400;src:url(../fonts/DroidKufi-Regular.fd8d5b98.eot);src:url(../fonts/DroidKufi-Regular.fd8d5b98.eot) format("embedded-opentype"),url(../fonts/DroidKufi-Regular.436938da.woff2) format("woff2"),url(../fonts/DroidKufi-Regular.0b2c0e74.woff) format("woff"),url(../fonts/DroidKufi-Regular.a9b030e2.ttf) format("truetype")}@font-face{font-family:Droid Arabic Kufi;font-style:bold;font-weight:700;src:url(../fonts/DroidKufi-Bold.da270dfc.eot);src:url(../fonts/DroidKufi-Bold.da270dfc.eot) format("embedded-opentype"),url(../fonts/DroidKufi-Bold.4650b9f9.woff2) format("woff2"),url(../fonts/DroidKufi-Bold.be72cfff.woff) format("woff"),url(../fonts/DroidKufi-Bold.1b89eb34.ttf) format("truetype")}body{direction:rtl;display:flex;flex-flow:column nowrap;font-family:Droid Arabic Kufi;overflow-x:hidden!important;min-height:100vh}.local_navbar div,.navbar{height:83px}@media (max-width:768px){.local_navbar div,.navbar{height:70px}}@media (max-width:596px){.local_navbar div,.navbar{height:60px}}.aboutus_container .aboutus_content_container,.clients_container .clients_content_container,.contact_section .contact_Content,.hero_section .content,.NotFoundContainer article,.project_header .img_container,.projects_Container{margin-top:80px}@media (max-width:768px){.aboutus_container .aboutus_content_container,.clients_container .clients_content_container,.contact_section .contact_Content,.hero_section .content,.NotFoundContainer article,.project_header .img_container,.projects_Container{margin-top:70px}}@media (max-width:596px){.aboutus_container .aboutus_content_container,.clients_container .clients_content_container,.contact_section .contact_Content,.hero_section .content,.NotFoundContainer article,.project_header .img_container,.projects_Container{margin-top:60px}}::-webkit-scrollbar{width:15px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#5c5c5c;border-radius:25px;border:3px solid #fff;border-top:5px solid #fff}::-webkit-scrollbar-thumb:hover{background:grey}.projects_Container{padding-top:30px;background:#f5f7fe;display:flex;flex-flow:column nowrap;align-items:center}.projects_Container .project{margin:25px;max-width:1000px;border-radius:20px;padding:15px;background:#fff;display:flex;flex-flow:row nowrap;align-items:center}@media (max-width:992px){.projects_Container .project{max-width:none;flex-flow:column nowrap;align-items:center}}@media (max-width:596px){.projects_Container .project{padding:15px 5px;margin:25px 10px}}.projects_Container .project .img_container{min-width:200px;max-width:200px}@media (max-width:992px){.projects_Container .project .img_container{width:95%;max-width:350px}}.projects_Container .project .img_container img{width:100%}.projects_Container .project .description_container{-webkit-margin-start:20px;margin-inline-start:20px}@media (max-width:992px){.projects_Container .project .description_container{text-align:center;-webkit-margin-start:0;margin-inline-start:0}}.projects_Container .project .description_container h3{padding:10px}.projects_Container .project .description_container button{font-weight:700;margin-top:25px;font-family:Droid Arabic Kufi;border:none;outline:none;background:#1976d2;color:#fff;padding:15px 35px;border-radius:20px;cursor:pointer;transition:all .5s ease-in-out;border:1px solid #1976d2}.projects_Container .project .description_container button:hover{background:#fff;color:#1976d2}.Project_Container{position:relative}.Project_Container .wave_container{background:#fff}.Project_Container .wave_container.gray{background:#f5f7fe}.Project_Container article:nth-of-type(n+3){overflow:hidden}.Project_Container article:nth-of-type(n+3) h3{flex-basis:100%;text-align:center;padding:25px 5px;font-size:25px;font-weight:900}@media (max-width:596px){.Project_Container article:nth-of-type(n+3) h3{font-size:20px}}.Project_Container article:nth-of-type(n+3):nth-of-type(odd){background:#f5f7fe}.Project_Container article:nth-of-type(n+3):nth-of-type(2n){background:#fff}#modal .vue-universal-modal{z-index:9999;padding:20px 10px;outline:none;overflow:hidden}#modal .vue-universal-modal .modal_container{text-align:right;background:#fff;width:100%;max-width:1200px;overflow:hidden;max-height:90vh;position:relative}#modal .vue-universal-modal .modal_container .prop-category{background-color:#1976d2;color:#fff;padding-bottom:10px;padding-top:10px;text-align:center}#modal .vue-universal-modal .modal_container .choose_props{display:none;max-height:90vh;overflow-y:auto}#modal .vue-universal-modal .modal_container .choose_props.hide{position:absolute;display:block;-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:0s;animation-delay:0s}#modal .vue-universal-modal .modal_container .choose_props.show{display:block;-webkit-animation-name:fadeInRight;animation-name:fadeInRight;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:0s;animation-delay:0s}#modal .vue-universal-modal .modal_container .choose_props .props_list{background:#f5f7fe;display:flex;flex-flow:row wrap;justify-content:center}#modal .vue-universal-modal .modal_container .choose_props .props_list div{font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;flex-basis:30%;flex-grow:1;margin:10px 5px;background:#fff}#modal .vue-universal-modal .modal_container .choose_props .props_list div section{padding:10px}#modal .vue-universal-modal .modal_container .choose_props .props_list div section input{height:100%;margin:0 5px;max-width:50px;text-align:center}#modal .vue-universal-modal .modal_container .choose_props .props_list div section input::-webkit-inner-spin-button,#modal .vue-universal-modal .modal_container .choose_props .props_list div section input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#modal .vue-universal-modal .modal_container .choose_props .props_list div section i{padding:5px;transition:all .3s ease-in-out}#modal .vue-universal-modal .modal_container .choose_props .props_list div section i.fa-check{color:#4caf50}#modal .vue-universal-modal .modal_container .choose_props .props_list div.hidden{display:none}#modal .vue-universal-modal .modal_container .choose_props .props_list div.disable{cursor:not-allowed}#modal .vue-universal-modal .modal_container .choose_props .props_list div.disable i{opacity:.6}@media (max-width:596px){#modal .vue-universal-modal .modal_container .choose_props .props_list div{flex-basis:90%;font-size:15px}}@media (max-width:450px){#modal .vue-universal-modal .modal_container .choose_props .props_list div{font-size:10px}}#modal .vue-universal-modal .modal_container .choose_props .props_list div.numeric{font-size:16px}#modal .vue-universal-modal .modal_container .choose_props .footer{position:sticky;bottom:0;background:#fff;flex-flow:row wrap;display:flex;justify-content:center;align-items:center;font-size:18px;padding:10px 5px}#modal .vue-universal-modal .modal_container .choose_props .footer p{flex-grow:2;-webkit-padding-start:15px;padding-inline-start:15px}#modal .vue-universal-modal .modal_container .choose_props .footer p bdi{font-weight:900}@media (max-width:596px){#modal .vue-universal-modal .modal_container .choose_props .footer p{-webkit-padding-start:0;padding-inline-start:0;text-align:center}}#modal .vue-universal-modal .modal_container .choose_props .footer .btns_container{padding:20px;-webkit-margin-start:auto;margin-inline-start:auto;display:flex;justify-content:center;align-items:center;justify-content:flex-end;flex-grow:1}#modal .vue-universal-modal .modal_container .choose_props .footer .btns_container button{font-family:Droid Arabic Kufi;cursor:pointer;border:none;outline:none;padding:10px 20px;font-size:inherit;background:none;border-radius:10px}#modal .vue-universal-modal .modal_container .choose_props .footer .btns_container .nextButton{color:#fff;background:#4caf50}#modal .vue-universal-modal .modal_container .choose_props .footer .btns_container .nextButton i{padding:0 5px;transform:rotate(180deg)}@media (max-width:596px){#modal .vue-universal-modal .modal_container .choose_props .footer .btns_container .nextButton i{padding:0}}@media (max-width:596px){#modal .vue-universal-modal .modal_container .choose_props .footer .btns_container{justify-content:center}}@media (max-width:596px){#modal .vue-universal-modal .modal_container .choose_props .footer{font-size:14px}}#modal .vue-universal-modal .modal_container .submit_Container{display:none;overflow-y:auto;max-height:90vh}#modal .vue-universal-modal .modal_container .submit_Container.hide{display:block;position:absolute;top:0;-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:0s;animation-delay:0s}#modal .vue-universal-modal .modal_container .submit_Container.show-up{display:block;-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:0s;animation-delay:0s}#modal .vue-universal-modal .modal_container .submit_Container.show{display:block;-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:0s;animation-delay:0s}#modal .vue-universal-modal .modal_container .submit_Container .base_content{display:flex;flex-flow:row wrap-reverse;justify-content:center}#modal .vue-universal-modal .modal_container .submit_Container .base_content form{flex-grow:1;display:flex;flex-flow:column nowrap}#modal .vue-universal-modal .modal_container .submit_Container .base_content form div{font-size:18px;flex-grow:1;margin:10px 20px;padding:15px;position:relative}#modal .vue-universal-modal .modal_container .submit_Container .base_content form div span{position:absolute;top:0;right:35px;background:#fff;padding:0 10px}@media (max-width:596px){#modal .vue-universal-modal .modal_container .submit_Container .base_content form div span{right:25px}}#modal .vue-universal-modal .modal_container .submit_Container .base_content form div input{font-size:18px;padding:15px 20px;outline:none;width:100%;height:100%;border-radius:5px;border:1px solid hsla(0,0%,43.9%,.419608)}@media (max-width:596px){#modal .vue-universal-modal .modal_container .submit_Container .base_content form div{font-size:14px}}#modal .vue-universal-modal .modal_container .submit_Container .base_content .img_container{flex-grow:1;width:50%;max-width:400px;display:flex;justify-content:center;align-items:center}#modal .vue-universal-modal .modal_container .submit_Container .base_content .img_container img{width:60%}#modal .vue-universal-modal .modal_container .submit_Container .footer{background:#fff;padding:10px 5px;flex-flow:row wrap;font-size:18px;display:flex;justify-content:center;align-items:center}#modal .vue-universal-modal .modal_container .submit_Container .footer p{-webkit-padding-start:15px;padding-inline-start:15px;flex-grow:1}#modal .vue-universal-modal .modal_container .submit_Container .footer p bdi{font-weight:900}@media (max-width:596px){#modal .vue-universal-modal .modal_container .submit_Container .footer p{-webkit-padding-start:0;padding-inline-start:0;text-align:center}}#modal .vue-universal-modal .modal_container .submit_Container .footer .btns_container{flex-grow:1;-webkit-margin-start:auto;margin-inline-start:auto;display:flex;justify-content:center;align-items:center;justify-content:flex-end;padding:20px 10px}#modal .vue-universal-modal .modal_container .submit_Container .footer .btns_container button{font-family:Droid Arabic Kufi;cursor:pointer;border:none;outline:none;padding:10px;font-size:inherit;background:none;border-radius:10px}#modal .vue-universal-modal .modal_container .submit_Container .footer .btns_container .backButton{background:#a8a8a8;color:#fff;-webkit-margin-end:10px;margin-inline-end:10px}#modal .vue-universal-modal .modal_container .submit_Container .footer .btns_container .backButton i{padding:0 5px}@media (max-width:596px){#modal .vue-universal-modal .modal_container .submit_Container .footer .btns_container .backButton i{padding:0}}#modal .vue-universal-modal .modal_container .submit_Container .footer .btns_container .submitButton{color:#fff;background:#4caf50}@media (max-width:596px){#modal .vue-universal-modal .modal_container .submit_Container .footer .btns_container{justify-content:center}}@media (max-width:596px){#modal .vue-universal-modal .modal_container .submit_Container .footer{font-size:14px}}.project_header{padding-top:30px;color:#fff;position:relative;display:flex;justify-content:center;align-items:center;flex-flow:column nowrap}.project_header .tsparticles-canvas-el{position:absolute;top:0;bottom:0;right:0;left:0;z-index:-1}.project_header .img_container{max-width:175px}@media (max-width:596px){.project_header .img_container{max-width:150px}}.project_header .img_container img{width:100%}.project_header h3{text-align:center;font-size:35px;padding:0 10px 20px}@media (max-width:596px){.project_header h3{font-size:20px}}.local_navbar{background-color:#fff;position:sticky;top:0;z-index:2000}.local_navbar div{overflow:hidden;justify-content:center;align-items:center;width:100%;display:flex;flex-flow:row nowrap;justify-content:space-around;align-items:stretch}.local_navbar div a{cursor:pointer;display:flex;justify-content:center;align-items:center;margin:0 5px;text-align:center;flex-grow:1;padding:10px;text-decoration:none;color:#000;font-size:18px}.local_navbar div a:first-of-type,.local_navbar div a:last-of-type{margin:0}.local_navbar div a.downloadLink{color:#fff;background:#4caf50}.local_navbar div a.downloadLink i{font-size:20px;padding:5px 10px}@media (max-width:768px){.local_navbar div a.downloadLink i{padding:5px;font-size:16px}}@media (max-width:768px){.local_navbar div a.hide-md{display:none}}@media (max-width:768px){.local_navbar div a{font-size:14px}}@media (max-width:596px){.local_navbar div a{font-size:12px}}@media (max-width:450px){.local_navbar div a{font-size:10px}}.about_Container{padding-top:20px;padding-bottom:20px}.about_Container .content{padding:10px 20px;display:flex;justify-content:center;flex-flow:row wrap-reverse}.about_Container .content .program_img_container,.about_Container .content .program_spacification{flex-grow:1}.about_Container .content .program_spacification{flex-basis:55%}.about_Container .content .program_spacification p{margin-top:15px;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.about_Container .content .program_spacification p i{color:#1dc8cd;-webkit-padding-end:5px;padding-inline-end:5px}.about_Container .content .program_img_container{display:flex;justify-content:center;align-items:center;flex-basis:45%}@media (max-width:768px){.about_Container .content .program_img_container{flex-basis:90%}}.about_Container .content .program_img_container img{width:100%}.advanteges_Container .specification_container{display:flex;flex-flow:row wrap;justify-content:center}.advanteges_Container .specification_container div{flex-grow:1;padding:10px;margin:10px;display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:flex-start;max-width:310px}.advanteges_Container .specification_container div i{font-size:60px;overflow:hidden;color:#1976d2;margin-top:10px;margin-bottom:10px}.advanteges_Container .specification_container div p:first-of-type{font-weight:900;color:#1976d2}.advanteges_Container .specification_container div p:nth-of-type(2){text-align:center;font-size:14px}.description_video_container{padding:20px 10px 75px}.description_video_container .container{margin:10px auto;display:flex;justify-content:center;align-items:center;max-width:1000px;height:70vh;min-height:275px}@media (max-width:596px){.description_video_container .container{height:30vh}}.description_video_container .container iframe{border-radius:10px;box-shadow:3px 3px 50px rgba(0,0,0,.2);width:100%;height:100%}.pricing_container{padding:30px 10px}.pricing_container .pricing_list{margin:10px auto;max-width:1200px;display:flex;flex-flow:row wrap;justify-content:space-around;align-items:stretch}.pricing_container .pricing_list div.priceCart{background:#1bb5f3;max-width:450px;border-radius:35px 0 35px 0;flex-grow:1;display:flex;justify-content:center;align-items:center;flex-direction:column;align-items:stretch;justify-content:flex-start;margin:10px;margin-bottom:90px;transition:transform .4s ease-in-out,background .5s ease-in-out;position:relative}.pricing_container .pricing_list div.priceCart .header{position:relative;background:#364751;border-radius:35px 0 0 0;margin-bottom:45px;color:#fff;text-align:center}.pricing_container .pricing_list div.priceCart .header h4{position:relative;top:45px;font-size:24px;font-weight:550;z-index:10}.pricing_container .pricing_list div.priceCart .header h4.price{margin-top:auto;font-size:35px;font-weight:700}.pricing_container .pricing_list div.priceCart .header h4.price span{position:absolute;font-size:20px;padding:0 5px}.pricing_container .pricing_list div.priceCart .header .img_container{position:absolute;top:100%;left:0;right:0}.pricing_container .pricing_list div.priceCart .header .img_container svg{height:100%;transform:translateY(-5px)}.pricing_container .pricing_list div.priceCart .content{border-radius:50px 0 35px 0;padding-bottom:5px;display:flex;justify-content:center;align-items:center;flex-direction:column}.pricing_container .pricing_list div.priceCart .content .featuresContainer{padding:5px;width:100%;margin:auto 0;margin-bottom:20px}.pricing_container .pricing_list div.priceCart .content .featuresContainer p{color:#fff;padding:10px 5px;font-weight:700;border-bottom:1px solid #ddd;width:100%}.pricing_container .pricing_list div.priceCart .content .featuresContainer p i{color:#fff;-webkit-padding-end:5px;padding-inline-end:5px}.pricing_container .pricing_list div.priceCart .content .featuresContainer p:last-of-type{border:none}.pricing_container .pricing_list div.priceCart button{align-self:center;background:#fff;color:#000;padding:15px 35px;cursor:pointer;font-size:18px;font-weight:700;border:none;margin-top:auto;margin-bottom:25px;-webkit-clip-path:polygon(10% 17%,100% 0,93% 99%,0 97%);clip-path:polygon(10% 17%,100% 0,93% 99%,0 97%);border-radius:50% 5px 30px 8px}@media (max-width:596px){.pricing_container .pricing_list div.priceCart button{font-size:14px}}.pricing_container .pricing_list div.priceCart button:hover{border:none}.pricing_container .pricing_list div.priceCart:hover{transform:translateY(-15px)}.pricing_container .pricing_list div.priceCart:hover:after{background:rgba(0,0,0,.2)}.pricing_container .pricing_list div.priceCart:after{content:"";width:100%;height:200px;position:absolute;bottom:-150px;left:0;right:0;transform:rotateX(75deg);border-radius:50%;filter:blur(30px);transition:all .3s ease-in-out}.designTouNeeds_container .content{margin:10px auto 0;padding:20px 10px;display:flex;max-width:1000px;flex-flow:row wrap-reverse;justify-content:space-around;overflow:hidden}.designTouNeeds_container .content div{display:flex;justify-content:center;align-items:center;margin:20px;flex-grow:1}.designTouNeeds_container .content div.description{flex-direction:column;flex-basis:35%;text-align:center}.designTouNeeds_container .content div.description img{width:100%}.designTouNeeds_container .content div.description p{margin-top:15px}.designTouNeeds_container .content div.description button{margin-top:20px;margin-bottom:20px;font-family:Droid Arabic Kufi;border:none;outline:none;background:#1976d2;color:#fff;padding:15px 35px;border-radius:20px;cursor:pointer;transition:all .5s ease-in-out;border:1px solid #1976d2;padding:15px 30px;font-size:20px;font-weight:450;border-radius:15px}.designTouNeeds_container .content div.description button:hover{background:#fff;color:#1976d2}.designTouNeeds_container .content div.description button i{padding:0 10px}.designTouNeeds_container .content div.image_container{flex-direction:column;flex-basis:25%}.designTouNeeds_container .content div.image_container img{width:100%;max-width:300px}@media (max-width:768px){.designTouNeeds_container .content div{margin:20px 5px}}@media (max-width:768px){.designTouNeeds_container .content{flex-flow:column-reverse wrap-reverse}}.contact_section .contact_Content .desc_side img,.designTouNeeds_container .content div.image_container img,.project_header .img_container img,.start_your_project .content .img_side img,footer .cols_container .col:nth-of-type(3) img{-webkit-animation-name:moveUp;animation-name:moveUp;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@keyframes moveUp{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.NotFoundContainer .tsparticles-canvas-el{position:absolute;top:0;bottom:0;right:0;left:0;z-index:-1}.NotFoundContainer article{padding:30px 10px 0;position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff}.NotFoundContainer article img{width:80%;max-width:700px}