#faq img { margin: auto; display: block; max-width: 100%; }
#faq p { text-align: center; margin: 60px auto; max-width: 80%; }
#faq .container { padding: 0 6%; }
.faq-wrapper { cursor: pointer; background: rgba(255,255,255,0.1); backdrop-filter: blur(2px); border: 1px solid white; border-radius: 10px; padding: 20px 60px 20px 30px; margin: 20px 0; font-size: 20px; position: relative; transition: 0.25s; }
.faq-wrapper:hover { background: rgba(255,255,255,0.2); }
.faq-wrapper .q { font-weight: 500; }
.faq-wrapper .q:after { content: " "; -webkit-mask: url('/libraries/Feather/chevron-down.svg'); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 44px 44px; -webkit-mask-position: center center; display: block; position: absolute; top: 14px; right: 20px; width: 44px; height: 44px; background: white; transition: 0.6s; }
.faq-wrapper .a { display: none; padding: 20px 0 0; font-weight: 200; color: #eee; }
.faq-wrapper.open .q:after { transform: rotate(-180deg); }
section#head .title { background: url('/modules/faq/images/logo_background.png') no-repeat; background-size: cover; width: 662px; height: 258px; margin: 20px auto; display: flex; align-items: center; justify-content: center; }

@media (max-width: 1440px) {
#faq .container { padding: 0 12%; }
#faq p { text-align: center; margin: 60px auto; max-width: 80%; }
.faq-wrapper { font-size: 18px; padding: 20px 70px 20px 30px; }
.faq-wrapper .q:after { -webkit-mask-size: 40px 40px; right: 20px; width: 50px; }
section#head .title { width: 564px; height: 220px; }
}

@media (max-width: 1280px) {
#faq .container { padding: 0 20px; }
#faq p { text-align: center; margin: 40px auto; max-width: 100%; }
.faq-wrapper { font-size: 16px; padding: 20px 70px 20px 20px; }
.faq-wrapper .q:after { -webkit-mask-size: 34px 34px; top: 10px; right: 20px; width: 34px; }
}

@media (max-width: 1024px) {
section#head .title { width: 360px; height: 140px; }
}