.dc-faq, .dc-faq *{ box-sizing:border-box; }
.dc-faq{ font-family:'Bricolage Grotesque','Inter',sans-serif; }
.dc-faq button{ font-family:inherit; cursor:pointer; background:none; border:none; color:inherit; }
.dc-faq .container{ max-width:1280px; margin:0 auto; padding:0 40px; }
.dc-faq .faq-section{ padding:90px 0; }
.dc-faq .faq-container{ max-width:876px; margin:0 auto; }
.dc-faq .faq-title{ text-align:center; font-size:38px; font-weight:400; text-transform:uppercase; margin:0 0 34px; letter-spacing:.02em; color:#0F0F0F; }
.dc-faq .faq-item{ border-bottom:0.8px solid #E6E6E6; }
.dc-faq .faq-question{
  width:100%; display:flex; align-items:center; justify-content:space-between; text-align:left;
  padding:16px 0; font-size:17px; font-weight:500; text-transform:uppercase; letter-spacing:.02em; color:#0F0F0F;
}
.dc-faq .faq-icon{ position:relative; width:20px; height:20px; flex-shrink:0; }
.dc-faq .faq-icon i{ position:absolute; left:4.5px; top:9.5px; width:11px; height:1px; background:#0F0F0F; border-radius:999px; font-style:normal; }
.dc-faq .faq-icon i:last-child{ transform: rotate(90deg); transition: transform .2s ease, opacity .2s ease; }
.dc-faq .faq-item.open .faq-icon i:last-child{ transform: rotate(0deg); opacity:0; }
.dc-faq .faq-answer{ max-height:0; overflow:hidden; transition: max-height .3s ease; }
.dc-faq .faq-answer p{ font-size:16px; font-weight:300; line-height:1.5; color:#0F0F0F; margin:0; padding-bottom:24px; padding-right:25px; }

@media (max-width:980px){ .dc-faq .container{ padding:0 24px; } }
@media (max-width:720px){
  .dc-faq .faq-title{ font-size:26px; }
  .dc-faq .faq-question{ font-size:14px; padding-right:10px; }
}