.elementor-612 .elementor-element.elementor-element-40b06d8{--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;}/* Start custom CSS for html, class: .elementor-element-e05bf0d *//* --- Global Smooth Scroll Activation --- */
html {
  scroll-behavior: smooth !important;
}

/* --- Broken Phones St Helens Page Isolation Framework --- */
.selle-broken-sth-page {
  background-color: #0b0d12 !important;
  color: #94a3b8 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  line-height: 1.7 !important;
  display: block !important;
  width: 100% !important;
}

.broken-sth-section-container {
  max-width: 1140px !important;
  margin: 0 auto !important;
  padding: 80px 24px !important;
}

.broken-sth-details-container {
  max-width: 1140px !important;
  margin: 0 auto !important;
  padding: 80px 24px !important;
  display: flex !important;
  gap: 40px !important;
  align-items: flex-start !important;
}

/* --- Hero Banner Layout --- */
.broken-sth-hero {
  background: radial-gradient(circle at top right, #1a1613, #0b0d12) !important;
  padding: 120px 24px !important;
  text-align: center !important;
  border-bottom: 1px solid #1e293b !important;
}

.broken-sth-hero-inner {
  max-width: 850px !important;
  margin: 0 auto !important;
}

.broken-sth-badge {
  display: inline-block !important;
  background-color: #241d16 !important;
  color: #a36f33 !important;
  padding: 6px 14px !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  border: 1px solid #3d2d1e !important;
}

.broken-sth-main-title {
  color: #ffffff !important;
  font-size: 44px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: -1px !important;
  margin: 0 0 24px 0 !important;
}

.broken-sth-hero-lead {
  font-size: 17px !important;
  color: #94a3b8 !important;
  margin: 0 0 40px 0 !important;
}

.broken-sth-btn-primary {
  display: inline-block !important;
  text-decoration: none !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  padding: 14px 32px !important;
  border-radius: 6px !important;
  background-color: #38681e !important;
  color: #ffffff !important;
  transition: all 0.2s ease !important;
}
.broken-sth-btn-primary:hover {
  background-color: #4a852b !important;
  transform: translateY(-2px) !important;
}

/* --- Feature Grid Formatting --- */
.broken-sth-benefits-section {
  background-color: #0b0d12 !important;
  border-bottom: 1px solid #1e293b !important;
}

.broken-sth-section-title {
  color: #ffffff !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  text-align: center !important;
  margin: 0 0 10px 0 !important;
  letter-spacing: -0.5px !important;
}

.broken-sth-section-subtitle {
  text-align: center !important;
  color: #64748b !important;
  font-size: 16px !important;
  margin-bottom: 60px !important;
}

.broken-sth-benefits-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 30px !important;
}

