{#******* FILTERS *******#}
.hubdb__filters{
	margin: 0 0 100px;
	padding: 40px 20px;
	display: flex; 
	justify-content: start;
	flex-wrap: wrap;
	column-gap: 32px;  
  /*column-gap: 16px; */
	background: #FFF;
	border-radius: 20px;
	box-shadow: 0px 8px 24px 0px rgba(149, 157, 165, 0.50);
}
.hubdb__filter-field{

}
.hubdb__filter-field input,
.hubdb__filter-field select {
	padding: 16px 12px;
	color: #B5B5B5;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 175%;
	border: 1px solid #EEE;
	outline: none;
}
.hubdb__filter-field input:focus,
.hubdb__filter-field select:focus {
	border: 1px solid var(--primary);
}
.hubdb__filter-field input::placeholder {
	color: var(--B5B5B5);
}
.hubdb__filter-field select{
	min-width: 273px;
	min-height: 62px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOSA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBpZD0iaWNvbi1hcnJvdy1kb3duIiBjbGlwLXBhdGg9InVybCgjY2xpcDBfNTQxNV8yNDApIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTEuMDM1NjQgMi4xOTk5NUw0LjU0OTkzIDUuNzE0MjRDNC41NzU1OCA1Ljc0MTU3IDQuNjA2NTYgNS43NjMzNSA0LjY0MDk2IDUuNzc4MjRDNC42NzUzNiA1Ljc5MzE0IDQuNzEyNDUgNS44MDA4MiA0Ljc0OTkzIDUuODAwODJDNC43ODc0MSA1LjgwMDgyIDQuODI0NSA1Ljc5MzE0IDQuODU4OSA1Ljc3ODI0QzQuODkzMyA1Ljc2MzM1IDQuOTI0MjggNS43NDE1NyA0Ljk0OTkzIDUuNzE0MjRMOC40NjQyMiAyLjE5OTk1IiBzdHJva2U9IiMwNDQxNzciIHN0cm9rZS13aWR0aD0iMS43MTQyOSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNTQxNV8yNDAiPgo8cmVjdCB3aWR0aD0iOCIgaGVpZ2h0PSI4IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC43NSkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
	background-position: calc(100% - 12px) center;
	background-repeat: no-repeat;
	background-size: 8px;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.hubdb__filter-field input[type="checkbox"],
.hubdb__filter-field input[type="radio"]{
	display: block;
}
.hubdb__filter-field label{
	display: block;
	color: var(--primary);
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 175%;
}
.hubdb__filter-field--text {
	flex-grow: 1;
}
.hubdb__filter-field--text input {
	padding: 16px 48px 16px 23px;
	width: 100%;
	border: 1px solid var(--primary);
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxIDIxTDE1IDE1TTMgMTBDMyAxMC45MTkzIDMuMTgxMDYgMTEuODI5NSAzLjUzMjg0IDEyLjY3ODhDMy44ODQ2MyAxMy41MjgxIDQuNDAwMjQgMTQuMjk5NyA1LjA1MDI1IDE0Ljk0OTdDNS43MDAyNiAxNS41OTk4IDYuNDcxOTQgMTYuMTE1NCA3LjMyMTIyIDE2LjQ2NzJDOC4xNzA1IDE2LjgxODkgOS4wODA3NSAxNyAxMCAxN0MxMC45MTkzIDE3IDExLjgyOTUgMTYuODE4OSAxMi42Nzg4IDE2LjQ2NzJDMTMuNTI4MSAxNi4xMTU0IDE0LjI5OTcgMTUuNTk5OCAxNC45NDk3IDE0Ljk0OTdDMTUuNTk5OCAxNC4yOTk3IDE2LjExNTQgMTMuNTI4MSAxNi40NjcyIDEyLjY3ODhDMTYuODE4OSAxMS44Mjk1IDE3IDEwLjkxOTMgMTcgMTBDMTcgOS4wODA3NSAxNi44MTg5IDguMTcwNSAxNi40NjcyIDcuMzIxMjJDMTYuMTE1NCA2LjQ3MTk0IDE1LjU5OTggNS43MDAyNiAxNC45NDk3IDUuMDUwMjVDMTQuMjk5NyA0LjQwMDI0IDEzLjUyODEgMy44ODQ2MyAxMi42Nzg4IDMuNTMyODRDMTEuODI5NSAzLjE4MTA2IDEwLjkxOTMgMyAxMCAzQzkuMDgwNzUgMyA4LjE3MDUgMy4xODEwNiA3LjMyMTIyIDMuNTMyODRDNi40NzE5NCAzLjg4NDYzIDUuNzAwMjYgNC40MDAyNCA1LjA1MDI1IDUuMDUwMjVDNC40MDAyNCA1LjcwMDI2IDMuODg0NjMgNi40NzE5NCAzLjUzMjg0IDcuMzIxMjJDMy4xODEwNiA4LjE3MDUgMyA5LjA4MDc1IDMgMTBaIiBzdHJva2U9IiMwNDQxNzciIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
	background-position: calc(100% - 23px) center;
	background-repeat: no-repeat;
	background-size: 24px;
}
.hubdb__filter-field--multiselect{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.hubdb__filter--checkbox-subfield{
	text-align: center;
	margin: 0 10px;
}
.hubdb__filter--checkbox-subfield label{
	display: block;
}
.hubdb__filter-subfield{
	margin: 10px;
}
.hubdb__information .hubdb__card-button.button {
	margin: unset;
	display: inline-block;
}
.hubdb .button{
	margin: 0 auto;
	display: none;
}
.hubdb__load-more.button.button--active {
	display: flex;
	justify-content: center;
	margin: 64px auto 32px;
	width: fit-content;
}

{#******* PAGINATION *******#}
.hubdb__pagination{
	margin: 64px auto 30px;
	text-align: center;
	width: fit-content;
	position: relative;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
.hubdb__pagination-container{
	padding: 0 16px;
	display: flex;
	justify-content: center;
	gap: 8px;
}
.hubdb__button-prev,
.hubdb__button-next{
	pointer-events: none;
	cursor: initial;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 0;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all .3s ease-in-out;
	opacity: 0.5;
}
.hubdb__button-prev.button--active,
.hubdb__button-next.button--active{
	pointer-events: initial;
	cursor: pointer;
	opacity: 1;
}
.hubdb__button-prev:hover,
.hubdb__button-next:hover{
	opacity: 1;
}
.hubdb--pagination-hide .hubdb__button-prev,
.hubdb--pagination-hide .hubdb__button-next{
	display: none;
}
.hubdb__button-prev{
	left: -32px;
}
.hubdb__button-next{
	right: -32px;
}
.hubdb__button-page {
	width: 32px;
	height: 32px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 1px solid var(--heading);
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 0;
}
.hubdb__button-page:hover {
	border: 1px solid var(--heading);
}
.hubdb__button-page--active{
	pointer-events:none;
}
{#******* CARD *******#}
.hubdb__container{
	margin: 0 auto;
	max-width: 1024px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.hubdb__card {
	padding: 20px 30px;
	background: var(--heading);
	border-radius: 20px;
	transition: 0.3s;
}
.hubdb__card:hover {
	background: var(--primary);
}
.hubdb__information {
	display: flex;
	flex-direction: column;
	row-gap: 20px;
	align-items: start;
}
.hubdb__content {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	column-gap: 20px;
}
.hubdb__card-title {
	margin: 0;
	color: #FFF;
}
.hubdb__card-info {
	display: flex;
	justify-content: start;
	align-items: center;
	column-gap: 40px;
}
.hubdb__card-location,
.hubdb__card-department {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 10px;
	color: #FFF;
}
.hubdb__card-location p,
.hubdb__card-department p {
	margin: 0;
}
.hubdb--hide{
	display:none;
}
{#*************** MEDIA QUERYS ***************#}
@media screen and (max-width: 992px){
	.hubdb__filters{
		margin: 0 0 64px;
		flex-direction: column;
		align-items: stretch;
		row-gap: 30px;
	}
	.hubdb__filter-field input,
	.hubdb__filter-field select {
		width: 100%;    
	}
	.hubdb__information {
		row-gap: 10px;
	}
	.hubdb__content {
		flex-direction: column;
		row-gap: 10px;
	}
}