/* =========================================================================
   FIBERGLASS POOLS PAGE CSS  (post ID 511)
   ========================================================================= */

/* --- SHARED: eyebrows --- */
.page-id-511 .fp-eyebrow-dark .elementor-heading-title,
.page-id-511 .fp-eyebrow-light .elementor-heading-title,
.page-id-511 .fp-eyebrow-onblue .elementor-heading-title {
  display: inline-block;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  margin: 0 0 14px;
}
.page-id-511 .fp-eyebrow-dark .elementor-heading-title { color: var(--e-global-color-primary) !important; }
.page-id-511 .fp-eyebrow-light .elementor-heading-title { color: var(--e-global-color-secondary) !important; }
.page-id-511 .fp-eyebrow-onblue .elementor-heading-title { color: #A8C5E5 !important; }

/* --- SHARED: section titles --- */
.page-id-511 .fp-section-title-dark .elementor-heading-title,
.page-id-511 .fp-section-title-light .elementor-heading-title {
  font-size: clamp(2.2rem, 4.6vw, 3.4rem) !important;
  line-height: 1.06;
  letter-spacing: -0.02em;
  margin: 0 0 14px;
  max-width: 22ch;
}
.page-id-511 .fp-section-title-dark .elementor-heading-title { color: var(--e-global-color-accent) !important; }
.page-id-511 .fp-section-title-light .elementor-heading-title { color: #FFFFFF !important; }
.page-id-511 .fp-title-center .elementor-heading-title { text-align: center; max-width: 28ch; }
.page-id-511 .fp-section-title-dark em,
.page-id-511 .fp-section-title-light em,
.page-id-511 .fp-section-title-dark i,
.page-id-511 .fp-section-title-light i {
  font-style: italic;
  font-weight: 700;
  color: var(--e-global-color-secondary);
}

/* --- SHARED: lede paragraphs --- */
.page-id-511 .fp-lead-dark .elementor-heading-title,
.page-id-511 .fp-lead-light .elementor-heading-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.96rem !important;
  font-weight: 400 !important;
  line-height: 1.65;
  max-width: 60ch;
  margin: 0 0 8px;
}
.page-id-511 .fp-lead-dark .elementor-heading-title { color: var(--e-global-color-6f59b15d) !important; }
.page-id-511 .fp-lead-light .elementor-heading-title { color: #C8D0D7 !important; }
.page-id-511 .fp-lead-center .elementor-heading-title { text-align: center; margin: 0 auto 12px; }

/* --- SHARED: primary/outline CTAs (square 4px) --- */
.page-id-511 .fp-cta-primary .elementor-button,
.page-id-511 .fp-cta-outline .elementor-button {
  border-radius: 4px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 0.78rem !important;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  transition: background-color .2s ease, transform .2s ease, border-color .2s ease;
}
.page-id-511 .fp-cta-primary .elementor-button:hover {
  background-color: var(--e-global-color-secondary) !important;
  transform: translateY(-1px);
}
.page-id-511 .fp-cta-outline .elementor-button:hover {
  background-color: var(--e-global-color-secondary) !important;
  border-color: var(--e-global-color-secondary) !important;
}

/* ============== HERO ============== */
.page-id-511 .fp-hero { isolation: isolate; position: relative; }
.page-id-511 .fp-hero > .e-con-inner { width: 100%; max-width: 980px; }
.page-id-511 .fp-hero-title .elementor-heading-title {
  font-size: clamp(2.6rem, 6.4vw, 5.2rem) !important;
  line-height: 1.04;
  letter-spacing: -0.025em;
  color: #FFFFFF !important;
  margin: 0;
  text-align: center;
  max-width: 26ch;
}
.page-id-511 .fp-hero-title em,
.page-id-511 .fp-hero-title i {
  font-style: italic;
  font-weight: inherit;
  color: var(--e-global-color-secondary);
}
.page-id-511 .fp-hero-lead .elementor-heading-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.65;
  color: #C8D0D7 !important;
  max-width: 64ch;
  margin: 8px auto 14px;
  text-align: center;
}
.page-id-511 .fp-hero-pills .elementor-icon-list-items {
  display: flex !important; justify-content: center; flex-wrap: wrap; gap: 10px 28px;
  padding: 0; margin: 18px 0 0;
}
.page-id-511 .fp-hero-pills .elementor-icon-list-item {
  background: transparent !important; border: 0 !important; padding: 0 !important; margin: 0 !important;
  display: inline-flex; align-items: center; gap: 8px;
}
.page-id-511 .fp-hero-pills .elementor-icon-list-icon { margin: 0 !important; }
.page-id-511 .fp-hero-pills .elementor-icon-list-icon i {
  color: var(--e-global-color-secondary) !important; font-size: 0.5rem !important;
}
.page-id-511 .fp-hero-pills .elementor-icon-list-text {
  color: #E5E7EB !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.95rem !important; font-weight: 500 !important;
  letter-spacing: 0.02em;
}

/* ============== SECTION 1: WHAT WE BUILD ============== */
.page-id-511 .fp-what-we-build { background: #FFFFFF; }
.page-id-511 .fp-wwb-text { max-width: 580px; }
.page-id-511 .fp-highlights-card { box-shadow: 0 30px 80px -40px rgba(14,27,34,.10); }
.page-id-511 .fp-highlights-icon .elementor-icon {
  width: 36px; height: 36px; border-radius: 50%;
  background: rgba(21,56,137,0.12);
  display: inline-flex; align-items: center; justify-content: center;
}
.page-id-511 .fp-highlights-icon .elementor-icon i,
.page-id-511 .fp-highlights-icon .elementor-icon svg {
  color: var(--e-global-color-primary) !important;
  fill: var(--e-global-color-primary) !important;
  font-size: 14px !important;
}
.page-id-511 .fp-highlights-title .elementor-heading-title {
  font-size: 1.3rem !important;
  line-height: 1.2;
  color: var(--e-global-color-accent) !important;
  margin: 0;
}
.page-id-511 .fp-highlights-list .elementor-icon-list-items { padding: 0; }
.page-id-511 .fp-highlights-list .elementor-icon-list-item { padding: 0; align-items: flex-start; }
.page-id-511 .fp-highlights-list .elementor-icon-list-icon { margin-top: 8px; margin-right: 12px; }
.page-id-511 .fp-highlights-list .elementor-icon-list-icon i {
  color: var(--e-global-color-primary) !important; font-size: 0.42rem !important;
}
.page-id-511 .fp-highlights-list .elementor-icon-list-text {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.92rem !important;
  font-weight: 500;
  color: var(--e-global-color-accent) !important;
  line-height: 1.5;
}

/* ============== SECTION 2: INSTALLATION ============== */
.page-id-511 .fp-installation { background: #0E1B22; }
.page-id-511 .fp-install-grid { width: 100%; }
.page-id-511 .fp-install-grid > .fp-install-card {
  flex: 1 1 calc(25% - 15px); max-width: calc(25% - 15px); min-width: 220px;
  border: 1px solid rgba(255,255,255,0.06);
  transition: transform .2s ease, border-color .2s ease;
}
.page-id-511 .fp-install-card:hover { transform: translateY(-2px); border-color: rgba(102,151,199,0.35); }
.page-id-511 .fp-install-icon .elementor-icon {
  width: 36px; height: 36px; border-radius: 8px;
  background: var(--e-global-color-primary);
  display: inline-flex; align-items: center; justify-content: center;
  margin-bottom: 4px;
}
.page-id-511 .fp-install-icon .elementor-icon i,
.page-id-511 .fp-install-icon .elementor-icon svg {
  color: #FFFFFF !important; fill: #FFFFFF !important; font-size: 14px !important;
}
.page-id-511 .fp-install-title .elementor-heading-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.98rem !important;
  font-weight: 600 !important;
  color: #FFFFFF !important;
  line-height: 1.35;
  margin: 0;
}
.page-id-511 .fp-install-desc .elementor-heading-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.86rem !important;
  font-weight: 400 !important;
  color: #B8C0C5 !important;
  line-height: 1.5;
  margin: 0;
}

/* ============== SECTION 3: WHY FIBERGLASS ============== */
.page-id-511 .fp-why-fiberglass { background: #FFFFFF; }
.page-id-511 .fp-why-grid { width: 100%; }
.page-id-511 .fp-why-grid > .fp-why-card {
  flex: 1 1 calc(25% - 15px); max-width: calc(25% - 15px); min-width: 230px;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.page-id-511 .fp-why-grid > .fp-why-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 32px -16px  var(--e-global-color-primary);
  border-color: transparent;
}
.page-id-511 .fp-why-icon .elementor-icon {
  width: 36px; height: 36px; border-radius: 50%;
  background: rgba(21,56,137,0.12);
  display: inline-flex; align-items: center; justify-content: center;
  margin-bottom: 6px;
}
.page-id-511 .fp-why-icon .elementor-icon i,
.page-id-511 .fp-why-icon .elementor-icon svg {
  color: var(--e-global-color-primary) !important;
  fill: var(--e-global-color-primary) !important;
  font-size: 13px !important;
}
.page-id-511 .fp-why-title .elementor-heading-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: var(--e-global-color-accent) !important;
  margin: 0;
}
.page-id-511 .fp-why-desc .elementor-heading-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 400 !important;
  color: var(--e-global-color-6f59b15d) !important;
  line-height: 1.55;
  margin: 0;
}

