/* Visual story layer for the Webbtex SEO Engine 2.2.9 public pages. */
.wse-landing-main { width: 100%; margin: 0; overflow-x: clip; }

.wse-page--quote-follow-up {
  background: #f5f9f8;
}
.wse-page--quote-follow-up .wse-hero {
  isolation: isolate;
  min-height: 570px;
  display: flex;
  align-items: center;
  padding-top: 92px;
  padding-bottom: 92px;
  background-color: #071e33;
  background-image: var(--wse-hero-image, none);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.wse-page--quote-follow-up .wse-hero::before {
  position: absolute;
  z-index: 0;
  inset: 0;
  content: "";
  background: rgba(1, 20, 35, .76);
}
.wse-page--quote-follow-up .wse-hero::after {
  z-index: 1;
  background: #019b67;
}
.wse-page--quote-follow-up .wse-hero-inner { position: relative; z-index: 2; }
.wse-page--quote-follow-up .wse-hero h1 { max-width: 14ch; font-size: 62px; }
.wse-page--quote-follow-up .wse-lead { max-width: 56ch; color: #d9e8ee; }
.wse-page--quote-follow-up .wse-trust-line { color: #b9ddcb; }

.wse-page--quote-follow-up .wse-content-wrap { width: min(100%, 1080px); }
.wse-page--quote-follow-up .wse-section { padding-top: 68px; padding-bottom: 68px; }
.wse-page--quote-follow-up .wse-section-leak {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, .78fr);
  gap: 56px;
  align-items: start;
}
.wse-page--quote-follow-up .wse-section-leak .wse-section-heading,
.wse-page--quote-follow-up .wse-section-leak > p { grid-column: 1; }
.wse-page--quote-follow-up .wse-section-leak .wse-list {
  grid-column: 2;
  grid-row: 1 / span 3;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  margin: 0;
  padding: 16px 22px;
  border: 1px solid #cfe5da;
  border-radius: 8px;
  background: #e7f4ec;
}
.wse-page--quote-follow-up .wse-section-leak .wse-list li { border-bottom-color: #cfe5da; }
.wse-page--quote-follow-up .wse-section-leak .wse-list li:last-child { border-bottom: 0; }

.wse-story-image { margin: 2px 0 8px; overflow: hidden; border-radius: 8px; background: #dbe8e8; box-shadow: 0 18px 44px -28px rgba(1, 32, 63, .42); }
.wse-story-image img { display: block; width: 100%; min-height: 330px; max-height: 480px; object-fit: cover; object-position: center; }
.wse-story-image figcaption { padding: 15px 20px; color: #48626a; background: #ffffff; font-size: 14px; font-weight: 600; line-height: 1.45; }

.wse-page--quote-follow-up .wse-section-system { display: grid; grid-template-columns: 1fr; }
.wse-page--quote-follow-up .wse-workflow { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.wse-page--quote-follow-up .wse-handover { border-left: 4px solid #019b67; border-radius: 0 8px 8px 0; }

@media (max-width: 760px) {
  .wse-page--quote-follow-up .wse-hero { min-height: 520px; padding-top: 66px; padding-bottom: 66px; background-position: 64% center; }
  .wse-page--quote-follow-up .wse-hero h1 { font-size: 42px; }
  .wse-page--quote-follow-up .wse-section { padding-top: 46px; padding-bottom: 46px; }
  .wse-page--quote-follow-up .wse-section-leak { display: block; }
  .wse-page--quote-follow-up .wse-section-leak .wse-list { margin-top: 24px; padding: 12px 17px; }
  .wse-page--quote-follow-up .wse-workflow { grid-template-columns: 1fr; }
  .wse-story-image img { min-height: 240px; }
}

/* Global image-led hero system for every structured Webbtex SEO page. */
.wse-page--done-for-you .wse-hero {
  position: relative;
  isolation: isolate;
  min-height: 560px;
  display: flex;
  align-items: center;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  padding-top: 96px;
  padding-bottom: 96px;
  border-radius: 0;
  background-color: #01203f;
  background-image: var(--wse-hero-image, none);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.wse-page--done-for-you .wse-hero::before { position: absolute; z-index: 0; inset: 0; content: ""; background: rgba(1, 27, 51, .77); }
.wse-page--done-for-you .wse-hero::after { z-index: 1; height: 4px; background: #019b67; }
.wse-page--done-for-you .wse-hero-inner { position: relative; z-index: 2; }
.wse-page--done-for-you .wse-hero h1 { max-width: 780px; font-size: 60px; line-height: 1.06; letter-spacing: 0; }
.wse-page--done-for-you .wse-hero .wse-lead { max-width: 630px; color: #d6e5ed; }
.wse-page--done-for-you .wse-hero .wse-trust-line { color: #b8ddcd; }
.wse-page--done-for-you .wse-hero--medical-practice { background-image: var(--wse-hero-image, none); }
.wse-page--done-for-you .wse-hero--use-case { background-position: 62% center; }
.wse-page--done-for-you .wse-hero--location { background-position: 64% center; }
.wse-page--done-for-you .wse-hero--industry { background-position: 60% center; }

@media (max-width: 760px) {
  .wse-page--done-for-you .wse-hero { min-height: 510px; padding-top: 68px; padding-bottom: 68px; background-position: 66% center; }
  .wse-page--done-for-you .wse-hero h1 { max-width: 13ch; font-size: 42px; }
  .wse-page--done-for-you .wse-hero--medical-practice { background-position: 67% center; }
}

/* Divi's cached theme CSS sets a generic hero background with !important.
   These selectors deliberately win so FTP image heroes remain visible. */
body.webbtex-seo-shell-v4-active .wse-page--done-for-you .wse-hero.wse-hero--external-image,
body.webbtex-seo-shell-v4-active .wse-pivot-directory .wse-pivot-hero.wse-hero--external-image {
  background-color: #01203f !important;
  background-image: var(--wse-hero-image) !important;
  background-position: 64% center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
body.webbtex-seo-shell-v4-active .wse-page--done-for-you .wse-hero.wse-hero--external-image::before,
body.webbtex-seo-shell-v4-active .wse-pivot-directory .wse-pivot-hero.wse-hero--external-image::before {
  background: rgba(1, 27, 51, .72) !important;
}
body.webbtex-seo-shell-v4-active .wse-page--done-for-you .wse-hero h1 {
  max-width: 720px !important;
  font-size: 48px !important;
  line-height: 1.08 !important;
}
body.webbtex-seo-shell-v4-active .wse-page--quote-follow-up .wse-hero h1 {
  max-width: 17ch !important;
  font-size: 48px !important;
}
body.webbtex-seo-shell-v4-active .wse-pivot-directory .wse-pivot-hero {
  min-height: 500px;
  background-position: 64% center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 760px) {
  body.webbtex-seo-shell-v4-active .wse-page--done-for-you .wse-hero h1,
  body.webbtex-seo-shell-v4-active .wse-page--quote-follow-up .wse-hero h1 {
    font-size: 38px !important;
  }
}