/* Custom Tailwind Classes */

/* Global styles */
.bg-white {
	background-color: #ffffff;
}

.py-12 {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

.max-w-7xl {
	max-width: 80rem;
}

.mx-auto {
	margin-left: auto;
	margin-right: auto;
}

.px-4 {
	padding-left: 1rem;
	padding-right: 1rem;
}

.sm\:px-6 {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.lg\:px-8 {
	padding-left: 2rem;
	padding-right: 2rem;
}

.text-3xl {
	font-size: 1.875rem; /* 30px */
}

.font-extrabold {
	font-weight: 800;
}

.text-gray-900 {
	color: #1a202c; /* Dark gray */
}

.sm\:text-4xl {
	font-size: 2.25rem; /* 36px */
}

.mt-4 {
	margin-top: 1rem;
}

.text-lg {
	font-size: 1.125rem; /* 18px */
}

.text-gray-600 {
	color: #4a5568; /* Medium gray */
}

.mt-10 {
	margin-top: 2.5rem;
}

.grid {
	display: grid;
}

.grid-cols-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sm\:.grid-cols-1 {
	grid-template-columns: repeat(1, minmax(0, 1fr));
}

.gap-6 {
	gap: 1.5rem;
}

.md\:grid-cols-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.lg\:grid-cols-4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.flex {
	display: flex;
}

.justify-center {
	justify-content: center;
}

.items-center {
	align-items: center;
}

.p-4 {
	padding: 1rem;
}

.hover\:shadow-sm:hover {
	box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1);
}

.hover\:bg-primary:hover {
	background-color: rgba(255, 128, 0, 0.25);
}

.hover\:shadow-lg:hover {
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}

.rounded-lg {
	border-radius: 0.5rem; /* 8px */
}

.h-16 {
	height: 4rem; /* 64px */
}

.object-contain {
	object-fit: contain;
}

.hover-transition {
	transition: all 0.3s ease-out; /* Applies transition to all properties */
}

.card-carousel {
	padding-left: 1rem; /* Space for shadows */
	padding-right: 1rem;
}



.hover-transition:hover {
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* Smooth shadow */
	transition: all 0.3s ease-out;
}