* {
    box-sizing: border-box;
}

.pagewrapper{
    overflow: hidden;
}





    
        
        p {
            font-size: 17px;
            color: #222
        }
        

        .zw-product-header  {
            background: transparent linear-gradient(270deg, #4A4AD5 0%, #262691 100%) 0% 0% no-repeat padding-box; 
        }

        .bgwrap {
            background: transparent linear-gradient(270deg, #4A4AD5 0%, #262691 100%) 0% 0% no-repeat padding-box;  
        }
        
        .header-top {
        color: #fff;
        position: relative;
        padding: 90px 0 0;
        /* background-image: linear-gradient(#2453ff,#3924e7); */
        /* background:#3233E5; */
        }


.header-top .img-part::before {
    content: '';
position: absolute;
top: -60px;
right: -60px;
background: transparent linear-gradient(171deg,#c6ffdc 0%,#4949d3 100%) 0% 0% no-repeat padding-box;
width: 400px;
height: 400px;
border-radius: 50%;
z-index: -2;
opacity: 0;
transform: translate(0, 50px);
transition: all 500ms ease-in;
}

.header-top .zwe-om .img-part::before {
    transition-delay: 1500ms;
    transform: translate(0, 0);
    opacity: .3;
}

.header-top .lnwrap {
        opacity: 0;
    transition: all 500ms ease-in;
    transform: rotate(36deg) translate(100px, 10px);
    position: absolute;
    bottom: unset;
    left: 160px;
    z-index: -1;
    top: -70px;
}


.header-top .zwe-om .lnwrap {
    opacity: 1;
    transition-delay: 1500ms;
    transform: rotate(36deg) translate(0, 10px);
} 


.lnwrap span {
    width: 120px;
height: 1px;
background: #fff;
display: block;
margin-bottom: 15px;
}


        .header-top .img-part .subimg {
            position: absolute;
            left: 240px;
            width: 166px;
            bottom: 160px;
            border-radius: 10px;
        }

        .header-top .img-part .subimg.sub2 {
            bottom: unset;
            top: -40px;
            left: unset;
            right: 0;
            width: 200px;
        }

        .header-top .img-part .subimg.sub3 {
            left: unset;
            right: -30px;
            width: 120px;
            bottom: 290px;
        }

        .header-top .img-part img:not(.subimg) {
            max-width: 450px;
            border-radius: 20px;
            width: 100%;
            opacity: 0;
        }

        .header-top .img-part img, .ztask.hir {
            opacity: 0;
            transition: opacity 500ms linear;
        }

        .header-top .zwe-om .img-part img, .zwe-om .ztask.hir {
            opacity: 1;
        }

        .header-top .zwe-om .img-part img:not(.subimg) {
            transition-delay: 500ms;
        }

        .header-top .img-part .subimg {
            transition-delay: 800ms;
        }

        .header-top .img-part .subimg.sub2 {
            transition-delay: 1000ms;
        }

        .header-top .img-part .subimg.sub3 {
            transition-delay: 1200ms;
        }

        .ztask.hir {
            transition-delay: 900ms;
        }
        
        .header-top, .zsection1, .zsection2, .header-top p, .zsection1 p {
            color: #fff;
        }

        .stars-container {
            position: relative;
        }

        .stars-container:after {
            content: '\2605\2605\2605\2605\2605';
            position: absolute;
            top: -3px;
            left: 0;
            color: #f9a826;
            overflow: hidden;
            transition: ease all 3s;
            width: 0;
        }

        .zwe-ob .stars-container:after{
            animation: starRateTwo .5s ease-out 1.8s forwards;
        }

        .badge {
            background: url('/sites/zweb/images/people/zp-smb-sprite.png') no-repeat;
        background-size: 880px auto;
        width: 44px;
        height: 50px;
        background-position: -430px -50px;
        }

        .getapp {
            background-position: -473px -50px;
            width: 124px;
        }

        .capterra {
            background-position: -601px -50px;
            width: 124px;
        }

        .zrating {
            margin-top: 40px;
        }

        .zrating ul {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
        }

        .zrating ul li {
            margin: 0 10px;
        }

        @keyframes starRateTwo {
            0% {
                width: 0;
                opacity: 0;
            }

            100% {
                width: 90%;
                opacity: 1;
            }
        }

        .zpcustomer {
            background: #fff;
            padding: 20px 10px;
            border-radius: 8px;
            margin-top: 90px;
            max-width: 660px;
        }

        .ztask {
            background: #eaffed;
            color: #000;
            padding: 15px 20px;
            position: absolute;
            top: 40px;
            right: -30px;
            font-size: 12px;
            border-radius: 10px;
            width: 120px;
            text-align: left;
        }

        .hir .ztriup {
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 15px solid #42de60;
        }

        .ztask em {
            font-style: normal;
            font-size: 27px;
            display: block;
            font-family: var(--zf-secondary-extrabold);
        }

        .ztask.cls {
            top: 150px;
            background: #FFF7ED;
        }

        .ztask.hir {
            top: unset;
            bottom: 240px;
            width: 156px;
            background: #EBFFFC;
            padding: 20px 30px;
            left: 60px;
            font-size: 11px;
        }

        .ztriup {
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-bottom: 7px solid #42DE60;
            display: inline-block;
            vertical-align: middle;
        }

        .ztridown {
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 7px solid #E34E17;
            display: inline-block;
            vertical-align: middle;
        }

        .zpcustomer ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        
        .zpcustomer li {
            background: url('/sites/zweb/images/people/zp-smb-sprite.png') no-repeat;
            background-size: 800px auto;
            width: 122px;
            height: 40px;
            margin: 0 10px;
        }

        .zpcustomer li.athreon {
            background-position: -662px -49px;
            width: 30px;
            height: 40px;
        }

        .zpcustomer li.tesna {
            background-position: -689px -48px;
            width: 68px;
        }

        .zpcustomer li.tabtree {
            background-position: -5px -83px;
width: 129px;
background-size: 750px auto;
        }

        .zpcustomer li.cabot {
            background-position: -125px -76px;
            width: 160px;
            background-size: 700px auto;
                
        }

        .zpcustomer li.innocode {
            background-position: -272px -78px;
            width: 124px;
            background-size: 700px auto;
        }
        
        /* #header {
        background: #2453ff;
        } */
        
        
        .header-top p {
        font-size: 22px;
        max-width: 580px;
        margin-bottom: 40px;
        }
        
        .header-top .content-wrap {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        
        .header-top .cont-part{
            width: 60%;
        }
        
        .header-top .img-part  {
            width: 40%;
            text-align: center;
            position: relative;
            z-index: 1;
            top: 30px;
        }
        
        .header-top .cont-part {
            margin-bottom: 60px
        }
        

        
        .header-top h1 {
            font-size: 60px;
            margin-bottom: 20px;

        }
        
        .header-top h1 span {
            color: #ffa800;
        }
        
        .act-btn {
            padding: 18px 35px;
        }
        
        .zsection1 {
            /* background:#3233E5; */
            padding: 80px 60px;
            position: relative;
            z-index: 1;
        }
        
        .zsection1 .colblk {
            font-size: 100px;
            font-family: var(--zf-secondary-thin);
        }

        .zsection1 .content-wrap {
            display: flex;
            flex-wrap: wrap;
            overflow: visible;
            justify-content: space-between;
        }
        
        .zsection1 .contpart {
            text-align: center;
            width: 100%;
            position: relative;
        }

        .zsection1 .contpart:before {
            content: '';
            position: absolute;
            left: 134px;
            top: -50px;
            border: 1px dotted #6d6dd3;
            width: 78%;
            height: 1px;
        }


        /* .zsection1 .colblk span {
            font-size: 100px;
            font-family: var(--zf-secondary-thin);
        } */


        /* .colblk {
            font-size: 100px;
font-family: var(--zf-secondary-thin);
        } */

.count {
min-width: 122px;
display: inline-block;
font-family: var(--zf-secondary-thin);
}

.zicon {
background: url('/sites/zweb/images/people/zp-smb-sprite.png') no-repeat;
background-size: 1400px auto;
width: 65px;
height: 60px;
display: block;
background-position: -810px -164px;
margin-bottom: 20px;
}

.zicon.icon2 {
background-position: -1086px -164px;
}

.zinfo .colblk span.zorg {
font-size: 19px;
color: #fff;
font-family: var(--zf-secondary-medium);
}

.zinfo .colblk span.count {
display: inline-block;
}

.zinfo .colblk em {
font-size: 50px;
font-family: var(--zf-secondary-thin);
}

.zsection1 .colblk:nth-child(3) .count {
min-width: 150px;
}

.zsection1 .colblk:nth-child(1) .count {
    min-width: 88px;
    }
    

        .zsection1 .colblk li:last-child:after {
            content: none;
        }

        .zsection1 .imgpart img {
            max-width: 850px;
        }
        
        .zsection1 .imgpart {
            width: 30%;
        }
        .zsection1 h2 {
            font-size: 60px;
            max-width: 700px;
        }
        
        .zsection1 p {
            margin-bottom: 50px;
            font-size: 22px;
            line-height: 2;
        }
        
        .zsection1 h2 span {
            font-family: var(--zf-primary-regular);
        }
        
        .zsection1 h2 {
            font-family: var(--zf-primary-bold);
        }
        
        .zsection1 .colblk li:before {
            content: '';
            position: absolute;
            top: 14px;
            left: -1px;
            border-left: 3px solid #fff;
            border-bottom: 3px solid #fff;
            width: 16px;
            height: 6px;
            transform: rotate(-45deg);
            z-index: 1;
        }
        
        .colblk {
            display: inline-block;
            vertical-align: top;
            width: 30%;
            position: relative;
        }

        .zinfo {
            text-align: center;
            background: transparent linear-gradient(181deg, #4A4AD5 0%, #262691 100%) 0% 0% no-repeat padding-box;
            padding: 60px 0 90px;
            color: #fff;
        }

        .zinfo .colblk span {
            font-family: var(--zf-secondary-thin);
            font-size: 75px;
            display: block;
        }


.zinfo .colblk:nth-child(1) span.count {
min-width: 95px;
color: #EF9393;
}

.zinfo .colblk:nth-child(2) span.count {
min-width: 90px;
color: #b3d99f;
}

.zinfo .colblk:nth-child(3) span.count {
min-width: 114px;
color: #eaf0a3;
}

.zinfo .colblk:nth-child(4) span.count {
min-width: 66px;
color: #a4f4e4;
}

        

        .zinfo .colblk {
            width: 24%;
        }

        .colblk li {
            margin-bottom: 13px;
            font-size: 26px;
            /* border-bottom: 1px dotted #8989ff; */
            padding-bottom: 20px;
            position: relative;
            padding-left: 30px;
        }

        #feat5 .colblk:nth-child(2):after {
            content: '';
            position: absolute;
            top: 100px;
            right: 40px;
            background: transparent linear-gradient(159deg, #FFFFFF60 0%, #FFEBEB 100%) 0% 0% no-repeat padding-box;
            width: 350px;
            height: 200px;
            z-index: -1;
        }
        
        
        #feat5 .colblk:nth-child(2) .subimg {
            top: -30px;
            left: unset;
            right: 80px;
        }
        
        #feat5 .colblk:nth-child(1) .subimg {
            top: 80px;
            left: 20px;
            width: 425px;
            box-shadow: 10px 15px 30px 20px rgb(197 197 197 / 10%);
        }
        
        #feat5 .colblk:nth-child(1) .subimg.sub2 {
            top: 250px;
            width: 300px;
            right: 54px;
            left: unset;
        }

        #feat5 {
            max-width: 1040px;
            margin: 0 auto;
        }
        
        
        #feat5 .colblk:nth-child(1) img{
            margin-bottom: 60px;
        }

        #feat5 .colblk:nth-child(2) img{
            margin-bottom: 100px;
        }


        .divwrap {
            display: flex;
            flex-wrap: wrap;
            margin-bottom: 20px;
        }



        .divwrap span:nth-child(1) {
            margin-right: 20px;
        }

        #feat7 .divwrap span:nth-child(1) {
            margin-right: 15px;
        }
        

        .divwrap span {
            display: flex;
            flex-wrap: wrap;
            flex-direction: column;
            justify-content: space-between;
        }


        .colblk li:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 20px;
            background: #8989ff;
            height: 1px;
            width: 90%;
        }
        
        .zsection2 .colblkwrap {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        
        .zsection2 .colblk li {
            padding-left: 40px;
            font-size: 24px;
            margin-bottom: 30px;
            padding-bottom: 34px;
        }
        
        .zsection2 .colblk li:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 40px;
            background: #505050;
            height: 1px;
            width: 90%;
        }
        
        .zsection2 .colblk li:before {
            content:'\279E';
            position: absolute;
            top: 0;
            left: 0;
            color: #b73b35;
        }
        
        .zsection2 {
            background: #19192E;
            padding: 30px 0 130px;
            position: relative;
        }

        .zsection2:before {
            content: '';
            position: absolute;
            top: -200px;
            left: 0;
            background: #19192E;
            width: 100%;
            height: 200px;
        }
        
        .zsection2 h2 {
            font-size: 50px;
            margin-bottom: 60px;
            max-width: 600px;
        }
        
        .zsection2 h2 span {
            font-family: var(--zf-primary-extrabold);
        }
        
        .clk {
            color: #ACACAC;
            width: 49%;
            display: inline-block;
            vertical-align: top;
        }

        .clk em {
            color: #FF9A00;
            font-size: 34px;
            display: block;
        }

        .feature-section {
            padding: 50px 0 100px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
        }
        
        .featuresec {
            padding: 120px 0 50px;
        }
        
        .featuresec em {
            font-style: normal;
            background: #FFE5BE;
            border-radius: 60px;
            padding: 10px 30px;
        }

        .featwrap {
            padding: 60px 0 0;
        }
        
        .featuresec h2 {
            font-size: 56px;
            font-family: var(--zf-primary-bold);
            max-width: 1100px;
            line-height: 1.4;
        }
        
        /* .featuresec h2 span {
            font-family: var(--zf-primary-regular);
        } */
        
        .feature-section .contpart {
            width: 40%;
        }
        
        .feature-section .imgpart {
            width: 47%;
            position: relative;
        }

        .feature-section .imgpart img:not(.znoshad) {
            box-shadow: 10px 13px 46px #00000029;
        }
        
        .feature-section .imgpart .subimg, .feature-section .colblk .subimg  {
            position: absolute;
            top: 0;
            left: 170px;
            width: 250px;
        }
        
        
        .feature-section .imgpart{
            position: relative;
        }
        
        #feat1 .imgpart:before {
            content: '';
            position: absolute;
            background: #FFDDDD;
            width: 390px;
            height: 420px;
            right: 40px;
            z-index: -1;
            top: 90px;
        }

        #feat2 .imgpart::before {
            content: '';
            position: absolute;
            background: #DAF6FB;
            width: 390px;
            height: 400px;
            left: 0px;
            z-index: -1;
            top: 90px;
        }
        
        #feat3 .imgpart:before {
            content: '';
            position: absolute;
            background: #F0F4FF;
            width: 520px;
            height: 270px;
            left: 60px;
            z-index: -1;
            top: unset;
            bottom: -40px;
        }

        #feat4 .imgpart:before {
            content: '';
            position: absolute;
            background: #f9f2ff;
            width: 290px;
            height: 300px;
            bottom: 50px;
            right: 100px;
            z-index: -1;
            left: -40px;
        }

        #feat7 .imgpart:before {
