.bg-default {
    background-color: #252525 !important;
}

.img_block span::after {
    background: -o-linear-gradient(left, #272d33 5%, rgba(39, 45, 51, 0.98) 7%, rgba(39, 45, 51, 0) 100%) !important;
    background: linear-gradient(to right, #272d3300 5%, rgb(39 45 51 / 7%) 7%, rgba(39, 45, 51, 0) 100%) !important;
}


.img_block span::before {
    background: linear-gradient(to right, #F9961F 3%, #F9961F 5%, rgba(252, 90, 10, 0) 100%) !important;
    opacity: inherit;
}


.h2test {
    font-size: clamp(1.5rem, 4vw, 3rem) !important;
    /* Le texte ne sera jamais plus petit que 1.5rem, 
       ni plus grand que 3rem, et sera responsive entre les deux */
}
.gradient-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(to bottom, RGB(249, 150, 31, 0.8), rgba(249, 147, 31, 0.9));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
    color: white;
    font-weight: bold;
}

p {
    color: white !important;
}

.h4cellhover>a:hover {
    color: #C0202F !important;
}

.h4cellhover>a {
    color: #f9961F !important;
}

.h3towhite {
    color: white !important
}

.title1 {
    color: white !important;
}

.speci {
    margin: 1px 0;
    text-transform: uppercase;
    color: #f9961F !important;
    padding: 19px 0 19px 46px;
    display: block;
    font-size: 19px;
    font-weight: 500;
}



.marked-list li:before {
    color: #ffffff !important;
}



dl {
    width: 100%; /* Ensures the list takes full width if needed */
}

dt {
    float: left; /* Keeps the term (dt) on the left */
    margin-right: 10px; /* Space between dt and dd */
    color: #fff; /* Match the text color if needed */
}

dd {
    text-align: left; /* Aligns the description (dd) text to the right */
    margin-bottom: 10px; /* Space between dd elements */
    color: #fff; /* Ensures text is white, matching your design */
}

dd a {
    color: white; /* Ensures links stay white */
    text-decoration: none; /* Removes default underline */
}

dd a:hover {
    text-decoration: underline; /* Underline on hover for accessibility */
    color: white; /* Keeps hover color white */
}

/* Optional: Style the span between phone numbers */
dd span {
    color: #fff; /* White color for the slash */
    margin: 0 5px; /* Space around the slash */
}

/* Optional: Ensure mail1 class doesn’t override alignment */
dd.mail1 {
    text-align: left; /* Explicitly align mail1 dd to the right */
}




@media (max-width: 990px) {
    .img_ajust {
        height: 300px;
    }

    @media (max-width: 768px) {
        dt {
            float: none; /* Stack labels on mobile */
            margin-right: 0;
            margin-bottom: 5px;
        }
        dd {
            text-align: left; /* Left-align on mobile for better readability */
            margin-bottom: 10px;
        }
    }

}


/* Samsung Galaxy (approximativement 360px de largeur) */
@media (max-width: 375px) and (min-width: 320px) {
    .img_ajust {
        height: 202px;
    }

    .swiper-slider-1 {
        min-height: 45vh !important
    }

    .img_block span:after {
        border-bottom: 6px solid white !important;
    }

    .caption1 p {
        width: 100% !important;
    }


    .fa-angle-right {
        bottom: 14px !important;
    }

    .img_block .caption {
        bottom: 0px!important;
        left: 0px!important;
        height: 100%;
    }

    .h2test {
        font-size: clamp(1.8rem, 5vw, 2.5rem) !important;
        margin-right: auto;
        /* Taille ajustée en fonction de l'écran, avec des valeurs minimales et maximales */
    }
}

@media (max-width: 430px) and (min-width: 390px) {

    /* Styles spécifiques pour iPhone 12+ */
    .img_ajust {
        height: 202px;
    }

    .swiper-slider-1 {
        min-height: 45vh !important
    }

    .img_block span:after {
        border-bottom: 6px solid white !important;
    }

    .caption1 p {
        width: 100% !important;
    }

    .fa-angle-right {
        bottom: 14px !important;
    }

    .img_block .caption {
        bottom: 0px!important;
        left: 0px!important;
        height: 100%;
    }

    .h2test {
        font-size: clamp(1.8rem, 5vw, 2.5rem) !important;
        margin-right: auto;
        /* Taille ajustée en fonction de l'écran, avec des valeurs minimales et maximales */
    }
}

@media (max-width: 390px) and (min-width: 375px) {
    .h2test {
        font-size: calc(1.46875rem + 2vw) !important; /* Ajuste légèrement pour l'iPhone 14 */
        margin-right: auto;
    }
    
}

/* iPhone 15 / iPhone 16 (écrans 6,1 pouces) */
@media (max-width: 430px) and (min-width: 390px) {
    .h2test {
    font-size: clamp(1.8rem, 5vw, 2.5rem) !important;
      margin-right: auto !important;
    }
  }

@media (max-width: 767px) {
    .h2test {
        font-size: clamp(1.8rem, 5vw, 2.5rem) !important;
        margin-right: auto !important;
        /* Taille ajustée en fonction de l'écran, avec des valeurs minimales et maximales */
    }
}


/* ------Project-gallery---- */

.h4ColorPG {
    color: white;
}



.sendemail {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: black;
    display: none;
  }
  
  .spinner {
    border: 4px solid rgba(0, 0, 0, 0.1); 
    border-top: 4px solid #3498db; /* Couleur du spinner */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite; /* Animation de rotation */
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
  
  .sendemail p {
    margin-top: 10px;
    font-size: 16px;
    font-weight: bold;
  }