/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 15 2025 | 09:35:09 */
.faq-wrap{
  margin-top:22px;
  background:#F7FAFB;
  border-radius:8px;
  padding:6px;
  border:1px solid rgba(0,0,0,0.04);
}

/* FAQ Item */
.faq-item{
  border-bottom:1px solid rgba(0,0,0,0.06);
  background:#FFFFFF; /* ensure clean white background */
}

/* FAQ Button (override Elementor completely) */
.faq-wrap .faq-button{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:18px 20px;
  border:0 !important;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  cursor:pointer;
  text-align:left;
  outline:none !important;
}

/* Hover effect (subtle grey) */
.faq-wrap .faq-button:hover{
  background:#F1F3F4 !important;
}

/* Left alignment (number + text) */
.q-left{
  display:flex;
  gap:12px;
  align-items:center;
}

/* Number */
.q-number{
  font-size:22px;
  font-weight:700;
  color:#07333a;
  width:36px;
  text-align:center;
}

/* Question Title */
.q-title{
  font-size:20px;
  font-weight:600;
  color:#07333a;
}

/* Arrow Icon */
.faq-wrap .icon{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:#ffffff !important;
  border:1px solid rgba(0,0,0,0.06) !important;
  box-shadow:none !important;
  transition:transform .18s ease;
}

/* Rotate arrow when open */
.faq-item[aria-expanded="true"] .icon{
  transform:rotate(180deg);
}

/* Open Item — no gradient, no border, no shadow */
.faq-item[aria-expanded="true"]{
  background:#FFFFFF !important;
  border:none !important;
  box-shadow:none !important;
}

/* Answer Content */
.content{
  max-height:0;
  overflow:hidden;
  transition:max-height .32s cubic-bezier(.2,.9,.2,1), padding .18s ease;
  padding:0 20px;
}

.content-inner{
  padding:16px 0 22px 0;
  color:#64707a;
  font-size:16px;
  line-height:1.7;
}

/* Remove border from last item */
.faq-item:last-child{
  border-bottom:0;
}

/* Remove ALL Elementor button interference */
.faq-wrap button,
.faq-wrap button:focus,
.faq-wrap button:active,
.faq-wrap button:hover,
.faq-wrap button:focus-visible {
  background:none !important;
  background-image:none !important;
  border:none !important;
  box-shadow:none !important;
  outline:none !important;
}

/* Mobile optimization */
@media (max-width:880px){
  .faq-wrap .faq-button{ padding:14px; }
  .q-title{ font-size:18px; }
}