.faq-page{
  margin-top: 9%;
  margin-bottom: -6%;
}
.call-to-action-faq {
    margin-top: 6%;
    background-image: url('/wp-content/themes/Aden%20services/assets/cta-faq.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: 26vw;
  }
  
  .category{
    margin-bottom: 8%;
    display: flex;
    gap: 3%;
    color: #d1d1d1;
    cursor: pointer;
    .title-section{
      font-weight: 300;
    }
    .border-title-left-faq{
      opacity: 0;
    }
  }
  .category.active{
    margin-bottom: 8%;
    display: flex;
    gap: 4%;
    color: #283948;
    .title-section{
      font-weight:  500;
    }
    .border-title-left-faq{
     opacity: 1;
    }
  }

  .box-category.active{
    display: block;
  }

  .box-category{
    display: none;
  }
  .faq-section-page{
    margin-top: 6%;
    display: flex;
    justify-content: space-between;
  }

  .title-category{
    width: 50%;
  }


  @media(min-width: 360px) and (max-width: 640px){
    .call-to-action-faq{
      background-image: url('/wp-content/themes/Aden%20services/assets/Mobile/About/Mobile-About-CTA.png');
      height: 60vw;
    }
    .box-category.active{
      margin-left: 7%;
    }
    .faq-section-page{
      flex-direction: column;
      margin-bottom: 20%;
    }
    .title-category{
      width: 95%;
    }
    
    .category.active{
      margin-bottom: 8%;
      display: flex;
      gap: 4%;
      color: #ED4F18;
      .title-section{
        font-weight:  500;
      }
      .border-title-left{
       opacity: 1;
      }
    }
  }