@media (max-width: 768px) {
	/* Ensure grid layout for the gallery */
	.mobile-grid-2x2 {
		display: grid !important;
	/* Force grid layout */
		grid-template-columns: repeat(2, 1fr) !important;
	/* 2 equal columns */
		gap: 1rem;
	/* Space between items */
		justify-items: center;
	/* Center content horizontally in grid cells */
		align-items: center;
	/* Center content vertically in grid cells */
		text-align: center;
	/* Center align all grid items */
	}
	
	/* Ensure images are centered and scale properly */
	.mobile-grid-2x2 img {
		width: 100%;
	/* Ensure images fill their container */
		height: auto;
	/* Maintain aspect ratio */
		max-width: 100%;
	/* Prevent images from overflowing */
		object-fit: contain;
	/* Prevent image cropping */
		margin: 0 auto;
	/* Center images inside grid items */
	}
	
	/* No-crop images (same behavior as above but with specific handling) */
	.no-crop img {
		display: block;
		margin: 0 auto;
	/* Center the images */
		object-fit: contain;
	/* Prevent cropping */
	}
	
	/* Stack testimonials vertically */
	.stack-testimonials {
		display: flex;
		flex-direction: column;
		gap: 2rem;
	}
	
	/* Adjust spacer height on mobile */
	.mobile-spacer {
		height: 42px !important;
	}
	
	/* Reverse the order of elements if needed */
	.reverse-mobile {
		display: flex;
		flex-direction: column-reverse;
	}
	
	/* Ensure grid items behave properly */
	.mobile-grid-2x2 > * {
		box-sizing: border-box;
	/* Ensure padding doesn't break layout */
	}
}

@media (max-width: 768px) {
	.mobile-padding-image {
		padding: 20px;
	/* Adjust the padding value as needed */
	}
}

.hidden-on-all-devices {
	display: none !important;
}

.my-sticky-nav {
	position: sticky;
/* Enables sticky positioning */
	top: 0;
/* Keeps the navigation bar at the top of the viewport */
	z-index: 9999;
/* Ensures it stays above other elements */
	background-color: #fff;
/* Optional: Ensures the navigation has a background */
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
/* Optional: Adds a shadow for better visibility */
}