.faq-content {
  display: flex;
   padding: 50px 40px; 
  align-items: flex-start;
  gap: 30px
}




/* ===== LEFT SIDEBAR ===== */



.faqPageSection_sidebar {
  width: 400px;
  background: none;
  display: flex;
  flex-direction: column;
  gap: 15px;
}




.faqPageSection_btn {
  /* background: #2a2a2a; */
  background: none;
  border: none;
  color: #fff;
  padding: 12px;
  border-radius: 8px;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
}

.faqPageSection_btn.active {
  /* background: #0d6efd; */
  background: linear-gradient(to right, #ff4ecd, #7b5cff);
}

/* ===== RIGHT CONTENT ===== */
.faqPageSection_content {
  /*padding: 60px;*/
  width: 100%;
}

.faqPageSection_card {
  background: #2a2a2a;
  padding: 40px;
  margin-bottom: 30px;
  border-radius: 15px;
  color: #111 !important;
  transition: 0.3s;
}

.faqPageSection_card.activeCard {
  background: #ffffff;
  color: #000 !important;
}
.faqPageSection_card.activeCard .accordion-button:not(.collapsed){
    color: #111 !important;
}
.faqPageSection_card.activeCard .accordion-button{
    color: #111 !important;
}
.faqPageSection_card h2{
    background: linear-gradient(to right, #ff4ecd, #7b5cff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-size: 23px;
    font-weight: 700;
}


/* Remove borders */
.faqPageSection_card .accordion-item {
  background: transparent;
  border: none;
}

/* Button styling */
.faqPageSection_card .accordion-button {
  background: transparent;
  box-shadow: none;
  border: none;
  padding: 18px 0;
  font-size: 18px;
  font-weight: 600;
  color: #f1f1f1;
  position: relative;
}

/* Remove default arrow */
.faqPageSection_card .accordion-button::after {
  display: none;
}

/* Custom + icon */
.faqPageSection_card .accordion-button::before {
  content: "+";
  position: absolute;
  right: 0;
  font-size: 22px;
  font-weight: 500;
  transition: 0.3s ease;
}

/* Open state → X */
.faqPageSection_card .accordion-button:not(.collapsed)::before {
  content: "×";
}

/* Remove blue background */
.faqPageSection_card .accordion-button:not(.collapsed) {
  background: transparent;
  color: #fff;
  box-shadow: none;
}

/* Paragraph */
.faqPageSection_card .accordion-body {
  padding: 0 0 15px 0;
  font-size: 14px;
  color: #777;
  line-height: 1.6;
}

/* Remove focus outline */
.faqPageSection_card .accordion-button:focus {
  box-shadow: none;
}

/* Spacing */
.faqPageSection_card .accordion-item:not(:last-child) {
  margin-bottom: 10px;
}


@media screen and (max-width: 991px){
     .faqPageSection {
    
       padding: 50px 20px; 
    }
    .faqPageSection_sidebar{
        gap: 5px
    }
    .faqPageSection_btn{
        font-size: 14px;
    }
    
    .faqPageSection_card{
        padding: 15px;
    }
     .faqPageSection_card .accordion-button{
        font-size: 14px;
    }
    .faqPageSection_card .accordion-body{
        font-size: 12px;
    }
}


@media screen and (max-width: 767px){
    .faqPageSection {
      display: flex;
      flex-direction: column;
       padding: 50px 10px; 
    }
    .faqPageSection_sidebar{
        width: auto;
        gap: 5px
    }
    
    .faqPageSection_card{
        padding: 10px;
    }
    
    .faqPageSection_card .accordion-button{
        font-size: 12px;
    }
    .faqPageSection_card .accordion-body{
        font-size: 10px;
    }
}