.form-control::placeholder{
    color:var(--navy-blue);
    opacity: 1;
    font-weight:500;
}

.form-control:focus{
    color:var(--navy-blue);
}

.sticky-ticket {
    position: sticky;
    top: 16px;
    background: #fff;
    z-index: 2;
}

.banner-gradient{
  background: linear-gradient(180deg, #0a5bd8 0%, #063a86 100%);
  height: auto;
  padding-bottom: 3rem;
}

.banner-h-sm { min-height: 30vh; padding: 1rem 0.5rem; }

p{
    text-align: justify;
}

/* Estilização de FAQ - Lista de perguntas e respostas */
details{
  border-radius: .7em;
}

details summary{
  color: var(--navy-blue);
  font-weight: 500;
}

details span:hover{
  text-decoration-line: underline;
}

details p{
  margin-top: 1rem;
  color: var(--dark-gray);
  font-weight: 500;
}

details > summary {
  cursor: pointer;
  list-style: none;
}

details > summary::-webkit-details-marker {
  display: none;
}

details[open] summary i {
  transform: rotate(180deg);
}

details summary i {
  transition: transform .2s ease;
}

textarea{
  resize: none;
}

@media(max-width: 767px){
    details p{
        font-size:14px;
    }
    details span{
        font-size:14px;
    }
    #side-bar h5{
        font-size:18px;
    }
    h2{
        font-size:24px;
    }
    #green-square span{
        font-size: 18px;
    }
    #side-bar p{
        font-size: 14px;
    }
}