* {
    box-sizing: border-box;
}

img {
    width: 100%;
}

#headerbannerbg:before {
    content: none;
}

.onlymob {
    display: none;
}

.request-btn {
    border: 1px solid #000;
    color: #000;
    margin-left: 20px;
    display: inline-block;
    font-size: 15px;
    cursor: pointer;
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
    font-family: var(--zf-primary-semibold);
    padding: 18px 35px;
    text-transform: uppercase;
}

.pagewrapper .content-wrap {
    max-width: 1280px;
    overflow: visible;
    padding: 10px 0 30px;
}


p {
    color: #222;
}

/*.header-top .content-wrap {
    max-width: 1280px;
}*/

.header-top p {
    max-width: 780px;
    margin: 0 auto 30px;
    font-size: 18px;
}

#benefits,
.banner-inner {
    display: none;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 20px;
}



/*          .spanbox1 {
    width: 500px;
    background: #efefef;
    overflow: hidden;
    border-radius: 300px;
}*/



.spanbox1 img {
    width: 330px;
    /*height: 500px;*/
    /*border-radius: 300px;*/
    object-fit: cover;
    object-position: 0 -11%;
    vertical-align: middle;
}

#zheadvid {
    max-width: 420px;
    margin: 20px auto 0;
    display: block;
    height: 101px;
}

.header-top .content-wrap {
    overflow: visible;
    padding: 40px 0 30px;
}

.cont-part {
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
}

.header-top h1 {
    font-family: var(--primaryfont-bold);
    line-height: 1.05;
}

.i18n-en .header-top h1 {
    font-size: 70px;
}


.people-img ul {
    text-align: center;
    position: relative;
    padding-top: 0;
    margin-top: -30px;
}




.people-img ul:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 30px;
    background: url(/sites/zweb/images/people/zp-home-sprite.png) no-repeat;
    background-size: 1000px auto;
    width: 74px;
    height: 60px;
    display: none;
}

.people-img ul:after {
    content: '';
    position: absolute;
    top: 30px;
    right: 0px;
    background: url(/sites/zweb/images/people/zp-home-sprite.png) no-repeat;
    background-size: 1000px auto;
    width: 53px;
    height: 60px;
    background-position: -70px 0;
    display: none;
}

.people-img li {
    display: inline-block;
    width: 25%;
    position: relative;
}

.people-img li:first-child {
    right: -50px;
    top: 0
}


.people-img li:nth-child(2) {
    width: 25%;
    right: -27px;
    top: 0;
}

.people-img li:nth-child(3) {
    width: 19%;
    left: -40px;
    top: 0;
}

.people-img li:nth-child(4) {
    width: 31%;
    position: relative;
    left: -50px;
    top: 0;
}

.people-img li:nth-child(1):before {
    content: '';
    position: absolute;
    background: url(/sites/zweb/images/people/zp-headbg1.png) no-repeat;
    background-size: 300px auto;
    width: 320px;
    height: 300px;
    z-index: -1;
    left: -40px;
    top: 90px;
}

.watchbtn {
    cursor: pointer;
}

.people-img li:nth-child(1):after {
    content: '';
    position: absolute;
    background: url(/sites/zweb/images/people/zp-overall-rating.gif) no-repeat;
    background-size: 255px auto;
    width: 255px;
    height: 115px;
    left: -40px;
    bottom: 117px;
    z-index: 1;
    opacity: 0;
    transition: all 1s linear 1.3s;
}



.people-img li:nth-child(2):before {
    content: '';
    position: absolute;
    background: url(/sites/zweb/images/people/zp-in.jpg) no-repeat;
    background-size: 40px auto;
    width: 80px;
    height: 65px;
    z-index: -1;
    left: 60px;
    top: 90px;
    opacity: 0;
    transition: all 1s ease-in 1500ms;
}

.people-img li:nth-child(3):before {
    content: '';
    position: absolute;
    background: url(/sites/zweb/images/people/zp-remotein.jpg) no-repeat;
    background-size: 85px auto;
    width: 90px;
    height: 35px;
    z-index: -1;
    left: 130px;
    top: -30px;
    opacity: 0;
    transition: all 1s ease-in 2000ms;
}




.people-img li:nth-child(4):before {
    content: '';
    position: absolute;
    background: url(/sites/zweb/images/people/zp-headbg4.png) no-repeat;
    background-size: 370px auto;
    width: 378px;
    height: 300px;
    z-index: -1;
    left: 30px;
    top: 2px;
    opacity: 0;
    transition: all 1s linear 1.8s;
}


.people-img li:nth-child(4):after {
    content: '';
    position: absolute;
    background: url(/sites/zweb/images/people/zp-goals.gif) no-repeat;
    background-size: 240px auto;
    width: 225px;
    height: 135px;
    z-index: 1;
    left: 225px;
    top: 180px;
    opacity: 0;
    transition: all 1s linear 1.8s;
}


.animated .people-img li:nth-child(2):before,
.animated .people-img li:nth-child(3):before,
.animated .people-img li:nth-child(1):after,
.animated .people-img li:nth-child(4):after {
    opacity: 1;
}

.people-img li:nth-child(1):before,
.people-img li:nth-child(4):before {
    content: none;
}


.people-img img {
    object-fit: cover;
    object-position: 50% 50%;
    /* background: #f4f4ff; */
}

.client-section {
    background: #f4f5f7;
    padding: 62px 0 20px;
    position: relative;
    bottom: 30px;
    max-width: 100%;
    margin: 0 auto;
}

.client-section ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.client-section ul:before {
    content: '';
    position: absolute;
    top: 15px;
    right: -85px;
    background: url(/sites/zweb/images/people/zp-client-bg.png) no-repeat;
    background-size: 180px auto;
    width: 160px;
    height: 170px;
    z-index: 1;
}

.client-section ul:after {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 18%;
    background: #f4f5f7;
    width: 700px;
    height: 30px;
    transform: skew(274deg, 183deg);
}

.client-section ul li {
    background: url('/sites/zweb/images/people/zp-home-sprite.png') no-repeat;
    background-size: 1200px auto;
    width: 100px;
    height: 45px;
    display: inline-block;
    background-position: -490px -80px;
    margin: 0 22px 40px;
    justify-content: space-between;
}

.client-section ul li.gep {
    background-position: -698px -94px;
    width: 140px;
}

.client-section ul li.nissan {
    background-position: -1015px -100px;
    width: 133px;
}

.client-section ul li.spicejet {
    background-position: -844px -96px;
    width: 100px;
}

.client-section ul li.thelogicalindian {
    background-position: -816px -80px;
    width: 73px;
}

.client-section ul li.orientalinsurance {
    background-size: 1300px auto;
    background-position: -980px -192px;
    width: 130px;
}

.client-section ul li.bigblu {
    background-position: -1074px -168px;
    width: 122px;
}

.client-section ul li.chindata {
    background-position: -956px -96px;
    width: 52px;
}

.client-section ul li.medlife {
    background-position: -561px -95px;
    width: 126px;
}

.client-section ul li.mcd {
    background-position: -1026px -170px;
    width: 44px;
}

.client-section:before {
    content: '';
    position: absolute;
    top: 14px;
    left: -50px;
    background: #f4f5f7;
    width: 100px;
    height: 143px;
    transform: rotate(-31deg);
}

.client-section:after {
    content: '';
    position: absolute;
    top: 14px;
    right: -50px;
    background: #f4f5f7;
    width: 100px;
    height: 144px;
    transform: rotate(31deg);
}

.feature-section {
    padding: 180px 0 0;
}

#feat1.feature-section {
    padding: 140px 0 0;
}

#feat1 .cont-part {
    padding: 80px 20px 0px 20px;
}

#feat2 {
    margin-bottom: 50px;
}

#feat2 .cont-part {
    padding: 0px 20px 0 20px;
}

.app-section {
    padding: 120px 0px 0px 0px;
}

.app-section .content-wrap {
    max-width: 1040px;
}

.feature-section .content-wrap,
.app-section .content-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.business-section .content-wrap,
.bottom-cta-section .content-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 60px 30px 30px 60px;
}

.bottom-cta-section small {
    font-family: var(--zf-secondary-semibold);
}

.feature-section .img-part {
    width: 58%;
}

.feature-section h2 {
    font-family: var(--primaryfont-bold);
    ;
    font-size: 42px;
}

.feature-section .cont-part {
    width: 42%;
}

ul.list-item {
    margin: 30px auto;
}

ul.list-item li {
    margin-bottom: 20px;
    position: relative;
    padding-left: 35px;
    font-family: var(--primaryfont-semibold);
}

ul.list-item {
    margin-top: 50px;
}

ul.list-item li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 27px;
    background: url(/sites/zweb/images/people/zp-home-sprite.png)no-repeat;
    background-size: 960px auto;
    width: 25px;
    background-position: -269px -146px;
}

.screen-wrap {
    border-radius: 10px;
    padding: 30px 0 40px 40px;
    position: relative;
}

span.compimg {
    background: url(/sites/zweb/images/people/zp-home-sprite.png) no-repeat;
    background-size: 1000px auto;
    background-position: -168px -18px;
    display: inline-block;
    width: 67px;
    height: 30px;
}

.not1 {
    background: url(/sites/zweb/images/people/zp-home-sprite.png) no-repeat;
    background-size: 1000px auto;
    background-position: -234px -22px;
    display: inline-block;
    width: 17px;
    height: 20px;
}

.notifi {
    width: 460px;
    display: inline-block;
    text-align: right;
    margin-bottom: 25px;
}

.notifi span {
    margin: 0 0px -5px 10px;
}

.notifi span:last-child {
    margin-right: 0;
}

.notifi .employee-img div {
    width: 40px;
    height: 40px;
}


.notifi .employee-img {
    display: inline-block;
    vertical-align: bottom;
}

.notifi .employee-img img {
    max-width: 32px;
    margin: 4px;
}

.not2 {
    background: url(/sites/zweb/images/people/zp-home-sprite.png) no-repeat;
    background-size: 1000px auto;
    background-position: -250px -22px;
    display: inline-block;
    width: 17px;
    height: 20px;
}

.not3 {
    background: url(/sites/zweb/images/people/zp-home-sprite.png) no-repeat;
    background-size: 1000px auto;
    background-position: -267px -22px;
    display: inline-block;
    width: 17px;
    height: 20px;
}


#feat1 .screen-wrap h5 {
    font-size: 16px;
}

#feat3 .content-wrap {
    overflow: visible;
}

#feat3 .screen-wrap ul li {
    font-family: var(--secondaryfont-semibold);
    font-size: 14px;
    position: relative;
}

#feat3 .screen-wrap ul.goals li:after {
    content: '';
    position: absolute;
    bottom: -24px;
    left: 0;
    background: #e6e6e6;
    width: 380px;
    height: 1px;
}

#feat3 .screen-wrap ul.goals li:last-child:after {
    content: none;
}

#feat3 .screen-wrap:before {
    width: 70%;
}

#feat3 .screen-wrap:after {
    content: '';
    position: absolute;
    top: 120px;
    left: -61px;
    background: url(/sites/zweb/images/people/zp-badg.png)no-repeat;
    background-size: 86px auto;
    width: 87px;
    height: 100px;
}

#feat3 .screen-wrap li div:first-child,
#feat3 .screen-wrap li div:nth-child(2) {
    width: 46%;
    display: inline-block;
    vertical-align: top;
}

#feat3 .screen-wrap ul li span.state {
    width: 100%;
}

#feat3 .screen-wrap {
    padding: 60px 0 10px 100px;
}

#feat3 .screen-wrap h5 {
    font-size: 18px;
}

#feat3 .cont-part {
    padding: 0px 20px 0px 20px;
}

#feat4 .cont-part {
    padding: 50px 10px 0px 10px;
}

#feat3 .leave-section {
    right: auto;
    right: unset;
    left: -100px;
    top: auto;
    top: unset;
    bottom: 80px;
    display: none;
}

#feat3 .cust-appreciation {
    position: absolute;
    bottom: -50px;
    left: 50px;
}

.goals li div {
    position: relative;
}

.goals li:before {
    content: '';
    position: absolute;
    top: 13px;
    left: -20px;
    background: #f1d530;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.goals li:nth-child(2):before {
    background: #66d266;
}

.goals li:nth-child(3):before {
    background: #EF4648;
}


.cust-appr-img,
.cust-appr-txt {
    display: inline-block;
    width: 20%;
    vertical-align: middle;
}

.cust-appr-img {
    width: 66px;
    height: 66px;
    border-radius: 50%;
    overflow: hidden;
    background: #a9f2c3;
    background-image: url(/sites/zweb/images/people/zp-home-sprite.png);
    margin-right: 20px;
    background-position: -517px 12px;
    background-size: 1004px auto;
    vertical-align: bottom;
}

.cust-appr-img img {
    max-width: 60px;
    object-fit: cover;
    object-position: 0 0;
}

.cust-appr-txt {
    width: 58%;
    background: #2a2b2c;
    color: #fff;
    font-family: var(--zf-secondary-regular);
    font-size: 12px;
    padding: 20px 30px;
    border-radius: 40px 40px 40px 0px;
    position: relative;
}

span.cust-appr-txt:after {
    content: '';
    position: absolute;
    bottom: -10px;
    right: 20px;
    background: url(/sites/zweb/images/people/zp-clap.png);
    background-size: 35px auto;
    width: 35px;
    height: 35px;
}

.custom-rating,
.custom-rating-img {
    position: absolute;
    top: -60px;
    right: 100px;
}

.custom-rating {
    top: 60px;
    text-align: center;
}

#feat4 .cust-appreciation {
    padding: 20px 0;
    text-align: left;
    position: relative;
    top: 10px;
    left: -10px;
}

#feat4 .cust-appr-img {
    display: inline-block;
    vertical-align: bottom;
}

.cust-appreciation img {
    display: inline-block;
    vertical-align: middle;
    max-width: 120px;
}

.screen-wrap2 {
    position: relative;
}

.screen-wrap,
.screen-wrap2 {
    user-select: none;
}


#feat4 .screen-wrap2 {

    max-width: 820px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

#feat4 .cust-appr-txt {
    display: block;
    width: 100%;
    border-radius: 0px 50px 50px 50px;
    margin-top: 20px;
}

.team-members ul li {
    display: inline-block;
}

.team-members {
    background: #fff;
    border-radius: 20px;
    padding: 20px;
    position: absolute;
    top: -50px;
    right: -70px;
    z-index: 2;
    box-shadow: 12px -8px 17px 20px rgb(226 226 226 / 28%);
    display: none;
}

.team-members h5 {
    font-size: 14px;
    margin-bottom: 8px;
}

.team-wrap {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    background: #72b6d9;
    display: inline-block;
}

.team-wrap img {
    max-width: 40px;
    object-fit: cover;
    object-position: 0 0;
}


#feat4 .leave-section {
    text-align: left;
    background: #fff;
    box-shadow: 12px -8px 67px 90px rgb(226 226 226 / 28%);
    padding: 45px 25px 20px;
    position: relative;
    left: auto;
    left: unset;
    right: auto;
    right: unset;
    top: 0;
    left: -20px;
    max-width: 320px;
    display: inline-block;
    border-radius: 8px;
}

#feat4 .leave-section:nth-child(2) {
    margin-top: 20px;
    padding: 20px 27px;
}

#feat4 .leave-section:nth-child(2) em {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 77px;
}

#feat4 .leave-section:nth-child(2) {
    padding: 20px 27px;
}

#feat4 .leave-section:nth-child(2) ul li {
    margin-bottom: 5px;
    border-bottom: 1px solid #eaeaea;
}

#feat4 .leave-section:nth-child(2) ul li:last-child {
    border-bottom: none;
}

#feat4 .leave-section:nth-child(2) h5 {
    font-size: 11px;
    position: relative;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 5px;
}

#feat4 .leave-section:nth-child(2) h5:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 72px;
    height: 1px;
    background: #000;
}

#feat4 .leave-section:nth-child(2) h5 span {
    margin-left: 15px;
}

.invitee {
    position: absolute;
    bottom: -35px;
    left: 280px;
    background: #fff;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 12px -8px 67px 90px rgb(226 226 226 / 38%);
    min-width: 270px;
    z-index: 2;
}

.invitee h5 {
    font-size: 13px;
    margin-bottom: 5px;
}

.zemail {
    display: inline-block;
    width: 160px;
    border: 1px solid #e4e4e4;
    padding: 5px 12px;
    font-size: 10px;
    margin-right: 5px;
    border-radius: 2px;
    color: #797979;
}

.zsend {
    background: #03a9f5;
    color: #fff;
    font-size: 11px;
    padding: 7px 15px;
    border-radius: 2px;
    font-family: var(--zf-secondary-medium);
}

.invitee h5 {
    margin-bottom: 8px;
    font-size: 13px;
}

#feat4 .leave-section h5 {
    margin: 5px 0px 10px 0px;
}

/* #feat4 h5 {
    padding: 5px 20px;
    margin-bottom: 25px;
} */

#feat4 .leave-section em {
    font-size: 11px;
    line-height: 6px;
}


.sell-better {
    background: #ade0f6;
    width: 340px;
    height: 300px;
    border-radius: 20px;
    position: relative;
    /*    overflow: hidden;*/
}

.sell-better:before {
    content: none;
    position: absolute;
    top: 60px;
    right: -104px;
    background: url(/sites/zweb/images/people/zp-curved-line.png)no-repeat;
    background-size: 60px auto;
    width: 60px;
    height: 59px;
    z-index: 4;
}

.sell-better-txt {
    background: #fff;
    width: 340px;
    height: 160px;
    top: -30px;
    border-radius: 20px;
    box-shadow: 5px 5px 15px 15px rgb(197 197 197 / 0.2);
    position: relative;
    padding: 35px 50px;
    text-align: left;
}

.sell-better-txt .progress-bar {
    width: 184px;
}

.sellalt img {
    max-width: 300px;
    width: 100%;
}

