.contact-error {
	color: red;
}

.lang-button {
	.fas {
		display: none;
	}
}

.h-inherit {
	height: inherit;
}

[data-modal="contactForm"] {
	.contact-form {
		max-width: none !important;
	}
}

select {
	option {
		color: black;
	}
}

.w-auto {
	width: auto !important;
}

.error {
	color: red;
}

.pl-20 {
	padding-left: 5rem !important;
}

.px-4 {
	padding-left: 1rem;
	padding-right: 1rem;
}

.py-8 {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.pr-12 {
	padding-right: 3rem;
}

.popover-body {
	transition-duration: 500ms;
	transition-property: opacity, visibility, transform;

	opacity: 0;
	visibility: hidden;

	&.active-popover {
		opacity: 1;
		visibility: visible;
	}
}

.popover-body-content {
	box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
	overflow-y: auto;
    max-height: 350px;
}

@media (max-width: 767px) {
	.popover-body {
		transform: translateY(100%);
		bottom: 0;

		&.active-popover {
			transform: none;
		}

		.select-input-box {
			width: 100%;
			justify-content: center;
		}
	}
	.popover-body-content {
		overflow-y: auto;
		max-height: 65vh;
	}
}

[data-count-selected] {
	border-radius: 9999px;
	background-color: var(--primaryColor);
	color: white;
	font-weight: bold;
	align-items: center;
	justify-content: center;
	left: 100px;
	position: absolute;
	display: none;
	padding-inline: 16px;
	padding-block: 4px;

	margin: 0;

	&.active-count {
		display: inline-flex;
	}
}