.file-dropzone{background:rgba(11,25,37,.7);bottom:0;color:#fff;left:0;padding-top:45vh;position:fixed;right:0;text-align:center;top:0;z-index:6000}h1,h2,h3{font-family:Poppins,sans-serif}h1{font-size:40px;color:#e9f0fc;font-weight:500}h2{font-size:28px;text-align:center;font-weight:600}h2 span{color:#ff367e}h3{font-size:20px;font-weight:600;text-align:center}h3,p{color:#1b0c7d}p{font-size:16px}body{background:#190d63 url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEwMCIgaGVpZ2h0PSIyNTkzIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2ZfMTQ2MjBfMjcwNSkiPjxjaXJjbGUgY3g9IjkwMi41ODEiIGN5PSIxMjgxLjg4IiByPSIzNTcuNjIyIiB0cmFuc2Zvcm09InJvdGF0ZSgtMzEuNDA0IDkwMi41ODEgMTI4MS44OCkiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8xNDYyMF8yNzA1KSIgZmlsbC1vcGFjaXR5PSIuNSIvPjwvZz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMTQ2MjBfMjcwNSIgeDE9IjkwMi41ODEiIHkxPSI5MjQuMjU0IiB4Mj0iOTAyLjU4MSIgeTI9IjE2MzkuNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiNGRjJDNkIiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMxMjhDRjEiLz48L2xpbmVhckdyYWRpZW50PjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZl8xNDYyMF8yNzA1IiB4PSIxMS45MDgiIHk9IjM5MS4yMDMiIHdpZHRoPSIxNzgxLjM1IiBoZWlnaHQ9IjE3ODEuMzQiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPjxmZUJsZW5kIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjI2Ni41IiByZXN1bHQ9ImVmZmVjdDFfZm9yZWdyb3VuZEJsdXJfMTQ2MjBfMjcwNSIvPjwvZmlsdGVyPjwvZGVmcz48L3N2Zz4=) no-repeat center top -406px}.header{background:#fff}.main .ct-site-inner{max-width:none;padding:80px 64px 64px}.main .ct-site-inner .show-more,.main .ct-site-inner h2{color:#e9f0fc}.main .ct-site-inner ul{justify-content:center}.main .ct-site-inner ul li{background:#251992;margin:24px 24px 0}.main .ct-site-inner ul li:hover{background:#2917d1}.main .ct-site-inner ul li a{color:#e9f0fc}.main a{color:#1b0c7d}.main a:hover{color:#ff367e}.main img{width:100%;height:auto}.main .section-1,.main .section-2,.main .section-3,.main .section-4,.main .section-5,.main .section-6,.main .section-7{padding:0 64px}.main .section-2 h2,.main .section-2 h3,.main .section-3 h2,.main .section-3 h3,.main .section-4 h2,.main .section-4 h3{color:#1b0c7d}.main .section-1{padding-top:60px;padding-bottom:60px;background:#190d63;position:relative;z-index:1}.main .section-1:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/asset/extract-signature-from-document/css/images/section1-bg-21a2bf83.svg) no-repeat center top -406px;z-index:-1}.main .section-1 .container{display:flex;justify-content:center;align-items:center}.main .section-1 .container .content{max-width:473px;margin-right:105px}.main .section-1 .container .content h1{line-height:60px}.main .section-1 .container .content .h1-desc{color:#dfe7f9;margin-top:8px;margin-bottom:24px}.main .section-1 .upload-box{display:flex;justify-content:center;align-items:center;flex-direction:column;width:auto;margin:auto;margin-top:16px;background:#281a7c;border-radius:8px;box-sizing:border-box;padding:39px 49px}.main .section-1 .upload-box .upload:hover{opacity:.8}.main .section-1 .upload-box .btn-upload{display:block;padding:20px 67px 20px 95px;box-sizing:border-box;background:linear-gradient(91.91deg,#ff367e 47.02%,#1897ff 85.22%);border-radius:8px;text-align:center;font-size:20px;line-height:24px;font-weight:500;color:#fff;white-space:normal;cursor:pointer;position:relative}.main .section-1 .upload-box .btn-upload:before{content:"";position:absolute;width:24px;height:24px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyIDE2LjM3N2ExLjA3IDEuMDcgMCAwMS0uODAyLS4zMzMgMS4xMyAxLjEzIDAgMDEtLjMyMy0uODIyVjYuOTU4bC0yLjExIDIuMTY3YTEuMDY2IDEuMDY2IDAgMDEtLjc4Ny4zNDdjLS4zIDAtLjU3Mi0uMTI1LS44MTYtLjM3NmExLjA4OCAxLjA4OCAwIDAxLS4zMjItLjgyM2MuMDEtLjMxNy4xMTctLjU4Mi4zMjItLjc5NWw0LjA1LTQuMTZhLjk3OS45NzkgMCAwMS4zNjYtLjI0NSAxLjI0MyAxLjI0MyAwIDAxLjg0NCAwYy4xMzEuMDQ4LjI1My4xMy4zNjUuMjQ1bDQuMDUgNC4xNmMuMjI2LjIzMS4zMzQuNTA2LjMyNS44MjRhMS4xMzcgMS4xMzcgMCAwMS0uMzI1Ljc5NCAxLjEzNiAxLjEzNiAwIDAxLS44MDIuMzYyYy0uMzEuMDEtLjU3Ni0uMS0uOC0uMzMzbC0yLjExLTIuMTY3djguMjY0YzAgLjMyNy0uMTA4LjYwMi0uMzI0LjgyNGExLjA3IDEuMDcgMCAwMS0uODAxLjMzMXpNNS4yNSAyMWEyLjEzOSAyLjEzOSAwIDAxLTEuNTktLjY4QTIuMjUyIDIuMjUyIDAgMDEzIDE4LjY5di0yLjMxMmMwLS4zMjcuMTA4LS42MDIuMzI0LS44MjRhMS4wNyAxLjA3IDAgMDEuODAxLS4zMzJjLjMxOSAwIC41ODYuMTExLjgwMi4zMzMuMjE2LjIyMi4zMjQuNDk2LjMyMy44MjN2Mi4zMTJoMTMuNXYtMi4zMTJjMC0uMzI3LjEwOC0uNjAyLjMyNC0uODI0YTEuMDcgMS4wNyAwIDAxLjgwMS0uMzMyYy4zMTkgMCAuNTg2LjExMS44MDIuMzMzLjIxNi4yMjIuMzI0LjQ5Ni4zMjMuODIzdjIuMzEyYzAgLjYzNS0uMjIgMS4xOC0uNjYyIDEuNjMzYTIuMTMgMi4xMyAwIDAxLTEuNTg4LjY3OEg1LjI1eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==) no-repeat;left:67px;top:20px}.main .section-1 .upload-box .upload-image{display:none}.main .section-1 .upload-box .desc{margin-top:12px;font-size:12px;color:#a8a8c4}.main .section-2{padding-top:56px;padding-bottom:24px;background:#ecf1f4}.main .section-2 .container{max-width:1152px;margin:auto;margin-top:40px}.main .section-2 .container ul{display:flex;justify-content:space-between;flex-wrap:wrap}.main .section-2 .container ul li{max-width:560px;border:1px solid #d1d4de;box-sizing:border-box;background:#fff;padding:20px;border-radius:8px;margin-bottom:32px;display:flex;align-items:center;width:calc(50% - 16px)}.main .section-2 .container ul li>div{width:100%}.main .section-2 .container ul li p{font-size:16px;line-height:24px;margin-top:12px;max-width:264px}.main .section-2 .container ul li .title{font-size:20px;line-height:normal;font-weight:600;margin-top:0}.main .section-2 .container ul li .pic{margin-right:24px;max-width:228px}.main .section-3{padding-top:100px;padding-bottom:100px;background:#fff}.main .section-3 h3{font-size:24px}.main .section-3 .container{margin-top:80px}.main .section-3 .container .content p{line-height:28px;margin-top:16px}.main .section-3 .container .content>div{display:flex;justify-content:center;align-items:center;max-width:1120px;margin:auto}.main .section-3 .container .content>div:first-child{margin-bottom:132px}.main .section-3 .container .content>div .text{margin-right:80px}.main .section-3 .container .content>div .text h3{text-align:start;max-width:480px}.main .section-3 .container .content>div .text p{color:#757287;max-width:480px}.main .section-3 .container .content>div .pic{max-width:560px}.main .section-3 .container .cocoen-bg{padding:8px;background:linear-gradient(90.52deg,#ff367e 13.29%,#1897ff 88.84%);border-radius:16px;max-width:560px}.main .section-3 .container .cocoen{width:100%;height:auto;margin:0;border-radius:8px}.main .section-3 .container .cocoen>div img{height:100%;width:auto}.main .section-3 .container .cocoen-drag,.main .section-3 .container .cocoen-drag .drag-inner{background:#1897ff}.main .section-4{background:#fff;padding-top:40px;padding-bottom:28px}.main .section-4 .container{max-width:968px;margin:auto;margin-top:56px}.main .section-4 .container .pic-text{margin-bottom:64px}.main .section-4 .container .pic-text>p{margin-bottom:24px;font-size:18px;font-weight:600;line-height:24px;text-align:center;color:#1b0c7d}.main .section-4 .container .pic-text>div{display:flex;align-items:center;justify-content:space-between}.main .section-4 .container .pic-text>div img{width:calc(50% - 36px)}.main .FAQs{padding-top:56px;padding-bottom:147px}.main .FAQs h2{margin-bottom:44px;color:#e9f0fc}.main .FAQs .questions-list{max-width:960px;margin:auto}.main .FAQs .questions-list li{padding:20px 0;padding-left:36px;border-bottom:1px solid hsla(0,0%,100%,.1)}.main .FAQs .questions-list li:first-child{padding-top:0}.main .FAQs .questions-list .question-title{position:relative;cursor:pointer;text-align:start;color:#e9f0fc}.main .FAQs .questions-list .question-title:after{content:"";position:absolute;width:24px;height:24px;top:2px;left:-36px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiByeD0iMTIiIGZpbGw9IiNFOUYwRkMiLz48cGF0aCBkPSJNMTAuODMzIDEwLjgzM0g2LjE3QTEuMTY5IDEuMTY5IDAgMDA1IDEyYzAgLjY0OS41MjQgMS4xNjcgMS4xNyAxLjE2N2g0LjY2M3Y0LjY2M2ExLjE2OCAxLjE2OCAwIDEwMi4zMzQgMHYtNC42NjNoNC42NjNBMS4xNjkgMS4xNjkgMCAwMDE5IDEyYzAtLjY0OS0uNTI0LTEuMTY3LTEuMTctMS4xNjdoLTQuNjYzVjYuMTdBMS4xNjkgMS4xNjkgMCAwMDEyIDVjLS42NDkgMC0xLjE2Ny41MjQtMS4xNjcgMS4xN3Y0LjY2M3oiIGZpbGw9IiMwMjA2MjQiLz48L3N2Zz4=) no-repeat 50%/cover;background-size:24px}.main .FAQs .questions-list .question-title[data-active=true]{color:#ff367e}.main .FAQs .questions-list .question-title[data-active=true]:after{content:"";background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiByeD0iMTIiIGZpbGw9IiNGRjM2N0UiLz48cGF0aCBkPSJNMTcuNzUgMTFhMS4yNSAxLjI1IDAgMTEwIDIuNUg2LjI1YTEuMjUgMS4yNSAwIDExMC0yLjVoMTEuNXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=) no-repeat 50%/cover}.main .FAQs .question-desc{display:none;margin-top:16px;line-height:36px;color:#dfe7f9}.main .rate{padding-bottom:100px}.main .rate-box{position:relative;max-width:831px;margin:auto;background:linear-gradient(269.77deg,#44a9fd 21.38%,#128cf1 69.98%);border-radius:35px;padding:35px 0 34px 65px}.main .rate-box:after{content:"";position:absolute;width:304px;height:234px;bottom:21px;right:11px;background:url(/asset/extract-signature-from-document/css/images/rate-bg-127ca6c8.png) no-repeat 50%/cover}.main .rate-box h2{color:#fff;text-align:start}.main .rate-box .star{display:flex;margin-top:52px}.main .rate-box .star #star-list{display:flex;justify-content:space-between;width:224px!important}.main .rate-box .star #star-list img{width:32px;height:32px;margin:0 2px}.main .rate-box .star .desc{margin-top:3px;margin-left:20px;font-size:20px;color:#cfd3f1;text-align:center}.main .date{color:#9c9c9c;font-size:14px;line-height:28px;padding-bottom:40px}.hover-menu{display:none;position:fixed;top:0;z-index:99999999;width:100%;height:64px;background:#fff;font-size:14px;box-shadow:0 4px 8px rgba(25,13,99,.25)}.hover-menu .wrapper{display:flex;justify-content:space-between;align-items:center;max-width:1280px;padding:0 64px;margin:auto;height:100%}.hover-menu .wrapper .logo a{display:block;text-decoration:none;font-size:20px;font-weight:600;color:#190d63;position:relative}.hover-menu .wrapper .buttons{background:linear-gradient(91.91deg,#ff367e 47.02%,#1897ff 85.22%);border-radius:8px;cursor:pointer;color:#fff;font-size:16px;display:inline-block}.hover-menu .wrapper .buttons:hover{opacity:.8}.hover-menu .wrapper .buttons .btn-upload{display:inline-block;padding:8px 28px;cursor:pointer}.hover-menu .wrapper .buttons .upload-image{display:none}@media screen and (max-width:768px){h1,h2,h2 span,h3{font-family:Segoe UI,SegoeUI,Avenir Next,Avenir,Helvetica Neue,Helvetica,Arial,sans-serif}h1{font-size:28px;line-height:42px}h2{font-size:20px}h3{font-size:16px}.h1-desc{font-size:14px}.h2-desc{margin-top:8px;font-size:12px;line-height:20px}p{font-size:14px}.header,body{background:#190d63}.main .ct-site-inner{padding:50px 16px}.main .ct-site-inner ul li:hover{background:rgba(37,25,146,.1)}.main .ct-site-inner ul li:hover a{width:auto;color:#1b0c7d}.main .section-1,.main .section-2,.main .section-3,.main .section-4,.main .section-5,.main .section-6,.main .section-7{padding:0 16px}.main .section-1{padding-top:24px;padding-bottom:28px}.main .section-1:before{display:none}.main .section-1 .container{flex-direction:column}.main .section-1 .container .content{margin:auto;margin-bottom:28px;text-align:center}.main .section-1 .container .content h1{text-align:center;line-height:42px}.main .section-1 .container .pic{padding:0 32px}.main .section-1 .upload-box{width:auto;height:140px;padding:0}.main .section-1 .upload-box .btn-upload{font-size:16px;padding:10px 29px 10px 57px}.main .section-1 .upload-box .btn-upload:before{top:10px;left:29px}.main .section-1 .upload-box .btn-upload span{line-height:24px}.main .section-1 .upload-box .desc{display:none}.main .section-2{padding-top:40px;padding-bottom:16px}.main .section-2 .container{margin-top:16px}.main .section-2 .container ul{flex-direction:column}.main .section-2 .container ul li{flex-direction:column;padding:20px 16px;align-items:start;width:100%}.main .section-2 .container ul li .pic{margin:auto;max-width:none;margin-bottom:16px}.main .section-2 .container ul li p{margin-top:12px;line-height:24px;font-size:14px;max-width:none}.main .section-2 .container ul li .title{font-size:16px}.main .section-3{padding-top:20px;padding-bottom:20px;background:#fff}.main .section-3 h2{text-align:center}.main .section-3 h3{font-size:16px;margin-top:24px}.main .section-3 .container{margin-top:16px}.main .section-3 .container .content{text-align:center}.main .section-3 .container .content>div{flex-direction:column}.main .section-3 .container .content>div:first-child{margin-bottom:24px}.main .section-3 .container .content>div .text{margin:auto;margin-bottom:24px}.main .section-3 .container .content>div .text h3{text-align:center}.main .section-3 .container .content>div .pic{padding:0 16px}.main .section-3 .container .cocoen{width:100%;height:auto}.main .section-4{padding-top:24px;padding-bottom:24px}.main .section-4 .container{margin-top:16px}.main .section-4 .container .pic-text{margin-bottom:16px}.main .section-4 .container .pic-text>p{font-size:14px}.main .section-4 .container .pic-text>div{flex-direction:column;padding:0 16px}.main .section-4 .container .pic-text>div img{margin-bottom:16px;width:100%;max-width:448px}.main .FAQs{padding-bottom:40px}.main .FAQs h2{margin-bottom:20px}.main .FAQs .questions-list .question-title:after{width:20px;height:20px;background-size:20px}.main .FAQs .question-desc{line-height:24px}.main .rate{padding-bottom:35px}.main .rate-box{padding:32px 21px;border-radius:20px}.main .rate-box:after{display:none}.main .rate-box h2{font-weight:600;font-size:16px}.main .rate-box .star{margin-top:35px}.main .rate-box .star .desc{font-size:14px}.main .rate-box .star #star-list{width:132px!important}.main .rate-box .star #star-list img{width:20px;height:20px}.hover-menu{height:56px}.hover-menu .wrapper{padding:0 16px}.hover-menu .wrapper .logo a{font-size:16px}.hover-menu .wrapper .buttons{font-size:14px}.hover-menu .wrapper .buttons .btn-upload{padding:6px 20px}}.cocoen{box-sizing:border-box;cursor:pointer;line-height:0;margin:0 auto;overflow:hidden;padding:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:792px;height:452px}@media (max-width:768px){.cocoen{width:100%;height:auto}}.cocoen *,.cocoen :after,.cocoen :before{box-sizing:inherit}.cocoen img,.cocoen picture>img{max-width:none}.cocoen>img,.cocoen>picture>img{display:block;width:100%}.cocoen>div:first-child,picture .cocoen>div{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:50%}.cocoen-drag{bottom:0;cursor:ew-resize;margin-left:-1px;top:0;width:3px}.cocoen-drag,.cocoen-drag .drag-inner{background:#fff;left:50%;position:absolute}.cocoen-drag .drag-inner{display:flex;justify-content:center;align-items:center;height:30px;width:30px;margin-left:-15px;margin-top:-15px;line-height:27px;top:50%;border-radius:100%;color:rgba(0,0,0,.5);text-align:center;box-shadow:inset -1px -1px 3px rgba(57,53,84,.25)}