.nav-links li:nth-child(2) a {
	color: gray;
}

body {
	background-image: url("../ValoHub_Files/agent_page/agent_list_bg_16x9.svg");
}

#agents-first-section {
	margin: 3rem;
}

h1 {
	color: white;
}

.custom-select {
	display: flex;
	justify-content: flex-end;
	margin: 1rem;
}

.custom-select select {
	width: 15vw;
	padding: 0.5rem 1rem 0.5rem 1rem;
	font-size: 1.2rem;
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	color: black;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url("../ValoHub_Files/general_files/keyboard_arrow_down.svg");
	background-repeat: no-repeat;
	background-position: right 1rem center;
}

.custom-select select:hover {
	opacity: 80%;
}

.custom-select select:focus {
	outline: none;
}

.card {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	justify-content: center;
}

.agent-card img {
	width: 100%;
}

.agent-card img.default {
	display: block;
}

.agent-card img.hover {
	display: none;
}

.agent-card:hover img.default {
	display: none;
}

.agent-card:hover img.hover {
	display: block;
}

@media (max-width: 1440px) {
	.custom-select select {
		width: 20vw;
	}
}

@media (max-width: 1024px) {
	h1 {
		padding-top: 4rem;
	}
	.custom-select select {
		width: 40vw;
	}
}

@media (max-width: 460px) {
	.custom-select {
		justify-content: center;
	}
	.custom-select select {
		width: 100%;
	}
	h1 {
		padding-top: 0rem;
		font-size: 4rem;
		text-align: center;
	}
}