/* Icon */

.service-card__icon {
  margin: 60px 0;
}

.flex--card {

}

.service-card:hover {
background: rgba(255,255,255,0.6)!important;
backdrop-filter: blur(10px);
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
transition: all 0.5s ease;
}

.service-card {
  
}

/* Additional Layout using Flex */
.xmm-grid {
	margin: -1rem;
}
.xmm-grid .xmm-grid-col {
	padding: 1rem;
}

@media (min-width:768px) {
	.xmm-grid {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
    grid-template-rows: 1fr min-content
	}
	.xmm-grid-1col .xmm-grid-col {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		width: 100%;
	}
	.xmm-grid-2col .xmm-grid-col {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		width: 50%;
	}
	.xmm-grid-3col .xmm-grid-col {
		-ms-flex-preferred-size: 33.33%;
		flex-basis: 33.33%;
		width: 33.33%;
	}
	.xmm-grid-4col .xmm-grid-col {
		-ms-flex-preferred-size: 25%;
		flex-basis: 25%;
		width: 25%;
	}
}
@media (max-width:768px) and (max-width:991px) {
	.xmm-grid-4col .xmm-grid-col {
		-ms-flex-preferred-size: 33.33%;
		flex-basis: 33.33%;
		width: 33.33%;
	}
}
@media (min-width:576px) and (max-width:767px) {
	.xmm-grid-2col .xmm-grid-col {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		width: 50%;
	}
	.xmm-grid-3col .xmm-grid-col {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		width: 50%;
	}
}

/* GRID */
{# Grid #}  
.xmm-grid-col:hover .border-bottom {width: 100%;right: 0;}
.xmm-grid-col{height: auto; overflow: hidden; object-fit: cover;transition: all 1s ease;}
.xmm-grid-col:hover .resource__img{transform: scale(1);}
.xmm-grid {margin: -1rem;}
.xmm-grid .xmm-grid-col {padding: 1rem;}

@media (min-width:768px) {.xmm-grid {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.xmm-grid-1col .xmm-grid-col {-ms-flex-preferred-size: 100%;flex-basis: 100%;width: 100%;}
.xmm-grid-2col .xmm-grid-col {-ms-flex-preferred-size: 50%;flex-basis: 50%;width: 50%;}.xmm-grid-3col .xmm-grid-col {-ms-flex-preferred-size: 33.33%;flex-basis: 33.33%;width: 33.33%;}
.xmm-grid-4col .xmm-grid-col {-ms-flex-preferred-size: 25%;flex-basis: 25%;width: 25%;}}
@media (max-width:768px) and (max-width:991px) {.xmm-grid-4col .xmm-grid-col {-ms-flex-preferred-size: 33.33%;flex-basis: 33.33%;width: 33.33%;}
.xmm-grid-5col .xmm-grid-col {-ms-flex-preferred-size: 20%;flex-basis: 20%;width: 20%;}}
@media (min-width:576px) and (max-width:767px) {
.xmm-grid-2col .xmm-grid-col {-ms-flex-preferred-size: 50%;flex-basis: 50%;width: 50%;}
.xmm-grid-3col .xmm-grid-col {-ms-flex-preferred-size: 50%;flex-basis: 50%;width: 50%;}}

/* Grid */
@supports ((display: -ms-grid) or (display: grid)) {.xmm-grid .xmm-grid-col {width: auto;padding: 0;}
.xmm-grid {display: -ms-grid;display: grid;grid-row-gap: 2rem;grid-column-gap: 2rem;margin: 0;}
.xmm-grid.xmm-filter {display: block!important;margin: -.75rem;}
.xmm-grid.xmm-filter > div {padding: .75rem;}
  
@media (min-width: 768px) {
.xmm-grid-1col {-ms-grid-columns: 1fr;grid-template-columns: 1fr;}
.xmm-grid-2col {-ms-grid-columns: (1fr)[2];grid-template-columns: repeat(2, 1fr);}
.xmm-grid-2col.xmm-filter .xmm-grid-col {width: 50%;}
.xmm-grid-3col {-ms-grid-columns: (1fr)[3];grid-template-columns: repeat(3, 1fr);}
.xmm-grid-3col.xmm-filter .xmm-grid-col {width: 33.33%;}
.xmm-grid-4col {-ms-grid-columns: (1fr)[2];grid-template-columns: repeat(2, 1fr);}
.xmm-grid-4col.xmm-filter .xmm-grid-col {width: 50%;}
.xmm-grid-5col {-ms-grid-columns: (1fr)[2];grid-template-columns: repeat(2, 1fr);}
.xmm-grid-5col.xmm-filter .xmm-grid-col {width: 50%;}
}
  
@media (min-width:992px) {
.xmm-grid-4col {-ms-grid-columns: (1fr)[4];grid-template-columns: repeat(4, 1fr);}
.xmm-grid-4col.xmm-filter .xmm-grid-col {width: 25%;}
.xmm-grid-5col {-ms-grid-columns: (1fr)[5];grid-template-columns: repeat(5, 1fr);}
.xmm-grid-5col.xmm-filter .xmm-grid-col {width: 20%;}
}
  
@media (min-width:576px) and (max-width:767px) {
.xmm-grid-2col {
-ms-grid-columns: (1fr)[2];grid-template-columns: repeat(2, 1fr);}
.xmm-grid-2col.xmm-filter .xmm-grid-col {width: 50%;}
.xmm-grid-4col {-ms-grid-columns: (1fr)[2];grid-template-columns: repeat(2, 1fr);}
.xmm-grid-4col.xmm-filter .xmm-grid-col {width: 50%;}
.xmm-grid-5col {-ms-grid-columns: (1fr)[2];grid-template-columns: repeat(2, 1fr);}
.xmm-grid-5col.xmm-filter .xmm-grid-col {width: 50%;}
}
}

.xmm-container {float: none;width: 100%;margin-left: auto;margin-right: auto;padding-left: 1.25rem;padding-right: 1.25rem;max-width:100%;}