.zw-product-header{
    background: #203f92;
}
.z-videos-menu li ul li:nth-child(1) {
    margin-top: 10px;
}
div#how-to-videos img {
    border: 1px solid #eee;
}
.video-details p{
    font-size: 15px;
}
.video-box:before {
    position: absolute;
    background: rgb(0 0 0 / 0%);
}
.video-box span.duration{
    color: #534a4a;
}.video-box span.duration:after{
border-top: 1px solid #000;
    border-right: 1px solid #111010;
}

.video-box span.duration:before{
    border: 1px solid #090909;
}
.z-videos-banner {
    background: #213f92;
    padding: 75px 0 120px;
}

.z-videos-banner p {
    font-size: 18px;
    line-height: 32px;
    max-width: 540px;
    margin: 5px auto 0;
}

.introduce-contract-video .contract-video-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-top:  70px;
}
.contract-video-wrap {
    background: url(/sites/zweb/images/contracts/videos/zoho-contracts-bg.png) #faebd5;
    padding: 69px 92px 67px 115px;
    position: relative;
    background-size: 180px;
}
.introd-contract-content {
    width: 54%;
    padding-top: 20px;
    text-align: left;
    color: #000;
}
.introd-contract-video {
    width: 46%;
}
.video-part {
    width: 344px;
    max-width: 100%;
    position: relative;
    cursor: pointer;
}
.video-part:before {
    background: #009dff;
    border-radius: 100%;
    margin: -32px auto 0 -32px;
    position: absolute;
    left: 50%;
    top: 50%;
    content: '';
    z-index: 1;
    display: block;
    height: 60px;
    width: 60px;
    cursor: pointer;
}
.video-part:after {
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 11px 0 11px 15px;
    content: "";
    height: 0;
    left: 48.3%;
    position: absolute;
    top: 45%;
    width: 0;
    z-index: 9;
    cursor: pointer;
}
.introd-contract-video img {
    width: 344px;
    background: #fff;
    padding: 11px 32px 22px 23px;
    position: relative;
}
.introd-contract-content h2 {
    font-size: 42px;
    line-height: 52px;
    font-family: var(--primaryfont-bold);
    width: 347px;
    max-width: 100%;
}
.introd-contract-content p {
    font-size: 18px;
    line-height: 32px;
    margin: 0;
}
.tutorial-video-caption {
    text-align: center;
    padding: 120px 0 0;
}
.tutorial-video-caption h2 {
    font-size: 42px;
    line-height: 52px;
    margin-bottom: 25px;
    font-family: var(--primaryfont-bold);
}
.tutorial-video-caption p {
    font-size: 18px;
    line-height: 32px;
    max-width: 50%;
    margin: 0 auto;
}

@media only screen and (max-width: 767px){
.z-videos-banner{
    padding: 60px 0;
}
.z-videos-banner h1 {
    margin-top: 0;
}

}