@font-face{font-family:'Cairo';src:url(Cairo-VariableFont_wght.ttf)}body{margin-top:1%;background-color:#f5f5f5;color:#333}.orax{color:red}h1,h2,h3,h4,h5,h6{margin:0;font-family:'Cairo'}h2{color:#000;font-weight:600}h4{color:#000;font-size:13px;font-weight:700;text-transform:uppercase;line-height:2}h5{color:#626262;font-size:14px;font-weight:500}a{text-decoration:none;color:#71c55d}a:hover{color:#92d283}li{color:#626262;font-size:13px;font-weight:400;line-height:30px;text-transform:capitalize}p{color:#505050;font-size:14px;font-weight:300;letter-spacing:0;line-height:2;margin-bottom:20px;font-family:'Cairo'}span{letter-spacing:0}.container-full{padding-left:0;padding-right:0}.btn{border:1px solid #fff;border-radius:50px;color:#fff;font-size:40px;font-weight:600;padding:15px 40px;text-transform:uppercase;transition:all .5s ease-in-out 0}.btn-default:hover{color:#fff;background-color:#e6e6e6;border-color:#adadad}.fa{text-decoration:none;font-size:13px}.back-to-top{position:fixed;visibility:hidden;opacity:0;right:15px;bottom:15px;z-index:996;background:#71c55d;width:40px;height:40px;border-radius:4px;transition:all .4s}.back-to-top i{font-size:28px;color:#fff;line-height:0}.back-to-top:hover{background:#8bd07b;color:#fff}.back-to-top.active{visibility:visible;opacity:1}#header{background:#fff;z-index:997;transition:all .5s ease;padding:20px 0;display:none}#header #logo h1{color:#505050;font-size:28px;font-weight:600;letter-spacing:0;margin:0}#header #logo h1 a{color:blue;display:inline-block;text-decoration:none}#header #logo h1 a span{color:red}#header #logo img{padding:0;margin:0}#header.header-scrolled{background:#fff;box-shadow:0 3px 7px rgba(0,0,0,0.1);padding:12px 0}.navbar{padding:0}.navbar ul{margin:0;padding:0;display:flex;list-style:none;align-items:center}.navbar li{position:relative}.navbar a,.navbar a:focus{display:flex;align-items:center;justify-content:space-between;padding:10px 0 10px 30px;font-family:"Cairo",sans-serif;font-size:15px;color:#222;white-space:nowrap;transition:.3s;letter-spacing:0}.navbar a i,.navbar a:focus i{font-size:12px;line-height:0;margin-left:5px}.navbar a:hover,.navbar .active,.navbar .active:focus,.navbar li:hover > a{color:#71c55d}.navbar .dropdown ul{display:block;position:absolute;left:14px;top:calc(100% + 30px);margin:0;padding:10px 0;z-index:99;opacity:0;visibility:hidden;background:#fff;box-shadow:0 0 30px rgba(127,137,161,0.25);transition:.3s;border-radius:4px}.navbar .dropdown ul li{min-width:200px}.navbar .dropdown ul a{padding:10px 20px;text-transform:none}.navbar .dropdown ul a i{font-size:12px}.navbar .dropdown ul a:hover,.navbar .dropdown ul .active:hover,.navbar .dropdown ul li:hover > a{color:#71c55d}.navbar .dropdown:hover > ul{opacity:1;top:100%;visibility:visible}.navbar .dropdown .dropdown ul{top:0;left:calc(100% - 30px);visibility:hidden}.navbar .dropdown .dropdown:hover > ul{opacity:1;top:0;left:100%;visibility:visible}@media (max-width: 1366px){.navbar .dropdown .dropdown ul{left:-90%}.navbar .dropdown .dropdown:hover > ul{left:-100%}}.mobile-nav-toggle{color:#222;font-size:28px;cursor:pointer;display:none;line-height:0;transition:.5s}.mobile-nav-toggle.bi-x{color:#fff}@media (max-width: 991px){.mobile-nav-toggle{display:block}.navbar ul{display:none}}.navbar-mobile{position:fixed;overflow:hidden;top:0;right:0;left:0;bottom:0;background:rgba(34,34,34,0.9);transition:.3s;z-index:999}.navbar-mobile .mobile-nav-toggle{position:absolute;top:15px;right:15px}.navbar-mobile ul{display:block;position:absolute;top:55px;right:15px;bottom:15px;left:15px;padding:10px 0;border-radius:6px;background-color:#fff;overflow-y:auto;transition:.3s}.navbar-mobile a,.navbar-mobile a:focus{padding:10px 20px;font-size:15px;color:#222}.navbar-mobile a:hover,.navbar-mobile .active,.navbar-mobile li:hover > a{color:#71c55d}.navbar-mobile .getstarted,.navbar-mobile .getstarted:focus{margin:15px}.navbar-mobile .dropdown ul{position:static;display:none;margin:10px 20px;padding:10px 0;z-index:99;opacity:1;visibility:visible;background:#fff;box-shadow:0 0 30px rgba(127,137,161,0.25)}.navbar-mobile .dropdown ul li{min-width:200px}.navbar-mobile .dropdown ul a{padding:10px 20px}.navbar-mobile .dropdown ul a i{font-size:12px}.navbar-mobile .dropdown ul a:hover,.navbar-mobile .dropdown ul .active:hover,.navbar-mobile .dropdown ul li:hover > a{color:#71c55d}.navbar-mobile .dropdown > .dropdown-active{display:block}#hero{width:100%;height:calc(100vh);background:url(../img/hero-bg.png) center bottom no-repeat;background-size:100%;position:relative}@media (min-width: 1025px){#hero{background-attachment:fixed}}@media (min-width: 1025px) and (max-height: 768px){#hero{height:110vh}}@media (max-height: 600px){#hero{height:200vh}}#hero .hero-container{position:absolute;bottom:1px;top:0;left:0;right:0;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;background-color:#f5f5f5}#hero h1{margin:10px 0;font-size:48px;font-weight:700;line-height:56px;font-family:"Cairo",sans-serif;color:blue}@media (max-width: 768px){#hero h1{font-size:28px;line-height:36px}}#hero h2{color:#777;margin-bottom:30px;font-size:20px;font-family:"Cairo",sans-serif;font-weight:300}@media (max-width: 768px){#hero h2{font-size:18px;line-height:24px;margin-bottom:30px}}#hero img{margin-left:4%}#hero .btn-get-started{font-family:"Cairo",sans-serif;text-transform:uppercase;font-weight:400;font-size:13px;display:inline-block;padding:11px 36px;border-radius:50px;transition:.5s;margin-bottom:30px;border:2px solid #71c55d;background:#fff;color:#71c55d;text-decoration:none}#hero .btn-get-started:hover{background:#71c55d;color:#fff}#hero .btns a{color:#020285;font-size:12px;font-weight:600;text-transform:uppercase;margin:4px 20px;text-decoration:none;transition:.3s}@media (max-width: 575px){#hero .btns a{margin:14px 0}}#hero .btns a:hover{color:#71c55d}section{overflow:hidden}.padd-section{padding-bottom:80px;padding-top:80px}@media (max-width: 992px){.padd-section{padding-top:40px;padding-bottom:40px}}.section-title{margin-bottom:80px}@media (max-width: 992px){.section-title{margin-bottom:40px}}.section-title h2{font-family:"Cairo",sans-serif;font-size:45px;font-weight:100;margin-bottom:20px;text-transform:capitalize}.section-title .separator{margin:0}.separator{color:#626262;font-family:"Cairo",sans-serif;font-size:15px;font-weight:300;margin-bottom:30px;text-transform:capitalize}.breadcrumbs{padding:20px 0;background-color:#f5fbf3;min-height:40px;margin-top:82px}@media (max-width: 992px){.breadcrumbs{margin-top:68px}}.breadcrumbs h2{font-size:24px;font-weight:300;margin:0}@media (max-width: 992px){.breadcrumbs h2{margin:0 0 10px}}.breadcrumbs ol{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0}.breadcrumbs ol li{letter-spacing:0;font-size:14px}.breadcrumbs ol li + li{padding-left:10px}.breadcrumbs ol li + li::before{display:inline-block;padding-right:10px;color:#6c757d;content:"/"}@media (max-width: 768px){.breadcrumbs .d-flex{display:block!important}.breadcrumbs ol{display:block}.breadcrumbs ol li{display:inline-block}}#get-started{display:inline-block;height:100%;width:100%}#get-started .feature-block{background:#fff none repeat scroll 0 0;padding:30px 20px;transition:all .5s ease-in-out 0;box-shadow:0 0 35px rgba(0,0,0,0.1)}#get-started .feature-block img{height:60px;margin-bottom:30px;width:60px}@media (max-width: 991px){#get-started .feature-block{margin-bottom:30px}}#get-started .feature-block:hover{box-shadow:0 0 35px rgba(3,7,255,0.458);transition:all .5s ease-in-out 0}#get-started .feature-block h4{margin-bottom:20px}#get-started .feature-block p{margin-bottom:20px}#get-started .feature-block a{color:#505050;font-size:18px;font-weight:600;text-decoration:none;transition:.3s}#get-started .feature-block a:hover{color:#1505f5}#about-us img{max-width:100%}#about-us .about-content{padding-top:60px}#about-us .about-content h2{color:#252525;font-family:"Cairo";font-size:39px;font-weight:100;margin-bottom:20px;text-transform:capitalize}#about-us .about-content span{font-weight:700;padding-right:10px;text-transform:uppercase}#about-us .about-content ul li{line-height:36px}#about-us .about-content ul li .fa{padding-right:20px}#features{display:inline-block;height:100%;width:100%}#features .feature-block{background:#fff none repeat scroll 0 0;padding:30px 20px;margin-bottom:30px;transition:all .5s ease-in-out 0}#features .feature-block img{height:60px;margin-bottom:30px;width:60px}#features .feature-block:hover{box-shadow:0 0 35px rgba(0,0,0,0.1);transition:all .5s ease-in-out 0}#features .feature-block h4{margin-bottom:20px}#features .feature-block p{margin-bottom:0}#screenshots .swiper-pagination{margin-top:20px;position:relative}#screenshots .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;background-color:#fff;opacity:1;border:1px solid #71c55d}#screenshots .swiper-pagination .swiper-pagination-bullet-active{background-color:#71c55d}#video{background:url(../img/video-bg.jpg) center center;background-repeat:no-repeat;background-size:cover;height:400px;overflow:hidden}#video .overlay{background:rgba(0,0,0,0.85);height:100%}#video .overlay .play-btn{width:94px;height:94px;background:radial-gradient(#71c55d 50%,rgba(113,197,93,0.15) 52%);border-radius:50%;display:block;margin:153px auto 0;position:relative;overflow:hidden}#video .overlay .play-btn::after{content:"";position:absolute;left:50%;top:50%;transform:translateX(-40%) translateY(-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid #fff;z-index:100;transition:all 400ms cubic-bezier(0.55,0.055,0.675,0.19)}#video .overlay .play-btn:before{content:"";position:absolute;width:120px;height:120px;-webkit-animation-delay:0;animation-delay:0;-webkit-animation:pulsate1 2s;animation:pulsate1 2s;-webkit-animation-direction:forwards;animation-direction:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:steps;animation-timing-function:steps;opacity:1;border-radius:50%;border:2px solid rgba(255,255,255,0.5);top:-15%;left:-15%;background:rgba(198,16,0,0)}#video .overlay .play-btn:hover::after{border-left:15px solid #71c55d;transform:scale(20)}#video .overlay .play-btn:hover::before{content:"";position:absolute;left:50%;top:50%;transform:translateX(-40%) translateY(-50%);width:0;height:0;border:none;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid #fff;z-index:200;-webkit-animation:none;animation:none;border-radius:0}@-webkit-keyframes pulsate1{0%{transform:scale(0.6,0.6);opacity:1}100%{transform:scale(1,1);opacity:0}}@keyframes pulsate1{0%{transform:scale(0.6,0.6);opacity:1}100%{transform:scale(1,1);opacity:0}}@-webkit-keyframes pulsate2{0%{transform:scale(0.1,0.1);opacity:1}100%{transform:scale(1,1);opacity:0}}#team .team-block{box-shadow:0 0 35px rgba(0,0,0,0.1);height:254px;overflow:hidden;position:relative;width:100%}@media (max-width: 991px){#team .team-block{margin-bottom:30px}}#team .team-block img{width:100%}#team .team-block .team-content{background:#fff none repeat scroll 0 0;bottom:0;box-shadow:0 0 4px 0 rgba(0,0,0,0.2),0 0 0 0 rgba(0,0,0,0.19);bottom:-147px;padding:20px 0;position:absolute;width:100%;transition:all .5s ease-in-out 0}#team .team-block .team-content ul{display:block;width:100%}#team .team-block .team-content ul li{display:inline-block}#team .team-block .team-content ul li a{color:#626262}#team .team-block .team-content ul li a .fa{float:left;padding-left:10px;padding-right:10px;transition:.3s}#team .team-block .team-content ul li a .fa:hover{color:#71c55d}#team .team-block .team-content ul > span{display:inline-block;font-size:14px;font-weight:300;margin-bottom:20px;text-transform:uppercase}#team .team-block:hover .team-content{bottom:0;transition:all .5s ease-in-out 0}#testimonials .testimonials-content{box-shadow:0 0 35px rgba(0,0,0,0.1);padding:49px 20px}#testimonials .testimonials-content::before{color:#71c55d;content:"\f10e";display:inline-block;font:70px/1 FontAwesome;position:absolute;right:43px;text-align:left;top:-29px}#testimonials .top-top > h2{font-family:"Cairo" sans-serif;font-size:45px;font-weight:100;margin-bottom:20px;text-transform:capitalize}#testimonials .top-top > h4{font:700 12px Lato,sans-serif}#testimonials .top-top span{font-size:12px;font-weight:300;margin-left:26px}#testimonials .btm-btm ul li{float:left;margin:0 8px;border-radius:50%;padding:0;overflow:hidden;background:#ddd none repeat scroll 0 0;cursor:pointer;height:12px!important;width:12px!important;border:0;content:""}#testimonials .btm-btm .active{background:#71c55d}.carousel-indicators{position:relative;bottom:0;left:0;bottom:0!important;z-index:15;width:auto;padding-left:0;margin:30px auto 0;margin-right:auto;text-align:center;list-style:none;margin-bottom:0;display:inline-block}.carousel-indicators li{margin:0}#pricing .block-pricing{background:#fff;box-shadow:0 0 0 0 rgba(0,0,0,0.2),0 0 4px 0 rgba(0,0,0,0.19);display:inline-block;position:relative;width:100%;text-align:center;padding:30px 0}@media (max-width: 991px){#pricing .block-pricing{margin-bottom:30px}}#pricing .block-pricing .table{margin-bottom:0;padding:30px 15px;max-width:100%;width:100%}#pricing .block-pricing .pricing-table h4{padding-bottom:30px}#pricing .block-pricing h2{margin-bottom:30px}#pricing .block-pricing ul{list-style:outside none none;margin:10px auto;max-width:240px;padding:0}#pricing .block-pricing ul li{border-bottom:1px solid rgba(153,153,153,0.3);padding:12px 0;text-align:center}#pricing .block-pricing ul li b{color:#3c4857}#pricing .block-pricing .pricing-table .table_btn a{background:#71c55d;color:#fff;margin:0;display:inline-block}#pricing .block-pricing .pricing-table .table_btn a:hover{background:#55b03f}#pricing .block-pricing .pricing-table .table_btn a .fa{font-size:13px;margin-right:5px}@media (max-width: 991px){#blog .block-blog{margin-bottom:30px}}#blog .block-blog img{width:100%}#blog .block-blog .content-blog{box-shadow:0 0 0 0 rgba(0,0,0,0.2),0 0 4px 0 rgba(0,0,0,0.19);display:inline-block;min-height:125px;padding:20px 10px;width:100%}#blog .block-blog .content-blog h4{line-height:24px;margin-bottom:20px;text-transform:capitalize;font-weight:400;letter-spacing:0;font-size:16px}#blog .block-blog .content-blog h4 a{color:#555;text-decoration:none;transition:.3s}#blog .block-blog .content-blog h4 a:hover{color:#71c55d}#blog .block-blog .content-blog > span{float:left;font-size:12px}#blog .block-blog .content-blog a.readmore{color:#505050;font-size:12px;font-weight:600;text-decoration:none;transition:.3s;letter-spacing:0;text-transform:capitalize}#blog .block-blog .content-blog a.readmore:hover{color:#71c55d}#newsletter{background:rgba(0,0,0,0) url(../img/newsletter-bg.jpg) no-repeat center top fixed;background-size:cover}#newsletter .overlay{background:linear-gradient(rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.2) 95%);height:100%;width:100%}#newsletter .form-control{background-color:transparent;border:1px solid #ddd;border-radius:0;color:#888;font-size:11px;font-weight:600;height:50px;text-align:center;width:70%;background:#fff}@media (max-width: 575px){#newsletter .form-control{margin-bottom:30px;width:100%}}#newsletter .form-control:focus{border-color:#71c55d;box-shadow:none;outline:0 none}#newsletter .btn{background:#71c55d;border:0;border-radius:0;height:50px;width:30%;transition:.3s}@media (max-width: 575px){#newsletter .btn{width:100%}}#newsletter .btn:hover{background:#55b03f}#newsletter .btn .fa{padding-right:10px}#newsletter ul{display:inline-block;margin-top:40px;margin-bottom:0}#newsletter ul li{background:#71c55d;border-radius:50px;float:left;height:35px;line-height:35px;margin-left:10px;margin-right:10px;width:35px;transition:.3s;display:flex;align-items:center;justify-content:center}#newsletter ul li a{display:flex;align-items:center;justify-content:center}#newsletter ul li:hover{background:#55b03f}#newsletter ul li i{color:#fff;line-height:0}#contact{background:#fff}#contact .info{color:#222}#contact .info i{font-size:32px;color:#71c55d;float:left;line-height:0}#contact .info p{padding:0 0 10px 50px;margin-bottom:20px;line-height:22px;font-size:14px}#contact .info .email p{padding-top:5px}#contact .social-links{padding:20px 0}#contact .social-links a{font-size:18px;display:inline-block;background:#71c55d;color:#fff;line-height:1;padding:6px 0 8px;border-radius:50%;text-align:center;width:36px;height:36px;transition:.3s}#contact .social-links a:hover{background:#55b03f;color:#fff}#contact .php-email-form .validate{display:none;color:red;margin:0 0 15px;font-weight:400;font-size:13px}#contact .php-email-form .error-message{display:none;color:#fff;background:#ed3c0d;text-align:left;padding:15px;font-weight:600}#contact .php-email-form .error-message br + br{margin-top:25px}#contact .php-email-form .sent-message{display:none;color:#fff;background:#18d26e;text-align:center;padding:15px;font-weight:600}#contact .php-email-form .loading{display:none;background:#fff;text-align:center;padding:15px}#contact .php-email-form .loading:before{content:"";display:inline-block;border-radius:50%;width:24px;height:24px;margin:0 10px -6px 0;border:3px solid #18d26e;border-top-color:#eee;-webkit-animation:animate-loading 1s linear infinite;animation:animate-loading 1s linear infinite}#contact .php-email-form input,#contact .php-email-form textarea{border-radius:0;box-shadow:none;font-size:14px}#contact .php-email-form input:focus,#contact .php-email-form textarea:focus{border-color:#71c55d}#contact .php-email-form input{padding:10px 15px}#contact .php-email-form textarea{padding:12px 15px}#contact .php-email-form button[type=submit]{background:#71c55d;border:0;padding:10px 24px;color:#fff;transition:.4s}#contact .php-email-form button[type=submit]:hover{background:#92d283}@-webkit-keyframes animate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes animate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.footer{background:#2a2c30;padding-top:50px}.footer .footer-logo .navbar-brand{color:#fff;display:inline-block;float:none;font-family:"Cairo",sans-serif;font-size:24px;font-weight:500;height:100%;padding-left:0;padding-top:0}.footer .footer-logo p{color:#fff;font-size:12px}.footer .list-menu > h4{color:#fff;padding-bottom:20px}.footer .list-menu ul li a{color:#fff;font-size:12px;padding-left:5px;text-decoration:none;letter-spacing:0}.footer .copyrights{background:#fff;margin-top:50px;text-align:center;padding:25px}.footer .copyrights p,.footer .copyrights .credits{margin:0;padding:0;font-family:"Cairo",sans-serif;font-weight:400;font-size:14px;letter-spacing:0}.footer .copyrights p a,.footer .copyrights .credits a{letter-spacing:0;color:#71c55d}#services{text-align:center;transform:translatez(0);z-index:100;color:#fff}section #services li{width:110px;height:140px;display:inline-block;list-style:none}#services li div{width:100px;height:100px;color:#fff;text-align:center;line-height:100px;background-color:rgba(0,0,255,0.062);transition:all .5s ease;border-radius:40% 20% 10% 10%}.bi{color:#fff;font-size:60px}:root{--animate-duration:2000ms;--animate-delay:2s}section #services li div:hover{transform:rotate(360deg);border-radius:100px}.credits a{display:block;text-align:center;color:#fff;text-decoration:none;max-width:300px}@media (max-width: 575px){#hero{background:none}section #services li{width:63px;height:70px;display:inline-block;list-style:none}#services li div{width:50px;height:50px;padding:10%;line-height:10px}.bi{color:#fff;font-size:39px}.bi::before{vertical-align:0}section #services li span{width:60px;height:10px;display:block;padding:5px 0}}.facebook .bi{color:blue}.whatsapp .bi{color:green}.twitter .bi{color:#62a6ff}.messenger .bi{color:#000}.youtube .bi{color:red}.instagram .bi{color:#f6468c}.github .bi{color:#000308}$button-height: 30px;
$box-width: 300px;
$box-height: 212px;
.share-buttons{position:absolute;width:$box-width;height:$box-height;padding-left:($box-width / 2) - ($button-height / 2);top:50%;left:50%;margin-left:-($box-width / 2);margin-top:-($box-height / 2);.share-buttonfloat:left;margin-top:15px;&:first-child {;margin-top:0}&:after{clear:both;display:table}.share-button{display:block;position:relative;height:$button-height;&:hover {;cursor:pointer;.share-button-primarybox-shadow:1px 0 0 0 rgba(0,0,0,.1)}.share-button-secondary-content{transform:translate3d(0,0,0)}.share-button-primary{position:absolute;background:#fff;width:$button-height;height:$button-height;border-radius:($button-height / 2);left:0;top:50%;margin-top:-($button-height / 2)}.share-button-icon{display:block;color:#242424;position:absolute;width:$button-height;line-height:$button-height;font-size:16px;margin-top:1px}.share-button-secondary{overflow:hidden;margin-left:($button-height / 2);height:$button-height}.share-button-secondary-content{font-family:sans-serif;font-size:.75em;background:#fff;display:block;height:$button-height;text-align:left;padding-left:($button-height * .8);padding-right:($button-height * .6);line-height:$button-height;color:#242424;border-radius:0 ($button-height / 2) ($button-height / 2) 0;transform:translate3d(-100%,0,0);transition:transform 175ms ease}