/* ============== SECTION 4: SIZES & DESIGNS ============== */
.page-id-511 .fp-sizes-designs { background: #F4F6F9; }
.page-id-511 .fp-sizes-text { max-width: 460px; }
.page-id-511 .fp-size-chips { flex: 1; }
.page-id-511 .fp-size-chips .elementor-icon-list-items {
  display: flex !important; flex-wrap: wrap; gap: 10px;
  padding: 0;
}
.page-id-511 .fp-size-chips .elementor-icon-list-item {
  background: #FFFFFF !important;
  border: 1px solid #E5E7EB !important;
  border-radius: 999px !important;
  padding: 10px 18px !important;
  margin: 0 !important;
  display: inline-flex; align-items: center; gap: 8px;
}
.page-id-511 .fp-size-chips .elementor-icon-list-icon { margin: 0 !important; }
.page-id-511 .fp-size-chips .elementor-icon-list-icon i {
  color: var(--e-global-color-primary) !important; font-size: 0.5rem !important;
}
.page-id-511 .fp-size-chips .elementor-icon-list-text {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 500 !important;
  color: var(--e-global-color-accent) !important;
}

/* ============== SECTION 5: OPTIONS ============== */
.page-id-511 .fp-options { background: #FFFFFF; }
.page-id-511 .fp-opt-grid > .fp-opt-card {
  flex: 1 1 calc(50% - 12px); max-width: calc(50% - 12px); min-width: 280px;
  box-shadow: 0 30px 80px -40px rgba(14,27,34,.06);
}
.page-id-511 .fp-opt-icon .elementor-icon {
  width: 38px; height: 38px; border-radius: 8px;
  background: rgba(21,56,137,0.12);
  display: inline-flex; align-items: center; justify-content: center;
}
.page-id-511 .fp-opt-icon .elementor-icon i,
.page-id-511 .fp-opt-icon .elementor-icon svg {
  color: var(--e-global-color-primary) !important;
  fill: var(--e-global-color-primary) !important;
  font-size: 14px !important;
}
.page-id-511 .fp-opt-title .elementor-heading-title {
  font-size: 1.25rem !important;
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: var(--e-global-color-accent) !important;
  margin: 0;
}
.page-id-511 .fp-opt-desc .elementor-heading-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.92rem !important;
  font-weight: 400 !important;
  color: var(--e-global-color-6f59b15d) !important;
  line-height: 1.6;
  margin: 0;
}
.page-id-511 .fp-opt-bullets .elementor-icon-list-items {
  display: grid !important; grid-template-columns: 1fr 1fr; gap: 10px 18px;
  padding: 4px 0 0;
}
.page-id-511 .fp-opt-bullets .elementor-icon-list-item { padding: 0; align-items: center; }
.page-id-511 .fp-opt-bullets .elementor-icon-list-icon { margin-right: 10px; }
.page-id-511 .fp-opt-bullets .elementor-icon-list-icon i {
  color: var(--e-global-color-primary) !important; font-size: 0.5rem !important;
}
.page-id-511 .fp-opt-bullets .elementor-icon-list-text {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.92rem !important;
  font-weight: 500;
  color: var(--e-global-color-accent) !important;
}

/* ============== SECTION 6: BACKYARD INTEGRATION ============== */
.page-id-511 .fp-backyard { background: #F4F6F9; }
.page-id-511 .fp-backyard-text { max-width: 520px; }
.page-id-511 .fp-backyard-bullets .elementor-icon-list-items {
  display: grid !important; grid-template-columns: 1fr 1fr; gap: 8px 18px;
  padding: 4px 0;
}
.page-id-511 .fp-backyard-bullets .elementor-icon-list-item { padding: 0; align-items: center; }
.page-id-511 .fp-backyard-bullets .elementor-icon-list-icon { margin-right: 10px; }
.page-id-511 .fp-backyard-bullets .elementor-icon-list-icon i {
  color: var(--e-global-color-primary) !important; font-size: 0.5rem !important;
}
.page-id-511 .fp-backyard-bullets .elementor-icon-list-text {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.92rem !important;
  font-weight: 500;
  color: var(--e-global-color-accent) !important;
}
.page-id-511 .fp-backyard-link .elementor-heading-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
  color: var(--e-global-color-primary) !important;
  margin: 6px 0 0;
}
.page-id-511 .fp-backyard-link a { color: inherit; text-decoration: none; }
.page-id-511 .fp-backyard-link:hover .elementor-heading-title { color: var(--e-global-color-secondary) !important; }
.page-id-511 .fp-backyard-visual { position: relative; align-self: stretch; }
.page-id-511 .fp-backyard-img,
.page-id-511 .fp-backyard-img .elementor-widget-container { width: 100%; padding: 0 !important; margin: 0 !important; }
.page-id-511 .fp-backyard-img img {
  width: 100%; height: auto; aspect-ratio: 4 / 3;
  object-fit: cover; border-radius: 10px;
    object-position: 10% 80%;
  box-shadow: 0 30px 80px -30px rgba(14,27,34,.35);
}
.page-id-511 .fp-backyard-badge {
  position: absolute !important;
  right: 16px; bottom: 16px;
  width: auto !important;
  display: inline-flex !important;
  background: var(--e-global-color-primary) !important;
  z-index: 3;
}
.page-id-511 .fp-backyard-badge .fp-backyard-badge-dot .elementor-icon i,
.page-id-511 .fp-backyard-badge .fp-backyard-badge-dot .elementor-icon svg {
  color: #FFFFFF !important; fill: #FFFFFF !important; font-size: 6px !important;
}
.page-id-511 .fp-backyard-badge-label .elementor-heading-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.66rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #FFFFFF !important;
  margin: 0;
}

