.info-a {
    background-image: url('../image/infoa.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #fff;
}

.user-bg {
    background: #FFFFFF;
    box-shadow: 0px 0px 4px 4px rgba(223, 223, 223, 0.32);
    border-radius: 10px;
}

.padding-h {
    padding: 10%;
}

.text-red {
    color: #C81F3C;
}

.user-name {
    background: linear-gradient(270deg, #FFFFFF 0%, #C81F3C 100%);
    color:#ffffff;
}

.pl-bg {
    background-image: url('../image/plv2bg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #fff;
}

.w-86 {
    width: 86% !important;
}

.plv3-bg {
    background-image: url('../image/plv3bg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 992px) {
    .pl-bg {
        width: 50%;
        position: absolute;
        right: 15%;
        /* top: 0; */
        padding: 4% 5% 5% 14%;
    }

    .vh-80 {
        height: 85vh !important;
    }

    .plv3-bg {
        margin-top: -15%;
        padding: 20% 15% 5% 15%;
    }
}


@media (min-width: 576px) and (max-width:991px) {
    .pl-bg {
        margin-top: -17%;
        padding: 22% 5% 5% 9%;
    }
}