:root {
  
  --verde:#1E5047;
  --verdin:#7ca799;
  --bianco:#F5f5f4;
  --grigin:#9eA9Ba;
  --rosino:#DACDD5;
  --violaint:#BBAEBF;
  --viola:#776a8f;
  --rosa: #EBD8F3;
  --nero:#17171A;
}


.form-cont{
  margin: 10px;

  padding: 10px;
  padding-top: 25px;
  border-radius: 0.375rem;
    background-color: var(--secondary);
   color: var(--primary);
 width: 98%;
 font-size: small;
}
.map{

  
  border-radius: 0.375rem;
    background-color: var(--secondary);
   color: var(--primary);

}

.form-control{
    background-color: var(--primary);
    color: black;
}


  .btn-form{
    margin-top: 10px;
    border-style: solid;
    border-width: 2px;
    color: var(--secondary) ;
    background-color: var(--primary) ;
    border-color:var(--bianco) ;
 
  }
  .btn-form:hover{
background-color: var(--violaint);
border-style: solid;
border-width: 2px;
border-color:var(--bianco) ;
  }

.option{
  margin-top: 10px;
  margin-bottom: 10px;
}




.btn-email, .btn-insta,.btn-what{
 color: var(--primary);

}






.btn-email{
  width: 140px;
  background-color: var(--grigin);

}


.btn-email:hover{
  background-color: var(--grigin);
  filter: brightness(120%);

}

.btn-what:hover{
  background-color: var(--verde);
  filter: brightness(120%);
}
.btn-what{
  width: 140px;
  background-color: var(--verde);

}

.btn-insta{
  width: 140px;
  background-color: var(--viola);
}
.btn-insta:hover{
  background-color: var(--viola);
  filter: brightness(120%);
}

@media (max-width: 527px){
  .btn-email,.btn-insta,.btn-what{
    width: 100px;
    
  }
}

.fa-2x{
  vertical-align: middle;
  
}


.line{
display: inline-block;
}

.line-red{
  display: inline-block;
  color: red;
  }


  .required > label {
    display: inline-flex;
  }
  .required > label:after {
    content: ":";
  }
  .required > label:before {
    color: red;
    content: "*";
    font-size: large;

    order: 1;
  }