.broken-sth-benefit-card {
  background-color: #121620 !important;
  border: 1px solid #1e293b !important;
  padding: 35px 25px !important;
  border-radius: 8px !important;
  transition: border 0.3s ease !important;
}
.broken-sth-benefit-card:hover { border-color: #38681e !important; }
.broken-sth-card-icon { font-size: 28px !important; margin-bottom: 20px !important; }
.broken-sth-benefit-card h3 { color: #ffffff !important; font-size: 18px !important; font-weight: 600 !important; margin: 0 0 14px 0 !important; }
.broken-sth-benefit-card p { font-size: 14px !important; color: #8292a8 !important; margin: 0 !important; }

/* --- SINGLE MASTER REGIONAL BOX STYLING --- */
.broken-sth-zones-section {
  background-color: #0f131a !important;
  border-bottom: 1px solid #1e293b !important;
}

.broken-sth-master-area-box {
  background-color: #0b0d12 !important;
  border: 1px solid #1e293b !important;
  padding: 40px !important;
  border-radius: 8px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
}

.broken-sth-master-area-box h3 {
  color: #ffffff !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  margin-top: 0 !important;
  margin-bottom: 16px !important;
}

.master-zone-intro {
  font-size: 15px !important;
  color: #cbd5e1 !important;
  line-height: 1.8 !important;
}
.master-zone-intro strong {
  color: #ffffff !important;
}

.master-zone-divider {
  height: 1px !important;
  background-color: #1e293b !important;
  margin: 25px 0 !important;
}

.master-zone-subtext {
  font-size: 13px !important;
  color: #475569 !important;
  margin-bottom: 12px !important;
}

.master-towns-string-matrix {
  font-size: 14px !important;
  color: #8292a8 !important;
  line-height: 2 !important;
  letter-spacing: 0.2px !important;
}

/* --- Lower Content & Split Interface Blocks --- */
.broken-sth-details-section {
  background-color: #0b0d12 !important;
}

#broken-sth-form-anchor {
  scroll-margin-top: 100px !important;
}

.broken-sth-details-box {
  flex: 1 !important;
  background-color: #121620 !important;
  border: 1px solid #1e293b !important;
  padding: 40px !important;
  border-radius: 8px !important;
}

.broken-sth-details-box h3 { color: #ffffff !important; font-size: 22px !important; font-weight: 600 !important; margin-top: 0 !important; margin-bottom: 16px !important; }
.broken-sth-box-intro { font-size: 15px !important; color: #94a3b8 !important; margin-bottom: 25px !important; }

.broken-sth-asset-list { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.broken-sth-asset-list li { font-size: 14px !important; padding-left: 24px !important; position: relative !important; margin-bottom: 14px !important; color: #cbd5e1 !important; }
.broken-sth-asset-list li::before { content: '✓' !important; position: absolute !important; left: 0 !important; color: #38681e !important; font-weight: bold !important; }

.broken-sth-landmark-badge {
  background-color: #141923 !important;
  border-left: 3px solid #38681e !important;
  padding: 16px !important;
  border-radius: 0 6px 6px 0 !important;
  font-size: 13px !important;
  color: #cbd5e1 !important;
  margin-top: 30px !important;
  line-height: 1.6 !important;
}

/* --- Forminator Container Framing Box --- */
.broken-sth-form-wrapper-card {
  flex: 1.1 !important;
  background-color: #121620 !important;
  border: 1px solid #1e293b !important;
  padding: 40px !important;
  border-radius: 8px !important;
  box-shadow: 0 20px 40px rgba(0,0,0,0.4) !important;
}

.broken-sth-form-header { margin-bottom: 30px !important; }
.broken-sth-form-header h3 { color: #ffffff !important; font-size: 22px !important; font-weight: 600 !important; margin: 0 0 8px 0 !important; }
.broken-sth-form-header p { font-size: 14px !important; color: #64748b !important; margin: 0 !important; line-height: 1.5 !important; }

/* Intercepting Forminator Input Fields */
.broken-sth-custom-form-container .forminator-label { color: #ffffff !important; font-size: 13px !important; }
.broken-sth-custom-form-container input[type="text"],
.broken-sth-custom-form-container input[type="email"],
.broken-sth-custom-form-container textarea {
  background-color: #0b0d12 !important;
  border: 1px solid #1e293b !important;
  color: #ffffff !important;
  font-size: 14px !important;
  border-radius: 6px !important;
  padding: 12px 16px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.broken-sth-custom-form-container input:focus,
.broken-sth-custom-form-container textarea:focus { border-color: #38681e !important; outline: none !important; }
.broken-sth-custom-form-container button.forminator-button {
  background-color: #38681e !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  padding: 14px 30px !important;
  border-radius: 6px !important;
  border: none !important;
  width: 100% !important;
  cursor: pointer !important;
}
.broken-sth-custom-form-container button.forminator-button:hover { background-color: #4a852b !important; }

/* --- Mobile Responsiveness Scaling Adaptive Breakpoints --- */
@media (max-width: 992px) {
  .broken-sth-benefits-grid { grid-template-columns: 1fr !important; gap: 25px !important; }
  .broken-sth-details-container { flex-direction: column !important; gap: 30px !important; }
  .broken-sth-form-wrapper-card, .broken-sth-details-box { width: 100% !important; box-sizing: border-box !important; }
  .broken-sth-master-area-box { padding: 25px !important; }
}

@media (max-width: 768px) {
  .broken-sth-main-title { font-size: 32px !important; }
  .broken-sth-section-container, .broken-sth-details-container { padding: 60px 16px !important; }
  .broken-sth-details-box, .broken-sth-form-wrapper-card { padding: 25px !important; }
}/* End custom CSS */