*,:hover{transition:.3s}.btn,.input-file label{background-color:var(--main-color)}.btn:hover,.dropbtn:hover,.dropdown-content a:hover,.input-file label:hover,.solution .btn:hover{background-color:var(--hover-color)}.btn-container,.center,.empty,.error,.footer,.input-file label,.input-file>section{text-align:center}*,.landing,option{font-family:Cairo}.bg-bottom,.bg-top{animation-duration:5s;animation-fill-mode:forwards;right:0}.bg-bottom,.bg-top,.solution .image{animation-fill-mode:forwards}.bg,.solution .image{overflow:hidden;position:absolute}@font-face{font-family:Cairo;src:url('../fonts/Cairo/Cairo-VariableFont_slnt\,wght.ttf')}:root{--main-color:#174EC6;--second-color:#4BB5CF;--hover-color:#5DD8D1;--dark-color:#001B40;--font-color:#7D7D7D;--light-color:#F4F4F4;--white-color:#fff}*{margin:0;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}body{color:var(--font-color);overflow-x:hidden}header{color:var(--main-color)}a{text-decoration:none;color:inherit}a:hover{color:var(--hover-color)}.btn,.input-file label{color:var(--light-color)}.special p,img{width:100%}ul{display:flex;list-style:none}form{padding:2rem}.dropdown-content.show,label{display:block}input:not(input[type = 'checkbox']),select,textarea{padding:1rem;min-height:3rem;width:100%;border:.1rem solid #ddd;margin:.5rem auto 1.5rem}textarea{height:10rem;resize:none}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:0;border-color:var(--hover-color);transition:0}.input-file{border:.1rem solid #ddd;padding:2rem 1rem;cursor:pointer}.input-file label{padding:.5rem;font-family:sans-serif;border-radius:.3rem;cursor:pointer;width:10rem;margin:1rem auto 0}.btn,.dropbtn{border:none;cursor:pointer}.input-file>section i{font-size:3rem;line-height:0}.responsive{display:none}.center{display:flex;flex-direction:column;justify-content:center;align-items:center}.btn{padding:.5rem 2rem;font-weight:600}.btn:hover,.dropbtn:hover{color:var(--light-color)}.page{min-height:80vh;padding:1rem 5%}.copyright{color:var(--font-color);font-size:.8rem}.empty,.landing .btn-container,ul .responsive .dropdown .dropbtn{font-size:1.5rem}.error{color:red;margin:1rem 0}.empty{min-height:40vh}.navbar{position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar nav{padding:1rem 5%;display:flex;justify-content:space-between;align-items:center}.navbar nav .logo{width:4rem}.navbar nav ul{gap:2rem}.navbar nav>ul>li:not(.responsive){display:flex;align-items:center}.navbar nav>ul>li i{font-size:2.5rem;line-height:0;margin:0 1rem}@keyframes show{0%{right:-500px}100%{right:0}}@keyframes hide{0%{right:0}100%{right:-500px}}@keyframes show-eng{0%{left:-500px}100%{left:0}}@keyframes hide-eng{0%{left:0}100%{left:-500px}}.btn-container{flex-direction:row}.dropbtn{color:var(--light-color);padding:.5rem;margin:0 1rem;flex-direction:row;align-items:center;justify-content:space-between;width:5rem;color:var(--main-color);background-color:transparent}.about,.footer{background-image:url('/asset/images/pattren.png');padding:2rem 5%}.dropbtn i{line-height:0}.dropdown{position:relative;display:inline-block}.dropdown img{margin:0 .5rem;width:2rem}.dropdown-content{display:none;position:absolute;background-color:var(--light-color);min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.bg img,.landing{position:relative}.footer,.solution .btn{background-color:var(--dark-color)}.dropdown-content a{color:var(--dark-color);padding:12px 16px;text-decoration:none;display:flex;align-items:center}.dropdown-content a img{width:2rem}ul .responsive,ul .responsive .dropdown,ul .responsive .dropdown .dropbtn,ul .responsive .dropdown-content{width:100%;justify-content:space-between;margin:0}.footer{background-repeat:no-repeat;background-position:right bottom;background-size:20%}.footer .logo{width:25rem;margin:0 auto}.footer .icons{width:18rem;display:flex;justify-content:center;gap:1rem;margin:0 auto}.footer .address{color:var(--white-color);display:flex;justify-content:center;align-items:center;margin:2rem 0 1rem}.footer .address img{width:2rem;margin-left:.5rem}.footer .copyright{margin:3rem auto 0}.bg{width:100%;opacity:.07;z-index:-1}.bg img{width:200%}.bg-top{top:-50%;animation-name:to-right}.bg-top img{left:90%}.bg-bottom{bottom:-7rem;animation-name:to-left}.bg-bottom img{left:-25%;width:100%}@keyframes to-right{0%{right:-5000px}100%{right:0}}@keyframes to-left{0%{right:5000px}100%{right:0}}.landing h1{font-size:5rem}.landing h2{font-size:4rem;font-weight:600}.landing .btn-container{margin-top:2rem}@media (max-width:1030px){.landing h1{font-size:3rem}.landing h2{font-size:2.5rem}.landing .btn-container{font-size:1.3rem}}@media (max-width:1000px){.responsive{display:block}.navbar .responsive{display:flex;align-items:center}.not-responsive{display:none}.navbar nav>ul .list,.navbar nav>ul:hover .list{animation-duration:.5s;animation-fill-mode:both;transition:.5s}.navbar nav ul{gap:.5rem;width:fit-content}.navbar nav>ul .list{display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-size:1.5rem;width:18rem;height:100vh;position:absolute;top:0;right:-500px;padding:2rem;background-color:var(--light-color);z-index:100;animation-name:hide}.navbar nav>ul .list.eng{right:unset;left:-500px;animation-name:hide-eng}.navbar nav>ul:hover .list{animation-name:show}.navbar nav>ul:hover .list.eng{animation-name:show-eng}.navbar nav>ul .list .logo{width:100%}.landing h1{font-size:3rem}.landing h2{font-size:2rem}.landing .bg-top{top:-30%;right:0}.landing .bg-bottom{bottom:-5rem;right:0}.landing .bg img{width:300%;position:relative}.landing .bg-top img{left:180%}.landing .bg-bottom img{left:-5%}}@media (max-width:767px){.landing h1{font-size:2.5rem}.landing h2{font-size:1.8rem}.landing .bg-top{top:-10%;right:0}.landing .bg-bottom{bottom:-1rem;right:0}.landing .bg img{width:300%;position:relative}.landing .bg-top img{left:180%}.landing .bg-bottom img{left:-5%}}.about{background-repeat:repeat-y;background-position:right;align-items:flex-end}.solution,.why-us .cards-container .card{background-image:linear-gradient(130deg,var(--hover-color),var(--main-color));position:relative}.about article{width:calc(100% - 22rem);text-align:right}.about article p:last-child:not(.about article p:first-child),.about article:not(.about article:first-child){margin-top:1rem}.about article header{font-size:2.5rem}.about article p{font-size:1.2rem;text-align:justify;text-justify:distribute}.why-us{align-items:flex-start}.why-us header{font-size:2rem}.why-us .cards-container{display:grid;grid-template-columns:repeat(2,1fr);gap:6rem 3rem;margin-top:7rem;margin-bottom:2rem}@keyframes show-cards{0%{transform:translateY(300%)}90%{transform:translateY(-5%)}100%{transform:translateY(0)}}.why-us .cards-container .card{color:var(--white-color);padding:1rem 3rem 2rem;text-align:right;animation-duration:2s;animation-fill-mode:forwards;transform:translateY(300%)}.why-us .cards-container .card:nth-child(2){animation-delay:.5s}.why-us .cards-container .card:nth-child(3){animation-delay:1s}.why-us .cards-container .card:nth-child(4){animation-delay:1.5s}.why-us .cards-container .card:hover{background-image:linear-gradient(130deg,var(--main-color),var(--hover-color))}.why-us .cards-container .card .image{width:10rem;height:10rem;background-color:var(--white-color);border-radius:50%;padding:1rem;position:absolute;top:-5rem;right:0}.why-us .cards-container .card header{color:var(--light-color);padding-right:9rem;font-size:1.5rem;margin-bottom:2rem}@media (max-width:1080px){.why-us .cards-container .card{padding:1rem 1rem 2rem}.why-us .cards-container .card .image{width:8rem;height:8rem;top:-4rem}.why-us .cards-container .card header{color:var(--light-color);padding-top:3.5rem;padding-right:0;font-size:1.5rem;margin-bottom:1rem}}.special{flex-direction:row;gap:1rem;padding:3rem 5%;min-height:100vh}.special>*{width:50%}.special article{font-size:2rem;font-weight:600;color:var(--main-color);text-align:justify;text-justify:distribute}.special .image img{width:80%}.solution{margin:2rem 0;height:50vh;padding:2rem 5%;display:flex;flex-direction:column;justify-content:center}.contact,.partners{background-image:url('/asset/images/pattren.png');background-repeat:no-repeat;background-size:20%}.solution article{z-index:2;width:50%;text-align:center}.solution header{color:var(--light-color);margin:1rem;font-size:1.2rem;font-weight:500}.solution .btn{width:15rem;font-size:1.2rem;display:block;margin:0 auto}.solution .image{height:70vh;width:100%;top:-10rem;left:0;z-index:1;animation-name:move;animation-duration:3.5s;animation-iteration-count:infinite}@keyframes move{0%,100%{top:-10rem}50%{top:-9rem}}@keyframes move-responsive{0%,100%{top:-1rem}50%{top:-2rem}}.partners{background-position:right -4rem;padding:2rem 5%;height:80vh}.partners-container{display:flex;gap:3rem;margin:2rem 0;width:100%;overflow:hidden;padding:2.5rem;direction:ltr}.partners-container .card img{width:300px;padding:0 30px}.partners-container .card:hover img{filter:grayscale(0)}.contact{background-position:bottom left;position:relative}.contact .bg-top{top:-25%;right:0}.contact header{font-size:1.8rem;margin-bottom:1rem}.contact form{width:35rem;border:.1rem solid var(--main-color);margin:2rem auto;text-align:right;box-shadow:5px 5px 1px 1px var(--main-color);background-color:var(--white-color)}.contact form:focus-within{border-color:var(--hover-color);box-shadow:5px 5px 1px 1px var(--hover-color)}@media (max-width:1000px){.about{background-size:25%;justify-content:center}.about article{width:100%;text-align:center;margin:1rem 0}.about article p{margin-top:1rem;font-size:1rem}.why-us .cards-container{grid-template-columns:repeat(1,1fr);padding:1rem;margin-top:5rem}.why-us .cards-container .card{width:100%;padding:1rem 1rem 2rem}.why-us .cards-container .card .image{width:8rem;height:8rem;top:-4rem}.why-us .cards-container .card header{color:var(--light-color);padding-top:3.5rem;padding-right:0;font-size:1.5rem;margin-bottom:1rem}.special{min-height:unset;flex-direction:column;padding:2rem;gap:2rem;margin:2rem 0}.contact form,.solution article,.special>*{width:100%}.special article{font-size:1.5rem;text-align:center}.solution header{margin:2rem 0;font-size:1rem}.solution .image{width:90vw;height:100%;top:-1;animation-name:move-responsive}.solution .image img{width:200%}.partners{display:none}.contact header{font-size:1.5rem}}@media (max-width:768px){.footer .logo{width:100%}.footer .icons{width:80%}.footer .address{flex-direction:column}.contact header{font-size:1.2rem}}