#industrial-park-nav {
	width: 74.75rem;
	position: fixed;
	bottom: 0rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: 9998;
	visibility: visible;
	display: flex;
	justify-content: space-between;
	padding: 0.5625rem 0.9375rem;
	align-items: center;
	transition: all 0.3s var(--ease-header);
	border-radius: 0.625rem;
	border: 1px solid rgba(112, 115, 124, 0.16);
	background: #fff;
	/* sHADOW NAV */
	box-shadow: 0px -4px 20px 0px rgba(98, 171, 255, 0.11),
		0px 4px 28.3px 0px rgba(98, 171, 255, 0.15),
		5.399px -8px 81.5px 0px rgba(122, 122, 122, 0.13);
	opacity: 0 !important;
	visibility: hidden !important;
}

#industrial-park-nav.visible {
	bottom: 1rem;
	opacity: 1 !important;
	visibility: visible !important;
}

.industrial-park__button {
	border-radius: 0.625rem;
	background: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 3.8125rem;
	min-width: 11.25rem;
	transition: 0.3s ease-in-out;
	flex-shrink: 0;
	padding: 1rem;
}
.industrial-park__button img {
	width: 1.75rem;
	height: 1.75rem;
	object-fit: contain;
	margin-right: 0.75rem;
	filter: brightness(0) saturate(100%) invert(6%) sepia(23%) saturate(4905%)
		hue-rotate(188deg) brightness(97%) contrast(103%);
	opacity: 0.54;
}
.industrial-park__button p {
	color: var(--text-text-grey-54, rgba(0, 18, 36, 0.54));
	font-size: 1rem;
	font-style: normal;
	font-weight: 600;
	line-height: 3.80525rem; /* 380.522% */
	transition: 0.3s ease-in-out;
}

.industrial-park__button:hover {
	background: #ececec;
}
.industrial-park__button.active {
	background: var(--Shinnec-Color-Secondary-Blue--1000, #014588);
}
.industrial-park__button.active img {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%)
		hue-rotate(24deg) brightness(104%) contrast(101%);
	opacity: 1;
}
.industrial-park__button.active p {
	color: #fff;
}


@media (max-width: 639.98px) {
	#industrial-park-nav {
		width: 100%;
		bottom: 0rem;
		overflow-x: auto;
		transform: translate(-50%, 100%);
		border-radius: 0rem;
		padding: 0rem;
		scrollbar-width: none; /* Firefox */
		-ms-overflow-style: none; /* IE & Edge */
		box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.10);
		border: 0;
	}
	#industrial-park-nav::-webkit-scrollbar {
		display: none; /* Chrome, Safari, Edge */
	}
	#industrial-park-nav.visible {
		bottom: 0rem;
		transform: translate(-50%, 0%);
	}
	.industrial-park__button {
		display: flex;
		flex-direction: column;
		min-width: auto;
		height: auto;
		padding: 0.75rem;
		flex-shrink: 0;
		border-radius: 0rem;
	}
	.industrial-park__button img {
		margin-right: 0;
		width: 1.25rem;
		height: 1.25rem;
		margin-bottom: 0.5rem;
	}
	.industrial-park__button p {
		font-size: 0.75rem;
		font-style: normal;
		font-weight: 500;
		line-height: 140%; 
		letter-spacing: -0.039rem;
	}
}