/*  Theme Name:   Moovit theme child 
Description:  Thème enfant DriveLineConnect 
Author:       Panegna
Template:     moovit  
*/

/* Formulaire contact  */
.formulaire-contact{
    background-color: white;
    padding:4rem;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.formulaire-contact .fieldset-1{
    display: flex;
    justify-content: space-between;
}


.formulaire-contact .fieldset-2 input,.formulaire-contact .fieldset-3 textarea{
    width: 100%;
    padding: 1rem;
}

.formulaire-contact .contact-title{
    margin-bottom: 3rem;
    text-align: center;
    font-size: 2.6rem;
}

.formulaire-contact .fieldset-4 input{
    background-color: #FDD04F;
    border: none;
    border-radius: 4px;
    font-family: 'roboto';
    font-weight: bold;
    padding: .6rem 4rem
}
.formulaire-contact .fieldset-4{
    display: flex;
    justify-content: center;
}

/* Formulaire convoyeur */
.formulaire-convoyeur{
    background:white;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    display: flex;
}


.formulaire-convoyeur .field label{
    font-weight: bold;
    color: #001d67;
}


.formulaire-convoyeur .convoyeur-content{
    padding: 4rem;
}

.formulaire-convoyeur .section-1 .fieldset{
    display: flex;
    justify-content: space-between;
    gap: 2rem
   
}

.formulaire-convoyeur .section-1 .fieldset input{
    width: 100%;
}

.formulaire-convoyeur .section-2 input,.formulaire-convoyeur .section-2  textarea{
    width: 100%;
}


.formulaire-convoyeur .jaune{
    background-color:#FDD04F;
    width: 55%;
}

.formulaire-convoyeur .section-3 .convoyeur-btn{
    display: flex;
    justify-content: center;
}

.formulaire-convoyeur .section-3 .convoyeur-btn input{
     background-color: #FDD04F;
    border: none;
    color: black;
    border-radius: 4px;
    font-family: 'roboto';
    font-weight: bold;
    padding: .6rem 4rem
}

/* Formulaire devis  */

.formulaire-devis{
    background-color: white;
   box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
   display: flex;
   justify-content: space-between 
}

.formulaire-devis .jaune{
   background-color:#FDD04F;
   width: 30%;
   padding: 2rem;
   display: flex;
   align-items: center;
}

.formulaire-devis .jaune .text-jaune{
   color: black;
   font-weight: bold;
   font-size: 2rem;
   font-family: 'roboto';
   line-height: 1.2;
   text-align: center;
}

.formulaire-devis .jaune .text-jaune-italic{
   color: black;
   font-size: 1.2rem;
   font-family: 'roboto';
   line-height: 1.2;
   font-style: italic;
   display: flex;
   justify-content: center;
   
}

.formulaire-devis .fieldset{
   display: flex;
   align-items: center;
   gap: 2rem
}

.formulaire-devis label{
   font-weight: bold;
   color: #001d67
}

.formulaire-devis .devis-btn{
   display: flex;
   justify-content: center;
}

.formulaire-devis .devis-btn input{
   background-color: #FDD04F;
   border: none;
   color: black;
   border-radius: 4px;
   font-family: 'roboto';
   font-weight: bold;
   padding: .6rem 4rem
}

.formulaire-devis .fieldset input{
   width: 100%;
}

.formulaire-devis .field{
   width: 100%;
}

.formulaire-devis .field input{
   width: 100%;
}

.formulaire-devis .fieldset select{
   width: 100%;
}

.formulaire-devis .devis-content{
   padding: 4rem;
   width: 70%;
}