@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*,html{margin: 0;padding: 0;box-sizing: border-box; font-family: "Poppins";}

h1,h2,h3,h4,h5,h6,ul,p{margin: 0;padding: 0;}
:root{
--primary:#fe914e;
}
.whatsapp {position: fixed;bottom: 15%;right: 0;background-color: white;width: 100px;padding: .5rem;box-shadow: 0 1px 0 1px lightblue;border-radius: 50px; z-index: 9; display: flex; justify-content: space-between; align-items: center;}
header{height: 83px;}
a{text-decoration: none;}
img{width: 100%;}
.navbar img.logo{max-width: 200px;min-width: 120px;height: auto;}
.navbar .navbar-toggler{border: none;}
.navbar .navbar-toggler:focus, .btn-close:focus{box-shadow: none; border: none;}
.desktop_menu ul{display: flex;list-style: none;}
.desktop_menu ul li{margin-right: 2rem;}
.desktop_menu ul li:last-child{margin-right:0;}
.navbar ul li a{color: gray;}
.navbar ul li:hover a, .navbar ul li.active a{color: black;}
.navbar form input{border-radius: 25px;}


.slider img{height:100%; border-radius: 20px;}
.slider .owl-nav {position: absolute; top: 40%; transform: translateY(-40%);width: 100%; opacity: 0;}
.slider .owl-nav button.disabled{cursor: not-allowed;}
.slider .owl-carousel:hover .owl-nav{opacity: 1;}
.slider .owl-nav .owl-prev, .slider .owl-nav .owl-next{position: absolute; width: 35px;height: 35px;border-radius: 50px;background-color: #00000076 !important;display: flex;justify-content: center;align-items: center;color: white !important;}
.slider .owl-nav .owl-prev span, .slider .owl-nav .owl-next span{font-size: 24px; line-height: 18px;}

.slider .owl-nav .owl-prev{left: 3%;}
.slider .owl-nav .owl-next{right: 3%;}


.release_slider .r_card .r_img{position: relative; overflow: hidden; border-radius: 15px;}
.release_slider .r_card .r_img img{border-radius: 15px;}
.release_slider .r_card .player{position: absolute;bottom:-100%;transition: all .3s ease; background: linear-gradient(360deg, black, transparent);width: 100%;height: 100%;border-radius: 15px;display: flex;justify-content: center;align-items: center;}
.release_slider .r_card .player .play_btn{width: 45px; height: 45px; border-radius: 50%;background: var(--primary); display: flex; justify-content: center; align-items: center; color: white;}
.release_slider .r_card:hover .player{bottom: 0;}
.popular_artist .r_card .p_img{position: relative; overflow: hidden; border-radius: 50%; aspect-ratio: 1;}
.popular_artist .p_img img, .popular_artist .r_card .player{border-radius: 50%;}


.footer ul {list-style: none;}
.footer ul li a {font-size: 14px; color: gray;}
.footer ul li a:hover{color: black;}


.song_list .m_card img{border-radius: 25px; aspect-ratio: 1;object-fit: cover; width: 200px;}
.song_listing img{width: 60px;border-radius: 50%; aspect-ratio: 1; object-fit: cover;}
.song_listing .s_play a{padding: .3rem 1rem;}
.song_listing img.song_anim{max-width: 30px; height: 18px;}
.song_listing:hover{background-color: #d5d5d53f; box-shadow:0 0 20px 0px #d9d8d8a8;}
.song p{-webkit-line-clamp: 1; display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient:vertical;}



.player_bottom{position: sticky; bottom: 0;height: 60px; box-shadow:0 0 20px 0px #d9d8d8a8; z-index: 1; background-color: white;}
.player_bottom .song_det img{max-width: 40px; border-radius: 60px;aspect-ratio: 1; object-fit: cover;}
.player_bottom input[type="range"] {position: absolute;top: 0; -webkit-appearance: none;appearance: none;background:lightgray;cursor: pointer;width: 100%;height: 3px;border-radius: 15px;}
.player_bottom input[type="range"]::-webkit-slider-thumb {display: none;}