content: '';
position: absolute;
background: #f5f5f5;
width: 590px;
height: 400px;
left: -40px;
z-index: -1;
top: -40px;
        }

        #feat3 img {
            box-shadow: 10px 15px 30px 20px rgba(197, 197, 197, 0.1)
        }
        
        #feat4 .imgpart img:not(.subimg) {
            box-shadow: 10px 15px 30px 20px rgba(197, 197, 197, 0.1);
            margin-bottom: 20px;
        }



        
        #feat1.feature-section .imgpart .subimg {
            width: 340px;
        }
        
        #feat1.feature-section .imgpart .subimg2 {
            top: -60px;
            left: unset;
            right: -60px;
            width: 270px;
        }
        
        #feat2.feature-section .imgpart  {
            text-align: right;
        }
        
        
        #feat2.feature-section .imgpart .subimg {
            top: -20px;
            left: -50px;
            width: 190px
        }

        #feat2.feature-section .imgpart .subimg.sub2 {
            width: 380px;
            bottom: unset;
            top: -40px;
            z-index: -1;
            right: 40px;
            left: unset;
        }
        
        
        #feat4 .subimg {
            right: 10px;
            left: unset;
            top: unset;
            width: 270px;
            bottom: 90px;
        }

        /* #feat4 {
            margin-bottom: 200px;
        } */
        
        .feature-section h3 {
            font-size: 42px;
            font-family: var(--zf-secondary-bold);
            max-width: 460px;
        }
        
        .feature-section p {
            max-width: 430px;
            line-height: 1.8;
        }
        
        .feature-section ul li {
            line-height: 35px;
            padding-left: 30px;
            position: relative;
            font-family: var(--zf-secondary-medium);
            margin-bottom: 20px;
        }
        
        .feature-section ul li:before {
            content: '';
position: absolute;
top: 12px;
left: 0;
border-left: 2px solid #000;
border-bottom: 2px solid #000;
width: 14px;
height: 7px;
transform: rotate(-45deg);
z-index: 0;
        }
        
        .featuresub h2{
            font-family: var(--zf-primary-bold);
            font-size: 60px;
            max-width: 830px;
            text-align: left;
            margin: 0 auto 50px;
        }
        
        .featuresub h2 span {
            font-family: var(--zf-primary-regular);
        }
        
        .featuresubwrap {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            max-width: 830px;
            margin: 0 auto;
        }
        
        .featuresub .colblk {
            width: 42%;
            margin-top: 40px;
        }
        
        .featuresub {
            /* background: #F7F7F7; */
            padding: 100px 0;
        }
        
        .featuresub h4 {
            font-family: var(--zf-secondary-bold);
            font-size: 32px;
        }
        
        .testimonialsect {
            background: transparent linear-gradient(1deg, #272829 0%, #181B1D 100%) 0% 0% no-repeat padding-box;
            color: #fff;
            padding: 80px 60px;
        }
        
        .testimonialsect .content-wrap{
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            max-width: 1170px;
        }
/* 
        .testimonialsect .content-wrap div {
            display: inline-block;
            vertical-align: middle;
        }

        .testimonialsect .content-wrap .testisect {
            width: 55%;
        }


        .testimonialsect .content-wrap .pricesect {
            width: 40%;
        } */
        
        .testisect {
            width: 50%;
        }
        
        .testisect h4 {
            font-size: 26px;
            font-family: var(--zf-primary-medium);
            line-height: 1.7;
            margin-bottom: 40px;
position: relative;
        }


        .testisect h4::before {
            content: '';
            position: absolute;
            top: -50px;
            left: 0;
            background: url('/sites/zweb/images/people/zp-smb-sprite.png') no-repeat;
            background-size: 1300px auto;
            width: 44px;
            height: 35px;
            background-position: -1150px -162px;
        }        

        
        .pricesect p {
            font-size: 29px;
            color: #FB9A00;
            
            /* 
            margin-bottom: 60px; */
        }
        

        .pricesect h5 {
            position: absolute;
            top: -20px;
            background: #FB9A00;
            padding: 6px 20px 9px;
            border-radius: 20px;
            left: 50%;
            transform: translate(-50%);
        }

        
        .trynowbtn {
            background: #222425;
            text-align: center;
            color: #fff;
            border: 2px solid #FFF;
            padding: 10px 55px;
            border-radius: 30px;
            display: inline-block;
            margin-top: 30px;
        }
        
        .pricedet {
            color: #c6c6c6;
            border-bottom: 1px solid #c6c6c6;
        }

.pricesect span em {
display: block;
}
        
        .pricesect {
            position: relative;
            border-radius: 22px;
            display: flex;
            flex-wrap: wrap;
            /* justify-content: center; */
            align-content: center;
            /* text-align: center; */
            padding: 50px 0;
        }

        .pricesect img {
            border-radius: 20px;
            max-width: 350px;
            margin-bottom: 20px;
        }
        
        .testisect em {
            /* color: #FFD90F; */
            font-style: normal;
        }
        
        span.zcurrency-symbol-common {
            /* font-size: 31px;
            position: relative;
            top: -50px;
            left: -15px; */
        }
        
        .amount {
            font-size: 108px;
            font-family: var(--zf-primary-light);
            display: block;
            position: relative;
            line-height: 1;
        }
        
        /* .amount em {
            font-style: normal;
            font-size: 28px;
        } */
        
        .pricesect p span {
            display: block;
            color: #ABABAB;
            font-size: 18px;
        }
        
        .testimonialsect .pricesect {
            width: 35%;
        }
        
        .bottomctawrap {
            text-align: center;
            padding: 90px 0;
            background: #FFEED5;
        }

        .bottomctawrap .content-wrap {
            max-width: 1170px;
        }
        
        .bottomctawrap h2 {
            font-size: 56px;
            font-family: var(--zf-primary-bold);
max-width: 840px;
margin: 0 auto 20px;
        }
        
        /* .bottomctawrap h2 span {
            font-family: var(--zf-primary-regular);
        } */

        .zsub1,.zsub2 {
            display: inline-block;
            vertical-align: top;
        } 




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

            .header-top {
                padding: 40px 0 0;
            }

            .header-top h1 {
                font-size: 50px;
                max-width: 590px;
            }

            .header-top .lnwrap {
                transform: rotate(36deg) scale(0.7);
            }

            .header-top .img-part .subimg {
                width: 140px;
            }

            .header-top .img-part .subimg.sub2 {
                top: -30px;
                width: 180px;
            }

            .header-top .img-part::before {
                transform: scale(0.85);
            }

            .header-top p {
                font-size: 20px;
            }

            /* .ztask.hir {
                bottom: 113px;
                right: 30px;
            } */

            .header-top .img-part .subimg.sub3 {
                right: -60px;
                width: 100px;
            }

            .ztask.hir {
                width: 140px;
                font-size: 10px;
                bottom: 210px;
                padding: 20px;
            }

            .zpcustomer {
                margin-top: 70px;                  
            }

            .ztask em {
                font-size: 20px;
            }

            .header-top .subimg {
                width: 270px;
                bottom: -20px;
            }

            .zsection1 h2 {
                font-size: 54px;
                max-width: 650px;;
            }

            .featuresec h2 {
                font-size: 46px;
                max-width: 950px;
            }

            #feat4 .imgpart:before {
                right: 50px;
            }

            .bottomctawrap h2 {
                font-size: 46px;
            }

            .zsection1 {
                padding: 40px 0 30px;
            }

            .bottomctawrap {
                padding: 90px 0;
            }

            #feat7 .divwrap img {
                max-width: 266px;
            }

            #feat8 .divwrap span:nth-child(1) {
                margin-right: 15px;
            }

            #feat8 .divwrap span:nth-child(1) img {
                max-width: 240px
            }

            #feat8 .divwrap span:nth-child(2) img {
                max-width: 290px
            }

            .featuresub h2 {
                font-size: 50px;
                margin: 0 auto 30px;
            }

            .featuresub {
                padding: 80px 0;
            }

            .featuresub .colblk {
                margin-top: 15px;
            }

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

            .feature-section ul li {
                line-height: 34px;
                margin-bottom: 12px;
            }

            .testisect h4 {
                line-height: 1.6;
                font-size: 26px;
            } 

            .pricesect p span {
                font-size: 15px;
            }

            .pricesect p {
                font-size: 22px;
            }

            .clk em {
                font-size: 24px;
            }

            .featuresub h2 {
                font-size: 46px;
                text-align: center;
                max-width: 660px;
            }

            .zicon {
                background-size: 1200px auto;
                background-position: -693px -135px;
                width: 58px;
            }

            .zicon.icon2 {
                width: 50px;
                background-size: 1100px auto;
                background-position: -855px -127px;
                height: 47px;
            }

            .featuresub h4 {
                font-size: 29px;
            }

            .zsection1 .colblk {
                font-size: 80px;
            }

        }


        @media screen and (max-width: 1399px) {
            .header-top p {
                max-width: 590px;
            }

            #feat7 .divwrap img {
                max-width: 250px;
            }

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

        @media screen and (max-width: 1299px) {
            .header-top h1 {
                font-size: 46px;
                max-width: 540px;
            }

            .header-top {
                padding: 50px 0 0;
            }

            .header-top p {
                font-size: 18px;
            }

            .ztask.hir {
                left: -10px;

            }

            .zpcustomer {
                margin-top: 50px;
            }

            .header-top .img-part .subimg.sub3, .ztask.hir, .header-top .img-part .subimg{
                bottom: 110px;
            }

            .header-top .img-part .subimg {
                left: 180px;
            }

            .header-top .img-part .subimg.sub3 {
                right: -30px;
            }

            .zpcustomer {
                max-width: 510px;
            }

            .zpcustomer li.cabot {
                display: none;
            }

            #feat8 .divwrap span:nth-child(2) img {
                max-width: 253px;
            }

            #feat8 .divwrap span:nth-child(1) img {
                max-width: 210px;
            }

            #feat4 .subimg {
                right: -20px;
                width: 240px;
            }

            #feat3 img {
                max-width: 500px;
            }

            #feat3 .zsub1, #feat3 .zsub2 {
                max-width: 240px;
            }
        }

        @media screen and (max-width: 1199px) {
            .header-top .lnwrap, .header-top .img-part::before, .zsection1 .contpart::before {
                display: none;
            }
            .featuresec em {
                background: none;
                padding: 0;
            }

            .zsection1 p {
                font-size: 18px;
            }

            .featuresec {
                padding: 80px 0 50px;
            }

            .featuresec h2 {
                font-size: 48px;
                line-height: 1.3;
            }

            #feat1 .imgpart::before, #feat2 .imgpart::before, #feat3 .imgpart::before, #feat4 .imgpart::before, #feat8 .imgpart::before {
                content: none;
            }

            .zinfo .colblk span {
                font-size: 60px;
            }

            .pricesect img {
                max-width: 280px;
            }

            .featuresub h2 {
                text-align: center;
                font-size: 40px;
                max-width: 600px;
            }
            .featuresub h4 {
                font-size: 26px;
            }

            #feat7 .imgpart::before {
                width: 525px;
            }

            .testimonialsect {
                padding: 60px 0;
            }
        }


        @media screen and (min-width: 992px) and (max-width: 1199px) {
            .feature-section h3 {
                font-size: 38px;
            }

            .header-top p {
                max-width: 470px;
            }

            .zpcustomer {
                margin-top: 50px;
            }

            .header-top .img-part .subimg.sub2 {
                width: 170px;
            }

            .ztask.hir {
                left: -40px;
                transform: scale(0.8);
            }

            .header-top .img-part .subimg.sub3, .ztask.hir {
                bottom: 210px;
            }

            .header-top .img-part .subimg {
                left: 120px;
                bottom: 160px;
                width: 130px;
            }

            .header-top .img-part .subimg.sub3 {
                width: 100px;
                right: -10px;
            }

            .zsection1 .colblk {
                font-size: 80px;
            }

            .header-top .cont-part {
                margin-bottom: 20px;
            }

            #feat3 .zsub1, #feat3 .zsub2 {
                max-width: 200px;
            }

            #feat3 img {
                max-width: 420px;
            }

            #feat7 .divwrap img {
                max-width: 210px;
            }

            #feat8 .divwrap span:nth-child(2) img {
                max-width: 230px;
            }

            #feat8 .divwrap span:nth-child(1) img {
                max-width: 190px;
            }

            #feat2.feature-section .imgpart .subimg {
                left: -10px;
                width: 150px;
                top: 10px;
            }

            #feat1.feature-section .imgpart .subimg {
                width: 230px;
                right: 0;
                top: 100px;
            }

            #feat1.feature-section .imgpart .subimg2 {
                top: 0;
                right: 0;
            }

            .pricesect p span {
                font-size: 15px;
            }

            .feature-section ul li {
                margin-bottom: 10px;
            }

            .feature-section h3 {
                font-size: 34px;
            }

            .featuresec h2 {
                font-size: 42px;
                max-width: 840px;
            }


            .testisect h4 {
                font-size: 22px;
            }

            #feat1.feature-section .imgpart .subimg {
                left: unset;
                right: -20px;
                width: 230px;
                top: 170px;
            }

            #feat1.feature-section .imgpart .subimg2 {
                top: -20px;
                right: -20px;
            }

        }


        @media screen and (min-width: 992px) and (max-width: 1599px) {
            .feature-section .imgpart {
                transform: scale(0.8);
            }

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


        @media screen and (max-width: 991px) {
            .header-top .cont-part, .header-top .img-part, .feature-section .contpart, .feature-section .imgpart {
                width: 100%;
            }
            .header-top h1{
                font-size: 42px;
                line-height: 1.2;
            }

            #feat1.feature-section .imgpart .subimg {
                left: unset;
                right: 0;
                width: 240px;
                top: 150px;
            }

            #feat1.feature-section .imgpart .subimg2 {
              top: -60px;
              left: unset;
              right: 0;
              width: 240px;
            }

