.garbageCollectionAbove {
	max-width: 660px;
	--default-color: var(--color-primary, #4664af);
}

	.garbageCollectionAbove h2 {
		margin-bottom: 0;
	}

	.garbageCollectionAbove label {
		font-size: 22px;
		font-weight: 500;
	}

	@media (max-width: 767px) {

	.garbageCollectionAbove label {
			font-size: 20px
	}
		}

	.garbageCollectionAbove .autoComplete_wrapper {
		display: block;
		gap: 20px;
		padding-block: 20px 40px;
	}

	@media (max-width: 767px) {

	.garbageCollectionAbove .autoComplete_wrapper {
			gap: 10px
	}
		}

	.garbageCollectionAbove .autoComplete_wrapper > ul {
		max-height: 300px;
		top: 100%;
		left: 0;
		right: 0;
		padding: 0;
		margin: 0.5rem 0 0 0;
		border-radius: 0.6rem;
		background-color: #fff;
		z-index: 1000;
		outline: none;
	}

	.garbageCollectionAbove autoComplete_wrapper > ul[hidden],
	.garbageCollectionAbove .autoComplete_wrapper > ul:empty {
		display: block;
		opacity: 0;
		transform: scale(0);
	}

	.garbageCollectionAbove .autoComplete_wrapper > ul > li {
		margin: 0.3rem;
		padding: 0.3rem 0.5rem;
		list-style: none;
		text-align: left;
		font-size: 1.2rem;
		color: #212121;
		transition: all 0.1s ease-in-out;
		border-radius: 0.35rem;
		background-color: rgba(255, 255, 255, 1);
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		transition: all 0.2s ease;
	}

	.garbageCollectionAbove .autoComplete_wrapper > ul > li::-moz-selection {
		color: var(--default-color);
	}

	.garbageCollectionAbove .autoComplete_wrapper > ul > li::selection {
		color: var(--default-color);
	}

	.garbageCollectionAbove .autoComplete_wrapper > ul > li:hover {
		cursor: pointer;
	}

	.garbageCollectionAbove .autoComplete_wrapper > ul > li mark {
		background-color: transparent;
		color: var(--color-blue);
	}

	.garbageCollectionAbove .autoComplete_wrapper > ul > li mark::-moz-selection {
		color: rgba(#ffffff, 0);
		background-color: rgba(#ffffff, 0);
	}

	.garbageCollectionAbove .autoComplete_wrapper > ul > li mark::selection {
		color: rgba(#ffffff, 0);
		background-color: rgba(#ffffff, 0);
	}

	.garbageCollectionAbove .autoComplete_wrapper > ul > li[aria-selected='true'] {
		background-color: rgba(123, 123, 123, 0.1);
	}

	.garbageCollectionAbove input {
		width: 100%;
		padding: 18px 20px;
		border-radius: var(--border-radius-default, 10px);
		border: 1px solid #bdbdbd;
		background: white;
		color: var(--default-color);
		outline: none;
		transition: border-color 0.3s ease;
		line-height: normal;
	}

	@media (max-width: 767px) {

	.garbageCollectionAbove input {
			font-size: 16px
	}
		}

	.garbageCollectionAbove input:hover,
		.garbageCollectionAbove input:focus {
			border-color: var(--default-color);
		}

	.garbageCollectionAbove .btn {
		--btn-padding: 16px 27px;
		--btn-line-before: none;
		--btn-line-after: none;
	}

	@media (max-width: 991px) {

	.garbageCollectionAbove .btn {
			--btn-padding: 16px 20px;
			font-size: 14px
	}
		}

	.garbageCollectionAbove .infoContainer {
		display: flex;
		flex-direction: column;
		gap: 20px;
		font-weight: 300;
		line-height: 30px;
		padding: 30px;
		border-radius: var(--border-radius-default, 10px);
		background: rgba(70, 100, 175, 0.1);
	}

	@media (max-width: 767px) {

	.garbageCollectionAbove .infoContainer {
			font-size: 16px
	}
		}

	.garbageCollectionAbove .infoContainer .label {
			font-size: 20px;
			font-weight: 500;
			color: var(--default-color);
		}

	@media (max-width: 767px) {

	.garbageCollectionAbove .infoContainer .label {
				font-size: 18px
		}
			}

	.garbageCollectionAbove .infoContainer p {
			margin-bottom: 0;
		}

.garbageCollectionContent {
	--default-color: var(--color-primary, #4664af);
	padding-block: 26px 80px;
}

@media (max-width: 767px) {

.garbageCollectionContent {
		padding-block: 26px 40px
}
	}

.garbageCollectionContent .resultHeading {
		--link-color: var(--default-color);

		display: flex;
		gap: 13px;
		font-size: 22px;
		font-weight: 500;
		padding-bottom: 42px;
	}

@media (max-width: 767px) {

.garbageCollectionContent .resultHeading {
			flex-direction: column;
			font-size: 20px;
			padding-bottom: 32px
	}
		}

.garbageCollectionContent .cardContainer {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(345px, 1fr));
		grid-gap: 30px;
	}

.garbageCard {
	width: 100%;
	border-radius: var(--border-radius-default, 10px);
	overflow: hidden;
	line-height: 28px;
}

.garbageCard.pink {
		--base-color: #870074;
		--shade-1: #87007429;
		--shade-2: #8700741a;
		--shade-3: #8700740d;
	}

.garbageCard.blue {
		--base-color: #4664af;
		--shade-1: #4664af29;
		--shade-2: #4664af1a;
		--shade-3: #4664af0d;
	}

.garbageCard.brown {
		--base-color: #845b37;
		--shade-1: #845b3729;
		--shade-2: #845b371a;
		--shade-3: #845b370d;
	}

.garbageCard.gray {
		--base-color: #5c6770;
		--shade-1: #5c677029;
		--shade-2: #5c67701a;
		--shade-3: #5c67700d;
	}

.garbageCard.green {
		--base-color: #4a7c59;
		--shade-1: #4a7c5929;
		--shade-2: #4a7c591a;
		--shade-3: #4a7c590d;
	}

.garbageCard .title {
		font-size: 20px;
		font-weight: 600;
		text-transform: uppercase;
		text-align: center;
		background: var(--base-color);
		color: white;
		padding-block: 16px;
		margin-bottom: 0;
	}

@media (max-width: 767px) {

.garbageCard .title {
			font-size: 18px
	}
		}

.garbageCard .contentContainer {
		display: flex;
		flex-direction: column;
		gap: 10px;
		font-weight: 600;
		background: var(--shade-1);
		padding: 30px;
	}

.garbageCard .contentContainer .value {
			font-size: 32px;
		}

@media (max-width: 767px) {

.garbageCard .contentContainer .value {
				font-size: 30px
		}
			}

.garbageCard .contentContainer .content {
			font-size: 16px;
			font-weight: 400;
		}

.garbageCard .table > div {
		margin-top: 1px;
		padding: 16px 26px;
	}

.garbageCard .table > div:nth-child(odd) {
			background: var(--shade-2);
		}

.garbageCard .table > div:nth-child(even) {
			background: var(--shade-3);
		}

/*# sourceMappingURL=garbageCollection.css.map */