.home-section-dark {
	background-color: var(--main-900, #1A1A1A);
	color: var(--main-0, #FFFFFF);
	overflow: hidden;
	padding: 120px 0 160px;
	position: relative;
}

.home-section-dark .bg-images {
	bottom: 0;
	display: flex;
	position: absolute;
	right: 0;
	z-index: 1;
}

.home-section-dark .bg-images img {
	height: auto;
	width: 60%;
}

.home-section-dark .bg-images img:first-child {
	margin-right: -180px;
}

.home-section-dark .container {
	position: relative;
	z-index: 2;
}

.home-section-dark .section-title {
	color: var(--main-0, #FFFFFF);
	display: block;
	font-family: 'Stag LCG', serif;
	font-size: var(--heading-font-size-large);
	font-weight: 600;
	line-height: 1.05;
	margin: 0 0 80px 0;
	text-align: left;
}

.home-section-dark .section-title .highlight {
	color: var(--secondary-blue-1000, #009EFF);
}

.home-section-dark .steps-grid {
	display: grid;
	gap: 30px;
	grid-template-columns: repeat(4, 1fr);
	margin-bottom: 80px;
}

.logged-in .home-section-dark .steps-grid{margin-bottom:0}

.home-section-dark .step-card {
	background-color: var(--main-800, #333333);
	border-radius: 2px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	justify-content: flex-start;
	padding: 30px;
}

.home-section-dark .step-number {
	color: var(--secondary-blue-1000, #009EFF);
	font-family: Inter, sans-serif;
	font-size: 24px;
	font-weight: 400;
	line-height: 1.2;
	margin: 0;
}

.home-section-dark .step-title {
	color: var(--main-0, #FFFFFF);
	font-family: 'Stag LCG', serif;
	font-size: var(--font-size-h-2);
	font-weight: 400;
	line-height: 1.2;
	margin: 0;
}

.home-section-dark .step-description {
	color: var(--main-300, #B2B2B2);
	font-family: Inter, sans-serif;
	font-size: var(--font-size-h-6);
	font-weight: 300;
	line-height: 1.4;
}

.cta-section span {
	color: var(--main-0, #FFFFFF) !important;
}
.cta-section .arrow-link span {
    margin-bottom: 0;
    max-width: 350px;
}

@media (max-width: 1599px) {
	.home-section-dark {padding: 60px 0 80px}
	.home-section-dark .section-title{margin-bottom:60px}
}

@media (max-width: 1024px) {
	.home-section-dark .steps-grid {gap: 20px;grid-template-columns:repeat(2, 1fr)}	
}

@media (max-width: 767px) {
	.home-section-dark .step-card{ gap:10px}
	.home-section-dark .steps-grid {gap:10px;grid-template-columns: 1fr}
}