.sellalt {
    background: #f4f5f7;
    padding: 40px 30px 30px 30px;
    border-radius: 12px;
    max-width: 340px;
    box-sizing: border-box;
}



.sellalt h5 {
    padding: 5px 0px;
    margin-bottom: 25px;
}

.attstaff {
    background: url(/sites/zweb/images/people/zp-home-sprite.png)no-repeat;
    background-size: 1000px auto;
    width: 60px;
    height: 30px;
    background-position: -314px -148px;
    display: inline-block;
    vertical-align: middle;
}

.leadership-txt {
    background: #ffe6b6;
    padding: 20px 25px;
    height: 115px;
    overflow-y: hidden;
    display: inline-block;
    vertical-align: middle;
    max-width: 162px;
    border-radius: 8px;
    margin-right: 15px;
    display: none;
}


.leadership-txt.altcol {
    background: #c0cfff;
}

.leadership-txt img {
    max-width: 80%;
}

.leadership-txt h5 {
    margin-bottom: 0;
    font-family: var(--secondaryfont-semibold);
    font-size: 12px;
}

span.date-place {
    font-size: 10px;
    color: #4a4a4a;
}


.progress-bar {
    display: inline-block;
    background: #e6e6e6;
    width: 118px;
    height: 3px;
    position: relative;
    margin-top: 10px;
    margin-right: 7px;
}

.progress-bar:before {
    width: 90px;
    background: #66ca66;
    height: 3px;
    position: absolute;
    content: '';
}

.progress-bar.red:before {
    background: #ff7832;
    width: 30px;
}

.progress-bar.blue:before {
    width: 90px;
    background: #26abf1;
}

.progress-bar.blue.perct:before {
    width: 60px;
}

.progress-bar.blue.perct1:before {
    width: 70px;
}

.sell-better-txt h5 {
    font-size: 16px;
    font-family: var(--zf-secondary-medium);
    margin-bottom: 0;
}

.sell-better img {
    max-width: 250px;
    position: absolute;
    bottom: 20px;
    left: 40px;
}

.screen-sectionsell,
.screen-sectionskill {
    display: inline-block;
    vertical-align: middle;
}

.screen-sectionsell {
    width: 52%;
    position: relative;
}

.screen-sectionskill {
    width: 32%;
}

.overall-rating span {
    font-size: 35px;
    font-family: var(--zf-secondary-light);
}



.overall-rating img {
    margin-top: 10px;
    max-width: 120px;
}

.overall-rating em {
    font-style: normal;
    font-size: 15px;
    display: block;
}

#feat3 .cust-bg {
    width: 200px;
    /*height: 260px;*/
    background: #fff;
    /*overflow: hidden;*/
    padding: 20px 30px;
    border-radius: 15px;
    box-shadow: 12px -8px 67px 90px rgb(226 226 226 / 28%);
}

.cust-bg .employee-img div {
    margin: 0 auto;
    position: absolute;
    top: -35px;
    left: 66px;
}

.cust-bg .employee-img img {
    max-width: 52px;
    margin: 5px;
}

.cust-bg .employee-img div {
    width: 64px;
    height: 64px;
}

#feat4 .employee-img div {
    position: absolute;
    top: -36px;
    left: 70px;
}

#feat3 .screen-wrap .overall-rating ul li {
    margin: 5px 0 8px;
    background: #f5f4f7;
    padding: 8px 10px;
    border-radius: 5px;
    border-left: 5px solid #f5f4f7;
}

#feat3 .screen-wrap .overall-rating ul li:first-child {
    border-left: 3px solid #8cd1ff;
}

#feat3 .screen-wrap .overall-rating ul li span {
    display: inline-block;
    width: 55px;
}


#feat3 .screen-wrap .overall-rating ul li span:nth-child(2) {
    text-align: right;
}

.stars-container {
    position: relative;
    display: inline-block;
    color: transparent;
    letter-spacing: 2px;
    width: 10px;
    display: inline-block;

}

.overall-rating .stars-container {
    font-size: 12px;
}

.screen-wrap .overall-rating em {
    display: inline-block;
}

.cust-appr-txt .stars-container {
    display: block;
    margin-bottom: 4px;
}

.stars-container:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '★';
    color: #f6c243;
}

.cust-appr-txt .stars-container:before {
    content: '★★★★★';
}

/*.stars-container:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '?';
    color: #ffe971;
    overflow: hidden;
}*/

.stars-90:after {
    width: 100%;
}

.counter-star {
    display: block;
    text-align: center;
    color: #888;
    font-size: 12px;
}


.overall-rating {
    width: 180px;
    height: 140px;
    /*background: #9993fd;*/
    border-radius: 20px;
    padding: 10px 0;
}

.cust-bg img {
    max-width: 120px;
    margin: 10px auto;
    display: block;
}

.employee-img div {
    margin: 0 auto;
}

.screen-wrap ul li span.z-circle {
    position: relative;
}



#feat3 .screen-wrap div:nth-child(2) {
    width: 11%;
}

#feat3 .screen-wrap ul li span.state {
    font-family: var(--zf-secondary-regular);
    color: #7b7b7b;
    display: block;
}

#feat3 .leave-section {
    padding: 20px 20px 20px 35px;
}


.checkout-section {

    background: url(/sites/zweb/images/people/checkout-sect.gif) no-repeat;
    background-size: 210px auto;
    width: 210px;
    height: 100px;
    position: absolute;
    top: 10px;
    left: 90px;
    z-index: 1;
}

.calendar-section {
    position: absolute;
    bottom: -150px;
    max-width: 240px;
    left: 50px;
    z-index: 2;
}

.checkimg {
    background: url(/sites/zweb/images/people/zp-home-sprite.png) no-repeat;
    background-size: 1000px auto;
    width: 28px;
    height: 31px;
    display: inline-block;
    background-position: -284px -18px;
}

.checkout-section span {
    font-size: 14px;
    font-family: var(--secondaryfont-bold);
    display: inline-block;
    vertical-align: middle;
}

.checkout-section em {
    font-size: 12px;
    display: block;
    font-family: var(--secondaryfont-regular);
}

#feat2 .leave-section ul li {
    position: relative;
    padding-left: 25px;
}



#feat2 .leave-section ul li:before {
    content: '';
    position: absolute;
    left: -20px;
    top: 0;
    background: url(/sites/zweb/images/people/zp-home-sprite.png);
    background-size: 900px auto;
    width: 28px;
    height: 28px;
    display: inline-block;
}

#feat2 .leave-section ul li:after {
    content: '';
    position: absolute;
    top: -3px;
    left: -23px;
    background: #fff4e5;
    width: 38px;
    height: 38px;
    z-index: -2;
    border-radius: 3px;
}

#feat2 .leave-section ul li:nth-child(2):after {
    content: '';
    position: absolute;
    top: -3px;
    left: -23px;
    background: #fff4f4;
    width: 38px;
    height: 38px;
    z-index: -2;
    border-radius: 3px;
}


#feat2 .leave-section ul li:nth-child(3):after {
    content: '';
    position: absolute;
    top: -3px;
    left: -23px;
    background: #dff5fc;
    width: 38px;
    height: 38px;
    z-index: -2;
    border-radius: 3px;
}


#feat2 .leave-section ul li.icon1:before {
    background-position: -162px -132px;

}


#feat2 .leave-section ul li.icon2:before {
    background-position: -190px -132px;

}

/*#feat2 .leave-section ul li.icon3:before {
    background-position: -221px ?-132p;
    width: 27px;
}
*/
#feat2 .leave-section ul li.icon4:before {
    background-position: -219px -132px;

}

#feat3 .screen-wrap ul li {
    margin: 20px 0 60px;
}


#feat3 .leave-section ul li {
    position: relative;
    margin: 10px 0;
}


#feat3 .leave-section ul li:before {
    content: '';
    position: absolute;
    top: 5px;
    left: -20px;
    background: yellow;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}


#feat3 .leave-section ul li.green:before {
    background: green;
}

#feat3 .leave-section ul li.red:before {
    background: red;
}

.sub-img {
    position: absolute;
    bottom: -68px;
    max-width: 290px;
    left: 160px;
    border-radius: 0;
}

.screen-wrap:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 600px;
    height: 100%;
    background: #f4f5f7;
    border-radius: 15px;
    z-index: -1;
}

.screen-wrap ul li.active span,
.screen-wrap ul li span {
    width: 18%;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
}

.screen-wrap ul li.active:after {
    content: '';
    position: absolute;
    top: -40px;
    right: -50px;
    background: url('/sites/zweb/images/people/zp-line.png') no-repeat;
    background-size: 43px auto;
    width: 43px;
    height: 43px;
}

.screen-wrap ul li.active span.place {
    width: 13%;
}

.screen-wrap ul li.active span.date {
    width: 26%;
}

.screen-wrap ul li span {
    width: 18%;
}

.screen-wrap ul li span.employee-name {
    width: 28%;
}

.screen-wrap ul li.active span.employee-name {
    width: 38%;
}

.screen-wrap ul li {
    margin: 30px 20px;
}


.learnmore {
    color: #03a9f5;
    border-bottom: 2px solid #03a9f5;
    padding-bottom: 3px;
    font-family: var(--zf-secondary-medium);
    font-size: 17px;
}

.business-icons .learnmore {
    color: #fff;
    border-bottom: 1px solid #fff;
}

.screen-wrap ul li.active {
    position: relative;
    left: -33px;
    background: #fff;
    padding: 25px 30px;
    box-shadow: 6px 8px 22px 3px rgba(128, 128, 128, 0.1);
    border-radius: 5px;
    width: 89%;
}

.leave-section {
    background: #fff;
    position: absolute;
    top: 90px;
    right: 70px;
    box-shadow: 10px 15px 30px 20px rgb(197 197 197 / 18%);
    padding: 30px 45px 25px 60px;
    border-radius: 28px 28px 28px 0px;
    z-index: 2;
}

.leave-section h5 {
    font-size: 15px;
}

.leave-section ul li {
    font-size: 12px;
    font-family: var(--zf-secondary-medium);
    margin-bottom: 18px;
}

#feat3 .leave-section ul li {
    font-family: var(--zf-secondary-regular);
}



.leave-section em {
    color: #5a5a5a;
    display: block;
    font-style: normal;
    font-size: 10px;
    font-family: var(--secondaryfont-regular);
    padding-left: 3px;
}

.screen-wrap ul li span {
    font-family: var(--zf-secondary-medium);
}



span.z-circle {
    width: 54px;
    height: 54px;
    background: #fff;
    border-radius: 50%;
    padding: 21px 18px;
    color: black;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    position: relative;
}

span.z-circle:before {
    content: '';
    position: absolute;
    top: 0;
    left: -2px;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    border: 7px solid #f4f5f7;
    border-left: 7px solid #ffe32f;
    transform: rotate(45deg);
}


.mobile-section span.z-circle:before {
    width: 56px;
    height: 56px;
}

span.z-circle.green:before {
    border-left: 7px solid #02bd9e;
}

span.z-circle.red:before {
    border-left: 7px solid #EF4648;
}



/*          .screen-wrap ul li span.z-circle:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
        width: 200px;
height: 100px;
background-color: gold;
border-top-left-radius: 110px;
border-top-right-radius: 110px;
border: 10px solid gray;
border-bottom: 0;
}*/

.screen-wrap ul li span em {
    font-family: var(--zf-secondary-light);
    display: block;
    font-size: 12px;
}

#feat3 .employee-img {
    display: block;
    margin-bottom: 5px;
}


.employee-img div {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    overflow: hidden;
    background: #5db4ff;
}

.employee-img img {
    max-width: 60px;
    object-fit: cover;
    object-position: 0 0;
    margin: 14px 2px;
}

.leave-section .employee-img img {
    margin: 8px 5px;
}


#feat1 .screen-wrap ul li.active .employee-img div {
    width: 64px;
    height: 64px;
}

#feat1 .screen-wrap ul li.active .employee-img img {
    max-width: 52px;
    margin: 12px 5px;
}


#feat1 .screen-wrap ul li:nth-child(2) .employee-img img {
    max-width: 53px;
    margin: 14px 7px;
}

.screen-wrap ul li:nth-child(2) .employee-img div {
    background: #6fc48e;
}

.screen-wrap ul li:nth-child(3) .employee-img div {
    background: #ffda6e;
}

.screen-wrap ul li:nth-child(4) .employee-img div {
    background: #faa3bc;
}


.screen-part {
    position: relative;
}

.screen-part .screen1 {
    background-color: #53bff5;
    max-width: 330px;
    height: 450px;
    margin: 0 auto;
    border-radius: 15px;
    display: block;
    background-image: url(/sites/zweb/images/people/zp-feat2-pattern.png);
    background-size: 35px auto;
}

.screen1-img {
    max-width: 330px;
    height: 424px;
    margin: 0 auto;
    border-radius: 15px;
    display: block;
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    overflow: hidden;
}



.screen-part img {
    max-width: 360px;
    vertical-align: middle;
    object-fit: cover;
    object-position: -5px -3px;
}

.customer-section {
    padding: 0 0 30px;
}

.quote span {
    margin: 20px 0;
}

.quote p {
    max-width: 320px;
    margin-top: 20px;
    color: #cacaca;
    font-family: var(--primaryfont-medium);
}

.medlife {
    background: url(/sites/zweb/images/people/zp-logicalindian.png) no-repeat;
    background-size: 115px auto;
    background-position: -5px -6px;
    display: inline-block;
    width: 154px;
    height: 35px;
    margin: 0 75px 20px 0;
}

.logind {
    background: url(/sites/zweb/images/people/peoplecustomer-sprite-new.png) no-repeat;
    background-size: 400px auto;
    width: 110px;
    height: 40px;
    display: inline-block;
    background-position: -205px -748px;
}

.cust-part .quote img {
    max-width: 110px;
}

.cust-part .quote-img img {
    max-width: 10px;
}

