.duvidas {
    background-color: #f1f1f1;
    border: none;
}

.duvidas h2 {
    margin-bottom: 1em;
}
.question {
    border-bottom: 1px solid #ccc;
    padding: 1em 0;
    
    
  }

  .question:hover, .question input:hover, .question label:hover {
    cursor: pointer;
  }
  
  .question input,
  .question .answer { display: none }
  
  .question label {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 5px;
    width: 100%;

    text-align: left;
    color:  var(--background);
    font-family: 'Inter', sans-serif;

    
  }
  

  .question .answer {
    font-family: 'Ubuntu', sans-serif;
    line-height: 1.5em;
    width: 85%;
    color: grey;
  }
  .question input:checked ~ .answer {
    display: block;
  }

  .duvidas-title {
    text-align: left;
    font-family: 'Inter', sans-serif;
    color: rgb(78, 105, 133);
    font-weight: 300;
    font-size: 2em;
    margin-bottom: 1.25em;

  }
  

  @media (min-width: 800px) {
    .duvidas {
        width: 50%;
    }

}