.faq{padding:50px 0 0;.faq-container{margin:0 auto;max-width:calc(800px + 5%);padding:0 2.5%}header{padding:0 5%;text-align:center}.heading1{color:var(--Text-Default);margin-bottom:20px}.faq-items{margin-top:20px}.faq-item{border-radius:10px;margin-bottom:10px;overflow:hidden;transition:.25s ease-in;&.active{box-shadow:0 3px 3px rgba(0,0,0,.05),0 8px 32px rgba(0,0,0,.1);transition:.25s ease-out}}.faq-question{align-items:baseline;background:var(--BG-Gray);border:none;color:var(--Text-Default);cursor:pointer;display:flex;font-size:20px;gap:2rem;outline:none;padding:16px 28px;text-align:left;transition:background .3s ease;width:100%;svg.icon path{stroke:var(--Brand-70)}.arrow{align-self:baseline;justify-self:flex-end;margin-left:auto;padding-top:5px;path{stroke:var(--Indigo-50)}}.active &{background:var(--Indigo-50);color:var(--white);.arrow svg{transform:rotate(180deg)}}&:focus,&:hover,.active &{svg path{stroke:var(--white)}}&:focus,&:hover{background:var(--Indigo-60);color:var(--white)}}.faq-answer{background:var(--BG-Gray);color:var(--Text-Default);font-size:17px;line-height:1.5;max-height:0;overflow:hidden;padding:0 28px;transition:max-height .3s ease,padding .3s ease}}