Estou tendo problema pra tirar o padding de um form | Bootstrap: criação de uma single-page responsiva

Eu criei uma css custom mas ela não está pegando ou não esta tendo prioridade sobre o col-6 segue o código e os css

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Jogoteca</title>
    <link type="text/css" rel="stylesheet" href="../static/bootstrap.css">
    <link type="text/css" rel="stylesheet" href="../static/custom.css">
</head>
<body>
    <div class="container">
      <div class="page-header">
          <h1>{{ titulo }}</h1>
      </div>
      <form action="/criar" method="POST" class="col-6">
        <fieldset class="fieldset-estilo">
          <div class="form-group">
            <label for="nome">Nome</label>
            <input type="text" id="nome" name="nome" class="form-control">
          </div>
          <div class="form-group">
            <label for="categoria">Categoria</label>
            <input type="text" id="categoria" name="categoria" class="form-control">
          </div>
          <div class="form-group">
            <label for="console">Console</label>
            <input type="text" id="console" name="console" class="form-control">
          </div>
          <button type="submit" class="btn btn-primary btn-salvar float-right">Salvar</button>
        </fieldset>
      </form>
    </div>
</body>
</html>

custom.css

.fieldset-estilo {
    padding-left: 0;
}

ao carregar a página ela segue com 15 de padding no fieldset