.eb5__list,
.eb5__map {
	background-color: #fff;
	
	& .past-eb5__flex-break {
	  width: 100%;
	}
	
	& .past-eb5__items-container {
		--columns: 3;
		--gap: 30px;
		max-width: 1440px;
		width: 100%;
		margin: 0 auto;
		padding: 80px 0 142px;
		justify-content: start;
		display: flex;
		flex-wrap: wrap;
		gap: var(--gap);
		
		@media (max-width: 1080px) {
			padding-left: 0;
			padding-right: 0;
			--columns: 2
		}
		@media (max-width: 800px) {
			--columns: 1;
		}
		
		& .past-eb5__item {
			position: relative;
			max-width: 360px;
			width: 100%;
			height: 235px;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			padding: 20px;
			flex: 0 1 calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));
			width: auto;
			max-width: 100%;
			flex-wrap: wrap;
			z-index: 0;
			
			&.filtered,
			&.hidden {
				display: none;
			}
			
			& .past-eb5__item-image {
			  position: absolute;
			  height: 235px;
			  width: 100%;
			  z-index: -1;
			  top: 0;
			  right: 0;
			  object-fit: cover;
			  filter: brightness(.5);
			  transition: filter .3s ease-in-out;
				&:hover {
					filter: brightness(.8);
					transition: filter .3s ease-in-out;
				}
			}
			
			& .past-eb5__item-title {
				font-size: 21px;
				font-weight: 600;
				line-height: 26px;
				color: #FFFFFF;
				text-align: center;
				margin-bottom: 0;
			}
			
			& .past-eb5__item-location {
				  font-size: 16px;
				  font-weight: 300;
				  line-height: 20px;
				  color: #FFFFFF;
				}
			
		}
	}
	& .past-eb5__text-container {
		@media (max-width: 1080px) {
			padding-left: 18px;
			padding-right: 18px;
		}
	}
	& .past-eb5__text-container.custom__space {
		padding-bottom: 0;
		margin-bottom: -48px;
		margin-top: 48px;
		text-align: left;
		max-width: 1440px;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		
		& p {
			color: #182C41;
			font-size: 24px;
			font-weight: 700;
		}
		
		@media (max-width: 1080px) {
			padding-left: 0;
			padding-right: 0;
		}
		
	}
}

.eb5__map .past-eb5__items-container { 
	justify-content: center;
}

