.doc-video-bg {
    background: linear-gradient(90deg, #034ea1 0, #00b7ac 100%);
    height: 30vh
}

.p-testimonial {
    background: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .12);
    border-radius: 5px;
    margin-bottom: 25px;
    border: 24px solid #0c51a0;
    margin-top: -100px
}

.pvc-area {
    padding: 20px
}

.testi-video-text {
    font-size: 24px;
    line-height: 32px;
    color: #0c51a1;
    overflow: scroll;
    height: 115px;
    overflow-x: hidden;
    margin-bottom: 25px
}

.testi-video-desc, .testi-video-desc p {
    color: #5d5d5d;
    font-size: 16px;
    line-height: 24px;
    height: 210px;
    overflow-x: hidden;
}
.more-vde-text h3 {
    font-size: 18px;
    line-height: 28px;
    color: #000
}

.more-vde-text p {
    font-size: 16px;
    line-height: 27px;
    color: #000
}

.testi-video-iframe {
    height: 100%;
    width: 100%;
    min-height: 320px
}

@media only screen and (max-width:375px) {
    .testi-video-text {
        height: 70px;
        margin-bottom: 20px
    }
    .testi-video-desc, .testi-video-desc p {
        height: 150px
    }
}

@media screen and (max-width:427px) and (min-width:376px) {
    .testi-video-text {
        height: 85px;
        margin-bottom: 20px
    }
    .testi-video-desc , .testi-video-desc p{
        height: 160px
    }
}

@media only screen and (max-width:768px) {
    .pvc-area {
        padding: 20px
    }
    .testi-video-iframe {
        height: 250px
    }
}

@media screen and (max-width:1024px) and (min-width:768px) {
    .p-testimonial .row>.col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .pvc-area {
        padding: 20px
    }
    .testi-video-iframe {
        height: 32vh
    }
}