.prod-main-banner{
    display: flex;
}
.prod-main-banner-content{
    width: 100%;
    margin:auto 0;
}
.prod-main-banner-content h1{
    font-size: 80px;
    font-weight:600;
    color:#fff;
}
.prod-main-banner-content h5{
    font-weight:600;
    color:rgba(255,255,255,0.70);
}
.prod-mini-icon{
    width:100px;
    height:100px;
    position: relative;
}
.prod-mini-icon.prod-mini-icon-ledger{
    background-image:url('../images/img/prod-icon2.png');
    background-repeat:no-repeat;
    background-color:#333;
    background-position-x:center ;
    background-position-y:center ;
    background-size: 50%;
}
.prod-mini-icon.prod-mini-icon-stocks{
    background-image:url('../images/img/prod-icon3.png');
    background-repeat:no-repeat;
    background-color:#333;
    background-position-x:center ;
    background-position-y:center ;
    background-size: 50%;
}
.prod-mini-icon.prod-mini-icon-order{
    background-image:url('../images/img/prod-icon1.png');
    background-repeat:no-repeat;
    background-color:#12a8b6;
    background-position-x:center ;
    background-position-y:center ;
    background-size: 50%;
}
.prod-mini-icon.prod-mini-icon-staff{
    background-image:url('../images/img/prod-icon4.png');
    background-repeat:no-repeat;
    background-color:#12a8b6;
    background-position-x:center ;
    background-position-y:center ;
    background-size: 50%;
}
/*==================
  Style for Zap Staff
====================*/

.zap-staff-main-banner{
    position: relative;
    overflow: hidden;
    background-image:url("../images/img/banner_staff_02.png") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position-x: right !important;
    background-position-y: bottom !important;

}

.zapstaff-phone{
    position: absolute;
    bottom:5%;
    right: 26%;
    height: 80%;
}

.zapstaff-model{
    position: absolute;
    bottom:0;
    right: 2%;
    height: 95%;
}

.zap-staff-main-banner h1{
    color:#636363;
}

.zap-staff-main-banner h1 span{
    color:#12a8b6;
}

.zapstaff-content-features{
    height: 50vh;
    padding:80px 0;
    background:#0e0e0e;
}

.zapstaff-content-features p{
    color:#fff;
    text-align: center;
}
.zapstaff-content-features h2{
    color:#fff;
    text-align: center;
    font-weight: 600;
}

.sd-main-features-container{
    background-color:#f9f9f9;
    height: 100vh;
    width: 100%;
    padding-top:100px;
}

.sd-main-features-container.staff-dashboard{
    background-image: url('../images/img/staff-dashboard-bg.png');
    background-size: 50%;
    background-repeat: no-repeat;
    background-position-x:right;
    background-position-y: center;
}

.sd-main-features-container h1{
    font-weight: 600;
    color:rgba(0,0,0,0.87) !important;
}

.sd-main-features-container p{
    font-weight: 600;
    color:rgba(0,0,0,0.87) !important;
}

.sd-main-features-container h1 span{
    font-size:30px;
    color:rgba(0,0,0,0.87) !important;
}

.sd-main-features-container h5{
    font-weight: 700;
    text-transform: uppercase;
    color:rgba(0,0,0,0.87) !important;
}

.sd-main-features-container ul li{
    font-weight: 500;
}

.sd-main-features-container .sd-sub-content-wpr{
    background:rgba(0,0,0,0.90);
    width: 100%;
    padding:30px 40px;
}

.sd-main-features-container .sd-sub-content-wpr h1{
    color:#fff !important;
}

.sd-main-features-container .sd-sub-content-wpr h5{
    color:#fff !important;
}

.sd-main-features-container .sd-sub-content-wpr li{
    color:#fff;
}

.sd-main-features-container.user-profile{
    background-color:#59cf2a;
    background-image:url('../images/img/zs-user-profile-bg.png');
    background-size:50% !important;
    background-position-x:right;
    background-position-y:center;
    background-repeat:no-repeat;
}

.sd-main-features-container.sd-cms-container{
    background-color:#f9f9f9;
    background-image:url('../images/img/zs-cms-bg.png');
    background-size:contain !important;
    background-position-x:right;
    background-position-y:center;
    background-repeat:no-repeat;
}

