.faq-container {padding: 56px 0;}
.faq-container ul {display: flex; flex-direction: column; gap: 35px;}
.faq-container ul li {transition: .3s;}
.faq-container .titulo {font: 700 37.24px / 1.2em var(--mont); color: var(--amarelo); display: block; transition: .3s;}

.faq-container h3, .faq-container h4, .faq-container h5, .faq-container h6 {font: 700 16px / 2 var(--mont); color: var(--branco);}

.faq-container summary {display: flex; gap: 20px; cursor: pointer; align-items: center; justify-content: space-between; font: 500 17.71px/1.57 garet; color: var(--branco);}
.faq-container .icone-sumary {min-width: 18px; max-width: 18px; width: 100%; display: flex; justify-content: center; align-items: center; transition: 0.3s;}
.faq-container .icone-sumary svg {width: 100%; height: 100%;}
.faq-container .resposta {display: none;}
.faq-container details {display: flex; flex-direction: column; border: 3px solid #514D49;  border-radius: 10px; padding: 18px 24px 19px 22px; transition: .3s;}
.faq-container details p {font: 400 15px/2.028 montserrat; color: var(--branco);}
.faq-container details:open {border-color: var(--cinza4); gap: 4px;}
.faq-container details:open .icone-sumary {transform: rotate(90deg); -webkit-transform: rotate(90deg);}
.faq-container details:open .resposta {display: unset;}

.faq-container ul li:hover {transform: scale(1.015);}
.faq-container ul li:hover details {border-color: var(--cinza4);}
.faq-container ul li:hover .titulo {color: var(--bege1);}

@media(max-width:990px){
     .faq-container {padding: 14px 0;}
     .faq-container ul {gap: 15px;}
     .faq-container .titulo {font-size: 17px;}
     .faq-container details:open .resposta {text-align: justify; hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; text-justify: inter-word;}
     .faq-container summary {gap: 12px;}
     .faq-container .icone-sumary {min-width: 12px; max-width: 12px; width: 100%;}
     .faq-container details:open {gap: 9px;}
}