#first-section:before { content:''; position:absolute; top:0; left:0; height:200px; z-index:10;background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0) 29%, rgba(0,0,0,0.8618040966386554) 100%); width:100%; pointer-events: none; }
.bx-wrapper { height:auto; }
#first-section .bx-wrapper { max-width:inherit !important; }
#first-section { position:relative; overflow: hidden !important; }
.play-button { cursor:pointer; position:absolute; bottom:60px; left:50%; z-index:10; transform:translateX(-50%); }
.gallery-item { text-align:center; align-items:center; justify-content:center; background-color:#333;display:flex;color:#aaa;font-size:10px; height:125px; width:100%; }
.iframe-wrapper { width:100%; background:transparent; position:relative; }
.pager-list a { font-size:12px; }
.pager-list a.active { background:#000 }
.slide-1 .button-1, .slide-2 .button-2, .slide-3 .button-3, .slide-4 .button-4, .slide-5 .button-5, .slide-6 .button-6 { background:#000; }
/* #second-section .bx-wrapper .bx-controls-direction a { margin-top:16px !important; }
*/
.song-list-box { padding:10px; background:transparent;   }
.song-list-box > div { overflow-y:scroll; font-size:12px; max-height:400px; color:#706d6d;   scrollbar-color: #888888 #f5f5f5;
scrollbar-width: thin;  }
.song-list-box > div h3 { font-size: 16px; text-transform:uppercase; }

.grid-view .video-info { height:auto; }

/* Track */
.song-list-box > div::-webkit-scrollbar {
width: 8px;
background:rgba(255, 255, 255, .1);
}

/* Handle */
.song-list-box > div::-webkit-scrollbar-thumb {
background-color: #888888;
}

/* Handle on hover */
.song-list-box > div::-webkit-scrollbar-thumb:hover {
background-color: #555555;
}

.mj-songstress-image { width:200px; height:200px; border-radius:200px; overflow:hidden; float:right; margin:0 0rem 1rem 1rem; }
.mj-songstress-image img { width:100%; height:100%; object-fit:cover; }


.frame-container {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%; /* 16:9 aspect ratio - adjust as needed */
overflow: hidden;
}

.frame-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.grid-view .play-button { left:50%; top:50%; bottom: auto; transform:translate(-50%, -50%);}

.bxslider-horizontal > div {
border-radius: 25px;
overflow: hidden;
/* height: 380px; */
}

.bxslider-horizontal > div > img {
height: 100%;
width: 100%;
object-fit: cover;

}

@media (max-width:768px){
.play-button { bottom:auto; top:50%; transform:translate(-50%, -50%); }
#first-section:before { display: none; }
}