/* Main FAQ section */
.qw-faq {position: relative; overflow: hidden; padding: 72px 40px;}

/* Rotated background image */
.qw-faq::before {
  content: ""; 
  position: absolute; 
  top: -15%; 
  left: -15%; 
  width: 130%; 
  height: 130%;  
  background-size: cover; 
  background-position: center; 
  /*
  transform: rotate(-180deg); 
  transform-origin: center; 
  */
  z-index: 0;
}

/* Content wrapper above background */
.qw-faq__inner {position: relative; z-index: 1; max-width: 1000px;  margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; width: 100%;}

/* Section heading */
.qw-faq__heading {
  font-size: 56px; 
  line-height: 68px; 
  font-weight: 700; 
  text-align: center; 
  margin-bottom: 48px;
      color: #101040;
}

/* Divider styles */
{# .qw-faq__item {border-bottom: 1px solid rgba(255, 255, 255, 0.15);}
    .qw-faq__item:first-of-type {border-top: 1px solid rgba(255, 255, 255, 0.15);} #}

/* FAQ question button */
.qw-faq__trigger {width: 100%; background: transparent; border: none; padding: 24px 0; display: flex; justify-content: space-between; align-items: center; gap: 24px; text-align: left; cursor: pointer;}

/* Question text */
.qw-faq__question {
  font-size: 24px; 
  font-weight: 700; 
  line-height: 48px;
  color: #101040;
}
.faq-white-text .qw-faq__question,
.faq-white-text .qw-faq__heading,
.faq-white-text .qw-faq__answer {color:#ffffff;}

/* Arrow icon */
.qw-faq__icon {color: #FF7500;}
.qw-faq__icon svg {width: 30px; height: 30px; fill: currentColor; transition: transform 0.3s ease;}

/* Rotate icon when item is open */
.qw-faq__item.open .qw-faq__icon svg {transform: rotate(180deg);}

/* Answer wrapper (collapsed by default) */
.qw-faq__body {max-height: 0; overflow: hidden; transition: max-height 0.35s ease, padding 0.35s ease;}

/* Expanded answer */
.qw-faq__item.open .qw-faq__body {max-height: 400px;}

/* Answer text */
.qw-faq__answer {font-size: 20px; font-weight: 400; line-height: 29px; padding-bottom: 24px; color: #101040;}

/* ========================================
Tablet Styles
======================================== */
@media (max-width: 900px) {
  .qw-faq {padding: 56px 28px;}
  .qw-faq__heading {font-size: 40px; margin-bottom: 32px;}
  .qw-faq__question {font-size: 20px;}
  .qw-faq__answer {font-size: 18px;}
}

/* ========================================
Mobile Styles
======================================== */
@media (max-width: 600px) {
  .qw-faq {padding: 40px 18px;}
  .qw-faq__inner {padding-left: 0; padding-right: 0;}
  .qw-faq__heading {font-size: 26px; margin-bottom: 24px;}
  .qw-faq__trigger {padding: 18px 0; gap: 16px;}
  .qw-faq__question {font-size: 16px;}
  .qw-faq__icon svg {width: 22px; height: 22px;}
  .qw-faq__answer {font-size: 15px; line-height: 1.5; padding-bottom: 18px;}
  .qw-faq__item.open .qw-faq__body {max-height: 600px;}
}

@media (max-width: 480px) {
  .qw-faq__question {line-height:1.5;}
  .qw-faq__heading {margin-bottom:0;}
}