:root{
	--teal: #2ec1ac;
	--teal_hover:#279e8c;
}
*{
		font-family: 'Poppins', sans-serif;
	}
	.h-font{
		font-family: 'Merienda' cursive;
	}

	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
		-webkit-appearance: none;
		margin: 0;
	}

	input[type=number] {
		-moz-appearance: textarea;
	}
	.custom-bg{
		background-color: var(--teal);
		border: 1px solid var(--teal);
	}
	.custom-bg:hover{
		background-color: var(--teal-hover);
		border-color: var(--teal-hover);
	}

	.h-line{
		width: 150px;
		margin: 0 auto;
		height: 1.7px;
	}

	.availability-form {
		margin-top: -50px;
		z-index: 2;
		position: relative;
	}

	@media screen and (max-width: 575px) {
		.availability-form {
			margin-top: 25px;
			padding: 0 35px;
		}

	}
	.gallery {
		padding: 20px;
	}

	.gallery ul {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		margin-bottom: 15px;
	}

	.gallery ul li {
		list-style: none;
		font-size: 20px;
		font-family: "Roboto", serif;
		background-color: rgb(215, 215, 215);
		margin: 5px;
		padding: 8px 20px;
		cursor: pointer;
		letter-spacing: 1px;
		transition: 0.4s linear;
	}

	.gallery ul li:hover {
		background-color: #FBBB09;
	}

	.gallery ul li.active {
		background-color: rgb(0, 81, 255);
		color: white;
	}

	.items-container {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}

	.items {
		position: relative;
		width: 265px;
		height: 265px;
		margin: 5px;
	}

	.items.mini {
		position: relative;
		width: 90px;
		height: 90px;
		margin: 5px;
	}

	.items img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}