.select2-container {
	width: 100% !important;
}

.select2-container {
	box-sizing: border-box;
	display: inline-block;
	margin: 0;
	position: relative;
	vertical-align: middle;
}

.detail-nav {
	.active-nav {
		color: var(--primaryColor);
	}
}

.intl-tel-input .country-list {
	color: black;
}

#contactForm {
	select {
		option {
			color: black;
		}
	}
}

[data-modal="contactForm"] {
	select,
	textarea {
		color: var(--darkColor);
	}
}

:is(:where(.dark)) {
	[data-modal="contactForm"] {
		select,
		textarea {
			color: white !important;
		}
	}
}

.bg-gray-50 {
	--tw-bg-opacity: 1;
	background-color: rgb(249 250 251 / var(--tw-bg-opacity)) /* #f9fafb */;
}

:is(:where(.dark) .dark\:bg-neutral-800) {
	--tw-bg-opacity: 1;
	background-color: rgb(38 38 38 / var(--tw-bg-opacity)) /* #262626 */;
}

:is(:where(.dark) .dark\:border-slate-800) {
	--tw-border-opacity: 1;
	border-color: rgb(30 41 59 / var(--tw-border-opacity)) /* #1e293b */;
}

@media (min-width: 1024px) {
	.lg\:grid-cols-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.lg\:grid-cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 1024px) {
	.lg\:max-w-\[1024px\] {
		width: 997px;
	}
}

@media (min-width: 1280px) {
	.xl\:max-w-\[1280px\] {
		width: 1200px;
	}
}

.max-h-\[90\%\] {
	max-height: 90%;
}

.gap-y-4 {
	row-gap: 1rem;
}


.modal.show {
	opacity: 1;
	color: black;
	display: flex !important;
	align-items: center;
}

.modal {
	.btn-primary {
		color: black !important;
	}
}