.zw-product-header{
    padding: 36px 0 0;
}
.zwd-sec-container{
    max-width: 1280px;
    margin: 0 auto;
}
.zwd-banner-wrap{
    width: 90%;
}
.zwd-ban-cont-wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.zwd-ban-cont-wrap{
    padding: 30px 0 80px 0;
}
.zwd-ban-heading{
    width: 50%;
}
.zwd-ban-heading h1{
    font-family: var(--zf-primary-extrabold), sans-serif;
    font-size: 44px;
    line-height: 1.2;
    margin: 20px 0 0;
    color: #1E273D;
}
.zwd-ban-heading h1 .ele-inline{
    font-size: 44px;
    font-style: normal;
    display:inline-block;
    line-height: 1;
    margin-bottom: 0;
}
.zwd-ban-cont-wrap .zwd-ban-graphics{
    width: 50%;
}
.zwd-ban-heading .btn-wrap{
    display: flex;
    justify-content: flex-start;
}
.zwd-ban-heading p.zwd-subheading{
    font-size: 20px;
    line-height: 1.6;
    margin:16px 0 36px;
}
.zwd-ban-heading p.zwd-subheading span{
    display: inline-block;
}
.btn-wrap a{
    font-family: var(--zf-primary-semibold),sans-serif;
    padding: 16px 30px;
    border-radius: 4px;
    font-size: 17px;
    text-align: center;
    z-index: 1;
    cursor: pointer;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    background: #333333;;
    color: #fff;
}
.btn-wrap .act-btn.cta-btn {
    background: #ed483e;
    color: #FFFFFF;
    margin-right: 20px;
}
/* Customers List Styles */
.zwd-cust-wrap {
    margin:0 auto;
    padding: 60px 0 80px;
    text-align: center;
    width: 1170px;
}
.zwd-cust-wrap h2 {
    font-family: var(--zf-primary-extrabold), sans-serif;
    font-size: 40px;
    color: #1E273D;
    line-height: 1.1;
}
.zwd-cust-wrap h2 span {
    background: #5F9F3D;
    color: #fff;
    padding: 4px 8px;
    border-radius: 8px;
}
.zwd-cust-wrap p {
    margin-top: 18px;
}
.zwd-cust-sec {
    margin-top: 40px;
    transition: all 1s ease-in-out;
}
.zwd-cust-sec > span {
    display: inline-block;
    height: 33px;
    margin: 15px 18px;
}
.zwd-cust-sprite {
    background-image: url(/sites/zweb/images/workdrive/onedrive-comparison/zwd-odc-img-sprite.webp);
    background-size: 900px auto;
    background-repeat: no-repeat;
}
.IIFL {
    background-position: 0 0;
    width: 108px;
}
.star {
    background-position: -112px 0;
    width: 77px;
}
.send {
    background-position: -195px 0;
    width: 77px;
}
.viewretreats {
    background-position: -279px 0;
    width: 244px;
}
.purolite {
    background-position: -524px 0;
    width: 120px;
}
.craigburn {
    background-position: -651px 0;
    width: 174px;
}
.livin {
    background-position: -827px 0;
    width: 74px;
}
.zwd-cust-sec.cust-anim>span:nth-child(1) {
    transition-delay: 100ms;
}
.zwd-cust-sec.cust-anim>span:nth-child(2) {
    transition-delay: 200ms;
}
.zwd-cust-sec.cust-anim>span:nth-child(3) {
    transition-delay: 300ms;
}
.zwd-cust-sec.cust-anim>span:nth-child(4) {
    transition-delay: 400ms;
}
.zwd-cust-sec.cust-anim>span:nth-child(5) {
    transition-delay: 500ms;
}
.zwd-cust-sec.cust-anim>span:nth-child(6) {
    transition-delay: 600ms;
}
.zwd-cust-sec.cust-anim>span:nth-child(7) {
    transition-delay: 700ms;
}
/* Pricing Table Styles */
.zwd-pricing-wrap{
    color: #fff;
    margin: 0 auto;
    background: #1E4BB8;
    z-index: 9;
    border-radius: 30px;
    padding: 80px;
    max-width: 1600px;
    width: calc(100% - 120px);
}
.zwd-pricing-wrap h2{
    text-align: center;
    font-size: 40px;
    font-family: var(--zf-primary-extrabold), sans-serif;
    padding-left: 27%;
}
.zwd-pricing-wrap h2 i{
    font-style: normal;
    color: #ffc316;
}
.zwd-pricing-wrap h2 span{
    display: block;
}
ul.zwd-pricing-block{
    border-radius: 20px;
    margin: 0 auto;
    max-width: 1170px;
}
ul.zwd-pricing-block li{
    display: flex;
    flex-wrap: wrap;
}
.zwd-pc-tophead div{
    display: flex;
}
.zwd-pc-tophead div:nth-child(1), .zwd-pc-head div:nth-child(1), .zwd-pc-plans div:nth-child(1), .zwd-pc-bottomfoot div:nth-child(1){
    width: 28%;
}
.zwd-pc-tophead div:nth-child(1) span{
    display: inline-block;
    background: url(/sites/zweb/images/workdrive/onedrive-comparison/zwd-odc-svg-sprite.svg) 0 0 no-repeat;
    background-size: 680px auto;
}
.zwd-pc-tophead div:nth-child(1) > span:nth-child(1){
    background-position: -317px -136px;
    width: 20%;
    height: 77px;
}
.zwd-pc-tophead div:nth-child(1) > span:nth-child(2){
    background-position: 100% -216px;
    width: 80%;
    height: 77px;
}
.zwd-pc-tophead div:nth-child(2), .zwd-pc-tophead div:nth-child(4), .zwd-pc-head div:nth-child(2), .zwd-pc-head div:nth-child(4), .zwd-pc-plans div:nth-child(2), .zwd-pc-plans div:nth-child(4), .zwd-pc-bottomfoot div:nth-child(2), .zwd-pc-bottomfoot div:nth-child(4){
    width: 22%;
}
.zwd-pc-tophead div:nth-child(3), .zwd-pc-head div:nth-child(3), .zwd-pc-plans div:nth-child(3), .zwd-pc-bottomfoot div:nth-child(3){
    width: 28%;
}
.zwd-pc-tophead div:nth-child(3){
    position: relative;
}
.zwd-pc-tophead div:nth-child(3)::after{
    width: 100%;
    height: 24px;
    border-radius: 16px 16px 0 0;
    background: #ffc316;
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
}
.zwd-pc-head div{
    background: #1945AF;
    border-top: 1px solid #688BDE;
    margin-top: -1px;
    text-align: center;
    letter-spacing: -0.03em;
    line-height: 44px;
    padding: 48px 0;
}
.zwd-pc-head div:nth-child(1){
    border-left:1px solid #688BDE;
    border-bottom:1px solid #688BDE;
    border-top: none;
    margin-top: 0;
    text-align: left;
    font-size: 24px;
    padding-left: 64px;
    font-family: var(--zf-primary-medium), sans-serif;
}
.zwd-pc-head div:nth-child(2), .zwd-pc-head div:nth-child(3), .zwd-pc-head div:nth-child(4){
    border-bottom:1px solid #688BDE;
}
.zwd-pc-head div:nth-child(2) span{
    background: url(/sites/zweb/images/workdrive/onedrive-comparison/zwd-odc-svg-sprite.svg) -174px -7px no-repeat;
    width: 144px;
    height: 23px;
    display: inline-block;
    margin-left: -20px;
}
.zwd-pc-head div:nth-child(3){
    background: #ffc316;
    color: #000;
    border-bottom: 1px solid #CBA73E;
}
.zwd-pc-head div:nth-child(3) span{
    background: url(/sites/zweb/images/workdrive/onedrive-comparison/zwd-odc-svg-sprite.svg) 0 0 no-repeat;
    width: 169px;
    height: 36px;
    display: inline-block;
}
.zwd-pc-head div:nth-child(4){
    border-radius: 0 20px 0 0;
    border-right:1px solid #688BDE;
}
.zwd-pc-head div:nth-child(4) span{
    display: inline-block;
    z-index: 10;
    position: relative;
    font-size: 24px;
    font-family: var(--zf-primary-bold), sans-serif;
}
.zwd-pc-head div:nth-child(4) span::before{
    background: url(/sites/zweb/images/workdrive/onedrive-comparison/zwd-odc-svg-sprite.svg) -389px 0 no-repeat;
    content: "";
    width: 34px;
    height: 34px;
    position: absolute;
    right: -16px;
    top: 0;
    z-index: -1;
    animation: SaveGlitter 1s ease-in-out infinite alternate;
}
@keyframes SaveGlitter{
0%{
    transform: scale(0) rotate(90deg);
    opacity: 0;
}
80%{
    transform: scale(1) rotate(0deg);
    opacity: 1;
}
100%{
    transform: scale(1) rotate(0deg);
    opacity: 1;
}
}
.zwd-pc-plans{
    border-bottom: none;
}
.zwd-pc-plans > div{
    text-align: center;
    padding: 40px 0;
}
.zwd-pc-plans div:nth-child(1){
    text-align: left;
    font-size: 20px;
    font-family: var(--zf-primary-bold), sans-serif;
    padding-left: 64px;
    border-left: 1px solid #688BDE;
    border-bottom: 1px solid #688BDE;
    line-height: 36px;
}
.zwd-pc-plans div:nth-child(2), .zwd-pc-plans div:nth-child(3), .zwd-pc-plans div:nth-child(4){
    border-bottom: 1px solid #688BDE;
}
.zwd-pc-plans div:nth-child(2) p{
    margin-left: -25px;
}
.zwd-pc-plans div:nth-child(2) p, .zwd-pc-plans div:nth-child(3) p{
    font-size: 16px;
    font-family: var(--zf-primary-medium), sans-serif;
    padding: 2px 0;
    line-height: 1;
    margin-bottom: 0;
}
.zwd-pc-plans div:nth-child(2) .zwd-user-count, .zwd-pc-plans div:nth-child(3) .zwd-user-count{
    font-size: 14px;
}
.zwd-pc-plans div:nth-child(2) .zpricegroup-common-sl, .zwd-pc-plans div:nth-child(3) .zpricegroup-common{
    font-size: 24px;
    font-family: var(--zf-primary-semibold), sans-serif;
    display: inline-flex;
}
.zwd-pc-plans div:nth-child(3){
    background: #ffc316;
    color: #000;
    border-bottom: 1px solid #CBA73E;
}
.zwd-pc-plans div:nth-child(4){
    border-right: 1px solid #688BDE;
    font-size: 20px;
    font-family: var(--zf-primary-bold), sans-serif;
    line-height: 36px;
}
.zwd-pc-plans.zwd-pc-foot div{
    border-bottom: 1px solid #688BDE;
}
.zwd-pc-plans.zwd-pc-foot div:nth-child(3){
    border-bottom: none;
}
.zwd-pc-foot div:nth-child(1){
    border-radius: 0 0 0 20px;
}
.zwd-pc-foot div:nth-child(4){
    border-radius: 0 0 20px 0;
}
.zwd-pc-bottomfoot div:nth-child(3){
    position: relative;
}
.zwd-pc-bottomfoot div:nth-child(3)::before{
    width: 100%;
    height: 24px;
    border-radius: 0 0 16px 16px;
    background: #ffc316;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
}
.zwd-pc-taxinfo{
    text-align: center;
    padding: 40px 0 0;
    font-size: 14px;
    line-height: 1.5;
}

