/*
Theme Name: Harmony Child
Template: harmony-parent
Version: 1.0.0
*/

.btn, .caption .btn {background:var(--color-two); color:#fff !important;}
.btn:hover, .caption .btn:hover {background:var(--color-one) !important; color:#000 !important;}

#contact-info a:hover {color:var(--color-one) !important;}

#contact-info {background:#eee;}

#menu-main-menu>li {
    background: rgba(71, 50, 46, .50);
}
#menu-main-menu>li:hover {
    background: rgba(250, 193, 38, .50);
}
.footreview {background:var(--color-two); color:#fff;}

.review-section.footreview .owl-carousel .owl-dots .owl-dot.active {
    background-color: var(--color-one);
}
.review-section.footreview .owl-carousel .owl-dots .owl-dot {
    border: 1px solid var(--color-one);
}
.review-section .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { color:var(--color-one);}

.c2a a:hover {color:var(--color-one);}

.botcon {padding:50px 0;}


.icon-section {
	padding: 50px 0;
	background-color: var(--color-two);
}
.icon-section .sec-content {
	margin-bottom: 40px;
	color: var(--color-two);
}
.icon-section .items {
	gap: var(--column_gap, 30px);
	flex-wrap: wrap; justify-content: center;
}
.icon-section .items h3 {font-weight: bold;}
.icon-section .item {border:4px solid var(--color-one); width:360px;
	background-color: #fff;
	padding: 30px;
	box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.058823529411764705);
}
.icon-section .item .icon {
	font-size: 42px;
	color: var(--color-two);
}
.icon-section .item .image img {
	max-height: 42px;
	width: auto;
	margin: 0 0 20px;
}
.icon-section .item .content p:last-child {
	margin-bottom: 0;
}


#sidecon {padding:20px 0;}

.conrow {display: flex; align-items: center; justify-content:center; }

nav.navigation {
    top: 50%; transform:translateY(-50%);
    left:6vw;
}
#menu-main-menu>li a {
    font-size: 1.2vw;
    padding: .6vw 40px;
}

.service:nth-child(odd) {
    background: var(--color-two);
}


@media screen and (max-width: 991px) {
    nav.navigation {
    top:inherit; transform:unset;
    left:unset;
}

	.icon-section .items {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width: 767px) {
	.icon-section .items {
		grid-template-columns: repeat(1, 1fr);
	}
}