.bulb-section {
    padding: 8rem 0;
    /*background-color: black;*/
    background-size: auto 100%;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    background-blend-mode: screen
}

.bulb-section-content h2, 
.bulb-section-content h3 {
    font-family: 'Orbitron', 'Oxanium', sans-serif;
    font-size: clamp(2rem, 4vw, 3.5rem);
    line-height: 1.1;
    color: #ffffff; /* White title like in the reference */
    margin-bottom: 2rem;
    font-weight: 700;
}

.bulb-section-content h5 {
    color: #9bdd22;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.1em;
    font-size: 1.1rem;
    margin-bottom: 1.5rem;
}

.bulb-section-content p {
    font-size: 1.15rem;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.8;
    margin-bottom: 1.5rem;
}

.z-index-2 {
    z-index: 2;
}

/* Adjust for smaller screens */
@media (max-width: 991px) {
    .bulb-section {
        background-position: center right -200px;
        background-size: cover;
        padding: 5rem 0;
    }
    
    .bulb-section::before {
        content: '';
        position: absolute;
        inset: 0;
        background-color: rgba(7, 16, 7, 0.85); /* Dim the bulb on mobile so text is legible */
        pointer-events: none;
        z-index: 1;
    }
}