.eb5__map {
	background-color: #F5F6F7;
	& .cta {
		border: none;
		margin: 0 auto;
		cursor: pointer;
	}
	& .svg-map-wrapper {
		position: relative;
		display: block;
		margin: 0 auto;
		max-width: 1140px;
		margin-bottom; -40px;
		@media (max-width: 800px) {
			width: calc(100% - 36px);
		}
	}
	& svg {
		display: block; 
		width: 100%;
	}
	& .map-popup {
		background-color: #fff;
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.3s linear;
		display: flex;
		flex-direction: column;
		gap: 16px;
		padding: 12px;
		border: 1px solid #B4B4B4;
		position: absolute;
		&.active {
			opacity: 1;
			pointer-events: all;
		}
		&::before,
		&::after {
			position: absolute;
			border: 20px solid transparent;
			border-top-color: #fff;
			content: '';
			top: calc(100% - 2px);
			left: 50%;
			margin-left: -10px;
			border-left-width: 10px;
			border-right-width: 10px;
			z-index: 1;
		}
		&::after {
			border-top-color: #B4B4B4;
			top: 100%;
			z-index: 0;
		}
		& p {
			color: #4D4C4D;
			font-size: 16px;
			line-height: 20px;
			& strong {
				font-size: 18px;
				font-weight: 600;
			}
			&::before {
				content: '';
				display: inline-block;
				width: 25px;
				height: 24px;
				background-size: contain;
				vertical-align: middle;
				margin-right: 8px;
			}
			&.location-icon::before {
				background-image: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.9695 6.84094C12.2278 6.84094 11.5028 7.06088 10.8861 7.47293C10.2694 7.88499 9.78876 8.47066 9.50493 9.15588C9.22111 9.8411 9.14684 10.5951 9.29154 11.3225C9.43623 12.05 9.79339 12.7181 10.3178 13.2426C10.8423 13.767 11.5105 14.1242 12.2379 14.2689C12.9653 14.4136 13.7193 14.3393 14.4045 14.0555C15.0898 13.7717 15.6754 13.291 16.0875 12.6743C16.4995 12.0576 16.7195 11.3326 16.7195 10.5909C16.7195 9.59638 16.3244 8.64255 15.6211 7.93929C14.9179 7.23603 13.964 6.84094 12.9695 6.84094ZM12.9695 12.8409C12.5245 12.8409 12.0895 12.709 11.7194 12.4617C11.3494 12.2145 11.0611 11.8631 10.8908 11.452C10.7205 11.0408 10.6759 10.5884 10.7627 10.152C10.8495 9.71553 11.0638 9.31462 11.3785 8.99995C11.6932 8.68528 12.0941 8.47099 12.5305 8.38418C12.967 8.29736 13.4194 8.34192 13.8305 8.51221C14.2417 8.68251 14.5931 8.9709 14.8403 9.34091C15.0875 9.71092 15.2195 10.1459 15.2195 10.5909C15.2195 11.1877 14.9824 11.76 14.5605 12.1819C14.1385 12.6039 13.5662 12.8409 12.9695 12.8409ZM12.9695 2.34094C10.7822 2.34342 8.68523 3.21341 7.13859 4.76005C5.59195 6.30669 4.72196 8.40367 4.71948 10.5909C4.71948 13.5347 6.07979 16.6547 8.65698 19.6144C9.815 20.9518 11.1183 22.1561 12.5429 23.205C12.669 23.2933 12.8193 23.3407 12.9732 23.3407C13.1272 23.3407 13.2774 23.2933 13.4035 23.205C14.8255 22.1556 16.1263 20.9514 17.282 19.6144C19.8554 16.6547 21.2195 13.5347 21.2195 10.5909C21.217 8.40367 20.347 6.30669 18.8004 4.76005C17.2537 3.21341 15.1568 2.34342 12.9695 2.34094ZM12.9695 21.6534C11.4198 20.4347 6.21948 15.9581 6.21948 10.5909C6.21948 8.80073 6.93064 7.08384 8.19651 5.81797C9.46238 4.5521 11.1793 3.84094 12.9695 3.84094C14.7597 3.84094 16.4766 4.5521 17.7425 5.81797C19.0083 7.08384 19.7195 8.80073 19.7195 10.5909C19.7195 15.9563 14.5192 20.4347 12.9695 21.6534Z" fill="%23881423"/></svg>');
			}
			&.project-icon::before {
				background-image: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.2195 6.09094H17.4695V5.34094C17.4695 4.74421 17.2324 4.17191 16.8105 3.74995C16.3885 3.328 15.8162 3.09094 15.2195 3.09094H10.7195C10.1227 3.09094 9.55045 3.328 9.12849 3.74995C8.70653 4.17191 8.46948 4.74421 8.46948 5.34094V6.09094H4.71948C4.32166 6.09094 3.94013 6.24898 3.65882 6.53028C3.37752 6.81159 3.21948 7.19312 3.21948 7.59094V19.5909C3.21948 19.9888 3.37752 20.3703 3.65882 20.6516C3.94013 20.9329 4.32166 21.0909 4.71948 21.0909H21.2195C21.6173 21.0909 21.9988 20.9329 22.2801 20.6516C22.5614 20.3703 22.7195 19.9888 22.7195 19.5909V7.59094C22.7195 7.19312 22.5614 6.81159 22.2801 6.53028C21.9988 6.24898 21.6173 6.09094 21.2195 6.09094ZM9.96948 5.34094C9.96948 5.14203 10.0485 4.95126 10.1892 4.81061C10.3298 4.66996 10.5206 4.59094 10.7195 4.59094H15.2195C15.4184 4.59094 15.6092 4.66996 15.7498 4.81061C15.8905 4.95126 15.9695 5.14203 15.9695 5.34094V6.09094H9.96948V5.34094ZM21.2195 7.59094V11.4919C18.688 12.8698 15.8517 13.5915 12.9695 13.5909C10.0874 13.5915 7.25113 12.8701 4.71948 11.4928V7.59094H21.2195ZM21.2195 19.5909H4.71948V13.1822C7.28816 14.4386 10.11 15.0915 12.9695 15.0909C15.829 15.091 18.6508 14.4378 21.2195 13.1813V19.5909ZM10.7195 11.3409C10.7195 11.142 10.7985 10.9513 10.9392 10.8106C11.0798 10.67 11.2706 10.5909 11.4695 10.5909H14.4695C14.6684 10.5909 14.8592 10.67 14.9998 10.8106C15.1405 10.9513 15.2195 11.142 15.2195 11.3409C15.2195 11.5399 15.1405 11.7306 14.9998 11.8713C14.8592 12.0119 14.6684 12.0909 14.4695 12.0909H11.4695C11.2706 12.0909 11.0798 12.0119 10.9392 11.8713C10.7985 11.7306 10.7195 11.5399 10.7195 11.3409Z" fill="%23881423"/></svg>')
			}
		}
		& button {
			text-transform: uppercase;
			margin-top: 6px;
			border: none;
			padding: 18px 37px;
			background-color: #6C160D;
			border-radius: 29px;
			width: auto;
			line-height: 18px;
			transition: background-color .3s ease-in-out;
			margin-right: 0;
			color: white;
			text-decoration: none;
			line-height: 18px;
			font-weight: 600;
			white-space: nowrap;
			cursor: pointer;
			&:is(:hover, :focus) {
				background-color: #60140C;
  				transition: background-color .3s ease-in-out;
			}
		}
	}
}

