.baner--half .baner__img {
	width: 100% !important;
	background-position: left bottom !important;
	background-size: cover !important;
	z-index: 10;
}

.baner__img picture img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.baner__content_wrap {
	position: absolute;
	z-index: 20;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.baner__content {
	max-width: 600px;
	align-items: center;
	justify-content: center;
}

.baner--half .baner__heading {
	text-align: center;
	margin: 0 0 20px 0;
	text-decoration: none;
	font-weight: bold !important;
	font: 2.5rem/1.2 'Rubik', Roboto, Helvetica, Arial, sans-serif !important;
}
.baner__desc {
	margin: 0;
	font: 1.1rem/0.8 'Rubik', Roboto, Helvetica, Arial, sans-serif !important;
}
.btn--text-light {
	background: rgba(255,255,255,0.2);
	color: #222222;
}
.btn--text-light:hover {
	background: rgba(255,255,255,0.3);
	color: #222222;
}

@media (min-width: 768px) {
	.baner__action {
		position: absolute;
		width: 100%;
		bottom: 20px;
		left: 0;
		display: flex;
		align-items: center;
		justify-content: center; 
	}
}


@media (max-width: 767px) {
	.baner__content {
		background: linear-gradient(0deg, rgba(255,255,255,0.8) 20%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 100%);
	}
	.baner--half .baner__heading {
		margin: 0 auto 15px;
	}
	.baner__desc {
		display: block;
		margin-bottom: 25px;
	}
	.baner__content {
		justify-content: flex-end;
		padding-bottom: 25px;
		max-width: 100%;
	}
	.baner-section .swiper-navigation {
		bottom: 0.5rem;
	}
	.header-wrap .baner-section--area .l-container {
		max-height: 800px;
	}
	.baner__action {
		margin: 10px 0 0 0;
	}
}