/*==========================
TELANGANA DJS
Professional Music Portal
===========================*/

*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{

font-family:'Poppins',sans-serif;

background:#f4f6fb;

color:#222;

}

/* Top Bar */

.topbar{

background:#1c1c1c;

color:#fff;

padding:8px 0;

font-size:14px;

}

.topbar a{

color:#fff;

margin-left:15px;

text-decoration:none;

}

/* Logo */

.logo{

font-size:34px;

font-weight:700;

}

.logo span{

color:#6f42c1;

}

/* Navbar */

.navbar{

background:#6f42c1!important;

}

.nav-link{

color:#fff!important;

font-weight:600;

padding:14px;

}

.nav-link:hover{

background:#5d32ab;

border-radius:5px;

}

/* Hero */

.hero{

position:relative;

overflow:hidden;

border-radius:12px;

}

.hero img{

width:100%;

height:420px;

object-fit:cover;

border-radius:12px;

}

/* Trending */

.card-header{

background:#6f42c1;

color:#fff;

font-weight:600;

}

.list-group-item{

padding:15px;

transition:.3s;

}

.list-group-item:hover{

background:#f2ebff;

cursor:pointer;

}

/* Song Card */

.card{

border:none;

border-radius:10px;

overflow:hidden;

box-shadow:0 10px 30px rgba(0,0,0,.08);

transition:.4s;

}

.card:hover{

transform:translateY(-6px);

}

.card img{

height:220px;

object-fit:cover;

}

.card-body{

padding:18px;

}

.card-body h6{

font-weight:700;

}

/* Buttons */

.btn-primary{

background:#6f42c1;

border:none;

}

.btn-primary:hover{

background:#572ea5;

}

/* Section */

.section-title{

font-size:28px;

font-weight:700;

margin:30px 0;

}

/* Footer */

footer{

background:#161616;

color:#fff;

padding:40px 0;

margin-top:50px;

}

/* Responsive */

@media(max-width:992px){

.hero img{

height:250px;

}

.logo{

text-align:center;

margin-bottom:20px;

}

}