.wrap-6 {
/*	padding: 110px 30px; */
	padding: 80px 30px 50px;
	text-align: center;
}
.wrap-6 h2 {
	padding-bottom: 60px;
}
.desktopImgs {
	display: flex;
	gap: 60px;
	justify-content: center;
	padding-bottom: 60px;
}
.desktopImgs img {
	width: calc(25% - 60px);
}
@media (max-width: 1100px) {
	.desktopImgs {
		flex-wrap: wrap;
	}
	.desktopImgs img {
		width: unset;
		max-width: 300px;
	}
}
@media (max-width: 767px) {
	.wrap-6 {
		padding: 60px 0 !important;
	}
	.wrap-6 h2 {
		padding: 0 30px 25px !important;
    	margin: auto;
	}
	.imgs img {
		width: 100%;
	}
	.rectangles {
		display: flex;
		padding-bottom: 30px;
	}
	.rectangle {
		cursor: pointer;
		height: 10px;
		width: 25%;
		background-color: var(--ast-global-color-2);
		transition: background-color 0.6s ease;
		border: 1px solid var(--ast-global-color-1);
	}
	.active {
		background-color: var(--ast-global-color-0);
	}
}