/* ============== SECTION 7: PROCESS ============== */
.page-id-511 .fp-process { background: #0E1B22; }
.page-id-511 .fp-process-grid > .fp-process-card {
  flex: 1 1 calc(33.33% - 14px); max-width: calc(33.33% - 14px); min-width: 250px;
  border: 1px solid rgba(255,255,255,0.06);
}
.page-id-511 .fp-process-grid > .fp-process-card-final {
  flex: 1 1 100%; max-width: 100%;
  align-items: center !important;
}
.page-id-511 .fp-step-num .elementor-heading-title {
  width: 30px; height: 30px; border-radius: 50%;
  background: var(--e-global-color-primary);
  color: #FFFFFF !important;
  display: inline-flex; align-items: center; justify-content: center;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  line-height: 1;
  letter-spacing: 0;
  margin: 0 0 6px;
  flex-shrink: 0;
}
.page-id-511 .fp-process-title .elementor-heading-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: #FFFFFF !important;
  margin: 0;
}
.page-id-511 .fp-process-desc .elementor-heading-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.86rem !important;
  font-weight: 400 !important;
  color: #B8C0C5 !important;
  line-height: 1.55;
  margin: 0;
}
.page-id-511 .fp-process-final-stack { flex: 1; }

/* ============== SECTION 8: COST ============== */
.page-id-511 .fp-cost { background: #FFFFFF; }
.page-id-511 .fp-cost-text { max-width: 460px; }
.page-id-511 .fp-cost-grid > .fp-cost-card {
  flex: 1 1 calc(50% - 8px); max-width: calc(50% - 8px); min-width: 240px;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.page-id-511 .fp-cost-grid > .fp-cost-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 32px -16px rgba(14,27,34,0.10);
}
.page-id-511 .fp-cost-title .elementor-heading-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: var(--e-global-color-accent) !important;
  line-height: 1.3;
  margin: 0;
}
.page-id-511 .fp-cost-title .fp-cost-dot {
  color: var(--e-global-color-primary);
  margin-right: 8px;
  font-size: 0.6rem;
  vertical-align: middle;
}
.page-id-511 .fp-cost-desc .elementor-heading-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.86rem !important;
  font-weight: 400 !important;
  color: var(--e-global-color-6f59b15d) !important;
  line-height: 1.55;
  margin: 0;
}

