.zw-product-header{
    background: var(--zcr-light-bg);
}
/*.features-ban-left .act-btn.cta-btn, .umain .features-ban-left .act-btn.sgn-popup, .bottom-cta-wrap .act-btn.cta-btn, .umain .bottom-cta-wrap .act-btn.sgn-popup {
    display: none;
}*/
.act-btn {
    background: #f0483e;
    color: #fff;
}
.features-banner-wrap {
    position: relative;
    color: black;
    background: var(--zcr-light-bg);
    padding: 80px 0;
}
.features-item.bottom-image .cont-part, .features-item.middle-image .cont-part {
    max-width: 1040px;
}
.features-banner-wrap .content-wrap,.features-banner-content{
    margin: 0 auto;
}
/*Common Style starts*/
.features-banner-content a.watch-video:after{
    left: 8px;
top: 7px;
}
.z-video-wrap .z-popup-content {
    max-width: 450px;
}
.z-popup-content-inner .popup-data {
    display: block;
    max-width: 400px;
    padding: 40px 40px 20px;
}
.signup-box {
    max-width: 350px;
    float: none;
    width: 100%;
    margin: 0 auto;
}
.z-six-column > div {
    display: inline-block;
    width: 30%;
    padding: 50px 10px 0;
    vertical-align: top;
    text-align: left;
    box-sizing: border-box;
}
.z-six-column {
    display: table;
}
.z-four-column > div {
    display: table-cell;
    width: 25%;
    padding: 0 2%;
    text-align: left;
    box-sizing: border-box;
}
.z-four-column {
    display: table;
    box-sizing: border-box;
    margin: 80px 0 0;
}
.z-three-column > div {
    display: table-cell;
    width: 33.33%;
    padding: 0 2.4%;
    box-sizing: border-box;
}
.z-three-column {
    display: table;
    max-width: 1040px;
    margin: 60px auto 0;
    box-sizing: border-box;
}
.bottom-cta-wrap h4, .bottom-cta-wrap p {
    max-width: 700px;
    margin: 0 auto 15px;
}
.features-banner-content a.watch-video{
    margin: 0;
}
.features-banner-content a.watch-video:before{
    top: 2px;
}
@media(min-width:768px) and (max-width:991px){
.features-banner-wrap .content-wrap{
    margin: 0 auto;
}
.features-banner-wrap .act-btn.cta-btn{
margin-top:20px;
}
}
@media only screen and (max-width: 767px){
.features-banner-wrap {
    padding: 60px 0;
}
#features-2 .content-wrap, #features-3 .content-wrap {
    padding: 30px 0;
}
.z-four-column {
    margin: 50px auto 0;
    text-align: center;
}
.z-three-column > div h4 {
    max-width: 300px;
    margin: 0 auto;
}
.z-three-column > div {
    display: block;
    width: 100%;
    max-width: 500px;
    padding: 0 0 14%;
}
.z-three-column > div:last-child {
    padding: 0;
}
.z-four-column > div {
    display: block;
    width: 100%;
    padding: 70px 20px 0;
    text-align: center;
    max-width: 500px;
}
.z-six-column > div h4 {
    max-width: 300px;
    margin: 0 auto;
}
.z-six-column > div {
    display: block;
    width: 100%;
    padding: 70px 0px 0;
    vertical-align: top;
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
}
.z-six-column {
    display: block;
}
.features-item .content-wrap {
    padding: 60px 0;
}
.z-three-column{
    margin: 50px auto 0;
}
}
@media only screen and (max-width: 991px) and (min-width: 768px )
{
.z-three-column {
    margin: 50px auto 0;
}
.features-item .content-wrap {
    padding: 60px 0 50px;
}
#features-2 .content-wrap {
    padding: 60px 0 0;
}
#features-3 .content-wrap {
    padding: 0;
}
}
/*Common Style ends*/
#features-1 .z-three-column h4, #features-4 .z-four-column h4, #features-6 .z-six-column h4 {
    position: relative;
    content: "";
   padding-top: 80px;
   margin-bottom: 15px;
}
.z-three-column h4:before, #features-4 .z-four-column h4:before, .z-six-column h4:before {
    position: absolute;
    content: "";
    background: url(/sites/zweb/images/creator/custom-app-dev-sprite-2x.png);
    width: 70px;
    height: 70px;
    top: 0;
    left: 50%;
    background-repeat: no-repeat;
    background-size: 900px;
    margin-left: -35px;
}
.z-six-column h4:before {
    left: 0;
}
#features-6 .z-six-column h4:before, #features-4 .z-four-column h4:before {
    left: 0;
    margin-left: 0px;
}
div#features-4, div#features-6 {
    background: #f3f3f3;
}
#features-1 .z-three-column > div:nth-child(2) h4::before {
    background-position: -69px 0;
}
#features-1 .z-three-column > div:nth-child(3) h4::before {
    background-position: -137px 0;
}
#features-6 .z-six-column > div:nth-child(1) h4::before {
    background-position: -484px 0;
}
#features-6 .z-six-column > div:nth-child(2) h4::before {
    background-position: -553px 0;
}
#features-6 .z-six-column > div:nth-child(3) h4::before {
    background-position: -623px 0;
}
#features-6 .z-six-column > div:nth-child(4) h4::before {
    background-position: -693px 0;
}
#features-6 .z-six-column > div:nth-child(5) h4::before {
    background-position: -761px 0;
}
#features-6 .z-six-column > div:nth-child(6) h4::before {
    background-position: -831px 0;
}
#features-4 .z-four-column > div:nth-child(1) h4::before {
    background-position: -207px 0;
}
#features-4 .z-four-column > div:nth-child(2) h4::before {
    background-position: -276px 0;
}
#features-4 .z-four-column > div:nth-child(3) h4::before {
    background-position: -345px 0;
}
#features-4 .z-four-column > div:nth-child(4) h4::before {
    background-position: -415px 0px;
}
@media only screen and (max-width: 767px)
{
#features-6 .z-six-column h4:before {
   left: 110px;
}
.z-six-column > div:first-child, .z-four-column > div:first-child {
    padding: 25px 10px 0;
}
}
/*@media only screen and (max-width: 991px)
{
.features-ban-left .act-btn.cta-btn, .umain .features-ban-left .act-btn.sgn-popup {
    display: none !important;
}
.umain .features-ban-left .act-btn.cta-btn {
    display: inline-block !important;
}
.signup-box {
    display: block;
}
.umain .features-ban-left .act-btn.sgn-popup, .umain .bottom-cta-wrap .act-btn.sgn-popup {
    display: none !important;
}
}*/
.bottom-cta-wrap {
    background: #e3e7ea;
}
.bottom-cta-wrap .content-wrap {
    padding: 60px 0 40px;
}
@media only screen and (max-width: 767px) and (min-width: 481px )
{
.z-four-column > div:nth-child(4) {
    margin-bottom: 30px;
}
.z-six-column > div:nth-child(6) {
    margin: 0 auto 30px;
}
.z-three-column > div:last-child {
    margin-bottom: 30px;
}
.z-three-column > div {
    display: block;
    width: 100%;
    max-width: 500px;
    padding: 0 0 0 100px;
    text-align: left;
    margin-bottom: 60px;
}
.z-three-column > div:last-child {
    padding: 0 0 0 100px;
}
.z-three-column > div h4 {
    max-width: unset;
    margin: 0 auto;
}
#features-1 .z-three-column h4, #features-4 .z-four-column h4, #features-6 .z-six-column h4 {
    padding-top: 0;
}
.z-three-column h4:before, #features-4 .z-four-column h4:before, .z-six-column h4:before {
    left: 0;
    margin-left: -100px;
    top: 10px;
}
.z-four-column > div {
    display: block;
    width: 100%;
    padding: 0 0 0 100px;
    text-align: left;
    max-width: 500px;
    margin-bottom: 60px;
}
.z-six-column > div:first-child, .z-four-column > div:first-child {
    padding: 0 0 0 100px;
}
.z-six-column > div {
    display: block;
    width: 100%;
    padding: 0 0 0 100px;
    vertical-align: top;
    text-align: left;
    max-width: 500px;
    margin: 0 auto 60px;
}
.z-six-column > div h4 {
    max-width: unset;
    margin: 0 auto;
}
#features-6 .z-six-column h4:before {
    left: 0;
    margin-left: -100px;
}
.z-six-column {
    display: block;
    margin: 50px auto 0;
}
}
@media only screen and (max-width: 481px ){
#features-4 .z-four-column h4:before {
    left: 50%;
    margin-left: -35px;
}
}
@media only screen and (max-width: 480px ){
#features-6 .z-six-column h4:before {
    left: 50%;
    margin-left: -35px;
}
}
@media only screen and (max-width: 992px) and (min-width: 768px )
{
.z-four-column > div:nth-child(1), .z-four-column > div:nth-child(2) {
    margin-bottom: 35px;
}
.z-four-column > div {
    display: inline-block;
    width: 50%;
    padding: 0 2%;
    text-align: left;
    box-sizing: border-box;
    vertical-align: top;
}
.z-six-column > div {
    display: inline-block;
    width: 50%;
    padding: 50px 10px 0;
    vertical-align: top;
    text-align: left;
    box-sizing: border-box;
}
.features-banner-wrap {
    padding: 55px 0 60px;
}
}