html {  scroll-behavior: smooth;}
.heading-menu,#scroll, #backToTop{display:none!important}
.new-integ-form *, new-integ-form *::before,new-integ-form *::after,
.main-page *,.main-page *::before,.main-page *::after{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;font-weight:300}
.m-container{-webkit-box-sizing:content-box;box-sizing:content-box;max-width:1220px;padding:0 40px;margin:0 auto;position:relative}
.main-page{font-family:"ZohoPuvi",sans-serif;font-size:16px;font-weight:300;line-height:1;color:#000;background:#F7F7F7;padding-bottom:80px;}
.main-page strong{font-weight:600}
.main-page a{text-decoration:none;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.main-page p{font-size:16px;font-weight:300;line-height:1.6;color:#000}
.main-page p a{color:#0067FF}
.main-page p a:hover{text-decoration:underline}
.main-page ul{list-style-type:none;position:relative}
.main-page ul li{position:relative}
.main-page img{width:100%;height:auto}
.main-page .small-img {
    display: inline;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin: 0px 5px;
}
.lr-container{display:block;width:100%;font-size:0;position:relative}
.lr-container .m-lhs,.lr-container .m-rhs{display:inline-block;vertical-align:top;font-size:16px;position:relative}
.bs-sec{background:#f0f0f0;padding:8px 0;margin-bottom:60px;position:sticky;top:60px;z-index:999}
.bs-sec ul li{display:inline-block;position:relative;padding-right:16px;margin-right:8px;margin-bottom:6px}
.bs-sec ul li:not(:last-child)::before{content:'';background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDYgMTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDAuODI0MjE5TDUuMzc4NzggNS4yMDNMMSA5LjU4MTc5IiBzdHJva2U9ImJsYWNrIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) no-repeat;background-size:100%;width:5px;height:9px;position:absolute;top:0;bottom:0;right:0;margin:auto}
.bs-sec ul li a{font-size:12px;font-weight:300;line-height:1.2;color:#000;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.bs-sec ul li:hover a{text-decoration:underline}
.bs-sec ul li span{display:inline-block;font-size:12px;color:rgba(0,0,0,0.6)}
.main-content .lr-container .m-lhs{width:150px;position:sticky;top:150px}
.main-content .lr-container .m-rhs{width:calc(100% - 150px);padding-left:80px}
.compy-logo{margin-bottom:20px}
.get-cta{width:100%;display:block;font-family:"ZohoPuvi",sans-serif;font-size:15px;font-weight:400;line-height:1.3;color:#fff;background:#000;background:-o-linear-gradient(top,#666,#000);background:-webkit-gradient(linear,left top, left bottom,from(#666),to(#000));background:linear-gradient(to bottom,#666,#000);border:none;border-radius:4px;padding:12px 20px;margin-bottom:50px;cursor:pointer;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.get-cta:hover{background:-o-linear-gradient(bottom,#666,#000);background:-webkit-gradient(linear,left bottom, left top,from(#666),to(#000));background:linear-gradient(to top,#666,#000)}
.get-cta.get-cta-mob{display:none}
.scroll-tab{position:relative}
.scroll-tab .lhs-highlight{width:3px;height:35px;background:#000;position:absolute;left:0;top:0;-webkit-transition:.2s linear;-o-transition:.2s linear;transition:.2s linear;z-index:1}
.scroll-tab-list{border-left:3px solid rgba(0,0,0,0.10)}
.scroll-tab-list li{font-size:15px;font-weight:300;line-height:1.3;color:#000;position:relative;padding:8px 0 8px 16px;cursor:pointer}
.scroll-tab-list li:hover,.scroll-tab-list li.scroll-act{font-weight:400}
.tab-list-style table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 20px !important;
}
.tab-list-style table, .tab-list-style td, .tab-list-style th {
  border: 1px solid #0087FF;
  padding: 12px !important;
  text-align: center;
}
.related-app{margin-top:80px}
@media (min-width:767px) and (min-height: 900px) {
.main-content .lr-container .m-lhs{height:calc(100vh - 200px)}
.related-app{position:absolute;bottom:0}
}
.related-app h3{font-size:16px;font-weight:500;line-height:1.3;margin-bottom:8px}
.related-links li a{display:block;font-size:15px;font-weight:300;line-height:1.3;color:#4445EC;padding:6px 0;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.related-links li a:hover{text-decoration:underline}
.header-sec{border-bottom:1px solid rgba(0,0,0,0.10);padding-bottom:40px;margin-bottom:40px}
.header-sec h1{font-size:28px;font-weight:500;line-height:1.3;color:#000;margin-bottom:2px}
.m-rhs .header-sec h2{font-size:16px;font-weight:300;line-height:1.5;color:rgba(0,0,0,0.80);margin:0;}
.header-sec .categ-name{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;margin-top:20px}
.header-sec .categ-name span{display:inline-block;font-size:12px;font-weight:300;line-height:1.3;color:#000;background:#ededed;border-radius:4px;padding:5px 10px}
.scroll-content h2{font-size:24px;font-weight:500;line-height:1.3;color:#000;margin-bottom:20px}
.scroll-content button + h2 {margin-top: 0;}
.scroll-content * + h2 {margin-top: 40px;}
.scroll-content p{font-size:15px;line-height:1.7;margin-bottom:20px}
.scroll-content p a:hover,.scroll-content ul li a:hover{text-decoration:underline}
.scroll-box-container{display:-webkit-box;display:-ms-flexbox;display:flex;gap:26px;margin:40px 0 30px}
.s-box{width:50%;background:#fff;border-radius:10px;-webkit-box-shadow:12px 80px 24px rgba(214,214,214,0.1);box-shadow:12px 80px 24px rgba(214,214,214,0.1);padding:30px 25px;position:relative;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.s-box i{display:inline-block;background-repeat:no-repeat;background-size:contain;width:100%;height:36px;margin-bottom:16px;position:relative}
.s-box h3{font-size:16px;font-weight:500;line-height:1.4;margin-bottom:10px;position:relative}
.scroll-box-container .s-box p{font-size:15px;color:#282828;margin-bottom:0}
.confi-sec{margin:60px 0 80px}
.confi-sec .confi-container{background:#fff;-webkit-box-shadow:12px 80px 24px rgba(214,214,214,0);box-shadow:12px 80px 24px rgba(214,214,214,0);border-radius:10px;padding:40px;margin-bottom:60px}
.confi-sec .confi-step{height:700px;overflow:hidden;position:relative}
.confi-sec .confi-step.confi-remove{height: auto;min-height: 670px;overflow: unset;}
.confi-sec .confi-step.confi-remove::before{display: none;}
.confi-sec .confi-step::before{content:'';width:100%;height:180px;background:#fff;background:-o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0.94) 60%,#FFFFFF 100%);background:-webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,0)),color-stop(60%, rgba(255,255,255,0.94)),to(#FFFFFF));background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.94) 60%,#FFFFFF 100%);position:absolute;bottom:0;left:0;z-index:1}
.confi-sec .confi-step.view-more::before{display:none}
.confi-sec .confi-step.view-more{overflow:initial;height:auto}
.confi-step .sm-cta{font-family:inherit;width:110px;display:block;font-size:15px;font-weight:400;line-height:1.2;color:#4445EC;background:#fff;border-radius:4px;border:1px solid #4445EC;padding:10px 20px;position:absolute;left:0;bottom:0;z-index:2;cursor:pointer;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.confi-step .sm-cta:hover{background:#4445EC;color:#fff}
.confi-step.view-more .sm-cta{display:none}
.confi-step:not(:last-child){margin-bottom:40px}
.confi-sec ul li{font-size:15px;font-weight:300;line-height:1.7;color:#000}
.confi-step .tab-list-style li,.confi-step .confi-list li{word-break:break-word;padding-left:4px;margin-left:18px;position:relative}
.confi-step .tab-list-style li:not(:last-child),.confi-step .confi-list li:not(:last-child){margin-bottom:14px}
.confi-step .tab-list-style.num-style,.confi-step .confi-list.num-list{list-style:decimal}
.confi-step .confi-list.dot-style{list-style:disc}
.confi-sec .tick-list li{display:inline-block;vertical-align:top;width:calc(100% / 3 - 26px);padding-left:26px;margin-right:20px}
.confi-sec .tick-list li:not(:last-child){margin-bottom:12px}
.confi-sec .tick-list li::before{content:'';background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeT0iMC44NzkwMjgiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgcng9IjkiIGZpbGw9IiMyRkJCNzciLz4KPHBhdGggZD0iTTEyLjk5NzYgNy4xMzA2OEw3LjUwMDg5IDEyLjYyNzRMNS4wMDIzNyAxMC4xMjg5IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuMTI1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) no-repeat;background-size:15px;width:15px;height:16px;position:absolute;left:0;top:3px}
.confi-step .tab-inner-list,
.confi-step .inner-list{margin:10px 0}
.confi-step .tab-inner-list li,
.confi-step .inner-list li{position:relative;padding-left:14px;margin-left:0}
.confi-step .tab-inner-list li::before,
.confi-step .inner-list li::before{content:'';width:5px;height:5px;background:#000;border-radius:50px;position:absolute;left:0;top:10px}
.confi-step .dot-box,.confi-step .dot-border-box{display:table;font-size:15px;font-weight:300;line-height:1.4;background:#FFF7D6;border:.5px dashed #000;border-radius:4px;padding:10px 25px;margin:20px 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}
.confi-step .dot-box a:hover,.confi-step .dot-border-box a:hover{text-decoration:underline}
.confi-step figure{width:80%}
.confi-step figure.img-wd30{max-width: 300px;}
.confi-step figure.img-wd50{max-width: 500px;}
.confi-step figure.img-wd60{max-width: 600px;}
.confi-step figure.img-wd70{max-width: 700px;}
.confi-step figure img{display:block;margin:26px 0}
.confi-step .s-code{display: block;line-height: 1.8;word-break: break-word;margin: 20px 0;}
.confi-step .s-code span{display: block;padding-left: 20px;}
.faq-sec{margin-bottom:60px}
.faq-sec .faq-accordion{width:100%;border-bottom:1px solid #DEDEDE;padding:20px 26px;padding-left:50px;position:relative;-webkit-transition:.3s ease-in;-o-transition:.3s ease-in;transition:.3s ease-in;cursor:pointer}
.faq-sec .faq-accordion h3{font-size:18px;font-weight:400;line-height:1.4;position:relative;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.faq-sec .faq-accordion:hover h3,.faq-sec .faq-accordion.opened h3{color:#4445EC;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.faq-accordion h3:before{content:"\002B";font-size:24px;font-weight:200;line-height:.5;border-radius:10px;color:#000;position:absolute;left:-30px;top:5px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.faq-accordion.opened h3:before{content:"\2212";-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.faq-accordion h3:hover:before,.faq-accordion.opened h3::before{color:#4445EC}
.faq-sec .faq-panel{display:none;width:100%;font-size:14px;font-weight:300;line-height:1.6;color:#333;margin-top:12px}
.faq-sec .faq-panel p{line-height:1.6;margin-bottom:0}
.faq-sec .faq-panel p:not(:last-child){margin-bottom:20px}
.faq-sec .faq-panel a{color:#2167c9}
.faq-sec .faq-panel a:hover{color:#1b6dde;text-decoration:underline}
.faq-sec .faq-panel ul li{font-size:15px;line-height:1.6;position:relative;padding-left:24px;margin-top:16px}
.faq-sec .faq-panel ul li:not(:last-child){margin-bottom:10px}
.faq-sec .faq-panel ul li::before{content:'';background-position:-116px -54px;width:12px;height:10px;position:absolute;left:0;top:7px}
.faq-sec .faq-panel ul li strong{font-weight:600}
.find-ban{text-align:center;background:#2E2E2E;background:-o-linear-gradient(330deg,#2E2E2E,#000);background:linear-gradient(120deg,#2E2E2E,#000);border-radius:10px;padding:38px;overflow:hidden;position:relative;z-index:1}
.find-ban::before{content:'';background:url(../images/marketplace-inner-pattern-24.png) no-repeat;background-size:cover;background-position:bottom center;width:100%;height:100%;position:absolute;bottom:0;left:0;z-index:-1}
.find-ban h4{font-size:24px;font-weight:400;line-height:1.3;color:#fff;margin-bottom:16px}
.find-ban .integ-cta{display:inline-block;font-family:"ZohoPuvi",sans-serif;font-size:15px;font-weight:400;line-height:1.3;color:#000;background:#D2D2D2;background:-o-linear-gradient(top,#fff,#D2D2D2);background:-webkit-gradient(linear,left top, left bottom,from(#fff),to(#D2D2D2));background:linear-gradient(to bottom,#fff,#D2D2D2);border:none;border-radius:4px;padding:12px 30px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;cursor:pointer}
.find-ban .integ-cta:hover{background:-o-linear-gradient(bottom,#fff,#D2D2D2);background:-webkit-gradient(linear,left bottom, left top,from(#fff),to(#D2D2D2));background:linear-gradient(to top,#fff,#D2D2D2);-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}
.form-head h3{font-size:18px;font-weight:500;line-height:1.4;text-align:center;color:#000;margin-bottom:20px}
.form-head h3 span{font-size:inherit;font-weight:inherit}
.ffw-form form ul li{margin-bottom:10px;position:relative}
.ffw-form form ul li:last-child{margin-bottom:0}
.ffw-form form ul li input,.ffw-form form ul li select,.ffw-form .ffw-ms .ffw-display-text{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;font-family:"ZohoPuvi",sans-serif;font-size:14px;font-weight:300;line-height:27px;color:#000;background-color:#fff;height:50px;width:100%;border:1px solid #989898;border-radius:4px;outline:0;padding:10px 18px;appearance:none;-webkit-appearance:none;-moz-appearance:none}
.ffw-form form ul li input.partner-first-n,.ffw-form form ul li input.partner-last-n{display:inline-block;width:100%}
.ffw-form form ul li input.partner-last-n{padding-left:10px;margin-left:14px}
.one-line-form form ul li .ffw-add-field{width:100%;padding:10px;border:1px solid #E3E3E3;border-radius:3px}
.ffw-form form ul li select{padding-right:28px;cursor:pointer}
.ffw-field.ffw-ic-pro-cat .ffw-form-control.errHighligh{-webkit-box-shadow:none;box-shadow:none;border:none}
.ffw-form form ul li input[type=submit]{background:#000;background:-o-linear-gradient(top,#666,#000);background:-webkit-gradient(linear,left top, left bottom,from(#666),to(#000));background:linear-gradient(to bottom,#666,#000);color:#fff;font-weight:500;font-size:18px;border:none;border-radius:3px;margin-top:18px;padding:0;cursor:pointer;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.ffw-form form ul li input[type=submit]:hover{background:#000;background:-o-linear-gradient(bottom,#666,#000);background:-webkit-gradient(linear,left bottom, left top,from(#666),to(#000));background:linear-gradient(to top,#666,#000);-webkit-box-shadow:2px 4px 15px rgba(0,0,0,0.2);box-shadow:2px 4px 15px rgba(0,0,0,0.2)}
.ffw-form.showing-state form ul li.ffw-ic-country select{width:49%;display:inline-block}
.ffw-form.showing-state form ul li.ffw-ic-country .commonselect{padding-left:12px;margin-left:2%}
.ffw-form .misc-field textarea{display:none}
.ffw-form textarea{width:100%;font-family:ZohoPuvi;padding:14px 18px 14px 18px;font-size:14px;line-height:1.4;font-weight:300;border:1px solid #989898;border-radius:4px;height:auto;resize:none}
.ffw-form .ffw-errmsg{text-align:right;display:none;background:transparent;font-size:12px;color:#ff0c30;border-radius:2px;position:relative;top:1px;padding:1px 3px}
.ffw-form #meGDPRMessage,.ffw-form .ffw-privacy{font-weight:300;font-size:11px;line-height:18px;text-align:center;color:#091936;max-width:330px;margin:auto;margin-top:8px}
.ffw-form .ffw-privacy a{text-decoration:underline;color:#091936}
.ffw-form .ffw-privacy strong{font-weight:500}
#meGDPRMessage span.checkmarkgdpr.enableCheckgdpr:before{border-width:0 1.7px 1.7px 0;top:.5px;left:2.2px;width:3.5px;height:6px}
#meGDPRMessage .checkmarkgdpr{top:1px}
#meGDPRMessage label a{font-size:inherit;font-weight:inherit;color:inherit;text-decoration:underline}
.ffw-form select{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background-image:-o-linear-gradient(45deg,transparent 50%,#5a5a5a 50%),-o-linear-gradient(315deg,#5a5a5a 50%,transparent 50%),-o-linear-gradient(left,#fff0,#fff0);background-image:linear-gradient(45deg,transparent 50%,#5a5a5a 50%),linear-gradient(135deg,#5a5a5a 50%,transparent 50%),linear-gradient(to right,#fff0,#fff0);background-position:calc(100% - 20px) calc(1em + 8px),calc(100% - 15px) calc(1em + 8px),calc(100% - 2.5em) .5em;background-size:6px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat}
.ffw-form .thanks-msg{display:none}
.ffw-form .thanks-msg p{text-align:center;font-weight:300;font-size:15px;line-height:24px;margin-top:0}
.ffw-form .thanks-msg p a{text-decoration:underline}
.ffw-form .thanks-msg h3{margin-bottom:20px}
.ffw-form .popup-close{display:inline-block;width:22px;height:22px;background:transparent;border-radius:5px;position:absolute;right:15px;top:15px;cursor:pointer;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.ffw-form .popup-close::after,.ffw-form .popup-close::before{content:"";background:#000;width:1.3px;height:10px;position:absolute;left:0;right:0;margin:auto;top:0;bottom:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.ffw-form .popup-close::after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.ffw-form .popup-close:hover{background:rgba(217,217,217,0.6)}
.ffw-form .ffw-ms .ffw-display-text{padding-right:30px;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background-image:-o-linear-gradient(45deg,transparent 50%,#5a5a5a 50%),-o-linear-gradient(315deg,#5a5a5a 50%,transparent 50%),-o-linear-gradient(left,#fff0,#fff0);background-image:linear-gradient(45deg,transparent 50%,#5a5a5a 50%),linear-gradient(135deg,#5a5a5a 50%,transparent 50%),linear-gradient(to right,#fff0,#fff0);background-position:calc(100% - 20px) calc(1em + 7px),calc(100% - 15px) calc(1em + 7px),calc(100% - 2.5em) .5em;background-size:6px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat;cursor:pointer}
.ffw-form .ffw-ms .ffw-display-text.active::after{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}
.ffw-form .ffw-ms .ffw-display-text.has-options{color:#000}
.ffw-form .ffw-ms .ffw-others-errmsg{display:none;color:red;font-size:12px;margin-top:5px}
.ffw-form .ffw-field.ffw-ic-pro-cat #s-pro-cat,
.ffw-form .ffw-field.ffw-ic-pro-cat #i-pro-cat {position:absolute;opacity: 0;}
.ffw-form .ffw-ms.ffw-form-control{background-color:#fff;border:1px solid #989898;border-radius:4px;position:relative;z-index:1}
.ffw-form .ffw-ms.ffw-form-control .ffw-display-text{background-color:transparent;border:none}
.ffw-field .ffw-ic.ffw-ic-pro-cat{position:relative;z-index:2}
.ffw-form .ffw-ms .ffw-dd{display:none;background:#fff;border:1px solid #989898;border-top:0;-webkit-box-shadow:10px 10px 20px #e4e4e4b8;box-shadow:10px 10px 20px #e4e4e4b8;border-radius:0 0 6px 6px;position:absolute;top:102%;left:0;right:0;width:calc(100% - 6px);margin:auto;z-index:1}
.ffw-form .ffw-ms .ffw-dd .ffw-dd-lists{overflow-y:auto;max-height:126px}
.ffw-form .ffw-ms .ffw-dd .ffw-dd-lists .ffw-ms-fld{display:block;position:relative;font-size:13px;line-height: 1.7; padding:8px 15px;padding-left:43px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:.3s ease all;-o-transition:.3s ease all;transition:.3s ease all;text-align:left}
.ffw-form .ffw-ms .ffw-dd .ffw-dd-lists .ffw-others-fld input{height:42px}
.ffw-form .ffw-ms .ffw-dd .ffw-dd-lists .ffw-ms-fld input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;top: 0;}
.ffw-form .ffw-ms .ffw-dd .ffw-dd-lists .ffw-ms-fld .ffw-ms-checkmark{border:1px solid #b7b7b7;border-radius:2px;position:absolute;top:12px;left:18px;height:14px;width:14px;-webkit-transition:.3s ease all;-o-transition:.3s ease all;transition:.3s ease all}
.ffw-form .ffw-ms .ffw-dd .ffw-dd-lists .ffw-ms-fld .ffw-ms-checkmark:after{content:"";position:absolute;display:none;left:3.5px;top:.5px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:.3s ease all;-o-transition:.3s ease all;transition:.3s ease all}
.ffw-form .ffw-ms .ffw-dd .ffw-dd-lists .ffw-ms-fld input:checked~.ffw-ms-checkmark{background-color:#0275ff;border-color:#0275ff}
.ffw-form .ffw-ms .ffw-dd .ffw-dd-lists .ffw-ms-fld input:checked~.ffw-ms-checkmark:after{display:block}
.ffw-form .ffw-ms .ffw-dd .ffw-dd-lists .ffw-ms-fld:hover{background-color:#f3f3f3}
.ffw-form .ffw-ms .ffw-dd .ffw-dd-lists .ffw-ms-fld:hover input~.ffw-ms-checkmark{border-color:#0275ff}
.ffw-form .ffw-ms .ffw-dd .ffw-dd-lists .ffw-others-fld{padding:10px 15px;display:none}
.ffw-form .ffw-ms .ffw-dd .ffw-ms-done{line-height:1.2;cursor:pointer;padding:10px 20px;border-radius:3px;background:#4445EC;color:#fff;margin:10px auto;text-align:center;max-width:150px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.ffw-form .ffw-ms .ffw-dd .ffw-ms-done:hover{-webkit-box-shadow:4px 6px 15px rgba(68,68,236,0.4);box-shadow:4px 6px 15px rgba(68,68,236,0.4)}
.ffw-form .success-message{display:none;text-align:center}
.ffw-form.success .success-message{display:block}
.ffw-form .success-message h3{font-size:20px;font-weight:500;margin-bottom:10px}
.ffw-form .success-message p{line-height:1.5;max-width:300px;margin:0;margin:auto}
.ffw-form form ul li input:focus,.ffw-form form ul li select:focus,.ffw-form form ul li textarea:focus,.ffw-ms-final:focus ~ .ffw-ms{outline:0;border-color:#000;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);box-shadow:0 0 10px rgba(0,0,0,0.2)}
.ffw-field .ffw-form-control.errHighlight{border:1px solid #ff0c30;background-color:#fff7f7;-webkit-box-shadow:0 0 4px 0 rgba(254,35,68,.9);box-shadow:0 0 4px 0 rgba(254,35,68,.9)}
.new-integ-form{position:fixed;left:0;right:0;bottom:0;top:0;width:100%;height:100%;z-index:9999;display:none}
.mp-pop-container{padding:40px;background:#fff;max-width:500px;max-height:90vh;width:90%;border-radius:8px;font-size:0;margin:auto;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);position:relative;overflow-y:auto}
.down-form-bg{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8)}
.get-integration-form{float:right}
.get-integration-form .popup-close,.get-integration-form .down-form-bg{display:none}
.get-integration-form .ffw-form{width:450px;background:#EDEDED;border-radius:10px;position:relative;z-index:1;padding:36px;margin:40px 40px 20px}
@media (min-width: 1200px) {
.shake{-webkit-animation:shake .82s cubic-bezier(0.36,0.07,0.19,0.97) both;animation:shake .82s cubic-bezier(0.36,0.07,0.19,0.97) both;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}
@-webkit-keyframes shake {
10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}
20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}
30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}
40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}
}
@keyframes shake {
10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}
20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}
30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}
40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}
}
}
@media (max-width: 1200px) {
.m-container{padding:0 24px}
.main-content .lr-container .m-rhs{padding-left:50px}
.scroll-box-container{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:18px}
.s-box{width:48.7%}
.s-box.s-box3{width:100%}
.get-integration-form{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}
.get-integration-form .popup-close,.get-integration-form .down-form-bg{display:block}
.get-integration-form .ffw-form{padding:40px;background:#fff;max-width:500px;max-height:90vh;width:90%;border-radius:8px;font-size:0;margin:auto;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);position:relative;overflow-y:auto}
.confi-sec .confi-step.confi-remove {min-height: auto;}
.confi-step .sm-cta{right:0;margin:auto}
.confi-sec .action-support ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px 26px}
.confi-sec .tick-list li{width:auto}
.confi-sec .tick-list li:not(:last-child){margin-bottom:0}
}
@media (max-width: 992px) {
.bs-sec{top:73px}
.s-box{width:100%}
}
@media (max-width: 767px) {
.main-page p{font-size:15px}
.main-content .lr-container .m-lhs,.main-content .lr-container .m-rhs{display:block;width:100%;padding:0}
.main-content .lr-container .m-lhs{text-align:center;position:relative;top:0}
.bs-sec{margin-bottom:30px}
.compy-logo{width:100px;margin-bottom:10px}
.get-cta{width:auto;display:inline-block}
.get-cta.get-cta-desktop{display:none}
.get-cta.get-cta-mob{display:block;margin-top:30px;margin-bottom:0}
.get-integration-form .ffw-form,.mp-pop-container{padding:30px 24px}
.form-head h3{font-size:18px}
.form-head h3 br{display:none}
.scroll-tab,.related-app{display:none}
.confi-sec{margin:60px 0}
.confi-sec .confi-container{padding:30px}
.confi-step figure{width: 100% !important;}
.scroll-content h2{font-size:20px}
.faq-sec .faq-accordion h3{font-size:16px}
.faq-sec .faq-accordion{padding:20px 0;padding-left:30px}
.find-ban{padding:30px 24px}
.find-ban h4{font-size:22px}
.find-ban .integ-cta{padding:12px 16px}
.ffw-form .popup-close{right: 8px;top: 10px;}
}
@media (max-width: 480px) {
.header-sec h1{font-size:24px;margin-bottom:6px}
.confi-sec .confi-container{padding:30px 24px}
}