.payment-list {
	grid-gap: 24px;
	flex-wrap: wrap;
}

.payment-list__item {
	border: 1px solid var(--tj-color-light-5);
	border-radius: 12px;
	height: 108px;
	width: 202px;
}

.payment-logo-wrapper {
	height: 60px;
	width: 120px;
}

.payment-list__item img {
	object-fit: contain;
	width: 100%;
	height: 100%;
}

.filter-wrapper {
	grid-gap: 24px;
	align-items: flex-start;
	margin: 0 auto;
	width: 60%;
}

.filter-wrapper .select-container {
	width: 100%;
}

.text-btn {
	font-size: 16px;
	font-weight: 600;
	color: var(--tj-color-gradient-1);
}

.text-btn:disabled {
	pointer-events: none;
	opacity: 0.7;
}

.filter-dropdown {
	min-height: 38px;
	height: auto;
	width: 100%;
	font-size: 16px;
	background-color: rgb(255, 255, 255);
	color: var(--tj-color-common-black);
	border-radius: 10px;
	border: 1.5px solid var(--tj-color-light-6);
	padding: 10px 24px;
}

.custom-select {
	position: relative;
}

.custom-select select {
	appearance: none; /* Remove default arrow */
	-webkit-appearance: none; /* For Safari */
	-moz-appearance: none; /* For Firefox */
}

/* Custom arrow styling */
.custom-select::after {
	font-family: "Font Awesome 6 Pro";
	content: '\f078'; /* Arrow character */
	position: absolute;
	right: 24px; /* Adjust placement */
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none; /* Prevent interaction with the arrow */
	font-size: 14px;
	color: #555;
}

/* Optional: Add hover effect */
.custom-select:hover::after {
	color: #000;
}