/* ============== SECTION 9: WHY HIRE A PRO ============== */
.page-id-511 .fp-why-pro { background: #F4F6F9; }
.page-id-511 .fp-why-pro-text { max-width: 580px; }
.page-id-511 .fp-why-pro-card { box-shadow: 0 30px 80px -40px rgba(14,27,34,.12); }
.page-id-511 .fp-why-pro-icon .elementor-icon {
  width: 40px; height: 40px; border-radius: 50%;
  background: rgba(21,56,137,0.12);
  display: inline-flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.page-id-511 .fp-why-pro-icon .elementor-icon i,
.page-id-511 .fp-why-pro-icon .elementor-icon svg {
  color: var(--e-global-color-primary) !important;
  fill: var(--e-global-color-primary) !important;
  font-size: 14px !important;
}
.page-id-511 .fp-why-pro-title .elementor-heading-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  color: var(--e-global-color-accent) !important;
  margin: 0;
}
.page-id-511 .fp-why-pro-desc .elementor-heading-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.92rem !important;
  font-weight: 400 !important;
  color: var(--e-global-color-6f59b15d) !important;
  line-height: 1.55;
  margin: 0;
}

/* ============== SECTION 10: GET A QUOTE ============== */
.page-id-511 .fp-quote-section { background: var(--e-global-color-primary); }
.page-id-511 .fp-quote-text { max-width: 620px; }
.page-id-511 .fp-quote-title .elementor-heading-title {
  font-size: clamp(2rem, 4.4vw, 3.2rem) !important;
  line-height: 1.06;
  letter-spacing: -0.02em;
  color: #FFFFFF !important;
  margin: 0 0 14px;
  max-width: 22ch;
}
.page-id-511 .fp-quote-title em {
  font-style: italic;
  font-weight: 700;
  color: #A8C5E5;
}
.page-id-511 .fp-quote-lead .elementor-heading-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 400 !important;
  line-height: 1.65;
  color: #D7E3F2 !important;
  max-width: 56ch;
  margin: 0;
}
.page-id-511 .fp-quote-cta-stack { align-self: center; max-width: 360px; width: 100%; }
.page-id-511 .fp-quote-btn-light .elementor-button,
.page-id-511 .fp-quote-btn-outline .elementor-button {
  width: 100% !important;
  border-radius: 4px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.78rem !important;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  padding: 16px 20px !important;
  transition: background-color .2s ease, transform .2s ease, border-color .2s ease;
}
.page-id-511 .fp-quote-btn-light .elementor-button:hover {
  background-color: #f1f5fb !important;
  transform: translateY(-1px);
}
.page-id-511 .fp-quote-btn-outline .elementor-button:hover {
  background-color: rgba(255,255,255,0.10) !important;
  border-color: #FFFFFF !important;
}

