audio#audio-player{display:none}.radio-player{background-color:#2c3e50;border-radius:10px;padding:20px;color:#fff;text-align:center;width:300px;margin:auto}.radio-player img{width:100%;border-radius:10px}.radio-player h1{font-size:1.5rem;margin:20px 0}.radio-player p{font-size:1rem;margin-bottom:10px}.radio-player .audio-controls{display:flex;justify-content:space-around;align-items:center;margin-top:10px}.radio-player .audio-controls button{background:none;border:none;color:#fff;font-size:1.5rem}.radio-player .audio-controls .play-pause{font-size:2rem}.visualizer{margin-top:20px;height:100px;width:100%;background-color:#34495e;border-radius:10px;position:relative;overflow:hidden}.bar{width:10px;height:100%;background:linear-gradient(180deg,#e74c3c,#e67e22);position:absolute;bottom:0;animation:bounce 1s infinite}@keyframes bounce {
    0%, 100% {
        height: 30%;
    }
    50% {
        height: 100%;
    }
}.dropdown-menu[data-mdb-popper]{top:-243px;left:0;margin-top:.125rem}body{background-color:#121212;color:#fff;margin:0;padding-left:250px}.navbar{width:250px;background-color:#262626;padding:1rem;position:fixed;top:0;left:0;display:flex;flex-direction:column;align-items:start;z-index:1000}.navbar .navbar-brand{margin-bottom:2rem}.navbar-nav .nav-link{color:rgba(255,255,255,.75);margin-bottom:1rem;width:100%}.navbar-nav .nav-link:hover{color:#fff}.form-group{width:100%}.form-control,.btn,.dropdown-toggle{width:100%}.dropdown-menu{background-color:#343a40;color:#fff}.dropdown-item{color:#fff}.dropdown-item:hover{background-color:#495057}.navbar-toggler{display:none;background-color:#262626;border:none;color:#fff;padding:10px;font-size:20px}@media (max-width:768px){body{padding-left:0}.navbar{width:100%;height:auto;position:fixed;top:0;left:-100%;display:flex;z-index:1000;transition:left .3s ease-in-out}.navbar.show{left:0}.content{padding-top:60px}.navbar-toggler{display:block;background-color:#262626;border:none;color:#fff;padding:10px;font-size:20px;position:fixed;top:10px;left:10px;z-index:1001}}.card{background-color:#1e1e1e;border:none}.card-title,.card-text{color:#fff}.card-img-top{height:150px;object-fit:cover}.radio-card{position:relative;display:block}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;color:red;opacity:0;transition:opacity .3s ease , transform .3s ease}.radio-card:hover .play-icon{opacity:1;transform:translate(-50%,-50%) scale(1.1)}h2{color:#fff}.radio-player{background-color:#2c3e50;border-radius:10px;padding:20px;color:#fff;text-align:center;width:300px;margin:auto}.radio-player img{width:100%;border-radius:10px}.radio-player h1{font-size:1.5rem;margin:20px 0}.radio-player p{font-size:1rem;margin-bottom:10px}.radio-player .audio-controls{display:flex;justify-content:space-around;align-items:center;margin-top:10px}.radio-player .audio-controls button{background:none;border:none;color:#fff;font-size:1.5rem}.radio-player .audio-controls .play-pause{font-size:2rem}.visualizer{margin-top:20px;height:100px;width:100%;background-color:#34495e;border-radius:10px;position:relative;overflow:hidden}.bar{width:10px;height:100%;background:linear-gradient(180deg,#e74c3c,#e67e22);position:absolute;bottom:0;animation:bounce 1s infinite}@keyframes bounce {
    0%, 100% {
        height: 30%;
    }
    50% {
        height: 100%;
    }
}.btn-secondary{color:#fff;background-color:#000}.btn-outline-success{color:#fff;border-color:#fff}.radio-player{background-color:#000;border-radius:10px;padding:20px;color:#fff;text-align:center;width:300px;margin:auto}.h1,h1{font-size:25px!important}@media (min-width:1200px){.h1,h1{font-size:25px!important}}.dropdown-menu{background-color:#000;color:#fff}.radio-container{display:flex;flex-wrap:wrap;justify-content:flex-start}.radio-card{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:#333;border-radius:10px;overflow:hidden;padding:5px;margin:5px;width:80px;height:120px;position:relative;text-decoration:none;color:#fff}.radio-img{width:60px;height:60px;object-fit:cover;border-radius:10px;position:relative}.default-logo{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background-color:#555;color:#fff;font-size:20px;border-radius:10px}.card-body{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5px}.card-title{font-size:10px;text-align:center;color:#fff;margin-top:5px}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:rgba(255,255,255,.1);font-size:20px;display:none}.radio-card:hover .play-icon{display:block}.container{max-width:1200px;margin:auto;text-align:left}.section-title{width:100%;text-align:left;color:#fff;margin-bottom:20px}.text-white{color:#fff!important}