.ova-audio-slider {
	.slide-audio {
		.item {
			&:hover {
				.ova-media {
					.audio-img-wrapper {
                        .audio-img {
                        	-webkit-transition: all .5s ease; 
                        	transition: all .5s ease;
                        	-webkit-transform: scale(1.03);
                            transform: scale(1.03);
                        }  
                        .host-img {
                        	-webkit-transition: all 1s ease; 
						    transition: all 1s ease;
						    -webkit-transform: scale(1.2);
						    transform: scale(1.2);
                        } 
					}
					.content {
                        .audio-button {
                            -webkit-transition: all .5s ease; 
                        	transition: all 0.5s ease;
                        	background-color: var(--primary);
                        	color: #fff;
                        }
					}
				}
			}

			.ova-media {
				position: relative;
				display: grid;
				grid-template-columns: 1fr 1fr;
				@media (max-width: 576px) {
					grid-template-columns: auto;
				}

				.audio-img-wrapper {
					position: relative;
				    overflow: hidden; 
				    height: 100%;

					.audio-img {
						object-fit: cover;
						height: 100%;
						max-width: 100%;
						-webkit-transition: all .5s ease; 
						transition: all .5s ease; 
						-webkit-transform: scale(1);
                        transform: scale(1);
					}
					.host-img {
						-webkit-transition: all 1s ease; 
						transition: all 1s ease;
						position: absolute;
						left: 30px;
						top: 30px;
						border-radius: 50%;
						overflow: hidden;
						width: 50px;
						height: 50px;
						object-fit: cover;
						display: inline-flex;
						justify-content: center;
						align-items: center;
						background-color: var(--primary);
						border: 2px solid var(--primary);
					}
				}

				.content { 
                    background-color: #fff;
                    padding: 45px 40px;
                    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
					.title {
						-webkit-transition: all .3s ease; 
						transition: all .3s ease;
                        margin: 10px 0 40px 0; 
                        font-weight: 700; 
                        font-size: 28px;
                        line-height: 1.3;   
                        color: var(--heading); 
					}
                    
                    .category {
                    	font-size: 18px;
                    	font-weight: bold;
                    }
					.episode {
						display: inline-block;
						font-size: 14px;
						&:before{
	                        content:"\A";
	                        width:4px;
	                        height:4px;
	                        margin: 0 4px;
	                        border-radius:50%;
	                        background: rgba(0,0,0,0.3);;
	                        display:inline-block;
	                    }
					}

					.audio-button{
			            transition: all 0.5s ease;
			            background-color:#f5f5f5; 
			            border-radius: 100px ;
			            padding: 16px 30px;
			            display: inline-flex;
			            justify-content: center;
			            align-items: center;
			            font-size: 12px;
			            line-height: 1.2;
			            text-transform: uppercase;
			            text-align: center;
			            font-weight: 700;
			            color: var(--heading);
			        }

				}
			}
		}

		.owl-dots{
			text-align: center;
			margin-top: 55px;
			@media (max-width: 767px) {
				margin-top: 10px;
			}
			.owl-dot{
				outline: none;
				span{
					width: 10px;
					height: 10px;
					margin: 5px;
					background: rgba(0,0,0,0.3);
					border-radius: 50%;
					display: block;
					-webkit-backface-visibility: visible;
					transition: opacity .2s ease;
				}
				&.active{
					span{
						background: var(--primary);
					}
				}
			}
		}
	}
}