.ova-destination-slider{

	.owl-carousel {
		.item-destination {
			width: 100%!important;
			padding: 0!important;
			.info {
				padding: 30px;
			}
		}
		.owl-stage-outer {
			margin-right: -10px;
	       	margin-left: -10px;
		    padding: 10px;
		    width: calc(100% + 20px);
		}
		.owl-nav {
		 	@media (max-width: 576px) {
		 		display: none;
		 	}
			button {
				transition: all .3s ease;
				-webkit-transition: all .3s ease;
				-moz-transition: all .3s ease;
				-o-transition: all .3s ease;
				display: flex;
				justify-content: center;
				align-items: center;
				border-radius: 50%;
	            position: absolute;
	            top: -146px;
	            right: 0;
				width: 36px;
				height: 36px;
				
	            &.owl-prev, &.owl-next  {
	            	border: 1px solid var(--light); 
					&:hover {
						transition: all .3s ease;
						-webkit-transition: all .3s ease;
						-moz-transition: all .3s ease;
						-o-transition: all .3s ease;
						border: 1px solid var(--primary);
		            	i {
		            		transition: all .3s ease;
							-webkit-transition: all .3s ease;
							-moz-transition: all .3s ease;
							-o-transition: all .3s ease;
		            		color: var(--primary);
		            	}
		            }
				}

				&.owl-prev {
					margin-right: 40px;
				}

				i {
					transition: all .3s ease;
					-webkit-transition: all .3s ease;
					-moz-transition: all .3s ease;
					-o-transition: all .3s ease;
					display: inline-flex;
					font-size: 22px;
					color: var(--light);
				}
			}	
		}
	}

   .owl-dots {
	 	text-align: center;
	 	margin-top: 30px;
		.owl-dot{
			outline: none;
			span{
				width: 17px;
				height: 8px;
				margin: 0 3px;
				background: var(--primary);
				opacity: 0.3;
				display: block;
				-webkit-backface-visibility: visible;
				transition: opacity .2s ease;
				border-radius: 10px;
			}
			&.active{
				span{
					width: 45px;
					opacity: 1;
				}
			}
		}
	}

}

.ova-destination-nav-right {
	.ova-destination-slider {
		.owl-carousel {
			.owl-nav {
				button {
					right: 18%;
					@media(max-width: 1299px){
						right: 5%;
					}
				}
			}
		}
	}
}

.rtl {
	.ova-destination-slider {
		.owl-carousel {
			.owl-nav {
				button {
					right: unset;
					left: 0;
					&.owl-prev {
						margin-right: 0; 
						margin-left: 40px;
					}
				}
			}
		}
	}
	.ova-destination-nav-right {
		.ova-destination-slider {
			.owl-carousel {
				.owl-nav {
					button {
						right: unset;
						left: 18%;
						@media(max-width: 1299px){
							left: 5%;
						}
					}
				}
			}
		}
	}
}