#v-app-sections {
	--border-color: #ECEEF1;
}
#v-app-sections h1 {
	font-size: 26px;
}
#v-app-sections h2 {
	margin: 0;
}
#v-app-sections section {
	margin: 20px 0px;
}
#v-app-sections section nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#v-app-sections section nav a {
	font-weight: 600;
}
#v-app-sections section > ul {
	display: flex;
	gap: 20px;
	padding: 20px 0;
	flex-wrap: wrap;
}
#v-app-sections section > ul > li {
	flex-basis: 23%;
	min-width: 200px;
	max-width: 200px;
}
#v-app-sections h1 + section {
	border-bottom: 1px solid var(--border-color);
}
#v-app-sections h1 + section:last-child {
	border: none;
}

@media (max-width: 768px) {
	#v-app-sections section > ul {
		justify-content: center;
	}
	#v-app-sections section > ul > li {
		max-width: 300px;
	}
}

@media (max-width: 900px) {
	#v-app-sections section > ul {
		justify-content: center;
	}
	#v-app-sections section > ul > li {
		max-width: 300px;
	}
}

@media (max-width: 1024px) {
	#v-app-sections section > ul > li {
		flex-basis: 50%;
	}
}

@media (max-width: 1285px) {
	#v-app-sections section > ul {
		column-gap: 50px;
	}
	#v-app-sections section > ul > li {
		flex-basis: 50%;
		min-width: 260px;
    max-width: 260px;
	}
}

.header-wrapper .custom-hero-bg {
  top: -370px;
}