/**
 * Banner Slider: shared styles for h1/h2 slide titles (.banner-slide-title).
 */

.banner-area h2,
.banner-area .banner-slide-title {
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0;
	visibility: hidden;
}

.banner-area .banner-slide h2,
.banner-area .banner-slide .banner-slide-title {
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
}

.banner-area .banner-slide .swiper-slide.swiper-slide-active h2,
.banner-area .banner-slide .swiper-slide.swiper-slide-active .banner-slide-title {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 1400ms;
	transition-delay: 1400ms;
}

.banner-area .swiper-slide.swiper-slide-active h2,
.banner-area .swiper-slide.swiper-slide-active .banner-slide-title {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
	-webkit-transition-delay: 1600ms;
	transition-delay: 1600ms;
}

.banner-style-three .content h2,
.banner-style-three .content .banner-slide-title {
	font-size: 90px;
	line-height: 1.1;
	font-weight: 800;
	margin-bottom: 15px;
}

.banner-area .swiper-slide.banner-style-three.swiper-slide-active h2,
.banner-area .swiper-slide.banner-style-three.swiper-slide-active .banner-slide-title {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
	transition-delay: 400ms;
}

.banner-area.banner-style-six .swiper-slide.swiper-slide-active h2,
.banner-area.banner-style-six .swiper-slide.swiper-slide-active .banner-slide-title {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
	-webkit-transition-delay: 800ms;
	transition-delay: 800ms;
}

.banner-style-six .content h2,
.banner-style-six .content .banner-slide-title {
	text-transform: uppercase;
	font-size: 80px;
	line-height: 1.1;
	margin-bottom: 20px;
	font-weight: 800;
}

.banner-area .content h1.banner-slide-title {
	font-family: var(--font-heading);
	font-weight: 800;
	letter-spacing: 0;
	margin-bottom: 15px;
}

.banner-area.text-light .content h1.banner-slide-title {
	color: var(--white);
}

.banner-area .banner-style-six .content h1.banner-slide-title {
	margin-bottom: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.banner-style-three .content h2,
	.banner-style-three .content .banner-slide-title {
		font-size: 70px;
	}

	.banner-style-six .content h2,
	.banner-style-six .content .banner-slide-title {
		font-size: 60px;
	}
}

@media only screen and (max-width: 767px) {
	.banner-style-three .content h2,
	.banner-style-three .content .banner-slide-title {
		font-size: 42px;
	}

	.banner-style-six .content h2,
	.banner-style-six .content .banner-slide-title {
		font-size: 28px;
	}
}