/*----------------------------------------*/
/*  Generic Elements Slider CSS
/*----------------------------------------*/
.bdevs-generic-el {
	.bd-single-slider.gen-slider {
		.bd-slider {
			p {
				font-size: 18px;
				line-height: 1.66;
				color: var(--clr-gen-common-white);
			}
		}
	}
	.bd-slider-subtitle {
		color: var(--clr-gen-theme-1);
		font-size: 18px;
		display: block;
		margin-bottom: 15px;
	}


	div.sp-arrow {
		background: #fff;
		height: 60px;
		width: 60px;
		font-size: 20px;
		color: #222;
		border-radius: 8px;
		@include transition(0.3s);
	}
	div.sp-arrow:hover {
		background: var(--clr-gen-theme-1);
		color: var(--clr-gen-common-white);
	}
	.swiper-button-prev.sp-arrow {
		left: 50px;
		right: auto;
	}
	.swiper-button-next.sp-arrow {
		right: 50px;
		left: auto;
	}
	.swiper-button-prev::after, .swiper-button-next::after {
		display: none;
	}


	// pagaination
	div.bd-slider-active.swiper-container-horizontal .swiper-pagination-bullets {
		position: absolute;
		bottom: 30px;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 9999999;
		text-align: center;
	}
	div.bd-slider-active.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet {
		font-size: 14px;
		width: 14px;
		height: 14px;
		border: 2px solid var(--clr-gen-theme-1);
		margin: 0 5px;
		display: inline-block;
		background: transparent;
		opacity: 0.7;
	}
	div.bd-slider-active.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
		background: var(--clr-gen-theme-1);
	}
}