#form-contato {
  margin-top: 100px;

  .header {
    h2 {
      font-size: 40px;
      font-weight: 600;
      line-height: 44px;
    }

    p {
      color: #686868;
      font-size: 20px;
      font-weight: 600;
      line-height: 26px;
    }
  }

  #form-opine {
    display: flex;
    flex-direction: column;
    gap: 20px; 
    max-width: 530px;
    margin-bottom: 100px;
    
    .fieldset {
      display: flex;
      flex-direction: column;

      label {
        color: #282828;
        font-size: 20px;
        font-weight: 600;
        padding-bottom: 8px;
      }

      input {
        border: 1px solid #C2C2C2;
        border-radius: 4px;
        color: #5B5B5B;
        font-weight: 500;
        padding: 6px 12px;
      }

      select {
        border: 1px solid #C2C2C2;
        border-radius: 4px;
        color: #282828;
        font-size: 20px;
        font-weight: 600;
        padding: 6px 12px;
        appearance: none; /* Remove o ícone padrão */
        -webkit-appearance: none; /* Compatibilidade com WebKit */
        -moz-appearance: none; /* Compatibilidade com Firefox */
        background-image: url('/wp-content/themes/px-poupex/assets/images/icons/select-icon.svg');
        background-repeat: no-repeat;
        background-position: right 12px center;
        padding-right: 40px; /* Espaço para o ícone */
        background-size: 18px;

        &:disabled {
          background-color: #EDEDED;
          color: #686868;
        }
      }

      textarea {
        border: 1px solid #C2C2C2;
        border-radius: 4px;
        font-weight: 500;
        height: 169px;
        padding: 8px 12px;
      }
    }

    .arquivos {
      margin-bottom: 32px;

      .arquivo {
        color: #282828;
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 22px;

        span {
          color:#686868;
        }
      }
    }

    .custom-file-button {
      width: max-content;
      font-size: 16px !important;
      padding: 8px 35px;
      padding-bottom: 8px !important;
      border-radius: 8px;
      border: 1.2px solid #5B5B5B;
    }

    .button {
      padding: 8px 35px;
      width: max-content;
    }
  }
}

#converse-presidente {
  margin-bottom: 100px;
}