.faq-section {
background-color: #000000;
color: #fff;
margin: 0 16px;
}

.faq-section .faq-content {
 max-width: 1070px;
  margin: auto;
  padding: 80px 0;
}

.faq-section .faq-content .faq-title {
    font-size: 60px;
    font-weight: 600;
    line-height: 64px;
    text-align: center;
  text-transform: uppercase;
  margin: 0 0 36px;
}

.faq-section .faq-content .faq-item {
  border-top: 1px solid #8C8C8E;
  padding: 24px 0;
}

.faq-section .faq-content .faq-item .faq-question {
    font-size: 22px;
  font-weight: 500;
  line-height: 36px;
  cursor: pointer;
  position: relative;
  padding-right: 30px;
}

.faq-section .faq-content .faq-item .faq-question::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url('https://assets.corsair.com/image/upload/v1747020668/pages/careers/up-arrow.png');
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.3s;
}

.faq-section .faq-content .faq-item .faq-answer {
  display: none;
  font-size: 21px;
  font-weight: 400;
  line-height: 30px;
  color: #8C8C8E;
  margin-top: 16px;
}

.faq-section .faq-content .faq-item.faq-item.active .faq-answer {
  display: block;
}

.faq-section .faq-content .faq-item.faq-item.active .faq-question::after {
  transform: translateY(-50%) rotate(180deg);
}

@media (max-width: 768px) {
   .faq-section .faq-content {
    padding: 40px 0;
  }

  .faq-section .faq-content .faq-title {
    font-size: 40px;
    line-height: 44px;
  }

  .faq-section .faq-content .faq-item .faq-question {
    font-size: 20px;
    line-height: 24px;
  }

  .faq-section .faq-content .faq-item .faq-answer {
    font-size: 16px;
    line-height: 22px;
  }
}