
:root {
	--themecolor: #264653;
	--themecolorrgba: 38, 70, 83;
	--secondarycolor: #E9C46A;
	--secondarycolorrgba: 233, 196, 106;
}


.iconlist > li [class^="icon-"]:first-child,
.iconlist > li [class*=" icon-"]:first-child {
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	border-radius: 50%;
	margin-right: 6px;
}

.services-grid .feature-box {
	padding: 2rem;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: .5rem;
	border: 1px solid var(--secondarycolor);
}

.services-grid .feature-box:hover {
	background-size: cover;
}

.hover-button {
	display: block;
	margin-top: 20px;
	font-weight: 600;
}

.dark .hover-button { color: #FFF; }

.services-grid .feature-box { background-color: var(--themecolor); }

.dark .services-grid .feature-box .fbox-icon i { background-color: rgba(255,255,255,0.15); }


.services-grid .feature-box,
.services-grid .feature-box .fbox-icon,
.services-grid .feature-box .fbox-content,
.hover-button  { transition: all .4s ease, border-color .0s ease; }


.form-widget label {
	text-transform: none;
	letter-spacing: 0;
	font-size: 1rem;
	font-weight: 500;
	margin-bottom: 5px;
}

@media (min-width: 992px) {
	.services-grid .feature-box {
		padding: 3rem;
		border-color: #A3968E;
	}

	.services-grid .feature-box:hover {
		transform: translateY(-6px);
		background-size: 0;
		border: 1px solid #A3968E;
	}

	.services-grid .feature-box:not(:hover) .hover-button {
		opacity: 0;
		transform: translateY(-5px);
	}

	.services-grid .feature-box .fbox-icon,
	.services-grid .feature-box .fbox-content {
		transform: translateY(20px);
	}

	.services-grid .feature-box .fbox-content .h4 {
		color: #fff
	}

	.services-grid .feature-box .fbox-content .h4 .hover-button {
		color: #000
	}

	.services-grid .feature-box:hover .fbox-icon,
	.services-grid .feature-box:hover .fbox-content { transform: translateY(0px); }

	.dark .services-grid .feature-box:hover .fbox-icon i { background-color: #FFF; }

}

@media (max-width: 991.98px) {
	.services-grid .feature-box .fbox-icon i { background-color: #FFF; }
}
