body{
			 
			background: #000 !important;
			color: #fff;
		}
		.muso-artist-detail-credits .muso-artist-credits,.muso-artist-detail-credits .muso-artist-credit-role {
    background: #101010 !important;
    }
		.theme-button {
    border-radius: 36px;
    color: #fff !important;
     
    background-color: #00DD4B !important;
    color: #fff; 
    border: transparent solid 1px;
}
.feeture-artist-app-popup .feeture-artist-app-popup-inner {
    background: linear-gradient(0deg, #121212, #00dd4b70)!important;
  }
.feeture-artist-app-popup .feeture-artist-app-popup-inner .feeture-artist-app-popup-content .feeture-artist-app-popup-btn a.faapp-btn-signup, .feeture-artist-app-popup .feeture-artist-app-popup-inner .feeture-artist-app-popup-content .feeture-artist-app-popup-btn a:hover {
    background: #00DD4B!important;
    border-color: #00DD4B!important;
    color: #000 !important;
}
		.feeture-artist-contact a{
			border-radius: 36px; 
    
    background-color: #00DD4B;
    color: #fff !important;
    border: transparent solid 1px;
    font-size: 16px;
    padding: 15px 10px;
    text-align: center;
    width: 100%;
    display: flex;
    margin-bottom: 15px;
    align-items: center;
    justify-content: center;
    gap: 0.3rem; 
    font-weight: 600;
    		}
		.feeture-artist-contact a:hover{
    background: #00DD4B !important;
}


.feeture-artist-contact a img{
	width:15px;
	filter: invert(1);
} 
		.link-area.for-web .menu{
			flex-direction: row !important;
		}
		.feeda-left-sec{
			display: none !important;
		}
		.artist-detial{
			padding:90px 0px;
			display: inline-block;
			width: 100%;
		}
		.artist-detial .artist-detial-top .artist-name-type{
			float: left;
			 
		}
		.artist-detial .artist-detial-top .artist-name-type h2{
			font-size: 36px;
			margin: 0px;
			
			margin-bottom: 10px;
			font-weight: 600; 
		}
		.artist-detial .artist-detial-top .artist-top-tags{
			float: right;
			padding-top: 20px;
		}
		.artist-detial .artist-detial-top .artist-top-tags ul{
			list-style: none;
			padding: 0px;
			margin: 0px;
		}
		.artist-detial .artist-detial-top .artist-top-tags ul li{
			float: left;
			margin-left: 5px;
		} 
		.artist-detial .artist-detial-top .artist-top-tags ul li a{
			padding: 8px 20px;
			background: rgba(255, 255, 255, 0.03);
			color: rgba(255, 255, 255, 0.60);
			border-radius: 36px;
			font-size: 16px;
			cursor: pointer; 
		}
		.artist-detial .artist-detial-top .artist-top-tags ul li a:hover{
/*
			background: #00DD4B;*/ 
			background: rgba(255, 255, 255, 0.05);
			color: rgba(255, 255, 255, 1);
		}
		
		.artist-detial	.artist-detial-top-banner{
			padding: 20px 0px;
			width: 100%;
			display: inline-block;
		}
		.artist-detial	.artist-detial-top-banner .artist-detial-banner-img-grid img{
			height: 100%;
			width: auto;
			max-width: inherit;
		}
		.artist-detial	.artist-detial-top-banner .artist-detial-banner-img-grid{
			float: left;
			width: 50%;
			border-radius: 26px;
			overflow: hidden;

		}

		.artist-detial	.artist-detial-top-banner .artist-detial-banner-img-grid .artist-detial-banner-img-grid-col{
			float: left;
			width: 50%;
			height: 330px;
			overflow: hidden;
		}
		.artist-detial .artist-detial-top-banner .artist-detial-banner-img-grid .artist-detial-banner-img-grid-col:first-child{
			display: flex;  
			justify-content: center;  
			align-items: center;

		}

				@media only screen and (min-width: 1100px) {
		.artist-detial .artist-detial-top-banner .artist-detial-banner-img-grid .artist-detial-banner-img-grid-col:first-child img{
	
		-webkit-border-top-left-radius: 26px;
-webkit-border-bottom-left-radius: 26px;
-moz-border-radius-topleft: 26px;
-moz-border-radius-bottomleft: 26px;
border-top-left-radius: 26px;
border-bottom-left-radius: 26px;
}
}
		.artist-detial	.artist-detial-top-banner .artist-detial-banner-img-grid .artist-detial-banner-img-grid-col .abdg-row{
			height: 50%;
			overflow: hidden;
			padding-left: 2px;
			float: left;
			width: 100%;
		}
		.artist-detial	.artist-detial-top-banner .artist-detial-banner-img-grid .artist-detial-banner-img-grid-col .abdg-row img{
			width: 100%;
			height: auto;
		}
		.artist-detial	.artist-detial-banner-info{
			float: right;
			width: 50%;
			padding-left: 10px;
		}
		.artist-detial	.artist-detial-banner-info .artist-detial-youtube-f{
			width: 50%;
			float: left;
			padding:0px 10px;
		}
		.artist-detial	.artist-detial-banner-info .artist-detial-youtube-f .artist-detial-youtube-f-inner{
			background: #222;
			border-radius: 26px;
			overflow: hidden;
			min-height: 328px;
		}

		.artist-detial	.artist-detial-banner-info .artist-detial-youtube-f .artist-detial-youtube-f-inner .youtube-video-info{
			padding: 15px;
			font-size: 13px;
			line-height: 1.5; 
		}

		.artist-detial	.artist-detial-banner-info .artist-detial-youtube-f .artist-detial-youtube-f-inner .youtube-video-info span{
			font-size: 16px;
		}
		.artist-detial	.artist-detial-banner-info .artist-detial-age-album{
			float: left;
			width: 50%;
		}
		.artist-detial	.artist-detial-banner-info .artist-detial-age-album	.artist-detial-age-album-top .artist-detial-age{
			padding: 0px 5px;
			float: left;
			width: 50%; 
		}
		.artist-detial	.artist-detial-banner-info .artist-detial-age-album	.artist-detial-age-album-top .artist-detial-age .artist-detial-age-inner{
			background: #222;
			border-radius: 26px;
			padding: 15px; 
			 height: 130px;
    overflow: hidden;
		}
		.artist-detial	.artist-detial-banner-info .artist-detial-age-album	.artist-detial-age-album-top .artist-detial-age .artist-detial-age-inner h3{
			font-size: 16px; 
		}

		.artist-detial	.artist-detial-banner-info .artist-detial-age-album	.artist-detial-age-album-top .artist-detial-age .artist-detial-age-inner .artist-detial-age-year{
			padding-top: 10px;
		}
		.artist-detial	.artist-detial-banner-info .artist-detial-age-album	.artist-detial-age-album-top .artist-detial-age .artist-detial-age-inner .artist-detial-age-year span{
			display: block;
			font-size: 14px;
			padding-top: 10px; 
		}

		.artist-detial	.artist-detial-banner-info .artist-detial-age-album .artist-detial-album{
			padding: 0px 5px;
			float: left;
			width: 50%;
		}
		.artist-detial	.artist-detial-banner-info .artist-detial-age-album .artist-detial-album .artist-detial-album-inner{
			background: #222;
			border-radius: 26px;
			padding: 15px;
			height: 130px;
    overflow: hidden;
		}
		.artist-detial	.artist-detial-banner-info .artist-detial-age-album .artist-detial-album .artist-detial-album-inner h3{
			font-size:16px;
		}

		.artist-detial	.artist-detial-banner-info .artist-detial-age-album .artist-detial-album .artist-detial-album-inner	span{
			display: block;
			font-size: 11px;
			padding-top:10px;
			line-height: 1.5;
		}
		.artist-detial	.artist-detial-banner-info	.artist-detial-award{
			padding-top:15px; ;
		}
		.artist-detial	.artist-detial-banner-info	.artist-detial-award .artist-detial-award-inner{
			background: #222;
			border-radius: 26px;
			padding: 15px;
			width: 100%;
min-height: 118px;
		}
		.artist-detial	.artist-detial-banner-info	.artist-detial-award .artist-detial-award-inner h3{
			font-size: 16px;

		}

		.artist-detial	.artist-detial-banner-info	.artist-detial-award .artist-detial-award-inner span{
			display: block;
			font-size: 14px;
			padding-top: 10px;
			line-height: 1.5;
		}
		.artist-detial-right-about{
			float: left;
			width: 40%;
			padding: 20px;
			padding-right: 30px;
			border-right: #222 solid 1px;
			font-size: 16px;
			line-height: 1.5;
		}

		.artist-detial-right-about p{
			margin-bottom: 10px;
		}
		.artist-detial-right-about h3{
			font-size: 26px;
			margin-bottom: 15px;
			font-weight: 600; 
		}
		.artist-detial-right-about strong{
			color: #00DD4B;
			font-weight: 700;
		}
		.lyvecom_videos{
			float: right;
			width: 60%;
			padding: 15px;
		}


		.artist-feeture-modal-overlay{
										position: fixed;

										width: 100%;
										height: 100%;
										left: 0px;
										top: 0px;
										background: rgba(0, 0, 0, 0.80);
										backdrop-filter: blur(10px);		
										z-index:91;				 		
										display:none;
									}
									.feeture-artist-modal{
										position: fixed;
										width: 100%;
										height: 100%;
										left: 0px;
										display: flex;
										align-items: center;
										justify-content: center;
										top: 0px;
										z-index: 99;
										display:none;}
										.artist-feeture-modal-overlay.show{
										 display: block;
									}
									.feeture-artist-modal.show{
										display: flex;
									}
										.feeture-artist-modal  .feeture-artist-modal-inner{
											width: 550px;
											background: #121212 ;
											color: #fff;
											border-radius: 20px;
											padding: 25px;


										}	
										.feeture-artist-modal  .feeture-artist-modal-inner .form-row{
											display: flex;
											gap: 1rem;
										}	
										.feeture-artist-modal  .feeture-artist-modal-inner .form-row .col-50{
											width: 50%;
										}
										.feeture-artist-modal  .feeture-artist-modal-inner .form-field {
											margin-bottom: 15px;
										}
										.feeture-artist-modal  .feeture-artist-modal-inner .form-field .form-control{
											background: #171717;
											border-radius: 36px;
											border: 1px solid #ffffff57;
											padding: 10px;
											color: #fff;
										}
										.feeture-artist-modal  .feeture-artist-modal-inner label{
											font-size: 14px;
											text-transform: uppercase;
											margin-bottom: 8px;
										}

										.feeture-artist-modal  .feeture-artist-modal-inner .btn-primary{
											background: #00DD4B;
											border-radius: 36px;
											width: 100%;
											text-align: center;
											display: inline-block;
											padding: 15px ;
											color: #fff;
											border:0px;
											text-transform: uppercase;
											font-weight: 600;
										}

										.feeture-artist-modal  .feeture-artist-modal-inner textarea {
											resize: none;
											height: 115px;
										}
										.fam-heading-close{
											display: flex;
											justify-content: space-between;
											align-items: center;
											padding-bottom: 20px;
										}
										.fam-heading-close h3{
											font-weight: 600;
											font-size: 22px;
											text-transform: uppercase;
										}
										.fam-heading-close .fam-close-btn{
											cursor: pointer;
										}
										.show-on-mobile{
				display: none;
			}
		@media only screen and (max-width: 650px) {
			.artist-detial .artist-detial-top .artist-name-type {
   
  width: 100%;
}
			.show-on-mobile{
				display: block;
				margin-top: 15px;
			}
				.hide-on-mobile{
				display: none;
			}
			.feeture-artist-modal .feeture-artist-modal-inner {
  width: 90%;

} 
.fam-heading-close h3 {
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
}

.feeture-artist-modal  .feeture-artist-modal-inner label {
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.feeture-artist-modal .feeture-artist-modal-inner .form-field .form-control {
   
  padding: 8px; 
  font-size: 16px;
}
.feeture-artist-modal .feeture-artist-modal-inner .form-row .col-50 {
  width: 100%;
}
.feeture-artist-modal .feeture-artist-modal-inner .form-row {
  display: flex;
  gap: 0rem;
  flex-direction: column;
}
		

    	.artist-detial .artist-detial-top .artist-top-tags{
				display: none;
			}
			.artist-detial .artist-detial-top-banner .artist-detial-banner-img-grid {
				float: left;
				width: 100%;
			}
			.artist-detial .artist-detial-top-banner .artist-detial-banner-img-grid img {
				height: auto;
				width:  100%;
			}
			.artist-detial .artist-detial-banner-info .artist-detial-age-album .artist-detial-album .artist-detial-album-inner span {
				padding-top: 25px;
			}
			.artist-detial .artist-detial-top-banner .artist-detial-banner-img-grid .artist-detial-banner-img-grid-col {
				float: left;
				width: 100%;
				height: auto;
				overflow: hidden;
			}
			.artist-detial .artist-detial-top-banner .artist-detial-banner-img-grid .artist-detial-banner-img-grid-col .abdg-row {
				height: 115px;
				overflow: hidden;
				padding-left: 2px;
				float: left;
				width: 50%;
			}
			.artist-detial .artist-detial-banner-info {
				float: right;
				width: 100%;
				padding-top: 15px;
				padding-left: 0px;
			}
			.artist-detial .artist-detial-banner-info .artist-detial-youtube-f {
				width: 100%;
				float: left;
				padding: 0px;
			}
			.artist-detial .artist-detial-banner-info .artist-detial-age-album{
				padding-top: 15px;
				width: 100%;
			}
			.artist-detial-right-about {
				float: left;
				width: 100%;
				padding: 20px 0px;

				padding-bottom: 30px;
				border-right:0px;
				border-bootm: #222 solid 1px;
				font-size: 14px;
				line-height: 1.4;
			}
			.lyvecom_videos {
				float: right;
				width: 100%;
				padding: 10px 0px;
			}
			.artist-detial {
				padding: 80px 0px;
				padding-bottom: 20px;
			}
		}


		.artist-res-track{
									padding:   0px;
									padding-bottom: 5rem;
							}
							.artist-res-track  h2  	{
								font-size: 26px;
								margin-bottom: 15px;
								
								margin-bottom: 10px;
								color: #fff;
								font-weight: 600; 
							}
							.artist-rank-data{
								padding: 20px 0px;

							}
							.artist-rank-data h2  	{
								font-size: 26px;
								margin-bottom: 15px;
								
								margin-bottom: 10px;
								color: #fff;
								font-weight: 600; 
							}
							.artist-rank-data table {
								background: #ffffff18;
								color: #c6c6c6;
								width: 100%;
								border: 1px solid rgba(255, 255, 255, 0.06);
								border-radius: 8px;
								overflow: hidden;
							}  
							.artist-rank-data table th {
								border-bottom:1px solid #25292a;
								color:#00DD4B;
								padding:20px 5px;
								background:#131415;
								font-size:14px;
								font-weight:bold;
								text-align:left;
								vertical-align: middle;
							}  
							.artist-rank-data table td {
								border-bottom:1px solid #25292a;
								color:#c6c6c6;
								padding:10px;
								font-size:13px;
								text-align:left;
								vertical-align: middle;
								    

							} 
							.artist-rank-data table td.artist-rank-title {
								color:#fff;
								font-weight:bold;
								    display: flex;
    gap: 1rem;
    align-items: center;
							}
							.artist-rank-data table td.artist-rank-title img{
								width:35px;
							}
							.artist-rank-data table td.price {
								color:#fff;
							}
							.artist-rank-data table td span.green {
								color:#00eeb2;
							}
							.artist-rank-data table td span.red {
								color:#fb313f;
							}

							.artist-rank-datan table {
								width:100%;
							}

							.artist-vibe-charts{
								padding: 40px 0px;
								background: #00DD4B;
							}

							.artist-vibe-chart-row{
								 display: flex;
        
								justify-content:space-between;
								width: 100%; 

							}

							.artist-vibe-chart-row.avcr-margin-bottom{
							
								border-bottom: rgba(255, 255, 255, 0.70) solid 1px;
							}
							.artist-vibe-chart-row .artist-viber-chart-box{
							 width: 25%;
								color: #fff;
								text-align: center;
								border-right:rgba(255, 255, 255, 0.70) solid 1px;
								padding: 25px 15px;
								    
							}
.artist-vibe-chart-row.avcr-margin-bottom .artist-viber-chart-box{
	width: 33.33%;
}
							.artist-vibe-chart-row .artist-viber-chart-box:last-child{
								border:0px;
							}

							.artist-vibe-chart-row .artist-viber-chart-box h2{

								font-size: 24px; 
								
								margin-bottom: 10px;
								color: #fff;
								font-weight: 900;
								text-transform: uppercase;
							}

							.artist-vibe-chart-row .artist-viber-chart-box .avc-box-inner{
								display: flex;
								justify-content: center;
								gap: 1rem;
							}

							.artist-vibe-chart-row .artist-viber-chart-box .avc-box-inner .avc-count-box{
								width: 33.33%;
								border-radius: 8px;
								text-align: center;
								padding: 10px;

							}
.artist-vibe-chart-row .artist-viber-chart-box .avc-box-inner .avc-count-box span {
    font-weight: 700;
    font-size: 14px;
    text-transform: capitalize;
}

.artist-vibe-chart-row .artist-viber-chart-box .avc-box-inner .avc-count-box span i{
    display: block;
    font-size: 11px;
    width: 100%; font-weight: 500;
    color:rgba(255, 255, 255, 0.60); text-transform: capitalize;
}
							.artist-vibe-chart-row .artist-viber-chart-box .avc-box-inner .avc-count-box h3{
								margin-bottom: 10px;
								font-size: 19px; 
								 font-weight: 900;
								text-transform: uppercase;
							}

							.artist-rank-event-section{
								padding: 0px;
								padding-top: 2rem;
								display: flex;
								gap: 5rem;
							justify-content: center;
    align-items: baseline;
							}

								.artist-rank-event-section .artist-res-col{
									width: 50%;
								}
.artist-res-track-slider .artist-res-track-slide{
	padding:0px 10px;
}

/*.artist-res-track-slider .slick-list{
padding-right: 4rem;
}*/

 
.artist-res-track-slider .slick-prev{
 		background: url(<?php echo esc_url( get_template_directory_uri() ); ?>/images/slider-arrow-icon-lyve-artist-left.png) no-repeat;
 width: 25px;
    background-size: 25px;
    height: 25px;
    top: 32%;
    left: -2px; z-index: 9;
 }
 .artist-res-track-slider .slick-next{
 		background: url(<?php echo esc_url( get_template_directory_uri() ); ?>/images/slider-arrow-icon-lyve-artist.png) no-repeat;
 width: 25px;
    background-size: 25px;
    height: 25px;
    top: 32%;
    right: -2px;
    z-index: 9;
 }
 .artist-res-track-slider .slick-prev:before,.artist-res-track-slider .slick-next:before{
 	display:none !important;
 }

.artist-res-track-slider .artist-res-track-slide img{
	width:100%;
	border-radius: 8px;
	margin-bottom: 10px;
}
.artist-res-track-slider .artist-res-track-slide .artist-res-track-slide-content h4{
	font-size: 12px;
    line-height: 15px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #fff;
    
    height: 32px;
    overflow: hidden;
}
.artist-res-track-slider .artist-res-track-slide .artist-res-track-slide-content a{
	color:#fff;
}

.artist-res-track-slider .artist-res-track-slide .artist-res-track-slide-content span{
	font-size: 12px; 
	color: rgba(255, 255, 255, 0.60);
	    
}

.artist-viberate-data-content{
	    
	    padding: 40px 0px;
	    width: 100%;
	    display: inline-block;
}


.artist-event-wrapp h2  	{
								font-size: 26px;
								margin-bottom: 15px;
								
								margin-bottom: 10px;
								color: #fff;
								font-weight: 600; 
							}
.artist-event-wrapp .artist-event-boxes {
 display: grid;
        grid-template-columns: 50% 50%; 
        gap: 1rem;
      }
 .artist-event-wrapp .artist-event-boxes .artist-event-box{
 	background: #ffffff18;
								color: #c6c6c6;
								border-radius: 8px; 
								display: flex;
								padding:8px;
								gap: 1rem;
								 
								 align-items: center;
 }

 .artist-event-wrapp .artist-event-boxes .artist-event-box .artist-event-date{
 	text-align: center;
    padding: 10px;
    line-height: 1.3;
    background: rgb(252 255 253 / 9%);
    color: #fff;
    border-radius: 8px; 
    width: 100px;
     
 }
  .artist-event-wrapp .artist-event-boxes .artist-event-box .artist-event-date h4{
  	font-weight: bold;
  	font-size: 21px;
  	color: #fff;
  }
    .artist-event-wrapp .artist-event-boxes .artist-event-box .artist-event-date span{
    	color: rgba(255, 255, 255, 0.80);
    	font-size: 12px;
    	font-weight: 600;
    	text-transform: uppercase;
    }
.artist-event-wrapp .artist-event-boxes .artist-event-box h3{
  	font-weight: bold;
  	font-size: 16px;
  	color: #fff;
  	margin-bottom: 5px;
  }
   .artist-event-wrapp .artist-event-boxes .artist-event-box .artist-event-detail span{
    	color: rgba(255, 255, 255, 0.80);
    	font-size: 12px;
    	font-weight: 500;
    }
.artist-latest-video {
	padding: 35px 0px;
}
.artist-latest-video h2  	{
								font-size: 26px;
								margin-bottom: 15px;
								
								margin-bottom: 10px;
								color: #fff;
								font-weight: 600; 
							}
  .artist-latest-video .artist-latest-video-boxes {
   display: grid;
        grid-template-columns: 50% 50%; 
        gap: 1rem;
  }
 .artist-latest-video .artist-latest-video-boxes .artist-latest-video-box{
 	background: #ffffff18;
								color: #c6c6c6;
								border-radius: 8px; 
								display: flex;
								padding:8px;
								gap: 1rem;
								 
								 align-items: center;
								 
 }
.artist-latest-video .artist-latest-video-boxes .artist-latest-video-box .artist-latest-video-img{
	
	width: 30%; 
	overflow: hidden;
	display: flex;
	align-items: center;
}
.artist-latest-video .artist-latest-video-boxes .artist-latest-video-box .artist-latest-video-img img{
	width:100%;border-radius: 8px;
}
.artist-latest-video .artist-latest-video-boxes .artist-latest-video-box .artist-latest-video-content{
padding:5px;
width: 70%;
line-height: 1.3;
}
.artist-latest-video .artist-latest-video-boxes .artist-latest-video-box .artist-latest-video-content a{
	color: #fff;
}
.artist-latest-video .artist-latest-video-boxes .artist-latest-video-box .artist-latest-video-content  h4{
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 5px;
	font-weight: bold;
	color:#fff;
	    
	    height: 31px;
    overflow: hidden;
}

.artist-latest-video .artist-latest-video-boxes .artist-latest-video-box .artist-latest-video-content span{
    	color: rgba(255, 255, 255, 0.80);
    	font-size: 12px;
    	font-weight: 500;
    }

 #myPieChart{
 	width: 350px !important;
 	height: 350px !important;
 	margin: 0 auto;
 }
 a:hover{
 	color: #00DD4B;
 }



/*NEW MODAL CSS*/

.feeture-form-wrapper .feeture-form-wrap-inner .feeture-form	.feeture-form-field-row{
	display: flex;
	gap: 1rem;
	margin-top: 20px;
	}
.feeture-form-wrapper .feeture-form-wrap-inner .feeture-form	.feeture-form-field-row .feeture-form-field-col{
width:50%;
}
.feeture-form-wrapper .feeture-form-wrap-inner .feeture-form	.feeture-form-field-row.full .feeture-form-field-col{
width:100%;
}

.feeture-form-wrapper .btn-primary {
    background: #00DD4B;
    border-radius: 36px;
    
    text-align: center;
    display: inline-block;
    padding: 15px 35px;
    color: #fff;
    border: 0px; 
margin-top:20px; 
    font-weight: 600;
}
.feeture-form-wrapper .feeture-form-wrap-inner .feeture-form	.feeture-form-field-row textarea.form-control{

resize: none;
}
	.feeture-form-wrapper .feeture-form-wrap-inner .feeture-form	.feeture-form-field-row .form-control{
		background:none;
		border:none;
		color:rgba(255, 255, 255, 1);
		    margin: 5px 0px;
    font-size: 20px;
    padding: 8px 0px;		outline: none !important;
	}
	.feeture-form-wrapper .feeture-form-wrap-inner .feeture-form	.feeture-form-field-row .textarea-control{
		background:none;
		border:none;
		color:rgba(255, 255, 255, 1);
		    margin: 5px 0px;
    font-size: 20px;
    padding: 8px 0px;		
	outline: none !important;
	resize: none;
	}
	
.feeture-form-wrapper .feeture-form-wrap-inner .feeture-form	.feeture-form-field-row .form-control:placeholder {
  color:rgba(255, 255, 255, 0.4);

}
.feeture-form-wrapper .feeture-form-wrap-inner .feeture-form	.feeture-form-field-row .form-control:focus {
  outline: none !important;
background:none;

}
.feeture-form-wrapper .feeture-form-wrap-inner .feeture-form .feeture-form-field-row .feeture-form-field-col label {
font-size:18px;
}
.feeture-form-wrapper .feeture-form-wrap-inner .feeture-form .feeture-form-field-row .feeture-form-field-col .small-text {
font-size:14px;
line-height:22px;
color:#aaa;
}

.feeture-form-wrapper .feeture-form-wrap-inner .feeture-form .feeture-form-inner .validation-error-message {
color:#ff0000; font-size:12px; display:none;
}

.feeture-form-wrapper .feeture-form-wrap-inner{
    width: 600px;
    margin:0 auto; 
    position: relative;
}
.feeture-form-wrapper .feeture-form-wrap-inner .feeture-form{
    width: 100%;
    margin:15px auto;
    float: left; 
     
}
.feeture-form-wrapper .feeture-form-wrap-inner .feeture-form-heading p{
    font-size: 16px;
    color: #fff;
    margin-top: 15px;
}
.feeture-form-wrapper .feeture-form-wrap-inner .feeture-form-heading h2{
   
    font-weight: normal;
       font-size: 24px;
    color: #fff;
    line-height: 34px;
    text-transform: capitalize;
}
.feeture-form-wrapper .feeture-form-wrap-inner .feeture-form-select{
    margin-top: 30px;
    display: flex;
    flex-direction: column;
}
.feeture-form-wrapper .feeture-form-wrap-inner .feeture-form-select select{
border: #fff solid 1px;
padding: 15px;
border-radius: 6px;
font-size: 16px;
background: none;
color: #fff;
} 
.feeture-form-wrapper .feeture-form-wrap-inner .feeture-form-select select option{
    color: #000;
    font-family: arial;
}
.feeture-form-wrapper .feeture-form-wrap-inner .feeture-form-radio-btn{
margin-top: 30px;
    display: flex;
    flex-direction: column;
}

.feeture-form-wrapper .feeture-form-wrap-inner .feeture-form-radio-btn label{
        padding: 10px;
    cursor: pointer;
    user-select: none;
    border: 0px solid #fff;
    transition: border 200ms;
    padding-left: 0px;
}
.feeture-form-wrapper .feeture-form-wrap-inner .feeture-form-radio-btn label:first-child {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}
.feeture-form-wrapper .feeture-form-wrap-inner .feeture-form-radio-btn label:not(:first-child) {
    border-top: 0px;
}
.feeture-form-wrapper .feeture-form-wrap-inner .feeture-form-radio-btn label:last-child {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
.feeture-form-wrapper .feeture-form-wrap-inner .feeture-form-radio-btn label input{
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
    position: absolute !important;
}
.feeture-form-wrapper .feeture-form-wrap-inner .feeture-form-radio-btn label .afr-radio {
    background-color: transparent;
    border-radius: 15px;
    border: 1px solid #fff;
    display: inline-block;
    height: 15px;
    margin-right: 15px;
    position: relative;
    top: 0px;
    visibility: visible;
    width: 15px;
}
.feeture-form-wrapper .feeture-form-wrap-inner .feeture-form-radio-btn label input:checked + .afr-radio {
       border: 1px solid #00DD4B; 
}
.feeture-form-wrapper .feeture-form-wrap-inner .feeture-form-radio-btn label .afr-text{
    display: inline-block;
    width: calc(100% - 36px);
    vertical-align: text-top;
    color: rgba(255, 255, 255, 0.4);
}
.feeture-form-wrapper .feeture-form-wrap-inner .feeture-form-radio-btn label input:checked + .afr-radio + .afr-text{
	  color: rgba(255, 255, 255, 1);
}
.feeture-form-wrapper .feeture-form-wrap-inner .feeture-form-radio-btn label input + .afr-radio:after {
    content: "";
  height: 15px;
    width: 15px;
    border-radius: 50%;
    position: absolute;
    top: -1px;
    right: -1px;
    background-color: transparent;
}

.feeture-form-wrapper .feeture-form-wrap-inner .feeture-form-radio-btn label input:checked + .afr-radio:after {
     background: url(../../images/form-radia-btn-fill.png) no-repeat;
     background-size: 100%;
}

 
.feeture-form-wrapper .feeture-form-btn {
    margin-top: 40px;
}
.feeture-form-wrapper .feeture-form-btn .feeture-form-submit-btn{
    background: #4E6AED;
    filter: drop-shadow(-5px 5px 6px rgba(78, 106, 237, 0.30));
    color: #fff;
    border-radius: 6px;
    padding: 10px 20px;
    font-size: 14px; 
    display: inline-block;
}
.feeture-artist-step-modal{
position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    background: rgba(18, 18, 18, 0.9);
    z-index: 99;
    height: 100vh;
    backdrop-filter: blur(30px);
display:none;
}
body.overflowh{
overflow:hidden;
}
.feeture-artist-step-modal.show{
display:block;
}
.feeture-artist-step-modal #prevBtn {
position: absolute;
  top: 50%;
  left: 20px;
  z-index: 100;
  border: 1px solid #bbb;
  color: #bbb;
}
.feeture-artist-step-modal #nextBtn {
position: absolute;
  top: 50%;
  right: 20px;
  z-index: 100;
  border: 1px solid #bbb;
  color: #bbb;
}
.fas-modal-inner .feeture-form-step{
	height: 100%;
	display: flex;
	align-items: center;
justify-content: center;
height: 100vh;
}
.feeture-form-heading{
	display: flex;
	gap: 0.5rem;
	align-items: center;
}
.feeture-form-heading img{
	width: 25px;
  height: 25px;

}
.fasm-close-btn{
	position: absolute;
	right: 20px;
	top: 20px;
z-index:100;
cursor:pointer;
}
  .step {
            position: absolute;
            width: 100%;
            opacity: 0;
            transform: translateY(40%);
            transition: opacity 0.2s ease, transform 0.5s ease;
        }

        .step.active {
            opacity: 1; 
z-index:99;
            transform: translateY(0);
        } 

 @media only screen and (min-width: 1440px) {
 	.artist-rank-data h2 ,.artist-res-track h2,.artist-latest-video h2{
  font-size: 30px;
   margin-bottom: 20px;
}
.artist-latest-video .artist-latest-video-boxes .artist-latest-video-box .artist-latest-video-content h4 {
  font-size: 15px;
  line-height: 18px;
   height: 37px;
 }
.artist-res-track-slider .artist-res-track-slide .artist-res-track-slide-content h4 {
  font-size: 15px;
  line-height: 18px;  
  height: 33px; 
}
.artist-vibe-chart-row .artist-viber-chart-box h2 {
  font-size: 25px;
}
.artist-vibe-chart-row .artist-viber-chart-box .avc-box-inner .avc-count-box h3 {
   font-size: 24px;
}
.artist-vibe-chart-row .artist-viber-chart-box .avc-box-inner .avc-count-box span {
  font-weight: 600;
  font-size: 16px;
}
.artist-vibe-chart-row .artist-viber-chart-box .avc-box-inner .avc-count-box span i{
   font-size: 14px;
}

 }
	@media only screen and (max-width: 650px) {
.feeture-form-wrapper .feeture-form-wrap-inner .feeture-form .feeture-form-field-row .form-control {
   
  font-size: 16px;
  margin: 0px;
 
}
.feeture-form-wrapper .feeture-form-wrap-inner .feeture-form .feeture-form-field-row {
  display: flex;
  gap: 0.5rem;
  margin-top: 15px;
  flex-direction: column;
}
.feeture-form-wrapper .feeture-form-wrap-inner .feeture-form .feeture-form-field-row .feeture-form-field-col {
  width: 100%;
}
.feeture-form-wrapper .feeture-form-wrap-inner .feeture-form .feeture-form-field-row .textarea-control {
  font-size: 16px;
}
.feeture-form-wrapper .feeture-form-wrap-inner {
  width: 90%;
}
		.artist-vibe-chart-row.avcr-margin-bottom .artist-viber-chart-box {
  width: 100%;
}
.artist-latest-video .artist-latest-video-boxes {
  display: grid;
  grid-template-columns: 100%;
  gap: 1rem;
}
    .artist-vibe-chart-row {  
  gap: 1rem;
  flex-direction: column;
}
.artist-vibe-chart-row.avcr-margin-bottom {
 
  border-bottom: 0px; 
}
.artist-vibe-chart-row .artist-viber-chart-box {
  width: 100%; 
  border-right: 0px;
  border-bottom: #000 solid 1px; 
}

.artist-vibe-chart-row.avcr-margin-bottom .artist-viber-chart-box:last-child{
	border-bottom: #000 solid 1px; 
}
.artist-rank-data {
   
}
.artist-rank-event-section {
   
  display: flex;
  gap: 1.5rem;
  justify-content: center;
  align-items: initial;
  flex-direction: column;
}
.artist-rank-event-section .artist-res-col {
  width: 100%;
}
.artist-event-wrapp .artist-event-boxes {
  display: grid;
  grid-template-columns: 100%;
  gap: 1rem;
}
.artist-res-track h2 ,.artist-event-wrapp h2,.artist-rank-data h2,.artist-latest-video h2{
  font-size: 22px;text-align: center;
    margin-bottom: 25px !important;
}
.artist-res-track-slider .slick-next {

  right: -4px;
}
.feeture-form-wrapper .feeture-form-wrap-inner .feeture-form-heading h2 {
  font-size: 16px;
  line-height: 22px;
 }
 .feeture-form-wrapper .feeture-form-wrap-inner .feeture-form .feeture-form-field-row .feeture-form-field-col label {
  font-size: 16px;
}
.feeture-artist-step-modal #nextBtn {
  top: unset;
  bottom: 15px;
  font-size:13px;
  padding:5px 10px;
}
.feeture-artist-step-modal #prevBtn {
  top: unset;
  bottom: 15px;
  font-size:13px;
  padding:5px 10px;
}
.feeture-form-wrapper .feeture-form-wrap-inner .feeture-form-radio-btn label {
  padding-top: 6px;
  padding-bottom: 6px;
}

.feeture-form-wrapper .feeture-form-wrap-inner .feeture-form-radio-btn label .afr-text {
  font-size: 14px;
}

}

