.cobone a,.cobone b,.cobone span{display:inline-block}.cobone .button img,.cobone .our_process ul li,.cobone .typography .typo_details .colors ul li span,.cobone a{transition:.3s linear}@keyframes marquee{0%{left:0}100%{left:-100%}}@keyframes float{0%{transform:translateY(-10px)}100%{transform:translateY(10px)}}@keyframes rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}.cobone{padding-top:85px;font-family:Lato,sans-serif;font-style:normal;font-size:20px;line-height:1.7;color:#404044;font-weight:400}.cobone a{text-decoration:none}.cobone b{font-weight:700}.cobone button{border:0;background-color:transparent;outline:0;cursor:pointer}.cobone p{margin-bottom:15px;font-size:20px}.cobone ul{list-style:none;padding:0;margin:0}.cobone h1,.cobone h2,.cobone h3,.cobone h4{color:#000;font-weight:700}.cobone h5,.cobone h6{font-weight:500;color:#000}.cobone ::-webkit-scrollbar{width:4px;height:6px}.cobone ::-webkit-scrollbar-track{background:#f1f1f1}.cobone ::-webkit-scrollbar-thumb{background:#888;border-radius:5px;height:60px}.cobone .banner,.cobone .caseStudy{background-position:center;background-size:cover}.cobone ::-webkit-scrollbar-thumb:hover{background:#555}.cobone .container{width:100%;max-width:1470px;margin:0 auto;padding:0 15px}@media screen and (max-width:1688px){.cobone .container{max-width:1280px}}@media screen and (max-width:1366px){.cobone{padding-top:70px}.cobone .container{max-width:1180px}}.cobone .page_title{width:100%;margin:0 auto}.cobone .page_title.center{max-width:800px;text-align:center}.cobone .page_title h2,.cobone .page_title h3{font-size:3rem;margin-bottom:15px;font-weight:900}@media screen and (max-width:1688px){.cobone .page_title h2,.cobone .page_title h3{font-size:40px}.cobone .icons li img{width:65px}}.cobone .spacing{padding:60px 0}@media screen and (max-width:992px){.cobone .page_title h2,.cobone .page_title h3{font-size:2.4rem;margin-bottom:0}.cobone .spacing{padding:30px 0}}.cobone .button{border:1px solid #28b17b;border-radius:20px;color:#28b17b;padding:10px 20px;display:flex;align-items:center;box-shadow:0 8px 17px 0 rgba(174,172,205,.1);position:relative;overflow:hidden}.cobone .button img{margin-left:5px;width:20px}.cobone .button:after,.cobone .button:before{content:"";background:#4e26bb;height:50%;width:0;position:absolute;transition:.3s cubic-bezier(.785, .135, .15, .86);z-index:-1}.cobone .button:before{top:0;left:0;right:auto}.cobone .button:after{bottom:0;right:0;left:auto}.cobone .button:hover{color:#fff}.cobone .button:hover img{transform:translateX(10px)}.cobone .button:hover:before{width:100%;right:0;left:auto}.cobone .button:hover:after{width:100%;left:0;right:auto}.cobone .icons{display:flex;justify-content:space-around;padding-top:3.5rem}.cobone .icons li{margin-right:1rem;text-align:center}.cobone .icons li b{display:block;color:#000;font-weight:800!important}.cobone .banner{padding-top:3rem;background-color:#f7f7f7;background-image:url("../bannerbg.html");background-repeat:no-repeat;color:#fff}.cobone .about_app .container,.cobone .banner .container,.cobone .caseStudy .case_study_list ul,.cobone .project_gaol .container{display:flex;justify-content:space-between}.cobone .about_app .image_section,.cobone .banner .content{width:45%}.cobone .banner .content h1{font-size:4.5rem;font-weight:900!important;line-height:1.2;color:#fff}.cobone .banner .content h1 small{font-size:70%;font-weight:700!important;display:block}.cobone .banner .content p{line-height:1.5;margin:1.2rem 0 2rem}.cobone .banner .content .button_wrap{display:flex;align-items:center;padding-top:2rem;padding-bottom:3rem}.cobone .banner .content .button_wrap a,.cobone .wide_range .content_wrap .content .range_detail.active p{display:block}.cobone .banner .content .button_wrap a:first-child{margin-right:10px}.cobone .banner .content .button_wrap a img{width:100%;max-width:150px}.cobone .banner .banner_image{width:50%;display:flex;justify-content:flex-end}.cobone .banner .banner_image img,.cobone .project_gaol .image_section img{width:100%}.cobone .about_app .content,.cobone .project_gaol .content,.cobone .wide_range .content_wrap .content,.cobone .wide_range .content_wrap .image_wrap{width:50%}.cobone .about_app .image_section img{width:100%;max-width:600px}@media screen and (max-width:1688px){.cobone .about_app .image_section img{max-width:550px}}.cobone .project_gaol{position:relative;background-color:#f8faf9;padding-bottom:1rem}.cobone .project_gaol .image_section{width:50%;text-align:center}.cobone .project_gaol .content ul li{padding-left:3rem;position:relative;margin-bottom:1rem}.cobone .project_gaol .content ul li:after{content:"";background-image:url("../listarrow-7.html");background-repeat:no-repeat;background-size:19px;position:absolute;left:15px;top:12px;width:20px;height:15px}.cobone .project_gaol .content ul li b{color:#05031b;margin-right:5px}.cobone .project_gaol .content img{position:absolute;width:calc(100% - 542px);bottom:0;z-index:-1}.cobone .problems_solution .page_title,.cobone .wide_range .page_title{max-width:800px;margin:0 auto;text-align:center}.cobone .problems_solution .content,.cobone .testimonial .testimonial_content .testimonial_card .auth{padding-top:2rem}.cobone .problems_solution .content ul{display:flex;flex-wrap:wrap}.cobone .problems_solution .content ul li{width:33.3333333333%;text-align:center;padding:1.5rem}.cobone .problems_solution .content ul li img{width:100%;max-width:300px}.cobone .problems_solution .content ul li h5{font-size:25px;font-weight:700!important;margin-bottom:0}.cobone .wide_range{padding-top:30px}.cobone .wide_range .content_wrap{display:flex;justify-content:space-between;padding-top:2rem}.cobone .wide_range .content_wrap .image_wrap img{width:100%;max-width:375px;margin:0 auto;transition:opacity .4s ease-in-out;opacity:1}.cobone .wide_range .content_wrap .content .range_detail{border-radius:10px;border:1px solid rgba(0,0,0,.1019607843);margin-bottom:1.5rem;padding:1rem 0}.cobone .wide_range .content_wrap .content .range_detail h4{padding:0 1rem;color:#131313;font-weight:800!important;cursor:pointer;font-size:20px}.cobone .wide_range .content_wrap .content .range_detail p{padding:1rem;margin-bottom:2rem;display:none}.cobone .wide_range .content_wrap .content ul li{padding:10px 1.5rem;background-color:#eaeaea;border-radius:10px;margin-bottom:1.4rem;color:#131313;font-weight:800!important}.cobone .technologies_used{background-color:#edf1f2}.cobone .technologies_used .page_title{margin:0 auto;text-align:center;max-width:880px}.cobone .technologies_used .image_wrap{padding-top:3rem;text-align:center}.cobone .technologies_used .image_wrap img{width:100%;max-width:700px;margin:0 auto}.cobone .technologies_used.features .image_wrap{padding-top:0}.cobone .our_process .page_title,.cobone .technologies_used.features .image_wrap img{max-width:100%}.cobone .testimonial{color:#fff;background-color:#f7f7f7;padding-top:3rem}.cobone .caseStudy h2,.cobone .caseStudy h3,.cobone .testimonial .page_title{text-align:center}.cobone .testimonial .testimonial_content{display:flex;justify-content:flex-end;position:relative}.cobone .testimonial .testimonial_content .testimonialImg{width:100%;max-width:455px;position:absolute;left:-45px;z-index:2;top:-80px}.cobone .testimonial .testimonial_content .testimonial_card{margin-top:1rem;padding:4rem 2rem 2rem 20%;border:2px solid;border-image-source:linear-gradient(112.31deg,#ffffff 6.93%,rgba(255,255,255,0) 98.02%);backdrop-filter:blur(24px);background:rgba(255,255,255,.4);border-radius:12px;width:100%;max-width:85%}.cobone .testimonial .testimonial_content .testimonial_card p{color:#131313;line-height:1.6;font-size:23px;position:relative}.cobone .testimonial .testimonial_content .testimonial_card p b{font-size:130px;line-height:1;position:absolute}.cobone .testimonial .testimonial_content .testimonial_card p b.start{top:-30px;left:-50px}.cobone .testimonial .testimonial_content .testimonial_card p b.end{bottom:-90px}.cobone .testimonial .testimonial_content .testimonial_card .auth h5{font-size:30px;font-weight:900!important;line-height:1;margin-bottom:5px;color:#242424}.cobone .typography .typo_details{display:flex;justify-content:space-between;align-items:flex-start;margin-top:2rem}.cobone .typography .typo_details .font_family{width:38%;padding:2rem;border-radius:10px;color:#fff;background-color:#323232}.cobone .typography .typo_details .font_family h4{color:#fff;font-weight:800!important;font-size:24px;margin-bottom:10px}.cobone .typography .typo_details .font_family h3{font-size:14rem;letter-spacing:-13px;color:#fff;font-weight:800!important;margin:0;line-height:1}.cobone .typography .typo_details .font_family h3 small{color:#aaa;line-height:1}.cobone .typography .typo_details .font_family p{font-size:18px;line-height:1.3}.cobone .typography .typo_details .colors{width:25%;border-radius:10px}.cobone .typography .typo_details .colors p{margin-bottom:0;padding:0 1rem 1rem;margin-top:0;font-weight:800}.cobone .typography .typo_details .colors ul li{color:#a47800;padding:1rem;border-radius:10px 10px 0 0;margin-top:-8px;font-weight:600!important;height:60px;transition:.3s linear;cursor:pointer}.cobone .typography .typo_details .colors ul li:first-child{font-size:20px;background-color:#e2c481}.cobone .typography .typo_details .colors ul li:nth-child(2){font-size:17px;background-color:#efd498}.cobone .typography .typo_details .colors ul li:nth-child(3){font-size:16px;background-color:#f5e0b0}.cobone .typography .typo_details .colors ul li:nth-child(4){font-size:16px;background-color:#feeecc}.cobone .typography .typo_details .colors ul li:nth-child(5){font-size:14px;background-color:#fff8e7;border-radius:10px;padding-bottom:30px}.cobone .typography .typo_details .colors ul li:last-child{height:90px}.cobone .typography .typo_details .colors ul li:hover{height:120px}.cobone .typography .typo_details .colors ul li:hover~li{height:60px}@media screen and (max-width:768px){.cobone .typography .typo_details .colors ul li,.cobone .typography .typo_details .colors ul li:hover~li{height:55px}.cobone .typography .typo_details .colors ul li:last-child{height:80px}.cobone .typography .typo_details .colors ul li:hover{height:100px}}.cobone .typography .typo_details .colors ul li:hover span{transform:scale(1.01)}.cobone .typography .typo_details .colors.secondary ul li{color:#b6daff}.cobone .typography .typo_details .colors.secondary ul li:first-child{background-color:#395e84}.cobone .typography .typo_details .colors.secondary ul li:nth-child(2){background-color:#527090}.cobone .typography .typo_details .colors.secondary ul li:nth-child(3){background-color:#6b829a}.cobone .typography .typo_details .colors.secondary ul li:nth-child(4){background-color:#93a0ad}.cobone .typography .typo_details .colors.secondary ul li:nth-child(5){background-color:#e3e3e3}.cobone .caseStudy{background-image:url("../casestudybg-7.html");background-repeat:no-repeat}.cobone .caseStudy .page_title{margin-bottom:2rem}.cobone .caseStudy .case_study_list ul li{display:flex;flex-direction:column;align-items:center;width:40%;padding:1rem}.cobone .caseStudy .case_study_list ul li a{position:relative;overflow:hidden;border-radius:10px}.cobone .caseStudy .case_study_list ul li a:after{content:"";position:absolute;width:50%;left:0;height:100%;background-color:rgba(0,0,0,.3411764706);transition:.6s linear;top:-7px;border-bottom-left-radius:10px}.cobone .caseStudy .case_study_list ul li a:before{content:"";position:absolute;width:50%;right:0;height:100%;background-color:rgba(0,0,0,.3411764706);transition:.4s linear;top:-7px;border-bottom-right-radius:10px}.cobone .caseStudy .case_study_list ul li a:hover:before{right:-100%}.cobone .caseStudy .case_study_list ul li a:hover:after{left:-100%}.cobone .caseStudy .case_study_list ul li span{font-weight:600;font-size:1.5rem;margin-top:.5rem}.cobone .caseStudy .case_study_list ul li img{width:100%;max-width:650px;border-radius:10px}.cobone .share_Idea{padding:2rem 0 1rem}.cobone .share_Idea .content_wrap{display:flex;justify-content:space-between;align-items:center;padding:2rem;background-color:#f0f0f2;border-radius:10px;position:relative}.cobone .share_Idea .content_wrap h5{font-size:2rem;font-weight:600;margin-bottom:1.1rem}.cobone .share_Idea .content_wrap h4{font-size:3rem;font-weight:800;margin-bottom:1.1rem}.cobone .share_Idea .content_wrap a{font-size:1.1rem;padding:10px 2rem;border-radius:4px;color:#fff;background-color:#6a35db;margin-top:2rem}@media screen and (max-width:1081px){.cobone .icons{padding-top:2.5rem}.cobone .banner .content{width:50%}.cobone .banner .content h1{font-size:4rem}.cobone .banner .banner_image{width:45%}.cobone .about_app .image_section img{max-width:100%}.cobone .testimonial .testimonial_content .testimonialImg{top:-19px;max-width:480px}.cobone .share_Idea .content_wrap h5{font-size:2rem}.cobone .share_Idea .content_wrap h4{font-size:3rem}.cobone .share_Idea .content_wrap a{font-size:1.2rem;padding:8px 15px}}.cobone .share_Idea .content_wrap .image_wrap{width:30%;text-align:right}.cobone .share_Idea .content_wrap .image_wrap img{width:100%;max-width:160px;position:absolute;right:45px;bottom:0}.cobone .our_process{background-color:#070616;color:#fff;margin-top:1rem}.cobone .our_process h2{text-align:left;color:#fff}.cobone .our_process ul{display:flex}.cobone .our_process ul li{width:25%;padding:4rem 3rem 1rem;height:320px;border-top:1px solid #fff;border-right:1px solid #fff;display:flex;flex-direction:column;justify-content:flex-start}@media screen and (max-width:820px){.cobone{font-size:15px;line-height:1.5}.cobone .testimonial .testimonial_content .testimonial_card p,.cobone p{font-size:15px}.cobone .icons li img{width:50px}.cobone .icons li b{margin:0}.cobone .banner .content h1{font-size:3rem}.cobone .banner .banner_image{align-items:flex-end}.cobone .about_app .image_section img{max-width:100%;margin:0 auto}.cobone .project_gaol .image_section img{max-width:420px}.cobone .project_gaol .content ul li{padding-left:2.5rem}.cobone .project_gaol .content ul li:after{left:5px;top:7px}.cobone .wide_range .content_wrap .image_wrap img{max-width:270px}.cobone .technologies_used .image_wrap img{max-width:600px}.cobone .testimonial .testimonial_content .testimonialImg{max-width:300px;left:0}.cobone .testimonial .testimonial_content .testimonial_card{margin-top:1rem;padding-top:2rem}.cobone .testimonial .testimonial_content .testimonial_card p b{font-size:100px}.cobone .testimonial .testimonial_content .testimonial_card p b.start{top:-26px;left:-45px}.cobone .testimonial .testimonial_content .testimonial_card p b.end{bottom:-70px}.cobone .caseStudy .case_study_list ul li{width:48%}.cobone .share_Idea{padding:3rem 0}.cobone .share_Idea .content_wrap h5{font-size:1.5rem}.cobone .share_Idea .content_wrap h4{font-size:2rem}.cobone .share_Idea .content_wrap .image_wrap img{max-width:140px}.cobone .our_process ul li{height:300px;padding:1rem}}.cobone .our_process ul li:first-child{border-left:1px solid #fff}.cobone .our_process ul li b{font-size:25px;margin-bottom:1rem}@media (max-width:601px){.cobone{padding-top:30px}.cobone ::-webkit-scrollbar{height:4px}.cobone .about_app .container,.cobone .container,.cobone .our_process ul,.cobone .typography .typo_details,.cobone .wide_range .content_wrap{flex-wrap:wrap}.cobone .page_title h2,.cobone .page_title h3{font-size:1.8rem;margin-bottom:10px}.cobone .icons,.cobone .testimonial .page_title{padding-top:1rem}.cobone .icons li{margin-right:0}.cobone .icons li img{width:40px}.cobone .icons li b,.cobone .icons li span{font-size:.9rem}.cobone .about_app .content,.cobone .banner .banner_image,.cobone .banner .content,.cobone .project_gaol .content,.cobone .project_gaol .image_section,.cobone .wide_range .content_wrap .content{width:100%}.cobone .banner .content h1{font-size:3rem}.cobone .banner .content p,.cobone .wide_range .content_wrap .content .range_detail p{margin-bottom:0}.cobone .banner .content .button_wrap{padding-bottom:1rem}.cobone .about_app .image_section,.cobone .wide_range .content_wrap .image_wrap{width:100%;text-align:center}.cobone .project_gaol .container{flex-direction:column-reverse}.cobone .problems_solution .content ul li{width:50%;padding:5px}.cobone .problems_solution .content ul li img{max-width:125px}.cobone .problems_solution .content ul li h5{font-size:16px}.cobone .problems_solution .content ul li p{font-size:13px}.cobone .wide_range .content_wrap .image_wrap img{max-width:200px}.cobone .wide_range .content_wrap .content .range_detail h4{font-size:17px;margin-bottom:0}.cobone .caseStudy .case_study_list ul li,.cobone .testimonial{padding:0}.cobone .testimonial .testimonial_content{flex-direction:column;margin-top:1rem}.cobone .testimonial .testimonial_content .testimonialImg{max-width:250px;margin:0 auto;position:static}.cobone .testimonial .testimonial_content .testimonial_card{max-width:100%;padding:2rem}.cobone .testimonial .testimonial_content .testimonial_card p b{font-size:70px}.cobone .testimonial .testimonial_content .testimonial_card p b.start{top:-15px;left:-28px}.cobone .testimonial .testimonial_content .testimonial_card p b.end{bottom:-50px}.cobone .testimonial .testimonial_content .testimonial_card .auth h5{font-size:20px}.cobone .typography .typo_details .font_family{width:100%;margin-bottom:1rem}.cobone .typography .typo_details .font_family h3{font-size:13rem;line-height:10rem}.cobone .typography .typo_details .colors{width:49%}.cobone .typography .typo_details .colors ul li:nth-child(5){padding-bottom:20px}.cobone .caseStudy .page_title{margin-bottom:1rem}.cobone .caseStudy .case_study_list ul li span{font-size:1rem;margin-top:0}.cobone .share_Idea{padding:1rem;margin-top:1rem}.cobone .share_Idea .content_wrap{padding:1rem;flex-direction:column-reverse;position:relative}.cobone .share_Idea .content_wrap h5{font-size:1rem}.cobone .share_Idea .content_wrap h4{font-size:1.1rem}.cobone .share_Idea .content_wrap a{font-size:1rem;padding:5px 15px}.cobone .share_Idea .content_wrap .image_wrap{text-align:center}.cobone .share_Idea .content_wrap .image_wrap img{max-width:82px;position:absolute;right:10px;bottom:0}.cobone .our_process ul li{width:50%;padding:1rem;height:auto;border:0}.cobone .our_process ul li:first-child{border:0}.cobone .our_process ul li b{font-size:20px;margin-bottom:.5rem}}.cobone .our_process ul li p{color:silver;font-weight:400;line-height:1.5}.cobone .our_process ul li:hover{border-bottom-right-radius:16px;background-color:#3047e3}