/* ============== SECTION 11: FAQS (Accordion) ============== */
/* --- ACCORDION --- */
.page-id-511 .fq-accordion .elementor-accordion {
  border: 0;
}
.page-id-511 .fq-accordion .elementor-accordion-item {
  background: transparent;
  border: 0 !important;
  border-bottom: 1px solid #E5E7EB !important;
  margin: 0;
}
.page-id-511 .fq-accordion .elementor-accordion-item:last-child {
  border-bottom: 1px solid #E5E7EB !important;
}
.page-id-511 .fq-accordion .elementor-tab-title {
  background: transparent !important;
  border: 0 !important;
  padding: 22px 24px 22px 0 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: var(--e-global-color-accent) !important;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  transition: color .15s ease;
}
.page-id-511 .fq-accordion .elementor-tab-title:hover {
  color: var(--e-global-color-primary) !important;
}
.page-id-511 .fq-accordion .elementor-tab-title.elementor-active {
  color: var(--e-global-color-primary) !important;
}
.page-id-511 .fq-accordion .elementor-tab-title .elementor-accordion-title {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
}
.page-id-511 .fq-accordion .elementor-tab-title .elementor-accordion-icon {
  order: 2;
  margin: 0 0 0 16px !important;
  padding: 0 !important;
  width: 34px; height: 34px;
  border-radius: 50%;
  background: rgba(21,56,137,0.10);
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background-color .2s ease, transform .2s ease;
}
.page-id-511 .fq-accordion .elementor-tab-title:hover .elementor-accordion-icon {
  background: rgba(21,56,137,0.18);
}
.page-id-511 .fq-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon {
  background: var(--e-global-color-primary);
}
.page-id-511 .fq-accordion .elementor-tab-title .elementor-accordion-icon i,
.page-id-511 .fq-accordion .elementor-tab-title .elementor-accordion-icon svg {
  color: var(--e-global-color-primary) !important;
  fill: var(--e-global-color-primary) !important;
  font-size: 12px !important;
  margin: 0;
}
.page-id-511 .fq-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon i,
.page-id-511 .fq-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon svg {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}
.page-id-511 .fq-accordion .elementor-tab-title .elementor-accordion-icon-closed { display: inline-flex; }
.page-id-511 .fq-accordion .elementor-tab-title .elementor-accordion-icon-opened { display: none; }
.page-id-511 .fq-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon-closed { display: none; }
.page-id-511 .fq-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon-opened { display: inline-flex; }

