.elementor-kit-10{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */<style>
.whla-drain-emergency {
  max-width: 1080px;
  margin: 48px auto;
  font-family: 'Segoe UI', 'Roboto', Arial, sans-serif;
  background: #f5f7fa;
  padding: 0;
}

.whla-section {
  border: none;
  background: transparent;
  padding: 0;
  margin-bottom: 0;
}

.whla-box {
  background: #fff;
  color: #18191a;
  border-radius: 20px;
  box-shadow: 0 6px 20px rgba(43, 101, 236, 0.08);
  margin-bottom: 34px;
  padding: 38px 42px 30px;
  border: 1px solid #e4e7ec;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.whla-box:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 26px rgba(43, 101, 236, 0.12);
}

.whla-drain-hero {
  background: linear-gradient(90deg, #e9f1ff 0%, #fff1e6 100%);
  color: #23282d;
  border-radius: 22px;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.05);
  text-align: center;
  margin-bottom: 34px;
  padding: 50px 40px 32px;
  border: 1.5px solid #e4e7ec;
}
.whla-drain-hero h1 {
  font-size: 2.25rem;
  font-weight: 900;
  margin-bottom: 14px;
  letter-spacing: -1.4px;
  color: #2B65EC;
  text-shadow: 0 2px 6px rgba(255, 255, 255, 0.6);
}

.whla-section h2 {
  color: #2B65EC;
  font-size: 1.35rem;
  font-weight: 800;
  margin: 0 0 22px 0;
  border-left: 7px solid #FF6F00;
  padding-left: 13px;
  background: linear-gradient(90deg, rgba(255, 111, 0, 0.06) 0%, rgba(255, 255, 255, 0) 100%);
  display: inline-block;
  vertical-align: middle;
  letter-spacing: -0.5px;
}

.whla-icon {
  font-size: 1.13em;
  margin-right: 7px;
}

.whla-service-list {
  list-style: none;
  margin: 15px 0;
  padding-left: 0;
}
.whla-service-list li {
  margin-bottom: 12px;
  font-size: 1.08rem;
  line-height: 1.8;
  background: #f9fbfd;
  border-radius: 8px;
  padding: 6px 14px;
  border-left: 4px solid #FF6F00;
  transition: box-shadow 0.2s ease, background 0.2s ease;
  box-shadow: 0 2px 8px rgba(43, 101, 236, 0.05);
}
.whla-service-list li:hover {
  background: #fff;
  box-shadow: 0 6px 18px rgba(43, 101, 236, 0.08);
}
.whla-service-list li::before {
  content: "•";
  color: #2B65EC;
  font-weight: bold;
  font-size: 1.1em;
  margin-right: 9px;
}

.whla-highlight {
  background: linear-gradient(90deg, rgba(255, 239, 224, 0.8) 0%, #fff 100%);
  border: 1.5px solid rgba(255, 111, 0, 0.35);
  box-shadow: 0 8px 20px rgba(255, 111, 0, 0.1);
}

.whla-cta-call {
  margin: 18px 0 16px 0;
  text-align: center;
  font-size: 1.17rem;
  font-weight: 900;
  color: #2B65EC;
  letter-spacing: 0.1px;
}
.whla-cta-call span {
  background: rgba(43, 101, 236, 0.05);
  color: #2B65EC;
  border-radius: 60px;
  padding: 9px 28px;
  font-size: 1.12rem;
  font-weight: 900;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.04);
  display: inline-block;
  margin: 0 auto;
  border: 1.5px solid rgba(43, 101, 236, 0.25);
  transition: background 0.2s ease, transform 0.2s ease;
}
.whla-cta-call span:hover {
  background: rgba(255, 111, 0, 0.08);
  transform: scale(1.04);
}

.whla-process-steps {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin: 26px 0 10px 0;
}
.whla-process-steps > div {
  background: #f9fbfd;
  border-radius: 12px;
  padding: 18px 17px 15px;
  box-shadow: 0 2px 10px rgba(43, 101, 236, 0.06);
  flex: 1 1 220px;
  min-width: 170px;
  font-size: 1.04rem;
  color: #2B65EC;
  margin-bottom: 7px;
  border-left: 4px solid #2B65EC;
  transition: box-shadow 0.2s ease, background 0.2s ease;
}
.whla-process-steps > div:hover {
  background: #fff;
  box-shadow: 0 8px 18px rgba(43, 101, 236, 0.1);
}

@media (max-width: 1000px) {
  .whla-section.whla-box, .whla-drain-hero { padding: 19px 4vw 16px; }
  .whla-drain-hero h1 { font-size: 1.5rem; }
  .whla-section h2 { font-size: 1.08rem; }
  .whla-process-steps { flex-direction: column; gap: 11px; }
}

@media (max-width: 600px) {
  .whla-drain-emergency { padding: 0; }
  .whla-section.whla-box, .whla-drain-hero { padding: 14px 4vw; }
}
</style>/* End custom CSS */