@charset "utf-8";
@font-face{font-family:'OpenSans';src:url(/assets/fonts/OpenSans-Regular.eot);src:url(/assets/fonts/OpenSans-Regular.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/OpenSans-Regular.woff) format("woff"),url(/assets/fonts/OpenSans-Regular.ttf) format("truetype"),url(/assets/fonts/OpenSans-Regular.svg#OpenSans-Regular) format("svg");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'OpenSansLight';src:url(/assets/fonts/OpenSans-Light.eot);src:url(/assets/fonts/OpenSans-Light.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/OpenSans-Light.woff) format("woff"),url(/assets/fonts/OpenSans-Light.ttf) format("truetype"),url(/assets/fonts/OpenSans-Light.svg#OpenSans-Regular) format("svg");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Open Sans Semibold";src:url(/assets/fonts/OpenSans-Semibold.eot?) format("eot"),url(/assets/fonts/OpenSans-Semibold.woff) format("woff"),url(/assets/fonts/OpenSans-Semibold.ttf) format("truetype"),url(/assets/fonts/OpenSans-Semibold.svg#OpenSans-Semibold) format("svg");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Open Sans Bold";src:url(/assets/fonts/OpenSans-Bold.eot?) format("eot"),url(/assets/fonts/OpenSans-Bold.woff) format("woff"),url(/assets/fonts/OpenSans-Bold.ttf) format("truetype"),url(/assets/fonts/OpenSans-Bold.svg#OpenSans-Bold) format("svg");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Open Sans ExtraBold";src:url(/assets/fonts/OpenSans-ExtraBold.eot?) format("eot"),url(/assets/fonts/OpenSans-ExtraBold.woff) format("woff"),url(/assets/fonts/OpenSans-ExtraBold.ttf) format("truetype"),url(/assets/fonts/OpenSans-ExtraBold.svg#OpenSans-ExtraBold) format("svg");font-weight:400;font-style:normal;font-display:swap}
body{font-family:var(--font-family-opensans);background:var(--white);font-size:14px;line-height:normal;color:var(--cgl1);overflow-x:hidden}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{line-height:normal}
a{color:var(--WEBGILITY-BLUE)}
a:hover{color:var(--plb1);text-decoration:none}
ul,li{list-style:none}
.link-white:hover .arrow-right, .link-blue:hover .arrow-right {
    right: -10px;
}
.link-white .arrow-right, .link-blue .arrow-right {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    right: 0;
}
.pricing-top-box{padding-left: 45px;position:relative;text-align:left;}
.pricing-col > li:first-child .pricing-top-box,.pricing-col > li:first-child .plan-title{border-left-width:1px}
.plan-switcher1 .switcher1{display:inline-block;width:38px;height:20px;border-radius:85px;background:var(--WEBGILITY-BLUE);border:solid 2px var(--WEBGILITY-BLUE);cursor:pointer;margin:0 15px;position:relative;top:0}
.plan-switcher1 .switcher1 .button{background:var(--white);width:16px;height:16px;top:0;left:18px;border-radius:100%;display:inline-block;position:absolute;-webkit-transition:.4s;transition:.4s}
.plan-switcher1 .switcher1.monthly .button{left:0}
.pricing-col{background:#fff;text-align:center;margin:auto;padding: 15px 0 80px;box-shadow:0 3px 6px rgba(0,0,0,0.16);display:inline-block;border-radius: 10px;border: 1px solid rgb(145 156 171 / 25%);max-width: 1170px;}
.pricing-col > li{vertical-align:top;padding:0;outline:none;margin-bottom:0}
.plan-title{padding: 0 40px;}
.plan-title h2{font-size:30px;margin-bottom:5px;margin-top:0;font-family:var(--font-family-OpenSansBold)}
.plan-tagline{color:var(--WEBGILITY-BLACK);margin-top:8px;margin-bottom:0;min-height:34px}
.plan-tagline,.price-container p{font-size:12px;line-height:1.45}
.price-container-static{position:relative;margin:0 0 25px}
.price-container{font-size:48px;line-height:1}
.yearly-price,.monthly-price,.qtrly-price{font-size:50px;color:var(--WEBGILITY-BLACK)}
.price-container sup{position:relative;top:-5px;left:0;font-size:12px}
.price-container sub{font-size:12px;position:relative;top:-2px;left:2px}
.price-container b{font-size:16px;vertical-align:middle;position:relative;top:-16px;left:26px}
.price-container span{position:relative}
.price-container span:after{content:'USD';position:absolute;top:15px;margin-left:2px;font-size:10px;opacity:0}
.pricing-top{background:var(--white);position:relative;transition:all ease .3s;-webkit-transition:all ease .3s;border-radius:0;min-height: 660px;padding-bottom:0;margin:25px 0;/* border-right: 5px solid #F5F7FA; */}
.pricing-col li:first-child .pricing-top{border-left-color:transparent}
.pricing-col li:last-child .pricing-top{border-right-color:transparent;}
.pricing-top:after {content: '';height: 92%;top: 40px;right: -3px;border-right: 5px solid #F5F7FA;position: absolute;z-index: 9;}
.pricing-col li:last-child .pricing-top:after{border:0;}
.save-20per{background:var(--WEBGILITY-BLUE);color:var(--white);font-size:12px;position:absolute;top:-2px;right:-85%;padding:3px 8px;line-height:normal;font-weight:400;opacity:.5}
.plan-switcher1 span.active{font-family: var(--font-family-OpenSansBold);}
.pricing-blocks .plan-switcher span,.plan-switcher2 span,.plan-switcher1 span{width: 100px;position:relative;margin-bottom:2px;font-size:15px;}
.plan-switcher1 span.active .save-20per{opacity:1}
.tooltip-inner{width: 200px;}
.switcher1.active i.button{left:0}
.pricing-detail-box{padding:0 50px}
.pricing-top-box ul{margin:0;padding:0}
.pricing-top-box ul li{color:var(--WEBGILITY-BLACK);font-size:14px;line-height:normal;text-align:left;position:relative;padding-left:15px;padding-right:0;margin-bottom: 4px;}
.pricing-top-box ul li:before{content:'';background:url(/assets/img/right-checkmark-green.svg?ver=1);background-repeat:no-repeat;background-size:auto;position:absolute;left:0;top:6px;width:10px;height:10px}
.pricing-top-box ul li span{padding-right:10px}
.pricing-top-box ul li span:hover{font-family:var(--font-family-OpenSansSemiBold);cursor:pointer}
.tooltip .tooltip-arrow{display:inline-block}
.bs-tooltip-auto[x-placement^=right] .tooltip-arrow:before,.bs-tooltip-right .tooltip-arrow:before{border-right-color:#707070}
.bs-tooltip-auto[x-placement^=top] .tooltip-arrow:before,.bs-tooltip-top .tooltip-arrow:before{border-top-color:#707070}
.bs-tooltip-auto[x-placement^=bottom] .tooltip-arrow:before,.bs-tooltip-bottom .tooltip-arrow:before{border-bottom-color:#707070}
.bs-tooltip-auto[x-placement^=left] .tooltip-arrow:before,.bs-tooltip-left .tooltip-arrow:before{border-left-color:#707070}
.tooltip-inner{background-color:#707070;padding:15px 20px;text-align:left;border:solid 1px #707070;border-radius:10px;font-size:11px;line-height:16px}
.bs-tooltip-auto[x-placement^=top] .tooltip-arrow:before,.bs-tooltip-top .tooltip-arrow:before{border-top-color:#707070}
.plan-title-wrapper{min-height:385px}
.head-fixed .contact-sales{margin-bottom:8px;margin-top:16px}
.head-fixed .btn-new.plan-contact-us-btn,.head-fixed .btn-new.plan-buy-now-btn{margin-bottom:18px!important}
.head-fixed .btn-container{margin-top:0!important}
.head-fixed.head-absolute.plan-title{position:absolute;top:auto;width:100%;bottom:0}
.pricing-title{line-height:normal;letter-spacing:-.5px}
.pricing-subtitle{line-height:normal}
.accounting-integrations-wrapper{min-height:10px;position:absolute;bottom:-10px;left:0;width:100%}
.plan-includes{padding-left: 30px;}
.core-plan-wrap .plan-includes{padding-left:45px}
.plan-includes ul{padding:0;color:var(--WEBGILITY-BLACK);font-size:12px;text-align:left;margin:10px 0 15px}
.number-input input[type=number]{max-width:60px;border:0;font-size:12px;color:var(--WEBGILITY-BLACK);width:50px;height:25px;text-align:center;border:2px solid var(--LIGHT-GREY);font-family:var(--font-family-OpenSansBold);border-radius:10px;margin:0 4px;-webkit-appearance:none;appearance:none;-webkit-appearance:none;-moz-appearance:textfield}
.number-input button{outline:none;-webkit-appearance:none;background-color:var(--GREY);border:0;align-items:center;justify-content:center;width:18px;height:18px;font-size:0;color:var(--white);cursor:pointer;margin:0;padding:0;position:relative;border-radius:50%;text-align:center}
.number-input input[type=number]::-webkit-outer-spin-button,.number-input input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;-webkit-appearance:none;-moz-appearance:textfield}
.add-on-number{margin-right:10px}
.number-input button:hover{background-color:#7b8794}
.number-input button[disabled]{opacity:0;pointer-events:none}
.number-input button:before{content:'';background:url(/assets/img/ic-prev-white.svg);background-repeat:no-repeat;position:absolute;width:17px;height:17px;left:6px;top:5px}
.number-input button.plus:before{transform:rotate(-180deg);left:-5px;top:-4px}
.add-on-wrap{margin-bottom:6px}
.add-on-text{line-height:12px}
.inner-three-cards{padding:50px 20px 30px;box-shadow:0 3px 6px rgba(0,0,0,0.16);-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.16)}
.wg-ratings .wg-ratings-box img{max-height:60px}
.half-grey-section{position:relative}
.half-grey-section:before{content:'';background:var(--LIGHT-GREY);position:absolute;width:100%;height:320px;z-index:-1;left:0;top:0}
.inner-btn-container{max-width:260px;margin:auto}
.standard-price b{left:-2px;font-size:12px;top:3px;font-family:var(--font-family-OpenSansSemiBold);font-weight:400;vertical-align:top}
.standard-price{color:#707070;height:35px}
.standard-price span{font-size:30px;vertical-align:top}
.standard-price span:after{display:none}
.standard-price > div{display:inline-block;position:relative}
.standard-price > div:before{content:'';width:130%;height:2px;background:#707070;position:absolute;top:16px;left:-5px}
.quote-card{background:var(--white);padding:40px 40px 30px;overflow:hidden;text-align:left}
.quote-card:not(.quote-card-roi):before{content:'';background:url(/assets/img/ic-quote-img.svg);position:absolute;width:100px;height:100px;background-size:contain;background-repeat:no-repeat;background-position:center;left:5px;top:-30px}
.quote-right:before{left:auto;right:-60px;transform:rotate(180deg);left:auto;right:5px;top:auto;bottom:-30px;transform:rotate(180deg)}
.quote-card a:hover i{left:10px}
.quote-card a i{-webkit-transition:all .3s ease;transition:all .3s ease;margin-left:5px;left:0;position:relative}
.quote-card a i:before{font-size:16px}
.green-gred-section{background-image: linear-gradient(to right,#53B700 0%,#00C1BF 75%);background-image: -moz-linear-gradient(left,#53B700 0%,#00C1BF 75%);background-image: -webkit-linear-gradient(left,#53B700 0%,#00C1BF 75%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#53B700',endColorstr='#00C1BF',GradientType=1);}
.box-bottom-line{position:absolute;width:100%;bottom:40px}
.pricing-col-tab{position:relative}
.core-plan-wrap .pricing-col > li{width:730px!important;max-width:100%}
.core-plan-wrap .pricing-detail-box,.core-plan-wrap .plan-title-wrapper{width:50%;float:left}
.core-plan-wrap .pricing-top{float:left;width:100%;min-height:auto!important}
.core-plan-wrap .pricing-top-box{padding-left:25px;margin-top:65px}
.core-plan-wrap .pricing-top-box ul li{font-size:16px;margin-bottom:4px}
.core-plan-wrap .pricing-top-box ul li:before{top:7px}
.core-plan-wrap .pricing-top-box ul{margin-top:25px}
.core-plan-wrap .head-fixed.plan-title{position:relative;max-width:none}
.core-plan-wrap .plan-title{padding:20px 25px 0}
.core-plan-wrap .pricing-col{padding:0 0 130px}
.enterprise-plans-wrap .pricing-col > li{width:500px!important;max-width:50%}
.enterprise-plans-wrap .pricing-col{padding: 15px 0 130px;}
.enterprise-plans-wrap .plan-includes ul{text-align:center;width:230px;margin-left:auto;margin-right:auto}
.enterprise-plans-wrap .plan-includes{padding:0}
.enterprise-plans-wrap .pricing-detail-box{text-align:center}
.enterprise-plans-wrap .pricing-top-box{width:290px;margin:auto;padding-left:55px}
.ts-and-cs-wrapper{font-size:16px;line-height:30px}
.ts-and-cs-wrapper p{margin-bottom:25px}
.ts-and-cs-wrapper a{font-family:var(--font-family-OpenSansSemiBold)}
hr.gray-border{border-bottom:2px solid var(--LIGHT-GREY);opacity:1;background-color:transparent;margin-bottom:30px}
.ts-and-cs-wrapper ul{padding:0 0 0 25px;list-style:none}
.ts-and-cs-wrapper ul li{position:relative;padding-left:30px;margin-bottom:25px}
.ts-and-cs-wrapper ul.disc{padding:0}
.ts-and-cs-wrapper ul li:before{content:'';position:absolute;width:6px;height:6px;background:var(--WEBGILITY-ORANGE);border-radius:50%;left:0;top:12px}
.ts-and-cs-wrapper ul.disc li:before{border:1px solid var(--WEBGILITY-ORANGE);background:transparent!important;width:7px;height:7px}
.hero-banner-bases-loaded{background-image:url(/assets/img/case-study/cs-banner-Bases-Loaded.jpg?ver=1)!important;background-repeat:no-repeat!important;background-size:cover!important}
.hero-banner-channies{background-image:url(/assets/img/case-study/cs-banner-channies.jpg?ver=1)!important;background-repeat:no-repeat!important;background-size:cover!important}
.cs-quote-wrap:before,.cs-quote-wrap:after{content:'';background:url(/assets/img/ic-quote-img.svg);position:absolute;width:100px;height:80px;background-size:contain;background-repeat:no-repeat;background-position:center;left:0;top:-50px}
.cs-quote-wrap:after{right:0;left:auto;top:auto;bottom:-10px;transform:rotate(180deg)}
.animate-arrow-up,.animate-arrow-down{position:relative;top:-3px;opacity:0;transition-property:opacity,transform;transform:translate3d(0,15px,0);transition-duration:1s;transition-timing-function:cubic-bezier(.445,.05,.55,.95);transition-duration:.4s}
.animate-arrow-down{transform:translate3d(0,-15px,0)!important}
.animate-arrow-up.animate-up,.animate-arrow-down.animate-down{opacity:1;transform:translateZ(0)!important}
.slide-customer-info-wrap img{width:66px;margin-right:15px}
.border-right-grey{border-right:2px solid rgba(112,112,112,0.2)}
.list-checkmark-blue{list-style-type:none}
.list-checkmark-blue li{position:relative;padding-left:40px;margin-bottom:40px}
.list-checkmark-blue li:before{content:'';background:url(/assets/img/ic-checkmark-blue.svg);background-repeat:no-repeat;width:27px;height:27px;position:absolute;left:0;top:0}
.integration-testimonial-slider .slick-dots {text-align: left;padding-left: 65px;}
.integration-testimonial-slider .slick-dots {bottom: -5px;}
.integration-testimonial-slider .slick-dots button{background-color:transparent;border-radius:100%;box-shadow:none!important;border:2px solid var(--WEBGILITY-BLUE)!important;width:18px;height:18px}
.integration-testimonial-slider .slick-dots li.slick-active button:before{content:'';background:var(--WEBGILITY-BLUE);width:10px;height:10px;border-radius:100%;position:absolute;left:4px;top:4px}
.integration-testimonial-slider .slick-dots li{margin:0 9px 0 0}
.integration-testimonial-slider .quote{min-height:117px}
.integration-testimonial-slider .slick-list{padding:0!important}
.ecommerce-platforms-section{max-width:1170px;margin:auto}
.integrations-card{border:1px solid rgb(145 156 171 / 25%);border-radius:8px;height:185px;position:relative;padding:10px}
.integration-left-col-link a{border:0!important;color:var(--black)!important;text-transform:none!important;font-size:16px!important;font-family:var(--font-family-OpenSansLight)!important;text-align:left;cursor:pointer;padding:10px 15px!important;-webkit-transition:none;transition:none}
.integration-left-col-link a:hover,.integration-left-col-link a.active{background:rgb(151 164 206 / 10%)!important;color:var(--GREY)!important;font-family:var(--font-family-OpenSansBold)!important}
.intgrations-tooltip{background:url(/assets/img/sprite-info-icon.svg);width:22px;height:22px;display:inline-block;background-repeat:no-repeat;cursor:pointer}
.information-button{position:absolute;top:7px;right:7px}
.intgrations-tooltip:hover{background-position:-26px 0}
.cgx-40{--bs-gutter-x:40px}
.ecommerce-platforms-section{border:1px solid rgb(145 156 171 / 25%)}
.ts-and-cs-wrapper p,.ts-and-cs-wrapper ul{font-family:var(--font-family-OpenSansLight);color:var(--black)}
.black-tooltip .tooltip-head{color:var(--GREY-7B8794);display:block;text-transform:uppercase;font-family:var(--font-family-OpenSansBold)!important;font-size:14px;margin-bottom:10px;margin-top:10px}
.black-tooltip .tooltip-inner ul{padding:0;margin:0;list-style-type:none}
.black-tooltip .tooltip-inner ul li{line-height:1.5;font-size:16px;margin-bottom:3px}
.black-tooltip .tooltip-inner{background-color:var(--black);border-color:var(--black)}
.black-tooltip.bs-tooltip-auto[x-placement^=top] .tooltip-arrow:before,.black-tooltip.bs-tooltip-top .tooltip-arrow:before{border-top-color:var(--black)}
.black-tooltip.bs-tooltip-auto[x-placement^=bottom] .tooltip-arrow:before,.black-tooltip.bs-tooltip-bottom .tooltip-arrow:before{border-bottom-color:var(--black)}
.wi-product-video{cursor:pointer}

/* Youtube player css starts */
.youtube-player{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;border-radius:20px}
.youtube-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background:transparent}
.youtube-player img{object-fit:cover;display:block;left:0;bottom:0;margin:auto;max-width:100%;width:100%;position:absolute;right:0;top:0;border:none;height:auto;cursor:pointer;-webkit-transition:.4s all;-moz-transition:.4s all;transition:.4s all}
.youtube-player > div:hover:before{opacity:0}
.youtube-player > div:before{content:'';background:linear-gradient(180deg, rgb(41 50 59 / 0%) 0%, rgb(41 50 59 / 10%) 100%);position:absolute;width:100%;left: 0;bottom:0;height: 100%;border-radius:20px;z-index:1;cursor:pointer;}
.youtube-player .play{height:170px;width:180px;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);position:absolute;background:url(/assets/img/play-grad-circle.svg) no-repeat;cursor:pointer;cursor:pointer;z-index:2}
.youtube-player > div:hover .play{background:url(/assets/img/play-grad-circle-v1.svg) no-repeat}
body:after{display:none;content: url(/assets/img/play-grad-circle-v1.svg)}
/* Youtube player css ends */


/* BEGIN: ROI Calculator */

.roi-quote-img{position: absolute;}
.display_block{display: block !important;}
.hero-roi-calculator{background-image: url(/assets/img/roi/roi-calculator-banner.jpg);background-repeat: no-repeat;background-position:top left;background-size:cover;}
.quote-card-roi.quote-card{padding:30px;margin:20px;overflow: initial; background: #F5F7FA;}
.quote-card-roi.quote-card .quote-before img{position: absolute;left:-20px;top:-20px;}
.quote-card-roi.quote-card .quote-after img{position: absolute;right:-20px;bottom:-20px;}
.quote-card-roi.quote-card:before,.quote-card.card-type-wrapper::before{display: none;}
.roi-quote-wrapper{border-left: 1px solid #707070;}
.form-roi-calculate-wrapper .bg-light-grey{padding:40px 25px;}
.quote-card.card-type-wrapper{padding:0;}
.quote-card.card-type-wrapper .card-type-heading{background: #3048DD;color:#fff;}
.quote-card.card-type-wrapper .card-type-h-list, .quote-card.card-type-wrapper .card-type-h-list .card-type-h-list-inner{display: flex;justify-content: space-between;align-items: center;width: 100%;}
.quote-card.card-type-wrapper .card-type-h-list .list-ic-title{display: flex;}
/* .quote-card.card-type-wrapper .card-type-h-list img{float: left;} */
.quote-card.card-type-wrapper .card-type-h-list .list-ic-title.range-row-list{flex-direction: column; align-items: center;place-self: flex-end;max-width: 420px;}
.quote-card.card-type-wrapper .card-type-h-list .list-ic-title.range-row-list.nodata-box{height: 70px;width: 33%;}
.quote-card.card-type-wrapper .card-type-h-list .two-col-blocks .list-ic-title.range-row-list{place-self:center;align-items: flex-end;max-width: 350px;}
.quote-card.card-type-wrapper .card-type-h-list .two-col-icon-blocks .list-ic-title.range-row-list{flex-direction: row;  align-items: center;align-self: center;}
.card-type-h-list-inner.two-col-blocks .amount-col-wrapper,.card-type-h-list-inner.two-col-icon-blocks .amount-col-wrapper{white-space: nowrap;}
.plan-tenure-text{text-align: right;width: 100%;}
.card-border-top{border-top: 1px solid #707070;}
.circle-with-text {  justify-content: center;  align-items: center;  border-radius: 100%;  text-align: center;  display: flex;  height: 60px;  background: #F35627;    color: #ffffff;    width: 62px;}
.ws-nowrap{white-space: nowrap;}
.roi-slider .slick-slide img{display: inline-block;}
.hero-roi-calculator-inner{max-width: 770px;}
.nodata-box img,.nodata-box > div{display: none;}
.nodata-box .no-data-animation{position: absolute;    background: #fff;    height: 100%;    display: flex;    justify-content: center;    align-items: center;}
.qb-logo{width: 145px;}
.netSuite-logo{width: 126px;}
.xero-logo{width: 62px;}
.quote-card.card-type-wrapper .card-type-h-list .card-type-h-list-inner.static-animation{justify-content: space-around;}
  .transact-range-wrapper{width:90%;position: relative;height:40px;margin-bottom: 10px;padding-top:10px;text-align: left;}
.transact-range-wrapper .transact-text{background:#F35627;padding:5px;font-size:12px;color:#ffffff;text-align:center;border-radius:4px;margin-top:-15px;position: relative;left:-4px}
.transact-range-wrapper .transact-base-range-border{background:rgba(123,135,148,0.25);height:4px;}
.transact-range-wrapper .transact-circle-left,.transact-range-wrapper .transact-circle-right{background:#F35627;height:10px;width:10px;border-radius:100%;position: absolute;bottom:-3px;left:0;}
.transact-range-wrapper .transact-circle-right{left:25px;}
.transact-range-wrapper .transact-active-range-border{background:#FFD8CC;height:4px;width:25px;position: absolute;bottom:0;left:5px}
.ecommerce-spend-img{float: left;margin-bottom: 15px;}
.roi-form-wrapper{box-shadow: 0 3px 6px rgba(0,0,0,.16);border-radius: 10px;}
.roi-form-wrapper select {-moz-appearance:none;-webkit-appearance:none;appearance:none;background: url(/assets/img/roi/ic-dropdown-arrow.svg) white no-repeat 20.5% !important;background: url(/assets/img/roi/ic-dropdown-arrow.svg) white no-repeat calc(95% - 0px) !important;background-size: 15px 15px !important;color:#3E3F42 !important;}
.roi-form .form-field .field-error .field-error-message:before{right: 40px !important;}
.add-dollar-on-input {position: absolute;top: 11px;left: -15px;transition: right 0.4s;z-index: -1;}
.show-dollar-on-input {left: 15px;z-index: 1;}
.roi-currency-field{padding-left:24px !important;}
.roi-form .field-error.has-msg{position: relative !important; padding: 5px !important;padding-bottom: 0 !important;}
.roi-form .field-error.has-msg span{height: auto !important;color:#f32727 !important;font-size: 15px !important;}
.insight-dropdown button{max-width:100%;overflow: hidden;text-overflow: ellipsis;padding: 12px 35px 12px 15px;background: url(/assets/img/roi/ic-dropdown-arrow.svg) white no-repeat calc(95% - 0px) !important;border: solid 1px #919CAB;background-size: 15px !important;border-radius: 10px;color: #3E3F42;}
.insight-dropdown button::after{content: none;}
.insight-dropdown .dropdown-menu{max-width: 500px;overflow: hidden;border: solid 1px #919CAB;}
.insight-dropdown .dropdown-menu a{white-space: normal;}
.insight-dropdown .dropdown-menu a:hover{background:var(--WEBGILITY-BLUE);color:#ffffff;}
.roi-form .form-field ::-webkit-input-placeholder {color: #3E3F42;}
.roi-form .form-field ::-moz-placeholder {color: #3E3F42;}
.roi-form .form-field :-ms-input-placeholder {color: #3E3F42;}
.roi-form .form-field :-moz-placeholder {color: #3E3F42;}
.roi-grad-bg-img{background:url(/assets/img/roi/top-rated-leader-bg-v1.png?ver=2) no-repeat;background-color:var(--WEBGILITY-DARK-BLUE);background-size:cover;background-position:bottom}

/* END: ROI Calculator */




/* BEGIN: Slick Slider Grey Dots */

.slick-dots.grey-dots {bottom: -50px;}
.slick-dots.grey-dots li{width: 20px;height: 20px;margin: 0 2px;padding: 4px;}
.slick-dots.grey-dots li button {box-shadow: none;background: transparent;border: solid 2px #707070;width: 13px;height: 13px;}
.slick-dots.grey-dots li.slick-active button{background-color: #707070;box-shadow: none;}

/* END: Slick Slider Grey Dots */



/* Popup CSS Starts */

.popup-wrapper{background:rgba(17,33,83,0.7);position:fixed;width:100%;height:100%;left:0;top:0;z-index:999;overflow-y:auto;padding:30px 15px;text-align:center;display:none}
.inner-popup-wrapper {height: 100%}
.popup-container{background:#FFF;padding:30px 10px 40px;height:auto;min-height:50px;width:100%;max-width:483px;margin:86px auto 40px;position:relative;border-radius:2px;box-shadow:0 10px 24px rgba(2,7,46,0.50);-webkit-box-shadow:0 10px 24px rgba(2,7,46,0.50)}
.close-popup{position:absolute;right:25px;top:20px;opacity:.7;cursor:pointer}
.popup-container h1{font-weight:700;color:#112153;text-transform:uppercase}
.popup-container p{color:#7B8794;font-size:18px;margin-top:15px}
.section-blur{filter:blur(4px);-webkit-filter:blur(4x)}

/* Popup CSS Ends */

/* Get My Quote Page CSS Starts */
.get-my-quote .number-input input[type=number]{background: var(--white);height: 30px;}
.get-my-quote .number-input input[type=number][disabled]{opacity: .3;}
.get-my-quote .multiselect-container .multiselect-group {display: none;}
.quoted-price-wrapper {border:solid 1px var(--WEBGILITY-BLUE)}
.quoted-price-wrapper .pricing-detail-box .plan-includes, .quoted-price-wrapper .plan-title-wrapper{min-height: auto;}
.quoted-price-wrapper .plan-title, .quoted-price-wrapper .btn-container, .quoted-price-wrapper .pricing-detail-box{padding-left: 0;padding-right: 0;}
.quoted-price-wrapper .plan-title-wrapper {margin-bottom: 10px;}
.quoted-price-wrapper .pricing-detail-box .plan-includes {margin-bottom: 30px;}
.price-quote-form #pardot-form .form-field select {color: var(--WEBGILITY-BLACK);background: url(/assets/img/arrow-bottom-grey.svg) var(--white) no-repeat calc(96% - 0px) !important;}
.price-quote-form #pardot-form .form-field label {color: var(--WEBGILITY-BLACK);}
.price-quote-form .disable-add-on-wrap {position: relative;z-index: 0;}
.price-quote-form .add-on-wrap.disable-add-on-wrap:before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:var(--LIGHT-GREY);z-index: 1;opacity: 0.7;}
/* Get My Quote Page CSS Ends */



@media screen and (min-width:992px) {
.integration-testimonial-slider .quote-text {padding-left: 65px;}
.integration-testimonial-slider .quote-icon {position: absolute;left: 0;top: -17px;}
}
@media screen and (min-width:1200px) {
.three-cards{padding:0 30px}
.tab-content-wrap {width: 80%}
.tab-links-wrap {width: 20%}
.hero-banner-home,.hero-banner-plus,.hero-banner-enterprise {
    margin-top: -30px;
}
}
@media screen and (min-width:1400px) {
.footer-top-col{padding:0 100px}
.wi-video-wrap {width:580px}
}
@media screen and (max-width:1399px) {
.pricing-detail-box{padding:0 40px}
.plan-title{padding:0 30px}
.plan-title h2{font-size:24px}
.home-banner-right-img{max-width:100%;height:auto}
.plan-title-wrapper{min-height:375px}
.integration-testimonial-slider .slick-dots {
    bottom: -40px;
}
.wi-video-wrap {width:100%}
}
@media screen and (max-width:1199px) {
.pricing-top{min-height:740px}
.pricing-top-box{padding-left:25px}
.plan-includes{padding-left:0}
.enterprise-plans-wrap .pricing-top{min-height:660px}
.integration-testimonial-slider .slick-dots {
    bottom: -50px;
}
}
@media screen and (max-width:991px) {
    .integration-testimonial-slider .quote-icon {
    margin: auto;
}
.integration-testimonial-slider .slick-dots {
    text-align: center;
    padding: 0;
    bottom: -60px;
}
.roi-quote-wrapper {border-left: 0;padding-left: 0 !important;margin-top: 40px;}
}
@media screen and (min-width:768px) and (max-width:1300px) {
.features{padding:30px 5px 20px}
}
@media screen and (min-width:831px) and (max-width:1200px) {
.inner-plan-wrapper{width:150%}
}
@media screen and (min-width:993px) and (max-width:1200px) {
.inner-plan-wrapper.show-ud-plan{margin-left:-33.25%}
}
@media screen and (min-width:768px) and (max-width:1200px) {
.feaures-detail{width:33%!important}
.call-us,.call-us-text{font-size:20px}
.unify-product.unify-online{width:22.33%}
.features{padding:30px 5px 20px}
.custom-plan-slider{width:80%}
.plan-head.head-fixed,.price-container.price-fixed,.btn-container .inner-btn-container.btn-fixed{width:23.6%!important}
.plan-includes ul li .fixed-numbers{padding-right:5px;width:25px}
}
@media screen and (min-width:993px) and (max-width:1080px) {
.contact-sales > div{font-size:22px;line-height:28px}
}
@media screen and (min-width:768px) and (max-width:992px) {
.inner-plan-wrapper.show-ud-plan{margin-left:-36%}
.compare-table-head .btn-new,.compare-table-footer .btn-new{font-size:10px!important;padding:0 5px}
.compare-table-footer a{font-size:11px}
.head-fixed .contact-sales > div{font-size:14px;line-height:normal}
.works-with{padding:10px 0 25px}
.add-on-number{margin-right:5px}
.number-input input[type=number]{margin:0}
}
@media screen and (min-width:768px) {
.navbar{-webkit-box-shadow:none;box-shadow:none}
.pricing-col > li{width:400px!important;max-width:33.3333%;margin-left:0;float:left!important}
.wo-plans .pricing-col > li,.wd-plans .pricing-col > li{max-width:100%}
.faq-list{width:50%;float:left}
.plan-body{display:block!important;height:auto!important}
.three-plan{width:75%!important;margin-left:14%}
.unify-online.three-plan{width:100%!important;margin-left:0}
.three-plan .pricing-col > li{width:33%!important}
.three-plan .product-name{max-width:99%!important;margin:0!important}
.unify-online.three-plan .product-name{max-width:100%!important}
.navbar.navbar-fixed{position:static}
.pricing-b .unify-product.unify-desktop.only-ud{float:none;margin:50px auto 0;width:100%;max-width:873px}
.unify-product.unify-online.only-uo{width:100%;max-width:288px;float:none;margin:50px auto 0}
.unify-product.unify-online.only-uo > ul > li.contact-us-col .product-plan-feature{display:none}
.slider-mobile{display:none}
.plan-feature-slider{display:none}
.price-quote-form {width: 420px}
.quoted-price-wrapper {width: 380px}
.quoted-price-wrapper-visible .price-quote-form, .quoted-price-wrapper-visible .quoted-price-wrapper {max-width: 50%}
.quoted-price-wrapper-visible .price-quote-form {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.quoted-price-wrapper-visible .quoted-price-wrapper {border-top-left-radius: 0;border-bottom-left-radius: 0;} 
.quoted-price-wrapper .plan-switcher1 {
    margin-left: -90px;
}
.quoted-price-wrapper .plan-switcher1 .switcher1 {
    margin: 0 10px;
}
.quoted-price-wrapper .plan-switcher1 .save-20per {
    right: -80%;
}
}
@media screen and (min-width:1221px) {
.pricing-col .plan-feature{min-height:100px}
}
@media screen and (min-width:768px) and (max-width:1120px) {
.pricing-col .plan-feature{min-height:120px;font-size:12px}
.btn-container a.btn-new{font-size:14px!important;padding:0 10px}
}
@media screen and (min-width:768px) and (max-width:1000px) {
.btn-container .inner-btn-container.btn-fixed{margin-left:-13px;padding:7px 13px 25px}
.only-ud .plan-tagline,.only-ud .btn-container{padding:0 25px}
.only-ud .plan-title{padding:35px 0 0}
.only-ud .btn-container .inner-btn-container.btn-fixed{margin-left:-25px;padding:7px 25px 25px}
.btn-container .btn-new-large{letter-spacing:0}
.pricing-b .unify-product.unify-online.only-uo .btn-block{max-width:255px}
}
@media screen and (max-width:1200px) {
.features-content{padding-left:20px}
}
@media screen and (min-width:768px) and (max-width:992px) {
.btn-container .btn-new-large{white-space:normal;height:auto;line-height:normal;padding:10px 5px}
.features{padding:30px 5px 20px}
.btn-container .btn-new-large{margin-left:0}
#planSwitcher{padding:1px;font-size:12px}
.price-container.price-fixed{top:40px}
.btn-container .inner-btn-container.btn-fixed{top:106px}
.slider-arrow.prev{left:30px}
.slider-arrow.next{right:30px}
.price-container-static{min-height:55px}
.pricing-top-box ul li b{font-size:11px}
.cs-card-info img{width:35px}
.ca-card-customer-info{padding-left:15px}
.plan-title{padding:0 20px}
.wo-plans .pricing-col li .plan-title{padding:20px 50px 0}
.wd-plans .pricing-col > li .plan-title{padding:20px 40px 0}
.pricing-detail-box{padding:0 10px}
.wo-plans .pricing-col li .pricing-detail-box{padding:0 55px}
.wd-plans .pricing-col > li .pricing-detail-box{padding:0 40px}
.yearly-price,.monthly-price,.qtrly-price{font-size:40px}
.contact-sales > div{font-size:18px;line-height:28px;min-height:60px}
.contact-sales a.btn-new{padding:0 5px}
.price-container span:after{top:14px;font-size:9px}
.btn.btn-lg{padding:0 10px}
.plan-includes ul li .fixed-numbers{float:left}
}
@media screen and (max-width:992px) {
.feaures-detail{min-height:170px}
.contact-us-col .inner-btn-container.btn-fixed{height:124px}
.all-plans-include .pad-all20{padding:10px 0!important;width:100%}
.all-plans-include{width:100%!important}
.qtrly-payments{padding:0 10px}
.pricing-heading{font-size:40px;line-height:normal;margin-top:0!important}
.pricing-wrapper .feature-wrapper{width:100%}
.plan-type-pricing{display:block}
.plan-type-pricing:before{display:none}
.wd-plans .pricing-col > li{width:340px!important}
.footer-top-section .icon-img{margin-right:0}
.green-gred-section{background-position:right}
.wg-ratings .wg-ratings-box{padding:20px 30px;display:inline-block}
.half-grey-section:before{height:34%}
.pricing-top{min-height:780px}
.home-banner-right-img{margin-top:20px}
.core-plan-wrap .pricing-col > li{width:650px!important}
.core-plan-wrap .plan-includes{padding-left:0}
.pricing-wrapper{overflow:hidden}
}
@media screen and (max-width:850px) {
.features-content{width:180px}
.plan-for-you{margin-left:20px}
.trial-slider .support.qb > img{width:130px}
.trial-slider .support .star-ratings i:before{font-size:12px}
.trial-slider .support.qb .proadvisor-pick-img img{width:116px}
.digicert{margin-top:0!important}
.accounting-software-wrapper p{text-align:center}
.accounting-software-wrapper .accounting-software{float:none!important}
}
@media screen and (min-width:768px) and (max-width:1023px) {
.product-name h2{font-size:25px}
.plan-head.head-fixed,.price-container.price-fixed,.btn-container .inner-btn-container.btn-fixed{min-height:50px}
}
@media screen and (max-width:767px) {
.slick-prev,.slick-next{display:none!important}
.pricing-col .slick-slide .pricing-top{padding:0;min-height:680px}
.pricing-title{font-size:32px}
.pricing-subtitle{font-size:16px}
.only-wg-desktop .most-popular-plan{padding-top:30px}
.save-20per{right:17px;top:25px;font-size:10px}
.add-ons{margin:30px auto;max-width:380px}
.order-volume-slider{width:100%!important;margin:0 auto!important;padding:20px 0 0}
.pricing-top-box ul li:last-child{margin-bottom:0}
.tooltip-icon{display:inline-block!important}
.tooltip-inner{max-width:250px;padding:10px!important}
.product-plan-feature{position:relative}
.product-plan-feature:before,.product-plan-feature:after{width:25%}
.unify-online-plan .product-plan-feature:before,.unify-online-plan .product-plan-feature:after{width:28%}
.features{margin-top:5px}
.need-more-wrapper .nm-right{padding:20px 15px 30px}
.feaures-detail{min-height:auto;margin-bottom:10px!important;padding:0 30px}
.nm-container{padding-left:0}
.need-more-wrapper .nm-left{position:relative;height:270px;width:100%}
.faq-list{padding:0!important}
.product-ratings-wrapper{margin-top:0!important;padding-top:0!important}
.need-more-wrapper{margin-bottom:50px!important}
.btn-container .btn-block{max-width:none}
body{background-position:center -300px}
.trial-slider .four.columns{padding:0}
.plan-head.head-fixed,.btn-container.bottom-fixed .inner-btn-container{width:100%;position:relative;height:auto;padding-top:0;top:0}
.pricing-col > li{margin:0 auto 30px;max-width:300px;display:block}
.pricing-col .slick-slide{padding:0;margin:0;position:relative}
.main-plan-wrap{padding:0}
.pricing-col{background:transparent;box-shadow:none;padding-top: 0 !important;border: 0 !important;padding-bottom: 10px;}
.pricing-col .slick-list{overflow:visible;max-width:300px;width:100%;margin:auto;padding:0!important}
.pricing-col .slick-track{padding-top:0;padding-bottom:0;border-radius: 10px;box-shadow: 0 3px 6px rgb(0 0 0 / 16%);border: 1px solid rgb(145 156 171 / 25%);}
.order-volume-box{margin-top:10px!important}
.plan-body{border-bottom:solid .5px rgba(155,155,155,0.34);margin-top:0}
.features-container{display:block!important}
.plan-title.active:before{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.price-container{height:auto;margin-bottom:15px}
.plan-title span.blue-link{margin-top:2px!important;font-size:10px}
.faq-wrapper{padding-left:20px;padding-right:20px}
.most-popular-plan-ribbon{display:none}
.white-box-container{margin-top:0;width:100%}
.high-volume-seller-wrapper{margin:70px 0 60px}
.high-volume-seller-btn{width:160px;font-size:14px!important;height:39px;line-height:35px}
.customer-feedback-container{margin-top:30px!important}
.customer-feedback-container .customer-feedback h2{font-size:13px}
.customer-feedback-container .customer-feedback h1{font-size:14px}
.no-credit-card-desktop{display:none}
.no-credit-card-mobile{display:block!important}
.unify-product{padding:0;width:100%!important;margin-top:0;opacity:1!important}
.slider-arrow{display:none}
.inner-plan-wrapper.show-ud-plan{margin-left:0}
.unify-product.unify-desktop{box-shadow:none}
.pricing-col > li .pricing-top-box{border:0}
.you-save-tag{right:auto;top:-9px;left:160px}
.features ul li{margin:0 0 7px}
.plan-switcher{margin-bottom:50px!important;margin-top:40px!important}
.planswitcher-container{margin:35px 0 10px!important}
.card-height{min-height:0}
.all-plans-include h2,.add-ons h2{font-size:26px}
.add-ons .icon-width{padding-left:0}
.all-plans-include h2,.add-ons .pad-l90{padding-left:70px!important}
.add-ons{width:100%!important}
.add-ons .h-7x{font-size:30px}
.inner-plan-wrapper{width:100%;transform:none!important}
.plan-container{margin-top:42px}
.white-box-container{text-align:center}
.irs--flat .irs-grid-text{font-size:14px;top:15px}
.irs--flat .irs-handle{top:17px!important;width:25px!important;height:25px!important}
.feature-wrapper{margin:0 auto 30px;max-width:350px}
.pricing-wrapper .feature-wrapper{width:250px!important;display:inline-block}
.limited-features{font-size:12px}
.wg-online-feature .compare-col.wg-desktop,.wg-online-feature .compare-table-head .wg-desktop,.wg-desktop-feature .compare-col.wg-online,.wg-desktop-feature .compare-table-head .wg-online,.wg-online-feature .compare-table-footer .wg-desktop,.wg-desktop-feature .compare-table-footer .wg-online{display:none}
.plans-compare-table .column.four,.plans-compare-table .column.two{float:left;width:33.333%!important}
.compare-row .h-1x,.compare-table-head .h-1x,.compare-table-footer .h-1x,.compare-col{font-size:12px;line-height:16px}
.compare-table-head .btn-new,.compare-table-footer .btn-new{min-width:unset;font-size:10px!important;padding:0 5px}
.compare-row{padding:10px 0}
.compare-table-footer .four{padding-right:0!important}
.compare-table-footer .four div{height:10px!important}
.compare-table-footer{padding:10px 0}
.pricing-wrapper{margin-top:0;padding-top:0!important}
.slider-desktop{display:none}
.compare-table-head{min-height:90px}
.compare-table-footer a{font-size:10px}
.only-wg-desktop.wg-desktop-feature .wg-desktop,.only-wg-desktop.wg-online-feature .wg-online,.only-wg-online.wg-desktop-feature .wg-desktop{display:block}
.plans-compare-table .compare-col span,.plans-compare-table .compare-col p{font-size:12px;line-height:normal}
.plans-compare-table .compare-col{padding:0 0 0 5px}
.compare-col span i:before,.compare-col span.active i{margin-left:3px}
.plan-tabs-list li{font-size:12px;line-height:normal;margin:0 2%;min-width:auto;width:45%;padding:10px}
.plan-tagline{font-size:11px!important}
.pricing-detail-box{padding:0 20px}
.plan-title{padding:20px 20px 0}
.box-bottom-line{position:relative;padding:0 15px;max-width:330px;margin:10px auto 0;bottom:0}
.core-plan-wrap .pricing-detail-box,.core-plan-wrap .plan-title-wrapper{width:100%}
.core-plan-wrap .pricing-top-box,.core-plan-wrap .pricing-top-box ul{margin-top:5px}
.enterprise-plans-wrap .plan-includes ul{width:250px}
.enterprise-plans-wrap .pricing-top-box{padding-left:35px;width:auto}
.half-grey-section:before{height:40%}
.cs-quote-wrap {
    padding-left: 50px !important;
    padding-right: 50px !important;
}
.cs-quote-wrap:before, .cs-quote-wrap:after {
    width: 60px;
    height: 100px;
}
.cs-quote-wrap:before {
    left: -10px;
}
.cs-quote-wrap:after {
    right: -10px;
}
.tab-content-wrap .integration-content-col {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.ecommerce-platforms-section {
    padding-left: 30px;
    padding-right: 30px;
}
.enterprise-plans-wrap .pricing-col,.core-plan-wrap .pricing-col {
    padding: 0 0 10px;
}
.hero-roi-calculator{background-position: 33%;}
.hero-roi-calculator-inner{padding-top: 0;padding-bottom: 0;text-align: center;max-width: 360px;margin:0 auto;}
.hero-roi-calculator-inner h1,.heading-section{font-size:21px;}
.text-mobile-center,.plan-tenure-text{text-align: center;}
.hero-roi-calculator-inner h2{font-size:16px;}
.figure-box > div p{font-size: 16px;max-width: 150px;}
.figure-box > div h5{font-size: 40px;}
.quote-card.card-type-wrapper .card-type-heading{font-size: 12px;}
.quote-card.card-type-wrapper .card-type-h-list .card-type-h-list-inner{flex-direction: column;margin: 10px 0;text-align: center;}
.quote-card.card-type-wrapper .card-type-h-list .two-col-icon-blocks .list-ic-title.range-row-list img{margin: 0 0 10px 0;}
.quote-card.card-type-wrapper .card-type-h-list .two-col-icon-blocks .list-ic-title.range-row-list{margin: 5px 0;flex-direction: column;}
.quote-card.card-type-wrapper .card-type-h-list .list-ic-title.range-row-list.nodata-box{width:100%;}
.quote-card.card-type-wrapper .card-type-h-list .list-ic-title.range-row-list.nodata-box .transact-range-wrapper{display: none;}
/* .list-ic-title.range-row-list.display_block{display: flex !important;} */
.ecommerce-spend-img {    float: none;    max-width: 35px;    width: 100%;    display: block;    clear: both;    margin: 0 auto !important;}

.quote-card.accounting-automation-wrapper .card-type-h-list .list-ic-title.range-row-list.mobile-view{/*display: block;    width: 80%;*/    margin:0px auto 30px;}
.quote-card.accounting-automation-wrapper .card-type-h-list .list-ic-title.range-row-list.mobile-view:last-child{margin-bottom:0;}
.quote-card.accounting-automation-wrapper .card-type-h-list .list-ic-title.range-row-list.nodata-box .no-data-animation{height: 50px;    display: block;    width: 100%;    max-width: 100%;}
.amount-col.total-col{margin:20px 0 0}
.quoted-price-wrapper-visible .price-quote-form {border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.quoted-price-wrapper-visible .quoted-price-wrapper {border-top-left-radius: 0;border-top-right-radius: 0;} 
.quoted-price-wrapper .inner-btn-container, .quoted-price-wrapper .inner-btn-container .btn {
    max-width: none;
}
}
@media screen and (max-width:380px) {
.price-quote-form, .quoted-price-wrapper {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.quoted-price-wrapper .plan-switcher1 .switcher1 {
    margin: 0 5px;
}
.quoted-price-wrapper .plan-switcher1 span {
    font-size: 13px;
}
}