@media (max-width:991px) {
    body.poster {
        margin-top: 40vh;
    }
}

body.poster {
    background-attachment: fixed;
}

.img-hover-effect {
    transition: all 0.3s ease;

    /* Smooth transition for all changes */
}

.img-hover-effect:hover {
    transform: scale(1.1);

    /* This will make the image grow slightly */
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);

    /* Adds a subtle shadow */
}

.bg-image {
    background-image: url('your-image-url.jpg');
    background-size: cover;
    background-position: center;
    height: 300px;

    /* Adjust the height as needed */
    position: relative;
    color: white;

    /* Text color */
}

@media only screen and (max-width:575px) {
    .list-group-item span {
        font-size: 1em;
        color: #f7b500;
    }
}

.gallery-item {
    overflow: hidden;

    /* Ensures image doesn’t spill out on hover */
    border-radius: 8px;

    /* Rounded corners */
}

.gallery-item img {
    transition: transform 0.3s ease;

    /* Smooth grow effect */
}

.gallery-item:hover img {
    transform: scale(1.1);

    /* Grows 10% on hover */
}

/* Responsive adjustments */
@media (max-width: 575px) {
    .gallery-item {
        margin-bottom: 15px;

        /* Extra spacing on small screens */
    }
}

.carousel-item {
    background-size: cover;
    background-position: center;
    min-height: 400px;
    position: relative;
}

.carousel-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);

    /* Semi-transparent overlay for readability */
    z-index: 1;
}

.carousel-item .d-flex {
    position: relative;
    z-index: 2;
    min-height: 400px;
    align-items: center;
}

.carousel-item .lead {
    font-size: 1.5rem;
    font-weight: 500;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}

.carousel-item .fw-bold {
    color: #ffc107;

    /* Matches text-warning from landing page */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}