/**//*此代码非源码，仅为演示用，下载源码请到：https://www.zazi.cc*//*此代码非源码，仅为演示用，下载源码请到：https://www.zazi.cc*/@import url('css2.css');body{font-family:'Jost',sans-serif}:root{--primary--color:#0e151d;--secondary--color:#fff;--text-color:#545454;--accent-color:#0cbe7e;--dark-blue-color:#3b3c4e}.header-and-banner-con{background:url(../image/banner-bg-img.png) no-repeat top left;background-size:cover}.header-main-con{padding:40px 0}.header-con .navbar-nav .nav-item .nav-link{font-size:18px;color:var(--primary--color)!important;font-weight:700}.header-con .navbar-nav .nav-item .nav-link:hover{color:var(--accent-color)!important}.header-con .navbar-nav .nav-item .nav-link span{font-size:12px;margin-bottom:-4px;text-align:end}.header-con .navbar-nav .nav-item{padding:0 28px}.banner-left-con h1{font-weight:700;margin-bottom:24px}.banner-left-con p{margin-bottom:35px}.banner-left-con span{font-weight:700;color:var(--dark-blue-color);font-size:24px;margin-top:40px}.banner-left-con small{font-weight:700;color:var(--accent-color);font-size:24px}.banner-img-detail{width:306px;height:202px;background:var(--secondary--color);box-shadow:1px 1px 60px 0 rgb(0 0 0 / 20%);position:absolute;bottom:50px;left:-125px;border-radius:0 38px 65px 38px;padding:45px 24px 36px;text-align:center}.banner-img-detail h3{font-weight:500}.banner-img-detail h3 span{color:var(--accent-color);text-transform:uppercase}.banner-main-con{padding-top:88px;padding-bottom:132px}.dropdown-item{font-size:16px;font-weight:500;color:var(--primary--color);padding:8px 24px}.dropdown-menu{border-radius:8px;background:var(--secondary--color);box-shadow:1px 1px 6px 0 rgb(0 0 0 / 20%);border:0}.dropdown-item:hover{background-color:var(--accent-color);color:#fff}.dropdown-menu .dropdown-item:first-child{border-radius:8px 8px 0 0}.dropdown-menu .dropdown-item:last-child{border-radius:0 0 8px 8px}.sloution-box-content{background:url(../image/sloution-box-bg-img.png) no-repeat center;background-size:cover;padding:100px 96px}.sloution-box-right-content{padding-left:78px}.sloution-box-right-content figure{margin-bottom:30px}.sloution-box-right-content figure img,.testimonials-content figure img{transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out}.sloution-box-right-content figure img:hover,.testimonials-content figure img:hover{transform:translateY(-8px)}.sloution-box-right-content h2{font-weight:700;margin-bottom:30px}.sloution-box-right-content p{margin-bottom:30px}.service-box-item figure{margin-bottom:12px}.service-box-item h4{font-weight:700;margin-bottom:10px}.service-box-item a{color:var(--text-color);padding:14px 25px 12px;display:inline-block;font-weight:500;font-size:16px;text-decoration:none;border-radius:0 30px 30px 30px;transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out}.service-box-item:hover a{color:var(--secondary--color);background:var(--accent-color)}.service-box-item a:hover{transform:translateY(-8px)}.service-box-item p{margin-bottom:36px}.service-box-item a span{margin-left:2px}.service-box-item{padding:40px;border-radius:0 38px 85px 38px;z-index:999}.service-box-item:hover{box-shadow:0 0 100px 0 rgb(0 0 0 / 10%);background:var(--secondary--color)}.service-box-item img,.client-box ul li img,.price-plan-item img,.project-inner-con img{transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out}.service-box-item:hover img,.client-box ul li:hover img,.price-plan-item:hover img,.project-inner-con img:hover{transform:translateY(-8px)}.service-inner-con:after{content:"";width:410px;height:912px;background:url(../image/human-img.png) no-repeat top right;position:absolute;right:-357px;top:-226px}.sloution-box-lft-content,.banner-right-con img,.tastimonials-left-con,.service-build-lft-con img,.team-detail-con img{transition:transform ease-in-out .5s}.sloution-box-lft-content:hover,.banner-right-con img:hover,.tastimonials-left-con:hover,.service-build-lft-con img:hover,.team-detail-con img:hover{transform:scale(1.1)}.help-con{background:url(../image/help-bg-img.jpg) no-repeat top right;background-size:cover}.client-details-box{width:144px;height:147px;padding:20px 30px 12px;background:var(--secondary--color);box-shadow:0 0 100px 0 rgb(0 0 0 / 10%);border-radius:0 30px 30px 30px;position:absolute;top:159px;left:-60px}.client-details-box p{font-weight:700;line-height:20px}.client-details-box figure{margin-bottom:14px}.designer-con{right:-41px;width:150px;height:110px;top:48px;left:auto}.designer-con figure{position:absolute;left:0;top:31px}.designer-con span{font-size:18px;font-weight:700;position:absolute;right:19px;bottom:24px}.commetns-con{bottom:-17px;right:-40px;left:auto;top:auto}.help-right-con h2 span::after{bottom:13px}.help-right-con h2 span{z-index:1;color:var(--accent-color)}.help-left-con{margin-top:18px}.client-box-item p{font-weight:700}.client-box ul li{width:18.444%;float:left;height:222px;border-radius:30px;margin:0 10px;border-radius:0 38px 38px 38px;background:#fbf7f0;display:table}.client-box-item{display:table-cell;vertical-align:middle}.client-box-item figure{margin-bottom:37px}.client-box ul li:nth-child(2){background:#f2f6fc}.client-box ul li:nth-child(3){background:#f1ffd6}.client-box ul li:nth-child(4){background:#f5f5f5}.client-box ul li:last-child{background:#fff0fc}.static-con h2{font-weight:700}.client-box{margin-bottom:72px}.static-con p{margin-left:14px;line-height:24px}.work-con{background:url(../image/work-bg-img.jpg) no-repeat center;background-size:cover}.work-portfolio-box-content span{font-size:14px;color:var(--secondary--color);text-transform:uppercase;margin-bottom:6px}.work-portfolio-box-content h3{font-weight:700}.work-portfolio-box a{text-decoration:none}.work-portfolio-box-content{position:absolute;bottom:30px;left:40px;z-index:1;display:none}.work-portfolio-box-content h3{position:relative}.work-portfolio-box-content h3{position:relative;z-index:1;color:var(--secondary--color)}.work-portfolio-box-item{position:relative}.work-portfolio-box-item:hover:after{content:"";width:100%;height:100%;background:#13a979;opacity:.8;position:absolute;left:0;top:0;border-radius:32px}.work-portfolio-box-item:hover .work-portfolio-box-content{display:block}.work-portfolio-box-content h3::after{background:#219b6e}.work-portfolio-box .row:first-child{margin-bottom:30px}.tastimonials-con{background:url(../image/tastimonials-bg-img.png) no-repeat center;background-size:cover}.testimonials-content h6{font-weight:600;margin-bottom:14px}.testimonials-content h2{font-weight:700;margin-bottom:28px}.testimonials-content p{font-size:24px;line-height:36px;color:var(--text-color);font-style:italic;margin-bottom:26px}.carousel-control-prev{left:47px}.testimonials-inner-content span:last-child{font-size:18px;line-height:16px;color:var(--text-color)}.auther-name{color:var(--accent-color);line-height:22px;margin-bottom:10px;font-weight:700}.carousel-control-next,.carousel-control-prev{opacity:1;top:inherit;bottom:-86px;width:auto}.carousel-control-prev{left:inherit;right:60px}.carousel-control-next:hover,.carousel-control-prev:hover{opacity:1}.carousel-control-prev-icon,.carousel-control-next-icon{background-image:none}.carousel-control-prev span,.carousel-control-next span{width:50px;height:50px;border-radius:50% 50% 50% 0;font-size:20px;border:2px solid var(--text-color);color:var(--text-color)}.carousel-control-next span{border-radius:50% 50% 0 50%}.carousel-control-prev span:hover,.carousel-control-next span:hover{background:var(--accent-color);border-color:transparent;color:var(--secondary--color)}.carousel-control-next{left:inherit;right:0}.tastimonials-left-con figure::before{content:"";width:660px;height:600px;position:absolute;top:-26px;left:-84px;background:url(../image/tastimonials-lft-bg-img.png) no-repeat top left}.tastimonials-left-con img{position:relative;z-index:1}.testimonials-content figure{margin-bottom:31px;margin-top:8px}.testimonials-content h2 span{position:relative;color:var(--accent-color)}.testimonials-content h2 span::after{bottom:13px}.information-inner-con:after{background:url(../image/human-img2.png) no-repeat top left;width:500px;height:750px;top:-133px}.service-box-item h4{line-height:30px}.information-inner-con .service-box-item:hover{background:var(--accent-color)}.information-inner-con .service-box-item:hover a{background-color:var(--secondary--color);color:var(--text-color)}.information-inner-con .service-box-item:hover h4,.information-inner-con .service-box-item:hover p{color:var(--secondary--color)}.blog-main-con .service-box .service-box-item img{width:100%!important;height:auto!important}.weight-footer-con{background:url(../image/weight-footer-img.jpg) no-repeat top right;background-size:cover;padding:100px 0}.weight-footer-item p{font-size:16px;line-height:24px}.weight-footer-item figure{margin-bottom:27px}.weight-footer-item p{margin-bottom:28px}.social-icon ul li a span{text-decoration:none;color:var(--text-color);font-size:18px;padding:0 3px;transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out}.social-icon ul li a span:hover{color:var(--accent-color);transform:translateY(-8px)}.weight-footer-item h5{font-size:18px;font-weight:700;color:#0e151d;margin-bottom:30px}.weight-footer-item a:hover{color:var(--accent-color)}.quick-item ul li a{text-decoration:none;font-size:16px;color:var(--text-color);text-decoration:none;margin-bottom:6px;display:inline-block}.quick-item ul li span{color:var(--accent-color);padding-right:10px}.Contact-info-con ul li span{color:var(--accent-color);font-weight:700;font-size:16px;margin-bottom:2px}.Contact-info-con ul li p{margin-bottom:5px}.Contact-info-con ul li a{text-decoration:none;color:var(--text-color)}.weight-footer-item input{background:var(--secondary--color);border:0;padding:13px 20px;width:100%;font-size:16px;color:var(--text-color);box-shadow:0 0 50px 0 rgb(0 0 0 / 10%);border-radius:30px;margin-bottom:15px}.weight-footer-item input:focus{outline:0}.weight-footer-item button{padding:14px 25px 12px;display:inline-block;font-weight:500;font-size:16px;text-decoration:none;border-radius:0 30px 30px 30px;background:transparent;cursor:pointer;transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out;border:2px solid var(--text-color)}.weight-footer-item button:hover{border-color:var(--accent-color);background:var(--accent-color);color:var(--secondary--color);transform:translateY(-8px)}.newsletter-con p{margin-bottom:30px}.footer-navbar{background:var(--accent-color);padding:24px 38px 25px;border-radius:0 30px 30px 30px;margin-top:100px}.footer-navbar ul li{color:var(--secondary--color);font-size:16px;padding:0 20px}.footer-navbar p{font-size:16px;color:var(--secondary--color)}.generic-banner-con{background:url(../image/generic-banner.png) no-repeat center;background-size:cover}.generic-banner-con .banner-con h1{font-weight:700;margin-bottom:27px}.generic-banner-con .banner-con p{margin-bottom:29px}.generic-banner-con .banner-main-con{padding-bottom:120px;padding-top:120px}.generic-banner-link a{text-decoration:none;color:var(--text-color);font-size:16px}.generic-banner-link span{font-size:16px}.generic-banner-link a:hover{color:var(--accent-color)}.project-con h2{font-weight:700;margin-bottom:44px}.project-con h2 span{color:var(--accent-color)}.project-inner-con figure{margin-bottom:32px}.price-plan-inner-con{margin-top:-307px}.price-plan-item{background:var(--secondary--color);padding:40px;border-radius:0 28px 28px 28px}.price-plan-item figure{margin-bottom:14px}.price-plan-item h4{font-weight:700;margin-bottom:15px;color:var(--primary--color)}.price-plan-list li{color:var(--text-color);font-size:18px;line-height:20px;margin-bottom:18px}.price-plan-banner .banner-main-con{padding-bottom:307px}.price-plan-list li .fa-check-circle{color:var(--accent-color);font-size:18px;padding-right:4px}.price-plan-list li .fa-times-circle{color:#f00;font-size:18px;padding-right:4px}.price-plan-list{margin-bottom:40px}.price-plan-item a{color:var(--text-color);padding:14px 25px 12px;display:inline-block;font-weight:500;font-size:16px;text-decoration:none;border-radius:0 30px 30px 30px;transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out}.price-plan-item a:hover{transform:translateY(-8px)}.price-plan-item:hover{box-shadow:0 0 100px rgb(0 0 0 / 10%)}.price-plan-item:hover a{background:var(--accent-color);color:var(--secondary--color)}.service-box .price-plan-item p{margin-bottom:36px}.skills{background-color:rgb(243 228 203 / 70%);width:100%;height:15px;position:relative;margin:80px 0;border-radius:8px}.title-bar{position:absolute;top:-5px}.skills span{float:right;margin-top:-24px;margin-right:5px;border-radius:6px;color:#fff}.skillbar{background-color:#f3e4cb;width:0;height:15px;border-radius:8px}.title-bar h5{position:relative;top:-32px;letter-spacing:normal;font-size:18px;font-weight:700}.skills span{float:right;margin-top:-38px;margin-right:5px;border-radius:6px;color:var(--text-color);font-size:18px;font-weight:700}.team-professional-right .skills:nth-child(2){background:rgb(242 246 252 / 70%)}.team-professional-right .skills:nth-child(2) .skillbar{background:#d1dced}.team-professional-right .skills:nth-child(3){background:rgb(233 207 228 / 70%)}.team-professional-right .skills:nth-child(3) .skillbar{background:#e9cfe4}.team-professional-right .skills:last-child{background:rgb(220 214 214 / 70%)}.team-professional-right .skills:last-child .skillbar{background:#dcd6d6}.leading-con{background:0}.service-build-con{background:url(../image/service-build-img.jpg) no-repeat center;background-size:cover}.experiences-con{background:url(../image/experiences-bg-img.jpg) no-repeat center;background-size:cover}.team-con{background:url(../image/team-bg-img.jpg) no-repeat center;background-size:cover}.team-box-item h4{font-weight:700;margin-bottom:2px;line-height:30px}.team-box-item p:nth-child(3){margin-bottom:20px}.team-box-item p:nth-child(4){margin-bottom:24px;padding:0 45px}.team-social-icon ul li a span{width:40px;height:40px;border:1px solid var(--text-color);border-radius:50%;color:var(--text-color);font-size:18px;transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out}.team-social-icon ul li a .fa-twitter{margin:0 7px 0 5px}.team-social-icon ul li a{text-decoration:none}.team-box-item figure{margin-bottom:26px;display:inline-block}.team-social-icon ul li a span:hover{border-color:transparent;border-radius:0 30px 30px 30px;background:var(--accent-color);color:var(--secondary--color);transform:translateY(-8px)}.team-box-item figure{position:relative}.team-box-item figure:hover:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(12 190 126 / 70%);border-radius:0 30px 100px 30px}.team-member-detail h2{font-weight:700;margin-bottom:30px}.team-detail-con img{border-radius:0 30px 100px 30px}.team-contanct{margin-bottom:10px}.map-con iframe{border-radius:30px;width:100%;height:490px;border:0}.form-inner-con{background:var(--secondary--color);box-shadow:0 0 100px rgb(0 0 0 / 10%);border-radius:0 38px 85px 38px;padding:100px 90px}.form-inner-con input,.form-inner-con textarea{width:100%;border:1px solid #ccc;padding:20px 26px 18px;font-size:14px;color:var(--text-color);border-radius:30px;margin-bottom:20px}.form-inner-con input:focus,.form-inner-con textarea:focus{border-color:var(--accent-color)!important;outline:0}.form-inner-con textarea{height:140px;resize:none;margin-bottom:14px}.form-inner-con button{width:100%;background:var(--accent-color);color:var(--secondary--color);font-size:16px;font-weight:500;border:0;padding:19px 160px 18px;border-radius:30px}.form-con{margin-top:-307px}.modal-header button{background:var(--accent-color);opacity:1!important;position:absolute;right:2px;top:-2px;width:40px;height:40px;display:flex;align-items:center;border-radius:50%;justify-content:center}.modal-header button span{color:var(--secondary--color);font-weight:300;font-size:18px}.modal-header{border-bottom:0}.modal-header button:focus{outline:0}.modal-body{padding-bottom:50px}.modal-content{border-radius:30px}/*此代码非源码，仅为演示用，下载源码请到：https://www.zazi.cc*//*此代码非源码，仅为演示用，下载源码请到：https://www.zazi.cc*//**/