.sd-main-features-container.sd-vcl-container{
    background:#fff;
    background-image:url('../images/img/zs-vacation-leave.png');
    background-size:contain !important;
    background-position-x:right;
    background-position-y:center;
    background-repeat:no-repeat;
}

.sd-main-features-container.sd-payroll-container{
    height: auto;
    background: #fff;
    padding-bottom:50px;
}

.sd-main-features-container.sd-payroll-container ul h5{
    text-decoration: underline !important;
}

/*==================
  Style for Zap Stocks
====================*/

.zap-stocks-main-banner{
    position: relative;
    overflow: hidden;
    background-image:url("../images/img/zap-staff-banner-bg.jpg") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position-x: 0 !important;
}
.zap-stocks-main-banner img.prod-main-banner-img{
    position:absolute;
    bottom:-20%;
    right:20%;
    height:120%;
}
.zap-stocks-main-banner
.prod-main-banner-content h1{
    color:#12a8b6;
}
.zap-stocks-main-banner
.prod-main-banner-content h1 span{
    color:#636363;
}
.zap-stocks-main-banner
.prod-main-banner-content h5{
    color:#636363;
}
.zs-sec1-container{
    background-image:url("../images/img/zs-sec-1-bg.png");
    background-size:contain !important;
    background-position-x:right;
    background-position-y:bottom;
    background-repeat:no-repeat;
}
.zs-sec2-container{
    background-image:url("../images/img/zs-sec-2-bg.png");
    background-color:#fff ;
    background-size:contain !important;
    background-position-x:right;
    background-position-y:bottom;
    background-repeat:no-repeat;
}
.zs-sec3-container{
    background-image:url("../images/img/zs-sec-3-bg.png");
    background-size:contain !important;
    background-position-x:right;
    background-position-y:bottom;
    background-repeat:no-repeat;
}
.zs-sec4-container{
    background-image:url("../images/img/zs-sec-4-bg.png");
    background-color:#fff;
    background-size:contain !important;
    background-position-x:right;
    background-position-y:bottom;
    background-repeat:no-repeat;
}
.zs-sec5-container{
    background-image:url("../images/img/zs-sec-5-bg.png");
    background-size:contain !important;
    background-position-x:right;
    background-position-y:bottom;
    background-repeat:no-repeat;
}
.zs-sec6-container{
    background-image:url("../images/img/zs-sec-6-bg.png");
    background-color:#0e0e0e;
    background-size:contain !important;
    background-position-x:right;
    background-position-y:bottom;
    background-repeat:no-repeat;
}
.zs-sec6-container h1{
    color:#fff !important;
}
.zs-sec6-container h5{
    color:#59cf2a !important;
}
.zs-sec6-container ul li{
    color:#fff;
}
.zs-sec7-container{
    background-image:url("../images/img/zs-sec-7-bg.png");
    background-color:#fff;
    background-size:contain !important;
    background-position-x:right;
    background-position-y:top;
    background-repeat:no-repeat;
}
.zs-sec8-container{
    background-image:url("../images/img/zs-sec-8-bg.png");
    background-size:contain !important;
    background-position-x:right;
    background-position-y:top;
    background-repeat:no-repeat;
}
.zs-sec9-container{
    background-image:url("../images/img/zs-sec-9-bg.png");
    background-color:#fff;
    background-size:contain !important;
    background-position-x:right;
    background-position-y:top;
    background-repeat:no-repeat;
}
.zs-sec10-container{
    background-image:url("../images/img/zs-sec-10-bg.png");
    background-size:contain !important;
    background-position-x:right;
    background-position-y:bottom;
    background-repeat:no-repeat;
}

.zs-sec11-container{
    background-image:url("../images/img/zs-sec-11-bg.png");
    background-color:#292929;
    background-size:35% !important;
    background-position-x:center;
    background-position-y:center;
    background-repeat:no-repeat;
}
/*==================
  Style for Zap Order
====================*/
.zap-order-main-banner{
    background-image:url("../images/img/banner_order_02.png") !important;
    background-color:#f5f5f5 !important;
    background-size:contain !important;
    background-position-x:right !important;
    background-position-y:bottom !important;
    background-repeat:no-repeat !important;
}

