#culturalCarousel .carousel-indicators [data-bs-target] {
            background-color: #929292ff !important;
            opacity: 1;
            /* make them fully visible */
        }

        #culturalCarousel .carousel-indicators .active {
            background-color: #000 !important;
            /* active dot */
        }

        /* Target the bars specifically */
        .carousel-indicators [button],
        .carousel-indicators button {
            width: 40px !important;
            height: 6px !important;
            background-color: #000 !important;
            /* Black bars */
            border: none;
            opacity: 0.2;
            /* Inactive bars are faint */
            transition: opacity 0.3s ease;
        }

        /* This targets the specific bar when the slide is active */
        .carousel-indicators .active {
            opacity: 1 !important;
            /* Active bar is solid */
        }

        .section-heading {
            font-family: 'Playfair Display', serif;
            font-size: 2.5rem;
            /* Adjust based on preference */
            font-weight: 700;
            letter-spacing: -0.5px;
            margin-bottom: 10px;
        }

        /* Optional: Italicize "World" for that extra Didone flair */
        .section-heading em {
            font-style: italic;
            font-family: 'Playfair Display', serif;
        }

        /* Custom class to achieve 8 items per row on large screens */
        @media (min-width: 1200px) {
            .col-lg-custom {
                flex: 0 0 auto;
                width: 12.5%;
                /* 100% / 8 = 12.5% */
            }
        }

        /* Hover effect to bring back color/clarity */
        .col-lg-custom img:hover {
            filter: grayscale(0%);
            opacity: 1;
        }