@import url(https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap);.btn-1,.btn-2{padding:15px 40px;border:none;transition:.3s ease-out;font-weight:600;font-size:16px;text-transform:capitalize}.btn-1,.btn-2,.header-social li a{transition:.3s ease-out}.menu-btn,.navbar.sticky{box-shadow:var(--shadow-black-100)}.btn-1,.btn-2,.navbar .logo a,.navbar .menu .nav-item .nav-link{text-transform:capitalize}html{scroll-behavior:smooth}:root{--main-color:#00a78e;--shadow-black-100:0 5px 15px rgba(0, 0, 0, 0.2);--black-900:#000;--black-400:#646f87;--black-100:#f7f7f7;--white:#fff;--black-alpha-100:rgba(0, 0, 0, 0.05)}body{font-family:Cairo,sans-serif;font-size:18px;font-weight:400;overflow-x:hidden;background-color:var(--white)}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none}ul{list-style:none}img{vertical-align:middle;height:500px}.container{max-width:1140px;margin:auto}.row{display:flex;flex-wrap:wrap}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.align-items-center{align-items:center}.btn-1{background-color:var(--main-color);color:var(--white);border-radius:5px}.btn-1:hover{color:var(--white);background-color:rgba(0,167,142,.7)}.btn-2{background-color:var(--white);color:var(--main-color);border-radius:5px;border:1px solid var(--main-color)}.btn-2:hover{color:var(--white);background-color:var(--main-color);border:none}.section-padding{padding:80px 0}.text-align{text-align:center}.section-title{flex:0 0 100%;max-width:100%;margin-bottom:30px}.section-title .sub-title{font-size:20px;font-weight:600;color:var(--main-color)}.section-title .main-title{font-size:35px;font-weight:600;margin-top:10px}.section-title .line{padding-top:0}.section-title .line li{display:inline-block;background-color:var(--main-color);border-radius:50px;height:3px}.section-title .line li:first-of-type{width:64px}.section-title .line li:nth-of-type(2){width:10px}.section-title .line li:nth-of-type(3){width:7px}.navbar .nav-item .nav-link span,.navbar .nav-item .nav-link span::after,.navbar .nav-item .nav-link span::before{position:absolute;width:0;height:2px;background-color:var(--white)}.navbar{position:fixed;z-index:999;width:100%;padding:25px;transition:.5s}.navbar.sticky{padding:12px 25px;background-color:var(--white)}.about-section .about-image .img-box .about-shape::after,.header-hero-shape::before,.menu-btn,.navbar.sticky .nav-item a span,.navbar.sticky .nav-item a span::after,.navbar.sticky .nav-item a span::before,.service-section .service-item-inner:hover,footer{background-color:var(--main-color)}.navbar .logo a{font-size:24px;color:var(--black-900);font-weight:600}.header-social li a:hover,.navbar .logo a span,.navbar.sticky .menu .nav-item .nav-link{color:var(--main-color)}.navbar .menu .nav-item{display:inline-block;position:relative;margin-left:36px}.navbar .menu .nav-item .nav-link{color:var(--white);font-size:16px;font-weight:600;display:block;padding:10px 0}.navbar .nav-item .nav-link span{left:0;bottom:0;border-radius:50px;opacity:0;visibility:hidden;transition:.3s ease-out}.navbar .nav-item .nav-link span::before{content:"";left:110%}.navbar .nav-item .nav-link span::after{content:"";left:140%}.navbar .nav-item:hover>.nav-link span,.navbar .nav-item>.nav-link.active span{opacity:1;visibility:visible;width:60%}.navbar .nav-item:hover>.nav-link span::before,.navbar .nav-item>.nav-link.active span::before{width:20%}.navbar .nav-item:hover>.nav-link span::after,.navbar .nav-item>.nav-link.active span::after{width:15%}.menu-btn{height:34px;width:44px;padding:0;border-radius:5px;line-height:34px;text-align:center;color:var(--white);font-size:17px;display:none}.navbar.sticky .menu-btn{color:var(--main-color);background-color:var(--white)}.home-section{position:relative;background-color:var(--black-100);z-index:1;overflow-x:hidden;padding-top:80px}.header-social{position:absolute;top:53%;left:50px;transform:translateY(-53%);border:1px solid rgba(0,167,142,.21);border-radius:50px}.header-social li a{font-size:18px;display:block;text-align:center;padding:20px 15px;color:rgba(28,37,58,.58)}.home-section .home-image,.home-section .home-text{flex:0 0 50%;max-width:43%;padding:0 25px}.home-section .home-text h4{font-size:30px;font-weight:600;letter-spacing:4px;color:var(--main-color)}.home-section .home-text h1{font-size:50px;font-weight:700;margin-top:15px;color:var(--black-900)}.home-section .home-text span{font-size:18px;line-height:28px;color:var(--black-900);font-weight:500;display:block;margin-top:15px}.home-section .home-text p{font-size:18px;color:var(--black-400);font-weight:24px;margin-top:15px}.home-section .home-text .btn{display:inline-block;margin-top:15px}.home-section .home-image .img-box img{position:relative;width:90%;z-index:789}.header-hero-shape{position:absolute;top:0;left:0;width:55%;height:100%}.header-hero-shape::before{position:absolute;content:"";width:100%;height:100%;transform:skewX(20deg);top:0;right:0}.about-section .about-content,.about-section .about-image{flex:0 0 50%;max-width:50%;padding:20px}.about-section .about-image .img-box,.lightbox .lightbox-content,.skill-item .skill-header{position:relative}.about-section .about-image .img-box img{max-width:100%;width:100%;z-index:8}.about-section .about-image .img-box .about-shape{width:404px;height:525px;border-left:15px solid var(--main-color);border-bottom:15px solid var(--main-color);position:absolute;bottom:0;left:0;z-index:-1}.about-section .about-image .img-box .about-shape::before{position:absolute;content:"";width:15px;height:85%;background-color:var(--main-color);bottom:0;right:0}.about-section .about-image .img-box .about-shape::after{position:absolute;content:"";width:104%;height:15px;top:36px;right:-2px;transform:rotate(11deg);border-top-left-radius:20px}.about-section .about-content p{text-align:justify}.skill-item .skill-header .skill-title{font-size:16px;font-weight:500;margin-top:15px}.skill-item .skill-header .skill-percentage{position:absolute;top:-3px;left:0}.skill-item .skill-header .skill-percentage p{font-size:16px;font-weight:400}.skill-item .skill-bar{margin-top:15px}.skill-item .skill-bar .bar-inner{width:100%;height:9px;border-radius:5px;background-color:rgba(33,243,26,.11);position:relative}.skill-item .skill-bar .bar-inner .progress-line{position:absolute;top:0;left:0;height:9px;border-radius:5px;background-color:var(--main-color);width:0%;transition:2s ease-out}.skill-item .skill-bar .bar-inner .progress-line::before{position:absolute;content:"";width:7px;height:18px;background-color:var(--white);border:2px solid var(--main-color);top:-7px;right:0}.contact-section,.service-section{min-height:100vh;background-color:var(--black-100)}.contact-section .contact-item,.portfolio .portfolio-item,.service-section .service-item,.technologies-item{flex:0 0 33.33%;max-width:33.33%;padding:20px;display:flex;flex-wrap:wrap}.lightbox,.portfolio .portfolio-item.hide{display:none}.service-section .service-item-inner{box-shadow:var(--shadow-black-100);padding:50px 15px;border-radius:10px;width:100%;text-align:center;transition:.3s}.service-section .service-item-inner .icon{height:60px;width:60px;background-color:var(--main-color);margin:0 auto 30px;text-align:center;font-size:28px;color:var(--white);border-radius:20px 20px 0;position:relative;z-index:1;transition:.3s}.service-section .service-item-inner:hover .icon{background-color:var(--white);color:var(--main-color);font-size:24px}.service-section .service-item-inner .icon i{line-height:60px}.service-section .service-item-inner h3{font-size:20px;font-weight:600;color:var(--black-900);margin:0 0 10px;text-transform:capitalize;transition:.3s}.service-section .service-item-inner:hover h3{color:var(--white)}.service-section .service-item-inner:hover p,footer .copyright-text{color:var(--black-100)}.service-section .service-item-inner p{font-size:18px;color:var(--black-400);margin:0;line-height:26px;transition:.3s}.portfolio .portfolio-filter{flex:0 0 100%;max-width:100%;padding:20px;text-align:center}.portfolio .portfolio-filter button{text-transform:uppercase;margin-top:-20px;outline:0;border:1px solid;border-color:var(--main-color);padding:8px;font-weight:600;border-radius:5px;background-color:var(--white);margin-right:20px;color:var(--main-color);margin-bottom:20px;transition:.3s}.portfolio .portfolio-item-inner,.technologies-plan{border-radius:10px;overflow:hidden;box-shadow:var(--shadow-black-100)}.portfolio .portfolio-filter button:last-child{margin-right:0}.portfolio .portfolio-filter button.active,.portfolio .portfolio-filter button:hover{color:var(--white);background-color:var(--main-color)}.portfolio .portfolio-item.show{display:block;animation:.5s showItem}@keyframes showItem{0%{transform:scale(.8);opacity:0}100%{transform:scale(1);opacity:1}}.portfolio .portfolio-item-inner{width:100%;cursor:pointer;position:relative}.portfolio .portfolio-item-inner .portfolio-img img{width:100%;display:block}.portfolio .portfolio-item .portfolio-info{position:absolute;left:0;top:0;background-color:rgba(0,0,0,.8);z-index:1;height:100%;width:100%;padding:30px;opacity:0;transition:.3s}.portfolio .portfolio-item:hover .portfolio-info{opacity:1}.portfolio .portfolio-item .portfolio-info h4{font-size:18px;font-weight:700;color:var(--main-color);text-transform:capitalize;transform:translateX(-20px);transition:.3s;opacity:0}.portfolio .portfolio-item:hover .portfolio-info .icon,.portfolio .portfolio-item:hover .portfolio-info h4{transform:translateX(0);opacity:1}.portfolio .portfolio-item .portfolio-info .icon{height:40px;width:40px;color:var(--white);background-color:var(--main-color);text-align:center;border-radius:50%;position:absolute;right:30px;bottom:30px;transform:translateX(20px);transition:.3s;opacity:0}.portfolio .portfolio-item .portfolio-info .icon .fa{line-height:40px}.lightbox{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:1000;justify-content:center;align-items:center;cursor:zoom-out;padding:30px}.lightbox.open{display:flex}.lightbox .lightbox-content img{height:auto;width:auto;max-width:100%;max-height:500px;cursor:pointer;display:block;padding:40px 0 30px}.lightbox.open .lightbox-content{animation:.5s lightboxImage}@keyframes lightboxImage{0%{transform:scale(.8)}100%{transform:scale(1)}}.lightbox .lightbox-content .lightbox-close{position:absolute;height:40px;width:40px;top:0;right:0;font-size:32px;color:var(--white);line-height:40px;text-align:right}.lightbox .lightbox-content .lightbox-caption{position:absolute;left:0;bottom:0;width:100%;display:flex;justify-content:space-between;font-size:16px;color:var(--white);font-weight:400;z-index:-1}.lightbox .lightbox-controls .next-item,.lightbox .lightbox-controls .prev-item{position:absolute;height:40px;width:40px;background-color:var(--white);border-radius:50%;text-align:center;cursor:pointer;top:50%;margin-top:-20px;z-index:110;transition:.3s}.lightbox .lightbox-controls .next-item:hover,.lightbox .lightbox-controls .prev-item:hover{transform:scale(1.1)}.lightbox .lightbox-controls .next-item:active,.lightbox .lightbox-controls .prev-item:active{transform:scale(1)}.lightbox .lightbox-controls .prev-item{left:30px}.lightbox .lightbox-controls .next-item{right:30px}.lightbox .lightbox-controls .next-item .fa,.lightbox .lightbox-controls .prev-item .fa{font-size:32px;line-height:40px}.technologies-plan{width:100%}.technologies-plan .technologies-header{padding:20px 30px;border-bottom:1px solid var(--black-100);position:relative}.technologies-plan .technologies-header h3{font-size:30px;color:var(--black-900);font-weight:500;text-transform:capitalize;margin:0}.best-value{position:absolute;right:-35%;top:50%;width:100%;color:var(--white);background-color:var(--main-color);text-transform:capitalize;transform:rotate(50deg);font-size:20px;text-align:center;padding:10px 0}.technologies-plan .technologies-price{padding:40px 30px;display:flex;line-height:.7}.technologies-plan .technologies-price .currency{font-size:16px;font-weight:300;color:var(--black-400);margin-right:5px;align-self:flex-start}.technologies-plan .technologies-price .price{font-size:80px;font-weight:700;color:var(--main-color)}.technologies-plan .technologies-price .period{font-size:14px;font-weight:300;color:var(--black-400);margin-right:5px;align-self:flex-end;text-transform:uppercase}.technologies-plan .technologies-body{padding:0 30px}.technologies-plan .technologies-body ul li{font-size:16px;font-weight:300;color:var(--black-400);padding:10px 0 10px 30px;border-bottom:1px solid var(--black-alpha-100);line-height:26px;position:relative}.technologies-plan .technologies-body ul li:last-child{border-bottom:none}.technologies-plan .technologies-body ul li i{color:var(--main-color);position:absolute;left:0;top:12px}.technologies-plan .technologies-footer{padding:40px;text-align:center}.contact-section .contact-item-inner{padding:30px 15px;text-align:center;box-shadow:var(--shadow-black-100);border-radius:5px;width:100%}.contact-section .contact-item-inner i{font-size:25px;color:var(--main-color)}.contact-section .contact-item-inner span{display:block;font-size:16px;font-weight:600;color:var(--black-900);margin:15px 0 10px;text-transform:capitalize}.contact-section .contact-item-inner p{font-size:16px;color:var(--black-400);line-height:26px;margin:0}.contact-section .contact-form{flex:0 0 100%;max-width:100%;margin-top:50px}.contact-section .w-50{padding:0 15px;flex:0 0 50%;max-width:50%}.contact-section .input-group{margin:0 0 25px;border-radius:30px;background-color:var(--black-100);box-shadow:var(--shadow-black-100)}.contact-section .input-group .input-control{height:45px;display:block;width:100%;border-radius:30px;border:none;outline:0;background-color:transparent;font-size:16px;padding:0 15px;transition:.3s;color:var(--black-400)}.contact-section .input-group textarea.input-control{height:180px;padding-top:15px;resize:none}.contact-section .input-group .input-control:focus{border:1px solid var(--main-color)}.contact-section .submit-btn{flex:0 0 100%;max-width:100%;text-align:right;padding:0 15px}footer .copyright-text{padding:10px 0;font-size:18px;font-weight:300;margin:10px 0 0}@media (min-width:1300px) and (max-width:1399px){.header-social{left:10px}}@media (max-width:1300px){.header-social{display:none}}@media (max-width:991px){.about-section .about-content .section-title,.navbar .menu{text-align:center}.navbar .menu{position:fixed;left:-100%;top:80px;flex-direction:column;background-color:var(--main-color);width:100%;transition:.5s;box-shadow:0 10px 27px rgba(0,0,0,.05)}.navbar .menu.active{left:0}.navbar.sticky .menu{background-color:var(--white);top:65px}.navbar .menu .nav-item{display:block;margin:6px 0}.navbar.sticky .menu .nav-item .nav-link{color:var(--main-color)}.about-section .about-image,.header-hero-shape,.navbar .nav-item .nav-link span{display:none}.navbar .menu-btn{display:block;z-index:999}.header-social{display:block;left:90%}.home-section .home-image,.home-section .home-text{flex:0 0 100%;max-width:100%}.home-section .home-image{display:flex;justify-content:center}.home-image .img-box{margin-top:30px}.about-section .about-content{flex:0 0 75%;max-width:75%}.portfolio .portfolio-item,.service-section .service-item,.technologies .technologies-item{flex:0 0 50%;max-width:50%}}@media (max-width:767px){.header-social{left:85%}.about-section .about-content,.contact-section .contact-item,.contact-section .w-50,.portfolio .portfolio-item,.service-section .service-item,.technologies .technologies-item{flex:0 0 100%;max-width:100%}}