.carousel-item {
    height: 80vh;
    background-size: cover;
    background-position: center;
}
.carousel-caption {
    bottom: 20%;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

.main-heading {
    font-weight: bold;
    color: #5e1181; /* Darker color for better visibility */
    margin-bottom: 20px; /* Space below the heading */
}
/* SERVICE CSS */
.service-section {
    text-align: center;
    margin-bottom: 30px; /* Space below each service */
}

.service-image {
    width: 100%; /* Make image responsive */
    max-width: 200px; /* Set max width for larger screens */
    height: auto; /* Maintain aspect ratio */
    border-radius: 8px; /* Rounded corners */
    transition: transform 0.3s, box-shadow 0.3s; /* Smooth transition */
}

.service-image:hover {
    transform: scale(1.05); /* Slightly scale up on hover */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* Shadow effect on hover */
}

.service-description {
    margin-top: 10px; /* Space between image and text */
    font-size: 1.1rem; /* Slightly larger font for description */
    color: #333; /* Darker text color */
}
/* BROCHURE */
.container_b {
width: 90%;;
margin: 0 auto; /* Center the container */
padding: 40px; /* Padding around the container */
}

.image-container_b {
position: relative; /* Position for the overlay */
overflow: hidden; /* Ensure content stays within bounds */
border-radius: 8px; /* Rounded corners */
transition: transform 0.3s, box-shadow 0.3s; /* Smooth transition */
margin-bottom: 20px; /* Space below each image */
}

.image-container_b:hover {
transform: scale(1.05); /* Slightly scale up on hover */
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); /* Shadow effect on hover */
}

.img-fluid {
width: 100%; /* Responsive image */
height: 300px; /* Fixed height for uniformity */
object-fit: cover; /* Cover the container without distortion */
border-radius: 8px; /* Rounded corners */
}

.cylindrical-text_b {
position: absolute; /* Positioning the text over the image */
bottom: 15px; /* Align at the bottom */
left: 50%; /* Center horizontally */
transform: translateX(-50%); /* Adjust to center */
background: #dc3545; /* Semi-transparent background */
color: white; /* White text color */
padding: 5px 10px; /* Padding around text */
border-radius: 20px; /* Rounded edges */
font-weight: bold; /* Bold text */
transition: background 0.3s; /* Smooth background change */
}

.cylindrical-text_b:hover {
background: rgba(255, 255, 255, 0.8); /* Change to lighter background on hover */
color: #333; /* Change text color on hover */
}

.centered-text_b {
position: absolute; /* Center text on the image */
top: 50%; /* Center vertically */
left: 50%; /* Center horizontally */
transform: translate(-50%, -50%); /* Adjust to center */
text-align: center; /* Center the text */
margin-top: 10px; /* Space above the text */
font-size: 1.5rem; /* Font size for the location names */
color: #fff; /* White text color for visibility */
font-weight: bold;
}


/* Media queries for smaller devices */
@media (max-width: 768px) {
.centered-text_b {
font-size: 1rem; /* Adjust font size for smaller screens */
}
}

/* CLOSED */

/* Media queries for smaller devices */
@media (max-width: 768px) {
.centered-text_b {
font-size: 1rem; /* Adjust font size for smaller screens */
}
}

@media (max-width: 991px) { /* For small screens and below */

    .carousel {
        margin-top: 150px;
    }
}