.header .main-nav>li>a,.header .main-nav>li>a::before,.main-title{transition:var(--main-transition)}.articles .box .content h3,ul{margin:0}.contact_info,.contact_info-right a{color:#b9b9b9}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-transform:capitalize}:root{--main-color:#005a9d;--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}a{text-decoration:none}ul{list-style:none;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}}.main-title{text-transform:uppercase;margin:0 auto 80px;border:2px solid #000;padding:10px 20px;font-size:30px;width:fit-content;position:relative;z-index:1}.articles,.events,.features,.gallery,.our-skills,.pricing,.services,.stats,.team,.testimonials,.videos,.work-steps{padding-top:var(--main-padding-top);padding-bottom:var(--main-padding-bottom)}.main-title::after,.main-title::before{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;animation:.5s linear forwards left-move}.main-title:hover::after{z-index:-1;animation:.5s linear forwards right-move}.main-title:hover{color:#fff;border:2px solid #fff;transition-delay:0.5s}.header .mega-menu .links li,.landing,.spikes,.team .box{position:relative}.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}.dots{background-image:url("https://ik.imagekit.io/ntfjhip3m/seeedaa/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;position:relative;-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;position:relative}.header .logo{justify-content:center;align-items:center;display:flex}.header .main-nav{display:flex}.header .main-nav>li:hover .mega-menu{opacity:1;z-index:100;top:calc(100% + 1px)}.header .mega-menu,.landing::before{left:0;z-index:-1;position:absolute}.header .main-nav>li>a{display:flex;justify-content:center;align-items:center;height:72px;position:relative;color:#000;padding:0 30px;overflow:hidden;font-size:18px}.header .main-nav>li>a::before{content:"";position:absolute;width:100%;height:4px;background-color:var(--main-color);top:0;left:-100%}.header .main-nav>li>a:hover{color:var(--main-color);background-color:#fafafa}.header .main-nav>li>a:hover::before{left:0}.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)}.features .box .img-holder::after,.features .box a,.gallery .box img,.landing .go-down{transition:var(--main-transition)}.features .box .img-holder img,.header .mega-menu .image img,.videos .holder .preview img{max-width:100%}.header .mega-menu .links{min-width:250px;flex:1}.header .mega-menu .links li:not(:last-child){border-bottom:1px solid #e9e6e6}.header .mega-menu .links li::before{content:"";position:absolute;left:0;top:0;width:0;height:100%;background-color:#fafafa;z-index:-1;transition:var(--main-transition)}.header .mega-menu .links li:hover::before,.pricing .box:hover::after,.pricing .box:hover::before,.services .box:hover::before{width:100%}.header .mega-menu .links li a{color:var(--main-color);padding:15px;display:block;font-size:18px;font-weight:700}.header .mega-menu .links li a i{margin-right:10px}.landing::before{content:"";top:-40px;width:100%;height:100%;background-color:#ececec;transform:skewY(-6deg);transform-origin:top left}.landing .container{min-height:calc(100vh - 72px);display:flex;align-items:center;padding-bottom:120px}.events .info,.landing .text,.our-skills .skills{flex:1}.landing .text h1{font-size:40px;margin:0;letter-spacing:-2px}.landing .text p{font-size:23px;line-height:1.7;margin:5px 0 0;color:#666;max-width:500px}.landing .image img{position:relative;width:600px;animation:5s linear infinite up-and-down}.landing .go-down{color:var(--main-color);position:absolute;bottom:30px;left:50%;transform:translateX(-50%)}.landing .go-down:hover{color:var(--main-color-alt)}.landing .go-down i{animation:1.5s infinite bouncing}.articles,.events,.our-skills,.team{position:relative}.articles .container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:40px}.articles .box{box-shadow:0 2px 15px rgb(0 0 0 / 10%);background-color:#fff;border-radius:6px;overflow:hidden;transition:transform var(--main-transition),box-shadow var(--main-transition)}.articles .box:hover{transform:translateY(-10px);box-shadow:0 2px 15px rgb(0 0 0 / 20%)}.articles .box img{width:100%;max-width:100%}.articles .box .content{padding:20px}.articles .box .content p{margin:10px 0 0;line-height:1.5;color:#777}.articles .box .info a,.articles .box .info i,.services .box .info a,.team .box .data .social a:hover i{color:var(--main-color)}.articles .box .info{padding:20px;border-top:1px solid #e6e6e7;display:flex;justify-content:space-between;align-items:center}.articles .box .info a{font-weight:700}.articles .box:hover .info i{animation:.6s linear infinite moving-arrow}.gallery,.pricing,.services,.testimonials,.work-steps{position:relative;background-color:var(--section-background)}.features,.gallery .box,.services .box,.testimonials .box{background-color:#fff}.features .container,.gallery .container,.services .container,.testimonials .container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:40px}.gallery .box{padding:15px;box-shadow:0 12px 20px 0 rgb(0 0 0 / 13%),0 2px 4px 0 rgb(0 0 0 / 12%)}.features .box .img-holder,.gallery .box .image{position:relative;overflow:hidden}.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}.gallery .box img{max-width:100%}.gallery .box .image:hover img{transform:rotate(5deg) scale(1.1)}.features{position:relative}.features .box{text-align:center;border:1px solid #ccc}.features .box .img-holder::before{content:"";position:absolute;left:0;top:-1px;width:100%;height:100%}.features .box .img-holder::after{content:"";position:absolute;bottom:0;right:0;border-style:solid;border-width:0 0 170px 500px;border-color:transparent transparent #fff}.features .box:hover .img-holder::after{border-width:170px 500px 170px 0}.features .box h2{position:relative;font-size:40px;margin:auto;width:fit-content}.features .box h2::after{content:"";position:absolute;bottom:-20px;left:15px;height:5px;width:calc(100% - 30px)}.team .box .data img,.team .box::before,.team .box:hover::after{width:calc(100% - 60px)}.features .box p{line-height:2;font-size:20px;margin:30px 0;padding:25px;color:#777}.features .box a{display:block;border:3px solid transparent;width:fit-content;margin:0 auto 30px;font-weight:700;font-size:22px;padding:10px 30px;border-radius:6px}.features .quality .img-holder::before{background-color:rgb(244 64 54 / 60%)}.features .quality h2::after{background-color:#f44036}.features .quality a{color:#f44036;border-color:#f44036;background:linear-gradient(to right,#f44036 50%,#fff 50%);background-size:200% 100%;background-position:right bottom}.features .time .img-holder::before{background-color:rgb(0 150 136 / 60%)}.features .time h2::after{background-color:#009688}.features .time a{color:#009688;border-color:#009688;background:linear-gradient(to right,#009688 50%,#fff 50%);background-size:200% 100%;background-position:right bottom}.features .passion .img-holder::before{background-color:rgb(3 169 244 / 60%)}.features .passion h2::after{background-color:#03a9f4}.features .passion a{color:#03a9f4;border-color:#03a9f4;background:linear-gradient(to right,#03a9f4 50%,#fff 50%);background-size:200% 100%;background-position:right bottom}.features .box:hover a{background-position:left bottom;color:#fff}.testimonials .box{padding:20px;box-shadow:0 2px 4px rgb(0 0 0 / 7%);border-radius:6px;position:relative}.pricing .box,.services .box{box-shadow:0 12px 20px 0 rgb(0 0 0 / 13%),0 2px 4px 0 rgb(0 0 0 / 12%);transition:var(--main-transition)}.testimonials .box img{position:absolute;right:-10px;top:-50px;width:100px;height:100px;border-radius:50%;border:10px solid var(--section-background)}.testimonials .box h3{margin:0 0 10px}.testimonials .box .title{color:#777;margin-bottom:10px;display:block}.testimonials .box .rate .filled{color:#ffc107}.testimonials .box p{line-height:1.5;color:#777;margin-top:10px;margin-bottom:0}.pricing .container,.team .container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.team .box::after,.team .box::before{content:"";background-color:#f3f3f3;position:absolute;right:0;top:0;height:100%;border-radius:10px;transition:var(--main-transition)}.team .box::before{z-index:-2}.team .box::after{z-index:-1;background-color:#e4e4e4;width:0}.team .box .data{display:flex;align-items:center;padding-top:60px}.team .box .data img{transition:var(--main-transition);border-radius:10px}.team .box:hover img{filter:grayscale(100%)}.team .box .data .social{width:60px;display:flex;flex-direction:column;align-items:center;gap:20px}.team .box .data .social a{width:60px;height:30px;display:flex;justify-content:center;align-items:center}.team .box .data .social i{color:#777;transition:var(--main-transition)}.team .box .info{padding-left:80px}.team .box .info h3{margin-bottom:0;color:var(--main-color);font-size:22px;transition:var(--main-transition)}.team .box .info p{margin-top:10px;margin-bottom:25px}.pricing .box .time,.team .box:hover .info h3{color:#777}.services .box{counter-increment:services;position:relative}.services .box::before{content:"";left:50%;transform:translateX(-50%);height:3px;top:-3px;background-color:var(--main-color);position:absolute;width:0;transition:var(--main-transition)}.services .box:hover{transform:translateY(-10px)}.services .box>i{margin:30px auto 20px;display:block;text-align:center;color:#d5d5d5}.services .box>h3{text-align:center;margin:20px 0 40px;font-size:25px;color:var(--main-color)}.services .box .info{padding:15px;position:relative;background-color:#f9f9f9;text-align:right}.services .box .info::before{content:"0" counter(services);position:absolute;background-color:var(--main-color);color:#fff;left:0;top:0;height:100%;width:80px;font-size:30px;font-weight:700;display:flex;justify-content:center;align-items:center;padding-right:15px}.services .box .info::after{content:"";position:absolute;background-color:#d5d5d5;top:0;left:80px;width:50px;height:calc(100% + .4px);transform:skewX(-30deg)}.our-skills .container{display:flex;align-items:center}.our-skills .skill h3{display:flex;justify-content:space-between;align-items:center}.our-skills .skill h3 span{font-size:12px;border:1px solid #ccc;padding:3px 5px;border-radius:4px;color:var(--main-color)}.our-skills .skill .the-progress{height:30px;background-color:#eee;position:relative}.our-skills .skill .the-progress span{position:absolute;left:0;top:0;height:100%;background-color:var(--main-color);transition:width .5s linear}.work-steps .container{display:flex;align-items:center;justify-content:space-between}.work-steps .image{max-width:100%;margin-right:100px}.work-steps .info .box{background-color:#f6f5f5;padding:30px;margin-bottom:20px;border-radius:6px;display:flex;align-items:center;border:2px solid #fff;position:relative;z-index:1}.work-steps .info .box::before{content:"";left:50%;top:50%;position:absolute;width:0;height:0;transform:translate(-50%,-50%);background-color:#ededed;z-index:-1;transition:var(--main-transition)}.discount .form [type=submit]:hover,.events .subscribe form input[type=submit]:hover,.pricing .box a:hover{background-color:var(--main-color-alt)}.work-steps .info .box:hover::before{width:100%;height:100%}.work-steps .info .box img{width:64px;margin-right:30px}.work-steps .info .box h3{margin:0;font-size:22px}.work-steps .info .box p{color:#777;line-height:1.7;margin:10px 0 0;font-size:18px}.events .container{display:flex;align-items:center;flex-wrap:wrap}.events img{max-width:450px}.events .info .time{display:flex;align-items:center;margin:20px auto;gap:10px;justify-content:center}.events .info .time .unit{border:1px solid #d4d4d4;border-radius:6px;text-align:center;width:75px;transition:var(--main-transition)}.events .info .time .unit span{display:block;transition:var(--main-transition)}.events .info .time .unit span:first-child{font-size:35px;padding:15px;color:var(--main-color);font-weight:700}.events .info .time .unit span:last-child{padding:8px 10px;font-size:13px;border-top:1px solid #d4d4d4}.events .info .time .unit:hover,.events .info .time .unit:hover span:last-child{border-color:var(--main-color)}.events .title{text-align:center;margin:40px 0 0;font-size:30px}.events .description{text-align:center;line-height:1.7;font-size:19px;color:#777}.events .subscribe{width:100%;margin-top:50px}.events .subscribe form{width:600px;margin:20px auto;padding:30px 40px;background-color:#f6f5f5;border-radius:50px;display:flex;gap:20px}.events .subscribe form input[type=email]{padding:20px;border-radius:50px;border:none;flex:1;caret-color:var(--main-color)}.discount .form .input:focus,.events .subscribe form input[type=email]:focus{outline:0}.events .subscribe form input[type=email]::placeholder{transition:opacity var(--main-transition)}.events .subscribe form input[type=email]:focus::placeholder{opacity:0}.events .subscribe form input[type=submit]{border-radius:50px;border:none;background-color:var(--main-color);color:#fff;font-weight:700;padding:20px;cursor:pointer;transition:var(--main-transition)}.pricing .box{position:relative;background:#fff;text-align:center;z-index:1}.pricing .box::after,.pricing .box::before{content:"";width:0;height:50%;background-color:#f6f6f6;position:absolute;z-index:-1;transition:var(--main-transition)}.pricing .box::before{left:0;top:0}.pricing .box::after{right:0;bottom:0}@media (min-width:1200px){.container{width:1170px}.pricing .box.popular{top:-20px}}.pricing .box.popular .label{position:absolute;writing-mode:vertical-rl;background-color:var(--main-color);color:#fff;font-weight:700;padding:10px 10px 35px;font-size:18px;right:20px;width:40px}.pricing .box.popular .label::before{content:"";position:absolute;bottom:0;right:0;border-style:solid;border-color:transparent transparent #fff;border-width:20px}.pricing .box .title{font-weight:700;margin:30px 0;font-size:25px;letter-spacing:-1px}.pricing .box img{width:80px;margin-bottom:30px}.pricing .box a,.stats h2{width:fit-content;font-weight:700}.pricing .box .price{margin-bottom:20px}.pricing .box .amount{display:block;font-size:60px;font-weight:700;margin-bottom:5px;color:var(--main-color)}.pricing .box ul{text-align:left}.pricing .box ul li{padding:20px;border-top:1px solid #eee}.pricing .box ul li::before{font-family:"Font Awesome 5 Free";content:"\f00c";margin-right:10px;font-weight:900;color:var(--main-color)}.pricing .box a{display:block;border:2px solid var(--main-color);color:var(--main-color);margin:30px auto 40px;padding:15px 20px;border-radius:6px;transition:var(--main-transition)}.pricing .box a:hover{border-color:var(--main-color-alt);color:#fff}.videos .holder{display:flex;justify-content:center;background-color:var(--section-background);border:1px solid #ddd}.contact_info,.footer .copyright{text-align:center;border-top:1px solid #444}.videos .holder .list{min-width:300px;background-color:#fff}.videos .holder .list .name{display:flex;justify-content:space-between;padding:20px;background-color:#f4f4f4;font-weight:700}.videos .holder .list ul li{padding:20px;border-top:1px solid var(--section-background);cursor:pointer;transition:var(--main-transition)}.videos .holder .list ul li:hover{background-color:#fafafa;color:var(--main-color)}.videos .holder .list ul li span{display:block;margin-top:10px;color:#777}.videos .holder .preview{background-color:#e2e2e2;padding:10px;display:flex;flex-direction:column;justify-content:space-between}.videos .holder .preview .info{padding:20px;background-color:#fff;margin-top:10px}.stats{position:relative;background-image:url("https://ik.imagekit.io/ntfjhip3m/seeedaa/stats.jpg");background-size:cover;min-height:300px}.stats::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgb(255 255 255 / 95%)}.stats h2{font-size:40px;margin:0 auto 50px;position:relative}.stats .container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.stats .box{background-color:#fff;padding:30px 15px;text-align:center;position:relative;opacity:.8;transition:var(--main-transition)}.stats .box::after,.stats .box::before{content:"";position:absolute;width:2px;background-color:var(--main-color);transition:1s;height:0}.stats .box::before{top:0;right:0}.stats .box::after{left:0;bottom:0}.stats .box:hover{opacity:1}.stats .box:hover::after,.stats .box:hover::before{height:100%}.stats .box .number{display:block;font-size:50px;font-weight:700;margin-top:10px;margin-bottom:10px}.stats .box .text{color:var(--main-color);font-style:italic;font-size:20px;font-weight:700}.discount{min-height:100vh;display:flex;flex-wrap:wrap}.discount .image{background-image:url('https://ik.imagekit.io/ntfjhip3m/seeedaa/discount-background1.jpg');background-size:cover;color:#fff;flex-basis:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;animation:10s linear infinite change-background}.discount .image::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgb(23 135 224 / 97%);z-index:-1}.discount .form{display:flex;align-items:center;justify-content:center;flex-basis:50%;padding-bottom:50px}@media (max-width:991px){.events img,.header .mega-menu .image,.landing .image,.our-skills img{display:none}.landing .text{text-align:center}.landing .text p{margin:10px auto}.videos .holder,.work-steps .container{flex-direction:column}.work-steps .image{margin:0 0 50px}.discount .form,.discount .image{flex-basis:100%}}.discount .form .input{display:block;width:100%;margin-bottom:25px;padding:15px;border:none;border-bottom:1px solid #ccc;background-color:#f9f9f9;caret-color:var(--main-color)}.discount .form textarea.input{resize:none;height:200px}.discount .form [type=submit]{display:block;width:100%;padding:15px;background-color:var(--main-color);color:#fff;font-weight:700;font-size:20px;border:none;cursor:pointer;transition:var(--main-transition)}.discount .content{text-align:center;padding:0 20px}.discount .content h2{font-size:40px;letter-spacing:-2px}.discount .content p{line-height:1.6;font-size:18px;max-width:500px}.discount .content img{width:300px;max-width:100%}.footer{background-color:#191919;padding:70px}.contact_info{padding-top:30px;vertical-align:middle;display:flex;flex-wrap:wrap;font-size:20px}.contact_info-left,.contact_info-right{padding:10px;flex:50%}@media (max-width:767px){.header .logo{width:100%;height:50px}.header .main-nav{margin:auto}.header .main-nav>li>a{padding:10px;font-size:14px;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 .text h1{font-size:28px}.landing .text p{font-size:18px}.work-steps .info .box{flex-direction:column;text-align:center}.work-steps .info .box img{margin:0 0 30px}.events .subscribe form{max-width:100%;padding:20px;flex-direction:column;border-radius:0}.events .subscribe form input[type=email],.events .subscribe form input[type=submit]{border-radius:0}.contact_info-left{flex:100%;display:none}}.footer .copyright{padding:25px 0;color:#fff;margin:50px 0 0}@keyframes up-and-down{0%,100%{top:0}50%{top:-50px}}@keyframes bouncing{0%,10%,100%,20%,50%,80%{transform:translateY(0)}40%,60%{transform:translateY(-15px)}}@keyframes left-move{50%{left:0;width:12px;height:12px}100%{left: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%}}@keyframes moving-arrow{100%{transform:translateX(10px)}}@keyframes flashing{0%,40%{opacity:1}100%{opacity:0;width:200%;height:200%}}@keyframes change-background{0%,100%{background-image:url("https://ik.imagekit.io/ntfjhip3m/seeedaa/discount-background1.jpg")}50%{background-image:url("https://ik.imagekit.io/ntfjhip3m/seeedaa/discount-background2.jpg")}}