/**********************************************************
// Block >> Example
**********************************************************/
.Block-Feature-Card {
	background: url(../../Images/BG-Arrow-Teal.webp) no-repeat;
	background-size: cover;
	background-position: center center;
	color: #fff;
	padding: clamp(2rem, 3.5vw, 3.5rem);
	transition: .5s all;
	}

.Block-Feature-Card.Card-navy { background: url(../../Images/BG-Arrow-Navy.webp) no-repeat; background-position: center center; }
.Block-Feature-Card.Card-green { background: url(../../Images/BG-Arrow-Green.webp) no-repeat; background-position: center center; }
.Block-Feature-Card.Card-dark_teal { background: url(../../Images/BG-Arrow-Dark-Teal.webp) no-repeat; background-position: center center; }

.Block-Feature-Card:hover { filter: brightness(1.25); }

.Block-Feature-Card a { color: #fff; }

.Block-Feature-Card img { height: 80px; width: auto; }

.Block-Feature-Card h3 {
	border-bottom: 1px solid #fff;
	margin-bottom: .75em;
	padding-bottom: .75em;
}

.Card-Link-Text {
	font-family: var(--Westmount);
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
	padding-top: 15px;
	display: block;
	font-size: 18px;
	line-height: 1.35em;
}

.Card-Link-Text:after {
	content: "\f178";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    margin-left: 8px;
    vertical-align: middle;
    font-size: 18px;
	display: inline-block;
    margin-top: -4px;
	transition: .5s all;
}

.Block-Feature-Card a:hover .Card-Link-Text:after {
	margin-left: 15px;
}

.Feature-Card-Wrapper .Block-Container-Inner {
	display: flex;
	gap: 30px 2%;
	flex-wrap: wrap;
}

.Feature-Card-Wrapper .Block-Container-Inner:before,
.Feature-Card-Wrapper .Block-Container-Inner:after {
	display: none;
}

.Feature-Card-Wrapper .Block-Container-Inner .Block-Feature-Card {
	flex-basis: 49%;
	margin: 0;
}

/**********************************************************
// Media Queries
**********************************************************/
@media
all and (max-width: 768px),
all and (max-device-width: 768px)
{
	.Feature-Card-Wrapper .Block-Container-Inner .Block-Feature-Card {
		flex-basis: 100%;
	}
}