.page-id-511 .fq-accordion .elementor-tab-content {
  background: transparent !important;
  border: 0 !important;
  padding: 0 24px 22px 0 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 400 !important;
  color: var(--e-global-color-6f59b15d) !important;
  line-height: 1.7;
}
.page-id-511 .fq-accordion .elementor-tab-content p { margin: 0; }

/* ============== RESPONSIVE ============== */
@media (max-width: 1024px) {
  .page-id-511 .fp-what-we-build .e-con-inner,
  .page-id-511 .fp-sizes-designs .e-con-inner,
  .page-id-511 .fp-backyard .e-con-inner,
  .page-id-511 .fp-cost .e-con-inner,
  .page-id-511 .fp-why-pro .e-con-inner,
  .page-id-511 .fp-quote-section .e-con-inner { flex-direction: column !important; }
  .page-id-511 .fp-wwb-text,
  .page-id-511 .fp-highlights-card,
  .page-id-511 .fp-sizes-text,
  .page-id-511 .fp-size-chips,
  .page-id-511 .fp-backyard-text,
  .page-id-511 .fp-backyard-visual,
  .page-id-511 .fp-cost-text,
  .page-id-511 .fp-cost-grid,
  .page-id-511 .fp-why-pro-text,
  .page-id-511 .fp-why-pro-card,
  .page-id-511 .fp-quote-text,
  .page-id-511 .fp-quote-cta-stack { width: 100% !important; max-width: none !important; }
  .page-id-511 .fp-install-grid > .fp-install-card,
  .page-id-511 .fp-why-grid > .fp-why-card { flex: 1 1 calc(50% - 10px); max-width: calc(50% - 10px); }
}
@media (max-width: 767px) {
  .page-id-511 .fp-hero-title .elementor-heading-title { font-size: clamp(2.2rem, 10vw, 3rem) !important; max-width: none; }
  .page-id-511 .fp-section-title-dark .elementor-heading-title,
  .page-id-511 .fp-section-title-light .elementor-heading-title { font-size: clamp(1.8rem, 8vw, 2.4rem) !important; max-width: none; }
  .page-id-511 .fp-install-grid > .fp-install-card,
  .page-id-511 .fp-why-grid > .fp-why-card,
  .page-id-511 .fp-process-grid > .fp-process-card,
  .page-id-511 .fp-opt-grid > .fp-opt-card,
  .page-id-511 .fp-cost-grid > .fp-cost-card { flex: 1 1 100% !important; max-width: 100% !important; min-width: 0 !important; }
  .page-id-511 .fp-opt-bullets .elementor-icon-list-items,
  .page-id-511 .fp-backyard-bullets .elementor-icon-list-items { grid-template-columns: 1fr; }
  .page-id-511 .fp-hero-cta-row { flex-direction: column !important; align-items: stretch !important; }
}