.cust-wrap {
    background: #1b1d23;
    color: #fff;
    padding: 100px 120px;
    border-radius: 25px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.cust-wrap:before {
    content: '';
    position: absolute;
    bottom: -110px;
    right: -130px;
    background: url(/sites/zweb/images/people/zp-test-patt.png)no-repeat;
    background-size: 450px auto;
    width: 450px;
    height: 400px;
    z-index: -1;
    opacity: 0.6;
}

.cust-part img {
    max-width: 230px;
    display: inline-block;
    vertical-align: middle;
    margin: 3px;
}

.numb {
    font-family: var(--zf-secondary-light);
    font-size: 22px;
}

.numb em {
    font-size: 15px;
    font-family: var(--zf-secondary-regular);
}

.quote-img {
    background: #fff;
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: relative;
    color: #000;
    text-align: center;
    vertical-align: middle;
}

.quote-img:after {
    content: '';
    position: absolute;
    top: 14px;
    left: 50px;
    width: 270px;
    height: 1px;
    border-top: 1px dashed #636363;
}


.cust-sect {
    text-align: center;
    padding: 0 0 65px;
    background: rgb(244, 245, 247);
    background: linear-gradient(181deg, rgba(244, 245, 247, 1) 0%, rgba(246, 247, 248, 1) 71%, rgba(255, 255, 255, 1) 100%);
    position: relative;
    margin-top: 400px;
}



.cust-sect:before {
    content: '';
    position: absolute;
    top: -80px;
    left: 0;
    background: url(/sites/zweb/images/people/custcount-bg.png) no-repeat;
    background-size: 100% auto;
    width: 100%;
    height: 100%;
}

.count {
    font-size: 45px;
    font-family: var(--secondaryfont-thin);
    display: inline-block;
    min-width: 45px;
    ;
    vertical-align: middle;
}


.countwrap .iconimg1 {
    background: url(/sites/zweb/images/people/zp-home-sprite.png) no-repeat;
    width: 70px;
    height: 60px;
    display: inline-block !important;
    background-size: 900px auto;
    vertical-align: middle;
    background-position: -421px -117px;
    margin-right: 10px;
}

.countwrap .iconimg2 {
    background: url(/sites/zweb/images/people/zp-home-sprite.png) no-repeat;
    width: 56px;
    height: 60px;
    display: inline-block !important;
    background-size: 1000px auto;
    vertical-align: middle;
    background-position: -551px -135px;
    margin-right: 10px;
}

.count em {
    font-size: 16px;
    font-family: var(--zf-secondary-regular);
    display: block;
}

.kay {
    font-size: 45px;
    font-family: var(--secondaryfont-light);
    display: inline-block;
    vertical-align: middle;
}

.countwrap {
    display: inline-block;
    vertical-align: top;
    margin: 0px 25px 25px 25px;
}

.countwrap em {
    display: block;
    text-align: center;
    padding-left: 10px;
    font-size: 14px;
}

.count.emp {
    /* margin-right: 70px; */
    position: relative;
    min-width: 56px;
}

.sign {
    font-size: 32px;
    position: relative;
    vertical-align: bottom;
    font-family: var(--secondaryfont-light);
    bottom: 2px;
}

/* .count.emp:after{
    content: '';
    position: absolute;
    top: 10px;
    right: -36px;
    background: #ccc;
    width: 1px;
    height: 50px;
} */

.cust-wrap .cust-part {
    width: 49%;
    display: inline-block;
    vertical-align: middle;
}


@-webkit-keyframes anim1 {
    0% {
        transform: translatey(0px);
    }

    50% {
        transform: translatey(-10px);
    }

    100% {
        transform: translatey(0px);
    }
}

@keyframes anim1 {
    0% {
        transform: translatey(0px);
    }

    50% {
        transform: translatey(-10px);
    }

    100% {
        transform: translatey(0px);
    }
}

@-webkit-keyframes anim2 {
    0% {
        transform: translatey(0px);
    }

    50% {
        transform: translatey(10px);
    }

    100% {
        transform: translatey(0px);
    }
}

@keyframes anim2 {
    0% {
        transform: translatey(0px);
    }

    50% {
        transform: translatey(10px);
    }

    100% {
        transform: translatey(0px);
    }
}


.busicustsect ul li {
    position: absolute;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    padding: 20px;
    color: #fff;
    font-family: var(--secondaryfont-semibold);
    margin: 15px;
    transition: all 1s ease-in;

}

.busicustsect ul li:nth-child(odd) {
    animation: anim1 6s ease-in-out infinite;
    -webkit-animation: anim1 6s ease-in-out infinite;
}

.busicustsect ul li:nth-child(even) {
    animation: anim2 6s ease-in-out infinite;
    -webkit-animation: anim2 6s ease-in-out infinite;
}

.people-img li:nth-child(2):before {
    animation: anim1 6s ease-in-out infinite;
    -webkit-animation: anim1 6s ease-in-out infinite;
}

.people-img li:nth-child(3):before {
    animation: anim2 6s ease-in-out infinite;
    -webkit-animation: anim2 6s ease-in-out infinite;
}

.people-img li:nth-child(1):after {
    animation: anim2 6s ease-in-out infinite;
    -webkit-animation: anim2 6s ease-in-out infinite;
}

.people-img li:nth-child(4):after {
    animation: anim1 6s ease-in-out infinite;
    -webkit-animation: anim1 6s ease-in-out infinite;
}

/* 
.cust-sect ul li:first-child{
    top: 0;
    left: 150px;
    color: #fff;
    background: #7ca8f8;
    top: 0;
}
.cust-sect ul li:nth-child(2){
    top: unset;
    right: 0;
    bottom: 0;
    background: #f79b86;
} */

.cust-sect .content-wrap {
    padding: 110px 0 0px;
}

.busicustsect ul li {
    background-image: url(/sites/zweb/images/people/zp-home-sprite.png);
    background-size: 870px auto;
    z-index: 2;
}

.busicustsect ul li:nth-child(1) {
    top: 190px;
    left: 140px;
    background-color: #a7f7ff;
    background-position: -549px 8px;
    opacity: 0;
}


.indushead {
    margin-top: 60px;
}

.busicustsect ul li:nth-child(2) {
    top: unset;
    bottom: 140px;
    right: 190px;
    background-color: #fca2bc;
    background-position: -401px 8px;
    opacity: 0;
}

.busicustsect ul li:nth-child(3) {
    top: -60px;
    right: 180px;
    background-color: #ffe96f;
    background-position: -500px 9px;
}

.busicustsect ul li:nth-child(4) {
    top: 0px;
    right: 310px;
    background-color: #a9f2c3;
    background-position: -446px 8px;
    opacity: 0;
}

.busicustsect ul li:nth-child(5) {
    bottom: -40px;
    left: 220px;
    background-color: #ffe96f;
    background-position: -355px 8px;
}

.busicustsect ul li:nth-child(6) {
    bottom: 40px;
    right: 150px;
    background-color: #a5a2e6;
    background-position: -501px 6px;
    opacity: 0;
}

.busicustsect ul li:nth-child(7) {
    bottom: 160px;
    right: 75px;
    background: #87d9ff;
    background-image: url(/sites/zweb/images/people/zp-img3.png);
    background-size: 55px auto;
    background-position: 2px 14px;
    background-repeat: no-repeat;
}

.busicustsect ul li:nth-child(8) {
    bottom: 150px;
    left: 70px;
    background: #a5a2e6;
    background-image: url(/sites/zweb/images/people/zp-img2.png);
    background-size: 55px auto;
    background-position: 0px 10px;
    background-repeat: no-repeat;
}


.busicustsect ul li.medium:nth-child(4) {
    opacity: 1;
}

.busicustsect ul li.medium:nth-child(6) {
    opacity: 1;
}


.busicustsect ul li.enterprise:nth-child(1) {
    opacity: 1;
}

.busicustsect ul li.enterprise:nth-child(2) {
    opacity: 1;
}

.cust-part h2 {
    margin-bottom: 40px;
}

.cust-part h2 span {
    color: #ffcc04;
    display: block;
    font-size: 62px;
    font-family: 'Dancing Script', cursive;
    font-weight: 600;
}

.customer-section .cust-part h2 {
    font-size: 40px;
}

.badge-sect ul {
    display: flex;
    flex-wrap: wrap;
}

.badge-sect ul li {
    background: #ffffff;
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 3px;
    border-radius: 7px;
    width: 254px;
    color: #000;
    border: 1px solid #ececec;
}

.badgwrap {
    max-width: 1040px;
    margin: 60px auto 0;
    /* border-top: 1px dotted #888;
    padding-top: 70px; */
    display: flex;
    flex-direction: column-reverse;
position: relative;
    z-index: 10;
}

.countsectt {
    background: #fff;
    padding: 50px 10px 10px;
    border-radius: 8px;
    margin-bottom: 5px;

}

.zpcustimg {
    display: inline-block;
    width: 40%;
    margin-right: 15px;
    vertical-align: top;
    position: relative;
    background: #fff;
    z-index: 10;
    border-radius: 10px;
}

.zpcustimg:before {
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    background: url('/sites/zweb/images/people/testibg.png') no-repeat;
    background-size: 250px auto;
    width: 250px;
    height: 450px;
    z-index: -1;
}


.zpcustimg:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: white;
    border-radius: 10px;
}

.zpcustwrap,
.testimg {
    position: relative;
    z-index: 2;
}

.zpcustwrap p {
    font-family: "Roboto Slab";
    font-weight: 300;
    font-size: 18px;
}

.custname em {
    font-family: var(--secondaryfont-bold);
}

.custname {
    font-size: 14px;
    margin-bottom: 15px;
    display: block;
}

.playvide {
    background: #f1483e;
    padding: 5px 22px 5px 10px;
    font-size: 10px;
    margin-bottom: 15px;
    display: inline-block;
    color: #fff;
    font-family: var(--secondaryfont-bold);
    text-transform: uppercase;
    position: relative;
}

.zvidicon {
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 5px solid #fff;
    top: 8px;
    right: 9px;
    width: 0;
    height: 0;
    position: absolute;
}

.zpcustwrap {
    padding: 45px 60px 25px;
    text-align: left;
}

.testimg {
    background: url('/sites/zweb/images/people/testi.png') no-repeat;
    background-size: 415px auto;
    width: 415px;
    height: 280px;
    display: block;
    border-radius: 12px;
}

.zpcustimg img {
    vertical-align: middle;
}

.badge-sect {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
    text-align: left;
    margin: 0 auto;
}

.badge-sect img {
    display: inline-block;
    margin: 10px 10px 0px 10px;
    border-radius: 8px;
    max-width: 230px;
}

.badge-sect ul li span.awdimg {
    width: 120px;
    height: 43px;
    display: inline-block;
    background-position: 0 -75px;
    background-size: 1000px auto;
}

.badge-sect ul li.getapp span.awdimg {
    background: url(/sites/zweb/images/otherbrandlogos/getapp.svg) no-repeat;
    height: 25px;
}

.badge-sect ul li.capterra span.awdimg {
    background: url(/sites/zweb/images/otherbrandlogos/capterra.svg) no-repeat;
    height: 30px;
}

.badge-sect ul li.g2crowd span.awdimg {
    width: 94px;
    background: url(/sites/zweb/images/otherbrandlogos/g2.svg) no-repeat;
}

.badge-sect ul li.gartner span.awdimg {
    background: url(/sites/zweb/images/otherbrandlogos/gartner.svg) no-repeat;
    width: 80px;
    height: 25px;
}

.badge-sect ul li.financesonline span.awdimg {
    width: 140px;
    background: url(/sites/zweb/images/otherbrandlogos/finances-online.svg) no-repeat;
    background-size: contain;
    height: 28px;
}

.badge-sect ul li.softsuggest span.awdimg {
    width: 90px;
    background: url(/sites/zweb/images/otherbrandlogos/software-suggest.svg) no-repeat;
    background-size: contain;
    height: 30px;
}

.integration-section {
    margin-top: 150px;
}


.integration-list li {
    display: none;
}


.integration-list li span {
    position: relative;
}


.integration-list li.zp {
    position: absolute;
    left: 70px;
    top: -50px;
}

.integration-list li.qb {
    position: absolute;
    right: 150px;
    top: -20px;
}

.integration-list li.zapier {
    position: absolute;
    right: 280px;
    top: 10px;
}

.integration-list li.zr {
    position: absolute;
    right: 160px;
    top: 120px;
}

.integration-list li.books {
    position: absolute;
    left: 90px;
    bottom: 170px;
}

.integration-list li.adobe {
    position: absolute;
    right: 290px;
    bottom: 100px;
}

.integration-list li.gsuite {
    position: absolute;
    right: 170px;
    bottom: 40px;
}



