@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@200;700;900&display=swap');
input{padding:10px;border:0;border-radius:0;font-family: 'Mulish', sans-serif;}
p{font-size:20px;font-family: 'Mulish', sans-serif;}
label{margin-bottom:8px;font-weight:600;color:#d9117e;font-size:20px;font-family: 'Mulish', sans-serif;}
#slot-prenotazione label{color:black;}
h3{font-weight:700;color:#57267c;}
.campo{margin:15px 0;
  display:flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;}
button{background:#d1107e;color:white;font-weight:500;padding:8px 25px;border:0;font-family: 'Mulish', sans-serif;}
form{    padding: 20px 30px 40px 30px;
    margin-bottom: 60px;
    width: 800px;
    background: #D2EEF4;border-radius:30px;}
.campo1{width: 50%;
      float: left;}
      .campo2{width:50%;}
#numeroPersone{text-align:center;}
#slot-prenotazione{column-count: 1;}
body{margin:0 !important;padding:0px !important;}
.relative{
  min-height: 50vh;
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-content: center;
align-items: center;
justify-content: center;
}
@media(max-width:990px){
  input{margin:0 auto !important;width:60% !important;}
  .logo{width:80% !important;}
      .campo1, .campo2{
        width: 100%;
        float: none;}
        form{width:90% !important;}
    }
    input[type="radio"] {
      appearance: none;
      background-color: #fff;
      margin: 0;
      font: inherit;
      color: currentColor;
      width: 1.15em;
      height: 1.15em;
      border: 0.15em solid currentColor;
      border-radius: 50%;
      transform: translateY(-0.075em);
      display: grid;
  place-content: center;
}

input[type="radio"]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--form-control-color);
  background-color: #d9117e;
}
.container{max-width:100% !important;}
footer{
    position: relative;
    padding: 80px 20px 20px 20px;
    background: #2d2e83;
    text-align: center;
    margin-top: auto;}
    footer::before {
        content: '';
        position: absolute;
        top: -1px;
        left: 0;
        width: 100%;
        height: 50px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 120' preserveAspectRatio='none'%3E%3Cpath d='M0,0 L0,90 Q25,60 50,90 T100,90 T150,90 T200,90 L200,0 Z' fill='%23ffffff'/%3E%3C/svg%3E");
        background-size: 200px 100%;
        background-repeat: repeat-x;
    }
    .container-ondulato::after {
        content: '';
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 100%;
        height: 50px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 120' preserveAspectRatio='none'%3E%3Cpath d='M0,30 Q25,0 50,30 T100,30 T150,30 T200,30 L200,120 L0,120 Z' fill='%23ffffff'/%3E%3C/svg%3E");
        background-size: 200px 100%;
        background-repeat: repeat-x;
    }
.container-ondulato {
    position: relative;
    padding: 50px 20px 100px 20px;
    background: #2d2e83;
input[type="radio"]:checked::before {
  transform: scale(1);
}
#privacy, .campo3{
      flex-direction: row !important;
          justify-content: center;
          margin-top:10px;
}
#privacy label{color:black;font-weight: 500;}
#privacyCheck{margin-bottom: 5px;margin-right:10px;}
/*input[type="radio"]:focus {
  outline: max(2px, 0.15em) solid #d9117e;
  outline-offset: max(2px, 0.15em);
}*/
