.elementor-3544 .elementor-element.elementor-element-dcd0898{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3544 .elementor-element.elementor-element-dcd0898.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-3544 .elementor-element.elementor-element-dcd0898{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3544 .elementor-element.elementor-element-dcd0898{--width:814.8px;}}/* Start custom CSS for html, class: .elementor-element-eb7d8d6 *//* Mid State Baths FAQ (scoped) */
.msb-faq-wrapper{
  min-height: 100vh;
  background: linear-gradient(90deg, rgba(4,18,45,.88) 0%, rgba(108,211,208,.75) 50%, rgba(0,0,0,.75) 100%);
  color:#fff;
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
}

.msb-faq-hero{ text-align:center; padding:80px 20px 60px; }
.msb-faq-hero h1{ font-size:54px; font-weight:600; margin-bottom:15px; color:#fff; }
.msb-faq-hero p{ font-size:16px; color:#fff; opacity:.9; }

.msb-faq-main-container{ max-width:1200px; margin:0 auto; padding:0 40px 80px; }
.msb-faq-layout{ display:grid; grid-template-columns:240px 1fr; gap:80px; align-items:start; }

.msb-faq-sidebar{ position:sticky; top:40px; }
.msb-sidebar-category{
  display:block; color:#fff; text-decoration:none; font-size:15px; font-weight:500;
  padding:12px 16px; margin-bottom:4px; border-radius:6px; transition:.2s; cursor:pointer;
}
.msb-sidebar-category:hover{ background:rgba(255,255,255,.06); }
.msb-sidebar-category.active{ color:#00a8e8; background:rgba(0,168,232,.12); }

.msb-faq-section{ display:none; }
.msb-faq-section.active{ display:block; animation: msbFadeIn .3s ease; }
@keyframes msbFadeIn{ from{opacity:0; transform:translateY(10px)} to{opacity:1; transform:translateY(0)} }

.msb-section-header{ display:flex; align-items:center; gap:12px; margin-bottom:32px; }
.msb-section-icon{
  width:28px; height:28px; background:rgba(0,168,232,.15); border-radius:6px;
  display:flex; align-items:center; justify-content:center; font-size:16px; color:#fff;
}
.msb-section-title{ font-size:20px; font-weight:600; color:#fff; }

.msb-faq-item{ border-bottom:1px solid rgba(255,255,255,.12); }
.msb-faq-question{
  width:100%; text-align:left; background:none; border:none;
  padding:24px 50px 24px 0; cursor:pointer; position:relative;
  font-size:15px; font-weight:600; color:#fff; display:flex; align-items:center;
}
.msb-faq-question:hover{ padding-left:8px; transition:.2s; }

.msb-faq-question::after{
  content:''; position:absolute; right:0; top:50%; transform:translateY(-50%);
  width:20px; height:20px; background-size:contain;
  background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 4v12M4 10h12' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
.msb-faq-question.active::after{
  background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 10h12' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.msb-faq-answer{
  max-height:0; overflow:hidden;
  transition:max-height .3s ease, padding .3s ease;
  font-size:14px; line-height:1.7;
  padding:0 50px 0 0;
  color:#fff; opacity:.95;
}
.msb-faq-answer.active{ max-height:700px; padding:0 50px 24px 0; }

.msb-cta-section{
  background:linear-gradient(135deg, rgba(0,168,232,.12) 0%, rgba(0,168,232,.06) 100%);
  border:1px solid rgba(0,168,232,.25);
  padding:48px; border-radius:12px; text-align:center; margin-top:60px;
}
.msb-cta-section h3{ font-size:24px; font-weight:700; margin-bottom:12px; color:#fff; }
.msb-cta-section p{ margin-bottom:28px; font-size:15px; color:#fff; opacity:.9; }
.msb-cta-button{
  display:inline-block; background:#00a8e8; color:#fff;
  padding:12px 32px; border-radius:6px; text-decoration:none; font-weight:600;
}
.msb-cta-button:hover{ background:#0090c8; transform:translateY(-1px); }

@media (max-width:768px){
  .msb-faq-layout{ grid-template-columns:1fr; gap:40px; }
  .msb-faq-sidebar{ position:static; display:flex; flex-wrap:wrap; gap:8px; }
  .msb-sidebar-category{ padding:8px 16px; font-size:14px; }
  .msb-faq-hero h1{ font-size:36px; }
  .msb-faq-main-container{ padding:0 20px 60px; }
  .msb-faq-question{ font-size:14px; padding-right:40px; }
  .msb-cta-section{ padding:32px 24px; }
}/* End custom CSS */