#i-class{
		text-transform: capitalize;
	}
	.instructors-results-amount{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		text-align: center;
	}
	.instructors-results-amount h2 span.c-word, .instructors-results-amount h2 span.is-are{
		font-weight: 400;
	}
	.no-results-message{
		font-family: "Montserrat";
		font-size: 1.5rem;
		color: #717171;
		font-weight: 400;
		text-align: center;
	}
	/* Skeleton Loaders */
	.instructor-skeleton{
		width: 100%;
		display: flex;
		flex-direction: column;
		border: solid 1px #e0e0e0;
		overflow: hidden;
	}
	.instructor-skeleton .skeleton-image{
		width: 100%;
		padding-bottom: 100%;
		background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
		background-size: 200% 100%;
		animation: skeleton-pulse 1.5s ease-in-out infinite;
	}
	.instructor-skeleton .skeleton-info{
		background: #000;
		padding: 1rem;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 0.5rem;
	}
	.instructor-skeleton .skeleton-name{
		width: 70%;
		height: 1.2rem;
		background: linear-gradient(90deg, #333 25%, #444 50%, #333 75%);
		background-size: 200% 100%;
		animation: skeleton-pulse 1.5s ease-in-out infinite;
		border-radius: 3px;
	}
	.instructor-skeleton .skeleton-location{
		width: 50%;
		height: 1rem;
		background: linear-gradient(90deg, #555 25%, #666 50%, #555 75%);
		background-size: 200% 100%;
		animation: skeleton-pulse 1.5s ease-in-out infinite;
		border-radius: 3px;
	}
	@keyframes skeleton-pulse {
		0% { background-position: 200% 0; }
		100% { background-position: -200% 0; }
	}
	.geo-message{
		font-size: 0.8rem;
		color: #999999;
		text-align: center;
	}
	.pagination-controls{
		display: flex;
		align-items: center;
		gap: 1rem;
		margin-bottom: 1.5rem;
	}
	.pagination-controls.pagination-bottom{
		margin-top: 1rem;
		margin-bottom: 0;
	}
	@media(max-width: 768px){
		.pagination-controls:not(.pagination-bottom){
			display: none !important;
		}
	}
	.pagination-btn{
		font-size: 0.9rem;
		border-radius: 3px;
		padding: 0.75rem 1.5rem;
		text-transform: uppercase;
		border: solid 1px #52C6D8;
		background: #52C6D8;
		color: white;
		font-family: "Montserrat";
		font-weight: 600;
		cursor: pointer;
	}
	.pagination-btn:hover{
		background: #000000;
        border-color: #000000!important;
		color: #52C6D8;
	}
	.pagination-info{
		font-family: "Montserrat";
		font-size: 0.9rem;
		color: #52C6D8;
	}
	.pagination-info .current-page,
	.pagination-info .total-pages{
		font-weight: 600;
	}
	.instructors-title{
		font-family: "Montserrat";
		font-size: 36px;
		font-weight: 700;
		color: #000000;
		margin-bottom: 1.5rem;
	}
	#instructor-search .instructor-results-wrapper{
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 1rem;
		margin-top: 0;
	}
	#instructor-search .instructor-card{
		width: 100%;
		padding: 0;
		display: flex;
		flex-direction: column;
		overflow: hidden;
		border-radius: 0;
		border: solid 1px #d0d0d0;
	}
	#instructor-search .instructor-card a{
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	#instructor-search .instructor-card-picture{
		width: 100%;
		height: 0;
		padding-bottom: 100%;
		border: none;
		border-radius: 0;
		position: relative;
		overflow: hidden;
		background: #f0f0f0;
	}
	#instructor-search .instructor-card-picture img{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 0;
	}
	#instructor-search .instructor-card-picture.default-avatar{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#instructor-search .instructor-card-picture.default-avatar img{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 80%;
		height: 80%;
		object-fit: contain;
	}
	#instructor-search .instructor-card-info{
		background: #000000;
		padding: 1rem;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 100%;
		box-sizing: border-box;
	}
	#instructor-search .instructor-card-info .instructor-name{
		color: #52C6D8;
		font-family: "Montserrat";
		font-weight: 700;
		font-size: 1.2rem;
		text-align: center;
		margin-bottom: 0.25rem;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 100%;
	}
	#instructor-search .instructor-card-info .instructor-location{
		color: #ffffff;
		font-family: "Montserrat";
		font-weight: 500;
		font-size: 1rem;
		text-align: center;
		min-height: 1.2em;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 100%;
	}
	@media(max-width: 1024px){
		#instructor-search .instructor-results-wrapper{
			grid-template-columns: repeat(3, 1fr);
		}
	}
	@media(max-width: 768px){
		#instructor-search .instructor-results-wrapper{
			grid-template-columns: repeat(2, 1fr);
		}
	}
	@media(max-width: 600px){
		.pagination-controls{
			flex-wrap: wrap;
			justify-content: flex-start;
		}
		.pagination-btn{
			padding: 0.5rem 1rem;
			font-size: 0.8rem;
		}
		#instructor-search .instructor-results-wrapper{
			grid-template-columns: 1fr;
            display: flex;
		}
        .instructor-card{
            margin-bottom: 1rem;
        }
		#instructor-search .instructor-card{
			width: 100%;
			overflow: visible;
		}
		#instructor-search .instructor-card a{
			width: 100%;
		}
		#instructor-search .instructor-card-picture{
			width: 100%;
			height: 0;
			padding-bottom: 100%;
		}
		#instructor-search .instructor-card-info{
			position: relative;
			width: 100%;
		}