:root{
  --c-accent:#86D2E9; --c-purple:#2B135A; --c-purple2:#865CDA;
  --c-dark:#515151; --faq-font:"Red Hat Display",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
body.page-id-1015 .site-main,
body.page-id-1015 #main{padding:0;margin:0;}

/* ===== Hero Banner ===== */
.faq-hero-banner{
  background-image:url("/wp-content/uploads/2025/04/10020-2.jpg");
  background-position:center center;background-repeat:no-repeat;background-size:cover;
  padding:200px 20px 100px;text-align:center;color:#fff;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
}
.faq-hero-banner h2{color:#fff;font-family:var(--faq-font);font-size:42px;font-weight:800;line-height:1.2;margin:0 0 14px;}
.faq-hero-banner p{color:#fff;font-family:var(--faq-font);font-size:17px;font-weight:500;line-height:1.6;margin:0 0 28px;opacity:.95;}
.faq-hero-btn{
  background-color:var(--c-accent);color:#fff!important;font-family:var(--faq-font);
  font-size:16px;font-weight:700;text-transform:uppercase;line-height:1.65em;
  border-radius:0;padding:18px 30px;text-decoration:none!important;display:inline-block;
  transition:background-color .2s;
}
.faq-hero-btn:hover{background-color:#5fc3e0;}

/* ===== FAQ Container ===== */
.faq-container{
  max-width:980px;margin:0 auto;padding:75px 20px 100px;
  background:linear-gradient(180deg,#F8F8FC 0%,rgba(34,22,142,0) 100%);
}

/* ===== Accordion ===== */
.faq-accordion-wrap{}
.faq-card{
  border-radius:10px;box-shadow:0 30px 50px 0 rgba(43,19,90,.06);
  background:#fff;margin-bottom:14px;overflow:hidden;
}
.faq-card-header{
  background:#fff;font-family:var(--faq-font);font-size:20px;font-weight:700;
  line-height:26px;color:var(--c-purple);border:0;border-bottom:1px solid #fff;
  border-radius:10px;padding:26px 50px;width:100%;text-align:left;cursor:pointer;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  transition:color .2s;
}
.faq-card.active .faq-card-header{
  color:#000;border-bottom:1px solid #F0EFF6;border-radius:10px 10px 0 0;
}
.faq-q-text{flex:1;}
.faq-icon-group{font-size:16px;color:var(--c-purple2);display:flex;align-items:center;}
.faq-icon-down,.faq-icon-up{display:flex;align-items:center;}
.faq-card.active .faq-icon-down{display:none;}
.faq-card:not(.active) .faq-icon-up{display:none;}
.faq-card-body{
  display:none;background:#fff;color:var(--c-dark);
  border-radius:0 0 10px 10px;padding:20px 50px 24px;
  font-family:var(--faq-font);font-size:16px;font-weight:500;line-height:28px;
}
.faq-card-body.show{display:block;}
.faq-card-body p{color:var(--c-dark);margin:0 0 14px;}
.faq-card-body img{max-width:280px;height:auto;margin:6px 0 14px;display:block;}
.faq-card-body b,.faq-card-body strong{color:#1a1a1a;}
.faq-card-body h4{font-size:17px;font-weight:700;margin:18px 0 8px;color:#1a1a1a;}
.faq-card-body a{color:var(--c-purple);text-decoration:underline;}

/* ===== Contact line ===== */
.faq-contact-line{text-align:center;padding:30px 0 0;font-family:var(--faq-font);font-size:16px;color:var(--c-dark);}
.faq-contact-line a{color:var(--c-purple);font-weight:700;text-decoration:underline;}

/* ===== Responsive ===== */
@media(max-width:1024px){
  .faq-hero-banner{padding:160px 20px 80px;}
  .faq-hero-banner h2{font-size:34px;}
  .faq-card-header{font-size:17px;padding:20px 30px;}
  .faq-card-body{padding:20px 30px 22px;font-size:14px;line-height:24px;}
}
@media(max-width:767px){
  .faq-hero-banner{padding:120px 16px 60px;}
  .faq-hero-banner h2{font-size:26px;}
  .faq-hero-banner p{font-size:14px;}
  .faq-container{padding:40px 16px 60px;}
  .faq-card-header{font-size:16px;padding:16px 20px;}
  .faq-card-body{padding:15px 20px;font-size:14px;}
}