
.carousel-item img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
	.carousel-caption {
		position: absolute;
		top: 60%;
		/* Align vertically */
		left: 5%;
		/* Adjust horizontally */
		transform: translateY(-50%);
		text-align: left;
		padding-left: 20px;
		width: 90%;
		/* Ensures it scales properly */
	}

	/* Adjustments for Smaller Screens */
	@media (max-width: 768px) {
		.carousel-caption {
			top: 65%;
			/* Move higher on small screens */
			left: 5%;
			transform: translateY(-40%);
			text-align: center;
			/* Center text for better readability */
			width: 100%;
			padding-left: 0;
			/* Remove extra padding */
		}

		.custom-heading {
			font-size: 16px;
			/* Reduce font size on small screens */
		}

		.display-6 {
			font-size: 20px;
			/* Adjust heading size */
		}
	}

	@media (max-width: 480px) {
		.carousel-caption {
			top: 70%;
			transform: translateY(-35%);
		}

		.custom-heading {
			font-size: 14px;
			/* Further reduce */
		}

		.display-6 {
			font-size: 16px;
		}
	}


	.custom-heading {
		font-size: 16px;
		font-weight: 500;
		color: white;
		text-transform: uppercase;
	}
