body {
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400% ;
	animation: gradient 15s ease infinite;
	height: 500%;
        background-repeat: no-repeat;
}


svg {width: 20px;
  height: 20px;
}
body {text-align:center;}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.nq889 {Background-color:#adc865;}

.nq889 ul li{ list-style-type:none; display:inline-block;padding:3px;margin:0 13px;}
.nq889  a {  text-decoration: none; color: #B8868D;}
#menu-content {display: flex;width:80%; margin-left:10%;}
.shadow-sm {padding:20px; margin:30px;}


.jp-controls svg {
    width: 45px;
    height: 45px;
    padding: 17px;
    fill: #fff;
    background-color: #9d28c5;
    border-radius: 50%;
    text-align: center;
}
.jp-volume-bar-value {
    background: #9d28c5;
    width: 0;
    height: 6px;
}
.search-btn {
    background-color: #9d28c5;
    border: 0;
    font-size: 13px;
}

.radio-channels img {
     border: none;
    border-radius: 8px;
    background-color: #fff;
}

.station-image {
    border: 1px solid #f4f4f4;
    border-radius: 8px!important;
}

.site-color-7 {
    background-color: #12121fbf;
}
.rounded {
        border-radius: 8px!important;
}





 /* CSS Styles */
    @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      font-family: 'Poppins', sans-serif;
    }
    .wrapper {
      position: fixed;
      bottom: 30px;
      max-width: 365px;
      background: #fff;
      padding: 25px 25px 30px 25px;
      border-radius: 15px;
      box-shadow: 1px 7px 14px -5px rgba(0, 0, 0, 0.15);
      text-align: center;
    }
    .wrapper.hide {
      opacity: 0;
      pointer-events: none;
      transform: scale(0.8);
      transition: all 0.3s ease;
    }
    ::selection {
      color: #fff;
      background: #FCBA7F;
    }
    .wrapper img {
      max-width: 200px;
    }
    .content header {
      font-size: 25px;
      font-weight: 600;
    }
    .content {
      margin-top: 10px;
    }
    .content p {
      color: #858585;
      margin: 5px 0 20px 0;
    }
    .content .buttons {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .buttons button {
      padding: 10px 20px;
      border: none;
      outline: none;
      color: #fff;
      font-size: 16px;
      font-weight: 500;
      border-radius: 5px;
      background: #9d28c5;
      cursor: pointer;
      transition: all 0.3s ease;
    }
    .buttons button:hover {
      transform: scale(0.97);
    }
    .buttons .item {
      margin: 0 10px;
    }
  .buttons  .item-2 {
 color: #9d28c5;
}
    .buttons a {
      color: #FFFFFF;
    }

/* Animation */
@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}
@keyframes rubberBand{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scale3d(1,1,1)}}
/* Say Hi to Adblock */
#arlinablock{background:rgba(0,0,0,0.65);position:fixed;margin:auto;left:0;right:0;top:0;bottom:0;overflow:auto;z-index:999999;animation:fadeInDown 1s}
#arlinablock .header{margin:0 0 15px 0}
#arlinablock .inner{background:#e3482d;color:#fff;box-shadow:0 5px 20px rgba(0,0,0,0.1);text-align:center;width:600px;padding:40px;border-radius:5px;margin:7% auto 2% auto;animation:rubberBand 1s}
#arlinablock button{padding:10px 20px;border:0;background:rgba(0,0,0,0.15);color:#fff;margin:20px 5px;cursor:pointer;transition:all .3s}
#arlinablock button:hover{background:rgba(0,0,0,0.35);color:#fff;outline:none}
#arlinablock button.active,#arlinablock button:hover.active{background:#fff;color:#222;outline:none}
#arlinablock .fixblock{background:#fff;text-align:left;color:#000;padding:20px;height:250px;overflow:auto;line-height:30px}
#arlinablock .fixblock div{display:none}
#arlinablock .fixblock div.active{display:block}
#arlinablock ol{margin-left:20px}
@media(max-width:768px){#arlinablock .inner{width:calc(100% - 20px);margin:10px auto;padding:15px}}