.contact-head-container {
    width: 100%;
    height: 50vh;
    display: flex;
    align-items: center;
background-image: url(../img/contact.jpg);
   background-size: cover;
   background-position: 50% 60%;
   

}



.a-propos-head-title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(5px); /* flou du fond */
    -webkit-backdrop-filter: blur(10px); /* compatibilité Safari */
    z-index: -1; /* derrière le contenu */
    background-color: rgba(240, 248, 255, 0.174);
border-radius:25px;

}

.contact-container {
    width: 100vw;
    height: fit-content;
    padding: 1rem;
  
    
}

.contact {
    width: 90%;
    height: fit-content;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.contact-title {
    font-size: 35px;
    font-weight: bold;
    text-align: center;
}

.tel-logo {
    height: 50px;
}

.contact-tel p {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.contact-tel p a{
  font-weight: bold;
  text-decoration: none;
  color: black;
}

/* Responsive */
@media (max-width: 862px) {

.contact-head-container {
    height: 30vh;
     
}

.contact-title {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}



}