.bdt-omatic-slider {
	.swiper-carousel {
		margin: 0 clamp(2rem, 7vw, 4.625rem);
	}
	.bdt-img-wrap {
		height: clamp(25rem, 70vw, 37.5rem);
		position: relative;
		overflow: hidden;
		&::before {
			content: '';
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			z-index: 1;
		}
	}

	.bdt-img {
		width: 100%;
		max-width: unset;
		height: 100%;
		object-fit: cover;
	}

	.bdt-slide-content {
		position: absolute;
		top: clamp(30%, 30vw, 50%);
		transform: translateY(-50%);
	}

	.bdt-inner-content {
		position: absolute;
		bottom: 0;
		right: 0px;
		margin: 0 0 clamp(4.125rem, 8vw, 5.625rem);
		max-width: clamp(13.75rem, 40vw, 25rem);
	}

	.bdt-sub-title-wrap {
		display: flex;
		align-items: center;
		gap: 10px;
		margin: 0 0 10px;
	}

	.bdt-title {
		margin: 0;
		font-size: clamp(2.5rem, 7vw, 5rem);
		font-weight: 700;
		color: #202021;
		text-transform: capitalize;
		-webkit-box-decoration-break: clone;
		a {
			color: #202021;
		}
	}

	.bdt-sub-title {
		margin: 0;
		font-size: clamp(0.875rem, 3vw, 1.25rem);
	}

	.bdt-sub-line,
	.bdt-line {
		width: clamp(3.75rem, 7vw, 5.625rem);
		height: 2px;
		background-color: #FC6A2A;
	}

	.bdt-line {
		display: block;
		margin: 0 0 clamp(0.625rem, 3vw, 1.25rem);
	}

	.bdt-desc {
		font-size: clamp(0.875rem, 2.3vw, 1.25rem);
		color: #2f3747;
		display: inline;
		-webkit-box-decoration-break: clone;
		> * {
			display: inline;
		}
	}

	.bdt-sub-line,
	.bdt-sub-title,
	.bdt-title,
	.bdt-desc-wrap,
	.bdt-line {
		opacity: 0;
		transform: translateY(20px);
		overflow: hidden;
		transition: opacity 0.3s ease, transform 0.3s ease;
	}

	.swiper-slide-active,
	.swiper-slide-duplicate-active {
		.bdt-sub-line,
		.bdt-sub-title,
		.bdt-title,
		.bdt-desc-wrap,
		.bdt-line {
			opacity: 1;
			transform: translateY(0);
		}
		.bdt-sub-line,
		.bdt-sub-title {
			transition-delay: .5s;
		}
		.bdt-title {
			transition-delay: .7s;
		}
		.bdt-line {
			transition-delay: .8s;
		}
		.bdt-desc-wrap {
			transition-delay: .9s;
		}
	}

	.bdt-navigation-wrap {
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: 11;
		display: flex;
		align-items: center;
		flex-direction: column;
		gap: 20px;
		.bdt-nav-button {
			cursor: pointer;
			transition: all 0.3s ease;
			i {
				font-size: 16px;
				color: #74767b;
				transition: all 0.3s ease;
				display: block;
			}
			&:hover {
				i {
					color: #202021;
					transform: rotate(360deg);
				}
			}
		}
	}

	.bdt-omatic-thumbs-slide {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}