.breadcam_bg_2 {
    background-image: url(../../../img/banner/ladimora_bg.jpg) !important;
    position: relative; /* Necessario per posizionare l'overlay assoluto al suo interno */
    z-index: 1;
}

.breadcam_bg_2::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Stessa sfumatura dello slider: parte dal blu notte (#002040) al 70% di opacit� in alto e diventa trasparente in basso */
    background: linear-gradient(to bottom, rgba(0, 32, 64, 0.7) 0%, rgba(0, 32, 64, 0) 100%);
    z-index: 2; /* Sta sopra l'immagine di sfondo */
    pointer-events: none; /* Evita di bloccare eventuali click o interazioni sulla sezione */
}

/* Assicura che il testo all'interno del banner rimanga sopra l'overlay e sia leggibile */
.breadcam_bg_2 .brading_text, 
.breadcam_bg_2 .breadcam_text,
.breadcam_bg_2 h3, .breadcam_bg_2 h1,
.breadcam_bg_2 p {
    position: relative;
    z-index: 3; /* Superiore all'overlay per risaltare al massimo */
}

.section_preft {
    padding: 160px 0;
    margin-top: 0px;
    background-position-y: center;
}

.img-absolute-l {
    position: absolute;
    bottom: -100px;
    left: -100px;
}

.img-absolute-l  img {
    max-width: 250px;
    border-radius: 50%;
    border: 10px solid #f2f4fb;
    height: auto;
}

.img-absolute {
    position: absolute;
    bottom: -63px;
    right: -100px;
}

.img-absolute img {
    max-width: 250px;
    border-radius: 50%;
    border: 10px solid #f2f4fb;
    height: auto;
}

/* 1. Forza le colonne a far allungare i box alla stessa altezza */
.servizi-section.row > [class*="col-"] {
    display: flex;
    flex-direction: column;
}

/* 2. Stile per il singolo box del servizio */
.servizi-section .single_service_box {
    background-color: #ffffff; /* Sfondo bianco */
    border-radius: 12px;       /* Angoli arrotondati */
    padding: 30px 20px;        /* Spazio interno (sopra/sotto e lati) */
    height: 100%;              /* Forza il box a prendere tutta l'altezza della colonna */
    width: 100%;               /* Prende tutta la larghezza della colonna */
    
    /* Opzionale: aggiunge un'ombra leggera per farli risaltare sul fondo */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); 
    
    /* Opzionale: un leggero bordo se lo sfondo della pagina è già molto chiaro */
    border: 1px solid #f0f0f0; 
}

@media (max-width: 767.98px) {
    .img-absolute {
        position: initial;
        bottom: -63px;
        right: -100px;
    }
    .img-absolute img {
        max-width: none;
        border-radius: 0px;
        border: none;
        height: auto;
        width: 100%;
    }
    .img-absolute-l {
        position: initial;
        bottom: -100px;
        left: -100px;
    }
    .img-absolute-l img {
        max-width: none;
        border-radius: 0px;
        border: none;
        height: auto;
        width: 100%;
    }
}