/*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    font-family: Arial, Helvetica, sans-serif;
}

    /*Navbar*/
/*
.navbar{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3rem 5rem;
    max-width: 95%;
   

}

.navbar-logo{
    width: 5%;
    height: 5%;
}

.navbar-logo img{
    width: 120px;
    height: auto;
}

.menu-icon{
  display: none;
}
.menu-icon img{
      width: 24px;
    height: 24px;
    cursor: pointer;
}

.navbar-list{
    display: flex;
    align-items: center;
    gap: 3rem;
    list-style: none;
    
}

.navbar-list a{
    
    font-size: 1.3rem;
    text-decoration: none;
    color: #000;
    transition: background-color 0.3s ease;

}
.navbar-list a:hover{
    color:red ;
}

/*contact-section*/
/*
.contact-section{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16%;
}
.contact-info h2{
    font-size: 1.7rem;
    padding-bottom: 1rem;
}
.contact-info p{
    font-size: 1rem;
  column-count: 2;
  column-gap: 2rem;
   padding-bottom: 1rem;
}
.contact-info strong{
    font-size: 1.5rem;
}

/*form*/
/*
.form-contact{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}
.name-label{
    display: flex;
   gap: 1rem;
   padding: 1rem;
}
.name-label input,
.message-title input{
    height: 2rem;
}
.firstname,
.lastname{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.message-title{
    display: flex;
    flex-direction: row;
    gap: 1rem;
}
.mail-label,
.subject-label{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.mesaage-label{
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 1rem;
}
.btn-envoyer button{
    font-weight: 700;
    padding: 1rem;
    border: none;
    background: #FF6F00;
    border-radius: 10px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.btn-envoyer button:hover{
    background-color: #E65100;
}
 /*Footer*/
.outline{
    display: flex;
    justify-content: center;
    margin-top: 5rem;
    padding-bottom: 1rem;
}
.line{
    width: 65%;
    border-bottom: 2px solid rgb(217,217,217);
}
.footer-contenair{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 9rem;
   /* border-top: 1px solid #000;
    padding-top: 1rem;
   max-width: 1200px; 
    margin: 10rem auto 0 auto; */
}
.footer-contenair p{
    font-size: 1.2rem;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    padding-bottom: 1rem;
}