.section-services-grid .text-xl {
	max-width: 1014px;
}
.services-grid {
	display: flex;
	flex-wrap: wrap;
	gap: var(--defaultColumnGap);
}
.service-item {
	border-radius: var(--borderRadiusDefault);
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}
.services-grid > div:nth-child(1) {
	flex: 0 0 calc(28.3% - (2 * var(--defaultColumnGap) / 3));
}

.services-grid > div:nth-child(2) {
	flex: 0 0 calc(38.4% - (2 * var(--defaultColumnGap) / 3));
}

.services-grid > div:nth-child(3) {
	flex: 0 0 calc(33.3% - (2 * var(--defaultColumnGap) / 3));
}
/* Items 4–7 → bottom row */
.services-grid > div:nth-child(n+4) {
	flex: 1 1 calc((100% - (3 * var(--defaultColumnGap))) / 4);
}
.service-item{
	height: 17.75rem;
}
.service-item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.service-item a:not(.btn){
	letter-spacing: 0;
	position: absolute;
	left: 0;
	padding: 2.5rem;
	color: var(--white);
	top: 0;
	display: flex;
	align-items: flex-end;
	width: 100%;
	height: 100%;
	transition: all 0.3s ease;
	z-index: 1;
}
.service-item a:not(.btn)::after{
	content: "\e905";
	position: absolute;
	right: 2.5rem;
	top: 2.5rem;
	transition: all 0.3s ease;
	font-family: "i2c-font" !important;
	font-size: 1.5rem;
	color: var(--white);
	opacity: 0;
}
.service-item a:not(.btn):hover,
.service-item a:not(.btn):focus{
	background: rgba(20, 52, 203, 0.80);
}
.service-item a:not(.btn):hover:after,
.service-item a:not(.btn):focus:after{
	color: var(--white);
	opacity: 1;
}
.section-services-grid .slick-list {
	margin-inline: calc(-1 * var(--gutterWidth));
	padding-inline: var(--gutterWidth);
}
@media screen and (max-width: 1600px) {
	.section-services-grid .text-xl {
		max-width: 808px;
	}
	.services-grid > div:nth-child(-n+3) {
		flex: 1 1 calc((100% - (2 * var(--defaultColumnGap))) / 3);
	}
}
@media screen and (max-width: 1199px) {
	.services-grid .service-item:nth-child(-n+4) {
		flex: 1 1 calc((100% - var(--defaultColumnGap)) / 2);
	}
	.services-grid .service-item:nth-child(n+5) {
		flex: 1 1 calc((100% - (2 * var(--defaultColumnGap))) / 3);
	}
	.service-item a:not(.btn){
		padding: 1.5rem;
	}
	.service-item a:not(.btn)::after{
		right: 1.5rem;
		top: 1.5rem;
	}
	.section-services-grid .text-xl {
		max-width: 852px;
	}
	.service-item a:not(.btn)::after{ opacity: 1; }
}
@media screen and (max-width: 991px) {
	.services-grid .service-item:nth-child(n+5) {
		height: 13.25rem;
	}
}
@media screen and (max-width: 767px) {
	.services-grid {
		display: block;
	}
	.services-grid .service-item{
		height: 10.75rem !important;
		flex: 0 0 18.25rem !important;
	}
	.services-grid .slick-track {
		display: flex;
		gap: var(--defaultColumnGap);
	}
	body .services-grid .slick-dots {
		padding: 1.5rem 0 0;
	}
	.section-services-grid{
		overflow: hidden;
	}
}