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

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

/* Sales steps styles */
@media (min-width: 768px) {
	.feature-box-border-horizontal .feature-box {
		position: relative;
	}

	.feature-box-border-horizontal .feature-box:not(.noborder) .fbox-icon::before,
	.feature-box-border-horizontal.border-hover-animate .feature-box:not(.noborder) .fbox-icon::after {
		content: "";
		position: absolute;
		top: 31px;
		left: calc(50% + 32px);
		width: calc(100% - 64px);
		height: 2px;
		border: 1px solid #EEE;
		z-index: 0;
	}

	.feature-box-border-horizontal.border-dashed .feature-box:not(.noborder) .fbox-icon::before,
	.feature-box-border-horizontal.border-dashed.border-hover-animate .feature-box:not(.noborder) .fbox-icon::after {
		border-style: dashed;
	}

	.feature-box-border-horizontal.border-hover-animate .feature-box:not(.noborder) .fbox-icon::after {
		display: block;
		border-color: #222;
		width: 0;
		transform-origin: top left;
		transition: width .3s ease-in-out;
	}

	/* .feature-box-border-horizontal .feature-box:not(.noborder):nth-child(1) .fbox-icon::before { background-color: #222; } */

	.feature-box-border-horizontal.border-hover-animate .feature-box:not(.noborder):hover .fbox-icon::after {
		width: calc(100% - 64px);
	}


	.feature-box-border-horizontal .fbox-icon i,
	.feature-box-border-horizontal .fbox-border.fbox-light .fbox-icon i {
		line-height: 60px;
		font-size: 24px;
		z-index: 1;
		text-align: center;
		box-shadow: 0 0 0px 10px #FFF;
	}

	.feature-box-border-horizontal .feature-box.flex-column:not(.noborder) .fbox-icon::before,
	.feature-box-border-horizontal.border-hover-animate .feature-box.flex-column:not(.noborder) .fbox-icon::after {
		left: calc(0% + 100px);
	}
}

/* FAQ Styles */

.grid-filter.flex-column {
	border: 1px solid rgba(0, 0, 0, 0.07);
	border-radius: 4px;
}

.grid-filter.flex-column,
.grid-filter.flex-column li {
	width: 100%;
}

.grid-filter.flex-column li a {
	padding: 14px 20px;
	font-size: 0.9375rem;
	text-align: left;
	border-left: 0;
	border-radius: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.grid-filter.flex-column li:first-child a {
	border-radius: 4px 4px 0 0;
}

.grid-filter.flex-column li:last-child a {
	border-bottom: 0;
	border-radius: 0 0 4px 4px;
}