.op-providers {
/*  */
}

.op-providers ul {
    list-style: none;
    padding: 0;
	margin: 0;
}

.op-providers li {
	position: relative;
	padding: 0;
	margin: 0;
}

.op-providers a {
	text-decoration: none;
}

.op-provider-wrapper-link {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

/* Ensure images are responsive and stay inside their containers */
.op-provider-thumbnail {
	width: 100%;
    max-width: 100%;
    height: auto;
	transition: transform 0.5s ease-in-out; /* Smooth scaling effect */
}

.op-cols-1
,.op-cols-2
,.op-cols-3
,.op-cols-4
,.op-cols-5
,.op-cols-6 {
	grid-template-columns: 1fr;
}

.op-providers-heading {
/* 	 */
}


.op-providers-nav {
/*  */
}

.op-providers-list {
/*  */
}

.op-providers-card ul
,.op-providers-tile ul {
/* 	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center; */
	display: grid;
	grid-gap: 2em;
}

.op-providers-card {
/*  */
}

.op-providers-card-inner {
/*  */
}

.op-providers-tile  {
/*  */
}

.op-providers-card li
,.op-providers-tile li {
/* 	width: 100%; 5 items per row while accounting for gap
	padding: .5em; */
}

.op-providers-tile-inner {
	position: relative;	
	overflow: hidden;
}

.op-providers-tile-inner:hover img {
  transform: scale(1.05);
}

.op-providers-tile-inner .op-provider-name {
	position: absolute;
	width: 100%;
	bottom: 0;
	font-size: 16px;
	line-height: 1.15;
}


@media all and ( min-width: 480px ) {
	.op-providers-card ul
	,.op-providers-tile ul {
/* 		flex-direction: row;
		flex-wrap: wrap; /* Allows wrapping */
	}
	
	.op-providers-card li
	,.op-providers-tile li {
/* 		width: 50%;
		min-width: 0;  */
	}
	
	.op-providers-card ul
	,.op-providers-tile ul {
		grid-gap: 1em;
	}
	
	.op-cols-2
	,.op-cols-3
	,.op-cols-4
	,.op-cols-5
	,.op-cols-6 {
		grid-template-columns: repeat(2, 1fr);
	}
	
}

@media all and ( min-width: 640px ) {
	
	.op-providers-card li
	,.op-providers-tile li {
/* 		width: 33.3%;
		min-width: 0;  */
	}
	
	.op-providers-card ul
	,.op-providers-tile ul {
		grid-gap: 1.5em;
	}
	
	.op-cols-3
	,.op-cols-5
	,.op-cols-6 {
		grid-template-columns: repeat(3, 1fr);
	}
	
}


@media all and ( min-width: 900px ) {
	
	.op-providers-card ul
	,.op-providers-tile ul {
		grid-gap: 1.5em;
	}

	.op-cols-4 {
		grid-template-columns: repeat(4, 1fr);
	}
	
}


@media all and ( min-width: 1024px ) {

	.op-providers-card li
	,.op-providers-tile li {
/* 		width: 20%;
		min-width: 0;
		padding: .8em; */
	}
	
	.op-providers-card ul
	,.op-providers-tile ul {
		grid-gap: 2em;
	}
	
	.op-cols-5 {
		grid-template-columns: repeat(5, 1fr);
	}
	
	.op-cols-6 {
		grid-template-columns: repeat(6, 1fr);
	}
}