.elementor-element-539bdbe.puiki-services-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0;
	width: 100%;
}

#puiki-auto-services.puiki-services-server {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: min(1280px, calc(100% - 40px));
	margin: 44px auto 80px;
	overflow: hidden;
	border-radius: 4px;
}

.puiki-services-overview {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: min(1280px, calc(100% - 40px));
	margin: 44px auto 80px;
	overflow: hidden;
	border-radius: 4px;
}

.puiki-service-card {
	position: relative;
	display: flex;
	flex: 0 0 20%;
	align-items: flex-end;
	justify-content: flex-start;
	min-width: 0;
	aspect-ratio: 1 / 1.08;
	padding: clamp(18px, 2.2vw, 34px);
	overflow: hidden;
	background-color: #173427;
	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.02) 45%, rgba(0, 0, 0, 0.72) 100%);
	background-position: center;
	background-size: cover;
	color: #fff;
	text-decoration: none;
	isolation: isolate;
}

.puiki-service-card::after {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0);
	transition: background-color .25s ease;
	z-index: -1;
}

.puiki-service-card:hover::after,
.puiki-service-card:focus-visible::after {
	background: rgba(0, 0, 0, .16);
}

.puiki-service-card span {
	font-family: inherit;
	font-size: clamp(25px, 2.2vw, 42px);
	font-weight: 700;
	line-height: 1.02;
	color: #fff;
	text-wrap: balance;
	text-shadow: 0 2px 18px rgba(0, 0, 0, .45);
}

@media (max-width: 1024px) {
	.puiki-service-card { flex-basis: 33.3333%; }
}

@media (max-width: 767px) {
	.puiki-service-card { flex-basis: 50%; }
	.puiki-service-card span { font-size: clamp(22px, 6vw, 30px); }
}

@media (max-width: 460px) {
	.puiki-service-card { flex-basis: 100%; }
	.puiki-service-card { aspect-ratio: 1.35 / 1; }
}