*{box-sizing:border-box;padding:0;margin:0;border:none;outline:none;box-sizing:border-box;text-decoration:none;text-transform:capitalize;transition:all .4s linear;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear}.spikes{position:relative}.spikes::after{content:"";position:absolute;right:0;width:100%;height:30px;z-index:1;background-image:linear-gradient(135deg, white 25%, transparent 25%),linear-gradient(225deg, white 25%, transparent 25%);background-size:30px 30px}@-webkit-keyframes left-move{50%{left:0;width:12px;height:12px}100%{left:0;border-radius:0;width:50%;height:100%}}@keyframes left-move{50%{left:0;width:12px;height:12px}100%{left:0;border-radius:0;width:50%;height:100%}}@-webkit-keyframes right-move{50%{right:0;width:12px;height:12px}100%{right:0;border-radius:0;width:50%;height:100%}}@keyframes right-move{50%{right:0;width:12px;height:12px}100%{right:0;border-radius:0;width:50%;height:100%}}section{padding:3rem 9%}.main-title{text-transform:uppercase;margin:0 auto 80px;border:2px solid #000;padding:10px 20px;font-size:30px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;z-index:1;transition:var(--main-transition)}.main-title::before,.main-title::after{content:"";width:12px;height:12px;background-color:var(--main-color);position:absolute;border-radius:50%;top:50%;transform:translateY(-50%)}.main-title::before{left:-30px}.main-title::after{right:-30px}.main-title:hover::before{z-index:-1;-webkit-animation:left-move .5s linear forwards;animation:left-move .5s linear forwards}.main-title:hover::after{z-index:-1;-webkit-animation:right-move .5s linear forwards;animation:right-move .5s linear forwards}.main-title:hover{color:#fff;border:2px solid #fff;transition-delay:.5s}@-webkit-keyframes toleft{0%{width:0%}100%{width:100% !important}}@keyframes toleft{0%{width:0%}100%{width:100% !important}}:root{--main-color: #2196f3;--main-color-alt: #1787e0;--main-transition: 0.3s;--main-padding-top: 100px;--main-padding-bottom: 100px;--section-background: #ececec}html{scroll-behavior:smooth}body{font-family:"Cairo",sans-serif;position:relative}a{text-decoration:none}ul{list-style:none;margin:0;padding:0}.container{padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}@media(min-width: 768px){.container{width:750px}}@media(min-width: 992px){.container{width:970px}}@media(min-width: 1200px){.container{width:1170px}}li{list-style:none}a{text-decoration:none !important}.navbar-m h2{color:var(--main-color);font-weight:bold;font-size:26px;margin:0;padding:1rem .4rem}.navbar-m ul{justify-content:space-around;margin:0;align-items:center}.navbar-m ul li{margin:0;padding:1rem .4rem}.navbar-m ul li a{color:#000;font-size:18px;height:72px;align-items:center;position:relative;padding:1.3rem 1rem;transition:all .2s linear}.navbar-m ul li a::before{content:"";position:absolute;top:0;left:0;height:4px;background-color:var(--main-color)}.navbar-m ul li a:hover{background-color:#f6f6f6}.navbar-m ul li a:hover::before{width:100%;animation:toleft .3s linear;-webkit-animation:toleft .3s linear}@-webkit-keyframes animate{0%,100%{transition:all 8s linear;top:-20px;-webkit-transition:all 8s linear;-moz-transition:all 8s linear;-ms-transition:all 8s linear;-o-transition:all 8s linear}70%,90%{top:80px}}@keyframes animate{0%,100%{transition:all 8s linear;top:-20px;-webkit-transition:all 8s linear;-moz-transition:all 8s linear;-ms-transition:all 8s linear;-o-transition:all 8s linear}70%,90%{top:80px}}@-webkit-keyframes flash{0%{height:0;width:0}90%,100%{height:100%;width:100%}100%{display:none !important}}@keyframes flash{0%{height:0;width:0}90%,100%{height:100%;width:100%}100%{display:none !important}}@-webkit-keyframes my-right{0%,100%{transition:all 8s linear;right:20px;-webkit-transition:all 8s linear;-moz-transition:all 8s linear;-ms-transition:all 8s linear;-o-transition:all 8s linear}70%,90%{right:3px}}@keyframes my-right{0%,100%{transition:all 8s linear;right:20px;-webkit-transition:all 8s linear;-moz-transition:all 8s linear;-ms-transition:all 8s linear;-o-transition:all 8s linear}70%,90%{right:3px}}@-webkit-keyframes left1{0%{text-align:center}70%,100%{left:0px}}@keyframes left1{0%{text-align:center}70%,100%{left:0px}}@keyframes animate{0%,100%{transition:all 8s linear;top:-20px;-webkit-transition:all 8s linear;-moz-transition:all 8s linear;-ms-transition:all 8s linear;-o-transition:all 8s linear}50%{top:30px}}@-webkit-keyframes arrow{0%,20%,60%,100%{transition:all 8s linear;bottom:-20px;-webkit-transition:all 8s linear;-moz-transition:all 8s linear;-ms-transition:all 8s linear;-o-transition:all 8s linear}30%,90%{bottom:-50px}}@keyframes arrow{0%,20%,60%,100%{transition:all 8s linear;bottom:-20px;-webkit-transition:all 8s linear;-moz-transition:all 8s linear;-ms-transition:all 8s linear;-o-transition:all 8s linear}30%,90%{bottom:-50px}}.landing{margin-bottom:6rem;background-color:#ececec;padding-bottom:10rem;padding-top:4rem;-webkit-clip-path:polygon(0 0, 100% 0, 100% 87%, 0% 100%);clip-path:polygon(0 0, 100% 0, 100% 87%, 0% 100%);position:relative;z-index:0}.landing h2{font-weight:bold;font-size:40px;margin:0;letter-spacing:-2px}.landing p{font-size:23px;line-height:1.7;margin:5px 0 0;color:#666;max-width:500px}.landing .my-img{justify-content:end;position:relative}.landing .my-img img{transition:all 2s linear;position:relative;animation:animate 4s linear infinite;width:88%;-webkit-animation:animate 4s linear infinite;-webkit-transition:all 2s linear;-moz-transition:all 2s linear;-ms-transition:all 2s linear;-o-transition:all 2s linear}.me{position:relative}.me .go-down{z-index:10;color:var(--main-color);font-weight:bold;position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);animation:arrow 1.5s linear infinite;-webkit-animation:arrow 1.5s linear infinite}.article section{padding:0rem 9%}.article .box{margin-bottom:3rem}.article .box .card{box-shadow:0 2px 15px rgba(0,0,0,.1)}.article .box .card ul li a{font-size:18px;color:var(--main-color);font-weight:bold}.article .box .card ul li a i{position:absolute;right:3px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}.article .box .card:hover{position:relative;box-shadow:0 2px 15px rgba(0,0,0,.15);transition:transform var(--main-transition),box-shadow var(--main-transition);top:-9px;-webkit-transition:transform var(--main-transition),box-shadow var(--main-transition);-moz-transition:transform var(--main-transition),box-shadow var(--main-transition);-ms-transition:transform var(--main-transition),box-shadow var(--main-transition);-o-transition:transform var(--main-transition),box-shadow var(--main-transition)}.article .box .card:hover ul li i{position:absolute;animation:my-right .8s linear infinite;-webkit-animation:my-right .8s linear infinite}.gallery{background-color:var(--section-background);padding:2rem .4rem}.gallery section{padding-top:0}.gallery .box-container{display:grid;grid-template-columns:repeat(auto-fit, minmax(18rem, 1fr));gap:2rem}.gallery .box{position:relative;border:#f6f6f6 1rem solid;overflow:hidden}.gallery .box::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#000;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);background-color:rgba(255,255,255,.2);height:0;width:0;z-index:100}.gallery .box img{position:relative;z-index:0;width:100%}.gallery .box:hover::before{animation:flash .3s;-webkit-animation:flash .3s}.gallery .box:hover img{transform:rotate(5deg) scale(1.1);-webkit-transform:rotate(5deg) scale(1.1);-moz-transform:rotate(5deg) scale(1.1);-ms-transform:rotate(5deg) scale(1.1);-o-transform:rotate(5deg) scale(1.1)}.features .box-container{display:grid;grid-template-columns:repeat(auto-fit, minmax(16rem, 1fr));gap:2rem}.features .box{border:#d4d4d4 solid 1px}.features .box .image{position:relative;overflow:hidden}.features .box .image img{width:100%}.features .box .image::after{position:absolute;content:"";transition:all .5s linear;border-color:transparent transparent #fff transparent;border-width:0px 0px 170px 600px;bottom:0;left:0;border-style:solid;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear}.features .box .box-inner{margin-top:40px;margin-bottom:15px;text-align:center}.features .box .box-inner h2{position:relative;font-size:40px;margin:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.features .box .box-inner h2::after{position:absolute;bottom:-16px;left:50%;width:70%;height:7px;background-color:#1787e0;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);content:""}.features .box .box-inner p{line-height:2;font-size:20px;margin:30px 0;padding:25px;color:#777}.features .box .box-inner button{display:block;border:3px solid transparent;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto 30px;font-weight:bold;font-size:22px;padding:10px 30px;border-radius:6px;transition:var(--main-transition)}.features .box.red1 .image::before{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(244,64,54,.6);content:""}.features .box.red1 h2::after{background-color:#f44036}.features .box.red1 button{border:#f44036 solid .2rem;color:#f44036;overflow:hidden;position:relative;background-color:#fff}.features .box.red1 button::after{position:absolute;content:"";left:-100%;height:100%;width:100%;background-color:#f44036;top:0;z-index:-1}.features .box.red1:hover button{border:none;transition:.8s ease;color:#fff !important;z-index:1000}.features .box.red1:hover button::after{transition:all .5s linear;left:0px;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear}.features .box.red1:hover .image::after{border-color:transparent transparent #fff transparent;border-width:0px 600px 170px 0px;bottom:0;right:0;transition:all .5s linear;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear}.features .box.gren .image::before{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,150,136,.6);content:""}.features .box.gren h2::after{background-color:#009688}.features .box.gren button{border:#009688 solid .2rem;color:#009688;overflow:hidden;position:relative;background-color:#fff}.features .box.gren button::after{position:absolute;content:"";left:-100%;height:100%;width:100%;background-color:#009688;top:0;z-index:-1}.features .box.gren:hover button{border:none;transition:.8s ease;color:#fff !important;z-index:1000}.features .box.gren:hover button::after{transition:all .5s linear;left:0px;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear}.features .box.gren:hover .image::after{border-color:transparent transparent #fff transparent;border-width:0px 600px 170px 0px;bottom:0;right:0;transition:all .5s linear;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear}.features .box.blue1 .image::before{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(3,169,244,.6);content:""}.features .box.blue1 h2::after{background-color:#1787e0}.features .box.blue1 button{border:#1787e0 solid .2rem;color:#1787e0;overflow:hidden;position:relative;background-color:#fff}.features .box.blue1 button::after{position:absolute;content:"";left:-100%;height:100%;width:100%;background-color:#1787e0;top:0;z-index:-1}.features .box.blue1:hover button{border:none;transition:.8s ease;color:#fff !important;z-index:1000}.features .box.blue1:hover button::after{transition:all .5s linear;left:0px;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear}.features .box.blue1:hover .image::after{border-color:transparent transparent #fff transparent;border-width:0px 600px 170px 0px;bottom:0;right:0;transition:all .5s linear;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear}.testimonials{padding-top:40px;padding-bottom:20px;background-color:var(--section-background)}.testimonials .box-container{display:grid;grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr));gap:2rem}.testimonials .box{padding:1rem;background-color:#fff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;position:relative}.testimonials .box img{position:absolute;right:-3px;top:-45px;width:100px;border:solid .8rem var(--section-background);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.testimonials .box h2{margin:0 0 10px;font-size:23px}.testimonials .box span{color:#777;margin-bottom:10px;display:block}.testimonials .box .rate i{color:gold}.testimonials .box p{line-height:1.5;color:#777;margin-top:10px;margin-bottom:0}.team-members .box-container{display:grid;grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr));gap:2rem}.team-members section{margin:0 2rem}.team-members .box{background-color:#f3f3f3;position:relative;width:18.5rem;min-height:30rem;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px}.team-members .box .image{position:absolute;left:-20%;width:19rem;top:43%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);z-index:100;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px}.team-members .box .image img{width:100%;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px}.team-members .box .social{position:absolute;right:0;z-index:100;top:43%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);gap:40px;display:grid}.team-members .box .social a{display:block;width:60px;height:30px;display:flex;justify-content:center;align-items:center}.team-members .box .social a i{color:#777;transition:var(--main-transition)}.team-members .box .social a:hover i{color:var(--main-color)}.team-members .box .box-inner{position:absolute;bottom:0;z-index:100}.team-members .box .box-inner .in-inner{margin:2rem}.team-members .box .box-inner .in-inner h2{color:var(--main-color);font-size:26px}.team-members .box .box-inner .in-inner p{font-size:16px;margin-top:10px;margin-bottom:25px}.team-members .box .cont{position:absolute;top:0;overflow:hidden;right:0;width:100%;height:100%}.team-members .box .cont .cont-inner{position:absolute;top:0;right:-100%;width:100%;height:100%;background-color:#e4e4e4;z-index:0;transition:all .5s linear;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px}.team-members .box:hover .box-inner .in-inner h2{color:#777}.team-members .box:hover .cont-inner{transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;right:0}.team-members .box:hover img{filter:grayscale(1);-webkit-filter:grayscale(1)}@-webkit-keyframes my-serv-widh{0%{width:0px}70%,100%{width:100%}}@keyframes my-serv-widh{0%{width:0px}70%,100%{width:100%}}.services{padding:2rem 0;background-color:var(--section-background)}.services section{padding:3rem 3%}.services .box-container{justify-content:space-evenly;gap:40px}.services .box{position:relative;background-color:#fff;padding-top:1.5rem;top:0;transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;box-shadow:0 12px 20px 0 rgba(0,0,0,.13),0 2px 4px 0 rgba(0,0,0,.12)}.services .box::after{content:"";position:absolute;top:-2px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);height:2px;width:0;transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;background-color:var(--main-color)}.services .box:hover{transition:all .2s linear;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;top:-7px}.services .box:hover::after{transition:all .3s linear !important;-webkit-transition:all .3s linear !important;-moz-transition:all .3s linear !important;-ms-transition:all .3s linear !important;-o-transition:all .3s linear !important;width:100%}.services .box i{color:#d5d5d5}.services .box h2{margin-bottom:2rem;margin-top:.8rem;color:var(--main-color)}.services .box .box-inner{background-color:#f9f9f9}.services .box .box-inner .my-num{-webkit-clip-path:polygon(0 0, 100% 0, 74% 100%, 0% 100%);clip-path:polygon(0 0, 100% 0, 74% 100%, 0% 100%);background-color:#d5d5d5;padding:0 3rem 0 0}.services .box .box-inner .my-num h3{-webkit-clip-path:polygon(0 0, 100% 0, 74% 100%, 0% 100%);clip-path:polygon(0 0, 100% 0, 74% 100%, 0% 100%);background-color:var(--main-color);padding:.6rem;color:#fff;margin:0;height:100%}.services .box .box-inner p{margin:auto .3rem;color:var(--main-color)}.skils{padding:2rem 0}.skils .box img{position:relative;top:0;height:350px}.skils .box .prog-inner{position:relative}.skils .box .prog-inner h2{font-size:20px;padding:0}.skils .box .prog-inner span{position:absolute;right:0;border:#d5d5d5 solid 1px;color:var(--main-color);text-align:center;background-color:#fff;font-size:13px;width:38px;padding:0;font-weight:bold;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.skils .box .progress{margin-bottom:2.5rem;height:30px;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0}.skils .box .progress .progress-bar{background-color:var(--main-color)}@media(max-width: 1189px){.team-members section{padding:2rem 2rem 2rem 3rem}.team-members .box-container{display:grid;grid-template-columns:repeat(auto-fit, minmax(24rem, 1fr));gap:2rem}.team-members .box{width:22.5rem;min-height:33rem}.team-members .box .image{left:-10%;width:21rem}}@media(max-width: 966px){.team-members section{padding:2rem 2rem 2rem 3rem}.team-members .box-container{display:grid;grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr));gap:2rem}.team-members .box{width:18rem;min-height:26rem}.team-members .box .image{left:-10%;width:16rem}}@media(max-width: 818px){.team-members section{padding:1rem 1rem 1rem 2rem}.team-members .box-container{display:grid;grid-template-columns:repeat(auto-fit, minmax(17rem, 1fr));gap:2rem}.team-members .box{width:17rem;min-height:23rem}.team-members .box .image{left:-10%;width:13rem}}@media(max-width: 722px){.team-members section{padding:1rem;margin:0;margin-left:4rem}.team-members .box-container{display:grid;grid-template-columns:repeat(auto-fit, minmax(14rem, 1fr));gap:2rem}.team-members .box{width:14rem;min-height:23rem}.team-members .box .box-inner .in-inner h2{color:#777;font-size:20px}.team-members .box .box-inner .in-inner p{font-size:12px}.team-members .box .image{left:-10%;width:12rem}}@media(max-width: 600px){.team-members section{padding:1rem}.team-members .box-container{display:block}.team-members .box{display:block;width:100%;min-height:36rem;margin-bottom:2rem}.team-members .box .image{left:-10%;width:95%}}@media(max-width: 500px){.services section{padding:2rem}.team-members .box{min-height:30rem}.team-members .box .social{gap:20px}}@media(max-width: 459px){.team-members .box{min-height:27rem}}@media(max-width: 420px){.team-members .box{min-height:26rem}.team-members .box .image{left:-19%}}@media(max-width: 385px){.services section{padding:1rem}.team-members .box{min-height:24rem}.team-members .box .image{left:-24%;width:100%}}@media(max-width: 992px){.landing p{margin:8px auto}}@media(max-width: 797px){.features section{padding:.8rem}.testimonials section{padding:.8rem}.navbar-m ul{justify-content:center;margin-top:20px !important}.navbar-m ul li{padding:0}.navbar-m ul li a{padding:.6rem;color:#000;font-size:13px}}