.my-container {
	width: 100%;
}
.gap-5 {
	gap: 5rem;
}

.bg-purple {
	background-color: #6b047c !important;
}

.h-12 {
	height: 3rem;
}

.h-1 {
	height: 0.25rem;
}

.bg-purple-light {
	background-color: #f0e6f2;
}

.bg-purple-dark {
	background-color: #6b047c;
}

@media (min-width: 640px) {
	.my-container {
		max-width: 640px;
	}
}

@media (min-width: 768px) {
	.my-container {
		max-width: 768px;
	}
}

@media (min-width: 1024px) {
	.my-container {
		max-width: 1024px;
	}
}

@media (min-width: 1280px) {
	.my-container {
		max-width: 1280px;
	}
}

@media (min-width: 1536px) {
	.my-container {
		max-width: 1536px;
	}
}