.integration-list li.zp span:before {
    content: '';
    position: absolute;
    background: #fff;
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.integration-list li.zp span:after {
    content: '';
    position: absolute;
    background-image: url(/sites/zweb/images/people/zp-home-sprite.png);
    background-size: 1000px auto;
    background-position: -693px -7px;
    width: 50px;
    height: 50px;
    top: 21px;
    left: 24px;
}




.integration-list li.qb span:before {
    content: '';
    position: absolute;
    background: #00a500;
    width: 85px;
    height: 85px;
    border-radius: 50%;
}

.integration-list li.qb span:after {
    content: '';
    position: absolute;
    background-image: url(/sites/zweb/images/people/zp-home-sprite.png);
    background-size: 920px auto;
    background-position: -740px -7px;
    width: 45px;
    height: 45px;
    top: 17px;
    left: 21px;
}



.integration-list li.zapier span:before {
    content: '';
    position: absolute;
    background: #ff3200;
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.integration-list li.zapier span:after {
    content: '';
    position: absolute;
    background-image: url(/sites/zweb/images/people/zp-home-sprite.png);
    background-size: 920px auto;
    background-position: -682px -7px;
    width: 60px;
    height: 45px;
    top: 24px;
    left: 21px;
}


.integration-list li.zr span:before {
    content: '';
    position: absolute;
    background: #ff3200;
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.integration-list li.zr span:after {
    content: '';
    position: absolute;
    background-image: url(/sites/zweb/images/people/zp-home-sprite.png);
    background-size: 920px auto;
    background-position: -847px -7px;
    width: 35px;
    height: 45px;
    top: 11px;
    left: 17px;
}

.integration-list li.books span:before {
    content: '';
    position: absolute;
    background: #2ba6f6;
    width: 90px;
    height: 90px;
    border-radius: 50%;
}

.integration-list li.books span:after {
    content: '';
    position: absolute;
    background-image: url(/sites/zweb/images/people/zp-home-sprite.png);
    background-size: 920px auto;
    background-position: -785px -7px;
    width: 34px;
    height: 45px;
    top: 20px;
    left: 29px;
}

.integration-list li.adobe span:after {
    content: '';
    position: absolute;
    background-image: url(/sites/zweb/images/people/zp-home-sprite.png);
    background-size: 920px auto;
    background-position: -818px -7px;
    width: 32px;
    height: 45px;
    top: 11px;
    left: 20px;
}

.integration-list li.adobe span:before {
    content: '';
    position: absolute;
    background: #260000;
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.integration-list li.gsuite span:after {
    content: '';
    position: absolute;
    background-image: url(/sites/zweb/images/people/zp-home-sprite.png);
    background-size: 1030px auto;
    background-position: -117px -77px;
    width: 58px;
    height: 45px;
    top: 24px;
    left: 21px;
}

.integration-list li.gsuite span:before {
    content: '';
    position: absolute;
    background: #44424c;
    width: 100px;
    height: 100px;
    border-radius: 50%;
}



.int-txt {
    padding: 20px 0;
    margin-top: 40px;
}

.int-txt .apps-download-links-wrap {
    margin: 20px 0 0;
}


.int-txt a {
    border-bottom: 2px solid #03a9f5;
}

.apps-download-links-wrap a {
    border-bottom: none;
}

.int-txt h4 {
    font-size: 40px;
    font-family: var(--secondaryfont-bold);
    max-width: 400px;
    margin: 0 auto 20px;
    line-height: 1.2;
    ;
}





.mobile-section {
    /*background: #9993fd;*/
    padding: 0;

    margin-top: 100px;
    position: relative;
}

.mobile-section:before {
    content: '';
    position: absolute;
    top: 80px;
    left: 0;
    width: 98%;
    height: 260px;
    background: #f8f8f9;
    border-radius: 8px;
    z-index: -1;
}

.opentask {
    position: absolute;
    left: 50px;
    top: 220px;
    background: #fff;
    border-radius: 6px;
    z-index: 6;
    font-size: 12px;
    box-shadow: 5px 5px 15px 15px rgb(197 197 197 / 20%);
    padding: 12px 16px;
}

.app-section .col-block .opentask p {
    font-size: 14px;
    margin: 0 auto;
}

.app-section .col-block:nth-child(3),
.app-section .col-block:nth-child(4) {
    align-self: flex-start;
}

.app-section .col-block:nth-child(3) img {
    margin-bottom: 0;
}


.opentask em {
    font-family: var(--secondaryfont-semibold);
}

.probar {
    background: #1b1d23;
    padding: 8px;
    position: absolute;
    border-radius: 8px;
    right: 70px;
    bottom: -38px;
    z-index: 5;
    color: #fff;
    font-size: 12px;
}

.probar span.z-circle:before {
    border: 7px solid #42444e;
    top: 0;
    left: -1px;
}

.probar span.z-circle:after {
    content: '';
    position: absolute;
    top: 0;
    left: -1px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 7px solid #42444e;
    transform: rotate(45deg);
    border-left: 7px solid #02bd9e;
}

.probar span {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-right: 14px;
    font-family: var(--zf-secondary-semibold);
}

.probar em {
    display: block;
    font-size: 9px;
    color: #999999;
    font-family: var(--zf-secondary-regular);
}



.app-section h3 {
    font-family: var(--primaryfont-bold);
    font-size: 32px;
    max-width: 410px;
    margin: 0 auto 10px;
}

.app-section p {
    font-size: 16px;
}

.app-section .col-block img {
    max-width: 400px;
    margin-bottom: 40px;
    vertical-align: bottom;
}

.app-section .col-block .zpsectimg {
    max-width: 255px;
}

/*.minwrap {
    min-height: 250px;
}*/

.app-section .col-block p {
    max-width: 470px;
    margin: 0 auto 25px;
}

.mobilewrap {
    background: #fff;
    height: 340px;
    overflow: hidden;
    padding: 30px 35px;
    border: 6px solid #000;
    border-bottom: none;
    border-radius: 26px 26px 0 0;
    max-width: 280px;
    margin: 0 auto;
    position: relative;
    z-index: 5;
}

.mobilewrap ul li {
    background: #f4f4f6;
    padding: 10px;
    border-radius: 15px;
    margin-bottom: 10px;
    text-align: left;
}

.mobilewrap ul li div {
    display: inline-block;
    vertical-align: middle;
}

.mobilewrap ul li div.img {
    width: 30%;
    margin-right: 6px;

}

.mobilewrap ul li div.txt {
    width: 63%;
    font-size: 11px;
    font-family: var(--secondaryfont-semibold);
}

.mobilewrap ul li div.img span {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    background: #8fd9ff;
    display: inline-block;

}

.mobilewrap ul li div.img span img {
    max-width: 45px;
    object-fit: cover;
    object-position: 0 0;
    padding: 10px 0px 0px 5px;
}

ul.list {
    font-size: 0;
    margin-bottom: 30px;
    padding: 0;
    height: 40px;
    background: #f4f4f6;
    border-radius: 60px;
}

ul.list li {
    /*          background: #f4f4f6;*/
    display: inline-block;
    text-align: center;
    padding: 16px 25px;
    font-size: 9px;
    text-transform: uppercase;
    font-family: var(--secondaryfont-semibold);
    line-height: 1;
}

ul.list li.active {

    padding: 13px 21px;
    position: relative;
    z-index: 1;
    color: #fff;

}

ul.list li.active:before {
    content: '';
    position: absolute;
    top: -4px;
    left: -14px;
    background: #4bdea0;
    width: 110px;
    height: 42px;
    border-radius: 50px;
    z-index: -1;
}

.mobilewrap ul li div.txt em {
    font-family: var(--zf-secondary-regular);
    font-style: normal;
    color: red;
    font-size: 9px;
    display: block;
}

.app-section .col-block {
    width: 48%;
    text-align: center;
}

.business-section {
    padding: 50px 0 0;
    color: #fff;
    position: relative;
}

.busiimgwrap {
    position: relative;
}

.indusimg img {
    max-width: 180px;
    width: 100%;
    position: relative;
    bottom: -10px;
}

.indusimg {
    width: 320px;
    height: 389px;
    margin: 0 auto;
    display: block;
    position: absolute;
    left: 0;
    /* background-color: rebeccapurple; */
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    overflow: hidden;
    text-align: center;
    border-radius: 0px 0px 200px 200px;
    background-clip: border-box;
    z-index: 2;
}

.busiimg {
    width: 320px;
    height: 320px;
    border-radius: 200px;
    background: #f5bdce;
    display: block;
    margin: 0 auto;
    background-image: url(/sites/zweb/images/people/zp-indusbg.png);
    background-size: 42px auto;
}

.busiimg img {
    display: none;
}

.busiimg img.active {
    display: block;
}


.business-wrap {
    background: #435ef9;
    padding: 90px 0 50px;
    max-width: 1300px;
    margin: 0 auto;
    border-radius: 20px;
    position: relative;
}

.business-wrap p {
    color: #fff;
}

.business-section h2 {
    font-size: 42px;
    font-family: var(--zf-secondary-bold);
    line-height: 1.1;
}

.business-section h2 span {
    color: #ffe100;
}


.slider {
    background: linear-gradient(to right, #ffe100 0%, #ffe100 9%, #7b87e4 9%, #7b87e4 100%);
    border-radius: 8px;
    height: 7px;
    width: 336px;
    outline: none;
    transition: background 450ms ease-in;
    -webkit-appearance: none;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    border: 3px solid #ffe100;
}

.i18n-ar .slider {
    direction: ltr;
}

#valuecheck {
    font-size: 50px;
    font-family: var(--zf-secondary-regular);

}

.emp-txt {
    font-size: 16px;
    color: #fff;
    margin-left: 0;
    font-family: var(--zf-secondary-medium);
}

.range-slider {
    margin: 50px 0 40px;
}

.valwrap {
    font-size: 18px;
    font-family: var(--zf-secondary-medium);
    margin: 20px 0 0 0;
    color: #fff;
}

#sval {
    color: #fff;
    font-size: 26px;
}

.svalplus {
opacity: 0;
    transition: all 300ms ease-in;
    margin-left: 3px;
    font-size: 22px;
}

.business-icons {
    padding-top: 140px;
}

.business-wrap:after {
    content: '';
    position: absolute;
    top: 710px;
    border: 1px dotted #6170e8;
    width: 100%;
    height: 1px;
    left: 0;
}

/* 
.business-icons {
margin-top: 100px;
} */

.business-icons img {
    max-width: 160px;
    margin-bottom: 30px;
}

.business-icons img.icon2 {
    max-width: 180px;
}

.business-icons img.icon3 {
    max-width: 150px;
}

.business-icons img.icon4 {
    max-width: 105px;
}

.business-icons img.icon5 {
    max-width: 160px;
}

.business-iconwrap {
    max-width: 300px;
}

.business-icons .col-block {
    width: 33%;
    display: inline-block;
    vertical-align: middle;
    margin: 35px 0;
}

.business-icons h3 {
    font-family: var(--secondaryfont-bold);
    font-size: 30px;
}


.indust-wrap {
    text-align: center;
    max-width: 300px;
    margin: 60px auto 0;
}

.indust-wrap a {
    color: #fff;
    border-bottom: 1px solid #fff;
}

.indust-wrap h4 {
    color: #ffe100;
    font-size: 30px;
    margin-bottom: 8px;
    font-family: var(--secondaryfont-bold);
}

.indust-wrap ul li {
    opacity: 0;
    transition: all 500ms ease-in;
    position: absolute;
    max-width: 290px;
    margin: 0 auto;
}

.indust-wrap ul li.active {
    opacity: 1;
}

.business-section .cont-part,
.business-section .img-part {
    width: 50%;
}

.business-section .cont-part {
    text-align: left;
}

.bottom-cta-section {
    background: #fff08f;
    padding: 50px 0 70px 0;
    
    background-size: 300px;
    position: relative;
    margin-top: 60px;
}


.bottom-cta-section .cta-part {
    width: 70%;
    /*border-right: 1px solid #e2d057;*/
    text-align: center;
}

.bottom-cta-section .cta-list {
    width: 30%;
    display: none;
}

.bottom-cta-section .cta-part span {
    display: block;
    font-size: 12px;
    margin-top: 7px;
}

.bottom-cta-section .cta-part h2 {
    font-family: var(--primaryfont-bold);
    font-size: 48px;
    max-width: 100%;
    margin-bottom: 35px;
}

.bottom-cta-section .cta-list ul li {
    margin-bottom: 10px;
    font-size: 16px;
}

.footer-sec-wrap {
    border-top: 1px solid #272727;
}

.footer-sec-wrap .product-links h4 {
    color: #fff;
}

.footer-sec-wrap .product-links ul li a {
    color: #c6c8ca;
}

.ZF-support {
    background: #34383d;
    border: 1px solid #3f4348;
}

ul.footer-social-icons li a {
    width: 30px;
}

.footer-sec-wrap.two-column .content-wrap>div {
    background: #35373e;
}


.footer-search .footer-search-input {
    border: 1px solid #636363
}

.footer-search .footer-search-btn {
    border: 1px solid #636363;
    background: #636363;
}



.common-links {
    background: #35373e;
}

.czonefooter.common-links .zlang-text:before {
    border-top: 6px solid #cacaca;
}

.zlang-container .zlang-text {
    color: #fff;
}

.common-links .zlang-container a {
    color: #000;
}

.common-links p {
    color: #adadad;
}

/*
.common-links ul li { 
    border-right: 1px solid #5a5a5a;
}


.zlang-container .zlang-text::after{
    background-position: -257px 0;
}
*/

.act-btn {
    padding: 18px 35px;
}

.int-wrap.data-loaded .int-zohocrm,  .int-wrap.data-loaded .integration-recruit{
	background: #f1f8ff
}

.int-wrap.data-loaded li {
	width: 125px;
	height: 135px;
	margin: 3px;
	border-radius: 10px;
	position: relative;
	display: inline-block
}

.int-wrap.data-loaded li.int-zohocrm::before {
	background: url(/sites/zweb/images/othercompanylogos/quick-books-new.png) no-repeat;
	background-size: contain;
	width: 95px;
	height: 42px
}

.int-wrap.data-loaded li.int-slack::before {
	background: url(/sites/zweb/images/zh-hans/people/home/zapier-black.svg) no-repeat;
	background-size: contain;
	width: 85px;
	height: 30px
}

.int-wrap.data-loaded .int-slack, .int-wrap.data-loaded .integration-expense {
	background: #ecf8f4
}

.int-wrap.data-loaded li.int-sign::before {
	background-image: url(/sites/zweb/images/zh-hans/people/home/ms-office.svg);
	background-size: contain;
	width: 50px;
	height: 50px
}

.int-wrap.data-loaded .int-sign, .int-wrap.data-loaded .integration-learn {
	background: #fff9ed
}

.int-wrap.data-loaded li.int-analytics::before {
	background-position: var(--zp-crm-bp)
}

.int-wrap.data-loaded .int-analytics, .int-wrap.data-loaded .integration-sign {
	background: #fdefef
}

.int-wrap.data-loaded li.int-outlook::before {
	background: url(/sites/zweb/images/othercompanylogos/adobe-sign.png) no-repeat;
	background-size: contain
}

.int-wrap.data-loaded .int-outlook, .int-wrap.data-loaded .integration-crm {
	background: #eff3f6
}

.int-wrap.data-loaded li.int-linkedin::before {
	background-position: var(--zp-recruit-bp)
}

.int-wrap.data-loaded .int-linkedin, .int-wrap.data-loaded .integration-books {
	background: #edf8fc
}

.int-wrap.data-loaded li::before {
	position: absolute;
	content: "";
	top: 39%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	background: var(--product-icons) no-repeat;
	background-size: var(--zp-i-bs);
	width: var(--zp-i-w);
	height: var(--zp-i-w)
}

.int-wrap.data-loaded li.integration-recruit::before{
    background-position: -240px -40px;
}

.int-wrap.data-loaded li.integration-expense::before{
    background-position: -160px -40px;
}

.int-wrap.data-loaded li.integration-learn::before{
    background-position: 0px -120px;
}

.int-wrap.data-loaded li.integration-sign::before{
    background-position: -640px 0px;
}

.int-wrap.data-loaded li.integration-crm::before{
    background-position: -320px 0px;
}

.int-wrap.data-loaded li.integration-books::before{
    background-position: 0px -40px;
}

ul.int-wrap.data-loaded {
	display: flex;
	max-width: 400px;
	margin: 0 auto 40px auto;
	flex-wrap: wrap
}

.int-wrap.data-loaded li span {
	font-size: 17px
}

.int-wrap.data-loaded li span:first-child {
	display: block;
	width: 100%;
	height: 85px;
	margin-bottom: 5px
}

.i18n-ar .int-wrap.data-loaded li {
	text-align: center
}

.zp15years {
	display: flex;
	flex-wrap: wrap;
	background: #0f1638;
	border-radius: 15px;
	color: #fff;
	align-items: center;
	justify-content: center;
	padding: 10px 20px
}

.zp15wrap {
	max-width: 1100px;
	margin: 60px auto 80px;
	display: none
}

.zp15years p {
	color: #fff;
	margin-bottom: 10px
}

.zp15years .expnow {
	color: var(--primary-anchor-clr);
	border-bottom: 1px solid var(--primary-anchor-clr);
	font-family: var(--zf-secondary-bold);
	margin-bottom: 15px;
	display: inline-block
}

.zp15years h2 {
	font-size: 38px;
	margin-bottom: 7px;
	font-family: var(--zf-secondary-bold)
}

.zp15years .zpcont {
	width: 60%
}

.zp15years .zpimg {
	width: 30%
}

.zpimg img {
	max-width: 350px
}

@media screen and (max-width:1499px) {
	.zp15wrap {
		max-width: 970px
	}

	.zp15years h2 {
		font-size: 34px
	}

	.zp15years .zpimg {
		text-align: right
	}

	.zpimg img {
		max-width: 260px
	}
}

@media screen and (max-width:1199px) {
	.zp15years h2 {
		font-size: 30px
	}
}

@media screen and (max-width:991px) {
	.zp15years {
		padding: 40px 30px
	}

	.zp15years .zpcont,.zp15years .zpimg {
		width: 100%
	}

	.zp15years .zpimg {
		order: 1;
		text-align: center
	}

	.zp15years .zpcont {
		order: 2;
		text-align: center;
		max-width: 350px;
		margin: 20px auto 0
	}
}

@media screen and (max-width:767px) {
	.zp15years h2 {
		font-size: 28px
	}

	.pagewrapper .zpcont p {
		font-size: 15px
	}

	.zpimg img {
		max-width: 200px
	}

	.zp15years {
		padding: 35px 25px 50px
	}
}


@media screen and (min-width: 1920px) {
    .header-top {
        padding: 25px 0 0;
    }

    .cust-sect:before {
        top: -150px;
    }
}


@media screen and (max-width: 1599px) {
    .pagewrapper .content-wrap {
        max-width: 1170px;
    }

    .i18n-en .header-top h1 {
        font-size: 66px;
    }

    .feature-section h2 {
        font-size: 48px;
    }



    .sell-better-txt {
        padding: 30px 40px;
        height: 140px;
    }

    .sell-better {
        height: 220px;
        width: 300px;
    }

    .sell-better img {
        /* max-width: 170px; */
    }

    .sell-better-txt .progress-bar {
        width: 190px;
    }

    .leadership-txt {
        max-width: 158px;
        margin-right: 10px;
    }

    .screen-wrap ul li.active {
        padding: 16px 30px;
        width: 97%;
    }

    .sub-img {
        bottom: -58px;
        max-width: 250px;
        left: 157px;
    }

    .cust-sect ul li:nth-child(5) {
        top: -70px;

    }

    .cust-sect ul li:nth-child(6) {
        top: -10px;

    }




    .app-section .col-block img {
        margin-bottom: 10px;
    }

    #businesssize {
        max-width: 370px;
    }

    .business-section h2,
    .bottom-cta-section .cta-part h2 {
        font-size: 46px;
    }


    .int-txt h4 {
        font-size: 36px;
    }

    .app-section p {
        font-size: 13px;
    }

    .business-wrap p {
        max-width: 450px;
    }

    #feat3 .leave-section {
        display: none;
    }
}


@media screen and (max-width: 1499px) {
    .i18n-en .header-top h1 {
        font-size: 56px;
        max-width: 725px;
        margin: 0 auto 15px;
    }

    .header-top p {
        font-size: 16px;
        max-width: 725px;
    }

    .act-btn,
    .request-btn {
        padding: 14px 30px;
    }

    .people-img li {
        width: 23%;
    }

    .people-img li:nth-child(4) {
        width: 27%;
    }

    .people-img li:nth-child(1):after {
        left: -60px;
        bottom: 100px;
    }

    .people-img li:nth-child(4):after {
        left: 185px;
        top: 150px;
    }

    #zheadvid {
        max-width: 360px;
        margin: 10px auto;
    }


    .cont-part {
        max-width: 800px;
    }
    .client-section ul:after {
        width: 560px;
    }

    .feature-section .img-part {
        width: 56%;
    }

    .screen-wrap:before {
        width: 560px;
    }

    .notifi {
        width: 420px;
    }

    .screen-wrap ul li.active {
        width: 90%;
    }

    .sub-img {
        bottom: -63px;
        max-width: 270px;
    }

    .feature-section h2 {
        font-size: 46px;
    }

    #feat3 .screen-wrap:before {
        width: 75%;
    }

    #feat3 .screen-wrap {
        padding: 50px 0 10px 90px;
    }

    #feat3 .screen-wrap ul.goals li:after {
        width: 320px;
    }

    .sellalt {
        max-width: 320px;
    }

    .employee-img img {
        max-width: 50px;
    }

    .leave-section ul li {
        margin-bottom: 12px;
    }

    #feat1.feature-section {
        padding: 120px 0 0;
    }

    #feat4 .leave-section {
        left: 0px;
    }

    #feat4 .leave-section:nth-child(2) ul li {
        margin-bottom: 2px;
    }

    .count {
        font-size: 42px;
    }

    .kay {
        font-size: 42px;
    }

    .app-section .col-block img {
        max-width: 360px;
        margin-bottom: 40px;
    }

    .app-section h3 {
        font-size: 30px;
    }

    .app-section .col-block p {
        margin: 0 auto 20px;
        font-size: 16px;
    }

    .business-wrap {
        max-width: 1200px;
    }

    .bottom-cta-section {
        padding: 40px 0 60px 0;
        margin-top: 20px;
    }

    .leave-section {
        top: 50px;
        right: 30px;
    }

    .checkout-section {
        left: 40px;
    }

    .calendar-section {
        bottom: -200px;
    }

    .custom-rating,
    .custom-rating-img {
        right: 50px;
    }

    #feat3 .screen-wrap ul li span {
        width: 54px;
    }

    .app-section .col-block:nth-child(3) img {
        max-width: 400px;
    }

    .client-section {
        max-width: 100%;
    }
    .slick-dotted.slick-slider{
        padding-top: 34px;
    }
    .client-section ul li {
        margin: 0 16px 40px;
        transform: scale(.9);
    }

    .client-section ul:after {
        bottom: -16px;
        left: 20%;
    }

    .feature-section h2 {
        font-size: 36px;
        margin-bottom: 15px;
    }

    .pagewrapper p {
        font-size: 16px;
    }

    ul.list-item {
        margin-top: 30px;
    }

    .feature-section .img-part {
        transform: scale(.9);
    }

    .business-section h2 {
        font-size: 36px;
    }

    .business-icons h3 {
        font-size: 26px;
        max-width: 250px;
    }

    .business-iconwrap p {
        max-width: 260px;
    }

    .app-section .col-block .zpsectimg {
        max-width: 225px;
    }

    .app-section h3 {
        font-size: 26px;
    }

    .app-section .col-block:nth-child(3) img {
        max-width: 350px;
    }

    .mobile-section {
        transform: scale(0.8);
    }

    .int-txt {
        margin-top: 10px;
    }

    .integration-section {
        margin-bottom: 40px;
    }

    .bottom-cta-section .cta-part h2 {
        font-size: 44px;
        max-width: 750px;
        margin: 0 auto 30px;
    }
    .bottom-cta-section .cta-part span{
        font-size: 14px;
    }
}


