.target-selectors {
    position: relative;
	display: flex;
	flex-wrap: wrap;
    width: 100%;
	max-width: 100%;
	height: 100%;
    color: #fff;
    overflow: hidden;
	font-family: "Proxima Nova", "Proxima Nova Rg", proxima-nova, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: background-image 0.5s ease-in-out;
}

.target-selectors:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
}

.target-selectors .column-item {
	flex: 1;
    position: relative;
    cursor: pointer;
	min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    text-align: left;
    z-index: 2;
    color: #fff;
	border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.column-item .bg-color {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    pointer-events: none;
    z-index: 1;
}

.column-item:hover .bg-color,
.column-item.active .bg-color {
    opacity: 1;
}

.target-selectors .column-item > a {
	display: flex;
	align-items: flex-end;
    width: 100%;
    height: 100%;
	z-index: 1;
	padding: 30px 20px;
	padding: clamp(20px, 2.344vw, 30px) clamp(12px, 1.563vw, 20px);
}

.column-icon > img,
.column-icon > * {
	position: absolute;
    z-index: 4;
    opacity: 1;
	width: clamp(32px, 3.75vw, 48px);
    height: clamp(32px, 3.75vw, 48px);
    top: clamp(12px, 1.563vw, 20px);
    margin-top: clamp(12px, 1.563vw, 20px);
	transform-origin: top left;
	transition: transform 0.3s ease;
}

.column-item:hover .column-icon > img,
.column-item:hover .column-icon > *,
.column-item.active .column-icon > img,
.column-item.active .column-icon > * {
	transform: scale(1.6);
	
}

.target-selectors p.pretitle {
	color: rgba(255,255,255,0.8) !important;
	font-weight: 500;
	line-height: 1.17;
    letter-spacing: 0.28px;
    text-transform: uppercase;
    margin-bottom: clamp(8px, 0.781vw, 12px);
}

.target-selectors p {
	font-size: 0 !important;
	opacity: 0;
	font-weight: 400;
	color: #fff !important;
	line-height: 1.42;
	letter-spacing: -0.065px;
	margin-bottom: clamp(12px, 1.563vw, 20px);
	transition: opacity 0.3s ease-in-out;
}

.target-selectors h3 {
	z-index: 2;
    position: relative;
    color: #fff !important;
	font-family: "Neulis Neue", "neulis-neue", neulis-neue, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
	font-size: max(24px, 1.875vw) !important;
	font-weight: 500;
	line-height: 1.2;
    letter-spacing: 0.2px;
	margin-bottom: clamp(10px, 1.563vw, 20px);
    text-align: left;
	animation-name: flash;
	animation-duration: 0.303s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}

.target-selectors .column-item:hover h3,
.target-selectors .column-item.active h3 {
	font-size: max(32px, 2.75vw) !important;
	font-weight: 500;
	line-height: 1.19;
    margin-bottom: clamp(8px, 1.172vw, 16px);
}

@keyframes flash {
	0% {
		opacity: 0;
	}
	99% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.target-selectors .cta {
	opacity: 0;
	font-size: 0 !important;
	font-weight: 400;
	color: #fff !important;
	text-transform: uppercase;
	transition: opacity 0.3s ease-in-out;
}

.target-selectors .column-item:hover .cta,
.target-selectors .column-item.active .cta {
	opacity: 1;
	font-size: max(14px, 1.094vw) !important;
}

.target-selectors .cta .fas {
	font-size: 0.78vw;
}

.target-selectors .column-item:hover .cta .fas,
.target-selectors .column-item.active .cta .fas {
	transform: rotate(-45deg);
	transition: transform 0.3s ease-in-out, opacity 0s ease-in-out;
}

@media (max-width: 1024px) {
	.target-selectors .column-item {
		flex-basis: 50%;
		flex-grow: 1;
		max-width: 50%;
		height: clamp(350px, 75vh, 450px) !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	}
}

@media (min-width: 1025px) {
	.target-selectors {
		height: clamp(520px, 60vh, 575px) !important;
		min-height: 75vh;
		flex-wrap: nowrap;
        align-items: stretch;
	}
	
	.target-selectors p {
		transition: opacity 0.4s ease-in-out, transform 0.3s ease, font-size 0s ease, margin 0s ease;
		transform: translateY(100%);
	}

	.target-selectors .column-item:hover p,
	.target-selectors .column-item.active p {
		opacity: 1;
		font-size: max(13px, 1.016vw) !important;
		transform: translateY(0);
	}
	
	.target-selectors .column-item:hover p.pretitle,
	.target-selectors .column-item.active p.pretitle {
		font-size: max(14px, 1.094vw) !important;
	}
	
	.target-selectors h3 {
		margin-bottom: -10px;
		padding-bottom: 0;
		transition: flash .303s ease-in-out, font-size 0s ease, margin 0.3s ease, padding 0.3s ease;
	}
	
	.target-selectors .column-item:hover h3,
	.target-selectors .column-item.active h3 {
		padding-bottom: 10px;
	}
}

@media (min-width: 1280px) {
	.target-selectors {
		height: clamp(620px, 60vh, 675px) !important;
	}
}