.integration {
	padding: 60px 0;
}

.integration .title {
	color: #30466d;
	font-size: 40px;
	line-height: 52px;
	margin-bottom: 32px;
}

.integration .description {
	color: #30466d;
	font-size: 17px;
	line-height: 176%;
}

.integration .integration-wrapper {
	display: flex;
	align-items: center;
	gap: 120px;
	margin-bottom: 72px;
}

.integration .integration-wrapper:after {
	content: none;
}

.integration .integration-block.block-title {
	flex-basis: 40%;
}

.integration .integration-block.block-content {
	flex-basis: 60%;
}

.integration .integration-item {
	padding: 32px 0;
	border-bottom: 1px solid rgba(101, 123, 160, .3);
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.integration .integration-item:last-child {
	border: none;
}

.integration .integration-item h3 {
	color: #30466d;
	font-size: 26px;
	font-weight: 600;
	line-height: 33.8px;
}

.integration .integration-item h5 {
	color: #30466d;
	font-size: 19px;
	font-weight: 500;
	line-height: 33.44px;
}

.integration .integration-link {
	position: relative;
}

.integration .integration-link:not([href="javascript:void(0)"]):after {
	content: url("https://cdn-cahge.nitrocdn.com/mAPkqokVpTrmAtoawHbGRdGNnCYBNdZh/assets/images/optimized/rev-604eda1/elogic.co/wp-content/themes/elogic/resources/images/svg/arrow-to-right.svg");
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.integration .integration-link[href="javascript:void(0)"] {
	cursor: default;
}

.integration .integration-systems {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.integration .integration-systems .system-item {
	height: 76px;
}

.integration .integration-systems .system-item img {
	height: 100%;
}

@media screen and (max-width: 768px) {
	.integration {
		padding: 60px 0;
	}
	
	.integration .title {
		color: #30466d;
		font-size: 32px;
		line-height: 42px;
		margin-bottom: 16px;
	}
	
	.integration .integration-wrapper {
		flex-wrap: wrap;
		gap: 8px;
		margin-bottom: 16px;
	}
	
	.integration .integration-item {
		padding: 24px 0;
	}
	
	.integration .integration-item h3 {
		font-size: 22px;
		line-height: 38.72px;
	}
	
	.integration .integration-item h5 {
		font-size: 15px;
		line-height: 26.4px;
	}
	
	.integration .integration-block.block-title {
		flex-basis: 100%;
	}
	
	.integration .integration-block.block-content {
		flex-basis: 100%;
	}
	
	.integration .integration-systems {
		display: block;
	}
	
	.integration .integration-systems.slick-initialized .slick-list {
		overflow: visible;
	}
	
	.integration .integration-systems.slick-initialized .slick-track {
		display: flex;
		gap: 50px;
	}
	
	.integration .integration-systems.slick-initialized .slick-track:before {
		content: none;
	}
	
	.integration .integration-systems.slick-initialized .slick-slide {
		height: 52px;
		width: auto;
	}
	
	.integration .integration-systems.slick-initialized .slick-dots {
		display: flex;
		gap: 20px;
		width: 100%;
		margin-top: 20px;
	}
	
	.integration .integration-systems.slick-initialized .slick-dots li button {
		border: 0;
		background: rgba(48, 70, 109, .2);
		width: 7px;
		height: 7px;
		border-radius: 100%;
		transition: background .3s ease;
		font-size: 0;
	}
	
	.integration .integration-systems.slick-initialized .slick-dots li.slick-active button {
		background-color: #30466d;
	}
}