@media screen and (max-width: 1399px) {
    .pagewrapper .content-wrap {
        max-width: 1040px;
    }

    .pagewrapper p {
        font-size: 16px;
    }

    .people-img ul {
        padding-top: 0;
        margin-top: 0px;
    }

    .people-img {
        margin-top: 20px;
    }

    #zheadvid {
        max-width: 350px;
        margin: 0px auto 0;
    }

    .i18n-en .header-top h1 {
        font-size: 50px;
        margin-bottom: 20px;
        max-width: 700px;
    }

    .header-top .cont-part p {
        max-width: 680px;
        margin: 0 auto 30px;
        font-size: 15px;
    }

    .act-btn,
    .request-btn {
        padding: 12px 25px;
    }

    .people-img li:nth-child(4) {
        width: 28%;
    }

    .people-img li,
    .people-img li:nth-child(2) {
        width: 22%;
    }

    .people-img li:nth-child(1):after {
        background-size: 220px auto;
        width: 220px;
        height: 115px;
        left: -70px;
        bottom: 60px;
    }

    .people-img li:nth-child(4):after {
        background-size: 200px auto;
        width: 200px;
        height: 135px;
        left: 200px;
        top: 120px;
    }

    .people-img li:nth-child(3):before {
        top: -40px;
    }

    .people-img li:nth-child(2):before {
        background-size: 40px auto;
    }

    .people-img li:nth-child(2):before {
        width: 50px;
        height: 65px;
        left: 40px;
        top: 50px;
    }

    .people-img li:nth-child(3):before {
        background-size: 90px;
        left: 30px;
    }
    .client-section {
        max-width: 96%;
    }

    .client-section ul:before {
        top: 30px;
        right: -65px;
        background-size: 120px auto;
        width: 100px;
        height: 120px;
    }

    .client-section:before {
        top: 16px;
        left: -51px;
        width: 100px;
        height: 140px;
        transform: rotate(-35deg);
    }

    .client-section ul:after {
        left: 210px;
        width: 390px;
        bottom: -10px;
    }

    .client-section ul li {
        transform: scale(0.9);
    }

    .client-section:after {
        top: 14px;
        right: -49px;
        width: 100px;
        height: 142px;
        transform: rotate(35deg);
    }

    .feature-section .img-part {
        width: 50%;
    }

    .screen-wrap:before {
        width: 480px;
    }

    /* #feat1 .screen-wrap ul li.active .employee-img img {
        max-width: 38px;
    } */
    .employee-img div {
        width: 50px;
        height: 50px;
    }

    .notifi {
        width: 340px;
    }

    .screen-wrap ul li.active {
        width: 98%;
    }

    .screen-wrap ul li span em {
        font-size: 10px;
    }

    .screen-wrap ul li.active span,
    .screen-wrap ul li span {
        font-size: 12px;
    }

    .employee-img div {
        width: 50px;
        height: 50px;
    }

    #feat1 .screen-wrap ul li:nth-child(2) .employee-img img {
        max-width: 36px;
    }

    .employee-img img {
        max-width: 36px;
        margin: 14px 7px;
    }

    .screen-wrap ul li {
        margin: 35px 20px;
    }

    .sub-img {
        bottom: -51px;
        max-width: 220px;
        left: 130px;
    }

    .screen-wrap ul li span.employee-name {
        width: 29%;
    }

    .screen-wrap ul li span {
        width: 20%;
    }

    .notifi .employee-img img {
        max-width: 23px;
    }

    .notifi .employee-img div {
        width: 30px;
        height: 30px;
    }

    .notifi span {
        margin: 0 0 0px 10px;
    }

    #feat1 .cont-part {
        padding: 80px 0px 0 40px;
    }

    .feature-section .cont-part {
        width: 46%;
    }

    ul.list-item li {
        font-size: 16px;
    }

    ul.list-item {
        margin-top: 30px;
    }

    ul.list-item li:before {
        background-size: 900px auto;
        width: 28px;
        background-position: -248px -137px;
    }

    .checkout-section {
        background-size: 200px auto;
        left: 0px;
    }

    .calendar-section {
        bottom: -180px;
        max-width: 210px;
        left: 0;
    }

    .leave-section {
        top: 60px;
        right: -10px;
        border-radius: 18px 18px 18px 0;
    }

    .feature-section {
        padding: 120px 0 0;
    }

    #feat3 .screen-wrap {
        padding: 40px 0 10px 70px;
    }

    #feat3 .screen-wrap:before {
        width: 85%;
    }

    .cust-bg .employee-img div {
        width: 50px;
        height: 50px;
        top: -30px;
        left: 62px;
    }

    .cust-bg .employee-img img {
        max-width: 40px;
    }

    .cust-bg img {
        max-width: 120px;
    }

    #feat3 .screen-wrap .overall-rating ul li {
        margin: 5px 0 5px;
        padding: 5px 10px;
        border-radius: 3px;
    }


    #feat3 .cust-bg {
        width: 180px;
        padding: 12px 20px;
        border-radius: 10px;
    }

    .custom-rating,
    .custom-rating-img {
        right: 20px;
        top: -50px;
    }

    #feat3 span.z-circle {
        width: 54px;
    }

    #feat3 .screen-wrap li div:nth-child(2) {
        padding-left: 40px;
    }

    #feat3 .screen-wrap ul li {
        margin: 20px 0 55px;
        font-size: 13px;
    }

    .cust-appr-img {
        width: 56px;
        height: 56px;
        background-position: -517px 4px;
        background-size: 994px auto;
    }

    .cust-appr-txt {
        padding: 15px 30px;
        border-radius: 20px 20px 20px 0;
    }

    .screen-sectionsell {
        width: 56%;
    }

    .screen-sectionskill {
        width: 40%;
        margin-left: 12px;
    }

    #feat4 .leave-section {
        padding: 35px 25px 10px;
    }

    #feat4 .leave-section:nth-child(2) {
        margin-top: 15px;
    }

    .zemail {
        width: 120px;
    }

    .invitee {
        bottom: -50px;
        left: 170px;
        min-width: 230px;
    }

    .count {
        font-size: 40px;
    }

    .kay {
        font-size: 40px;
    }

    .business-section h2,
    .bottom-cta-section .cta-part h2 {
        font-size: 40px;
    }

    .busiimg {
        width: 300px;
        height: 300px;
    }

    .indusimg img {
        max-width: 170px;
        bottom: -30px;
    }

    .indust-wrap {
        margin: 40px auto 0;
    }

    .indust-wrap h4 {
        font-size: 28px;
    }

    .business-icons img {
        max-width: 140px;
    }

    .business-icons img.icon2 {
        max-width: 160px;
    }

    .business-icons img.icon3 {
        max-width: 140px;
    }

    .business-icons h3 {
        font-size: 26px;
        max-width: 250px;
        margin-bottom: 20px;
    }

    .business-wrap .business-iconwrap p {
        max-width: 250px;
    }

    .business-icons img.icon4 {
        max-width: 95px;
    }

    .app-section {
        max-width: 90%;
        margin: 0 auto;
    }

    .app-section .col-block img {
        max-width: 300px;
    }

    .app-section h3 {
        font-size: 28px;
    }

    h5 {
        font: 16px/1.4;
    }

    .mobilewrap ul li div.img span {
        width: 40px;
        height: 40px;
        background: #2bbcff;
    }

    .mobilewrap ul li {
        padding: 6px 10px;
        border-radius: 4px;
    }

    .mobilewrap {
        height: 310px;
    }

    .mobile-section:before {
        height: 230px;
    }

    .mobilewrap ul li div.img span img {
        max-width: 35px;
    }

    .app-section .col-block:nth-child(3) img {
        max-width: 360px;
    }

    .business-section h2,
    .bottom-cta-section .cta-part h2 {
        font-size: 44px;
    }

    .badgwrap {
        max-width: 960px;
    }

    .testimg {
        background-size: 383px auto;
        width: 383px;
        height: 250px;
    }

    .zpcustwrap {
        padding: 45px 60px 10px;
    }

    .count {
        font-size: 32px;
    }

    .count.emp {
        min-width: 45px;
    }

    .countsectt {
        padding: 30px 10px 10px;
    }

    .badge-sect img {
        max-width: 210px;
    }

    .badge-sect ul li {
        padding: 14px 15px;
        margin: 5px 5px 0px 0px;
        width: 235px;
    }

    .cust-sect .content-wrap {
        padding: 50px 0 0;
    }

    .business-wrap:after {
        top: 740px;
    }


    .client-section ul li {
        margin: 0 22px 40px;
    }

    .cont-part {
        max-width: 750px;
    }

    .client-section ul li {
        margin: 0 12px 40px;
    }

    .feature-section h2 {
        font-size: 40px;
    }

    #feat2 .cont-part {
        padding: 40px 40px 0px 0px;
    }

    #feat3 .cont-part {
        padding: 40px 20px 0px 0;
    }

    #feat4 .cont-part {
        padding: 40px 40px 0 0;
    }



    .client-section ul li {
        margin: 0 8px 40px;
        z-index: 9;
    }

    #feat1.feature-section {
        padding: 40px 0 0;
    }

    .leave-section {
        top: 90px;
        right: -30px;
    }

    .app-section .col-block .zpsectimg {
        max-width: 195px;
    }

    .people-img li:nth-child(3):before {
        background-size: 80px;
    }

    .feature-section h2 {
        font-size: 32px;
    }

    .feature-section h2 {
        font-size: 32px;
        max-width: 420px;
    }


    .business-section h2 {
        font-size: 32px;
    }

    .business-wrap p {
        max-width: 400px;
    }

    .business-icons h3 {
        font-size: 22px;
        max-width: 250px;
        margin-bottom: 10px;
    }

    .app-section .col-block .zpsectimg {
        max-width: 190px;
    }

    .integration-section {
        margin-bottom: 10px;
    }

    .app-section h3 {
        font-size: 24px;
    }

    .bottom-cta-section .cta-part h2 {
        font-size: 38px;
    }




}


@media screen and (min-width: 1200px) and (max-width: 1399px) {
    #zheadvid {
        display: none;
    }
}


@media screen and (max-width: 1024px) {
    .badge-sect img {
        max-width: 205px;
    }

    .badge-sect ul li {
        width: 230px;
    }

    .people-img li:nth-child(4):after {
        left: 100px;
        top: 110px;
    }

    .client-section ul:after {
        width: 340px;
        bottom: -10px;
    }

    .leave-section {
        padding: 30px 30px 25px 50px;
    }

    .leave-section {
        top: 40px;
        right: -10px;
    }

    .progress-bar {
        width: 100px;
    }

    .progress-bar:before {
        width: 80px;
    }

    #feat4 .leave-section:nth-child(2) em {
        margin-right: 5px;
        width: 65px;
    }

    #feat4 .leave-section em {
        font-size: 10px;
        line-height: 1px;
    }

    .business-wrap {
        max-width: 95%;
    }

    .feature-section h2 {
        font-size: 36px;
    }

    .kay {
        font-size: 32px;
    }

    .business-section h2,
    .bottom-cta-section .cta-part h2 {
        font-size: 38px;
    }

    .business-wrap p {
        max-width: 350px;
    }

    .business-wrap:after {
        top: 700px;
    }

    .business-section h2,
    .bottom-cta-section .cta-part h2 {
        font-size: 40px;
    }

    .bottom-cta-section {
        padding: 20px 0 40px 0;
    }

    .app-section {
        max-width: 90%;
        margin: 0 auto;
    }

    .probar {
        display: none;
    }

    .people-img {
        margin-top: 0;
    }
    .client-section ul li {
        transform: scale(0.8);
        margin: 0 5px 40px;
    }

}

@media screen and (max-width: 991px) {
    .business-wrap:after {
        content: none;
    }

    .business-wrap .cont-part {
        text-align: center;
    }

    .business-wrap h2 {
        max-width: 570px;
        margin: 0 auto 30px;
    }

    .business-wrap p {
        max-width: 470px;
        margin: 0 auto 20px;
    }

    .people-img li:nth-child(2):before {
        content: none;
    }

    .act-btn {
        padding: 12px 35px;
    }

    .feature-section .img-part {
        order: 1;
    }

    .zpcustimg {
        margin: 0 auto;
        display: block;
        width: 100%;
        max-width: 450px;
    }


    .feature-section .cont-part {
        order: 2;
    }

    .screen-part img {
        max-width: 310px;
    }

    .people-img li:nth-child(4) {
        width: 44%;
    }

    #feat4 .leave-section {
        display: none;
    }

    .invitee {
        bottom: 160px;
        left: unset;
        min-width: 230px;
        right: 0;
    }

    .header-top .cont-part {
        max-width: 640px;
    }

    .people-img ul:before,
    .people-img ul:after {
        content: none;
    }

    .sub-img {
        display: none;
    }

    .badge-sect {
        width: 100%;
    }

    .feature-section .cont-part {
        text-align: left;
    }

    .feature-section .img-part {
        width: 80%;
        margin: 0 auto 30px;
    }

    .feature-section .cont-part {
        width: 100%;
        margin-bottom: 30px;
    }

    /* .client-section ul:before, .client-section:before, .client-section:after, .client-section ul:after {
        content: none;
    } */

    .business-section .cont-part,
    .business-section .img-part {
        width: 100%;
    }

    .people-img {
        overflow: hidden;
    }

    .people-img li:nth-child(4):before {
        background-size: 180px auto;
    }

    .i18n-en .header-top h1 {
        font-size: 50px;
    }

    .people-img li:nth-child(1):before {
        background-size: 190px auto;
        top: 40px;
    }

    .people-img li:nth-child(4):before {
        background-size: 200px auto;
        left: 54px;
    }

    #feat1 .cont-part {
        padding: 20px 20px 0px 20px;
    }

    .screen-part .screen1 {
        height: 374px;
    }

    .screen-part {
        max-width: 270px;
        height: 320px;
        margin: 0 auto;
    }

    #feat1 .screen-wrap,
    #feat3 .screen-wrap {
        max-width: 500px;
        margin: 0 auto;
    }

    .feature-section .cont-part {
        max-width: 500px;
        text-align: center;
    }

    ul.list-item {
        max-width: 100%;
        text-align: left;
    }

    #feat3 ul.list-item {
        max-width: 320px;
    }

    .people-img li:nth-child(4) {
        position: relative;
        bottom: 0px;
    }

    .people-img li:nth-child(3),
    .opentask {
        display: none;
    }

    /* .people-img li:nth-child(1):after {
        content: none;
    } */

    .screen-wrap {
        background: #f4f5f7;
        padding: 25px 20px;
    }

    .screen-wrap:before {
        content: none;
    }

    .screen-wrap ul li span.employee-name {
        margin-right: 14px;
    }

    span.date {
        margin-right: 10px;
    }

    .screen1-img {
        height: 375px;
    }

    .checkout-section {
        top: 0;
    }

    #feat1.feature-section {
        padding: 20px 0 0;
    }

    .feature-section {
        padding: 10px 0 0;
    }

    #feat2 .leave-section {
        right: 70px;
    }

    .cust-sect:before {
        content: none;
    }

    .integration-list li {
        transform: scale(0.7);
    }

    /* #feat3 .img-part {
        margin-bottom: 80px;
    } */

    #feat2 .img-part {
        margin-bottom: 120px;
    }

    #feat3 .img-part {
        margin-bottom: 80px;
    }

    .screen-sectionsell {
        width: 100%;
    }

    #feat3 .cust-bg {
        /* display: none; */
    }

    #feat3 .screen-wrap li div:nth-child(2) {
        text-align: right;
    }

    .sellalt {
        margin: 0 auto;
    }

    #feat3 .screen-wrap {
        padding: 60px 40px 10px 100px;
    }

    #feat3 .screen-wrap ul li span {
        width: 62px;
        height: auto;
    }

    .count.emp {
        margin-right: 0;
        min-width: 115px;
    }

    .count {
        font-size: 38px;
    }

    .kay {
        font-size: 36px;
    }

    .countwrap {
        /* margin-right: 10px; */
        display: none;
    }

    .feature-section .cont-part {
        margin-bottom: 50px;
    }

    .people-img li:nth-child(4):before,
    .people-img li:nth-child(1):before {
        content: none;
    }

    .goals li:nth-child(2) {
        /* display: none; */
    }

    #feat3 .screen-wrap ul.goals li:after {
        bottom: -15px;
    }

    #feat3 .screen-wrap ul li {
        margin: 20px 0 30px;
    }

    .cust-sect {
        margin-top: 50px;
    }

    .badge-sect {
        margin-top: 60px;
    }

    .badge-sect ul {
        justify-content: center;
    }

    .busiimgwrap {
        margin-top: 90px;
    }

    span.z-circle:before {
        width: 65px;
        height: 65px;
    }

    .bottom-cta-section .cta-part {
        width: 100%;
    }

    .footer-sec-wrap.two-column .content-wrap .footer-links-wrap {
        width: 100%;
        margin: 0 auto;
    }

    .countrt {
        text-align: center;
    }

    .badge-sect img {
        max-width: 270px;
    }

    .countsectt {
        padding: 50px 10px;
    }

    .app-section .col-block img {
        margin-bottom: 20px;
    }

    .app-section .col-block {
        margin-top: 60px;
    }

    .client-section ul li.orientalinsurance,
    .client-section ul li.bigblu {
        display: none;
    }

    .calendar-section,
    .checkout-section {
        left: 60px;
    }

    .calendar-section {
        bottom: -130px;
    }

    .people-img li:first-child {
        bottom: -20px;
        right: 0px;
        width: 180px;
    }

    .request-btn {
        padding: 12px 35px;
    }

}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .people-img li:nth-child(4) {
        width: 320px;
        left: 0;
    }

    .busiimgwrap {
        max-width: 600px;
        margin: 0 auto;
    }

    .people-img li:nth-child(1) {
        width: 260px;
    }

    .people-img li:nth-child(2) {
        display: inline-block;
    }


    .people-img li:nth-child(1):before {
        background-size: 220px auto;
        top: 40px;
        left: 0px;
    }

    .screen-wrap ul li.active {
        min-width: 550px;
    }

    .screen-wrap .employee-img {
        margin-right: 10px;
    }

    .screen-wrap ul li.active span.employee-name {
        width: 32%;
    }

    .business-section .content-wrap {
        padding: 60px 20px;
    }

    .business-icons .col-block {
        width: 29%;
        margin: 35px 10px;
    }

    .screen-part {
        margin: 0 auto;
    }

    .client-section ul:after {
        width: 204px;
        bottom: -5px;
    }

    .people-img li,
    .people-img li:nth-child(2) {
        width: 205px;
        right: 0px;
    }

    .people-img li:nth-child(4) {
        width: 230px;
        left: -20px;
    }

    .people-img li:nth-child(1) {
        width: 180px;
    }

}

