.bdt-fiestar-slider {
	overflow: hidden;
	.bdt-center-slider {
		position: relative;
	}
	.bdt-item {
		height: clamp(400px, 50vw, 550px);
		display: flex;
		align-items: center;
		justify-content: center;
		transform: scale(1);
		transition: transform .4s cubic-bezier(0.645, 0.045, 0.355, 1);;
		overflow: hidden;
		&.swiper-slide-active {
			z-index: 1;
			.bdt-content {
				opacity: 1;
				transform: translateY(0);
			}
		}
	}
	.bdt-img-wrap {
		width: 100%;
		height: 100%;
		.bdt-img {
			width: 105%;
			height: 105% !important;
			object-fit: cover;
			transition: all .3s ease;
		}
	}
	.bdt-content {
		position: absolute;
		text-align: center;
		padding: 30px;
		bottom: 0;
		left: 0;
		right: 0;
		background: linear-gradient(0deg, #2B2D42 0, rgba(0, 0, 0, 0) 100%);
		transform: translateY(100px);
		opacity: 0;
		transition: transform .5s  cubic-bezier(0.645, 0.045, 0.355, 1);
	}
	.bdt-title {
		width: 100%;
		font-weight: 700;
		text-transform: capitalize;
		margin: 0;
		font-size: clamp(18px, 2vw, 24px);
		a {
			color: #EDF2F4;
			text-decoration: none;
			transition: all .3s ease;
			&:hover {
				color: #D90429;
			}
		}
	}
	.bdt-category {
		margin-bottom: 15px;
		display: inline-flex;
		a {
			color: #EDF2F4;
			font-size: 10px;
			text-transform: uppercase;
			transition: all .3s ease;
			&:hover {
				color: #D90429;
			}		
		}
		a + a {
			margin-left: 8px;
		}
	}
	.bdt-navigation-wrap {
		.bdt-navigation-next,
		.bdt-navigation-prev {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			font-size: 16px;
			color: #2B2D42;
			background: #EDF2F4;
			transition: all .3s ease;
			z-index: 1;
			padding: 16px;
			text-align: center;
			border-radius: 100%;
			cursor: pointer;
			overflow: hidden;
			display: inline-flex;
			i {
				transform: rotate(-360deg);
				transition: all 300ms ease;
			}
			&:hover {
				color: #EDF2F4;
				&::before {
					width: 400%;
				}
				i {
					transform: rotate(0);
				}
			}
			&::before {
				content: '';
				position: absolute;
				background-color: #D90429;
				left: -60%;
				top: 0;
				width: 0;
				height: 100%;
				transform: skewX(45deg);
				transition: all 300ms ease;
				z-index: -1;
			}
		}

		.bdt-navigation-prev {
			left: 15%;
	    }
		.bdt-navigation-next {
			right: 15%;
	    }
	}
}

//Responsive Css here
@media (min-width: 768px) { 
	.bdt-fiestar-slider {
		padding: clamp(62px, 8vw, 84px) 0;
		.bdt-item {
			border-radius: 8px;
			&.swiper-slide-active {
				transform: scale(1.3);
			}
		}
	}
}