/*
Theme Name: Crew Child
description: Client Theme - Crew
Template: crew-parent
Version: 1.0.0
Text Domain: crew-child
Author: BCW
*/

.logo img {max-height: 180px; width:auto;}
.feature-box span.ql-heading {color:var(--color-1);}
.ql-heading {display: flex !important; justify-content: center; align-items: center;}
#bottom-feature, #contact-section {position:relative; z-index: 1;}
#bottom-feature:before, #contact-section:before {position: absolute; top:0; left:0; width:100%; height: 100%; content: ""; background:rgba(56, 114, 201, .5); z-index: -1;}

.gallery img {object-fit: cover; width:100%; height: 25vw;}

.ql-heading {color: var(--color-1) !important;}
.jumbotron-sm {background: none; position: relative; z-index: 1;}
.jumbotron-sm:before {content: ""; position: absolute; top: 0; left: 0; width:100%;height: 100%; background:var(--color-1); opacity: .7; z-index: -1;}


.vertical-slider {
	overflow: hidden;
	display: flex;
}
.vertical-slider .items {
	transition: transform ease .3s;
}
.vertical-slider .item {
	padding: 20px 0;
	border-bottom: 1px solid var(--color-1);
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.vertical-slider .arrows {
	flex: 0 0 auto;
	margin-left: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	font-size: 30px;
}
.vertical-slider .arrow {
	cursor: pointer;
}
.vertical-slider.first.last .arrows {
	display: none;
}
.vertical-slider.first .prev,
.vertical-slider.last .next {
	opacity: .3;
	cursor: default;
}
.testimonial-section {
	margin: 0 0 40px 0;
}
.testimonial-section .testimonials {
	background-color: var(--color-4);
	padding: 25px 50px;
}
.testimonial-section .testimonial .author {
	font-weight: 700;
	font-size: 24px;
}
.testimonial-section .testimonial-heading {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	margin-bottom: 16px;
}
.testimonial-section .testimonial-heading .location {
	text-transform: uppercase;
	margin-top: 8px;
	font-size: 16px;
}
.testimonial-section .stars {
	display: flex;
	margin-bottom: 16px;
	color: rgb(219, 190, 22);
}

@media screen and (max-width:991px){
    .services-section .service .image-col img {
    height: 280px; 
    }
    .gallery img {object-fit: cover; width:100%; height: 300px;}
}
@media screen and (max-width:768px){
    .gallery img {object-fit: cover; width:100%; height: 350px;}
}