@media screen and (max-width: 768px) {
.zw-product-header .content-wrap {
    padding: 0;
}
    .people-img li:nth-child(2) {
        display: none;
    }

    .screen-wrap ul li.active span.date,
    .screen-wrap ul li span.date {
        display: none;
    }

    .notifi span {
        display: inline-block;
        vertical-align: top;
    }

    .notifi .employee-img img {
        top: 4px;
        position: relative;
        left: -3px;
        margin: 0;
    }

    .notifi .employee-img {
        vertical-align: top;
    }

    .screen-part {
        margin: 0;
    }

    .client-section:after {
        top: 11px;
        right: -38px;
        width: 80px;
        height: 128px;
        transform: rotate(31deg);
    }

    .client-section:before {
        top: 11px;
        left: -38px;
        width: 80px;
        height: 128px;
        transform: rotate(-31deg);
    }


    .client-section ul:before {
        right: -75px;
    }



    .pagewrapper .content-wrap {
        padding: 40px 15px;
    }

    li.icon4 {
        display: none;
    }



    .people-img li:nth-child(4) {
        left: 0;
        bottom: -32px;
    }



    .people-img li:nth-child(1):after {
        background-size: 190px auto;
        width: 190px;
        height: 90px;
        left: -60px;
        bottom: 60px;
    }

    #feat1 .screen-wrap ul li.active .employee-img img {
        max-width: 38px;
    }

    .client-section ul li.thelogicalindian {
        display: none;
    }

    .client-section ul:after {
        content: none;
    }


    #feat1 .screen-wrap ul li:nth-child(2) .employee-img img {
        max-width: 38px;
    }

    .people-img li:nth-child(4):after {
        left: 100px;
        top: 110px;
        background-size: 160px auto;
        width: 160px;
        height: 100px;

    }

    .screen-wrap ul li.active:after {
        right: -80px;
    }

    .count,
    .count.emp {
        font-size: 36px;
    }

    .kay {
        font-size: 36px;
    }

    .count.emp {
        min-width: 85px;
    }

    #feat2 .img-part,
    #feat3 .img-part {
        margin-bottom: 0;
    }

    #count2.count {
        min-width: 40px;
    }

    .sign {
        font-size: 30px;
    }

    .zpcustimg {
        max-width: 80%;
    }

    .testimg {
        display: none;
    }

    .integration-section:before {
        left: -35px;
    }

    /* .people-img ul:before, .people-img ul:after {
        content: none;
    } */

    .i18n-en .header-top h1 {
        font-size: 44px;
        margin: 20px auto 20px;
    }

    .feature-section .img-part {
        width: 100%;
    }

    .screen-part .screen1 {
        height: 380px;
    }

    .screen1-img {
        height: 380px;
        top: 0;
    }

    .screen-part img {
        object-position: -17px 3px;
    }

    .notifi {
        width: 70%;
    }

    .quote-img:after {
        content: none;
    }

    .countsectt {
        padding: 10px;
    }

    .screen-wrap ul li.active span.place,
    .screen-wrap ul li.active span.date,
    .screen-wrap ul li span.place,
    .screen-wrap ul li span.date {
        /* display: none; */
    }

    .screen-wrap ul li span.date {
        width: 30%;
    }

    .screen-wrap ul li.active span.date {
        width: 28%;
        padding-left: 20px;
    }

    .sell-better:before {
        content: none;
    }

    .employee-img img {
        max-width: 60px;
        margin: 8px 3px;
    }


    .employee-img div {
        width: 50px;
        height: 50px;
    }

    .screen-wrap ul li span.employee-name,
    .screen-wrap ul li.active span.employee-name {
        width: 35%;
    }

    .screen-wrap ul li.active span.employee-name {
        margin-left: 0;
    }

    .screen-wrap ul li span.employee-name {
        margin-left: 10px;
    }

    .screen-wrap ul li.active {
        padding: 20px 15px;
        left: 0;
        min-width: 100%;
    }

    .client-section {
        top: -10px;
        padding: 20px 0 10px;
    }

    .client-section ul {
        align-items: center;
    }


    .client-section ul li {
        margin: 0 15px 10px;
        /* background-size: 900px auto; */
        /* height: 25px; 
        width: 90px;*/
    }

    /*     
    .client-section ul li.medlife{
        background-position: -420px -80px;
    }

    .client-section ul li.gep{
        background-position: -511px -64px;
        width: 71px;
        height: 50px;
    }

    .client-section ul li.spicejet{
    background-position: -737px -80px;
    width: 79px;
    }

    .client-section ul li.nissan{
        background-position: -587px -65px;
        width: 52px;
        height: 50px;
    }

    .client-section ul li.thelogicalindian{
        background-position: -704px -74px;
        width: 63px;
        height: 33px;
    }

    .client-section ul li.orientalinsurance{
    background-position: -678px -148px;
    width: 101px;
    }

    .client-section ul li.bigblu{
    background-position: -675px -148px;
    width: 108px;
    } */



    .feature-section h2 {
        font-size: 34px;
    }

    .checkout-section {
        left: -80px;
        right: unset;
        background-size: 200px auto;
        top: unset;
        bottom: -105px;
    }

    .leave-section {
        top: 220px;
    }

    .custom-rating-img,
    .custom-rating {
        /* display: none; */
    }

    #feat3 .screen-wrap {
        padding: 50px 0 40px 60px;
    }

    #feat3 .screen-wrap li div:first-child {
        width: 100%;
    }

    #feat3 .leave-section {
        /*        top: -30px;
        bottom: unset;
        left: 0;
        display: none;*/
    }

    #feat3 ul.list-item {
        max-width: 100%;
    }

    #feat3 .cust-appreciation {
        display: block;
        left: 70px;
        bottom: -30px;
    }

    .screen-wrap ul li span {
        width: 62px;
    }

    span.z-circle:before {
        width: 65px;
        height: 65px;
    }

    #feat3 .screen-wrap ul.goals li:first-child {
        margin-top: 20px;
    }

    #feat3 .screen-wrap ul.goals li:after {
        left: -20px;
        width: 100%;
    }

    #feat3 .screen-wrap h5 {
        padding-left: 0;
    }

    /* #feat3 .screen-wrap li div:nth-child(2) {
        display: none;
    } */

    .cust-appr-txt {
        font-size: 12px;
        width: 300px;
        padding: 25px 40px;
    }

    .team-members,
    #feat4 .cust-appr-txt,
    .leadership-txt,
    .leadership-txt.altcol {
        display: none;
    }

    .screen-sectionsell,
    .sell-better,
    .sell-better-txt,
    .screen-sectionskill {
        width: 100%;
    }


    /*  
    .cust-sect ul li:nth-child(8), .cust-sect ul li:first-child, .cust-sect ul li:nth-child(3), .cust-sect ul li:nth-child(2), .cust-sect ul li:nth-child(5) {
        display: none;
    }

    .cust-sect ul li {
        display: none;
    } */

    .sell-better {
        height: 200px;
    }


    .screen-part img {
        max-width: 275px;
        height: 380px;
        margin: 0;
    }


    .count.emp:after {
        content: none;
    }

    .cust-wrap .cust-part {
        width: 100%;
    }

    .cust-wrap {
        padding: 50px 30px;
    }

    .cust-wrap p {
        color: #fff;
    }

    .customer-section .cust-part h2 {
        font-size: 46px;
    }

    .cust-part img {
        display: block;
        margin: 20px auto;
    }

    .cust-part .quote-img img {
        margin: 10px;
    }

    .badge-sect ul {
        justify-content: center;
    }

    .badge-sect {
        margin-top: 10px;
        max-width: 80%;
    }

    .app-section .col-block {
        width: 100%;
    }

    .app-section .col-block {
        margin-top: 20px;
    }

    .int-txt {
        margin-top: 20px;
    }

    .business-section h2 {
        font-size: 34px;
    }

    .business-icons .col-block,
    .bottom-cta-section .cta-list {
        width: 100%;
    }

    .bottom-cta-section .cta-part {
        width: 100%;
    }

    .bottom-cta-section .cta-part h2 {
        font-size: 34px;
    }

    .bottom-cta-section {
        padding: 50px 0;
    }

    .business-wrap {
        padding: 40px 0 20px;
        border-radius: 15px;
    }

    .slider {
        width: 100%;
    }

    /* 
    #feat2 .leave-section ul li.icon4, #feat2 .leave-section ul li.icon3, .probar, .calendar-section {
        display: none;
    } */

    .calendar-section {
        display: none;
    }

    #feat2 .leave-section {
        top: 40px;
        right: 90px;
    }

    #feat2 .leave-section {
        padding: 30px 40px 30px 60px;
    }

    .feature-section .cont-part {
        order: 1;
    }

    .feature-section .content-wrap {
        max-width: 80%;
    }

    .feature-section .img-part {
        order: 2;
        width: 90%;
        margin: 0;
    }

    #feat4 .leave-section {
        top: 30px;
        left: 40px;
    }

    #feat4 .cust-appreciation {
        top: 20px;
    }

    .quote img {
        margin: 30px 0;
    }

    .integration-section {
        margin-top: 80px;
    }

    .integration-list li {
        transform: scale(0.85);
    }



    .integration-list li.zr {
        right: 150px;
        top: 110px;
    }

    .integration-list li.qb {
        right: 100px;
    }

    .integration-list li.books {
        bottom: 150px;
        left: 70px;
    }

    .integration-list li.adobe {
        bottom: 80px;
        right: 280px;
    }

    .mobile-section,
    .business-icons {
        margin-top: 20px;
    }

    .business-section {
        padding: 50px 0 0;
    }

    .feature-section#feat4 .img-part {
        margin-bottom: 0;
    }

    .feature-section {
        padding: 80px 0 0;
    }

    #feat3 .screen-wrap ul li {
        margin: 40px 0;
    }

    ul.list {
        background: none;
    }

    ul.list li:nth-child(2) {
        display: none;
    }


    .business-icons .col-block {
        margin: 30px 0;
    }

    .screen-wrap ul li {
        width: 90%;
        margin: 40px auto;
    }

    #feat1 .screen-wrap ul li.active .employee-img div {
        width: 50px;
        height: 50px;
    }

    .employee-img img {
        max-width: 39px;
    }

    .business-icons .col-block {
        width: 50%;
    }

    .badgwrap {
        border: none;
        margin: 0 auto;
    }

    .cust-sect .content-wrap {
        padding: 60px 0 0;
    }

    .cust-sect {
        padding: 0;
    }

    .app-section {
        padding: 30px 0px 0px 0px;
    }

    .business-section .content-wrap {
        padding: 60px 10px 30px 10px;
    }

    .bottom-cta-section .content-wrap {
        padding: 40px 10px 30px 10px;
    }

    .business-section .content-wrap {
        max-width: 80%;
    }

    #feat3 .screen-wrap:after,
    .cust-appreciation {
        display: none;
    }

    .zpcustimg:before {
        height: 260px;
    }

    .business-icons img {
        max-width: 120px;
    }

    .business-icons h3 {
        font-size: 21px;
        margin-bottom: 10px;
    }

    .mobile-section:before {
        height: 200px;
        max-width: 400px;
        margin: 0 auto;
        left: 113px;
    }

    .mobilewrap {
        height: 280px;
    }

    #feat1 .cont-part {
        padding: 0;
        text-align: left;
        margin: 0 0 50px 0;
    }

    #feat2 .cont-part,
    #feat3 .cont-part,
    #feat4 .cont-part {
        text-align: left;
    }

    .business-proc .catagory-inner,
    .finance .catagory-inner {
        max-width: 260px;
        margin: 0 auto;
        display: block;
    }

    .busicustsect ul li:nth-child(8) {
        left: 0;
    }

    .busicustsect ul li:nth-child(5) {
        bottom: 0;
    }

    /* .people-img li:nth-child(4) {
        display: none;
    } */

    .header-top .cont-part p {
        max-width: 550px;
    }

    .header-top h1 {

        max-width: 500px;
        margin: 0 auto 20px;
    }

    /* .i18n-en {
      font-size: 42px;
    } */

    .people-img li:nth-child(1) {
        width: 210px;
    }

    .people-img li:first-child {
        bottom: 0;
        right: -15px;
    }

    .people-img li:nth-child(3) {
        display: none;
    }

    .client-section {
        max-width: 90%;
        margin: 0 auto;
        padding: 50px 0;
    }

    .client-section ul li {
        margin: 0 7px;
    }

    .client-section ul li {
        transform: scale(0.9);
    }

    .client-section ul li.bigblu {
        display: none;
    }

    .people-img li:nth-child(2):before {
        left: 30px;
        top: 40px;
    }

    #feat3 .screen-wrap ul.goals li:after {
        bottom: -5px;
    }

    #feat3 .screen-wrap li div:first-child {
        width: 59%;
    }

    #feat3 .screen-wrap li div:nth-child(2) {
        width: 35%;
    }

    #feat1 .screen-wrap,
    #feat3 .screen-wrap {
        max-width: 100%;
        margin: 0 auto;
    }

    .notifi {
        width: 70%;
    }

    #feat1 .screen-wrap h5 {
        padding-left: 35px;
    }

    .sellalt img {
        max-width: 300px;
    }

    .sellalt h5 {
        text-align: center;
    }

    .sellalt {
        max-width: 80%;
        padding: 40px 30px 60px 30px;
        margin: 0;
        text-align: center;
    }

    .range-slider,
    .indust-wrap,
    .busiimgwrap {
        display: none;
    }

    .business-icons {
        padding-top: 0;
    }

    .badge-sect img {
        max-width: 45%;
    }

    .badge-sect ul li {
        padding: 15px;
        margin: 5px 3px 0px 3px;
        width: 48%;
    }


    .business-wrap p {
        max-width: 100%;
    }

    .business-iconwrap {
        max-width: 90%;
    }

    .business-icons img,
    .business-icons img.icon3,
    .business-icons img.icon2 {
        max-width: 120px;
    }

    .business-icons img.icon4 {
        max-width: 100px;
    }

    .business-icons img.icon5 {
        max-width: 140px;
    }

    .minwrap {
        margin-top: 50px;
    }

    .overall-rating {
        display: none;
    }

    .custom-rating,
    .custom-rating-img {
        right: -100px;
        top: 70px;
    }



    .header-top h1 {
        max-width: 600px;
    }

    .i18n-en .header-top h1 {
        font-size: 48px;
    }

    .request-btn {
        padding: 12px 40px;
    }

    .people-img {
        margin-top: 20px;
    }

    #zheadvid {
        max-width: 400px;
        margin: 20px auto 0;
    }

    .countsectt {
        display: none;
    }

    .feature-section .content-wrap {
        padding: 0px 15px
    }

    #feat1.feature-section {
        padding: 40px 0 0;
    }

    #feat2 .cont-part,
    #feat3 .cont-part,
    #feat4 .cont-part {
        margin: 0 0 60px;
    }

    .screen-wrap ul li span {
        width: 54px;
    }

    .employee-img img {
        max-width: 30px;
    }

    #feat1 .screen-wrap ul li:nth-child(2) .employee-img img {
        margin: 0;
    }

    .employee-img img {
        position: relative;
        top: 0;
    }

    #feat1 .screen-wrap ul li:nth-child(2) .employee-img img {
        top: 5px;
        left: 4px;
    }

}


@media screen and (max-width: 600px) {
    .business-icons .col-block {
        width: 100%;
    }

    .client-section ul li {
        transform: scale(1);
    }



    .business-icons .col-block {
        max-width: 280px;
        margin: 0 auto;
        width: 100%;
        display: block;
        margin-bottom: 50px;
    }

    ul.list-item {
        max-width: 100%;
    }

    .client-section:before,
    .client-section ul:before,
    .client-section:after,
    .client-section ul:after,
    .mobilewrap:before {
        content: none;
    }

    .header-top h1 {
        font-size: 30px;
        margin: 0 auto 20px;
        max-width: 100%;
    }

    .header-top .cont-part p {
        max-width: 100%;
    }

    .people-img li:nth-child(2) {
        display: none;
    }

    .people-img li:nth-child(1) {
        width: 40%;
    }

    .mobile-section:before {
        max-width: 100%;
        left: 0;
    }

    .custom-rating-img {
        display: none;
    }

    #feat3 .cust-appreciation {
        display: none;
    }

    .header-top .cont-part {
        max-width: 100%;
        text-align: center;
    }

    .request-btn {
        padding: 12px 43px;
    }

    .people-img li:nth-child(1) {
        right: -10px;
    }

    .people-img li:nth-child(4) {
        width: 45%;
        left: 0px;
    }

    .client-section {
        max-width: 100%;
        padding: 30px 0 20px 0;
        border-radius: 16px;
    }

    .client-section ul li {
        margin: 0px 20px 20px 0;
    }

    /* #feat1.feature-section {
        padding: 0;
    } */
    .feature-section h2 {
        font-size: 26px;
        margin-bottom: 15px;
    }

    ul.list-item li:before {
        background-size: 750px auto;
        background-position: -205px -112px;
    }

    .feature-section .content-wrap {
        max-width: 90%;
    }

    ul.list-item li {
        font-size: 15px;
    }

    .learnmore {
        font-size: 16px;
    }

    ul.list-item {
        margin: 20px auto;
    }

    .notifi span {
        margin: 0 0 0 5px;
    }

    .notifi {
        width: 60%;
        float: right;
    }

    #feat1 .screen-wrap h5 {
        padding: 20px 0px 0px 20px;
    }

    .screen-wrap ul li.active span.date,
    .screen-wrap ul li span.date {
        display: none;
    }

    .feature-section .img-part {
        width: 100%;
    }

    .feature-section .content-wrap {
        max-width: 100%;
    }

    #feat1 .screen-wrap ul li.active .employee-img div,
    .employee-img div {
        width: 44px;
        height: 44px;
    }

    #feat1 .screen-wrap ul li.active .employee-img img {
        max-width: 30px;
        margin: 10px 6px;
    }

    .screen-wrap ul li span.employee-name,
    .screen-wrap ul li.active span.employee-name {
        width: 48%;
        margin-right: 0;
    }

    .screen-wrap ul li span.employee-name {
        width: 44%;
    }

    .employee-img div {
        width: 36px;
        height: 36px;
    }


    #feat1 .screen-wrap ul li:nth-child(2) .employee-img img {
        max-width: 30px;
        /* margin: 10px 7px; */
    }

    /* .employee-img img {
    margin: 10px 7px;
    } */
    .screen-wrap ul li.active:after {
        display: none;
    }

    .screen-wrap ul li {
        margin: 30px auto;
    }

    .screen-wrap ul li.active span.employee-name {
        margin-left: 10px;
    }

    /* .feature-section {
        padding: 30px 0 0;
    } */
    .checkout-section {
        display: none;
    }

    #feat2 .leave-section {
        padding: 30px 30px 20px 50px;
    }

    #feat2 .leave-section {
        top: 130px;
        right: 0;
    }

    .leave-section h5 {
        display: none;
    }

    /* #feat3 .screen-wrap {
        padding: 20px 0px 0 50px;
    } */
    #feat1 .screen-wrap h5 {
        padding: 20px 0px 0px 0px;
    }

    #feat3 .screen-wrap ul li:last-child {
        display: none;
    }

    .invitee {
        display: none;
    }

    .sellalt {
        max-width: 100%;
    }

    .sellalt {
        padding: 30px 30px 20px 30px;
    }

    .zpcustimg {
        max-width: 90%;
    }

    .zpcustwrap {
        padding: 35px 30px 0px;
    }

    .zpcustwrap p {
        font-size: 15px;
    }

    .badge-sect {
        max-width: 90%;
    }

    .badge-sect img {
        max-width: 45%;
        margin: 5px 5px 0 5px;
    }

    .cust-sect ul li:nth-child(5),
    .cust-sect ul li:nth-child(6) {
        display: none;
    }

    .business-section h2 {
        font-size: 26px;
    }

    .business-section .content-wrap {
        padding: 30px 10px 30px 10px;
        max-width: 90%;
    }

    .business-icons .col-block {
        max-width: 100%;
        margin-bottom: 70px;
    }

    .business-icons img {
        margin-bottom: 15px;
    }

    .business-icons img,
    .business-icons img.icon3,
    .business-icons img.icon2 {
        max-width: 100px;
    }

    .business-icons img.icon4 {
        max-width: 80px;
    }

    .business-icons img.icon5 {
        max-width: 120px;
    }

    .business-icons .col-block:last-child {
        margin-bottom: 20px;
    }

    .app-section h3 {
        font-size: 26px;
    }

    .app-section .col-block img {
        max-width: 250px;
    }

    .cont-part,
    .feature-section .cont-part,
    .app-section .col-block {
        text-align: center;
    }

    #feat3 .screen-wrap ul.goals li:after {
        bottom: -17px;
    }

    #feat3 .screen-wrap ul li:nth-child(3):after {
        content: none;
    }

    .people-img li:nth-child(4) {
        bottom: 0;
    }

    .badge-sect ul li {
        width: 100%;
    }

    .app-section .col-block p {
        font-size: 15px;
    }

    .bottom-cta-section .cta-part h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .bottom-cta-section .content-wrap {
        padding: 20px 10px;
    }



}

