/* Overlapping Content Box (BeTheme Accurate Style) */
.centered-image-block {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.img-straight {
    width: 100%;
    height: 650px; /* Enlarge height */
    object-fit: cover; 
    display: block;
    border-radius: 0 !important;
    box-shadow: 0 15px 40px rgba(0,0,0,0.05);
    transform: scaleX(-1);
}

.floating-overlap-box {
    position: absolute;
    bottom: -80px; /* Increased overlap for larger box */
    right: 0; 
    left: auto; 
    top: auto;
    transform: none;
    background-color: rgba(27, 27, 27, 0.95); 
    padding: 80px; /* More breathing room inside */
    width: 600px; /* Enlarge box width */
    box-shadow: 0 30px 60px rgba(0,0,0,0.2); 
    z-index: 20;
    border-radius: 0 !important;
    color: #fff; 
}

/* Ensure text inside is visible */
.floating-overlap-box h3, 
.floating-overlap-box p,
.floating-overlap-box .uptitle {
    color: #fff !important;
}

.floating-overlap-box .uptitle {
    color: var(--neon) !important;
}

/* Responsive adjustment */
@media (max-width: 1100px) {
    .floating-overlap-box {
        position: relative;
        top: 0;
        right: 0;
        transform: none;
        width: 100%;
        margin-top: -50px;
        padding: 40px;
    }
}