/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


.owl-carousel .owl-item img {
	max-height: 100px;
	min-height: 100px;
}

.swiper-slide .slider-caption {
	width: 50%;
 }
.swiper-slide .slider-caption h2 {
	position: absolute;
    color: white;
    font-weight: bold;
    font-size: 30px;
    background: #00000052;
    padding: 5px;
}

.swiper-slide .slider-caption-bottom h2 {
    bottom: 40px;
}

.swiper-slide .slider-caption-top h2 {
    top: 150px;
}
.swiper-slide .slider-caption h2.blue {
    color: #61b086;
}

.swiper-slide .slider-caption p.blue {
    color: #61b086;
}

.swiper-slide .slider-caption p {
	position: absolute;
    bottom: 60px;
    color: white;
    font-weight: bold;
    font-size: 30px;
}

.swiper-slide .slider-caption-top p {
	position: absolute;
    bottom: 60px;
    color: white;
    font-weight: bold;
    font-size: 30px;
}

.feature div {
	display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
}

.feature div .icon {
	width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #1964a9;
}

.feature-box-container .feature-box .icon {
	width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #1964a9;
	display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-slide-bg {
    background-size: cover;
    background-position: top center;
}

.slider-element .video-wrap {
    top: 100px;
}

@media (max-width: 768px) {
	.swiper-slide .slider-caption h2 {
		font-size: 20px;
	}


    .swiper-slide .slider-caption-top h2 {
        top: 50px;
    }
}