@media screen and (min-width: 600px) and (max-width: 768px) {
    #feat2 .leave-section {
        top: 120px;
        right: 50px;
    }
}


@media screen and (min-width: 481px) and (max-width: 767px) {
    .act-btn {
        padding: 12px 40px;
        display: block;
        margin: 0 auto;
        max-width: 230px;
    }

    .request-btn {
        padding: 12px 43px;
        display: block;
        margin: 10px auto 0;
        max-width: 230px;
    }
}

@media screen and (max-width: 480px) {
    /* .checkout-section {
        width: 160px;
    }


    .cont-part, .feature-section .cont-part, .app-section .col-block {
        text-align: left;
    }

    ul.list-item {
        max-width: 100%;
    }

.request-btn {
margin-left: 0;
}

    .screen-part .screen1 {
        height: 370px;
    } */

    .onlymob.zcustomimg {
        max-width: 160px;
        margin: 0 0 15px;
    }



    #feat1 .cont-part,
    #feat2 {
        margin-bottom: 0;
    }

    .feature-section:not(#feat1) {
        padding: 30px 0 0;
    }

    #feat2 .cont-part,
    #feat3 .cont-part,
    #feat4 .cont-part {
        margin: 0;
    }

    #feat4 {
        margin-bottom: 80px;
    }

    .feature-section .img-part {
        display: none;
    }

    .header-top .cont-part {
        text-align: left;
    }
    .header-top .cont-part a{
        margin-right: 20px!important;
    }
    .i18n-en .header-top h1 {
        font-size: 42px;
    }

    .people-img {
        display: none;
    }

    .client-section {
        background: #fff;
    }

    .onlymob {
        display: block;
        margin: 30px 0;
        max-width: 300px;
        text-align: center;
        font-family: var(--primaryfont-regular);
        text-decoration: underline;
        text-transform: uppercase;
        font-size: 15px;
        color: #505050;
    }

    .client-section h4.onlymob {
        margin: 30px auto;
    }

    .zpheadimg {
        max-width: 350px;
        margin: 50px auto 0;
    }

    .client-section {
        top: 0;
    }

    /* .header-top .cta-btn {
        display: none;
    } */

    .client-section ul li {
        margin: 0 5px 15px 0;
        transform: scale(.85);
    }

    .client-section ul li.orientalinsurance {
        display: none;
    }

    .client-section ul li.bigblu {
        display: block;
        margin-right: 0;
    }

    .client-section ul {
        margin-top: 25px;
        padding-top: 25px
    }

    .client-section h4 {
        text-align: center;
    }

    .request-btn {
        margin: 15px 0;
    }

    .header-top .cont-part p {
        margin: 0 auto 15px;
    }

    .client-section {
        background: #f7f8fb;
        border-radius: 10px;
    }

    .app-section .col-block .zpsectimg {
        max-width: 200px;
    }

    #feat3 .screen-wrap ul li {
        margin: 40px 0 0;
    }

    #zheadvid {
        max-width: 340px;
        margin: 20px 0;
    }

    .other-lang #zheadvid {
        display: none;
    }
}




@media screen and (max-width: 400px) {
    .i18n-en .header-top h1 {
        font-size: 36px;
    }

    .feature-section h2 {
        font-size: 24px;
    }

    .screen-wrap ul li {
        width: 100%;
    }

    .screen-wrap ul li.active span,
    .screen-wrap ul li span {
        font-size: 9px;
    }

    .screen-wrap ul li span em {
        font-size: 8px;
    }

    #feat2 .leave-section {
        right: -20px;
    }

    #feat3 .screen-wrap li div:nth-child(2) {
        padding-left: 0;
    }

    span.z-circle:before {
        width: 55px;
        height: 55px;
    }

    #feat3 .screen-wrap ul li span {
        width: 52px;
        height: 52px;
    }

    #feat3 .screen-wrap ul li {
        font-size: 11px;
    }

    .screen-wrap {
        padding: 25px 8px;
    }



}

@media screen and (min-width: 992px) {
    .feature-section .cont-part {
        text-align: left;
    }

    .feature-section.rightimage .cont-part {
        padding-right: 80px;
    }

    .feature-section.leftimage .cont-part {
        padding-left: 80px;
    }
}


/* .app-section, .bottom-cta-section, .business-section, .cust-sect, .feature-section, .client-section, video {
    display: none;
} */

/* code for other lang */

.i18n-vi .header-top h1 {
    line-height: 1.3;
}

.other-lang .business-section {
    margin-top: 60px;
}

.other-lang .business-wrap:after {
    content: none;
}

.other-lang .app-section .col-block:nth-child(2) a,
.other-lang .app-section .col-block:nth-child(1) a {
    display: none;
}



/* end of code for other lang*/

/* Arabic starts */

.i18n-ar .header-top h1,
.i18n-ar .header-top p,
.i18n-ar .header-top .cont-part,
.i18n-ar .indust-wrap h4,
.i18n-ar .indust-wrap p,
.i18n-ar .bottom-cta-section .cta-part h2,
.i18n-ar .bottom-cta-section .cta-part span,
.i18n-ar .app-section h3,
.i18n-ar .app-section p,
.i18n-ar .int-txt,
.i18n-ar span.indusimg {
    text-align: center;
}

.i18n-ar .people-img li:first-child {
    right: 60px;
}

.i18n-ar .people-img li:nth-child(2) {
    right: 43px;
}

.i18n-ar .people-img li:nth-child(3) {
    left: -35px;
}

.i18n-ar .people-img li:nth-child(4) {
    left: 0;
}

.i18n-ar .request-btn {
    margin-right: 20px;
    margin-left: 0;
}

.i18n-ar ul.list-item li {
    padding-right: 35px;
    padding-left: 0;
}

.i18n-ar ul.list-item li:before {
    right: 0;
    left: auto;
}

.i18n-ar .notifi span {
    margin: 0 10px -5px 0;
}

.i18n-ar .screen-wrap:before {
    right: 0;
    left: auto;
}

.i18n-ar .screen-wrap {
    padding: 30px 40px 40px 0;
}

.i18n-ar .screen-wrap ul li.active:after {
    left: -50px;
    right: auto;
    transform: rotateY(180deg);
}

.i18n-ar .business-section .content-wrap,
.i18n-ar .bottom-cta-section .content-wrap {
    padding: 60px 60px 30px 60px;
}

.i18n-ar .screen-wrap ul li.active {
    right: -33px;
    left: auto;
}

.i18n-ar .notifi {
    text-align: left;
}

.i18n-ar .sub-img {
    right: 160px;
    left: auto;
}


.i18n-ar #feat2 .cont-part,
.i18n-ar .zpcustwrap,
.i18n-ar #feat1 .cont-part {
    text-align: right;
}

.i18n-ar #feat3 .screen-wrap:after {
    right: -61px;
    left: auto;
    transform: rotateY(180deg);
}

.i18n-ar #feat3 .screen-wrap {
    padding: 30px 60px 40px 30px;
}

.i18n-ar .custom-rating,
.i18n-ar .custom-rating-img {
    left: 100px;
    right: auto;
}

.i18n-ar .goals li:before {
    right: -20px;
    left: auto;
}

.i18n-ar #feat3 .screen-wrap ul.goals li:after {
    right: 0;
    left: auto;
}

.i18n-ar .cust-appr-img {
    margin-left: 20px;
    margin-right: 0;
}

.i18n-ar .cust-appr-txt {
    border-radius: 40px 0 40px 40px;
}

.i18n-ar #feat3 .cust-appreciation {
    right: 50px;
    left: auto;
}

.i18n-ar span.cust-appr-txt:after {
    left: 20px;
    right: auto;
}


.i18n-ar .invitee {
    right: 280px;
    left: auto;
}

/* .i18n-ar .medlife {
    margin: 0 0 20px 75px;
} */

.i18n-ar .stars-container:before {
    right: 0;
    left: auto;
}

.i18n-ar .zpcustimg:before {
    right: -10px;
    left: auto;
}

.i18n-ar .people-img li:nth-child(4):after {
    right: 135px;
    left: auto;
    top: 220px;
}

.i18n-ar .people-img li:nth-child(1):after {
    right: -40px;
    left: auto;
}

.i18n-ar .col-block .minwrap {
    text-align: center;
}

@media only screen and (max-width: 1024px) {

    .i18n-ar #feat2 .cont-part,
    .i18n-ar .zpcustwrap,
    .i18n-ar #feat1 .cont-part {
        text-align: center;
    }

    .i18n-ar .business-wrap .business-icons p {
        max-width: 220px;
        text-align: right;
    }

}



@media screen and (max-width: 991px) {

    .i18n-ar .feature-section h2,
    .i18n-ar .feature-section p,
    .i18n-ar .business-wrap h2,
    .i18n-ar .business-wrap p,
    .i18n-ar .range-slider,
    .i18n-ar .business-wrap p {
        text-align: center;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .i18n-de .business-icons .col-block {
        width: 44%;
    }

    .i18n-de .business-icons .col-block {
        vertical-align: top;
    }


}


@media screen and (max-width: 767px) {

    .i18n-es-xl .act-btn,
    .i18n-pt-br .act-btn,
    .i18n-fr .act-btn,
    .i18n-nl .act-btn,
    .i18n-de .act-btn,
    .i18n-th .act-btn,
    .i18n-id .act-btn,
    .i18n-ar .act-btn,
    .i18n-vi .act-btn,
    .i18n-it .act-btn,
    .i18n-jp .act-btn {
        font-size: 13px;
        padding: 12px 20px;
        text-align: center;
    }

    .i18n-es-xl .request-btn,
    .i18n-pt-br .request-btn,
    .i18n-fr .request-btn,
    .i18n-nl .request-btn,
    .i18n-de .request-btn,
    .i18n-th .request-btn,
    .i18n-id .request-btn,
    .i18n-ar .request-btn,
    .i18n-vi .request-btn,
    .i18n-it .request-btn,
    .i18n-jp .request-btn {
        font-size: 13px;
        padding: 12px 20px;
    }

}

@media screen and (max-width: 480px) {

    .i18n-es-xl .act-btn,
    .i18n-pt-br .act-btn,
    .i18n-fr .act-btn,
    .i18n-nl .act-btn,
    .i18n-de .act-btn,
    .i18n-th .act-btn,
    .i18n-id .act-btn,
    .i18n-vi .act-btn,
    .i18n-it .act-btn,
    .i18n-jp .act-btn {
        margin-right: 10px;
    }

    .i18n-ar .act-btn {
        margin-left: 10px;
    }

}

@media screen and (max-width: 1399px) {
    .i18n-ar #feat1 .cont-part {
        padding: 80px 40px 0 0;
    }

    .i18n-ar #feat2 .cont-part {
        padding: 40px 0 0 40px;
    }
}

@media screen and (min-width: 992px) {
    .i18n-ar .feature-section .cont-part {
        text-align: right;
    }

}

@media screen and (max-width: 992px) {
    .i18n-ar .countrt {
        text-align: center;
    }

    .i18n-ar #feat3 .screen-wrap li div:nth-child(2) {
        text-align: left;
    }



}

@media only screen and (max-width: 768px) {

    .i18n-ar .feature-section h2,
    .i18n-ar .feature-section p,
    .i18n-ar #feat2 .cont-part,
    .i18n-ar .zpcustwrap,
    .i18n-ar #feat1 .cont-part,
    .i18n-ar #feat2 .cont-part,
    .i18n-ar #feat3 .cont-part,
    .i18n-ar #feat4 .cont-part {
        text-align: right;
    }

    .i18n-ar .badgwrap {
        text-align: center;
    }

    .i18n-ar #feat2 .leave-section {
        right: initial;
        left: 90px;
    }

    .i18n-ar .checkout-section {
        left: initial;
        right: -50px;
    }

    .i18n-ar .integration-section,
    .i18n-ar .min-wrap {
        text-align: center;
    }

    .i18n-ar .request-btn {
        margin: 15px auto 0;
    }

    .i18n-ar .people-img li:nth-child(4):after,
    .i18n-ar .people-img li:nth-child(1):after {
        display: none;
    }

    .i18n-ar .screen-wrap ul li {
        width: 100%;
    }

    .i18n-ar #feat1 .screen-wrap ul li:nth-child(2) .employee-img img {
        top: 5px;
        left: -1px;
        max-width: 30px;
    }

    /* 
.i18n-ar .screen-wrap ul li span {
    width: 68px;
} */

    .i18n-ar .notifi .employee-img img {
        top: 8px;
    }

    .i18n-ar .screen-wrap ul li.active span.date,
    .i18n-ar .screen-wrap ul li span.date {
        display: none;
    }

    .i18n-ar #feat1 .screen-wrap ul li.active .employee-img div,
    .employee-img div {
        width: 36px;
        height: 36px;
    }

    .i18n-ar .screen-wrap ul li span.employee-name,
    .screen-wrap ul li.active span.employee-name {
        width: 45%;
    }

    .i18n-ar .header-top a {
        text-align: center;
    }

    .i18n-ar #feat1 .screen-wrap ul li.active .employee-img img {
        margin: 0;
        top: 5px;
    }

}

@media screen and (max-width: 600px) {
    .i18n-ar .notifi {
        float: left;
    }

    .i18n-ar .screen-wrap ul li.active {
        right: -23px;
    }

    .i18n-ar .screen-wrap {
        padding: 30px 15px 40px 20px;
    }

    .i18n-ar #feat2 .leave-section {
        left: 40px;
    }

    .i18n-ar #feat3 .screen-wrap ul.goals li:after {
        bottom: -19px;
    }
}

@media screen and (max-width: 480px) {
    .i18n-ar #feat3 .screen-wrap ul.goals li:after {
        bottom: 0;
    }


    .i18n-ar #feat1 .cont-part,
    .i18n-ar #feat2 .cont-part,
    .i18n-ar #feat3 .cont-part,
    .i18n-ar #feat4 .cont-part {
        padding: 40px 0 0 0;
    }
}


/* Arabic Ends */





/* Arabic starts */

@media screen and (max-width: 1399px) {
    .i18n-ar #feat3 .cont-part {
        padding: 40px 0 0 20px;
    }

    .i18n-ar #feat4 .cont-part {
        padding: 40px 0 0 40px;
    }

    .i18n-ar .invitee {
        bottom: -70px;
        right: 170px;
    }
}

@media screen and (max-width: 1024px) {
    .i18n-ar .people-img li:nth-child(4):after {
        top: 110px;
        right: 100px;
    }
}

@media screen and (max-width: 991px) {
    .i18n-ar #feat1 .cont-part {
        padding: 20px 20px 0 20px;
    }

    .i18n-ar .invitee {
        left: 0;
        right: unset;
    }

    .i18n-ar .business-wrap p {
        margin: 0 0 20px;
    }
}

@media screen and (max-width: 600px) {
    .i18n-ar #feat2 .leave-section {
        left: 0;
    }
}

/* Arabic ends  */

.feature-section-tt{
    text-align: center;
    padding-top: 40px;
}

/* testimonial_sec_footer */
.testimonial_sec_footer {
	max-width: 1400px;
	margin: 0 auto;
	text-align: left;
	width: 90%;
	padding: 60px 0 30px 0;
}
.crmbadge-txt {
    font: 14px/1 'Roboto';
    color: #000;
    background: #eee;
    border-radius: 20px;
    padding: 6px 12px 5px;
    margin-bottom: 10px;
    display: inline-block;
}
.testimonial_slider_footer h2,.testimonial_slider_footer h3 {
	margin-bottom: 5px
}
.testimonial_slider_footer ul h2,.testimonial_slider_footer h2 {
	font: 400 20px/1.5 'Roboto';
}
.testimonial_slider_footer h3,.testimonial_slider_footer ul h3{
        font: 400 17px/1.5 'Roboto';
}
.testimonial_slider_footer p, .testimonial_slider_footer li {
	font: 14px/1.8 'Roboto';
	padding-bottom: 0px;
}
.testimonial_slider_footer p{
        margin-bottom: 0px;
}
.testimonial_slider_footer ul li {
	position: relative;
	padding: 0;
        margin: 0 0 0 18px;
}
.testimonial_slider_footer ul li:after {
        content: '';
         position: absolute;
         width: 6px;
         height: 6px;
         background: #000;
         left: -12px;
         border-radius: 50%;
         top: 8px;
}
.testimonial_slider_footer ul {
	display: inline-block;
	vertical-align: top;
       margin: 15px  30px 0 0;
       text-align: left;
       width:25%
}
.testimonial_slider_footer ul.center_elm{
     width:42%
}
ul.list_mrgleft{
     margin-right:0
}
.testimonial_slider_footer .slick-dots{
    margin: 30px 0;
}
.testimonial_innersec_footer .slick-dots li {
    border: 1px solid #919599 !important;
    width: 8px !important;
    height: 8px;
    background: #fff;
}
.testimonial_innersec_footer .slick-dots li.slick-active {
	background: #919599 !important;
        height: 8px; 
}
.testimonial_slider_footer a {
    color: #0067ff;
}
@media screen and (min-width:768px){
    .slick-slide{padding:20px;}
}
/* testimonial_sec_footer End */

