*,ul{padding:0;margin:0}.articles .card,.features .box .img-holder::after,.features .box .more-info a,.gallery .box .image img,.main-heading h1,header .mega-menu .links li::before,header nav>ul>li>a,header nav>ul>li>a::before{transition-duration:var(--main-transition)}.gallery,.services,.testimonials,.work-steps{background-color:var(--section-background)}.articles .card .info a,.articles .card .info i,.landing .go-down,.services .serv .details a,.team .box .social i:hover,.testimonials .title,header .logo,header .mega-menu .links li a{color:var(--main-color)}.features .box,.services .serv .data{text-align:center}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{font-family:Cairo,sans-serif}:root{--main-color:#2196f3;--main-color-alt:#1787e0;--section-background:#ececec;--paragraph-color:#777;--main-transition:0.3s;--main-padding-top-bottom:100px}html{scroll-behavior:smooth}.container{padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}.articles,.events,.features,.gallery,.our-skills,.pricing,.services,.stats,.team,.testimonials,.video,.work-steps{padding:var(--main-padding-top-bottom) 0}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}ul{list-style:none}a{text-decoration:none}.main-heading h1{text-transform:uppercase;border:2px solid #000;font-size:30px;width:fit-content;padding:10px 20px;margin:0 auto 80px;position:relative;z-index:1}.main-heading h1::after,.main-heading h1::before{content:"";position:absolute;width:12px;height:12px;background-color:var(--main-color);border-radius:50%;top:50%;transform:translateY(-50%)}.landing,.spikes,.team .box,header,header .mega-menu .links li,header nav>ul>li>a{position:relative}.main-heading h1::before{left:-30px}.main-heading h1::after{right:-30px}.main-heading h1:hover{background-color:var(--main-color);color:#fff;border:2px solid #fff;transition-delay:0.5s}.main-heading h1:hover::before{z-index:-1;animation:.5s linear forwards left-move}.main-heading h1:hover::after{z-index:-1;animation:.5s linear forwards right-move}@keyframes left-move{50%{left:0;width:12px;height:12px}100%{left:0;border-radius:0;width:100%;height:100%}}@keyframes right-move{50%{right:0;width:12px;height:12px}100%{right:0;border-radius:0;width:100%;height:100%}}.spikes::after{content:"";position:absolute;right:0;width:100%;height:30px;z-index:1;background-image:linear-gradient(135deg,#fff 25%,transparent 25%),linear-gradient(225deg,#fff 25%,transparent 25%);background-size:30px 30px}.landing::before,header .mega-menu,header .mega-menu .links li::before{left:0;z-index:-1;position:absolute}.dots{background-image:url("../images/dots.png");height:186px;width:204px;background-repeat:no-repeat;position:absolute}.dots-up{top:200px;right:0}.dots-down{bottom:200px;left:0}header{background-color:#fff;-webkit-box-shadow:0 0 10px #ddd;-moz-box-shadow:0 0 10px #ddd;box-shadow:0 0 10px #ddd}header .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}header .logo{font-size:26px;height:72px;font-weight:700;display:flex;justify-content:center;align-items:center}.footer .box .social,header nav>ul{display:flex}header nav>ul>li>a{font-size:18px;height:72px;color:#000;display:flex;justify-content:center;align-items:center;padding:0 30px;overflow:hidden}header nav>ul>li>a::before{content:"";position:absolute;top:0;height:4px;background-color:var(--main-color);width:100%;left:-100%}header nav>ul>li>a:hover::before{left:0}.video .holder .list ul li:hover,header nav>ul>li>a:hover{color:var(--main-color);background-color:#fafafa}header .mega-menu{width:100%;padding:30px;background-color:#fff;border-bottom:3px solid var(--main-color);display:flex;gap:40px;top:calc(100% + 50px);opacity:0;transition:top var(--main-transition),opacity var(--main-transition)}header nav>ul>li:hover .mega-menu{opacity:1;z-index:100;top:calc(100% + 1px)}.features .img-holder img,.video .holder .preview img,.work-steps .container>img,header .mega-menu .image img{max-width:100%}header .mega-menu .links{min-width:250px;flex:1}header .mega-menu .links li::before{content:"";width:0;height:100%;top:0;background-color:#fafafa}.pricing .plans .plan-box:hover::after,.pricing .plans .plan-box:hover::before,.services .serv:hover::before,header .mega-menu .links li:hover::before{width:100%}header .mega-menu .links li:not(:last-child){border-bottom:1px solid #e9e6e6}header .mega-menu .links li a{display:block;font-weight:700;font-size:18px;padding:15px}.footer .box .social li,header .mega-menu .links a i{margin-right:10px}.landing::before{content:"";top:-40px;width:100%;height:100%;background-color:#ececec;transform:skewY(-6deg);transform-origin:top left}.articles .card,.gallery .box,.services .serv,.testimonials .box{background-color:#fff}.landing .container{min-height:calc(100vh - 72px);display:flex;align-items:center;padding-bottom:120px}.events .info,.landing .landing-text,.our-skills .skills{flex:1}.landing .landing-text h1{margin:0;font-size:40px;letter-spacing:-2px}.landing .landing-text p{color:var(--paragraph-color);line-height:1.7;font-size:23px;margin:5px 0 0;max-width:500px}.landing .image img{width:600px;position:relative;animation:5s linear infinite up-and-down}@keyframes up-and-down{0%,100%{transform:translateY(-50px)}50%{transform:translateY(0)}}.landing .go-down{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);transition:var(--main-transition)}.landing .go-down:hover{color:var(--main-color-alt)}.landing .go-down i{animation:1.5s infinite bouncing}@keyframes bouncing{0%,10%,100%,20%,50%,80%{transform:translateY(0)}40%,60%{transform:translateY(-15px)}}.articles .articles-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}.articles .card{box-shadow:0 2px 15px rgb(0 0 0 / 10%);border-radius:6px}.articles .card img{width:100%;max-width:100%;border-top-left-radius:6px;border-top-right-radius:6px}.articles .card .text{padding:20px}.articles .card h3,.testimonials h3{margin:0 0 10px}.articles .card p{line-height:1.6;color:var(--paragraph-color)}.articles .card .info{border-top:1px solid #e6e6e7;padding:20px;display:flex;justify-content:space-between;align-items:center}.articles .card .info a{font-weight:700}.articles .card:hover{transform:translateY(-10px);box-shadow:0 2px 15px rgb(0 0 0 / 20%)}.articles .card:hover .info i{animation:.6s linear infinite moving-arrow}@keyframes moving-arrow{100%{transform:translateX(10px)}}.gallery{position:relative}.features .container,.gallery .gallery-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.pricing .plans,.services .container,.team .container,.testimonials .container{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.gallery .box{padding:15px;box-shadow:0 3px 20px rgb(0 0 0 / 20%)}.gallery .box .image{overflow:hidden;position:relative}.gallery .box .image::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgb(255 255 255 / 20%);width:0;height:0;opacity:0;z-index:2}.gallery .box .image:hover::before{animation:.7s flashing}@keyframes flashing{0%,40%{opacity:1}100%{opacity:0;width:200%;height:200%}}.gallery .box .image img{max-width:100%}.gallery .box .image:hover img{transform:rotate(5deg) scale(1.1)}.features .box{border:1px solid #ccc}.features .box .img-holder{position:relative;overflow:hidden}.features .box .img-holder::before{content:"";position:absolute;top:-1px;left:0;width:100%;height:100%}.features .quality .img-holder::before{background-color:rgb(244 64 54 / 60%)}.features .time .img-holder::before{background-color:rgba(0,150,136,.6)}.features .passion .img-holder::before{background-color:rgb(3 169 244 / 60%)}.features .box .img-holder::after{content:"";position:absolute;border-style:solid;border-width:0 0 170px 500px;border-color:transparent transparent #fff;right:0;bottom:0}.features .box:hover .img-holder::after{border-width:0 500px 170px 0}.features .box .text h2{font-size:40px;position:relative;margin:auto;width:fit-content}.features .box .text h2::after{content:"";position:absolute;bottom:-20px;left:15px;height:5px;width:calc(100% - 30px)}.features .quality .text h2::after{background-color:rgb(244 64 54)}.features .time .text h2::after{background-color:rgba(0,150,136)}.features .passion .text h2::after{background-color:rgb(3 169 244)}.features .box .text p{line-height:2;color:var(--paragraph-color);font-size:20px;margin:30px 0;padding:25px}.features .box .more-info a{display:block;border:3px solid transparent;padding:10px 30px;border-radius:5px;width:fit-content;margin:0 auto 30px;font-weight:700;font-size:22px}.team .box .data img,.team .box::before,.team .box:hover::after{width:calc(100% - 60px)}.features .quality .more-info a{border-color:rgb(244 64 54);color:rgb(244 64 54);background:linear-gradient(to right,rgb(244 64 54) 50%,#fff 50%);background-size:200% 100%;background-position:right bottom}.features .time .more-info a{border-color:#009688;color:#009688;background:linear-gradient(to right,rgb(0 159 136) 50%,#fff 50%);background-size:200% 100%;background-position:right bottom}.features .passion .more-info a{border-color:rgb(3 169 244);color:rgb(3 169 244);background:linear-gradient(to right,rgb(3 169 244) 50%,#fff 50%);background-size:200% 100%;background-position:right bottom}.features .box:hover .more-info a{color:#fff;background-position:left bottom}.team .box .social i,.team .box:hover .info h3,.testimonials p{color:var(--paragraph-color)}.team .container,.testimonials .container{display:grid;gap:40px}.testimonials .box{padding:20px;position:relative;box-shadow:0 2px 4px rgb(0 0 0 / 7%)}.testimonials img{height:100px;width:100px;border-radius:50%;position:absolute;right:-10px;top:-50px;border:10px solid var(--section-background)}.team .box .data img,.team .box::after,.team .box::before{transition-duration:var(--main-transition);border-radius:10px}.testimonials .title{margin:0 0 10px;display:block}.testimonials .rate .filled{margin:0 0 10px;color:#ffc107}.testimonials p{line-height:1.5}.team .box::after,.team .box::before{content:"";position:absolute;background-color:#f3f3f3;height:100%;right:0;top:0}.team .box::before{z-index:-2}.team .box::after{z-index:-1;width:0;background-color:#e4e4e4}.team .box .data{display:flex;align-items:center;padding-top:60px}.team .box:hover .data img{filter:grayscale(100%)}.team .box .social{display:flex;flex-direction:column;align-items:center;width:60px;gap:20px}.services .serv::before,.work-steps .work::before{width:0;left:50%;transition-duration:var(--main-transition)}.team .box .social a{width:60px;height:30px;display:flex;align-items:center;justify-content:center}.team .box .social i{transition-duration:var(--main-transition)}.team .box .info{padding-left:80px}.team .box .info h3{color:var(--main-color);margin:10px 0;font-size:22px;transition-duration:var(--main-transition)}.team .box .info p{margin-bottom:25px}.services .container{display:grid;gap:40px;counter-reset:services-counter}.services .serv{counter-increment:services-counter;box-shadow:0 12px 20px 0 rgb(0 0 0 / 13%),0 2px 4px 0 rgb(0 0 0 / 12%);transition-duration:var(--main-transition);position:relative}.services .serv::before{content:"";position:absolute;background-color:var(--main-color);height:3px;top:-3px;transform:translateX(-50%)}.services .serv:hover{transform:translateY(-10px)}.services .serv .data i{color:#d5d5d5;display:block;margin:30px auto 0}.services .serv .data h2{color:var(--main-color);margin:20px auto 40px}.services .serv .details{text-align:right;padding:20px;position:relative;background-color:#f9f9f9}.services .serv .details::before{content:counter(services-counter,decimal-leading-zero);position:absolute;background-color:var(--main-color);color:#fff;display:flex;justify-content:center;align-items:center;left:0;top:0;height:100%;width:80px;font-size:30px;font-weight:700;padding-right:18px}.services .serv .details::after{content:"";position:absolute;background-color:#d5d5d5;top:0;width:50px;height:calc(100% + .4px);transform:skewX(-30deg);left:80px}.stats::before,.work-steps .work:hover::before{width:100%;height:100%}.our-skills .container{display:flex;align-items:center}.our-skills .skills .prog-holder{margin-bottom:30px}.our-skills .skills .prog-holder h4{font-size:19px;font-weight:700;padding-bottom:10px;display:flex;justify-content:space-between;align-items:center}.our-skills .skills .prog-holder h4 span{color:var(--main-color);border:1px solid #ccc;border-radius:3px;padding:3px 5px;font-size:12px;font-weight:700}.our-skills .skills .prog-holder .prog{height:30px;background-color:#eee}.our-skills .skills .prog-holder .prog span{display:block;background-color:var(--main-color);height:100%}.work-steps .container{display:flex;justify-content:space-between;align-items:center}.work-steps .works{margin-left:100px}.work-steps .work{padding:30px;margin-bottom:20px;border:2px solid #fff;border-radius:5px;background-color:#f3f3f3;display:flex;align-items:center;position:relative;z-index:1}.pricing,.video .holder{background-color:var(--section-background)}.work-steps .work::before{content:"";position:absolute;height:0;top:50%;transform:translate(-50%,-50%);background-color:#ededed;z-index:-1}.pricing,.stats{position:relative}.work-steps .work img{width:64px}.work-steps .work .info{margin-left:30px}.work-steps .work .info h3{margin:0;font-size:22px}.work-steps .work .info p{margin:10px 0 0;color:var(--paragraph-color);line-height:1.7;font-size:18px}.events .container{display:flex;align-items:center;flex-wrap:wrap}.events img{max-width:450px}.events .time{display:flex;align-items:center;justify-content:center;margin:20px auto;gap:10px}.events .time .unit{border:1px solid #ccc;border-radius:6px;width:75px;text-align:center;transition-duration:var(--main-transition)}.events .time .unit span,.footer .line .info span,.pricing .plans .plan-box .price span{display:block}.events .time .unit span:first-child{font-size:35px;color:var(--main-color);font-weight:700;padding:15px}.events .time .unit span:last-child{font-size:15px;padding:8px 12px;border-top:1px solid #ccc;transition-duration:var(--main-transition)}.events .time .unit:hover,.events .time .unit:hover span:last-child{border-color:var(--main-color)}.events .title{text-align:center;margin:40px 0 15px;font-size:30px}.events .description{color:var(--paragraph-color);line-height:1.7;font-size:19px;text-align:center}.events .subscribe{width:100%;margin-top:50px}.events .subscribe form{width:600px;background-color:#f6f6f6;padding:40px 20px;margin:20px auto;border-radius:50px;display:flex;gap:20px}.events .subscribe form input[type=email]{border-radius:50px;flex:1;background-color:#fff;caret-color:var(--main-color);padding:20px;border:none;transition-duration:var(--main-transition)}.events .subscribe form input[type=submit],.pricing .plans a:hover{color:#fff;background-color:var(--main-color)}.events .subscribe form input[type=email]::placeholder{transition:opacity var(--main-transition)}.events .subscribe form input[type=email]:focus::placeholder{opacity:0}.discount .form .input:focus,.events .subscribe form input[type=email]:focus{outline:0}.events .subscribe form input[type=submit]{border:none;border-radius:50px;padding:20px;font-weight:700;cursor:pointer;transition-duration:var(--main-transition)}.discount .form input[type=submit]:hover,.events .subscribe form input[type=submit]:hover{background-color:var(--main-color-alt)}.pricing .plans{display:grid;gap:30px}.footer .container,.stats .container{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.pricing .plans .plan-box{background-color:#fff;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.1);position:relative;z-index:1}.pricing .plans .plan-box::after,.pricing .plans .plan-box::before{content:"";position:absolute;width:0;background-color:#f6f6f6;z-index:-1;transition-duration:var(--main-transition)}.pricing .plans .plan-box::before{left:0;height:44%}.pricing .plans .plan-box::after{right:0;bottom:0;height:56%}@media (min-width:1200px){.container{width:1170px}.pricing .plans .popular{transform:translateY(-20px)}}.pricing .plans .popular .label{position:absolute;right:20px;width:40px;background:var(--main-color);color:#fff;writing-mode:vertical-rl;padding:10px 10px 35px;font-weight:700;font-size:18px}.pricing .plans .popular .label::before{position:absolute;content:"";border-color:transparent transparent #fff;border-style:solid;border-width:20px;bottom:0;left:0}.pricing .plans .plan-box .title{font-size:25px;font-weight:700;margin:30px;letter-spacing:-1px}.pricing img{width:80px}.pricing .plans .plan-box .price{margin:30px 0}.pricing .plans .plan-box .price span:first-child{color:var(--main-color);font-size:60px;font-weight:700}.pricing .plans .plan-box .price span:last-child{color:var(--paragraph-color);margin:5px 0 10px}.pricing .plans ul{text-align:left}.pricing .plans ul li{border-top:1px solid #eee;padding:20px}.pricing .plans ul li::before{font-family:"Font Awesome 5 Free";content:"\f00c";color:var(--main-color);margin-right:10px;font-weight:900}.pricing .plans a{display:block;color:var(--main-color);padding:15px 20px;border:2px solid var(--main-color);border-radius:6px;font-weight:700;width:fit-content;margin:30px auto 40px;transition-duration:var(--main-transition)}.video .holder{display:flex;justify-content:center;border:1px solid #ddd}.video .holder .list{min-width:300px;background-color:#fff}.video .holder .list .name{font-weight:700;display:flex;justify-content:space-between;align-items:center;background-color:#f4f4f4;padding:20px}.video .holder .list ul li{border-top:1px solid #d4d4d4;padding:20px;transition-duration:var(--main-transition)}.video .holder .list ul li span{display:block;color:var(--paragraph-color);margin-top:10px}.video .holder .preview{padding:10px;display:flex;flex-direction:column;justify-content:space-between;background-color:#e2e2e2}.video .holder .preview .info{background-color:#fff;padding:20px;margin-top:10px}.stats{background-image:url("../images/stats.jpg");background-size:cover}.stats::before{content:"";position:absolute;top:0;left:0;background-color:rgb(255 255 255 / 95%)}.stats h1{text-align:center;font-size:40px;margin-bottom:50px;position:relative}.stats .container{position:relative;display:grid;gap:20px}.stats .stat{background-color:#fff;padding:30px 15px;text-align:center;opacity:.8;position:relative;transition-duration:var(--main-transition)}.stats .stat:hover{opacity:1}.stats .stat::after,.stats .stat::before{content:"";position:absolute;background-color:var(--main-color);width:2px;height:0;transition:1s}.stats .stat:hover::after,.stats .stat:hover::before{height:100%}.stats .stat::before{left:0;top:0}.stats .stat::after{right:0;bottom:0}.stats .stat span{display:block;font-size:50px;margin:15px 0 10px;font-weight:700}.stats .stat p{color:var(--main-color);font-style:italic;font-weight:700;font-size:20px}.discount{min-height:100vh;display:flex;flex-wrap:wrap;padding-bottom:50px}.discount .image{background-image:url("../images/discount-background1.jpg");background-size:cover;flex-basis:50%;display:flex;justify-content:center;align-items:center;color:#fff;position:relative;z-index:1;animation:10s linear infinite change-background}.discount .image::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(23 135 224 / 97%);z-index:-1}@keyframes change-background{0%,100%{background-image:url("../images/discount-background1.jpg")}50%{background-image:url("../images/discount-background2.jpg")}}.discount .content{text-align:center;padding:0 20px}.discount .content h2{font-size:40px;letter-spacing:-2px;margin:20px 0}.discount .content p{line-height:1.7;font-size:18px;max-width:500px;margin-bottom:20px}.discount .image .content img{width:300px;max-width:100%}.discount .form{flex-basis:50%;display:flex;justify-content:center;align-items:center}@media (max-width:991px){.events .container img,.landing .image img,.our-skills .container img,header .mega-menu .image img{display:none}.landing .landing-text{text-align:center}.landing .landing-text p{margin:10px auto}.video .holder,.work-steps .container{flex-direction:column}.work-steps .works{margin:50px auto}.work-steps .work{flex-direction:column;text-align:center}.discount .image{flex-basis:100%}.discount .form{flex-basis:100%;margin-top:10px}}.discount .form .input,.discount .form textarea{display:block;margin-bottom:25px;padding:15px;background-color:#f9f9f9;width:100%;border:none;border-bottom:1px solid #ccc;caret-color:var(--main-color)}.discount .form textarea{resize:none;height:200px}.discount .form input[type=submit]{display:block;width:100%;color:#fff;font-weight:700;background-color:var(--main-color);font-size:20px;border:none;padding:15px;cursor:pointer;transition-duration:var(--main-transition)}.footer{background-color:#191919;padding:70px 0 0}.footer .container{display:grid;gap:40px}.footer .box h3{color:#fff;font-size:50px;padding:0 0 20px}.footer .box .social li a{background-color:#313131;color:#b9b9b9;display:inline-flex;justify-content:center;align-items:center;height:50px;width:50px;font-size:20px;transition-duration:var(--main-transition)}.footer .box .social li .facebook:hover{background-color:#1877f2}.footer .box .social li .twitter:hover{background-color:#1da1f2}.footer .box .social li .youtube:hover{background-color:red}.footer .box p{color:#b9b9b9;line-height:2;padding:20px 0 0}.footer .box .links li{padding:15px 0;transition-duration:var(--main-transition);position:relative}.footer .box .links li:not(:last-child){border-bottom:1px solid #444}.footer .box .links li::before{font-family:"Font Awesome 5 Free";content:"\f101";color:var(--main-color);margin-right:10px;font-weight:900}.footer .box .links li:hover{padding-left:10px}.footer .box .links li a{color:#b9b9b9;transition-duration:var(--main-transition)}.footer .box .links li:hover a{color:#fff}.footer .line{display:flex;align-items:center;color:#b9b9b9;margin-bottom:30px}.footer .line i{color:var(--main-color);margin-right:10px;font-size:25px}@media (max-width:767px){.dots-down{bottom:60px}header .logo{width:100%;height:50px}header nav{margin:auto}header nav>ul>li>a{font-size:14px;padding:10px;height:40px}header .mega-menu{flex-direction:column;gap:0;padding:5px}header .mega-menu .links:first-of-type li:last-child{border-bottom:1px solid #e9e6e6}.landing .landing-text h1{font-size:28px}.landing .landing-text p{font-size:18px}.work-steps .work img{margin:0 0 30px}.work-steps .work .info h3{margin:0}.events .subscribe form{flex-direction:column;max-width:100%;border-radius:0;padding:20px}.events .subscribe form input[type=email],.events .subscribe form input[type=submit]{border-radius:0}.footer{text-align:center}.footer .box .social{justify-content:center}.footer .line{flex-direction:column}.footer .line i{margin-bottom:10px}}.footer .line .info{line-height:1.8;flex:1}.footer .footer-gallery img{width:78px;border:3px solid #fff;margin:2px}.footer .copyright{padding:25px 0;color:#fff;text-align:center;border-top:1px solid #444;margin:50px 0 0}