* {
    box-sizing: border-box;
}

.pagewrapper{
    overflow: hidden;
}



        .zw-product-header.zwph-white .product-title .product-icon {
            filter: none;
            -webkit-filter: none;
        }

    
        
        p {
            font-size: 17px;
            color: #222
        }
        

        .zw-product-header  {
            background: transparent linear-gradient(270deg, #4A4AD5 0%, #262691 100%) 0% 0% no-repeat padding-box; 
        }

        .bgwrap {
            background: transparent linear-gradient(270deg, #4A4AD5 0%, #262691 100%) 0% 0% no-repeat padding-box;  
        }
        
        .header-top {
        color: #fff;
        position: relative;
        padding: 90px 0 0;
        /* background-image: linear-gradient(#2453ff,#3924e7); */
        /* background:#3233E5; */
        }


.header-top .img-part::before {
    content: '';
position: absolute;
top: -60px;
right: -60px;
background: transparent linear-gradient(171deg,#c6ffdc 0%,#4949d3 100%) 0% 0% no-repeat padding-box;
width: 400px;
height: 400px;
border-radius: 50%;
z-index: -2;
opacity: .3;
}

.header-top .lnwrap {

    position: absolute;
    bottom: unset;
    left: 160px;
    z-index: -1;
    top: -70px;
}



.lnwrap span {
    width: 120px;
height: 1px;
background: #fff;
display: block;
margin-bottom: 15px;
}


        .header-top .img-part .subimg {
            position: absolute;
            left: 240px;
            width: 166px;
            bottom: 160px;
            border-radius: 10px;
        }

        .header-top .img-part .subimg.sub2 {
            bottom: unset;
            top: -40px;
            left: unset;
            right: 0;
            width: 200px;
        }

        .header-top .img-part .subimg.sub3 {
            left: unset;
            right: -30px;
            width: 120px;
            bottom: 290px;
        }

        .header-top .img-part img:not(.subimg) {
            max-width: 450px;
            border-radius: 20px;
            width: 100%;
        }
        
        .header-top, .zsection1, .zsection2, .header-top p, .zsection1 p {
            color: #fff;
        }

        .stars-container {
            position: relative;
        }

        .stars-container:after {
            content: '\2605\2605\2605\2605\2605';
            position: absolute;
            top: -3px;
            left: 0;
            color: #f9a826;
            overflow: hidden;
            transition: ease all 3s;
            width: 0;
        }

        .animated .stars-container:after{
            animation: starRateTwo .5s ease-out 1.8s forwards;
        }

        .badge {
            background: url('/sites/zweb/images/people/zp-smb-sprite.png') no-repeat;
        background-size: 880px auto;
        width: 44px;
        height: 50px;
        background-position: -430px -50px;
        }

        .getapp {
            background-position: -473px -50px;
            width: 124px;
        }

        .capterra {
            background-position: -601px -50px;
            width: 124px;
        }

        .zrating {
            margin-top: 40px;
        }

        .zrating ul {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
        }

        .zrating ul li {
            margin: 0 10px;
        }

        @keyframes starRateTwo {
            0% {
                width: 0;
                opacity: 0;
            }

            100% {
                width: 90%;
                opacity: 1;
            }
        }

        .zpcustomer {
            background: #fff;
            padding: 20px 10px;
            border-radius: 8px;
            margin-top: 90px;
            max-width: 660px;
        }

        .ztask {
            background: #eaffed;
            color: #000;
            padding: 15px 20px;
            position: absolute;
            top: 40px;
            right: -30px;
            font-size: 12px;
            border-radius: 10px;
            width: 120px;
            text-align: left;
        }

        .hir .ztriup {
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 15px solid #42de60;
        }

        .ztask em {
            font-style: normal;
            font-size: 27px;
            display: block;
            font-family: var(--zf-secondary-extrabold);
        }

        .ztask.cls {
            top: 150px;
            background: #FFF7ED;
        }

        .ztask.hir {
            top: unset;
            bottom: 240px;
            width: 156px;
            background: #EBFFFC;
            padding: 20px 30px;
            left: 60px;
            font-size: 11px;
        }

        .ztriup {
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-bottom: 7px solid #42DE60;
            display: inline-block;
            vertical-align: middle;
        }

        .ztridown {
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 7px solid #E34E17;
            display: inline-block;
            vertical-align: middle;
        }

        .zpcustomer ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        
        .zpcustomer li {
            background: url('/sites/zweb/images/people/zp-smb-sprite.png') no-repeat;
            background-size: 800px auto;
            width: 122px;
            height: 40px;
            margin: 0 10px;
        }

        .zpcustomer li.athreon {
            background-position: -662px -49px;
            width: 30px;
            height: 40px;
        }

        .zpcustomer li.tesna {
            background-position: -689px -48px;
            width: 68px;
        }

        .zpcustomer li.tabtree {
            background-position: -5px -83px;
width: 129px;
background-size: 750px auto;
        }

        .zpcustomer li.cabot {
            background-position: -125px -76px;
            width: 160px;
            background-size: 700px auto;
                
        }

        .zpcustomer li.innocode {
            background-position: -272px -78px;
            width: 124px;
            background-size: 700px auto;
        }
        
        /* #header {
        background: #2453ff;
        } */
        
        
        .header-top p {
        font-size: 22px;
        max-width: 580px;
        margin-bottom: 40px;
        }
        
        .header-top .content-wrap {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        
        .header-top .cont-part{
            width: 60%;
        }
        
        .header-top .img-part  {
            width: 40%;
            text-align: center;
            position: relative;
            z-index: 1;
            top: 30px;
        }
        
        .header-top .cont-part {
            margin-bottom: 60px
        }
        

        
        .header-top h1 {
            font-size: 60px;
            margin-bottom: 20px;

        }
        
        .header-top h1 span {
            color: #ffa800;
        }
        
        .act-btn {
            padding: 18px 35px;
        }
        
        .zsection1 {
            /* background:#3233E5; */
            padding: 80px 60px;
            position: relative;
            z-index: 1;
        }
        
        .zsection1 .colblk {
            font-size: 100px;
            font-family: var(--zf-secondary-thin);
        }

        .zsection1 .content-wrap {
            display: flex;
            flex-wrap: wrap;
            overflow: visible;
            justify-content: space-between;
        }
        
        .zsection1 .contpart {
            text-align: center;
            width: 100%;
            position: relative;
        }

        .zsection1 .contpart:before {
            content: '';
            position: absolute;
            left: 134px;
            top: -50px;
            border: 1px dotted #6d6dd3;
            width: 78%;
            height: 1px;
        }


        /* .zsection1 .colblk span {
            font-size: 100px;
            font-family: var(--zf-secondary-thin);
        } */


        /* .colblk {
            font-size: 100px;
font-family: var(--zf-secondary-thin);
        } */

.count {
min-width: 122px;
display: inline-block;
font-family: var(--zf-secondary-thin);
}

.zicon {
background: url('/sites/zweb/images/people/zp-smb-sprite.png') no-repeat;
background-size: 1400px auto;
width: 65px;
height: 60px;
display: block;
background-position: -810px -164px;
margin-bottom: 20px;
}

.zicon.icon2 {
background-position: -1086px -164px;
}

.zinfo .colblk span.zorg {
font-size: 19px;
color: #fff;
font-family: var(--zf-secondary-medium);
}

.zinfo .colblk span.count {
display: inline-block;
}

.zinfo .colblk em {
font-size: 50px;
font-family: var(--zf-secondary-thin);
}

.zsection1 .colblk:nth-child(3) .count {
min-width: 150px;
}

.zsection1 .colblk:nth-child(1) .count {
    min-width: 88px;
    }
    

        .zsection1 .colblk li:last-child:after {
            content: none;
        }

        .zsection1 .imgpart img {
            max-width: 850px;
        }
        
        .zsection1 .imgpart {
            width: 30%;
        }
        .zsection1 h2 {
            font-size: 60px;
            max-width: 700px;
        }
        
        .zsection1 p {
            margin-bottom: 50px;
            font-size: 22px;
            line-height: 2;
        }
        
        .zsection1 h2 span {
            font-family: var(--zf-primary-regular);
        }
        
        .zsection1 h2 {
            font-family: var(--zf-primary-bold);
        }
        
        .zsection1 .colblk li:before {
            content: '';
            position: absolute;
            top: 14px;
            left: -1px;
            border-left: 3px solid #fff;
            border-bottom: 3px solid #fff;
            width: 16px;
            height: 6px;
            transform: rotate(-45deg);
            z-index: 1;
        }
        
        .colblk {
            display: inline-block;
            vertical-align: top;
            width: 30%;
            position: relative;
        }

        .zinfo {
            text-align: center;
            background: transparent linear-gradient(181deg, #4A4AD5 0%, #262691 100%) 0% 0% no-repeat padding-box;
            padding: 60px 0 90px;
            color: #fff;
        }

        .zinfo .colblk span {
            font-family: var(--zf-secondary-thin);
            font-size: 75px;
            display: block;
        }


.zinfo .colblk:nth-child(1) span.count {
min-width: 186px;
color: #EF9393;
}

.zinfo .colblk:nth-child(2) span.count {
min-width: 140px;
color: #b3d99f;
}

.zinfo .colblk:nth-child(3) span.count {
min-width: 84px;
color: #eaf0a3;
}

.zinfo .colblk:nth-child(4) span.count {
min-width: 66px;
color: #a4f4e4;
}

        

        .zinfo .colblk {
            width: 24%;
        }

        .colblk li {
            margin-bottom: 13px;
            font-size: 26px;
            /* border-bottom: 1px dotted #8989ff; */
            padding-bottom: 20px;
            position: relative;
            padding-left: 30px;
        }

        #feat5 .colblk:nth-child(2):after {
            content: '';
            position: absolute;
            top: 100px;
            right: 40px;
            background: transparent linear-gradient(159deg, #FFFFFF60 0%, #FFEBEB 100%) 0% 0% no-repeat padding-box;
            width: 350px;
            height: 200px;
            z-index: -1;
        }
        
        
        #feat5 .colblk:nth-child(2) .subimg {
            top: -30px;
            left: unset;
            right: 80px;
        }
        
        #feat5 .colblk:nth-child(1) .subimg {
            top: 80px;
            left: 20px;
            width: 425px;
            box-shadow: 10px 15px 30px 20px rgb(197 197 197 / 10%);
        }
        
        #feat5 .colblk:nth-child(1) .subimg.sub2 {
            top: 250px;
            width: 300px;
            right: 54px;
            left: unset;
        }

        #feat5 {
            max-width: 1040px;
            margin: 0 auto;
        }
        
        
        #feat5 .colblk:nth-child(1) img{
            margin-bottom: 60px;
        }

        #feat5 .colblk:nth-child(2) img{
            margin-bottom: 100px;
        }


        .divwrap {
            display: flex;
            flex-wrap: wrap;
            margin-bottom: 20px;
        }



        .divwrap span:nth-child(1) {
            margin-right: 20px;
        }

        #feat7 .divwrap span:nth-child(1) {
            margin-right: 15px;
        }
        

        .divwrap span {
            display: flex;
            flex-wrap: wrap;
            flex-direction: column;
            justify-content: space-between;
        }


        .colblk li:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 20px;
            background: #8989ff;
            height: 1px;
            width: 90%;
        }
        
        .zsection2 .colblkwrap {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        
        .zsection2 .colblk li {
            padding-left: 40px;
            font-size: 24px;
            margin-bottom: 30px;
            padding-bottom: 34px;
        }
        
        .zsection2 .colblk li:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 40px;
            background: #505050;
            height: 1px;
            width: 90%;
        }
        
        .zsection2 .colblk li:before {
            content:'\279E';
            position: absolute;
            top: 0;
            left: 0;
            color: #b73b35;
        }
        
        .zsection2 {
            background: #19192E;
            padding: 30px 0 130px;
            position: relative;
        }

        .zsection2:before {
            content: '';
            position: absolute;
            top: -200px;
            left: 0;
            background: #19192E;
            width: 100%;
            height: 200px;
        }
        
        .zsection2 h2 {
            font-size: 50px;
            margin-bottom: 60px;
            max-width: 600px;
        }
        
        .zsection2 h2 span {
            font-family: var(--zf-primary-extrabold);
        }
        
        .clk {
            color: #ACACAC;
            width: 49%;
            display: inline-block;
            vertical-align: top;
        }

        .clk em {
            color: #FF9A00;
            font-size: 34px;
            display: block;
        }

        .feature-section {
            padding: 50px 0 100px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
        }
        
        .featuresec {
            padding: 120px 0 50px;
        }
        
        .featuresec em {
            font-style: normal;
            background: #FFE5BE;
            border-radius: 60px;
            padding: 10px 30px;
        }

        .featwrap {
            padding: 60px 0 0;
        }
        
        .featuresec h2 {
            font-size: 56px;
            font-family: var(--zf-primary-bold);
            max-width: 1100px;
            line-height: 1.4;
        }
        
        /* .featuresec h2 span {
            font-family: var(--zf-primary-regular);
        } */
        
        .feature-section .contpart {
            width: 40%;
        }
        
        .feature-section .imgpart {
            width: 47%;
            position: relative;
        }

        .feature-section .imgpart img:not(.znoshad) {
            box-shadow: 10px 13px 46px #00000029;
        }
        
        .feature-section .imgpart .subimg, .feature-section .colblk .subimg  {
            position: absolute;
            top: 0;
            left: 170px;
            width: 250px;
        }
        
        
        .feature-section .imgpart{
            position: relative;
        }
        
        #feat1 .imgpart:before {
            content: '';
            position: absolute;
            background: #FFDDDD;
            width: 390px;
            height: 420px;
            right: 40px;
            z-index: -1;
            top: 90px;
        }

        #feat2 .imgpart::before {
            content: '';
            position: absolute;
            background: #DAF6FB;
            width: 390px;
            height: 400px;
            left: 0px;
            z-index: -1;
            top: 90px;
        }
        
        #feat3 .imgpart:before {
            content: '';
            position: absolute;
            background: #F0F4FF;
            width: 520px;
            height: 270px;
            left: 60px;
            z-index: -1;
            top: unset;
            bottom: -40px;
        }

        #feat4 .imgpart:before {
            content: '';
            position: absolute;
            background: #f9f2ff;
            width: 290px;
            height: 300px;
            bottom: 50px;
            right: 100px;
            z-index: -1;
            left: -40px;
        }

        #feat7 .imgpart:before {