.bottom-cta-wrap .content-wrap{
     padding-top:0px!important;
     padding-bottom:50px!important;
}
.bottom-cta01{
     background:#fff;
     border:1px solid #03a9f5;
     color:#03a9f5;
}

/*===============================================*/
.section-3{display: inline-block;  width: 100%;   margin-right: 15px;   vertical-align: top;   position: relative;  background: #fff; border-radius: 10px; padding-bottom: 46px;  border: 1px solid #ececec;    margin-top: 20px;}
.section-3:before {
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    background: url('/sites/zweb/images/people/testibg.png') no-repeat;
    background-size: 220px auto;
    width: 250px;
    height: 406px;
    z-index: -1;
}
.education-slider-1{position:relative;padding:18px 0 0; background: #fff;}/*.education-slider-1:before{content:'';position:absolute;height:1px;width:877px;left:50%;top:50px;transform:translateX(-50%);margin:0 0 0 -780px;background:rgba(255,255,255,1);background:-moz-linear-gradient(left,rgba(255,255,255,1) 15%,rgba(215,215,215,1) 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,1) 15%,rgba(215,215,215,1) 100%);background:-o-linear-gradient(left,rgba(255,255,255,1) 15%,rgba(215,215,215,1) 100%);background:-ms-linear-gradient(left,rgba(255,255,255,1) 15%,rgba(215,215,215,1) 100%);background:linear-gradient(to right,rgba(255,255,255,1) 15%,rgba(215,215,215,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=1)}*/.slide-contain{max-width:1170px;margin:0 auto;display:flex;justify-content:space-between; padding-bottom: 40px;}.slide-contain h2{font-size:38px;font-family:var(--zf-primary-bold)}.slide-contain div:nth-child(1){width:100%;box-sizing:border-box;padding:0}.slide-contain div:nth-child(2){width:500px}.slide-contain div:nth-child(2) img{max-width:710px}.slide-contain img.customer-logo{display: block; width: 140px;  margin: 0 auto;}.slide-contain img.customer-logo01{width: 100px;} .section-3 .slick-dots{position:absolute;bottom:initial;bottom:-52px;max-width:296px;left:82%;transform:translateX(-50%)}.section-3 .slick-next,.section-3 .slick-prev{bottom: -15px; left:calc(94% - 268px);transform:translateX(-50%); top: auto;}.section-3 .slick-next{left:calc(116% - 240px)}.slick-slide{outline:0}.section-3 .slick-dots{text-align:left;float:none}.slick-next,.slick-prev{width:15px;overflow:hidden;left:0}.slick-next{right:initial}.slick-next:after,.slick-next:before,.slick-prev:after,.slick-prev:before{background:#a8acb6;height:13px;width:1px}.slick-next:after,.slick-next:before{right:4px;top:initial}.slick-prev:after,.slick-prev:before{left:4px;top:initial}.section-3 .slick-dots li{border:0;background:0;border-bottom:3px solid transparent;border-radius:0;width:60px;height:52px;text-align:center;padding:0 15px 19px}.slick-dots li.slick-active{border:0;background:0;width:60px;height:52px;border-bottom:3px solid #496fe0}.slick-dots li a{color:#616161}.slick-dots li.slick-active a{color:#496fe0}.normal-layout{display:none}.footer-sec-wrap{border:0}
@media(min-width:768px){
.animation-element{opacity:0;position:relative}
.animation-element.slide-left{transition:all 1.5s linear;transform:translate3d(-50px,0,0)}
.animation-element.slide-left.in-view{opacity:1;transform:translate3d(0,0,0)}
.animation-element.slide-zoom{transition:all 1.5s;transform:scale(0)}
.animation-element.slide-zoom.in-view{opacity:1;transform:scale(1);transform-origin:center}
.animation-element.slide-right{transition:all 1.5s linear;transform:translate3d(50px,0,0)}
.animation-element.slide-right.in-view{opacity:1;transform:translate3d(0,0,0)}
.animation-element.slide-down{transition:all 1.5s linear;transform:translate3d(0,-50px,0)}
.animation-element.slide-down.in-view{opacity:1;transform:translate3d(0,0,0)}
.animation-element.slide-up{transition:all 1.5s linear;transform:translate3d(0,50px,0)}
.animation-element.slide-up.in-view{opacity:1;transform:translate3d(0,0,0)}
}
@media only screen and (min-width:1500px){
.banner-cont h1{font-size:56px}
.section-1 ul li h3{font-size:34px}
.section-1 .container{max-width:960px}
}
@media (min-width: 1501px) and (max-width: 1680px) {
.education-slider-1{padding-top: 42px;}
.section-3{padding-bottom: 90px;}
.client-section{ max-width: 100%;}
.client-section ul li{ margin: 0 20px 40px;}
}
@media only screen and (min-width:1681px){
.banner-section{max-width:100%}
.banner-section:before{background-position:right bottom 30px;background-size:80%}
.banner-bg{background-position:right bottom -30px;background-size:80%;left:-20px}
.heli-cam{margin:-170px 0 0 500px}
.banner-human{bottom:30px}
p{font-size:21px;line-height:1.8}
.banner-cont h1{font-size:70px}
.section-1 .container{max-width:1170px}
.section-1 ul li h3{font-size:46px}
.section-2{height:1000px;box-sizing:border-box}
.slide-contain div:nth-child(2) img{max-width:900px}
.testimonial-steps img{width:1140px}
.section-3{margin:15px 15px 0 0}
.education-slider-1{padding:46px 0 0}
}
@media only screen and (min-width:1921px){
.banner-cont{padding:100px 0 0}
.heli-cam{margin:-200px 0 0 700px}
.banner-bg{left:100px}
}
@media only screen and (max-width:1499px){
p{font-size:17px}
.banner-cont{max-width:600px;padding:30px 0 0}
.banner-cont a{margin:10px 0 0}
.section-1 .container{max-width:980px}
.section-1 ul li h3{font-size:36px}
.section-2 ul{margin:00px 0 0 0}
.slide-contain h2{font-size:34px}
.indivual-images-wrap img:nth-child(1){max-width:400px}
.indivual-images-wrap img:nth-child(2){max-width:300px;margin:-190px 0 0 50px}
.indivual-images-wrap img:nth-child(3){max-width:170px;margin:-260px 0 0 -140px}
.indivual-images-wrap img:nth-child(4){max-width:300px;margin:130px 0 0 -400px}
.indivual-images-wrap img:nth-child(5){max-width:350px;margin:-150px 0 0 -450px}
.indivual-images-wrap img:nth-child(6){max-width:260px;margin:20px 0 0 380px}
.indivual-images-wrap img:nth-child(7){max-width:380px;margin:-180px 0 0 420px}
.indivual-images-wrap img:nth-child(8){max-width:180px;margin:150px 0 0 320px}
.testimonial-steps{margin-left:-210px}.testimonial-steps img{width:1000px}
}
.slide-contain div:nth-child(2){width:600px}
.slide-contain h2{font-size:26px}
}
@media only screen and (max-width:1365px){
.heli-cam{margin:-140px 0 0 320px}
}
@media only screen and (max-width:1200px){
.container{width:90%}
.banner-section{height:auto}
.banner-bg{position:static;height:600px;background-image:url(//www.zohowebstatic.com/sites/zweb/images/people/education-industry-banner-full.png);background-position:center bottom 0;background-size:100%;margin-top:-80px}
.heli-cam{display:none}
.banner-cont{max-width:580px}
.banner-cont h1{font-size:48px}
.section-1{padding:100px 0 0}
.section-1:before{content:none}
.section-1 .container{max-width:880px}
.section-2{display:none}
.section-3{margin:0}
.education-slider-1{width:100%;margin:0 auto;padding:0}
.section-3 .slick-next,.section-3 .slick-prev{display:none !important}
.education-slider-1:before{display:none}
.banner-human{display:none}
.section-3 .slick-dots{left:50%}
.slide-contain div:nth-child(1){padding:5px 80px 0}
.testimonial-steps img{width:780px}
.testimonial-steps{margin-left:10px}
.testi-wrap ul{max-width:450px}
}
@media only screen and (max-width:1100px){
.banner-bg{margin-top:-130px}
}
@media only screen and (max-width:992px){
p{font-size:15px}
.container{width:90%}
.banner-section{background:0}
.banner-bg{margin-top:-170px}
.banner-cont{text-align:center;margin:0 auto}
.banner-human{display:none}
.banner-cont h1{font-size:38px;max-width:510px;margin:5px auto 15px}
.education-slider-1:before{content:none}
.section{padding:25px 0}.section-1{margin:60px 0 0}
.section-1 ul li{width:30%}
.section-1 ul li h3{font-size:28px}
.slide-contain{display:block;width:90%;margin:0 auto 15px}
.slide-contain h2{font-size:34px}
.slide-contain div{width:100%;text-align:center;padding:0;margin:0 0 30px}
.slide-contain div:nth-child(1){max-width:560px;width:100%;padding:0;margin:0 auto 30px}
.slide-contain div:nth-child(2){width:100%}
.slide-contain div:nth-child(2) img{max-width:500px;width:100%}
.testimonial-steps img{display:none}
.testi-wrap ul{float:none;margin:0 auto;text-align:center}
.testi-wrap ul .slick-slide{background-position:center top}
.slick-dots li{display:none}
.testi-wrap ul .slick-slide{padding:60px 0 0;background:url(//www.zohowebstatic.com/sites/zweb/images/people/testi-quote.png) no-repeat center top;background-size:70px}
.education-slider-1{padding:60px 0 0}
.section-4 .slick-next,.section-4 .slick-prev{top:50%;bottom:initial;left:-15px;transform:translate(0,-50%)}
.section-4 .slick-next{left:initial;right:-15px}
ul.int-wrap.data-loaded{justify-content: center;}
}
@media only screen and (max-width:767px){
.banner-cont h6{margin:0}
.banner-cont a.act-btn{padding:10px 30px;font-size:17px}
.wrapper{overflow:auto}
.section{overflow:hidden;padding:20px 0}
.banner-cont h1{font-size:32px}
.section-1 ul{display:block}
.section-1 ul li{max-width:260px;width:100%;margin:0 auto 40px}
.section-1 ul li:last-child{margin-bottom:0}
.slide-contain h2{font-size:27px;max-width:470px;margin:0 auto 20px}
.education-slider-1{padding:30px 0 0}
.common-links p{margin:0}
}
@media only screen and (max-width:480px){
.section-1 ul li{width:100%}
.banner-cont p{font-size:17px}
.banner-bg{height:400px;margin-top:-140px;background-size:120%}
.banner-cont h6{font-size:11px;letter-spacing:1px;border-width:1px;margin:0 0 10px}
.app-section h3 {font-size: 25px; }
}
@media only screen and (min-width:3001px){
.wrapper{height:auto !important}
.indivual-images-wrap img{opacity:1}
.section-2 ul{top:600px}.section-2 ul li:nth-child(1){left:0}
.section-2 ul li:nth-child(2){left:160px}
.section-2 ul li:nth-child(3){left:325px}
.section-2 ul li:nth-child(5){left:695px}
.section-2 ul li:nth-child(6){left:855px}
.section-2 ul li:nth-child(7){left:1015px}
.section-2 ul li:nth-child(4){left:44%}
}
.slideLeft{-webkit-animation-name:slideLeft;animation-name:slideLeft}.slideRight{-webkit-animation-name:slideRight;animation-name:slideRight}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes slideLeft{from{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0);visibility:visible;opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes slideLeft{from{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0);visibility:visible;opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes slideRight{from{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0);visibility:visible;opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes slideRight{from{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0);visibility:visible;opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes forwardAnim{0%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-51%)}100%{transform:translate(-50%,-50%)}}@keyframes backwardAnim{0%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-49%)}100%{transform:translate(-50%,-50%)}}@keyframes fwdBwdAnim{0%{top:50%}50%{top:48.5%}100%{top:50%}}.i18n-ar .section-1 ul li h3,.i18n-ar .section-1 ul li p,.i18n-ar .indivual-person p,.i18n-ar .indivual-person h3,.i18n-ar .section-5 h2,.i18n-ar .section-5 p{text-align:center}.i18n-ar .testi-wrap ul{float:left}@media screen and (max-width: 1599px) { .section-3{
        padding-bottom: 40px;
    }
    .education-slider-1{
       padding-top: 40px;
    }
}.i18n-ar @media only screen and (max-width:1499px){ .testimonial-steps{margin-left:-135px}.i18n-ar .testimonial-steps{left:70%}.i18n-ar .testimonial-steps img{width:900px}}.i18n-ar @media only screen and (max-width:1499px) .testimonial-steps img{width:900px}.i18n-ar @media only screen and (max-width:992px) .slide-contain h2,.i18n-ar @media only screen and (max-width:992px) .slide-contain p{text-align:center}.i18n-ar .heli-cam{display:none}.i18n-ar .education-slider-1:before{right:-26%}.i18n-ar .section-3 .slick-prev{left:calc(70% - 260px)}.i18n-ar .section-3 .slick-next{left:calc(70% - 240px)}.i18n-ar .slick-slider .slick-dots{text-align:right}.i18n-ar .slide-contain div:nth-child(1){padding:100px 100px 0 100px}@media only screen and (min-width:1200px){.other-lang .banner-cont h1{font-size:43px}}@media screen and (min-width:993px) and (max-width:1199px){.i18n-ar .slide-contain div:nth-child(1){padding:100px 40px 0 0}}@media only screen and (max-width:992px){.i18n-ar .banner-cont h1,.i18n-ar .banner-cont h6,.i18n-ar .banner-cont p,.i18n-ar .banner-cont,.i18n-ar .banner-section,.i18n-ar .banner-cont{text-align:center}.i18n-ar .section h2,.i18n-ar .section p{text-align:center}.i18n-ar .slide-contain div:nth-child(1){padding:0}}
/*===============================================*/


@media screen and (max-width:640px) {
.section-3 { width: 78%;}

}

@media screen and (max-width:480px) {
.section-3 { width: 100%;}

}
/* 权威机构 */
.zwc-award-sec {
    margin: 0 auto;
    position: absolute;
    top: -260px;
    transform: translateX(-50%);
    left: 50%;
}
.zwc-award-sec h3 {
    font-size: 24px;
    letter-spacing: -0.48px;
    margin-bottom: 40px;
    text-align: center;
    font-family: var(--primaryfont-semibold);
}
.zwc-flx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flx-jstfy-cntr {
    justify-content: center;
}
.zwc-badge-wrap ul {
    gap: 20px;
    flex-wrap: nowrap;
}
.zwc-badge-wrap ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ebebeb;
    box-shadow: 0 24px 24px -8px rgba(0, 0, 0, 0.08);
    gap: 2px;
    padding: 35px 40px;
}
.zwc-badge-wrap ul li .zwc-rate-icon img {
    transform: scale(1.3);
}
.zwc-badge-wrap ul li .zwc-rate-val {
    background: #f5f5f5;
    border-radius: 60px;
    font-size: 12px;
    font-family: var(--zf-secondary-semibold);
    color: #000;
    padding: 3px 5px 2px;
}
.zwc-badge-wrap ul li .zwc-rate-star {
    --percent: 0;
    display: inline-block;
    font-size: 0;
    margin-top: 4px;
    transition: --percent .3s ease;
}
.zwe-ob .zwc-badge-wrap ul li .zwc-rate-star {
    animation: fillStars 2s forwards;
}
@keyframes fillStars{0%{--percent:0}20%{--percent:20%}40%{--percent:40%}60%{--percent:60%}80%{--percent:80%}100%{--percent:calc(4.4 / 5 * 100%)}}
.zwc-badge-wrap ul li .zwc-rate-star::before {
    content: "\2605\2605\2605\2605\2605";
    background: linear-gradient(100deg, #ffb13d var(--percent), #d1d1d1 var(--percent));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 30px;
    line-height: 1;
    letter-spacing: 2px;
    font-family: monospace !important;
}
.zwc-badge-wrap ul li img{
    max-width: unset;
}

.zwc-badge-wrap ul li:nth-child(2) img{
width: 120px;
    height: 102px;
}
.zwc-badge-wrap ul li:nth-child(3) img{
width: 120px;
    height: 127px;
}
.zwc-badge-wrap ul li:nth-child(4) img{
width: 110px;
    height: 126px;
}
.zwc-badge-wrap ul li:nth-child(5) img{
width: 120px;
    height: 120px;
}
.zwc-badge-wrap ul li:nth-child(6) img{
    width: 52px;
}
@media screen and (max-width: 1399px) {
.zwc-badge-wrap ul li {
        padding: 20px;
    }
.zwc-badge-wrap ul li img{
    width: 77px!important;
    height: auto!important;
}
.zwc-badge-wrap ul li:first-child img, .zwc-badge-wrap ul li:last-child img{
    width: 50px!important;
    height: auto!important;
}
}
@media screen and (max-width: 991px) {
.zwc-award-sec{
    position: unset;
    transform: none;
}
.zwc-badge-wrap ul{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
}
@media only screen and (max-width:768px){
.zwc-award-sec{
    margin-bottom: 65px;
}
}
@media screen and (max-width: 600px) {
.cust-sect .zwc-award-sec .zwc-badge-wrap ul li:nth-child(5), .cust-sect .zwc-award-sec .zwc-badge-wrap ul li:nth-child(6){
    display: block;
}
    .zwc-badge-wrap ul li {
        padding: 18px 10px;
    }
.zwc-badge-wrap ul{
    grid-template-columns: repeat(2, 1fr);
    padding-bottom: 60px;
}
}
@media only screen and (max-width:400px){
    .zwc-badge-wrap ul li {
        padding: 18px 0px;
    }
}
/* 权威机构 end*/