.field-banner-section{margin-top:30px;}
.search-wrap h1{text-align:center;margin-bottom: 30px;font-size: 42px;
    font-family: var(--zf-primary-bold);}
.search-box form{position:relative;}
.og-context-node-27638 .help-guides-wrap li>div>span{background: url(/sites/zweb/images/workerly/workerly-helpcenter-sprite.png) left top no-repeat;background-size: auto 50px;}
.help-wrap .col-block>span{background:url("/sites/zweb/images/workerly/workerly-helpcenter-sprite.png");     background-size: 500px auto;}
.help-wrap .col-block.guide-1 span{background-position:0px 0;}
.help-wrap .col-block.guide-2 span{background-position:-50px 0;}
.help-wrap .col-block.guide-3 span{background-position:-100px 0;}
.help-wrap .col-block.guide-4 span{background-position:-150px 0;}
.help-wrap .col-block.guide-5 span{background-position:-200px 0;}
.help-wrap .col-block.guide-6 span{background-position:-250px 0;}
.help-wrap .col-block.guide-7 span{background-position:-300px 0;}
.help-wrap .col-block.guide-8 span{background-position:-350px 0;}
.help-wrap .col-block.guide-9 span{background-position:-400px 0;}
.help-wrap .col-block.guide-10 span{background-position:-450px 0;}

//.field-banner-section{display:none;}
.help-guides-wrap .content-wrap h2{padding:0px;display:block;}
.help-guides-wrap li>div{padding:40px 20px;min-height: 200px;}
.help-guides-wrap li>div span{margin:0 auto 15px;display:block;}
.help-guides-wrap li{position:relative;}
.help-guides-wrap li h3{display:none;}
.help-guides-wrap li>div>a{border-bottom: 0px solid #03a9f5;color: #000;font-family: var(--zf-primary-semibold);font-size: 20px;display:block;width:100%;text-align: center;}
.help-guides-wrap li>div>a:after{content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;}

.zcframe .reqdemo-widget{
opacity: 0;
display: none;
}

.zcframe .zsiq_floatmain {
display: none !important
}
body.zw-template-zp_help_home {
    background: transparent;
}
.one-col {
    width: 18%;
    text-align: center;
    padding: 40px 15px;
border: 1px solid #ebebeb;
}
.col-block h4{
    font-family: var(--zf-secondary-semibold);
}
.banner-wrap .search-wrap{
    padding: 70px 0 0px;
}
@media only screen and (min-width:1200px) {
.help-guides-wrap li{width:18%;}
}

@media only screen and (max-width:767px) {
.one-col {
display: block;
    margin: 20px auto;
    width: 100%;
    max-width: 480px;
}
.help-guides-wrap li>div{min-height: 100px;}
}
@media only screen and (max-width: 1199px) and (min-width: 992px){
.one-col {
    width: 30%;
}
}
@media only screen and (max-width: 991px) and (min-width: 768px){
.one-col {
    width: 47%;
}
}