/* Testimonials Section Styles */
.zwd-testimonials-block{
    background: #FFF;
    border: 1px solid #D8DFED;
    border-radius: 20px;
    width: 1170px;
    margin: 110px auto 100px;
    box-shadow: 0 0 50px rgba(0,0,0, 0.07);
    padding: 60px 80px;
    position: relative;
    transition: all 0.5s ease-in-out;
}
.zwd-testimonials-block::before{
    position: absolute;
    content: "";
    right: 70px;
    top: -50px;
    background: url(/sites/zweb/images/workdrive/onedrive-comparison/zwd-odc-svg-sprite.svg) 100% 0 no-repeat;
    width: 110px;
    height: 130px;
    -webkit-filter: drop-shadow(0px 20px 20px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0px 20px 20px rgba(0, 0, 0, 0.1));
}
.zwd-testimonials-block h3{
    color: #1E273D;
    font-size: 30px;
    font-family: var(--zf-primary-extrabold), sans-serif;
    line-height: 1.2;
}
.zwd-testimonials-block h3 span{
    color: #1E4BB8;
    display: block;
}
.zwd-testimonials-block > p{
    font-size: 20px;
    font-family: var(--zf-primary-regular), sans-serif;
    line-height: 1.6;
    margin: 30px 0 36px;
}
.zwd-userinfo-box, .zwd-userinfo-details{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.zwd-user-avatar{
    width: 80px;
    height: 80px;
    background: url(/sites/zweb/images/workdrive/onedrive-comparison/zwd-odc-img-sprite.webp);
    background-position: 0 -36px;
    background-size: 900px auto;
    background-repeat: no-repeat;
    margin-right: 16px;
}
.zwd-userinfo h4{
    font-size: 18px;
    font-family: var(--zf-primary-semibold), sans-serif;
    line-height: 1;
    margin-bottom: 0;
}
.zwd-userinfo p{
    font-size: 15px;
    margin-top: 6px;
    line-height: 1;
    margin-bottom: 0;
}
.zwd-user-logo{
    font-size: 0;
    width: 150px;
    height: 40px;
    background: url(/sites/zweb/images/workdrive/onedrive-comparison/zwd-odc-img-sprite.webp);
    background-position: -90px -39px;
    background-size: 1000px auto;
    background-repeat: no-repeat;
}

/* Compare Table Styles */
.zwd-compare-wrap{
    color: #fff;
    margin: 0 auto;
    background: #2B2E32;
    z-index: 9;
    border-radius: 30px;
    padding: 80px;
    max-width: 1600px;
    width: calc(100% - 120px);
}
.zwd-compare-wrap h2{
    text-align: center;
    font-size: 40px;
    font-family: var(--zf-primary-extrabold), sans-serif;
    color: #ffc316;
}
.zwd-compare-wrap h2 span{
    font-size: 40px;
    color: #FFF;
}
.zwd-compare-wrap h2 span i{
    font-style: normal;
    color: #FFF;
}
.zwd-compare-block{
    border-radius: 20px;
    margin: 70px auto 0;
    max-width: 1170px;
}
.zwd-compare-block ul li{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.zwd-compare-block ul li.zwd-compare-head{
    border-bottom: none;
}
.zwd-compare-block ul li > div:nth-child(1){
    width: 36%;
    font-size: 16px;
    line-height: 1.5;
    font-family: var(--zf-primary-semibold),sans-serif;
    border-bottom: 1px solid #5A5A5A;
    padding: 24px 0 24px 48px;
    border-left: 1px solid #5A5A5A;
}
.zwd-compare-block ul li > div:nth-child(1) span{
    position: relative;
    display: inline-block;
    width: 100%;
}
.zwd-compare-block ul li > div:nth-child(1) span i{
    display: none;
}
.zwd-compare-block ul li > div:nth-child(2){
    width: 32%;
    text-align: center;
    background:#294DA2;
    border-bottom: 1px solid #3D64C2;
}
.zwd-compare-block ul li > div:nth-child(3){
    width: 32%;
    text-align: center;
    border-bottom: 1px solid #5A5A5A;
    border-right: 1px solid #5A5A5A;
    padding: 24px 36px 24px 24px;
}
.zwd-compare-block ul li > div{
    padding: 24px 36px;
}
.zwd-compare-block ul li.zwd-compare-tophead div{
    padding: 14px 0;
    border: none;
    line-height: 0;
}
.zwd-compare-block ul li.zwd-compare-tophead div:nth-child(2){
    border-radius: 20px 20px 0 0;
}
.zwd-compare-block ul li.zwd-compare-head > div:nth-child(1){
    border-radius: 20px 0 0;
    border-top: 1px solid #5A5A5A;
}
.zwd-compare-block ul li.zwd-compare-head > div:nth-child(3){
    border-radius: 0 20px 0 0;
    border-top: 1px solid #5A5A5A;
}
.zwd-compare-block ul li.zwd-compare-head > div:nth-child(2){
    padding: 36px;
    background: #294DA2;
}
.zwd-compare-block ul li.zwd-compare-head .zwd-logo{
    background: #FFF;
    display: block;
    color: transparent;
    border-radius: 10px;
}
.zwd-compare-block ul li.zwd-compare-head .zwd-logo i{
    background: url(/sites/zweb/images/workdrive/onedrive-comparison/zwd-odc-svg-sprite.svg) 0 0 no-repeat;
    width: 169px;
    height: 36px;
    display: inline-block;
    margin: 40px 0;
}
.zwd-compare-block ul li.zwd-compare-head > div:nth-child(3){
    padding: 36px 48px 36px 36px;
}
.zwd-compare-block ul li.zwd-compare-head .onedrive-logo{
    background: #363B41;
    display: block;
    color: transparent;
    border-radius: 10px;
}
.zwd-compare-block ul li.zwd-compare-head .onedrive-logo i{
    background: url(/sites/zweb/images/workdrive/onedrive-comparison/zwd-odc-svg-sprite.svg) -174px 0 no-repeat;
    width: 144px;
    height: 36px;
    display: inline-block;
    margin: 40px 0;
}
.zwd-compare-block ul li .supported{
    background: url(/sites/zweb/images/workdrive/onedrive-comparison/zwd-odc-svg-sprite.svg) -323px 0 no-repeat;
    width: 28px;
    height: 28px;
    display: inline-block;
}
.zwd-compare-block ul li .not-supported{
    background: url(/sites/zweb/images/workdrive/onedrive-comparison/zwd-odc-svg-sprite.svg) -356px 0 no-repeat;
    width: 28px;
    height: 28px;
    display: inline-block;
}
.zwd-compare-block ul li .part-supported{
    color: #FFF;
    font-size: 15px;
    font-family: var(--zf-primary-medium),sans-serif;
}
.zwd-compare-block ul li .part-notsupported{
    color: #FFF;
    font-size: 15px;
    font-family: var(--zf-primary-medium),sans-serif;
}
.zwd-compare-block ul li.zwd-even-row > div:nth-child(2){
    background: #27499C;
}
.zwd-compare-block ul li.zwd-compare-foot{
    border:none;
}
.zwd-compare-block ul li.zwd-compare-foot .part-supported, .zwd-compare-block ul li.zwd-compare-foot .part-notsupported{
    padding: 0 15px;
    display: inline-block;
}
.zwd-compare-block ul li.zwd-compare-foot > div:nth-child(1){
    border-radius: 0 0 0 20px;
    border-bottom: 1px solid #5A5A5A;
}
.zwd-compare-block ul li.zwd-compare-foot > div:nth-child(3){
    border-radius: 0 0 20px 0;
    border-bottom: 1px solid #5A5A5A;
}
.zwd-compare-block ul li.zwd-compare-bottomfoot div{
    border:none;
    padding: 0;
}
.zwd-compare-block ul li.zwd-compare-bottomfoot div:nth-child(2){
    border-radius: 0 0 20px 20px;
    padding: 14px 0;
    line-height: 0;
}
.zwd-compare-block ul li > div > span, ul.zwd-pricing-block li > div > span{
    position: relative;
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
}
/* features sections styles */
.zwd-features-block{
    max-width: 1600px;
    margin: 0 auto;
    width: 100%;
}
.zwd-features-block h2{
    font-size: 40px;
    font-family: var(--zf-primary-extrabold), sans-serif;
    color: #1E273D;
    line-height: 1.1;
    padding: 120px 0 0 0;
    width: 1170px;
    margin: 0 auto;
}
.zwd-features-block h2 span{
    display: block;
    color: #1E4BB8;
    font-style: normal;
}
.compact{
    margin: 110px auto 150px;
    position: relative;
    width: 1170px;
}
.compact .zwd-ftr-graphics{
    text-align: right;
}
.zwd-features-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.zwd-ftr-content{
    width: 40%;
}
.zwd-ftr-content h3{
    font-size: 30px;
    font-family: var(--zf-primary-extrabold), sans-serif;
    color: #1E273D;
    margin-bottom: 20px;
}
.zwd-ftr-content p{
    font-size: 17px;
    font-family: var(--zf-primary-regular), sans-serif;
    line-height: 1.6;
}
.zwd-ftr-graphics{
    position: relative;
    width: 50%;
}
.zwd-ftr-graphics .zwd-ftr-img{
    border: 8px solid #232428;
    border-radius: 24px;
    box-shadow: 0 16px 24px rgba(0,0,0, 0.07);
    width: auto;
}
.expand{
    position: relative;
    width: calc(100% - 120px);
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}
.expand .zwd-features-box{
    padding-top: 90px;
    width: 1170px;
    margin-left: auto;
    margin-right: auto;
}
.expand .zwd-ftr-graphics .zwd-ftr-img{
    border: none;
    border-radius: 16px;
}
.zwd-ftr-highlights{
    position: absolute;
    right: 60px;
    bottom: -30px;
}
.zwd-ftr-highlights.data-recovery{
    right: 40px;
    bottom: -50px;
}
.data-recovery .zwd-ftr-img{
    border-radius: 16px;
    border: none;
}
.zwd-ftr-highlights span{
    width: 90px;
    height: 90px;
    display: inline-block;
    background: url(/sites/zweb/images/workdrive/onedrive-comparison/zwd-odc-svg-sprite.svg) 0 -41px no-repeat;
    border-radius: 16px;
    box-shadow: -16px 16px 20px rgba(0,0,0, 0.1);
    margin-left: 20px;
}
.ftr-data-security .zwd-ftr-highlights span:nth-child(2){
    background-position: -95px -41px;
}
.ftr-data-security .zwd-ftr-highlights span:nth-child(3){
    background-position: -190px -41px;
}
.ftr-take-control .zwd-ftr-highlights span:nth-child(1){
    background-position: -285px -41px;
}
.ftr-take-control .zwd-ftr-highlights span:nth-child(2){
    background-position: -380px -41px;
}
.ftr-take-control .zwd-ftr-highlights span:nth-child(3){
    background-position: -475px -41px;
}
.row-reverse{
    flex-direction: row-reverse;
}
.expand .zwd-ftr-content h3, .expand .zwd-ftr-content p{
    color: #fff;
}
.bg-graphics{
    position: absolute;
    width: 100%;
    height: calc(100% - 50px);
    border-radius: 24px;
    z-index: -1;
}
.collaboration{
    background: #131C3B url(/sites/zweb/images/workdrive/onedrive-comparison/bg-collaboration.webp) 0 0 no-repeat;
    background-size:auto 100%;
}
.true-sync{
    background: #131C3B url(/sites/zweb/images/workdrive/onedrive-comparison/bg-true-sync.webp) 0 0 no-repeat;
    background-size: auto 100%;
}
.uploads{
    background: #131C3B url(/sites/zweb/images/workdrive/onedrive-comparison/bg-uploads.webp) 0 0 no-repeat;
    background-size: auto 100%;
}
.ftr-collaboration .zwd-ftr-content, .ftr-true-sync .zwd-ftr-content, .ftr-uploads .zwd-ftr-content{
    margin-top: -30px;
}


/* footer styles */
.zwd-footer-wrap{
    text-align: center;
    width: 1170px;
    margin: 120px auto;
}
.zwd-footer-wrap h3{
    font-size: 44px;
    font-family: var(--zf-primary-bold), sans-serif;
    letter-spacing: -0.02em;
    color: #1E273D;
    margin-bottom: 0;
}
.zwd-footer-wrap .btn-wrap{
    margin: 40px auto 30px;
    justify-content: center;
}
.zwd-footer-wrap p{
    line-height: 1;
    margin-bottom: 0;
}
.zwd-footer-wrap p.zwd-ft-note{
    font-size: 17px;
    max-width: 800px;
    padding: 24px 0 0;
    line-height: 1.5;
    margin: 0 auto;
}
.zwd-ft-cmpr-logos{
    margin: 50px 0 60px;
}
.zwd-ft-cmpr-logos > span{
    vertical-align: middle;
}
.zwd-ft-cmpr-logos span.zwd-ft-ondlogo, .zwd-ft-cmpr-logos span.zwd-ft-wdlogo{
    display: inline-block;
    width: 132px;
    height: 132px;
    background: url(/sites/zweb/images/workdrive/onedrive-comparison/zwd-odc-svg-sprite.svg) 0 0 no-repeat;
    margin: 0 24px;
    border-radius: 28px;
}
.zwd-ft-cmpr-logos span.zwd-ft-ondlogo{
    background-position: 0 -136px;
    box-shadow: 0 5px 20px rgba(0,0,0, 0.20);
    border: 1px solid #E6EFFF;
}
.zwd-ft-cmpr-logos span.zwd-ft-wdlogo{
    background-position: -180px -136px;
    box-shadow: 0 5px 20px rgba(0,0,0, 0.20);
}
.zwd-ft-cmpr-logos span.zwd-ft-arrows{
    width: 38px;
    height: 24px;
    display: inline-block;
    background: url(/sites/zweb/images/workdrive/onedrive-comparison/zwd-odc-svg-sprite.svg) -137px -190px no-repeat;
    animation: PlayArrow 1.7s ease-in-out infinite;
}
@keyframes PlayArrow{
0% {
    opacity: 0;
    transform: translate(-20px, 0);
}
33% {
    opacity: 1;
}
66% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate(20px, 0);
}
}
.mobile-view{
    display: none;
}
.wp-disclaimer-section{
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
}
.wp-disclaimer-section p {
    margin: 40px auto 80px;
    font-size: 14px;
    padding: 30px;
    text-align: center;
    line-height: 1.5;
    border: 1px solid #d6d6d6;
    border-radius:20px;
}

/* text typing styles */
.input-wrapper {
    display: inline-block;
    font-family: var(--zf-primary-extrabold), sans-serif;
    font-size: 44px;
    width: auto;
    color: #1248B1;
    margin-left: -10px;
    margin-right: -3px;
}
.input-wrapper > input, .input-wrapper > .placeholder {
    display: inline;
    -webkit-appearance: none;
        -moz-appearance: none;
            appearance: none;
    width: 0;
    height: 100%;
    background-color: transparent;
    border: none;
}
.input-wrapper > .placeholder {
    pointer-events: none;
}
.input-wrapper > .placeholder::before {
    content: "​";
    content: "​"/"Cloud";
    alt: "Cloud";
    white-space: break-spaces;
    will-change: content;
    -webkit-animation: typed-0 3s linear 0.5s infinite forwards;
            animation: typed-0 3s linear 0.5s infinite forwards;
  }
  .input-wrapper > .placeholder::after {
    content: "​";
    position: relative;
    display: inline-block;
    padding-right: 2px;
    border-right: 2px solid currentColor;
    white-space: nowrap;
    -webkit-animation: typed-0-caret 0.75s linear 1s infinite forwards;
            animation: typed-0-caret 0.75s linear 1s infinite forwards;
  }
  @-webkit-keyframes typed-0 {
    0%, 2.5631025641% {
      content: "​C";
      content: "​C"/"Cloud";
      alt: "Cloud";
    }
    2.5641025641%, 5.1272051282% {
      content: "​Cl";
      content: "​Cl"/"Cloud";
      alt: "Cloud";
    }
    5.1282051282%, 7.6913076923% {
      content: "​Clo";
      content: "​Clo"/"Cloud";
      alt: "Cloud";
    }
    7.6923076923%, 10.2554102564% {
      content: "​Clou";
      content: "​Clou"/"Cloud";
      alt: "Cloud";
    }
    10.2564102564%, 66.1528461538% {
      content: "​Cloud";
      content: "​Cloud"/"Cloud";
      alt: "Cloud";
    }
    66.1538461538%, 68.2041282051% {
      content: "​Clou";
      content: "​Clou"/"Cloud";
      alt: "Cloud";
    }
    68.2051282051%, 70.2554102564% {
      content: "​Clo";
      content: "​Clo"/"Cloud";
      alt: "Cloud";
    }
    70.2564102564%, 72.3066923077% {
      content: "​Cl";
      content: "​Cl"/"Cloud";
      alt: "Cloud";
    }
    72.3076923077%, 74.357974359% {
      content: "​C";
      content: "​C"/"Cloud";
      alt: "Cloud";
    }
    74.358974359%, 100% {
      content: "​";
      content: "​"/"Cloud";
      alt: "Cloud";
    }
  }
  @keyframes typed-0 {
    0%, 2.5631025641% {
      content: "​C";
      content: "​C"/"Cloud";
      alt: "Cloud";
    }
    2.5641025641%, 5.1272051282% {
      content: "​Cl";
      content: "​Cl"/"Cloud";
      alt: "Cloud";
    }
    5.1282051282%, 7.6913076923% {
      content: "​Clo";
      content: "​Clo"/"Cloud";
      alt: "Cloud";
    }
    7.6923076923%, 10.2554102564% {
      content: "​Clou";
      content: "​Clou"/"Cloud";
      alt: "Cloud";
    }
    10.2564102564%, 66.1528461538% {
      content: "​Cloud";
      content: "​Cloud"/"Cloud";
      alt: "Cloud";
    }
    66.1538461538%, 68.2041282051% {
      content: "​Clou";
      content: "​Clou"/"Cloud";
      alt: "Cloud";
    }
    68.2051282051%, 70.2554102564% {
      content: "​Clo";
      content: "​Clo"/"Cloud";
      alt: "Cloud";
    }
    70.2564102564%, 72.3066923077% {
      content: "​Cl";
      content: "​Cl"/"Cloud";
      alt: "Cloud";
    }
    72.3076923077%, 74.357974359% {
      content: "​C";
      content: "​C"/"Cloud";
      alt: "Cloud";
    }
    74.358974359%, 100% {
      content: "​";
      content: "​"/"Cloud";
      alt: "Cloud";
    }
  }
  @-webkit-keyframes typed-0-caret {
    75% {
      border-color: transparent;
    }
  }
  @keyframes typed-0-caret {
    75% {
      border-color: transparent;
    }
  }
  .input-wrapper > input:focus + .placeholder, .input-wrapper > input:active + .placeholder {
    display: none;
  }

/* Responsive styles */
@media screen and (min-width: 1281px) and (max-width: 1440px){
.zwd-ban-graphics .zwd-ban-img{
    max-width: 100%;
    height: auto;
}
.zwd-testimonials-block, .zwd-features-block{
    width: calc(100% - 120px);
}
.compact{
    margin: 100px auto 150px;
}
.expand{
    width: 100%;
}
.compact, .zwd-features-block h2, .expand .zwd-features-box, .zwd-footer-wrap{
    width: calc(100% - 120px);
}
.expand .zwd-features-box{
    padding-top: 60px;
}
.zwd-ftr-graphics .zwd-ftr-img{
    max-width: 100%;
    height: auto;
}
.zwd-footer-wrap{
    margin: 120px auto;
}
}
@media screen and (max-width: 1280px){
.zwd-ban-heading h1, .zwd-ban-heading h1 .ele-inline, .zwd-ban-heading h1 .input-wrapper{
    font-size: 40px;
}
.zwd-ban-cont-wrap .zwd-ban-graphics, .zwd-ban-cont-wrap .zwd-ban-heading{
    width: 48%;
}
.zwd-ban-graphics .zwd-ban-img{
    max-width: 100%;
    height: auto;
}
.zwd-ban-cont-wrap.zwd-sec-container {
    width: 90%;
    max-width: 1280px;
}
.zwd-cust-wrap, .zwd-testimonials-block, .zwd-pricing-wrap, .zwd-compare-wrap{
    width: calc(100% - 80px);
}
.zwd-cust-sprite{
    background-size: 800px auto;
}
.zwd-cust-sec > span{
    height: 30px;
    margin: 15px 10px;
}
.IIFL{
    width: 100px;
}
.star {
    background-position: -98px 0;
    width: 75px;
}
.send {
    background-position: -171px 0;
    width: 75px;
}
.purolite {
    background-position: -466px 0;
    width: 110px;
}
.viewretreats {
    background-position: -246px 0;
    width: 221px;
}
.craigburn {
    background-position: -577px 0;
    width: 158px;
}
.livin {
    background-position: -734px 0;
    width: 70px;
}
.zwd-ftr-graphics{
    width: 50%;
}
.zwd-ftr-graphics .zwd-ftr-img{
    max-width: 100%;
    height: auto;
}
.compact{
    width: 100%;
}
.zwd-pricing-wrap, .zwd-compare-wrap{
    padding: 60px;
}
.zwd-cust-sec h2, .zwd-pricing-wrap h2, .zwd-pricing-wrap h2 i, .zwd-compare-wrap h2, .zwd-features-block h2{
    font-size: 36px;
}
.zwd-ftr-content h3{
    font-size: 24px;
}
.zwd-ftr-content p{
    font-size: 16px;
}
}
@media screen and (min-width: 1100px) and (max-width: 1280px){
.zwd-features-block{
    width: calc(100% - 80px);
}
.compact{
    margin: 100px auto 150px;
}
.expand{
    width: 100%;
}
.compact, .zwd-features-block h2, .expand .zwd-features-box, .zwd-footer-wrap{
    width: calc(100% - 120px);
}
.expand .zwd-features-box{
    padding-top: 60px;
}
.btn-wrap a{
    font-size: 16px;
    padding: 16px 24px;
}
}
@media screen and (max-width: 1099px){
.zwd-ban-heading h1 .ele-inline{
    display: inline;
}
.zwd-ban-cont-wrap, .zwd-ban-heading .btn-wrap{
    display: inherit;
}
.compact .zwd-features-box, .expand .zwd-features-box{
    padding-top: 0;
}
.zwd-ban-cont-wrap .zwd-ban-graphics, .zwd-ban-cont-wrap .zwd-ban-heading{
    width: 100%;
    text-align: center;
}
.zwd-ban-graphics{
    margin-top: 60px;
}
.zwd-pc-plans > div{
    padding: 32px 0;
}
.zwd-cust-wrap, .zwd-pricing-wrap, .zwd-compare-wrap, .zwd-testimonials-block{
    padding: 60px 40px;
}
.zwd-cust-wrap, .zwd-pricing-wrap, .zwd-compare-wrap, .zwd-testimonials-block, .zwd-features-block{
    width: calc(100% - 60px);
}
.zwd-pc-head div:nth-child(1), .zwd-pc-plans div:nth-child(1){
    padding-left: 48px;
}
.zwd-pc-head div:nth-child(2) span, .zwd-compare-block ul li.zwd-compare-head .onedrive-logo i{
    background-size: 600px auto;
    background-position: -151px -3px;
    width: 132px;
    height: 30px;
}
.zwd-pc-head div:nth-child(3) span, .zwd-compare-block ul li.zwd-compare-head .zwd-logo i{
    background-size: 550px auto;
    width: 140px;
    height: 30px;
}
.zwd-pc-head div:nth-child(4){
    font-size: 22px;
}
.zwd-pc-head div:nth-child(4)::before{
    right: 30px;
}
.zwd-pc-plans div:nth-child(2) p b, .zwd-pc-plans div:nth-child(3) p b{
    font-size: 20px;
    margin-right: 0;
}
.zwd-testimonials-block::before{
    right: 50px;
    background-size: 600px auto;
    background-position: 100% 0;
    width: 98px;
    height: 115px;
}
.zwd-compare-block ul li > div:nth-child(1){
    padding: 24px 24px 24px 36px;
}
.zwd-compare-block ul li.zwd-compare-head > div:nth-child(3){
    padding-right: 32px;
}
.expand{
    width: 100%;
}
.zwd-ftr-highlights span{
    width: 80px;
    height: 80px;
    background-position: -4px -46px;
}
.ftr-data-security .zwd-ftr-highlights span:nth-child(2){
    background-position: -99px -46px;
}
.ftr-data-security .zwd-ftr-highlights span:nth-child(3){
    background-position: -195px -46px;
}
.ftr-take-control .zwd-ftr-highlights span:nth-child(1){
    background-position: -290px -47px;
}
.ftr-take-control .zwd-ftr-highlights span:nth-child(2){
    background-position: -384px -47px;
}
.ftr-take-control .zwd-ftr-highlights span:nth-child(3){
    background-position: -479px -47px;
}
.ftr-collaboration .zwd-ftr-img, .ftr-true-sync .zwd-ftr-img, .ftr-uploads .zwd-ftr-img{
    max-width: 85%;
}
.zwd-ftr-content{
    width: 45%;
}
.zwd-ftr-content h3{
    font-size: 24px;
}
.zwd-ftr-content p{
    font-size: 15px;
}
.zwd-ftr-highlights.data-recovery{
    width: 70%;
}
.zwd-testimonials-block{
    margin: 100px auto 90px;
}
}

@media screen and (min-width: 960px) and (max-width: 1099px){
.btn-wrap a{
    font-size: 16px;
    padding: 16px 24px;
}
.compact, .zwd-features-block h2, .expand .zwd-features-box, .zwd-footer-wrap{
    width: calc(100% - 100px);
}
.expand .zwd-features-box{
    padding-top: 60px;
}
.bg-graphics{
    height: calc(100% - 30px);
}
.zwd-footer-wrap h3{
    font-size: 36px;
}
.compact{
    margin: 80px auto 120px;
}
.zwd-footer-wrap{
    margin: 100px auto;
}
}
@media screen and (max-width: 959px){
.zwd-cust-sec h2, .zwd-pricing-wrap h2, .zwd-pricing-wrap h2 i, .zwd-compare-wrap h2, .zwd-compare-wrap h2 span, .zwd-compare-wrap h2 span i, .zwd-features-block h2{
    font-size: 32px;
}
.zwd-ban-cont-wrap{
    padding-bottom: 30px;
}
.zwd-ban-heading h1, .zwd-ban-heading h1 .ele-inline, .zwd-ban-heading h1 .input-wrapper{
    font-size: 36px;
}
.zwd-cust-sec.zwd-sec-container{
    padding: 40px 30px 0px;
}
.zwd-pricing-wrap, .zwd-testimonials-block, .zwd-compare-wrap, zwd-features-block, .expand, .zwd-cust-wrap{
    width: calc(100% - 60px);
}
.compact .zwd-ftr-graphics{
    text-align: center;
}
.zwd-pc-head div:nth-child(1), .zwd-pc-plans div:nth-child(1){
    padding-left: 30px;
}
.zwd-pc-head div:nth-child(2) span, .zwd-compare-block ul li.zwd-compare-head .onedrive-logo i{
    background-size: 750px auto;
    background-position: -189px -3px;
    width: 50px;
    height: 33px;
    margin-left: -15px;
}
.zwd-pc-head div:nth-child(3) span, .zwd-compare-block ul li.zwd-compare-head .zwd-logo i{
    background-size: 650px auto;
    width: 42px;
    height: 36px;
}
.zwd-testimonials-block{
    padding: 60px;
}
.zwd-testimonials-block::before{
    right: 50px;
    background-size: 550px auto;
    background-position: 100% 0;
    width: 90px;
    height: 105px;
}
.zwd-testimonials-block h3{
    font-size: 26px;
    max-width: 90%;
}
.zwd-testimonials-block h3 span{
    display: inline;
}
.zwd-compare-block{
    margin-top: 40px;
}
.zwd-compare-block ul li > div:nth-child(1){
    padding: 24px 24px 24px 32px;
}
.zwd-compare-block ul li > div:nth-child(1){
    font-size: 14px;
}
.zwd-compare-block ul li.zwd-compare-head > div:nth-child(2){
    padding: 24px 36px;
}
.zwd-compare-block ul li.zwd-compare-tophead > div, .zwd-compare-block ul li.zwd-compare-bottomfoot > div{
    padding: 14px 0;
    line-height: 0;
}
.zwd-compare-block ul li.zwd-compare-head .onedrive-logo i, .zwd-compare-block ul li.zwd-compare-head .zwd-logo i{
    margin: 24px 0;
}
.zwd-features-block h2{
    text-align: center;
    width: 100%;
    padding-top: 80px;
}
.compact{
    margin:80px 0 110px;
    width: 100%;
}
.compact .zwd-ftr-graphics{
    margin: 40px auto;
}
.expand .zwd-features-box{
    width: 80%;
    padding: 80px 0 70px;
    margin: 0 auto;
}
.zwd-features-box{
    display: inherit;
}
.ftr-data-security h2{
    text-align: center;
    margin-bottom: 40px;
}
.ftr-data-security h2 span{
    display: inline-block;
}
.zwd-ftr-content, .zwd-ftr-graphics{
    width: 85%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.zwd-ftr-content p, .zwd-footer-wrap p.zwd-ft-note{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.zwd-features-box.row-reverse{
    flex-direction: row;
}
.zwd-ftr-graphics .zwd-ftr-img{
    max-height: 350px;
}
.expand .bg-graphics{
    height: 100%;
    background-size: auto 70%;
}
.ftr-collaboration .zwd-ftr-content, .ftr-true-sync .zwd-ftr-content, .ftr-uploads .zwd-ftr-content{
    margin: 30px auto 0;
}
.ftr-uploads .bg-graphics{
    height: 100%;
    background-size: auto 70%;
}
.zwd-ftr-highlights{
    left: 50%;
    transform: translateX(-50%);
    right: auto;
    width: 80%;
}
.ftr-data-recovery.compact{
    margin-bottom: 150px;
}
.zwd-footer-wrap{
    width: calc(100% - 80px);
    margin: 100px auto;
}
.zwd-pc-head div:nth-child(1), .zwd-pc-plans div:nth-child(1), .zwd-pc-head div:nth-child(4) span, .zwd-pc-plans div:nth-child(4), .zwd-testimonials-block > p{
    font-size: 20px;
}
.zwd-user-logo{
    display: none;
}
.zwd-userinfo-box{
    display: inherit;
}
.zwd-userinfo-box, .zwd-userinfo-details{
    justify-content: flex-start;
}
.zwd-footer-wrap h3{
    font-size: 36px;
}
.zwd-pricing-wrap h2 i{
    color: #ffc316;
}
}
@media screen and (min-width: 768px) and (max-width: 959px){
.expand, .zwd-ftr-content, .zwd-ftr-graphics{
    width: 100%;
}
}

@media screen and (max-width: 767px){
.zwd-pricing-wrap, .zwd-testimonials-block, .zwd-compare-wrap{
    padding: 60px 30px;
}
.zwd-features-block{
    padding:0;
}
.zwd-cust-wrap h2, .zwd-pricing-wrap h2, .zwd-pricing-wrap h2 i, .zwd-compare-wrap h2, .zwd-compare-wrap h2 span, .zwd-compare-wrap h2 span i, .zwd-features-block h2{
    font-size: 32px;
}
.zwd-ban-heading h1 .ele-inline{
    display: block;
}
.zwd-ban-graphics .zwd-ban-img{
    max-width: 80%;
}
.zwd-pricing-wrap, .zwd-testimonials-block, .zwd-compare-wrap, .zwd-features-block, .expand, .zwd-cust-wrap{
    width: calc(100% - 40px);
}
.zwd-pc-plans div:nth-child(2) p span, .zwd-pc-plans div:nth-child(3) p span{
    display: block;
}
.zwd-pc-plans div:nth-child(2) p, .zwd-pc-plans div:nth-child(3) p{
    font-size: 14px;
}
.zwd-pc-head div:nth-child(1), .zwd-pc-plans div:nth-child(1), .zwd-pc-head div:nth-child(4) span, .zwd-pc-plans div:nth-child(4), .zwd-testimonials-block > p{
    font-size: 18px;
}
.zwd-testimonials-block h3 span{
    display: inline;
}
.zwd-compare-block ul li > div:nth-child(1){
    padding-left: 32px;
}
.zwd-compare-block ul li.zwd-compare-bottomfoot > div, .zwd-compare-block ul li.zwd-compare-tophead > div{
    padding: 14px 0;
    line-height: 0;
}
.zwd-ft-cmpr-logos span.zwd-ft-ondlogo, .zwd-ft-cmpr-logos span.zwd-ft-wdlogo{
    background-size: 550px auto;
    width: 107px;
    height: 107px;
    margin: 0 16px;
}
.zwd-ft-cmpr-logos span.zwd-ft-ondlogo{
    background-position: 0 -110px;
}
.zwd-ft-cmpr-logos span.zwd-ft-wdlogo{
    background-position: -145px -110px;
}
.zwd-pricing-wrap h2 span{
    display: inline-block;
}
.zwd-testimonials-block h3, .zwd-ftr-content h3{
    font-size: 28px;
}
.expand .bg-graphics{
    background-size: auto 55%;
}
.zwd-footer-wrap h3{
    font-size: 36px;
}
.compact{
    margin: 70px 0 110px;
}
.expand, .zwd-ftr-content, .zwd-ftr-graphics{
    width: 100%;
}
}
@media screen and (max-width: 599px){
.zwd-ban-heading h1, .zwd-ban-heading h1 .ele-inline, .zwd-ban-heading h1 .input-wrapper{
    font-size: 32px;
}
.btn-wrap a{
    width: 70%;
    margin: 16px auto;
}
.btn-wrap .act-btn.cta-btn{
    margin: 0;
}
.zwd-ban-heading p.zwd-subheading{
    margin: 16px auto 36px;
    width: 90%;
}
.zwd-cust-sec h2, .zwd-pricing-wrap h2, .zwd-pricing-wrap h2 i, .zwd-compare-wrap h2, .zwd-features-block h2{
    font-size: 28px;
}
.zwd-testimonials-block h3, .zwd-ftr-content h3{
    font-size: 24px;
}
.zwd-cust-sec p{
    margin: 24px 0 0;
}
.zwd-testimonials-block::before{
    right: 40px;
    background-size: 500px auto;
    background-position: 100% 0;
    width: 83px;
    height: 100px;
}
.mobile-view{
    display: block;
}
.zwd-pricing-wrap h2{
    padding: 0 0 30px;
}
ul.zwd-pricing-block li:nth-child(1), ul.zwd-pricing-block li.zwd-pc-head, ul.zwd-pricing-block li.zwd-pc-head div:nth-child(4), ul.zwd-pricing-block li.zwd-pc-bottomfoot, .zwd-user-avatar, .zwd-compare-block ul li.zwd-compare-tophead, .zwd-compare-block ul li.zwd-compare-head, .zwd-compare-block ul li.zwd-compare-bottomfoot{
    display: none;
}
ul.zwd-pricing-block li{
    margin-bottom: 28px;
}
ul.zwd-pricing-block li > div:nth-child(1){
    width: 100%;
    text-align: center;
    border-right: 1px solid #688BDE;
    padding: 16px 0;
    border-top: 1px solid #688BDE;
    font-size: 20px;
}
ul.zwd-pricing-block li > div:nth-child(2){
    background: #1945AF;
}
ul.zwd-pricing-block li > div:nth-child(4){
    width: 100%;
    text-align: center;
    border-left: 1px solid #688BDE;
    padding: 12px 0;
}
.zwd-pc-head div:nth-child(2) span, .zwd-compare-block ul li.zwd-compare-head .onedrive-logo i, .zwd-pc-plans div:nth-child(2) p{
    margin-left: 0;
}
ul.zwd-pricing-block li > div:nth-child(2), ul.zwd-pricing-block li > div:nth-child(3){
    width: 50%;
}
ul.zwd-pricing-block li > div:nth-child(2){
    border-left: 1px solid #688BDE;
}
.zwd-pc-foot div:nth-child(1){
    border-radius: 0;
}
.zwd-pc-plans div:nth-child(2) p.zwd-logo-text, .zwd-pc-plans div:nth-child(3) p.zwd-logo-text, .zwd-compare-block ul li > div:nth-child(2) p.zwd-logo-text, .zwd-compare-block ul li > div:nth-child(3) p.zwd-logo-text{
    padding-bottom: 16px;
    font-size: 16px;
    font-family: var(--zf-primary-bold), sans-serif;
}
ul.zwd-pricing-block li > div:nth-child(4) span i{
    display: inline-block;
    font-style: normal;
    margin-right: 10px;
    color: #A5B7E2;
    font-family: var(--zf-primary-medium), sans-serif;
}
.zwd-pc-taxinfo{
    padding: 0;
}
.zwd-compare-block ul li{
    margin: 0 0 28px;
}
.zwd-compare-block ul li > div:nth-child(1){
    width: 100%;
    border-top: 1px solid #5A5A5A;
    border-right: 1px solid #5A5A5A;
    text-align: center;
}
.zwd-compare-block ul li > div:nth-child(2){
    width:50%;
}
.zwd-compare-block ul li > div:nth-child(3){
    width:50%;
}
.zwd-compare-block ul li > div > span, ul.zwd-pricing-block li > div > span{
    top: auto;
    transform: translateY(0);
}
.zwd-ftr-highlights{
    width: 100%;
}
.zwd-ftr-highlights span{
    margin: 0 10px;
}
.zwd-ft-cmpr-logos span.zwd-ft-ondlogo, .zwd-ft-cmpr-logos span.zwd-ft-wdlogo{
    width: 90px;
    height: 90px;
    border-radius: 20px;
}
.zwd-ft-cmpr-logos span.zwd-ft-ondlogo{
    background-position: -7px -120px;
}
.zwd-ft-cmpr-logos span.zwd-ft-wdlogo{
    background-position: -152px -120px;
}
.zwd-ft-cmpr-logos span.zwd-ft-ondlogo, .zwd-ft-cmpr-logos span.zwd-ft-wdlogo{
    margin: 0 12px;
}
@keyframes PlayArrow{
0% {
    opacity: 0;
    transform: translate(-12px, 0);
}
33% {
    opacity: 1;
}
66% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate(12px, 0);
}
}
.zwd-pricing-wrap, .zwd-compare-wrap, .zwd-ftr-graphics .zwd-ftr-img, .bg-graphics{
    border-radius: 24px;
}
ul.zwd-pricing-block li > div:nth-child(1), .zwd-compare-block ul li > div:nth-child(1){
    border-radius: 14px 14px 0 0;
}
ul.zwd-pricing-block li > div:nth-child(4){
    border-radius: 0 0 14px 14px;
}
.zwd-compare-block ul li > div:nth-child(2){
    border-radius: 0 0 0 14px;
}
.zwd-compare-block ul li > div:nth-child(3){
    border-radius: 0 0 14px 0;
}
.zwd-compare-block ul li.zwd-compare-foot > div:nth-child(1){
    border-radius: 14px 14px 0 0;
}
.ftr-collaboration .zwd-ftr-img, .ftr-true-sync .zwd-ftr-img, .ftr-uploads .zwd-ftr-img{
    max-width: 90%;
}
.expand .zwd-features-box{
    width: 100%;
    padding: 60px 0;
}
.expand{
    width: 100%;
}
.zwd-ftr-content p, .zwd-footer-wrap p.zwd-ft-note{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
}
@media screen and (min-width: 481px) and (max-width: 599px){
.expand .bg-graphics{
    background-size: auto 45%;
}
}
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
.input-wrapper{
    margin-left: -14px;
}
}
@media screen and (max-width: 480px){
.zwd-ban-heading h1, .zwd-ban-heading h1 .ele-inline, .zwd-ban-heading h1 .input-wrapper{
    font-size: 30px;
}
.zwd-cust-wrap{
    padding: 60px 0;
}
.expand .bg-graphics{
    background-size: auto 40%;
}
.zwd-cust-wrap h2, .zwd-pricing-wrap h2, .zwd-pricing-wrap h2 i, .zwd-compare-wrap h2, .zwd-compare-wrap h2 span, .zwd-compare-wrap h2 span i, .zwd-features-block h2{
    font-size: 28px;
}
.zwd-testimonials-block h3, .zwd-ftr-content h3{
    font-size: 24px;
}
.zwd-ftr-content, .zwd-ftr-graphics, .expand{
    width: 100%;
}
.ftr-collaboration .zwd-ftr-img, .ftr-true-sync .zwd-ftr-img, .ftr-uploads .zwd-ftr-img{
    max-width: 90%;
}
.zwd-footer-wrap h3{
    font-size: 30px;
}
.zwd-footer-wrap, .expand .zwd-features-box{
    width: calc(100% - 40px);
}
.btn-wrap a{
    width: 90%;
}
}
@media screen and (max-width: 375px){
.zwd-ban-heading h1, .zwd-ban-heading h1 .ele-inline, .zwd-ban-heading h1 .input-wrapper{
    font-size: 28px;
}
.zwd-pricing-wrap, .zwd-testimonials-block, .zwd-compare-wrap, .zwd-features-block, .expand, .zwd-cust-wrap{
    width: calc(100% - 30px);
}
.zwd-compare-block ul li > div, .zwd-compare-block ul li > div:nth-child(3){
    padding: 16px;
}
.btn-wrap a{
    width: 90%;
    font-size: 15px;
}
.zwd-ban-graphics{
    margin-top: 30px;
}
.zwd-ban-graphics .zwd-ban-img{
    max-width: 100%;
}
.expand{
    width: 100%;
}
.zwd-cust-wrap h2, .zwd-pricing-wrap h2, .zwd-pricing-wrap h2 i, .zwd-compare-wrap h2, .zwd-compare-wrap h2 span, .zwd-compare-wrap h2 span i, .zwd-features-block h2{
    font-size: 26px;
    line-height: 1.3;
}
.zwd-pricing-wrap, .zwd-compare-wrap{
    padding: 40px 20px;
}
.zwd-cust-wrap h2, .zwd-pricing-wrap h2, .zwd-pricing-wrap h2 i, .zwd-compare-wrap h2, .zwd-compare-wrap h2 span, .zwd-compare-wrap h2 span i, .zwd-features-block h2{
    font-size: 24px;
}
.zwd-testimonials-block{
    margin: 80px auto 70px;
}
.zwd-testimonials-block h3, .zwd-ftr-content h3{
    font-size: 22px;
}
.zwd-ftr-highlights span{
    margin: 0 6px;
}
.compact {
    margin: 40px 0 90px;
}
.expand .bg-graphics {
    background-size: auto 30%;
}
}
@media screen and (min-width: 960px){
.zwd-cust-sec > span {
    opacity: 0;
    transform: scale(1.12);
    transition: all 0.8s ease-in-out;
}
.zwd-cust-sec.cust-anim > span {
    opacity: 1;
    transform: scale(0.96);
}
.zwd-testimonials-block{
    opacity: 0.1;
    opacity: 0.1;
    transform: translateY(100px) scale(0.8);
}
.zwd-testimonials-block.cont-anim{
    opacity: 1;
    transform: translateY(0) scale(1);
}
/* text animations styles */
.zwd-pricing-wrap h2 i{
    font-size: 40px;
    margin-left: -4px;
    color: #FFF;
    background-position: 100%;
    transition: all 1s ease-in-out;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to left, #FFF, #FFF 50%, #ffc316 50%);
    background-size: 200% 100%;
}
.zwd-pricing-wrap h2 i.text-anim{
    background-position: 0 0;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #ffc316, #ffc316 50%, #FFF 50%);
    background-size: 200% 100%;
}
.zwd-compare-wrap h2 span i{
    background-position: 100%;
    transition: all 0.8s ease-in-out;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to left, #ffc316, #ffc316 50%, #FFF 50%);
    background-size: 200% 100%;
}
.zwd-compare-wrap h2 span i.text-anim{
    background-position: 0 0;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #FFF, #FFF 50%, #ffc316 50%);
    background-size: 200% 100%;
}
.zwd-features-block h2 span{
    background-position: 100%;
    transition: all 2.2s ease-in-out;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to left, #1E273D, #1E273D 50%, #1E4BB8 50%);
    background-size: 200% 100%;
}
.zwd-features-block h2 span.text-anim{
    background-position: 0 0;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #1E4BB8, #1E4BB8 50%, #1E273D 50%);
    background-size: 200% 100%;
}
/* features animations styles */
.ftr-data-security .zwd-ftr-img, .ftr-collaboration .zwd-ftr-img, .ftr-data-recovery .zwd-ftr-img{
    opacity:0;
    transition: all 0.8s ease-in-out;
    transform: translateY(100px) rotate3d(1, -1, 0, 30deg);
}
.ftr-data-security .zwd-ftr-img.img-anim, .ftr-collaboration .zwd-ftr-img.img-anim, .ftr-data-recovery .zwd-ftr-img.img-anim{
    opacity:1;
    transform: translateY(0px) rotate3d(1, -1, 0, 0deg);
}
.ftr-take-control .zwd-ftr-img, .ftr-true-sync .zwd-ftr-img, .ftr-uploads .zwd-ftr-img{
    opacity:0;
    transition: all 0.8s ease-in-out;
    transform: translateY(100px) rotate3d(-1, -1, 0, -30deg);
}
.ftr-take-control .zwd-ftr-img.img-anim, .ftr-true-sync .zwd-ftr-img.img-anim, .ftr-uploads .zwd-ftr-img.img-anim{
    opacity:1;
    transform: translateY(0px) rotate3d(-1, -1, 0, 0deg);
}
.data-recovery .zwd-ftr-img{
    opacity:0;
    transition: all 0.7s ease-in-out;
    transform: translateY(100px);
}
.data-recovery .zwd-ftr-img.img-anim{
    opacity:1;
    transform: translateY(0px);
}
.ftr-data-security .zwd-ftr-highlights span, .ftr-take-control .zwd-ftr-highlights span{
    opacity:0;
    transition: all 0.6s ease-in-out;
    transform: scale(1.5);
}
.ftr-data-security .zwd-ftr-highlights.img-anim span, .ftr-take-control .zwd-ftr-highlights.img-anim span{
    opacity:1;
    transform: scale(1);
}
.ftr-data-security .zwd-ftr-highlights span:nth-child(2), .ftr-take-control .zwd-ftr-highlights span:nth-child(2){
    transition-delay: 0.3s;
}
.ftr-data-security .zwd-ftr-highlights span:nth-child(3), .ftr-take-control .zwd-ftr-highlights span:nth-child(3){
    transition-delay: 0.6s;
}
.data-recovery .zwd-ftr-img.img-anim{
    transition-delay: 0.2s;
}
}
@media screen and (min-width: 992px) and (max-width: 1279px){

}
@media screen and (min-width: 1281px) and (max-width: 1440px){

}
@media screen and (min-width: 1281px){
.zwd-ban-cont-wrap.zwd-sec-container {
    width: 90%;
    max-width: 1280px;
}
}