.header-section{padding:70px 0}
.event-category .tag {
    margin-left: 0;
    padding: 2px 10px;
    background: #fffb4a;
}
.event-category .tag:before {
    display: none;
}

.search-wrap, .search-wrap .search-box {
    position: relative;
    z-index: 2;
}
.search-wrap .search-box {
    height: 50px;
}
.search-wrap {
    max-width: 720px;
    margin: 0 auto 60px;
    transition: .5s ease;
    padding: 20px 0 0px;
}
.search-wrap input.search-icon {
    z-index: 1;
    background: url(/sites/zweb/images/commonroot/help-new-sprite.png) no-repeat;
    background-size: auto 50px;
    cursor: pointer
}
.search-wrap input.search-field {
    display: block;
    border: none;
    outline: 0;
    background: #fff;
    font-size: 16px;
    font-weight: 300;
    height: 50px;
    line-height: 30px;
    color: #666;
    width: 100%;
    padding: 10px 10px 10px 50px;
    box-sizing: border-box;
    transition: .5s ease;
    border: 1px solid #dedede;
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.1);
}
.search-wrap input.search-icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    box-sizing: border-box;
    height: 50px;
    padding: 10px;
    border: none;
    outline: 0
}
.header-section .search-wrap {display:none}
.event-category .tag {
    background: #bfe479;
    color: #000;
}
.improvements.event-category .tag {
    background: #dcfaee;
    color: #23986b;
}
.changes.event-category .tag{
    background: #C9D9FD;
    color: #4460D0;
}

.bug-fixes.event-category .tag {
    background: #fdc9da;
    color: #d04473;
}

.new-feature.event-category .tag {
    background: #efdead;
    color: #5a4747;
}
.performance.event-category .tag {
    background: #e6ace8;
    color: #573658;
}

.enhancements.event-category .tag {
    background: #E3C9FD;
    color: #9823FF;
}
.updates.event-category .tag {
    background: #ade8ef;
    color: #5a4747;
}
.header-section {
    background: radial-gradient(46.6% 73.86% at 50.01% 32.36%,#2867f6 0,#173c90 100%);
}
.filter-tab li a, .list-dropdown li a {
    color: #000;
}
.filter-tab li a.active {
    color: #3881F4;
    border-bottom: 2px solid #3881F4;
    font-family: var(--primaryfont-semibold);
}
.year-series p.open {
    color: #3881F4;
    font-family: var(--primaryfont-semibold);
}
.list-dropdown li a.active {
    color: #3881F4;
}
.list-dropdown li a.active:before {
    background: #3881F4;
}
.timeline-block .event-category-year-wrap .event-category .tag {
    padding: 4px 10px;
    border-radius: 10px;
    border-width: 0;
    line-height: 1.13;
}
.timeline-block  .head {
    margin-bottom: 10px;
}
.event-series h5 {
    color: #000;
    font-family: var(--secondaryfont-bold);
    font-size: 18px;
    border-bottom: 1px solid #d3d1d1;
}
.filter-tab {
    border-bottom: 1px solid #d3d1d1;
}
.year-series p:before {
    border: solid #3881F4;
    border-width: 0 2px 2px 0;
}
.event-category-year-wrap:before {
    border: 1px solid #3881F4;
    background: #3881F4;
}
/* .whatsnew-desc li {
    background: transparent;
    position: relative;
    padding-left: 40px;
} */
.whatsnew-desc p {
    padding-left: 30px;
    margin: 0 0 15px;
    width: 100%;
    box-sizing: border-box;
}
.whatsnew-desc li, .whatsnew-desc p {
    background: url(/sites/zweb/images/flow/arwsvg.svg) left 5px top 8px no-repeat;
    background-size: 11px auto;
}

.whatsnew-desc li>span:before, .whatsnew-desc li>span:after {
    content: '';
    width: 8px;
    height: 3px;
    background: #5CB74D;
    position: absolute;
    top: 1px;
    bottom: 0;
    right: 0;
    margin: auto;
    transition: transform .2s ease;
    -webkit-transition: transform .2s ease;
    -moz-transition: transform .2s ease;
    -ms-transition: transform .2s ease;
    -o-transition: transform .2s ease;
}
.whatsnew-desc ul li b{
    font-family: var(--secondaryfont-bold);
}
.event-category.new .tag {
    background: #DAFDC9;
    color: #6EA417;
}

/* .whatsnew-desc li>span:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    right: 11px;
}
.whatsnew-desc li>span:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    right: 6px;
}
.whatsnew-desc li>span {
    position: absolute;
    left: 0;
    top: 2px;
    transform: rotate(270deg);
    width: 25px;
    height: 25px;
    background: #E6FFE2;
    border-radius: 100%;
} */


@media all and (max-width:767px){
.search-wrap{max-width:90%;}
}