#eb5-filter-form {
	display: flex;
	gap: 16px 5px;
	flex-wrap: wrap;
	
	@media (max-width: 800px) {
		gap: 8px;
	}
	
	& .button_wrap {
		display: flex;
	}
	
	& input:not([type="checkbox"]), select, button {
		height: 44px;
		font-size: 15px;
		font-weight: 600;
	}
	& input:not([type="checkbox"]), select, .dropdown-btn {
		padding: 8px 12px;
		border: 1px solid #B4B4B4;
		background: #FFF;
		width: 260px;
		color: #182C41;
	}
	& :is(select, .dropdown-btn) {
		min-width: 103px;
		width: auto;
		cursor: pointer;
		display: flex;
		align-items: center;
		gap: 5px;
		border-radius: 0;
	}
	& .dropdown-box {
		position: relative;
		& span.arrow {
			width: 10px;
			height: 6px;
			background-image: url('data:image/svg+xml,<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 1L5 5L1 1" stroke="%23182C41" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
			display: inline-block;
		}
		&:focus-within .arrow {
			rotate: 180deg;
		}
		&:focus-within .dropdown {
			opacity: 1;
			pointer-events: all;
		} 
	}
	& .dropdown {
		opacity: 0;
		pointer-events: none;
		border: 1px solid #B4B4B4;
		list-style-type: none;
		position: absolute;
		top: calc(100% + 8px);
		padding: 18px;
		display: flex;
		flex-direction: column;
		gap: 16px;
		z-index: 10;
		width: fit-content;
		white-space: nowrap;
		background-color: #fff;
		& input {
			display: none;
		}
		& label::before {
			content: '';
			width: 18px;
			height: 18px;
			border-radius: 4px;
			border: 1px solid #B4B4B4;
			margin-top: -1px;
			background-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.5449 3.625L5.35742 9.8125L2.54492 7" stroke="white" stroke-width="1.6666" stroke-linecap="round" stroke-linejoin="round"/></svg>');
			background-size: 14px;
			background-position: 50%;
			background-repeat: no-repeat;
		}
		& label {
			cursor: pointer;
			display: flex;
			gap: 9px;
			align-items: center;
		}
		& input:checked + label::before {
			background-color: #182C41;
			border-color: #182C41;
		}
	}
	& button[type="submit"] {
		border-radius: 0;
		padding: 0 16px;
		border: none;
		background-color: #6C160D;
		margin-left: -1px;
		text-transform: uppercase;
		color: #fff;
		cursor: pointer;
	}
	
	& .filter-pills {
		width: 100%;
		display: none;
		flex-wrap: wrap;
		align-items: center;
		min-height: 24px;
		font-size: 14px;
		gap: 12px;
		&:has(button.pill) {
			display: flex;
		}
		& .clear-all {
			color:#182C41;
			font-size: 14px;
			font-weight: 500;
			line-height: 125%; /* 17.5px */
			border: none;
			background: none;
			text-decoration: underline;
			cursor: pointer;
			height: auto;
			padding: 0;
			&:is(:hover, :focus) {
				text-decoration: none;
			}
		}
		& .pills {
			display: flex;
			gap: 8px;
			flex-wrap: wrap;
			& button.pill {
				cursor: pointer;
				color: #182C41;
				font-size: 14px;
				font-weight: 500;
				line-height: 16px;
				border-radius: 50px;
				border: 1px solid rgba(33, 82, 115, 0.40);
				background: rgba(255, 255, 255, 0.60);
				padding: 4px 12px;
				height: auto;
				display: flex;
				gap: 8px;
				align-items: center;
				&:is(:hover, :focus) {
					background: rgba(255, 255, 255, 1);	
				}
				&::after {
					content: '';
					width: 14px;
					height: 14px;
					display: inline-block;
					background-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.5 3.5L10.5 10.5M3.5 10.5L10.5 3.5" stroke="%23182C41" stroke-opacity="0.6" stroke-width="1.3125"/></svg>');
					background-repeat: no-repeat;
					background-position: 50%;
				}
			}
		}
	}
	
	@media (max-width: 800px) {
		& .dropdown-box {
			width: auto;
			flex-basis: calc(50% - 4px);
			& button {
				width: 100%;
			}
		}
		
		& .button_wrap {
			display: flex;
			width: 100%;
			& input {
				width: auto;
				flex: 1;
			}
		}
	
	}
	
}