.zap-order-main-banner
.prod-main-banner-content h1 {
    color:rgba(0,0,0,0.87);
}

.zap-order-main-banner
.prod-main-banner-content h5 {
    color:rgba(0,0,0,0.87);
}

.zo-sec1-container{
    background-image:url("../images/img/zo-sec-1-bg.png");
    background-color:#fff;
    background-size:contain !important;
    background-position-x:right;
    background-position-y:bottom;
    background-repeat:no-repeat;
}
.zo-sec2-container{
    background-image:url("../images/img/zo-sec-2-bg.png");
    background-size:contain !important;
    background-position-x:right;
    background-position-y:bottom;
    background-repeat:no-repeat;
}
.zo-sec3-container{
    background-image:url("../images/img/zo-sec-3-bg.png");
    background-color:#fff;
    background-size:contain !important;
    background-position-x:right;
    background-position-y:bottom;
    background-repeat:no-repeat;
}
.zo-sec4-container{
    background-image:url("../images/img/zo-sec-4-bg.png");
    background-color:#f9f9f9;
    background-size:contain !important;
    background-position-x:right;
    background-position-y:bottom;
    background-repeat:no-repeat;
}
.zo-sec5-container{
    background-image:url("../images/img/zo-sec-5-bg.png");
    background-color:#fff;
    background-size:contain !important;
    background-position-x:right;
    background-position-y:bottom;
    background-repeat:no-repeat;
}
.zo-sec6-container{
    background-image:url("../images/img/zo-sec-6-bg.png");
    background-color:#fff;
    background-size:contain !important;
    background-position-x:right;
    background-position-y:bottom;
    background-repeat:no-repeat;
}
.zo-sec7-container{
    background-image:url("../images/img/zo-sec-7-bg.png");
    background-size:50% !important;
    background-position-x:right;
    background-position-y:center;
    background-repeat:no-repeat;
}
/*==================
  Style for Zap Ledger
====================*/
.zap-ledger-main-banner{
    position: relative;
    overflow: hidden;
    background-image:url("../images/img/zap-staff-banner-bg.jpg") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position-x: 0 !important;
}
.zap-ledger-main-banner
.prod-main-banner-content h1{
    color:#12a8b6;
}
.zap-ledger-main-banner
.prod-main-banner-content h1 span{
    color:#636363;
}
.zap-ledger-main-banner
.prod-main-banner-content h5{
    color:#636363;
}

.zap-ledger-main-banner img.prod-main-banner-img{
    position:absolute;
    bottom:0;
    right:20%;
    height:100%;
}
.zapledger-content-features{
    height: auto;
    padding:80px 0;
    background:#0e0e0e;
}
.zapledger-content-features p{
    color:#fff;
    text-align: center;
}
.zapledger-content-features h2{
    color:#fff;
    text-align: center;
    font-weight: 600;
}

.zl-sec1-container{
    background-image:url("../images/img/zl-sec-1-bg.png");
    background-color:#fff;
    background-size:contain !important;
    background-position-x:right;
    background-position-y:bottom;
    background-repeat:no-repeat;
}

.zl-sec2-container{
    background-image:url("../images/img/zl-sec-2-bg.png");
    background-size:contain !important;
    background-position-x:right;
    background-position-y:bottom;
    background-repeat:no-repeat;
}
.zl-sec3-container{
    background-image:url("../images/img/zl-sec-3-bg.png");
    background-color:#fff;
    background-size:contain !important;
    background-position-x:right;
    background-position-y:bottom;
    background-repeat:no-repeat;
}
.zl-sec4-container{
    background-image:url("../images/img/zl-sec-4-bg.png");
    background-color:#fff;
    background-size:40%;
    background-position-x:right;
    background-position-y:bottom;
    background-repeat:no-repeat;
}
.zl-sec5-container{
    background-image:url("../images/img/zs-sec-10-bg.png");
    background-color:#fff;
    background-size:40%;
    background-position-x:right;
    background-position-y:bottom;
    background-repeat:no-repeat;
}
.zap-bullet > ul li{
    list-style-type: circle;
}