.sec-pad-vd {
    padding: 3rem 0 0rem
}

.pd-vd {
    padding: 3rem 0
}

.text-vdbx {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 9999;
    background: #030304d6;
    width: 90%;
    height: 90%;
    padding: 60px;
    transition: all .6s;
    opacity: 0;
    text-shadow: 1px 1px 16px BLACK;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.postit-top {
    position: absolute;
    top: unset;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
    transition: all .6s
}

.box-vd:hover .postit-top {
    opacity: 0
}

.box-vd:hover .text-vdbx {
    opacity: 1
}

.box-vd {
    position: relative;
    height: 100%
}

.img-bx {
    height: 100%
}

.post-vd-img {
    width: 100%;
    height: 100%
}

.lg-para {
    font-size: 2rem;
    color: #3c3e6e
}