label{
   span.red{
     color:red; 
     font-weight:700;
     position: relative;
     top: -1px;
   }
}
.zapytywarka {
  textarea, input[type=text], input[type=email], select {border-radius: 3px; border: 1px solid #aaa;}
  select { padding: 5px;}
  .content-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-top: 30px;
    @media(max-width: 768px){
      grid-template-columns: 1fr;
      gap: 20px;
      margin-top: 20px;
    }
    #zapytywarka_form {
      width: 100%;
      display: grid;
      background: var(--color-bg-1);
      padding: 20px;
      border-radius: 3px;
      .time {
        display: flex;
        gap: 20px;
        justify-content: space-between;
        .time-radio {
          display: grid;
          grid-template-columns: 80px 80px;
          justify-item: center;
          gap: 12px;
          label {
            display: grid;
            place-items: center;
            cursor: pointer;
            box-shadow: 0 0 0 1px #fff;
            border-radius: 12px;
            padding: 2px;
            width: 100%;
            tranistion: box-shadow .3s;
            &:has([type="radio"]:checked){ box-shadow: 0 0 0 2px var(--color-link-blu); }
            [type="radio"]{ position: absolute; opacity: 0; height: 0; width: 0; margin: 0; }
          }
        }
      }
      input[name=user_file] { background: #60c7ff; padding: 11px; margin: 0; border-radius: 5px;}
      textarea {margin-bottom: 15px;}
      input {margin-bottom: 15px;}
      p { padding: 0px; margin: 3px auto; width: 90%; }
    }
    #dane_personalne {
      width: 100%;
      .dane_person_naglowek {
        font-size: 1.2rem;
        font-weight: 600;
        display: flex;
        justify-content: space-between;
        padding-bottom: 5px;
        border-bottom: 1px solid #ccc;
      }
      .dane_form_table {
         display:grid;
         grid-template-columns: auto 1fr;
         gap: 10px;
         padding: 20px 0;
         margin-top: 7px;
         label{
           text-align: right;
           text-transform: capitalize;
           padding-top: 4px;
           &[for="Adres_WWW"]{text-transform: uppercase;}
        }
      }
    }
  }
  .action-button { 
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    padding: 15px 0;
    border-top: 1px solid #ccc;
    @media(max-width: 768px){
      flex-direction: column;
      gap: 20px;
    }
    .btn { font-size: 1rem; padding: 12px 18px; }
  }
  .grid_captch {
    margin: 0;
    @media(max-width: 768px){ width: 100%;}
  }
}
.dodaj_plik {
  display: grid;
  gap: 5px;
  margin: 10px 0 -15px;
  p { width: 90%; }
}
#preview { width: 80%; margin: 20px auto 0; }
.dane_form_table label{
   text-align: right;
   text-transform: capitalize;
   padding-top: 4px;
}


#info_zapytywarka {
   margin: 60px auto 0;
   font-weight: 500;
   font-size: 1.3rem;
   color: #fff;
   background: #405d73;
   border-radius: 3px;
   padding: 30px 20px;
   @media(max-width: 768px) { 
      margin: 0; 
      padding: 20px;
      font-size: 1.05rem;
  }
  ol{ 
     margin: 0;
     @media (max-width: 768px) { padding: 0 5px 0 25px; }
     li::marker { 
       color: #bbb; font-size: 1.3rem;
       @media (max-width: 768px) { font-size: 1.1rem; }
     }
  }
  li { margin-bottom: 11px;}
  li:last-child { margin-bottom: 0;}
}
.ofertAprov { 
  margin: 60px 0;
  .grid_capt {
    display: grid; 
    grid-template-columns: auto auto;
    padding: 11px 0px;
    margin: auto;
    input{ height: 36px; font-size: 1.2em; }
  }
}



@media (max-width: 600px) {
   .dane_form_table {
      grid-template-columns: 1fr;
      gap: 3px;
      label{ 
        text-align: left;
        padding: 0px;
        margin-top: 11px;
        &:first-child {margin-top: 0px;}
     }
   }
   .dane_person_naglowek {margin-bottom: 11px;}
   .regack { width: 90%; }
}