@charset "utf-8";
@font-face{font-family:'OpenSans';src:url(/fonts/OpenSans-Regular.eot);src:url(/fonts/OpenSans-Regular.eot?#iefix) format("embedded-opentype"),url(/fonts/OpenSans-Regular.woff) format("woff"),url(/fonts/OpenSans-Regular.ttf) format("truetype"),url(/fonts/OpenSans-Regular.svg#OpenSans-Regular) format("svg");font-weight:400;font-style:normal;font-display: swap;}
@font-face{font-family:'OpenSansLight';src:url(/fonts/OpenSans-Light.eot);src:url(/fonts/OpenSans-Light.eot?#iefix) format("embedded-opentype"),url(/fonts/OpenSans-Light.woff) format("woff"),url(/fonts/OpenSans-Light.ttf) format("truetype"),url(/fonts/OpenSans-Light.svg#OpenSans-Regular) format("svg");font-weight:400;font-style:normal;font-display: swap;}
@font-face{font-family:"Open Sans Medium";src:url(/fonts/OpenSans-Medium.eot?) format("eot"),url(/fonts/OpenSans-Medium.woff) format("woff"),url(/fonts/OpenSans-Medium.ttf) format("truetype"),url(/fonts/OpenSans-Medium.svg#OpenSans-Medium) format("svg");font-weight:500;font-style:normal;font-display: swap;}
@font-face{font-family:"Open Sans Semibold";src:url(/fonts/OpenSans-Semibold.eot?) format("eot"),url(/fonts/OpenSans-Semibold.woff) format("woff"),url(/fonts/OpenSans-Semibold.ttf) format("truetype"),url(/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(/fonts/OpenSans-Bold.eot?) format("eot"),url(/fonts/OpenSans-Bold.woff) format("woff"),url(/fonts/OpenSans-Bold.ttf) format("truetype"),url(/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(/fonts/OpenSans-ExtraBold.eot?) format("eot"),url(/fonts/OpenSans-ExtraBold.woff) format("woff"),url(/fonts/OpenSans-ExtraBold.ttf) format("truetype"),url(/fonts/OpenSans-ExtraBold.svg#OpenSans-ExtraBold) format("svg");font-weight:400;font-style:normal;font-display: swap;}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body{font-family:var(--font-family-opensans);background:var(--white);font-size:16px;line-height:normal;color:var(--GREY1);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(--DARK-BLUE);text-decoration:none}

.white-link img{-webkit-transition:all .3s ease;transition:all .3s ease;left:0}
.white-link:hover,.link-white{color:var(--white)}
.white-link:hover img{left:-10px}
.link-white .arrow-right,.link-blue .arrow-right {-webkit-transition: all .3s ease;transition: all .3s ease;right: 0}
.link-white:hover .arrow-right,.link-blue:hover .arrow-right {right: -10px}
.link-orange {color: var(--WEBGILITY-ORANGE)}
.link-orange:hover {color: var(--hover-orange)}

/* wg-rating section css starts */
.wg-ratings .wg-ratings-box {padding: 20px;display: inline-block;vertical-align: bottom}
/* wg-rating section css ends */

/* grey-card section css starts */
.grey-card{background:var(--GREY2);max-width:506px;padding:25px 20px;height: 105px;}
/* grey-card section css ends */

/* orange-bordered-card section css starts */
.orange-bordered-card{background: var(--white);border: 1px solid var(--WEBGILITY-ORANGE);max-width:506px;padding:25px 20px;height: 105px;box-shadow: 6px 6px 0 var(--WEBGILITY-ORANGE);}
/* orange-bordered-card section css ends */

/* quote-card section css starts */
.quote-card{background:var(--white);padding:40px 40px 30px}
.quote-text{min-height:90px}
.quote-card a i{-webkit-transition:all .3s ease;transition:all .3s ease;margin-left:5px;left:0;position:relative}
.quote-card a:hover i{left:10px}
.quote-card a i:before{font-size: 14px;font-weight: bold}
.quote-card:before{content:'';background:url(/images/webgility-new-design/vector-icon/ic-quote-img.svg);position:absolute;width:100px;height:100px;background-size:contain;background-repeat:no-repeat;background-position:center;left:15px;top:-30px}
.quote-right:before{left:auto;right:15px;top:auto;bottom:-50px;transform:rotate(180deg)}
/* quote-card section css ends */

/* blog-insights section css ends */
.insights-posts-wrap {min-height: 550px}
.elementor-column,.elementor-column-wrap{position:relative;}
.elementor-column{min-height:1px;padding:0 30px;margin:30px 0}
.elementor-row{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}
.elementor-column-wrap{box-shadow:0 0 20px rgba(0,0,0,0.1);border-radius:10px;background:var(--white);overflow:hidden;border: 0;padding-bottom:15px}
span.elementor-heading-title{position:absolute;font-size:16px;color: var(--WEBGILITY-BLACK);background: var(--white);border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,0.1);padding: 6px 17px;min-width: 100px;font-family:var(--font-family-OpenSansBold);left:30px;top:30px;z-index: 9;text-align: center;}
.elementor-widget-wrap{position:relative}
.elementor-widget-image{background:var(--LIGHT-BLUE);width: 100%;}
.elementor-widget-image .elementor-image{overflow:hidden;height: 316px;position: relative}
.elementor-widget-wrap .elementor-widget-heading:nth-of-type(3){color: var(--WEBGILITY-BLACK);font-size:21px;font-family:var(--font-family-OpenSansBold);min-height:140px;padding:30px 30px 10px;}
.elementor-widget-text-editor a{font-size:14px;font-family:var(--font-family-OpenSansBold);margin-left:30px}
.elementor-widget-image img{width:auto;height:100%;}
.elementor-widget-text-editor a:after{content:"\f10f";font-family:Flaticon;font-size:14px;font-weight: bold;-webkit-transition:all .3s ease;transition:all .3s ease;margin-left:10px;left:0;position:relative}
.elementor-widget-text-editor a:hover:after{left:10px}
/* blog-insights section css ends */

.wg-emblem-bg-img,.wg-emblem-v1-bg{background-position:center bottom -70px !important;background-repeat:no-repeat !important;background-size: cover !important}
.wg-emblem-bg-img{background-image:url(/assets/img/common-wg-emblem-bg.svg) !important}
.wg-emblem-v1-bg{background-image:url(/assets/img/common-wg-emblem-v1-bg.svg) !important;background-position:center !important;}

/* Testimonial slider css starts */
.slide-customer-info-wrap img{width:66px;margin-right:15px}
.business-slide{padding:100px;background-repeat:no-repeat!important;background-size:contain!important;background-position:top center!important}
.slide-rareform{background:url(/assets/img/customer/banner/slide-rareform.png)}
.slide-rider-shack{background:url(/assets/img/customer/banner/slide-rider-shack.png)}
.slide-bases-loaded{background:url(/assets/img/customer/banner/slide-bases-loaded.png)}
.slide-channies{background:url(/assets/img/customer/banner/slide-channies.png)}
.inner-slide-wrap{background:var(--white);box-shadow:0 3px 6px rgba(0,0,0,0.16);border-radius:10px;padding:35px}
.slide-blue-box{box-shadow:0 3px 6px rgba(0,0,0,0.16);border-radius:10px;padding:35px 20px}
.business-slide .row{max-width:1025px;margin:auto}
.business-slide .row > div{padding:0 35px}
.business-slider .slick-dots li button,.g2-leader-slider .slick-dots li button,.integration-slider .slick-dots li button,.roi-slider .slick-dots li button,.dark-slick-dots .slick-dots li button{box-shadow:none;background:transparent;border:solid 2px #707070;width:13px;height:13px}
.business-slider .slick-dots li,.g2-leader-slider .slick-dots li,.integration-slider .slick-dots li,.roi-slider .slick-dots li,.dark-slick-dots .slick-dots li{width:20px;height:20px;margin:0 2px;padding:4px}
.business-slider .slick-dots li.slick-active button,.g2-leader-slider .slick-dots li.slick-active button,.integration-slider .slick-dots li.slick-active button,.roi-slider .slick-dots li.slick-active button,.dark-slick-dots .slick-dots li.slick-active button{background-color:#707070;box-shadow:none}
.business-slider .slick-prev,.business-slider .slick-next,.g2-leader-slider .slick-prev,.g2-leader-slider .slick-next,.integration-slider .slick-prev,.integration-slider .slick-next{opacity:.2}
.business-slider .slick-prev:hover:before,.business-slider .slick-next:hover:before,.g2-leader-slider .slick-prev:hover:before,.g2-leader-slider .slick-next:hover:before,.integration-slider .slick-prev:hover:before,.integration-slider .slick-next:hover:before{font-size:40px}
.business-slider .slick-prev:hover,.business-slider .slick-next:hover,.g2-leader-slider .slick-prev:hover,.g2-leader-slider .slick-next:hover,.integration-slider .slick-prev:hover,.integration-slider .slick-next:hover{height:40px!important}
.inner-slide-wrap > p{min-height:72px}
/* Testimonial slider css ends */

.typewrite {width: 340px;white-space: nowrap}
.testimonial-slide.slick-slide{padding:0 5px;}

/* Animation css starts */
/* FadeIn starts */
.fadein{animation:fadeIn linear 3s;-webkit-animation:fadeIn linear 3s;-moz-animation:fadeIn linear 3s;-o-animation:fadeIn linear 3s;-ms-animation:fadeIn linear 3s}
@keyframes fadeIn {
0%{opacity:0}
5%{opacity:0}
100%{opacity:1}
}
@-moz-keyframes fadeIn {
0%{opacity:0}
5%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes fadeIn {
0%{opacity:0}
5%{opacity:0}
100%{opacity:1}
}
/* FadeIn ends */
/* SVG Animation starts */
[data-animation^=fade][data-animation^=fade].animation-animate{opacity:1;transform:translateZ(0)}
[data-animation][data-animation][data-animation-duration="1000"],body[data-animation-duration="1000"] [data-animation]{transition-duration:1s}
[data-animation][data-animation][data-animation-easing=ease-in-out-sine],body[data-animation-easing=ease-in-out-sine] [data-animation]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}
[data-animation][data-animation][data-animation-duration="400"],body[data-animation-duration="400"] [data-animation]{transition-duration:.4s}
[data-animation^=fade][data-animation^=fade]{opacity:0;transition-property:opacity,transform}
.animate-group:not(.in-view){transition-delay:initial!important}
[data-animation=fade-up]{transform:translate3d(0,60px,0)}
[data-animation=fade-down]{transform:translate3d(0,-60px,0)}
[data-animation^=zoom][data-animation^=zoom]{opacity:0;transition-property:opacity,transform}
[data-animation^=zoom][data-animation^=zoom].animation-animate{opacity:1;transform:translateZ(0) scale(1)}
[data-animation=zoom-in]{transform:scale(.6);transform-box:fill-box;transform-origin:50% 50%}
[data-animation^=fade][data-animation^=fade].aos-animate{opacity:1;transform:translateZ(0)}
[data-animation^=fade][data-animation^=fade]{opacity:0;transition-property:opacity,transform}
.animation-floating,.animation-floating-left{animation-name:floating;animation-delay: 1.5s;animation-duration:6s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}
.animation-floating-left{animation-name:floating-left}
@keyframes floating {
from{transform:translate(0,0)}
65%{transform:translate(-25px,0)}
to{transform:translate(0,0)}
}
@keyframes floating-left {
from{transform:translate(0,0)}
65%{transform:translate(25px,0)}
to{transform:translate(0,0)}
}
@supports not (-ms-high-contrast: none) {
/* Non-IE styles here */
svg{height: auto}
}
/* SVG Animation ends */
/* Animation css ends */

.quote-card-link {position: absolute;right: -8px;top: 0;}

/*----- BEGIN: EXIT INTENT POPUP -----*/
.eip-overlay {position: fixed;left: 0;top:0;width: 100%;height: 100%;z-index: 999;background-color: rgba(31,41,51,0.8);overflow-x: hidden;overflow-y:auto}
.eip-wrapper {max-width: 500px;margin:30px auto;padding:50px 50px 20px;position: relative;opacity: 0;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in}
.eip-wrapper.scale-up{opacity: 1;}
.eip-close {position: absolute;right: 5px;top:5px; display: inline-block;background: var(--LIGHT-GREY);cursor: pointer;line-height: 1;padding: 2px;}
.eip-close:before {font-size: 15px;top: 2px;position: relative;left: 0px;}
.eip-close:hover {opacity: 0.8;}
.eip-wrapper hr{height: 5px; width: 75px;color:var(--WEBGILITY-ORANGE);opacity: 1;margin: 25px auto 35px}
.eip-open-body {overflow:hidden;}
/*----- END: EXIT INTENT POPUP -----*/

.trial-demo-cards-section {position: relative;background: url(/images/webgility-new-design/left-top-bg-pattern-img.svg) top left,url(/images/webgility-new-design/left-bottom-bg-pattern-img.svg) bottom left,url(/images/webgility-new-design/right-top-bg-pattern-img.svg) top right,url(/images/webgility-new-design/right-bottom-bg-pattern-img.svg) bottom right !important;background-repeat: no-repeat !important;background-color: var(--DARK-BLUE) !important}
.icon-holder {width: 90px;height: 90px;background: var(--WEBGILITY-ORANGE);border-radius: 50%;margin: 0 auto 15px}

/* Tooltip css starts */
.tooltip .tooltip-arrow {display: inline-block}
.tooltip-inner {padding: 10px 20px;text-align: left;border: solid 1px var(--GREY);border-radius: 10px;font-size: 12px;line-height: normal;max-width: 200px;width: 200px;}
.grey-tooltip .tooltip-inner {background-color: var(--GREY);}
.grey-tooltip.bs-tooltip-auto[x-placement^=right] .tooltip-arrow:before, .grey-tooltip.bs-tooltip-right .tooltip-arrow:before {border-right-color: var(--GREY)}
.grey-tooltip.bs-tooltip-auto[x-placement^=left] .tooltip-arrow:before, .grey-tooltip.bs-tooltip-left .tooltip-arrow:before {border-left-color: var(--GREY)}
.grey-tooltip.bs-tooltip-auto[x-placement^=top] .tooltip-arrow:before, .grey-tooltip.bs-tooltip-top .tooltip-arrow:before {border-top-color: var(--GREY)}
.grey-tooltip.bs-tooltip-auto[x-placement^=bottom] .tooltip-arrow:before, .grey-tooltip.bs-tooltip-bottom .tooltip-arrow:before {border-bottom-color: var(--GREY)}
.tooltip-head {display: block;text-transform: uppercase;font-family: var(--font-family-OpenSansBold)!important;font-size: 14px;margin-bottom: 10px;margin-top: 10px}
.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(--WEBGILITY-BLACK);border-color:var(--WEBGILITY-BLACK)}
.black-tooltip.bs-tooltip-auto[x-placement^=top] .tooltip-arrow:before,.black-tooltip.bs-tooltip-top .tooltip-arrow:before{border-top-color:var(--WEBGILITY-BLACK)}
.black-tooltip.bs-tooltip-auto[x-placement^=bottom] .tooltip-arrow:before,.black-tooltip.bs-tooltip-bottom .tooltip-arrow:before{border-bottom-color:var(--WEBGILITY-BLACK)}
/* Tooltip css ends */

/* Whats-New page css starts */
.whats-new-bg-grad-grey{background: linear-gradient(180deg, var(--white) 0%, rgba(209, 217, 227, 0.62) 100%), var(--white)}
.whats-new-banner {background: url(/assets/img/whats-new/dashboard-bg-img.svg) no-repeat;background-size: cover;background-position: center top;padding: 50px 100px 20px;margin-top: -60px}
.whats-new-title {background: linear-gradient(329.3deg, #232BDF 46.5%, rgba(35, 43, 223, 0) 98.29%), radial-gradient(47.52% 45.84% at 56.2% 50%, #273446 0%, #292F3F 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}
/* Whats-New page css ends */

/* BEGIN:: Why Webgility Page Style */
.play-btn.play-btn-lb {
  top: auto;
  left: 30px;
  bottom: 25px;
  transform: none;
  -webkit-transform: none;
}
.why-owner-section{max-width: 680px;margin: 0 auto}
.top-rated-leader-bg-v1,.homepage-footer-top {background: url(/assets/img/banners/top-rated-leader-bg-v1.webp?ver=2) no-repeat;background-color: var(--WEBGILITY-DARK-BLUE);background-size: cover;background-position: center}
body.mac-os .top-rated-leader-bg-v1, body.mac-os .homepage-footer-top{background: url(/assets/img/banners/top-rated-leader-bg-v1.png?ver=2) no-repeat !important;background-size:cover !important ;}
.why-webgility-sliders .slick-track {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;
}
.why-webgility-sliders.reviews-slider .slick-slide {
  float: none;
  display: inline-block;
  vertical-align: middle;
  padding: 30px;
  margin: 10px 22px;
  background-color: #F8F8F8;
  /* transition: all 0.3s ease; */
  height: auto;
  text-align: left;
  border-radius: 8px;
  max-width: 400px;
  min-height: 250px;
}
/* END:: Why Webgility Page Style */

/* Integrations page css starts */
body.mac-os .hero-integration{background:url(/assets/img/banners/integration-gradient-banner-bg.png?ver=1) no-repeat;background-color:var(--WEBGILITY-DARK-BLUE);background-size:cover;background-position:bottom;padding-top:140px;padding-bottom:50px}
.hero-integration{background:url(/assets/img/banners/integration-gradient-banner-bg.webp?ver=1) no-repeat;background-color:var(--WEBGILITY-DARK-BLUE);background-size:cover;background-position:bottom;padding-top:140px;padding-bottom:50px;}
.category-list{padding:5px 0}
.category-list li{background:var(--LIGHT-GREY);color:var(--GREY-7B8794);padding:3px 15px;display:inline-block;border-radius:10px;letter-spacing:1px;margin:6px 4px 6px 0}
.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}
.left-blue-border{position:relative;padding-left:20px}
.left-blue-border:before{content:'';border-left:2px solid var(--WEBGILITY-BLUE);height:100%;width:2px;position:absolute;left:0}
/* Integrations page css ends */

/* Homepage css starts */
/* Old */
.hero-banner-home{background:url(/assets/img/banners/homepage-grad-bg.webp?ver=3) no-repeat;background-color:var(--WEBGILITY-DARK-BLUE);background-size:cover;background-position:center bottom;overflow: hidden;}
body.mac-os .hero-banner-home{background:url(/assets/img/banners/homepage-grad-bg.jpg?ver=3) no-repeat;background-color:var(--WEBGILITY-DARK-BLUE);background-size:cover;background-position:center bottom}
.states-card{background:rgb(0 28 115 / 25%);border-radius:8px}
.states-card.update-card-color{background: rgba(0, 7, 29, 0.25);}
.reviews-slider .slick-list{overflow:visible}
.reviews-slider .slick-slide{background:rgb(0 28 115 / 25%);border-radius:8px;margin:0 10px;padding:30px;min-height:250px}
.bg-fade-orange-circle {background: url(/assets/img/homepage/bg-fade-orange-circle.svg);background-size: contain;background-position: center;background-repeat: no-repeat;padding-top: 110px;padding-bottom: 110px}
.bg-fade-orange-two-circle{background:url(/assets/img/homepage/bg-fade-two-orange-circle.svg?ver=1);background-position:center;background-size:contain;background-repeat:no-repeat;padding:100px 0}
.bg-fade-orange-circle-v1 {background: url(/assets/img/homepage/bg-fade-orange-circle-v1.webp);background-size: auto;background-position: center;padding: 130px 0}
body.mac-os .bg-fade-orange-circle-v1 {background: url(/assets/img/homepage/bg-fade-orange-circle-v1.png);background-size: auto;background-position: center;padding: 130px 0}
.integrations-card{height:70px;padding:10px}
.product-setup-step{border:1px solid var(--WEBGILITY-ORANGE);border-radius:20px;padding:25px 25px 35px}
.top-rated-leader-section{background:rgb(51 76 235 / 5%)}
.commerce-management-tab-animation{background:var(--white);box-shadow:0 3px 10px rgb(0 0 0 / 16%);border-radius:8px;max-width:440px;padding:25px 15px;margin:auto}
.commerce-management-tab-animation ul{list-style:none;text-align:left;padding:0 0 15px;margin-bottom:18px;border-bottom:1px dashed rgb(112 112 112 / 35%)}
.commerce-management-tab-animation ul li{display:inline-block;margin-right:25px}
.commerce-management-tab-animation ul li.active{font-family:var(--font-family-OpenSansBold);color:var(--WEBGILITY-BLUE)}
.commerce-management-tab-animation-wrap{height:370px}
/* Old */

/* New - Oct22 */
.icon-block img{margin-left:-15px}
.integrations-card-lg{width:198px;height:116px;padding:10px}
.integrations-card-lg:hover img {transform: scale(1.1);-webkit-transform: scale(1.1)}
.integrations-card-lg img {transition: 0.3s all ease;-webkit-transition: 0.3s all ease}
.corner-light-blue-grad {background: rgb(237,241,245);background: -moz-linear-gradient(167deg, rgba(237,241,245,1) 0%, rgba(255,255,255,0) 46%);background: -webkit-linear-gradient(167deg, rgba(237,241,245,1) 0%, rgba(255,255,255,0) 46%);background: linear-gradient(167deg, rgba(237,241,245,1) 0%, rgba(255,255,255,0) 46%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#edf1f5",endColorstr="#ffffff",GradientType=1);}
/* New - Oct22 */
/* Homepage css ends */

/* Triangles CSS Starts*/
.bg-triangles-wrap{position:absolute;top:0;left:0;bottom:0;right:0}
.bg-triangle-position-tl{top:0;left:0}
.bg-triangle-position-tr{top:0;right:0}
.bg-triangle-position-bl{left:0;bottom:0}
.bg-triangle-position-br{bottom:0;right:0}
.bg-triangle{position:absolute;clip-path:polygon(100% 0,100% 100%,0 100%);max-width:80%}
.bg-triangle-grad{background:conic-gradient(from 222.97deg at 105% 41.78%,var(--WEBGILITY-BLUE-334BEB) -0.39deg,var(--ORANGE-FF6633) 89.86deg,var(--WEBGILITY-BLUE-334BEB) 361.61deg,var(--ORANGE-FF6633) 449.86deg);width:637px;height:784px}
.bg-triangle-grad1{background:conic-gradient(from 222.97deg at 110.21% 41.78%,var(--WEBGILITY-BLUE-334BEB) -0.39deg,var(--ORANGE-FF6633) 89.86deg,var(--WEBGILITY-BLUE-334BEB) 359.61deg,var(--ORANGE-FF6633) 449.86deg);width:503px;height:588px;transform:matrix(-1,0,0,1,0,0)}
.bg-triangle-grad2{background: linear-gradient(0deg, #0108B1 0, var(--ORANGE-FF6633) 85%, var(--ORANGE-FF6633) 100%);width: 580px;height: 100%;clip-path: polygon(100% -67%,100% 100%,0 100%);}
.bg-triangle-img {background: #E5E7EB;width: 770px;height: 100%;clip-path: polygon(100% -100%,100% 100%,10% 100%);}
@media not all and (min-resolution:.001dpcm) { /* Mac Safari */
  .bg-triangle-grad,.bg-triangle-grad1{background:linear-gradient(23deg, var(--WEBGILITY-BLUE-334BEB) 30%, var(--ORANGE-FF6633) 80%, var(--ORANGE-FF6633) 100%)}
}
.bg-triangle-grey,.bg-triangle-grey1,.bg-triangle-grey2,.bg-triangle-grey3{background:var(--dark-grey-455770)}
.bg-triangle-grey{clip-path:polygon(0 0,100% 0,0 100%);width:600px;height:850px}
.bg-triangle-grey1{width:214px;height:367px}
.bg-triangle-grey2,.bg-triangle-grey3{width:385px;height:666px}
.bg-triangle-grey2{clip-path:polygon(0 0,100% 0,100% 100%,100% 100%)}
.bg-triangle-grey3{clip-path:polygon(0 0,0 0,100% 100%,0 100%)}
.bg-triangle-white{background:var(--white);width:756px;height:100%;clip-path:polygon(100% -60%,100% 100%,0 100%)}
.bg-triangle-light-grey{background:#F3F6F8;width:214px;height:367px;transform:matrix(-1,0,0,1,0,0)}
.bg-triangle-light-grey1{background: #D1D9E3;width: 467px;height: 809px;transform: matrix(-1,0,0,1,0,0)}
.bg-triangle-light-grey2{background: #E5E7EB;width: 500px;height: 100%;clip-path: polygon(100% -90%,100% 100%,0 100%);}
.bg-triangle-black {clip-path: polygon(0 0, 100% 0, 30% 100%, 0% 100%);background: var(--BLACK-181E28);width: 630px;height: 100%}
.bg-triangle-black-light{background:var(--BLACK-273446)}
.bg-triangle-black-light{width:550px;height:100%;clip-path:polygon(100% -60%,100% 100%,0 100%)}
.bg-triangle-blue,.bg-triangle-orange{width:590px;height:100%;clip-path:polygon(100% -70%,100% 100%,0 100%)}
.bg-triangle-blue{background:var(--WEBGILITY-BLUE)}
.bg-triangle-orange{background:var(--WEBGILITY-ORANGE)}
/* Triangles CSS Ends*/

/* Product pages css starts */
.intgrations-tooltip {background: url(/assets/img/icon/svg/filled/sprite-info-icon.svg);width: 22px;height: 22px;display: inline-block;background-repeat: no-repeat;position: absolute;right: 10px;top: 10px;cursor: pointer;}
.wi-product-video{cursor:pointer}
.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:all .3s ease;-webkit-transition:all .3s ease}
.play-btn svg{border-radius:50%}
.pause .play{display:none}
.pause .pause{display:block!important}
.wi-product-video:hover + .play-btn{opacity:1;transition:all .3s ease;-webkit-transition:all .3s ease}
.wi-product-video:hover + .play-btn svg circle{fill:var(--WEBGILITY-BLUE)}
.wi-product-video.paused + .play-btn{opacity:1}
.bg-fade-light-orange-circle {background: url(/assets/img/commerce-management/bg-fade-orange-circle.svg);background-size: contain;background-position: center;background-repeat: no-repeat;padding-top: 90px;padding-bottom: 90px}
.webgility-intelligence-banner-bg {background: url(/assets/img/banners/webgility-intelligence-banner.jpg?ver=2) no-repeat;background-color: var(--WEBGILITY-DARK-BLUE);background-size: cover;background-position: center}
.bg-grad-grey{background:linear-gradient(0deg,#F9FAFB,#F9FAFB),linear-gradient(359.31deg,#FFFFFF 63.65%,rgba(255,255,255,0) 144.74%)}
.divider-light-grey{background-color:#EAECF0;opacity:1}
.testimonials-slider-container{background:#FCFCFD;padding:60px 56px}
.testimonials-slider .slick-dots li{width:10px;height:10px;margin:0 8px}
.testimonials-slider .slick-dots li button{width:10px;height:10px;box-shadow:none!important;background:var(--GREY-BCBFC2)}
.testimonials-slider .slick-dots li.slick-active button{background-color:var(--WEBGILITY-BLUE);border:solid 5px var(--WEBGILITY-BLUE)}
.feature-tabs .tab-nav-link{padding:16px 60px 16px 24px;border-left:4px solid #EAECF0;cursor:pointer}
.feature-tabs .tab-nav-link.active{border-color:var(--WEBGILITY-BLUE);cursor:auto}
.tab-img-wrap{background:var(--white);box-shadow:0px 26.4052px 52.8103px rgba(0,0,0,0.25);-webkit-box-shadow:0px 26.4052px 52.8103px rgba(0,0,0,0.25);border-radius:16px;max-width:538px;z-index:2;position:relative}
.feature-tabs .nav-tabs {z-index:2;position:relative;list-style: none}
.hero-wo-title{background: linear-gradient(180deg, #FF782A 15.62%, #F14C18 73.96%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;padding-right: 2px}
.hero-wd-title {background: conic-gradient(from 226.81deg at 104.24% 50%, #3D76FF -276.2deg, #232BDF 0.16deg, #3D76FF 83.8deg, #232BDF 360.16deg);-webkit-background-clip: text;-webkit-text-fill-color: transparent;padding-right: 2px}
.post-img-container {box-shadow: 0 3px 6px rgb(0 0 0 / 8%);-webkit-box-shadow: 0 3px 6px rgb(0 0 0 / 8%)}
/* Product pages css ends */

/* Youtube player css starts */
.video-player, .youtube-player{background:var(--WEBGILITY-FULL-BLACK);position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;border-radius:20px}
.video-player{background:white;}
.youtube-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background:transparent}
.video-player img,.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}
.video-player > div:hover:before, .youtube-player > div:hover:before{opacity:1}
.video-player > div:before, .youtube-player > div:before{content:'';background:linear-gradient(180deg,rgb(255 255 255 / 0%) 0%,rgb(51 76 235 / 20%) 100%);position:absolute;width:100%;left:0;bottom:0;height:90%;opacity:0;border-radius:20px;z-index:1;cursor:pointer}
.video-player .play,.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/icon/svg/filled/play-grad-circle.svg) no-repeat;cursor:pointer;z-index:2}
.video-player > div:hover .play, .youtube-player > div:hover .play{background:url(/assets/img/icon/svg/filled/play-grad-circle-v1.svg) no-repeat}
body:after{display:none;content: url(/assets/img/icon/svg/filled/play-grad-circle-v1.svg)}
/* Youtube player css ends */

/* Choose Your Journey css starts */
.choose-your-journey-wrap{max-width: 1064px;border-radius: 32px}
.journey-block-inner {background: linear-gradient(180deg, #EE9C3E 0%, #F35627 100%);border-radius: 16px;cursor: pointer;box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.5)}
.journey-block-inner.selected {background: var(--WEBGILITY-ORANGE);cursor: default}
.dashed-border-white {border: none;border-top: 1px dashed #fff;background: transparent;opacity: 1}
.choose-your-journey-wrap .btn {text-transform: none;letter-spacing: normal;font-size: 21px;height: 65px;line-height: 61px;}
.choose-your-journey-wrap .journey-block-inner:not(.selected) .btn {pointer-events: none}
.choose-your-journey-wrap .btn-white-bg {box-shadow: 0px 8px 32px rgb(0 0 0 / 25%) !important}
.choose-your-journey-wrap .btn-white-bg:not(:focus):hover {background: var(--white);border-color: var(--white);color: var(--WEBGILITY-ORANGE);box-shadow: 0px 8px 32px rgb(0 0 0 / 60%) !important}
/* Choose Your Journey 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{margin-top: 0;}
.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 {padding-bottom: 20px;position: sticky;z-index: 1;background: white;}
.quoted-price-wrapper .pricing-detail-box .plan-includes {margin-bottom: 30px;}
.quoted-price-wrapper .features-wrap {margin-top: 20px;}
.price-quote-form #pardot-form .form-field select {color: var(--WEBGILITY-BLACK);}
.price-quote-form #pardot-form .form-field label {color: var(--WEBGILITY-BLACK);}
.price-quote-form .disable-add-on-wrap {position: relative;}
.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;}
.getquote-integrations-card{height: 120px;max-width: 300px;margin: auto;}
.getquote-integrations-card:hover {box-shadow:0 8px 12px rgb(0 0 0 / 16%)}
.getquote-integrations-card .int-logo img{max-width: 100%;}
.integrations-list-modal .slimScrollDiv {height: auto !important;padding-right: 5px;padding-left: 5px;}
.integrations-list-modal .slimScrollBar {background: var(--GREY-7B8794) !important;}
.integrations-list-modal .modal-body {height: auto !important;}
.integrations-list-modal .modal-content {padding: 0 10px 0;}
.integrations-list-modal .modal-footer {border: 0; display: block;padding:25px 0;}
.integrations-list-modal .modal-header {border: 0;}
/* Get My Quote Page CSS Ends */

/* Inventory Management page style Start */
.animated-video-wrapper{max-width:1000px;margin: 0 auto;}
/* Inventory Management page style End */

/* Webgility Desktop/Online page CSS Start */
.case-study-banner {background-size: cover !important;background-position: center !important}
.cs-epic-mens-bg-img{background: url(/assets/img/customer/banner/CS-Epic-Mens-banner.jpg) no-repeat}
.cs-channies-bg-img{background: url(/assets/img/customer/banner/CS-Channies-banner.jpg) no-repeat}
/* Webgility Desktop/Online page CSS End */

/* Bookkeeping Accounting */
.bg-bookkeeping-banner-section{background: url(/assets/img/banners/bookkeeping-banner-image-bg.jpg) no-repeat;background-size:cover ;}
/* Bookkeeping Accounting */

/* Inventory Management WO */
.bg-inventory-management-features-banner-section{
  background-image: url(/assets/img/banners/features-inventory-manangement-banner-bg.jpg), conic-gradient(from 0deg at 32.24% -4.25%, #F36427 -33.77deg, #334FEB 109.26deg, #F36427 326.23deg, #334FEB 469.26deg);background-blend-mode: multiply, normal;
mix-blend-mode: normal; background-size:cover;background-position:center center;background-color:#2039b7;}

/* Shipping POS WO */
.bg-shipping-pos-banner-section{
  background-image: url(/assets/img/banners/features-shipping-pos-banner-bg.jpg), conic-gradient(from 0deg at 32.24% -4.25%, #F36427 -33.77deg, #334FEB 109.26deg, #F36427 326.23deg, #334FEB 469.26deg);background-blend-mode: overlay, normal;
mix-blend-mode: normal; background-size:cover;background-position:center center;background-color:#2039b7;}

/* Profitability Dashboard WO */
.profitability-dashboard-features-banner-bg{
  background-image: url(/assets/img/banners/features-profitability-dashboard-banner-bg.jpg), conic-gradient(from 0deg at 32.24% -4.25%, #F36427 -33.77deg, #334FEB 109.26deg, #F36427 326.23deg, #334FEB 469.26deg);background-blend-mode: multiply, normal;
mix-blend-mode: normal; background-size:cover;background-position:center center;background-color:#2039b7;}

/* Inventory Sunc WD */
.bg-inventory-sync-features-banner-section{
  background-image: url(/assets/img/banners/features-inventory-sync-banner-bg.jpg), conic-gradient(from 0deg at 32.24% -4.25%, #001D75 -30.53deg, #334FEB 249.49deg, #001D75 329.47deg, #334FEB 609.49deg);background-blend-mode: multiply, normal;
mix-blend-mode: normal; background-size:cover;background-position:center center;background-color:#2039b7;}

/* Accounting Automation WD */
.accounting-automation-banner-img{
  background-image: url(/assets/img/banners/features-accounting-automation-banner-bg.jpg), conic-gradient(from 0deg at 32.24% -4.25%, #001D75 -30.53deg, #334FEB 249.49deg, #001D75 329.47deg, #334FEB 609.49deg);background-blend-mode: overlay, normal;
mix-blend-mode: normal; background-size:cover;background-position:center bottom;background-color:#2039b7;}

/* Accounting Automation WD */
.bg-product-transfer-banner-section{
  background-image: url(/assets/img/banners/features-product-transfer-banner-bg.jpg), conic-gradient(from 0deg at 32.24% -4.25%, #001D75 -30.53deg, #334FEB 249.49deg, #001D75 329.47deg, #334FEB 609.49deg);background-blend-mode: overlay, normal;
mix-blend-mode: normal; background-size:cover;background-position:center bottom;background-color:#2039b7;}

/* Accounting Automation WD */
.business-analytics-banner-bg{
  background-image: url(/assets/img/banners/features-business-analytics-banner-bg.jpg), conic-gradient(from 0deg at 32.24% -4.25%, #001D75 -30.53deg, #334FEB 249.49deg, #001D75 329.47deg, #334FEB 609.49deg);background-blend-mode: multiply, normal;
mix-blend-mode: normal; background-size:cover;background-position:center center;background-color:#2039b7;}


/* .business-analytics-banner-bg{background: url(/assets/img/banners/business-analytics-feature-page-bg.png) no-repeat;background-size:cover;background-position:center center ;} */

/* Accounting Automation CSS Start */
/* .accounting-automation-banner-img{background: url(/assets/img/banners/Accounting-Automation-banner-img.jpg) no-repeat;background-size:cover;background-position:center} */
/* Accounting Automation CSS Ends */

/* Hosted Webgility CSS Starts */
.hosted-webgility-banner-img{background: url(/assets/img/banners/hosted-webgility-banner-img.jpg) no-repeat;background-size:cover;background-position:center}
.blue-marker li::marker {color: var(--WEBGILITY-BLUE)}
/* Hosted Webgility CSS Ends */

/* Video Library CSS Starts */
.video-library-banner-img{background:url(/assets/img/banners/video-library-banner-img.jpg) no-repeat;background-size:cover;background-position:center}
.customer-training-library-banner-img{background:url(/assets/img/banners/customer-training-library-banner-img.jpg) no-repeat;background-size:cover;background-position:center}
.video-thumbnail{background:var(--GREY-BCBFC2);border-radius:8px;overflow:hidden;position:relative;box-shadow:0 3px 6px rgb(0 0 0 / 8%);-webkit-box-shadow:0 3px 6px rgb(0 0 0 / 8%)}
.video-thumbnail:before{content:'';display:block;padding-top:55%}
.video-thumbnail img{width:100%;max-width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.tags img{margin-top:-2px}
.video-card .link-white:hover .arrow-right,.video-card .link-blue:hover .arrow-right{right:-5px}
.filter-col.active{z-index:2}
.filters-wrap .dropdown-toggle,input#search-videos{background:var(--white);border:2px solid var(--GREY-BCBFC2);border-radius:8px;width:100%;padding:0 16px;height:58px}
.filters-wrap .dropdown-toggle{border-radius:0 0 8px 8px;color:var(--WEBGILITY-BLACK);font-family:var(--font-family-OpenSansSemiBold);padding-right:30px;white-space:normal}
.filters-wrap .dropdown-toggle.show{border-radius:0}
.filters-wrap .dropdown-toggle:after{background:url(/assets/img/icon/svg/linear/arrow-bottom-bold-dark-grey.svg) no-repeat center right;border:0;width:15px;height:10px;z-index:2;position:absolute;right:20px;top:50%;margin-top:-5px}
.filters-wrap .dropdown-toggle.show:after{transform:rotate(180deg)}
.filters-wrap .dropdown{width:100%;z-index:1}
.filters-wrap .dropdown-menu{width:100%;min-width:100%;border:2px solid var(--GREY-BCBFC2);border-radius:0 0 8px 8px;transform:translate3d(0,54px,0)!important;overflow:hidden;animation-duration:unset;z-index:1}
.filters-wrap .dropdown-menu .dropdown-item{color:var(--GREY1);font-size:16px;padding:0 16px;white-space: normal}
.filters-wrap .dropdown-menu .dropdown-item div{border-top:2px solid var(--GREY-BCBFC2);padding:16px 0}
.filters-wrap .dropdown-menu .dropdown-item:first-child div{border-top:0}
.filters-wrap .dropdown-menu .dropdown-item:hover,.filters-wrap .dropdown-menu .dropdown-item.selected{font-family:var(--font-family-OpenSansSemiBold);color:var(--WEBGILITY-BLACK);background:var(--LIGHT-GREY)}
.filters-wrap .dropdown-menu .dropdown-item div img{margin-top:-2px}
.filters-wrap .topics-dropdown .dropdown-menu .dropdown-item:first-child div {padding-left: 0;}
.filters-wrap .topics-dropdown .dropdown-menu .dropdown-item div {position: relative;padding: 16px 0 16px 26px;}
.filters-wrap .topics-dropdown .dropdown-menu .dropdown-item div img {position: absolute;left: 0;margin-top: 3px;}
.search-wrap{width:100%;position:relative}
.search-wrap input{padding-right:50px!important;color:var(--WEBGILITY-BLACK);font-family:var(--font-family-OpenSansSemiBold)}
.search-wrap img{position:absolute;right:20px;top:18px}
input#search-videos::-webkit-input-placeholder{color:var(--WEBGILITY-BLACK)}
input#search-videos::-moz-placeholder{color:var(--WEBGILITY-BLACK)}
input#search-videos:-ms-input-placeholder{color:var(--WEBGILITY-BLACK)}
input#search-videos:-moz-placeholder{color:var(--WEBGILITY-BLACK)}
img.arrow-left{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.link-white:hover .arrow-left{left:-10px}
.link-white .arrow-left{-webkit-transition:all .3s ease;transition:all .3s ease;left:0}
.pagination-container ul{margin:0;list-style-type:none;text-align:center}
.pagination-container ul li{font-size:21px;font-family:var(--font-family-OpenSansSemiBold);color:var(--dark-grey-4C545C);padding:1px;display:inline-block}
.pagination-container ul li .current{padding:5px;color:var(--GREY-BCBFC2)}
.pagination-container ul li a.page-link{font-size:21px;color:var(--dark-grey-4C545C);padding:5px}
.playlist-slider .slick-dots li{width:16px;height:16px;margin:0 6px}
.playlist-slider .slick-dots li button{width:16px;height:16px;box-shadow:none!important;background:var(--GREY-BCBFC2)}
.playlist-slider .slick-dots li.slick-active button{background-color:var(--WEBGILITY-BLUE);border:solid 5px var(--WEBGILITY-BLUE)}
.playlist-slider .slick-slide{padding:0 15px 50px}
.playlist-slider .video-thumbnail:before{padding-top:65%}
.video-cards.loader:before{content:'';position:absolute;width:100%;height:100%;background:rgb(255 255 255 / 70%);z-index:1}
.video-cards.loader:after{content:'';display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid;border-right:.25em solid transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite;color:#262626!important;position:absolute;top:50%;left:50%;z-index:1}
/* Video Library CSS Ends */

/* Partner Portal CSS Starts */
.partner-portal-bottom-bg-img{background: url(/assets/img/banners/partner-portal-bottom-banner-img.jpg) no-repeat;background-size:cover;background-position:center}
/* Partner Portal CSS Ends */

/* 2022 New Integration Pages Styles*/
body.has-promo .new-top-banner{z-index:7;}
.tringle-arrows{position:relative;}
.tringle-arrows.first-arrow::before,.tringle-arrows.white-arrow::before,.tringle-arrows.grey-arrow::before,.tringle-arrows-bottom.grey-arrow-bottom::after {content: '';position: absolute;left: 0;right:0; margin:0 auto;z-index: 1;opacity: 1;width: 0;height: 0;border-left: 35px solid transparent;border-right: 35px solid transparent;border-top: 20px solid transparent;}
.tringle-arrows.first-arrow::before{border-top-color:#334ceb !important;top: 0;}
.tringle-arrows.white-arrow::before{border-top-color:var(--white) !important;top: 0;}
.tringle-arrows.grey-arrow::before{border-top-color:var(--LIGHT-GREY) !important;top: 0;}
.grey-arrow-bottom:after{border-top-color:var(--LIGHT-GREY) !important;bottom:-20px;}
.cs-complete-list-slider .slick-dots {bottom: 0!important;margin: 0}
/* 2022 New Integration Pages Styles*/

/*----- COMPARISON TABLE STARTS -----*/

table.comparison-chart {width:100%}
.comparison-chart tr td {border-right: solid 1px var(--GREY-E4E7EB);padding: 15px;font-size: 14px;border-bottom: solid 1px var(--GREY-E4E7EB);}
.comparison-chart tr td.cart-col-gutter {padding: 0;width: 2%;}
.comparison-chart select, .comparison-chart input[type=text]{padding: 9px;font-size: 14px;border-radius: 10px;border:solid 1px var(--GREY);color: var(--WEBGILITY-BLACK);outline: none;}
.comparison-chart select {padding-right: 30px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background-image: url(/helpdesk/images/ic-dd-arrow.svg);background-position: center right;background-repeat: no-repeat;}
.comparison-chart .cartcolumn select{width: 100%;}
.comparison-chart .cartcolumn {width:17%;text-align:center;background:var(--LIGHT-GREY)}
.comparison-chart .cartcolumn img {margin-bottom: 0;}
.comparison-chart .feature-col{width: 45%;}
#comparison-chart .table-head {position: sticky;position: -webkit-sticky;z-index: 1 !important;background:var(--white);top: 0;}
.comparison-chart .comparison-data-head tr td {font-size: 16px;cursor: pointer;}
.comparison-content-wrapper .comparison-chart:first-child .comparison-data-head tr td,
.comparison-chart .comparison-data-head.collapsed tr td {border-top-width: 0;}
.comparison-chart.head-one .accounting-software-dd-wrap{border-top: solid 1px var(--GREY-E4E7EB);border-left: solid 1px var(--GREY-E4E7EB);}
.comparison-chart.head-one .feature-col {border-bottom-color: transparent;}
.comparison-chart .comparison-data td.feature-col {padding-left: 60px;}
.comparison-chart .comparison-data tr:hover, .comparison-chart .comparison-data tr:hover td {background:#F3F8FF;}
.comparison-chart .comparison-data tr:hover td:not(:last-child) {border-right-color: transparent;}
.comparison-chart .expand-collapse-all {cursor: pointer;}
.comparison-chart .expand-collapse-all:after{content: '';display: inline-block;width: 11px;height: 15px;background:url(/helpdesk/images/ic-expand-collapse.svg) no-repeat right center;margin-left: 10px;}
.comparison-chart .expand-collapse-all.collapsed:after {background-position: left center;}
.comparison-chart .comparison-data-head:hover .feature-cat {text-decoration: underline;} 
.comparison-chart .comparison-data-head .feature-cat:after {content: url(/helpdesk/images/ic-arrow-up-black.svg);margin-left: 10px;position: relative;}
.comparison-chart .comparison-data-head.collapsed .feature-cat:after {transform: rotate(180deg);top:3px}
.comparison-chart .comparison-data-head .feature-cat:before {display: inline-block;margin-right: 15px;width: 30px;}
#ordermanagement_table.comparison-chart .comparison-data-head .feature-cat:before {content: url(/helpdesk/images/ic-order-management.svg?v=2);}
#productmanagement_table.comparison-chart .comparison-data-head .feature-cat:before {content: url(/helpdesk/images/ic-product-management.svg);}
#customermanagement_table.comparison-chart .comparison-data-head .feature-cat:before {content: url(/helpdesk/images/ic-customer-management.svg);}
#shipping_table.comparison-chart .comparison-data-head .feature-cat:before {content: url(/helpdesk/images/ic-shipping.svg);}
#webgilityscheduler_table.comparison-chart .comparison-data-head .feature-cat:before {content: url(/helpdesk/images/ic-scheduler.svg);}
#others_table.comparison-chart .comparison-data-head .feature-cat:before {content: url(/helpdesk/images/ic-others.svg);}
#paymentprocessorreconciliation_table.comparison-chart .comparison-data-head .feature-cat:before {content: url(/helpdesk/images/ic-payment-processor-reconcile.svg);}
.comparison-chart .search-feature-list {padding-right: 45px;background: url(/helpdesk/images/ic-home-search.svg) no-repeat right 10px center;width: 100%;}
.comparison-chart .no-result-tr {display: none;}
.webgility-online #comparison-chart .comparison-chart.head-one {display: none;}
.webgility-online #comparison-chart .comparison-chart.head-two .cartcolumn {border-top: solid 1px var(--GREY-E4E7EB);}

/*----- COMPARISON TABLE ENDS -----*/

/*----- TABS BEGINS -----*/
.tab-wrapper {z-index: 1;position: relative}
.tab-list li {cursor: pointer;color: var(--WEBGILITY-BLACK);text-transform: uppercase;background: var(--LIGHT-GREY);padding: 14px 35px;position: relative;letter-spacing: 1px;display: inline-block;min-width: 120px}
.tab-list li.active {color: var(--white);background:var(--WEBGILITY-BLUE)}
.tab-list li.active:after {content: '';width: 0;height: 0;border-left: 11px solid transparent;border-right: 11px solid transparent;border-top: 10px solid var(--WEBGILITY-BLUE);position: absolute;bottom: -15px;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%)}
.tab-list li:last-child {margin-right: 0 !important}
.tab-link a,
.tab-inner a {text-decoration: none !important}
/*----- TABS ENDS -----*/


/*----- CAREERS BEINGS -----*/
.careers-banner{
  background-image: url(/images/webgility-new-design/banner/india-career-banner.jpg);background-position: center top;height: 500px;background-color: var(--WEBGILITY-DARK-BLUE);background-size:cover;background-repeat: no-repeat;}
.careers-middle-banner{
  background-image: url(/images/webgility-new-design/banner/career-page-our-team-banner.jpg);background-position: center top;height: 500px;background-color: var(--WEBGILITY-DARK-BLUE);background-size:cover;background-repeat: no-repeat;}
.jobs-list-section .job-block {border-bottom: solid 1px var(--LIGHT-GREY)}
.jobs-list-section .job-block:last-child {border-bottom:0}
.bzOpeningsList{padding:0;margin:0;}
.bzOpeningsList .bzOpening {list-style-type: none;padding-top: 1.5rem;padding-bottom: 1.5rem;border-bottom: solid 1px var(--LIGHT-GREY);}
.bzOpeningsList .bzOpening a h2 {font-size: 21px; color: var(--WEBGILITY-BLACK);font-family: var(--font-family-OpenSansExtraBold);margin-bottom: 5px;}
.bzOpeningsList .bzOpening a ul {padding: 0;margin: 0;}
.bzOpeningsList .bzOpening a ul li {list-style-type: none;display: none;}
.bzOpeningsList .bzOpening a ul li:first-of-type {display: block;}
.bzOpeningsList .bzOpening a ul li span {font-size: 18px; color: var(--dark-grey-4C545C);}
.bzOpeningsList .bzOpening a .bzButtonApply{font-family:var(--font-family-OpenSansBold);text-transform:uppercase;white-space:nowrap;border: 2px solid;letter-spacing:1px;box-shadow: none; border-radius: 6px;background:var(--WEBGILITY-BLUE);border-color:var(--WEBGILITY-BLUE);color:var(--WEBGILITY-BLUE);font-size: 0px;padding:0 25px 0 30px;height: 50px;line-height: 46px;float: right;}
.bzOpeningsList .bzOpening a .bzButtonApply::before{content: 'View and Apply';color: var(--white);font-size: 17px;}
.bzOpeningsList .bzOpening a .bzButtonApply:hover{background: var(--hover-blue);border-color: var(--hover-blue);color:var(--white);}
.bzOpeningsList .bzOpening a .bzButtonApply:focus{background:var(--btn-blue-focus);border-color:var(--btn-blue-focus)}
/*----- CAREERS ENDS -----*/


/* Webinars CSS Starts */
.od-webinar-card .continue-content {position: absolute;width: 100%;bottom: 40px;left: 0}
/* Webinars CSS Ends */

/* Company CSS Starts */
.team-bg-img{background:url(/images/webgility-new-design/banner/az-team-banner.jpg);background-position:center top}
.our-mission-wrap .inner-wrapper{background:rgba(255,255,255,0.1);min-height:85.6%}
.our-core-val-wrap{margin:0;padding-left:70px}
.our-core-val-wrap li{list-style-type:none;position:relative;margin-bottom:25px}
.our-core-val-wrap li img{position:absolute;left:-45px;top:0}
.leader-img{position:relative;overflow:hidden;display:inline-block}
.leader-img .leader-bio{position:absolute;opacity:.3;width:100%;height:100%;background:conic-gradient(from 44.01deg at 47.19% -58.86%,var(--WEBGILITY-BLUE) -82.06deg,rgb(51 76 235 / 90%) 75.35deg,var(--WEBGILITY-ORANGE) 204.18deg,var(--WEBGILITY-BLUE) 277.94deg,var(--WEBGILITY-BLUE) 435.35deg);color:var(--white);font-size:14px;line-height:24px;padding:30px;left:0;top:100%;text-align:left;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;overflow-y:auto}
.leader-img:hover .leader-bio{opacity:1;top:0}
.team-photo-slider .slick-prev,.team-photo-slider .slick-next{background:rgba(255,255,255,0.8);width:50px;height:50px}
.team-photo-slider .slick-next{right:0}
.team-photo-slider .slick-prev{left:0}
.team-photo-slider .slick-prev:before,.team-photo-slider .slick-next:before{color:var(--WEBGILITY-BLUE)}
.team-achievements-banner{background-image:url(/images/webgility-new-design/banner/multi-team-blue-banner.jpg);background-repeat:no-repeat;background-size:cover}
.wg-achive-num{font-size:75px}
/* Company CSS Ends */

/* Free Connector vs Webgility Page CSS Starts */
.free-connectors-bg-img{background:conic-gradient(from 226.81deg at 104.24% 50%,var(--BLUE-3D76FF) -276.2deg,var(--DARK-BLUE-232BDF) 0.16deg,var(--BLUE-3D76FF) 83.8deg,var(--DARK-BLUE-232BDF) 360.16deg);background-image:url(/assets/img/banners/Free-Connectors-vs-Webgility-banner-bg-img.png),conic-gradient(from 226.81deg at 104.24% 50%,var(--BLUE-3D76FF) -276.2deg,var(--DARK-BLUE-232BDF) 0.16deg,var(--BLUE-3D76FF) 83.8deg,var(--DARK-BLUE-232BDF) 360.16deg);background-blend-mode:overlay,normal;mix-blend-mode:normal;background-size:cover;background-position:center top;background-repeat:no-repeat;padding-bottom:240px}
.free-connectors-comparison-table .table-head{border-bottom:3px solid #E2E9F0}
.free-connectors-comparison-table .col-sticky{background:#F3F6F8!important;position:sticky;left:0;z-index:1}
.free-connectors-comparison-table tr th{font-family:var(--font-family-OpenSansBold)}
.free-connectors-comparison-table tr th,.free-connectors-comparison-table td{padding:20px 40px;width:33.33%}
.free-connectors-comparison-table td{font-size:14px}
.free-connectors-comparison-table thead tr th{letter-spacing:-.4px}
.free-connectors-comparison-table th,.free-connectors-comparison-table td{border-left:1px solid var(--GREY-E0E0E0)}
.free-connectors-comparison-table th:first-child,.free-connectors-comparison-table td:first-child{border-left:0}
.free-connectors-comparison-table{margin-top:-240px;background:var(--white);box-shadow:0 4px 40px rgba(0,0,0,0.2);contain:paint;border-radius:5px}
.free-connectors-comparison-table thead th{border-top:16px solid var(--ORANGE-FF6633)}
.free-connectors-comparison-table thead th:first-child{border-color:var(--BLACK-273446)}
.free-connectors-comparison-table thead th:last-child{border-color:var(--GREY-D1D9E3)}
.free-connectors-comparison-table tbody tr:last-child th,.free-connectors-comparison-table tbody tr:last-child td{border-bottom:16px solid var(--ORANGE-FF6633);padding-bottom:40px}
.free-connectors-comparison-table tbody tr:last-child th:first-child{border-color:var(--BLACK-273446)}
.free-connectors-comparison-table tbody tr:last-child td:last-child{border-color:var(--GREY-D1D9E3)}
.free-connectors-comparison-table .col-sticky,.free-connectors-comparison-table thead th:nth-child(2),.free-connectors-comparison-table tbody td:nth-child(2){box-shadow:inset -4px 0 4px -2px rgb(0 0 0 / 10%);-webkit-box-shadow:inset -4px 0 4px -2px rgb(0 0 0 / 10%)}
.free-connectors-comparison-table tbody .col-sticky{font-size:20px;font-family:var(--font-family-opensans)}
.bg-blue-cliping-mask:before{content:'';background:var(--WEBGILITY-BLUE);height:100%;width:50%;position:absolute;clip-path:polygon(0 0,0 170%,100% 0);top:0;left:0;overflow:hidden;z-index:1}
/* Free Connector vs Webgility Page CSS Ends */

/*----- BEGINS: Webgility VS A2X -----*/
.a2x-bg-img{background:conic-gradient(from 226.81deg at 104.24% 50%,var(--BLUE-3D76FF) -276.2deg,var(--DARK-BLUE-232BDF) 0.16deg,var(--BLUE-3D76FF) 83.8deg,var(--DARK-BLUE-232BDF) 360.16deg);background-image:url(/assets/img/banners/Free-Connectors-vs-Webgility-banner-bg-img.png),conic-gradient(from 226.81deg at 104.24% 50%,var(--BLUE-3D76FF) -276.2deg,var(--DARK-BLUE-232BDF) 0.16deg,var(--BLUE-3D76FF) 83.8deg,var(--DARK-BLUE-232BDF) 360.16deg);background-blend-mode:overlay,normal;mix-blend-mode:normal;background-size:cover;background-position:center top;background-repeat:no-repeat;}
.a2x-middle-banner-img {background-image: url(/images/webgility-new-design/webinars/webinar-banner-gradient-bg.jpg);background-position: right bottom;background-size: cover;padding-bottom: 240px;}
/*----- ENDS: Webgility VS A2X -----*/


/*----- BEGINS: Case Study CSS -----*/
.cs-quote-wrap:before,.cs-quote-wrap:after{content:'';background:url(/images/webgility-new-design/vector-icon/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:-30px;transform:rotate(180deg)}
.case-studies-wrap article.col{padding:20px 20px 110px}
.case-studies-wrap article.col > a{display:block;overflow:hidden;height:150px;position:relative}
.case-studies-wrap article.col > a img{width:auto;max-width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.case-studies-wrap article.col p{font-size:16px;line-height:30px;color:var(--WEBGILITY-BLACK);margin-bottom:25px}
.case-studies-wrap article.col .continue-content{position:absolute;bottom:45px;width:100%;left:0;padding:0 20px}
.case-studies-wrap article.col .continue-content a{width:100%;max-width:194px}
/*----- ENDS: Case Study CSS -----*/

/*----- BEGINS: Features CSS -----*/
.testimonials-slider-black {background: var(--BLACK-1F2937)}
.testimonials-slider-black .testimonials-slider-container {background: transparent}
.testimonials-slider-black .testimonials-slider .slick-dots li.slick-active button {background-color: var(--WEBGILITY-ORANGE);border: solid 5px var(--WEBGILITY-ORANGE)}
/*----- ENDS: Features CSS -----*/

/* BEGINS: QBPOS CSS */
.qbpos-hero-bg-img {background: url(/assets/img/qbpos/homepage-banner-lg.jpg?ver=1) no-repeat;background-size: cover;background-position: right bottom}
.qbpos-tab-list {
  cursor: pointer;
}
.qbpos-tab-icon {
max-width:40px;
  height: 40px;
margin:auto;
}
.qbpos-tab-section .qbpos-tab-icon:before {
content: '';
  position: absolute;
background: url(/assets/img/qbpos/tab-icons-sprite.svg?ver=1) no-repeat;
  width: 35px;
  height: 35px;
  transform: translate(-50%,33%);
  -webkit-transform: translate(-50%,33%);
  -ms-transform: translate(20%,40%);
}
.qbpos-tab-section .qbpos-tab-list:hover .qbpos-tab-icon.ic-list:before, .qbpos-tab-section .qbpos-tab-list.active .qbpos-tab-icon.ic-list:before {
  background-position: 0 -49px;
}
.qbpos-tab-section .qbpos-tab-list .qbpos-tab-icon.ic-box:before {
  background-position: -55px 0;
}
.qbpos-tab-section .qbpos-tab-list:hover .qbpos-tab-icon.ic-box:before, .qbpos-tab-section .qbpos-tab-list.active .qbpos-tab-icon.ic-box:before {
  background-position: -55px -50px;
}
.qbpos-tab-section .qbpos-tab-list .qbpos-tab-icon.ic-navigation:before {
  background-position: -110px 0;
}
.qbpos-tab-section .qbpos-tab-list:hover .qbpos-tab-icon.ic-navigation:before, .qbpos-tab-section .qbpos-tab-list.active .qbpos-tab-icon.ic-navigation:before {
  background-position: -110px -50px;
}
.qbpos-tab-section .qbpos-tab-list .qbpos-tab-icon.ic-chart:before {
  background-position: -163px 0;
}
.qbpos-tab-section .qbpos-tab-list:hover .qbpos-tab-icon.ic-chart:before, .qbpos-tab-section .qbpos-tab-list.active .qbpos-tab-icon.ic-chart:before {
  background-position: -163px -50px;
}
.qbpos-tab-wrap {
  box-shadow: 0 1px 3px rgba(2, 7, 46, 0.2);
  -webkit-box-shadow: 0 1px 3px rgba(2, 7, 46, 0.2);
}
.qbpos-tab-wrap .qbpos-tab-list {
  border: 2px solid transparent;
  border-right: 1px solid var(--cgl3);
  border-left: 1px solid transparent;
  padding: 15px 15px 10px;
  background: var(--white);
  min-height: 150px;
}
.qbpos-tab-wrap .qbpos-tab-list:not(.active):last-child {
  border-right-color: transparent;
}
.qbpos-tab-wrap .qbpos-tab-list.active,.qbpos-tab-wrap .qbpos-tab-list:hover{
  color: var(--DARK-BLUE-1F2C53);
}
.qbpos-tab-wrap .qbpos-tab-list.active {
  background: #E2ECFF;
  border: 2px solid var(--DARK-BLUE-1F2C53);
  box-shadow: 0 5px 15px rgba(2, 7, 46, 0.2);
  -webkit-box-shadow: 0 5px 15px rgba(2, 7, 46, 0.2);
  z-index: 1;
}
.qbpos-tab-section .row-overlap {
  position: relative;
  top: -74px;
}
.qbpos-tab-cont-wrap {
  margin-top: -53px;
overflow-x: hidden;
}
.qbpos-tab-row {
  min-height: 570px;
}
.qbpos-tab-cont-title {
  line-height: 44px;
}
.logo-wrap > div {
  width: 18%;
  padding: 30px 10px;
}
/* ENDS: QBPOS CSS */

/* Media Queries */
@media screen and (min-width: 768px) {
.quoted-price-wrapper-visible {max-width: 840px;margin: auto;}
.price-quote-form,.quoted-price-wrapper{max-width: 420px;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;} 
.choose-your-journey-wrap{transform: scale(0.8);position: relative;top: -80px;}
.business-analytics-mfp .mfp-img{max-height:none!important}
.business-analytics-mfp .mfp-content{max-width:80%}
.free-connectors-comparison-table .table-head{background:var(--white);position:sticky;z-index:2}
.post-img-container {height:200px}
.post-img-container img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);min-width: 100%;height: 100%}
}
@media screen and (min-width: 992px) and (max-width: 1399px) {
.quote-card-link {position: relative}
.btn-register-now{font-size: 14px !important;    height: auto !important;    padding: 5px 10px !important;    line-height: 2 !important;    width: 100% !important;margin:0 !important;max-width: 200px !important;}
}
@media screen and (min-width: 992px) {
.elementor-column.elementor-col-33,.elementor-column[data-col="33"]{width:33.333%}
.elementor-widget-image img{left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);position:absolute}
.integration-right-sidebar article {max-width: 471px}
.integration-testimonial-slider .slick-dots {text-align: left;padding-left: 65px;}
.integration-testimonial-slider .quote-text {padding-left: 65px;}
.integration-testimonial-slider .quote-icon {position: absolute;left: 0;top: -17px;}
.integration-testimonial-slider .slick-dots {bottom: -20px}
#Stamps\.com-testimonial .slick-dots, #UPS-testimonial .slick-dots, #NetSuite-testimonial .slick-dots,#Square-testimonial .slick-dots,#Etsy-testimonial .slick-dots{bottom: 0 !important;}
#InsureShip-testimonial .slick-dots, #FedEx-testimonial .slick-dots,#PayPal-testimonial .slick-dots,#Shift4Shop-testimonial .slick-dots {bottom: -20px !important;}
.quoted-price-wrapper .plan-switcher1{margin-left: -80px;}
.search-wrap{max-width:380px}
.filters-wrap{margin-top:-50px}
.integration-section-sm-img{max-width: 500px;}
.icon-block-wrap .icon-block{border-bottom:1px solid #F5F5F5;border-right:1px solid #F5F5F5}
.icon-block-wrap .icon-block:nth-child(3n){border-right:0}
.icon-block-wrap .icon-block:nth-child(n+4){border-bottom:0}
.wi-block img{margin-left:-25px}
.wd-banner-banner-right-img,.wo-banner-banner-right-img,.pos-banner-banner-right-img{margin-right:-35px}
}
@media screen and (min-width: 1200px){
.integration-testimonial-slider .slick-dots {bottom:0}
.homepage-banner-slider img {margin-right: -25px}
.choose-your-journey-wrap{background: rgba(0, 7, 29, 0.25)}
.comparison-chart input[type=text].search-feature-list {width: 250px;}
.hp-banner-img img {margin-right: -54px;max-width: none}
}
@media screen and (min-width: 1400px) {
.btn-register-now{position: relative;left:-65px;margin:0 !important;}
.integration-testimonial-slider .slick-dots {bottom: 35px}
.commerce-management-video{max-width: 100%;width: 1116px;}
.feature-tabs .tab-content>.tab-pane {min-height: 400px;margin-top: -5px}
.feature-tabs.purchase-order-feature-tabs .tab-content>.tab-pane {min-height: 520px;margin-top: -5px}
.cs-left-content-wrap {padding-right: 100px;}
}
@media screen and (max-width: 1399px) {
.homepage-banner-slider img {max-width: 100%;height: auto}
.svg-animation {max-width: 100%;margin: 0 !important;}
.section-link-list li a{font-size: 17px;}
.feature-banner-white-triangles {left: 0 !important;}
}
@media screen and (min-width: 1025px) and (max-width: 1199px) {
.hero-banner-home,.hero-banner{padding-top:20px !important}
}
@media screen and (max-width: 1199px) {
.grey-card,.orange-bordered-card{height: auto;}
.section-link-list li a{font-size: 21px;}
.bg-triangle-grey2,.bg-triangle-grey3 {width: 230px;height: 400px}
.bg-triangle-grad2{width:575px}
.bg-triangle-img{width:550px}

/* 2022 New Integration Pages Styles*/
.border-right.capatibliities-block {border-right: none !important;}
#comparisonModal .modal-dialog {max-width: 95%;}
}
@media screen and (max-width: 1024px) {
.hero-banner-home,.hero-banner{padding-top:0px !important}
body.has-promo .hero-banner-home,body.has-promo .integration-hero-banner{padding-top:70px !important}
}
@media screen and (max-width: 991px) {
.elementor-row{display:block}
.elementor-column{padding:0 15px}
.elementor-column-wrap{max-width:450px;margin:auto}
.elementor-widget-image .elementor-image{height:auto}
.elementor-widget-image img{width:100%;height:auto}
.wg-statistics-list li {display: inline-block;padding: 10px 25px}
.wg-emblem-bg-img,.wg-emblem-bg-img-v1{background-position:center bottom !important}
.free-webinar-section > div{margin-bottom:30px;text-align: center !important;}
.half-grey-section {padding-bottom: 50px;margin: 0}
.half-grey-section:before {top: -100px;bottom: 0;right: auto;left: -300%}
.whats-new-typewrite {width: auto}
.integrations-banner-img-wrap img{max-width: 250%}
.integration-testimonial-slider .slick-dots {margin: 0 0 -30px}
.integration-testimonial-slider .slick-list {padding: 10px 0}
.integration-testimonial-slider .quote-icon{margin: auto;}
.bg-fade-orange-two-circle {padding: 50px 0 20px}
.bg-fade-orange-circle-v1 {background-size:cover;padding: 80px 0}
.bg-fade-orange-circle {padding-top: 30px;padding-bottom: 30px}
.accounting-software-white-wrap {height: 600px}
.quoted-price-wrapper .save-20per {right: 10px;top: 25px;}
.journey-blocks-slider .slick-list {overflow: visible;max-width: 432px;margin: auto}
.accounting-software-logo-wrap > div {display: inline-block;vertical-align: top;margin: 15px 20px}
.journey-blocks-slider .slick-dots li {width: 16px;height: 16px;margin: 0 8px}
.journey-blocks-slider .slick-dots li.slick-active button {background-color: var(--WEBGILITY-ORANGE);border: solid 5px var(--WEBGILITY-ORANGE)}
.journey-blocks-slider .slick-dots li button {width: 16px;height: 16px;box-shadow: none !important;background: var(--white)}
.journey-blocks-slider .slick-dots {margin-bottom: 0}
.free-trial-slide {padding-right: 15px !important}
.free-demo-slide {padding-left: 15px !important}
.key-points-wrapper div{display: block;}
.key-points-wrapper div a{text-align: center !important;}
.speration-border{border:none !important;}
.border-mobile-hide{border:none !important;}
.hero-banner.bg-conic-grad-integration-banner img{width: 100%; height:100%;}
.integration-intro-img-wrapper,.integration-intro-img-wrapper img{width:100% !important;}
.hero-banner-home,.hero-banner{padding-top:50px !important}
body.has-promo .hero-banner-home,body.has-promo .integration-hero-banner{padding-top:100px !important}
body.has-promo .new-top-banner{z-index:3;}
.bg-blue-cliping-mask:before {height: 70%;clip-path: polygon(0 0, 0 100%, 100% 0)}
.bg-triangle-grad1 {width: 100px;height: 210px}
.bg-triangle-grad {height:645px}
.bg-triangle-grey {width: 290px;height: 660px}
.bg-triangle-grey1 {width: 150px;height: 250px}
.whats-new-banner {padding: 50px 0px 20px}
.bg-triangle-blue,.bg-triangle-black-light,.bg-triangle-orange,.bg-triangle-grad2,.bg-triangle-img{clip-path:polygon(100% 0,100% 100%,0 100%)}
.bg-triangle-blue,.bg-triangle-orange,.bg-triangle-grad2{width: 480px;height: 480px;}
.bg-triangle-black-light,.bg-triangle-img{width:450px;height:450px}
.tab-img-wrap{margin:auto}
.bg-triangle-grey2,.bg-triangle-grey3 {width: 100px;height: 180px}
.feature-tabs .tab-nav-link {padding: 16px 0 16px 24px}
.testimonials-slider-container {padding:20px}
.feature-banner-white-triangles {right: 0;left: auto !important;top: -410px !important}
.qbpos-hero-bg-img {
  background-position: left;
}
.qbpos-tab-wrap .qbpos-tab-list {
  min-height: 90px;
}
.qbpos-tab-section .row-overlap {
  top: -46px;
}
}
@media screen and (max-width: 767px) {
.grey-card-img,.grey-card-text{width:100%!important}
.wg-statistics-list li{display:block}
.business-slide{padding:15px 10px}
.business-slide .row > div{padding:0}
.business-slide .inner-slide-wrap .slide-heading{font-size:22px}
.inner-slide-wrap{padding:20px}
.business-slider .slick-prev{left:auto;right:70%}
.business-slider .slick-next{right:auto;left:70%}
.business-slider.slick-slider .slick-next,.business-slider .slick-prev{top:auto;bottom:9px;opacity:1;height:30px!important}
.business-slider .slick-prev:before,.business-slider .slick-next:before{font-size:20px!important;font-weight:700}
.typewrite{width:100%;white-space:normal}
.quote-card-link{position:relative}
.quote-card{padding:30px}
.commerce-management-tab-animation ul li:last-child {margin-right: 0}
.commerce-management-tab-animation ul li {margin-right: 15px}
.bg-fade-orange-circle-v1 {padding: 40px 0}
.play-btn {transform: translate(-50%, -50%) scale(0.6);-webkit-transform: translate(-50%, -50%) scale(0.6);}
.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;} 
.accounting-software-logo-wrap > div {margin: 15px 5px}
.free-trial-slide {padding-right: 8px !important}
.free-demo-slide {padding-left: 8px !important}
.choose-your-journey-wrap .btn {max-width: 234px !important;font-size: 18px;padding: 0 15px}
.wi-banner-content-wrapper img{width:60px;}

/* 2022 New Integration Pages Styles*/
.border-right.capatibliities-block {border: none !important;}
.hero-banner.integration-hero-banner img{width: 700px !important;}
.comparison-chart.head-one .feature-col {width: 0;padding:0}
.comparison-chart .comparison-data-head .feature-cat:before {display: none;}
.comparison-chart .comparison-data td.feature-col {padding-left: 5px;}
.comparison-chart .comparison-data-head tr td {font-size: 13px;}
.comparison-chart tr td {font-size: 13px;padding:10px}
.comparison-chart tr td.cart-col-gutter {display: none;}
.comparison-chart .feature-col {width: 40%;}
.comparison-chart .cartcolumn {width: 20%;word-break: break-all;padding-right: 5px;padding-left: 5px;}
.comparison-chart .comparison-data-head .feature-cat {position: relative;padding-right: 15px;}
.comparison-chart .comparison-data-head .feature-cat:after {position: absolute;right: 0;margin: auto;top: 0 !important;bottom: 0;height: 8px;line-height: 0;}
.comparison-chart .select-cart .cartcolumn {position: relative;height: 110px;}
.comparison-chart .cartcolumn select {-ms-transform: rotate(20deg);transform: rotate(-90deg);position: absolute;top: 0;left: -8px;width: 80px;height: 40px;margin: auto;right: 0;bottom: 0;}
.comparison-chart input[type=text].search-feature-list {background-size: 15px auto; padding-right: 30px;background-position: right 7px center;font-size: 12px;}
.comparison-chart .expand-collapse-all:after {width: 13px;}
.hero-banner-home,.hero-banner{padding-top:60px !important}
body.has-promo .hero-banner-home,body.has-promo .integration-hero-banner{padding-top:130px !important}
.free-connectors-comparison-table{overflow:auto}
.bg-blue-cliping-mask:before{height:50%}
.free-connectors-comparison-table tr th,.free-connectors-comparison-table td{padding:10px 15px}
.free-connectors-comparison-table .table-head{font-size:16px}
.free-connectors-comparison-table tbody .col-sticky{font-size:14px}
.bg-triangle-grad {width: 340px;height: 385px}
.bg-triangle-grey {width: 160px;height: 400px}
.bg-triangle-grey1 {width: 90px;height: 200px}
.bg-triangle-light-grey {width: 124px;height: 237px}
.bg-triangle-light-grey1 {width: 200px !important;height: 360px !important}
.bg-triangle-blue,.bg-triangle-orange,.bg-triangle-grad2 {width: 260px;height: 260px;}
.bg-triangle-black-light,.bg-triangle-img {width: 230px;height: 230px}
.bzOpeningsList .bzOpening a h2 {font-size: 19px;}
.bzOpeningsList .bzOpening a ul li span {font-size: 16px;}
.bzOpeningsList .bzOpening a .bzButtonApply:before {content: '+';}
.post-img-container img {width:100%}
.cs-quote-wrap:before,.cs-quote-wrap:after{width:60px;height:100px}
.cs-quote-wrap:before{left:-10px}
.cs-quote-wrap:after{right:-10px}
.cs-quote-wrap{padding-left:50px!important;padding-right:50px!important}
.feature-banner-white-triangles {right: -150px !important;top: -250px !important}
}
@media screen and (max-width: 575px) {
.po-automation-banner-right-img {width: 650px;height: auto;}
}
@media screen and (max-width: 480px) {
.youtube-player .play {height: 100px;width: 100px;background-size: cover !important}
}
@media screen and (max-width: 400px) {
.journey-block-inner {padding: 20px !important}
.accounting-software-logo-wrap > div {margin: 15px 3px}
.accounting-software-logo-wrap > div img {margin-right: 5px}
}