content: '';
position: absolute;
background: #f5f5f5;
width: 590px;
height: 400px;
left: -40px;
z-index: -1;
top: -40px;
        }

        #feat3 img {
            box-shadow: 10px 15px 30px 20px rgba(197, 197, 197, 0.1)
        }
        
        #feat4 .imgpart img:not(.subimg) {
            box-shadow: 10px 15px 30px 20px rgba(197, 197, 197, 0.1);
            margin-bottom: 20px;
        }



        
        #feat1.feature-section .imgpart .subimg {
            width: 340px;
        }
        
        #feat1.feature-section .imgpart .subimg2 {
            top: -60px;
            left: unset;
            right: -60px;
            width: 270px;
        }
        
        #feat2.feature-section .imgpart  {
            text-align: right;
        }
        
        
        #feat2.feature-section .imgpart .subimg {
            top: -20px;
            left: -50px;
            width: 190px
        }

        #feat2.feature-section .imgpart .subimg.sub2 {
            width: 380px;
            bottom: unset;
            top: -40px;
            z-index: -1;
            right: 40px;
            left: unset;
        }
        
        
        #feat4 .subimg {
            right: 10px;
            left: unset;
            top: unset;
            width: 270px;
            bottom: 90px;
        }

        /* #feat4 {
            margin-bottom: 200px;
        } */
        
        .feature-section h3 {
            font-size: 42px;
            font-family: var(--zf-secondary-bold);
            max-width: 460px;
        }
        
        .feature-section p {
            max-width: 430px;
            line-height: 1.8;
        }
        
        .feature-section ul li {
            line-height: 35px;
            padding-left: 30px;
            position: relative;
            font-family: var(--zf-secondary-medium);
            margin-bottom: 20px;
        }
        
        .feature-section ul li:before {
            content: '';
position: absolute;
top: 12px;
left: 0;
border-left: 2px solid #000;
border-bottom: 2px solid #000;
width: 14px;
height: 7px;
transform: rotate(-45deg);
z-index: 0;
        }
        
        .featuresub h2{
            font-family: var(--zf-primary-bold);
            font-size: 60px;
            max-width: 830px;
            text-align: left;
            margin: 0 auto 50px;
        }
        
        .featuresub h2 span {
            font-family: var(--zf-primary-regular);
        }
        
        .featuresubwrap {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            max-width: 830px;
            margin: 0 auto;
        }
        
        .featuresub .colblk {
            width: 42%;
            margin-top: 40px;
        }
        
        .featuresub {
            /* background: #F7F7F7; */
            padding: 100px 0;
        }
        
        .featuresub h4 {
            font-family: var(--zf-secondary-bold);
            font-size: 32px;
        }
        
        .testimonialsect {
            background: transparent linear-gradient(1deg, #272829 0%, #181B1D 100%) 0% 0% no-repeat padding-box;
            color: #fff;
            padding: 80px 60px;
        }
        
        .testimonialsect .content-wrap{
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            max-width: 1170px;
        }
/* 
        .testimonialsect .content-wrap div {
            display: inline-block;
            vertical-align: middle;
        }

        .testimonialsect .content-wrap .testisect {
            width: 55%;
        }


        .testimonialsect .content-wrap .pricesect {
            width: 40%;
        } */
        
        .testisect {
            width: 50%;
        }
        
        .testisect h4 {
            font-size: 26px;
            font-family: var(--zf-primary-medium);
            line-height: 1.7;
            margin-bottom: 40px;
position: relative;
        }


        .testisect h4::before {
            content: '';
            position: absolute;
            top: -50px;
            left: 0;
            background: url('/sites/zweb/images/people/zp-smb-sprite.png') no-repeat;
            background-size: 1300px auto;
            width: 44px;
            height: 35px;
            background-position: -1150px -162px;
        }        

        
        .pricesect p {
            font-size: 29px;
            color: #FB9A00;
            
            /* 
            margin-bottom: 60px; */
        }
        

        .pricesect h5 {
            position: absolute;
            top: -20px;
            background: #FB9A00;
            padding: 6px 20px 9px;
            border-radius: 20px;
            left: 50%;
            transform: translate(-50%);
        }

        
        .trynowbtn {
            background: #222425;
            text-align: center;
            color: #fff;
            border: 2px solid #FFF;
            padding: 10px 55px;
            border-radius: 30px;
            display: inline-block;
            margin-top: 30px;
        }
        
        .pricedet {
            color: #c6c6c6;
            border-bottom: 1px solid #c6c6c6;
        }

.pricesect span em {
display: block;
}
        
        .pricesect {
            position: relative;
            border-radius: 22px;
            display: flex;
            flex-wrap: wrap;
            /* justify-content: center; */
            align-content: center;
            /* text-align: center; */
            padding: 50px 0;
        }

        .pricesect img {
            border-radius: 20px;
            max-width: 350px;
            margin-bottom: 20px;
        }
        
        .testisect em {
            /* color: #FFD90F; */
            font-style: normal;
        }
        
        span.zcurrency-symbol-common {
            /* font-size: 31px;
            position: relative;
            top: -50px;
            left: -15px; */
        }
        
        .amount {
            font-size: 108px;
            font-family: var(--zf-primary-light);
            display: block;
            position: relative;
            line-height: 1;
        }
        
        /* .amount em {
            font-style: normal;
            font-size: 28px;
        } */
        
        .pricesect p span {
            display: block;
            color: #ABABAB;
            font-size: 18px;
        }
        
        .testimonialsect .pricesect {
            width: 35%;
        }
        
        .bottomctawrap {
            text-align: center;
            padding: 90px 0;
            background: #FFEED5;
        }

        .bottomctawrap .content-wrap {
            max-width: 1170px;
        }
        
        .bottomctawrap h2 {
            font-size: 56px;
            font-family: var(--zf-primary-bold);
max-width: 840px;
margin: 0 auto 20px;
        }
        
        /* .bottomctawrap h2 span {
            font-family: var(--zf-primary-regular);
        } */

        .zsub1,.zsub2 {
            display: inline-block;
            vertical-align: top;
        } 




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

            .header-top {
                padding: 40px 0 0;
            }

            .header-top h1 {
                font-size: 50px;
                max-width: 590px;
            }

            .header-top .lnwrap {
                transform: rotate(36deg) scale(0.7);
            }

            .header-top .img-part .subimg {
                width: 140px;
            }

            .header-top .img-part .subimg.sub2 {
                top: -30px;
                width: 180px;
            }

            .header-top .img-part::before {
                transform: scale(0.85);
            }

            .header-top p {
                font-size: 20px;
            }

            /* .ztask.hir {
                bottom: 113px;
                right: 30px;
            } */

            .header-top .img-part .subimg.sub3 {
                right: -60px;
                width: 100px;
            }

            .ztask.hir {
                width: 140px;
                font-size: 10px;
                bottom: 210px;
                padding: 20px;
            }

            .zpcustomer {
                margin-top: 70px;                  
            }

            .ztask em {
                font-size: 20px;
            }

            .header-top .subimg {
                width: 270px;
                bottom: -20px;
            }

            .zsection1 h2 {
                font-size: 54px;
                max-width: 650px;;
            }

            .featuresec h2 {
                font-size: 46px;
                max-width: 950px;
            }

            #feat4 .imgpart:before {
                right: 50px;
            }

            .bottomctawrap h2 {
                font-size: 46px;
            }

            .zsection1 {
                padding: 40px 0 30px;
            }

            .bottomctawrap {
                padding: 90px 0;
            }

            #feat7 .divwrap img {
                max-width: 266px;
            }

            #feat8 .divwrap span:nth-child(1) {
                margin-right: 15px;
            }

            #feat8 .divwrap span:nth-child(1) img {
                max-width: 240px
            }

            #feat8 .divwrap span:nth-child(2) img {
                max-width: 290px
            }

            .featuresub h2 {
                font-size: 50px;
                margin: 0 auto 30px;
            }

            .featuresub {
                padding: 80px 0;
            }

            .featuresub .colblk {
                margin-top: 15px;
            }

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

            .feature-section ul li {
                line-height: 34px;
                margin-bottom: 12px;
            }

            .testisect h4 {
                line-height: 1.6;
                font-size: 26px;
            } 

            .pricesect p span {
                font-size: 15px;
            }

            .pricesect p {
                font-size: 22px;
            }

            .clk em {
                font-size: 24px;
            }

            .featuresub h2 {
                font-size: 46px;
                text-align: center;
                max-width: 660px;
            }

            .zicon {
                background-size: 1200px auto;
                background-position: -693px -135px;
                width: 58px;
            }

            .zicon.icon2 {
                width: 50px;
                background-size: 1100px auto;
                background-position: -855px -127px;
                height: 47px;
            }

            .featuresub h4 {
                font-size: 29px;
            }

            .zsection1 .colblk {
                font-size: 80px;
            }

        }


        @media screen and (max-width: 1399px) {
            .header-top p {
                max-width: 590px;
            }

            #feat7 .divwrap img {
                max-width: 250px;
            }

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

        @media screen and (max-width: 1299px) {
            .header-top h1 {
                font-size: 46px;
                max-width: 540px;
            }

            .header-top {
                padding: 50px 0 0;
            }

            .header-top p {
                font-size: 18px;
            }

            .ztask.hir {
                left: -10px;

            }

            .zpcustomer {
                margin-top: 50px;
            }

            .header-top .img-part .subimg.sub3, .ztask.hir, .header-top .img-part .subimg{
                bottom: 110px;
            }

            .header-top .img-part .subimg {
                left: 180px;
            }

            .header-top .img-part .subimg.sub3 {
                right: -30px;
            }

            .zpcustomer {
                max-width: 510px;
            }

            .zpcustomer li.cabot {
                display: none;
            }

            #feat8 .divwrap span:nth-child(2) img {
                max-width: 253px;
            }

            #feat8 .divwrap span:nth-child(1) img {
                max-width: 210px;
            }

            #feat4 .subimg {
                right: -20px;
                width: 240px;
            }

            #feat3 img {
                max-width: 500px;
            }

            #feat3 .zsub1, #feat3 .zsub2 {
                max-width: 240px;
            }
        }

        @media screen and (max-width: 1199px) {
            .header-top .lnwrap, .header-top .img-part::before, .zsection1 .contpart::before {
                display: none;
            }
            .featuresec em {
                background: none;
                padding: 0;
            }

            .zsection1 p {
                font-size: 18px;
            }

            .featuresec {
                padding: 80px 0 50px;
            }

            .featuresec h2 {
                font-size: 48px;
                line-height: 1.3;
            }

            #feat1 .imgpart::before, #feat2 .imgpart::before, #feat3 .imgpart::before, #feat4 .imgpart::before, #feat8 .imgpart::before {
                content: none;
            }

            .zinfo .colblk span {
                font-size: 60px;
            }

            .pricesect img {
                max-width: 280px;
            }

            .featuresub h2 {
                text-align: center;
                font-size: 40px;
                max-width: 600px;
            }
            .featuresub h4 {
                font-size: 26px;
            }

            #feat7 .imgpart::before {
                width: 525px;
            }

            .testimonialsect {
                padding: 60px 0;
            }
        }


        @media screen and (min-width: 992px) and (max-width: 1199px) {
            .feature-section h3 {
                font-size: 38px;
            }

            .header-top p {
                max-width: 470px;
            }

            .zpcustomer {
                margin-top: 50px;
            }

            .header-top .img-part .subimg.sub2 {
                width: 170px;
            }

            .ztask.hir {
                left: -40px;
                transform: scale(0.8);
            }

            .header-top .img-part .subimg.sub3, .ztask.hir {
                bottom: 210px;
            }

            .header-top .img-part .subimg {
                left: 120px;
                bottom: 160px;
                width: 130px;
            }

            .header-top .img-part .subimg.sub3 {
                width: 100px;
                right: -10px;
            }

            .zsection1 .colblk {
                font-size: 80px;
            }

            .header-top .cont-part {
                margin-bottom: 20px;
            }

            #feat3 .zsub1, #feat3 .zsub2 {
                max-width: 200px;
            }

            #feat3 img {
                max-width: 420px;
            }

            #feat7 .divwrap img {
                max-width: 210px;
            }

            #feat8 .divwrap span:nth-child(2) img {
                max-width: 230px;
            }

            #feat8 .divwrap span:nth-child(1) img {
                max-width: 190px;
            }

            #feat2.feature-section .imgpart .subimg {
                left: -10px;
                width: 150px;
                top: 10px;
            }

            #feat1.feature-section .imgpart .subimg {
                width: 230px;
                right: 0;
                top: 100px;
            }

            #feat1.feature-section .imgpart .subimg2 {
                top: 0;
                right: 0;
            }

            .pricesect p span {
                font-size: 15px;
            }

            .feature-section ul li {
                margin-bottom: 10px;
            }

            .feature-section h3 {
                font-size: 34px;
            }

            .featuresec h2 {
                font-size: 42px;
                max-width: 840px;
            }


            .testisect h4 {
                font-size: 22px;
            }

            #feat1.feature-section .imgpart .subimg {
                left: unset;
                right: -20px;
                width: 230px;
                top: 170px;
            }

            #feat1.feature-section .imgpart .subimg2 {
                top: -20px;
                right: -20px;
            }

        }


        @media screen and (min-width: 992px) and (max-width: 1599px) {
            .feature-section .imgpart {
                transform: scale(0.8);
            }

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


        @media screen and (max-width: 991px) {
            .header-top .cont-part, .header-top .img-part, .feature-section .contpart, .feature-section .imgpart {
                width: 100%;
            }
            .header-top h1{
                font-size: 42px;
                line-height: 1.2;
            }

            #feat1.feature-section .imgpart .subimg {
                left: unset;
                right: 0;
                width: 240px;
                top: 150px;
            }

            #feat1.feature-section .imgpart .subimg2 {
              top: -60px;
              left: unset;
              right: 0;
              width: 240px;
            }


            .feature-section .imgpart {
                transform: scale(0.9);
            }


            .zsection1 {
                padding: 90px 0 30px;
            }

            .header-top {
                padding: 50px 0 10px;
            }

            .header-top .img-part {
                max-width: 530px;
            }

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

            .header-top .img-part .subimg.sub3, .ztask.hir, .header-top .img-part .subimg {
                bottom: -20px;
            }

            .zpcustomer {
                margin: 50px auto 0;
            }

            .header-top h1 {
                margin: 0 auto 20px;
            }

            .header-top .cont-part {
                max-width: 600px;
                text-align: center;
            }
            .zsection1 .colblk span, .zsection1 .colblk {
                font-size: 60px;
            }
            .zsection1 p {
                font-size: 16px;
            }


            .featuresec h2 {
                font-size: 42px;
            }
            .featuresec {
                padding: 80px 0 50px;
            }
            .feature-section .imgpart {
                order: 1;
                margin-bottom: 40px;
            }
            .feature-section .contpart {
                order: 2;
            }

            .zpcustomer li.cabot {
                display: none;
            }



            .zinfo .colblk span, .bottomctawrap h2 {
                font-size: 40px;
            }

            .testisect, .testimonialsect .pricesect {
                width: 100%;
            }


            .featuresub h2 {
                font-size: 44px;
            }

            .featuresub h4 {
                font-size: 28px;
            }

            .feature-section .imgpart, #feat2.feature-section .imgpart {
                text-align: center;
            }

            .divwrap {
                justify-content: center;
            }

            #feat2.feature-section .imgpart .subimg {
                left: 90px;
            }

            #feat2.feature-section .imgpart .subimg.sub2 {
                right: 130px;
            }

            .feature-section p, .feature-section h3 {
                max-width: 100%;
            }

            .feature-section .contpart {
                max-width: 500px;
                margin: 0 auto 30px;
                text-align: center;
            }

            #feat4 ul {
                text-align: left;
                max-width: 390px;
                margin: 0 auto;
            }

            #feat4 .subimg, #feat4 .subimg2 {
                display: none;
            }

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

            #feat7 .imgpart::before { 
                left: 50%;
                transform: translate(-50%, 0);
                height: 420px;
            }

            .testisect {
                max-width: 650px;
                margin: 0 auto;
                text-align: center;
            }

            .pricesect {
                max-width: 500px;
                margin: 0 auto;
                text-align: center;
            }

            .pricesect img {
                margin: 0 auto 20px;
            }

            .zrating ul {
                justify-content: center;
            }


            .zinfo .colblk {
                margin-bottom: 30px;
                width: 40%;
            }

            .zinfo .colblk em {
                font-size: 30px;
            }

            .zinfo .colblk:nth-child(1) span.count {
                min-width: 106px;
            }

            .zinfo .colblk:nth-child(2) span.count {
                min-width: 80px;
            }

            .zinfo .colblk:nth-child(4) span.count {
                min-width: 46px;
            }

            .zinfo .colblk:nth-child(3) span.count {
                min-width: 54px;
            }

            .pricesect {
                display: block;
            }

            .clk {
                display: none;
            }

            .featuresub h2 {
                text-align: center;
            }

            .feature-section .imgpart {
                max-width: 540px;
                margin: 0 auto 20px;
            }

            .zsection1 .colblk:nth-child(1) .count {
                min-width: 38px;
            }

            .count {
                min-width: 52px;
            }

            .zsection1 .colblk:nth-child(3) .count {
                min-width: 60px;
            }

            .pricesect {
                padding: 0;
            }

            .featuresubwrap {
                justify-content: flex-start;
            }

            .featuresub .colblk {
                margin: 20px 20px 0;
                width: 40%;
            }

            .testisect h4 {
                font-size: 24px;
                margin: 0 auto 40px;
                max-width: 600px;
            }

            .testimonialsect {
                padding: 120px 80px 60px;
            }

        }


        @media screen and (min-width: 768px) and (max-width: 991px) {
            #feat2.feature-section .imgpart .subimg {
                left: 0;
            }
            #feat2.feature-section .imgpart .subimg.sub2 {
                right: 0;
            }
            .zsection1 .colblk {
                font-size: 50px;
            }
        }


        @media screen and (max-width: 767px) {
            .header-top p {
                font-size: 18px;
            }
            .zsection1 .colblk span {
                font-size: 40px;
            }
            .zsection1 p {
                line-height: 1.4;
            }
            .header-top {
                padding: 50px 0 0;
            }
            .testisect h4::before {
              transform: scale(0.8);
            }
            .testisect h4 {
                font-size: 20px;
                margin-bottom: 20px;
            }
            .testisect p {
              padding-bottom: 20px;
              margin-bottom: 25px;
            }
            .testisect p, .pricesect p {
              font-size: 18px;
            }

            .featuresub .colblk {
                width: 100%;
            }

            .zinfo {
                padding: 60px 0;
            }

            #feat7 .divwrap img {
                max-width: 140px;
            }

            #feat1.feature-section .imgpart .subimg2, .header-top .img-part .subimg.sub3 {
                display: none;
            }


            #feat1.feature-section .imgpart .subimg {
                right: 10px;
                width: 180px;
            }

            #feat2.feature-section .imgpart .subimg.sub2 {
                right: 0;
            }

            #feat2.feature-section .imgpart .subimg {
                top: 0;
                left: 0;
                width: 130px;
            }

            #feat2.feature-section .imgpart .subimg.sub2 {
                width: 310px;
            }

            #feat3 .zsub1, #feat3 .zsub2 {
                max-width: 150px;
            }

            #feat3 img {
                max-width: 320px;
            }

            #feat7 .imgpart::before {
                width: 100%;
                height: 310px;
            }

            .pricesect img {
                max-width: 170px;
            }

            .pricesect {
                padding: 10px 0 0;
            }

            .zsection1 .colblk {
                width: 100%;
            }

            .zsection1 .colblk span, .zsection1 .colblk {
                font-size: 40px;
            }



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

            #feat2.feature-section, #feat7.feature-section {
                padding: 50px 0 0;
            }

            .feature-section .imgpart {
                margin-bottom: 20px;
            }

            .feature-section ul li {
                margin-bottom: 5px;
font-size: 16px;
line-height: 30px;
            }

        }



        @media screen and (min-width: 481px) and (max-width: 767px) {
            #feat7 .imgpart::before {
                height: 380px;
            }

            #feat7 .divwrap img {
                max-width: 200px;
            }

            #feat3 .zsub1, #feat3 .zsub2 {
                max-width: 190px;
            }

            #feat3 img {
                max-width: 400px;
            }
        }


        @media screen and (max-width: 480px) {

            .header-top h1, .zsection1 h2, .zsection2 h2 {
                font-size: 30px;
            }

            .featwrap {
                padding: 20px 0 0;
            }

            .header-top  {
                padding: 30px 0 10px;
            }

            #feat5 .colblk:nth-child(2) p{
                max-width: 340px;
                margin: 0 auto 20px;
            }

            .header-top .subimg {
                left: 0;
                bottom: -70px;
            }
            .ztask.hir {
                bottom: -40px;
            }
            .ztask {
                top: -30px;
            }
            .ztask.cls {
                top: 50px;
            }

            .bottomctawrap {
                padding: 50px 0;
            }
            .bottomctawrap h2, .featuresec h2 {
                font-size: 28px;
            }

            .featuresub h2 {
                margin: 0 auto 25px;
            }

            .feature-section h3, .featuresub h2 {
                font-size: 26px;
            }

            .featuresub h4 {
                font-size: 22px;
            }
            .zicon {
                margin-bottom: 5px;
                transform: scale(0.8);
            }
            .featuresub .colblk {
                margin: 15px 20px 0;
            }
            .feature-section {
                padding: 30px 0 0;
            }
            .zsection2 .colblk li {
                padding-bottom: 10px;
                line-height: 1.4;
            }
            .zsection2 {
                padding: 30px 0 50px;
            }

            .header-top p, .zsection1 p, .colblk li, .zsection2 .colblk li {
                font-size: 16px;
            }
            .testimonialsect {
                padding: 90px 20px 60px;
            }
            .featuresec {
                padding: 60px 0 20px;
            }

            .zinfo .colblk {
                width: 100%;
            }

            #feat8 .divwrap span:nth-child(1) img {
                max-width: 135px;
            }

            #feat8 .divwrap span:nth-child(2) img {
                max-width: 163px;
            }

            .header-top .img-part .subimg.sub2 {
                width: 140px;
            }

            .ztask.hir {
                transform: scale(0.7);
            }


            .header-top .img-part .subimg {
                bottom: -20px;
            }

        }



            .zsection1 {
                padding: 90px 0 30px;
            }

            .header-top {
                padding: 50px 0 10px;
            }

            .header-top .img-part {
                max-width: 530px;
            }

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

            .header-top .img-part .subimg.sub3, .ztask.hir, .header-top .img-part .subimg {
                bottom: -20px;
            }

            .zpcustomer {
                margin: 50px auto 0;
            }

            .header-top h1 {
                margin: 0 auto 20px;
            }

            .header-top .cont-part {
                max-width: 600px;
                text-align: center;
            }
            .zsection1 .colblk span, .zsection1 .colblk {
                font-size: 60px;
            }
            .zsection1 p {
                font-size: 16px;
            }


            .featuresec h2 {
                font-size: 42px;
            }
            .featuresec {
                padding: 80px 0 50px;
            }
            .feature-section .imgpart {
                order: 1;
                margin-bottom: 40px;
            }
            .feature-section .contpart {
                order: 2;
            }

            .zpcustomer li.cabot {
                display: none;
            }



            .zinfo .colblk span, .bottomctawrap h2 {
                font-size: 40px;
            }

            .testisect, .testimonialsect .pricesect {
                width: 100%;
            }

            .testimonialsect {
                padding: 100px 80px;
            }

            .featuresub h2 {
                font-size: 44px;
            }

            .featuresub h4 {
                font-size: 28px;
            }

            .feature-section .imgpart, #feat2.feature-section .imgpart {
                text-align: center;
            }

            .divwrap {
                justify-content: center;
            }

            #feat2.feature-section .imgpart .subimg {
                left: 90px;
            }

            #feat2.feature-section .imgpart .subimg.sub2 {
                right: 130px;
            }

            .feature-section p, .feature-section h3 {
                max-width: 100%;
            }

            .feature-section .contpart {
                max-width: 500px;
                margin: 0 auto 30px;
                text-align: center;
            }

            #feat4 ul {
                text-align: left;
                max-width: 390px;
                margin: 0 auto;
            }

            #feat4 .subimg, #feat4 .subimg2 {
                display: none;
            }

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

            #feat7 .imgpart::before { 
                left: 50%;
                transform: translate(-50%, 0);
                height: 420px;
            }

            .testisect {
                max-width: 650px;
                margin: 0 auto;
                text-align: center;
            }

            .pricesect {
                max-width: 500px;
                margin: 0 auto;
                text-align: center;
            }

            .pricesect img {
                margin: 0 auto 20px;
            }

            .zrating ul {
                justify-content: center;
            }


            .zinfo .colblk {
                margin-bottom: 30px;
                width: 40%;
            }

            .zinfo .colblk em {
                font-size: 30px;
            }

            .zinfo .colblk:nth-child(1) span.count {
                min-width: 106px;
            }

            .zinfo .colblk:nth-child(2) span.count {
                min-width: 80px;
            }

            .zinfo .colblk:nth-child(4) span.count {
                min-width: 46px;
            }

            .zinfo .colblk:nth-child(3) span.count {
                min-width: 54px;
            }

            .pricesect {
                display: block;
            }

            .clk {
                display: none;
            }

            .featuresub h2 {
                text-align: center;
            }

            .feature-section .imgpart {
                max-width: 540px;
                margin: 0 auto 20px;
            }

            .zsection1 .colblk:nth-child(1) .count {
                min-width: 38px;
            }

            .count {
                min-width: 52px;
            }

            .zsection1 .colblk:nth-child(3) .count {
                min-width: 60px;
            }

            .pricesect {
                padding: 0;
            }

            .featuresubwrap {
                justify-content: flex-start;
            }

            .featuresub .colblk {
                margin: 20px 20px 0;
                width: 40%;
            }

        }


        @media screen and (min-width: 768px) and (max-width: 991px) {
            #feat2.feature-section .imgpart .subimg {
                left: 0;
            }
            #feat2.feature-section .imgpart .subimg.sub2 {
                right: 0;
            }
            .zsection1 .colblk {
                font-size: 50px;
            }
        }


        @media screen and (max-width: 767px) {
            .header-top p {
                font-size: 18px;
            }
            .zsection1 .colblk span {
                font-size: 40px;
            }
            .zsection1 p {
                line-height: 1.4;
            }
            .header-top {
                padding: 50px 0 0;
            }
            .testisect h4::before {
              transform: scale(0.8);
            }
            .testisect h4 {
                font-size: 20px;
                margin-bottom: 20px;
            }
            .testisect p {
              padding-bottom: 20px;
              margin-bottom: 25px;
            }
            .testisect p, .pricesect p {
              font-size: 18px;
            }

            .featuresub .colblk {
                width: 100%;
            }

            .zinfo {
                padding: 60px 0;
            }

            #feat7 .divwrap img {
                max-width: 140px;
            }

            #feat1.feature-section .imgpart .subimg2, .header-top .img-part .subimg.sub3 {
                display: none;
            }


            #feat1.feature-section .imgpart .subimg {
                right: 10px;
                width: 180px;
            }

            #feat2.feature-section .imgpart .subimg.sub2 {
                right: 0;
            }

            #feat2.feature-section .imgpart .subimg {
                top: 0;
                left: 0;
                width: 130px;
            }

            #feat2.feature-section .imgpart .subimg.sub2 {
                width: 310px;
            }

            #feat3 .zsub1, #feat3 .zsub2 {
                max-width: 150px;
            }

            #feat3 img {
                max-width: 320px;
            }

            #feat7 .imgpart::before {
                width: 100%;
                height: 310px;
            }

            .pricesect img {
                max-width: 170px;
            }

            .pricesect {
                padding: 10px 0 0;
            }

            .zsection1 .colblk {
                width: 100%;
            }

            .zsection1 .colblk span, .zsection1 .colblk {
                font-size: 40px;
            }



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

            #feat2.feature-section, #feat7.feature-section {
                padding: 50px 0 0;
            }

            .feature-section .imgpart {
                margin-bottom: 20px;
            }

            .feature-section ul li {
                margin-bottom: 5px;
font-size: 16px;
line-height: 30px;
            }

        }



        @media screen and (min-width: 481px) and (max-width: 767px) {
            #feat7 .imgpart::before {
                height: 380px;
            }

            #feat7 .divwrap img {
                max-width: 200px;
            }

            #feat3 .zsub1, #feat3 .zsub2 {
                max-width: 190px;
            }

            #feat3 img {
                max-width: 400px;
            }
        }


        @media screen and (max-width: 480px) {

            .header-top h1, .zsection1 h2, .zsection2 h2 {
                font-size: 30px;
            }

            .featwrap {
                padding: 20px 0 0;
            }

            .header-top  {
                padding: 30px 0 10px;
            }

            #feat5 .colblk:nth-child(2) p{
                max-width: 340px;
                margin: 0 auto 20px;
            }

            .header-top .subimg {
                left: 0;
                bottom: -70px;
            }
            .ztask.hir {
                bottom: -40px;
            }
            .ztask {
                top: -30px;
            }
            .ztask.cls {
                top: 50px;
            }

            .bottomctawrap {
                padding: 50px 0;
            }
            .bottomctawrap h2, .featuresec h2 {
                font-size: 28px;
            }

            .featuresub h2 {
                margin: 0 auto 25px;
            }

            .feature-section h3, .featuresub h2 {
                font-size: 26px;
            }

            .featuresub h4 {
                font-size: 22px;
            }
            .zicon {
                margin-bottom: 5px;
                transform: scale(0.8);
            }
            .featuresub .colblk {
                margin: 15px 20px 0;
            }
            .feature-section {
                padding: 30px 0 0;
            }
            .zsection2 .colblk li {
                padding-bottom: 10px;
                line-height: 1.4;
            }
            .zsection2 {
                padding: 30px 0 50px;
            }

            .header-top p, .zsection1 p, .colblk li, .zsection2 .colblk li {
                font-size: 16px;
            }
            .testimonialsect {
                padding: 90px 20px 60px;
            }
            .featuresec {
                padding: 60px 0 20px;
            }

            .zinfo .colblk {
                width: 100%;
            }

            #feat8 .divwrap span:nth-child(1) img {
                max-width: 135px;
            }

            #feat8 .divwrap span:nth-child(2) img {
                max-width: 163px;
            }

            .header-top .img-part .subimg.sub2 {
                width: 140px;
            }

            .ztask.hir {
                transform: scale(0.7);
            }


            .header-top .img-part .subimg {
                bottom: -20px;
            }

        }