/*
Theme Name: Foundation Child
Description: Business Name
Template: foundation-parent
Version: 1.0.0
*/
.primary-header .logo-col {
    background-color: var(--color-4);
}
h2,
h3 {
    text-transform: uppercase;
}
.headp {
    color: #fff;
    font-size: 30px;
    margin-top: -30px;
}
.home .services-section .service h3 {
    margin-bottom: 0;
}
.content-col ul {
    margin-bottom: 20px;
}
.gallery-section .image-col .image img {
    height: 300px;
    width: 100%;
    object-fit: cover;
}
.tops {
    display: block;
    position: relative;
    top: -125px;
    visibility: hidden;
}

.content-section .image-col .image-caption {
    display: block;
    text-align: center;
    margin-top: 8px;
    font-size: 14px;
    color: #555;
    font-style: italic;
}
.abouth:after {
    left: 50% !important;
    transform: translateX(-50%) !important;
}
.custom-list {
    -moz-column-count: 5;
    -moz-column-gap: 20px;
    -webkit-column-count: 5;
    -webkit-column-gap: 20px;
    column-count: 5;
    column-gap: 20px;
    list-style-position:inside;
}
.gform_wrapper.gravity-theme .gfield_required {
	color:var(--color-3) !important;
}
.review-section {
	background-color: var(--color-3);
	padding: 60px 0;
	text-align: center;
}
.review-section h2 {
	color: var(--color-1);
	margin-bottom: 50px;
}
.review-section .reviews .heading {
	font-style: italic;
}
.review-section .owl-carousel {
	max-width: calc(100% - 150px);
	margin: 0 auto;
}
.review-section .owl-carousel .owl-nav {
	font-size: 42px;
	color: var(--color-1);
}
.review-section .owl-carousel .owl-nav button.owl-prev,
.review-section .owl-carousel .owl-nav button.owl-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.review-section .owl-carousel .owl-nav button.owl-prev {
	left: -75px;
}
.review-section .owl-carousel .owl-nav button.owl-next {
	right: -75px;
}
.review-section .owl-carousel .owl-dots {
	display: flex;
	justify-content: center;
	column-gap: .5em;
	margin-top: 20px;
}
.review-section .owl-carousel .owl-dots .owl-dot {
	border: 1px solid var(--color-1);
	border-radius: 50%;
	width: 14px;
	height: 14px;
}
.review-section .owl-carousel .owl-dots .owl-dot.active {
	background-color: var(--color-1);
}

@media screen and (max-width:991px){
	.custom-list {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}
@media screen and (max-width: 767px) {
    .banner-section .content h1 {
        font-size: 22px;
    }
    .custom-list {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}