.container-b {
    max-width: 950px;
}

.barra {
    vertical-align: top;
    border-style: none;
    width: 100%;
    height: 25px;
}

.navbar-expand-lg .navbar-nav {
   
    padding-top: 10px;
}

.container {
    
    padding-bottom: 10px;
}


#desc-text-img-7 .bg-wrap {
    background-color: #2b2b2b;
}
#action-img-text-btn .bg-wrap {
    background-color: #2b2b2b;
}
#action-img-text-btn--0 .bg-wrap {
    background-color: #2b2b2b;

}

#action-img-text-btn-2.bg-wrap {
    background-color: #2b2b2b;

}
#clients-4col .bg-wrap{
    background-color: #222;
}
#header-text .bg {
    background-image: url('../images/bg-46.jpg');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    opacity:1.00;
}

.back  {
    background-image: url('../images/bg-46.jpg');
    padding-top: 200px;
    padding-bottom: 200px;
    opacity:0.25;
    z-index: 10;
}



.logo-overlay {
    padding: 0rem 3rem 1rem;
    position: absolute;
    top: 0;
    left: -20px;
    z-index: 100; /* Ajusta este valor para controlar la superposición */
}

.content-box.with-background {
    position: relative;
    overflow: hidden;
}

.content-box.with-background::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    transition: opacity 0.3s ease; /* Transición suave */
    opacity: 0; /* Inicialmente transparente */
}

.content-box.with-background:hover::before {
    opacity: 1; /* Mostrar el oscurecimiento al pasar el ratón */
}

/* Resto de tu CSS aquí */