/* =================================
------------------------------------
  Hero Section CSS - Standalone
  Extract from Boto Template
 ------------------------------------
 ====================================*/


.hero__section {
	padding-top: 64px;
	margin-bottom: 90px;
}

@media (max-width: 576px) {
	.hero__section {
		padding-top: 64px;
	}
}

.slide-item {
	padding: 0 5px;
	outline: none;
	cursor: pointer;
}

.slick-center.slide-item img {
	padding: 0;
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

.hero-slider .slick-track {
	-webkit-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;
}

.slide-item img {
	height: 570px;
	padding: 65px 0;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	object-fit: cover;
	width: 100%;
}

@media (max-width: 600px) {
	.slide-item img {
		padding: 0;
		height: 400px;
	}
}

.hero-text-slider {
	text-align: center;
	padding-top: 50px;
	max-width: 800px;
	margin: 0 auto;
}

.hero-text-slider .text-item h2 {
	margin-bottom: 10px;
}

.hero-text-slider .text-item p {
	margin-top: 5px;
}

/* Slick Slider Overrides */
.hero-slider .slick-slide {
	opacity: 0.5;
	transition: opacity 0.3s;
}

.hero-slider .slick-slide.slick-active {
	opacity: 1;
}

.hero-slider .slick-slide.slick-center {
	opacity: 1;
}