section.lists {
    margin: 2rem 0;
}

.new-mv-items {
    background: white;
    padding: 15px;
    border-radius: 10px;
}
 .new-mv-items .new-mv-thamb {
    position: relative;
    overflow: hidden;
    border-radius: 12px
}

 .new-mv-items .new-mv-thamb img {
    width: 100%;
    border-radius: 10px
}

 .new-mv-items .new-mv-thamb .video-play-icons {
    position: absolute;
    top: 50%;
    font-size: 22px;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 20px;
    background: linear-gradient(180deg,#EC7532 0,#FFB88C 100%);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    line-height: 64px;
    text-align: center;
    color: var(--color-white);
    opacity: 0;
    transition: all .3s ease
}

 .new-mv-items .new-mv-thamb .video-play-icons::before {
    content: "";
    position: absolute;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border: 40px solid rgba(253,175,128,0.3)
}

 .new-mv-items .new-mv-thamb::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(180deg,rgba(19,23,34,0.5) 0,#0F131E 100%);
    border-radius: 10px;
    opacity: 0;
    transition: .3s ease-in-out
}
.new-mv-items .new-mv-thamb:hover .video-play-icons>i {
    font-size: 1.5em;
    color: white;
}
 .new-mv-items .new-mv-thamb:hover:before {
    opacity: 1
}

 .new-mv-items .new-mv-thamb:hover .video-play-icons {
    opacity: 1
}


@media(max-width:991px){
   .new-mv-items .new-mv-thamb .video-play-icons{
        opacity: 1;
            color: white;
   }
}
@media(max-width:767px){
   .new-mv-items .new-mv-thamb .video-play-icons{
        opacity: 1;
            color: white;
   }
}