.faq{margin:30px auto;padding:clamp(6rem,6vw,11rem) var(--padx) clamp(3rem,6vw,6rem);&.container-desktop{@media (max-width:1023px){--padx:0}}header{padding:0 5% 30px;text-align:center}.faq-items{display:grid;gap:20px;grid-template-columns:1fr;margin-top:20px}.faq-item{border:1px solid var(--gray300);border-radius:16px;font-size:16px;transition:.25s ease-in;@media (min-width:1024px){font-size:18px}@media (min-width:1024px){font-size:22px}&.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:center;background:var(--white);border:none;border-radius:16px;color:var(--blackGreen);cursor:pointer;display:flex;font-size:inherit;gap:2rem;outline:none;padding:.75em 30px;text-align:left;text-wrap:pretty;transition:background .3s ease;transition:.2s ease-in-out;width:100%;@media (min-width:640px){padding-bottom:.75em;padding-left:50px;padding-right:50px;padding-top:.5em}.toggle{align-self:baseline;aspect-ratio:1/1;border-radius:50%;display:grid;grid-template-areas:"bar";height:40px;justify-self:flex-end;margin-left:auto;place-items:center;transition:.3s ease-in;width:40px;&:after,&:before{background-color:var(--gray900);content:"";display:block;grid-area:bar;transition:.15s ease-in}&:before{height:1.5px;width:17px}&:after{height:17px;width:1.5px}}&:hover{border-color:var(--electricGreen);box-shadow:0 0 15px rgba(125,216,0,.3);.toggle{background-color:var(--gray100);transition:.15s ease-out}}.active &{&:hover{box-shadow:none}.toggle:after{height:0;transition:.3s ease-out}}}.faq-answer{color:var(--gray700);font-size:16px;line-height:1.5;max-height:0;overflow:hidden;padding:0 30px;transition:max-height .3s ease,padding .3s ease;@media (min-width:640px){padding-bottom:0;padding-left:50px;padding-right:50px;padding-top:0}p{color:inherit;font-size:inherit;line-height:inherit;text-wrap:pretty}}}