.elementor-10213 .elementor-element.elementor-element-de42f37{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10213 .elementor-element.elementor-element-dbb05f3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10213 .elementor-element.elementor-element-90a1e6b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10213 .elementor-element.elementor-element-1020e0a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-f88ddd2 *//* lead conversion, hero
   headline, short answer, button and the engine parts */

.oq-svh,
.oq-svh *,
.oq-svh *::before,
.oq-svh *::after { box-sizing: border-box !important; }

/* transparent, container behind is #000 */
.oq-svh {
  --onqol-color-red: #C40505;
  --onqol-color-gold: #FFB900;
  --oq-svh-e: cubic-bezier(0.16, 1, 0.3, 1);
  --oq-svh-ui: cubic-bezier(0.4, 0, 0.2, 1);
  position: relative !important;
  width: 100vw !important; /* fills a row container, elementor caps it at 100% */
  max-width: 100% !important;
  padding: 96px 32px 80px !important;
  background: transparent !important;
  border: 0 !important;
  font-family: 'DM Sans', Arial, sans-serif !important;
  color: #FFFFFF !important;
  text-align: left !important;
}
/* kit resets */
.oq-svh h1,
.oq-svh p,
.oq-svh a,
.oq-svh ul,
.oq-svh ol,
.oq-svh li {
  font-family: inherit !important;
  text-transform: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
  -webkit-hyphens: none !important;
  hyphens: none !important;
}

/* twenty nineteen draws a grey dash above every h1 */
.oq-svh h1::before { content: none !important; display: none !important; }

.oq-svh .oq-svh-wrap {
  display: block !important;
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
}
.oq-svh .oq-svh-copy {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

/* breadcrumb */
.oq-svh .oq-svh-crumbs { margin: 0 0 40px !important; }
.oq-svh .oq-svh-ol {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  color: #8A8A8A !important;
}
.oq-svh .oq-svh-cr { display: inline-flex !important; align-items: center !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
.oq-svh .oq-svh-cr::marker { content: none !important; }
/* separator. not text, screen readers get the list */
.oq-svh .oq-svh-cr + .oq-svh-cr::before {
  content: "" !important;
  width: 5px !important;
  height: 5px !important;
  margin: 0 12px 0 10px !important;
  border-top: 1px solid #5A5A5A !important;
  border-right: 1px solid #5A5A5A !important;
  transform: rotate(45deg) !important;
}
.oq-svh .oq-svh-cl,
.oq-svh .oq-svh-cl:visited {
  color: #8A8A8A !important;
  text-decoration: none !important;
  transition: color 0.2s var(--oq-svh-ui) !important;
}
.oq-svh .oq-svh-cl:hover { color: #FFFFFF !important; }
.oq-svh .oq-svh-cl:focus { outline: 0 !important; }
.oq-svh .oq-svh-cl:focus-visible { outline: 2px solid #FFFFFF !important; outline-offset: 3px !important; }
.oq-svh .oq-svh-cc { color: #D6D6D6 !important; }

/* h1: first line on top, js sizes it to the width of the service name */
.oq-svh .oq-svh-h1 {
  margin: 0 0 36px !important;
  padding: 0 !important;
  font-size: clamp(44px, 4.2vw, 58px) !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  letter-spacing: -0.015em !important;
  text-align: left !important;
  color: #FFFFFF !important;
}
.oq-svh .oq-svh-h1-w {
  display: block !important;
  overflow: hidden !important;
  padding: 0 0 0.2em !important;
  margin: 0 0 -0.2em !important;
}
.oq-svh .oq-svh-h1-l {
  display: inline-block !important;
  padding: 0 0.03em 0.2em 0 !important;
  margin: 0 0 -0.2em !important;
  white-space: nowrap !important;
  color: #FFFFFF !important;
  /* lit from the right, where the corner light is: grey left, full white toward the light */
  background: linear-gradient(90deg, #A6A6A6 0%, #FFFFFF 60%, #FFFFFF 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.oq-svh .oq-svh-h1-b {
  font-size: 1.3em !important; /* close to the fit, js refines it */
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}
.oq-svh .oq-svh-h1-a { margin-top: 0.3em !important; }
@media (forced-colors: active) {
  .oq-svh .oq-svh-h1-l { background: none !important; -webkit-text-fill-color: CanvasText !important; }
}

/* answer left, cta right, bottoms aligned */
.oq-svh .oq-svh-row {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 48px !important;
  width: 100% !important;
}
/* justified at 620: three lines, each 98% full (measured on the page).
   hyphens stay off, they'd insert dashes */
.oq-svh .oq-svh-answer {
  flex: 0 1 620px !important;
  max-width: 620px !important;
  margin: 0 !important;
  font-size: 18px !important;
  line-height: 1.4 !important;
  color: #B5B5B5 !important;
  text-align: justify !important;
  text-align-last: left !important;
}

/* cta */
.oq-svh .oq-svh-act {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 !important;
}
.oq-svh .oq-svh-btn,
.oq-svh .oq-svh-btn:visited {
  position: relative !important;
  display: inline-flex !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 9999px !important;
  background: none !important;
  text-decoration: none !important;
  isolation: isolate !important;
  transition: transform 0.2s var(--oq-svh-ui) !important;
}
.oq-svh .oq-svh-btn:hover { transform: translateY(-2px) !important; }
.oq-svh .oq-svh-btn:focus { outline: 0 !important; }
.oq-svh .oq-svh-btn:focus-visible { outline: 2px solid #FFFFFF !important; outline-offset: 4px !important; }
.oq-svh .oq-svh-btn-glow,
.oq-svh .oq-svh-btn-border {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  overflow: hidden !important;
  border-radius: 9999px !important;
  pointer-events: none !important;
}
.oq-svh .oq-svh-btn-glow { z-index: 0 !important; filter: blur(12px) !important; opacity: 0.45 !important; }
.oq-svh .oq-svh-btn-border { z-index: 1 !important; background: rgba(255,255,255,0.14) !important; }
.oq-svh .oq-svh-btn-glow::before,
.oq-svh .oq-svh-btn-border::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(transparent 0%, var(--onqol-color-gold) 20%, #FFFFFF 40%, var(--onqol-color-gold) 60%, transparent 80%) !important;
  animation: oq-svh-spin 2.5s linear infinite !important;
}
@keyframes oq-svh-spin { to { transform: rotate(360deg); } }
.oq-svh .oq-svh-btn-in {
  position: relative !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  min-height: 56px !important;
  margin: 1.5px !important;
  padding: 0 28px 0 16px !important;
  border-radius: 9999px !important;
  background: #0A0A0A !important;
  white-space: nowrap !important;
}
.oq-svh .oq-svh-btn-t {
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.2px !important;
  color: #FFFFFF !important;
  transition: color 0.2s var(--oq-svh-ui) !important;
}
.oq-svh .oq-svh-btn:hover .oq-svh-btn-t { color: var(--onqol-color-gold) !important; }
.oq-svh .oq-svh-btn-arr {
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  fill: none !important;
  stroke: var(--onqol-color-gold) !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  transition: transform 0.2s var(--oq-svh-ui) !important;
}
.oq-svh .oq-svh-btn:hover .oq-svh-btn-arr { transform: translateX(4px) !important; }

/* mini engine */
.oq-svh .oq-svh-eng {
  flex: 0 0 30px !important;
  display: block !important;
  width: 30px !important;
  height: 30px !important;
  overflow: visible !important;
}
.oq-svh .oq-svh-eng * { vector-effect: non-scaling-stroke !important; }
.oq-svh .oq-svh-eng-orbit {
  transform-box: view-box !important;
  transform-origin: 16px 16px !important;
  animation: oq-svh-spin 8s linear infinite !important;
}
.oq-svh .oq-svh-btn:hover .oq-svh-eng-orbit { animation-duration: 1.6s !important; }
.oq-svh .oq-svh-eng-ring { fill: none !important; stroke: rgba(255,255,255,0.22) !important; stroke-width: 1 !important; stroke-dasharray: 1 3 !important; }
.oq-svh .oq-svh-eng-arc { fill: none !important; stroke: var(--onqol-color-red) !important; stroke-width: 1.5 !important; stroke-linecap: round !important; }
.oq-svh .oq-svh-eng-dot,
.oq-svh .oq-svh-eng-cdot { fill: var(--onqol-color-gold) !important; stroke: none !important; }
.oq-svh .oq-svh-eng-core { fill: #0A0A0A !important; stroke: var(--onqol-color-red) !important; stroke-width: 1.5 !important; }
/* no !important on stroke, the keyframes animate it */
.oq-svh .oq-svh-eng-part {
  fill: none !important;
  stroke: rgba(255,255,255,0.28);
  stroke-width: 2 !important;
  animation: oq-svh-part 4.8s var(--oq-svh-ui) calc(var(--i, 0) * 0.3s) infinite !important;
}
@keyframes oq-svh-part {
  0%, 74%, 100% { stroke: rgba(255,255,255,0.28); }
  8%, 62% { stroke: #FFB900; }
}

.oq-svh .oq-svh-micro {
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  color: #8A8A8A !important;
  text-wrap: balance !important;
}

/* services. each cell draws a gold hairline on its right, the list clips the last one */
.oq-svh .oq-svh-track {
  --oq-svh-gap: 32px; /* 6 columns fit the boxed 1140 container */
  display: block !important;
  margin: 96px 0 0 !important;
}
.oq-svh .oq-svh-engine { margin: 0 0 24px !important; padding: 0 !important; }
.oq-svh .oq-svh-engine-t {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 6px 14px !important;
  margin: 0 !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.01em !important;
  color: #FFFFFF !important;
}
/* core service, links to the growth engine page */
.oq-svh .oq-svh-engine-a,
.oq-svh .oq-svh-engine-a:visited {
  color: #FFFFFF !important;
  text-decoration: none !important;
  -webkit-tap-highlight-color: transparent !important;
}
.oq-svh .oq-svh-engine-a:focus { outline: 0 !important; }
.oq-svh .oq-svh-engine-a:focus-visible { outline: 2px solid #FFFFFF !important; outline-offset: 4px !important; }
/* html says "Core service", css uppercases it like the other small labels */
.oq-svh .oq-svh-tag {
  display: block !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  color: #8A8A8A !important;
}
.oq-svh .oq-svh-engine-s {
  margin: 4px 0 0 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  color: #8A8A8A !important;
}
.oq-svh .oq-svh-list {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  column-gap: var(--oq-svh-gap) !important;
  row-gap: 36px !important;
  overflow: clip !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.oq-svh .oq-svh-li {
  position: relative !important;
  margin: 0 !important;
  padding: 8px 0 !important;
  list-style: none !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
}
.oq-svh .oq-svh-li::marker,
.oq-svh .oq-svh-li::before { content: none !important; }
/* no transform here, the grow keyframes need it */
.oq-svh .oq-svh-li::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  right: calc(var(--oq-svh-gap) / -2) !important;
  width: 1px !important;
  height: 56px !important;
  margin-top: -28px !important;
  background: linear-gradient(rgba(255,185,0,0), rgba(255,185,0,0.5), rgba(255,185,0,0)) !important;
  pointer-events: none !important;
}
/* part number over the name. unlit parts stay dim */
.oq-svh .oq-svh-pn,
.oq-svh .oq-svh-pt { display: block !important; }
.oq-svh .oq-svh-pn {
  margin: 0 0 8px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 1px !important;
  color: #4A4A4A;
}
.oq-svh .oq-svh-pt { color: #5A5A5A; }
.oq-svh .oq-svh-li.is-on .oq-svh-pn { color: var(--onqol-color-gold); }
.oq-svh .oq-svh-li.is-on .oq-svh-pt { color: #FFFFFF; }
.oq-svh .oq-svh-vh {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.oq-svh .oq-svh-arr {
  display: inline-block !important;
  width: 15px !important;
  height: 15px !important;
  margin-left: 6px !important;
  vertical-align: -2px !important;
  fill: none !important;
  stroke: #6E6E6E !important;
  stroke-width: 1.6 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  transition: transform 0.25s var(--oq-svh-ui), stroke 0.2s ease !important;
}
.oq-svh .oq-svh-engine-a:hover .oq-svh-arr,
.oq-svh .oq-svh-engine-a:focus-visible .oq-svh-arr { stroke: var(--onqol-color-gold) !important; transform: translateX(4px) !important; }

/* entrance. no !important on animated props or keyframes can't win */
@keyframes oq-svh-rise { from { transform: translateY(110%); } }
@keyframes oq-svh-fade { from { opacity: 0; transform: translateY(10px); } }
@keyframes oq-svh-grow { from { transform: scaleY(0); } }
.oq-svh.oq-svh-play .oq-svh-h1-b { animation: oq-svh-rise 0.95s var(--oq-svh-e) 0.1s both; }
.oq-svh.oq-svh-play .oq-svh-h1-a { animation: oq-svh-rise 0.95s var(--oq-svh-e) 0.26s both; }
.oq-svh.oq-svh-play .oq-svh-answer { animation: oq-svh-fade 0.7s var(--oq-svh-e) 0.5s both; }
.oq-svh.oq-svh-play .oq-svh-act { animation: oq-svh-fade 0.7s var(--oq-svh-e) 0.65s both; }
.oq-svh.oq-svh-play .oq-svh-engine { animation: oq-svh-fade 0.7s var(--oq-svh-e) 0.8s both; }
.oq-svh.oq-svh-play .oq-svh-li { animation: oq-svh-fade 0.7s var(--oq-svh-e) 0.9s both; }
.oq-svh.oq-svh-play .oq-svh-li::after { animation: oq-svh-grow 0.9s var(--oq-svh-e) 1s both; }
.oq-svh.oq-svh-play .oq-svh-li.is-on .oq-svh-pn { animation: oq-svh-lit-n 0.6s var(--oq-svh-ui) calc(1.5s + var(--k, 0) * 0.35s) both; }
.oq-svh.oq-svh-play .oq-svh-li.is-on .oq-svh-pt { animation: oq-svh-lit-t 0.6s var(--oq-svh-ui) calc(1.5s + var(--k, 0) * 0.35s) both; }
@keyframes oq-svh-lit-n { from { color: #4A4A4A; } }
@keyframes oq-svh-lit-t { from { color: #5A5A5A; } }



/* tablet */
@media (max-width: 1023px) {
  .oq-svh { padding: 72px 28px 64px !important; }
  .oq-svh .oq-svh-row { flex-direction: column !important; align-items: flex-start !important; gap: 32px !important; }
  .oq-svh .oq-svh-answer { flex-basis: auto !important; }
  .oq-svh .oq-svh-h1 { margin-bottom: 28px !important; }
  .oq-svh .oq-svh-act { align-items: flex-start !important; }
  .oq-svh .oq-svh-track { --oq-svh-gap: 40px; margin-top: 72px !important; }
  .oq-svh .oq-svh-list { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}

/* mobile. 52px = elementor 2x10 + our 2x16 padding */
@media (max-width: 767px) {
  .oq-svh { padding: 48px 16px 56px !important; }
  .oq-svh .oq-svh-h1 { margin-bottom: 22px !important; font-size: clamp(20px, calc((100vw - 52px) * 0.068), 44px) !important; }
  /* phone widths vary, justify would open gaps */
  .oq-svh .oq-svh-answer { flex-basis: auto !important; font-size: 16px !important; line-height: 1.45 !important; text-align: left !important; text-wrap: pretty !important; }
  .oq-svh .oq-svh-row { gap: 22px !important; }
  .oq-svh .oq-svh-act { align-items: stretch !important; width: 100% !important; gap: 12px !important; }
  .oq-svh .oq-svh-btn { display: flex !important; width: 100% !important; }
  .oq-svh .oq-svh-btn-in { display: flex !important; width: calc(100% - 3px) !important; }
  .oq-svh .oq-svh-micro { font-size: 13px !important; text-align: center !important; }
  .oq-svh .oq-svh-track { --oq-svh-gap: 32px; margin-top: 68px !important; }
  .oq-svh .oq-svh-engine { margin-bottom: 20px !important; }
  /* tag goes above the title as a label, never wraps under it */
  .oq-svh .oq-svh-tag { order: -1 !important; flex-basis: 100% !important; }
  .oq-svh .oq-svh-list { --oq-svh-gap: 20px; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; row-gap: 12px !important; }
  .oq-svh .oq-svh-li:nth-child(3n)::after { content: none !important; }
  .oq-svh .oq-svh-li { padding: 4px 0 !important; font-size: 14px !important; }
  .oq-svh .oq-svh-crumbs { margin-bottom: 28px !important; }
  /* the h1 names the page, screen readers still get this crumb */
  .oq-svh .oq-svh-cr:last-child {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .oq-svh *,
  .oq-svh *::before,
  .oq-svh *::after { transition: none !important; animation: none !important; }
}

/* justified on every width, last line left */
.oq-svh .oq-svh-answer { text-align: justify !important; text-align-last: left !important; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f50f6de *//* service page herO*/

.oq-svh,
.oq-svh *,
.oq-svh *::before,
.oq-svh *::after { box-sizing: border-box !important; }

/* transparent, container behind is #000 */
.oq-svh {
  --onqol-color-red: #C40505;
  --onqol-color-gold: #FFB900;
  --oq-svh-e: cubic-bezier(0.16, 1, 0.3, 1);
  --oq-svh-ui: cubic-bezier(0.4, 0, 0.2, 1);
  position: relative !important;
  width: 100vw !important; /* fills a row container, elementor caps it at 100% */
  max-width: 100% !important;
  padding: 96px 32px 80px !important;
  background: transparent !important;
  border: 0 !important;
  font-family: 'DM Sans', Arial, sans-serif !important;
  color: #FFFFFF !important;
  text-align: left !important;
}
/* kit resets */
.oq-svh h1,
.oq-svh p,
.oq-svh a,
.oq-svh ul,
.oq-svh ol,
.oq-svh li {
  font-family: inherit !important;
  text-transform: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
  -webkit-hyphens: none !important;
  hyphens: none !important;
}

/* twenty nineteen draws a grey dash above every h1 */
.oq-svh h1::before { content: none !important; display: none !important; }

.oq-svh .oq-svh-wrap {
  display: block !important;
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
}
.oq-svh .oq-svh-copy {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

/* breadcrumb */
.oq-svh .oq-svh-crumbs { margin: 0 0 40px !important; }
.oq-svh .oq-svh-ol {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  color: #8A8A8A !important;
}
.oq-svh .oq-svh-cr { display: inline-flex !important; align-items: center !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
.oq-svh .oq-svh-cr::marker { content: none !important; }
/* separator. not text, screen readers get the list */
.oq-svh .oq-svh-cr + .oq-svh-cr::before {
  content: "" !important;
  width: 5px !important;
  height: 5px !important;
  margin: 0 12px 0 10px !important;
  border-top: 1px solid #5A5A5A !important;
  border-right: 1px solid #5A5A5A !important;
  transform: rotate(45deg) !important;
}
.oq-svh .oq-svh-cl,
.oq-svh .oq-svh-cl:visited {
  color: #8A8A8A !important;
  text-decoration: none !important;
  transition: color 0.2s var(--oq-svh-ui) !important;
}
.oq-svh .oq-svh-cl:hover { color: #FFFFFF !important; }
.oq-svh .oq-svh-cl:focus { outline: 0 !important; }
.oq-svh .oq-svh-cl:focus-visible { outline: 2px solid #FFFFFF !important; outline-offset: 3px !important; }
.oq-svh .oq-svh-cc { color: #D6D6D6 !important; }

/* h1: first line on top, js sizes it to the width of the service name */
.oq-svh .oq-svh-h1 {
  margin: 0 0 36px !important;
  padding: 0 !important;
  font-size: clamp(44px, 4.2vw, 58px) !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  letter-spacing: -0.015em !important;
  text-align: left !important;
  color: #FFFFFF !important;
}
.oq-svh .oq-svh-h1-w {
  display: block !important;
  overflow: hidden !important;
  padding: 0 0 0.2em !important;
  margin: 0 0 -0.2em !important;
}
.oq-svh .oq-svh-h1-l {
  display: inline-block !important;
  padding: 0 0.03em 0.2em 0 !important;
  margin: 0 0 -0.2em !important;
  white-space: nowrap !important;
  color: #FFFFFF !important;
  /* lit from the right, where the corner light is: grey left, full white toward the light */
  background: linear-gradient(90deg, #A6A6A6 0%, #FFFFFF 60%, #FFFFFF 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.oq-svh .oq-svh-h1-b {
  font-size: 1.3em !important; /* close to the fit, js refines it */
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}
.oq-svh .oq-svh-h1-a { margin-top: 0.3em !important; }
@media (forced-colors: active) {
  .oq-svh .oq-svh-h1-l { background: none !important; -webkit-text-fill-color: CanvasText !important; }
}

/* answer left, cta right, bottoms aligned */
.oq-svh .oq-svh-row {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 48px !important;
  width: 100% !important;
}
/* justified at 620: three lines, each 98% full (measured on the page).
   hyphens stay off, they'd insert dashes */
.oq-svh .oq-svh-answer {
  flex: 0 1 620px !important;
  max-width: 620px !important;
  margin: 0 !important;
  font-size: 18px !important;
  line-height: 1.4 !important;
  color: #B5B5B5 !important;
  text-align: justify !important;
  text-align-last: left !important;
}

/* cta */
.oq-svh .oq-svh-act {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 !important;
}
.oq-svh .oq-svh-btn,
.oq-svh .oq-svh-btn:visited {
  position: relative !important;
  display: inline-flex !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 9999px !important;
  background: none !important;
  text-decoration: none !important;
  isolation: isolate !important;
  transition: transform 0.2s var(--oq-svh-ui) !important;
}
.oq-svh .oq-svh-btn:hover { transform: translateY(-2px) !important; }
.oq-svh .oq-svh-btn:focus { outline: 0 !important; }
.oq-svh .oq-svh-btn:focus-visible { outline: 2px solid #FFFFFF !important; outline-offset: 4px !important; }
.oq-svh .oq-svh-btn-glow,
.oq-svh .oq-svh-btn-border {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  overflow: hidden !important;
  border-radius: 9999px !important;
  pointer-events: none !important;
}
.oq-svh .oq-svh-btn-glow { z-index: 0 !important; filter: blur(12px) !important; opacity: 0.45 !important; }
.oq-svh .oq-svh-btn-border { z-index: 1 !important; background: rgba(255,255,255,0.14) !important; }
.oq-svh .oq-svh-btn-glow::before,
.oq-svh .oq-svh-btn-border::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(transparent 0%, var(--onqol-color-gold) 20%, #FFFFFF 40%, var(--onqol-color-gold) 60%, transparent 80%) !important;
  animation: oq-svh-spin 2.5s linear infinite !important;
}
@keyframes oq-svh-spin { to { transform: rotate(360deg); } }
.oq-svh .oq-svh-btn-in {
  position: relative !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  min-height: 56px !important;
  margin: 1.5px !important;
  padding: 0 28px 0 16px !important;
  border-radius: 9999px !important;
  background: #0A0A0A !important;
  white-space: nowrap !important;
}
.oq-svh .oq-svh-btn-t {
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.2px !important;
  color: #FFFFFF !important;
  transition: color 0.2s var(--oq-svh-ui) !important;
}
.oq-svh .oq-svh-btn:hover .oq-svh-btn-t { color: var(--onqol-color-gold) !important; }
.oq-svh .oq-svh-btn-arr {
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  fill: none !important;
  stroke: var(--onqol-color-gold) !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  transition: transform 0.2s var(--oq-svh-ui) !important;
}
.oq-svh .oq-svh-btn:hover .oq-svh-btn-arr { transform: translateX(4px) !important; }

/* mini engine */
.oq-svh .oq-svh-eng {
  flex: 0 0 30px !important;
  display: block !important;
  width: 30px !important;
  height: 30px !important;
  overflow: visible !important;
}
.oq-svh .oq-svh-eng * { vector-effect: non-scaling-stroke !important; }
.oq-svh .oq-svh-eng-orbit {
  transform-box: view-box !important;
  transform-origin: 16px 16px !important;
  animation: oq-svh-spin 8s linear infinite !important;
}
.oq-svh .oq-svh-btn:hover .oq-svh-eng-orbit { animation-duration: 1.6s !important; }
.oq-svh .oq-svh-eng-ring { fill: none !important; stroke: rgba(255,255,255,0.22) !important; stroke-width: 1 !important; stroke-dasharray: 1 3 !important; }
.oq-svh .oq-svh-eng-arc { fill: none !important; stroke: var(--onqol-color-red) !important; stroke-width: 1.5 !important; stroke-linecap: round !important; }
.oq-svh .oq-svh-eng-dot,
.oq-svh .oq-svh-eng-cdot { fill: var(--onqol-color-gold) !important; stroke: none !important; }
.oq-svh .oq-svh-eng-core { fill: #0A0A0A !important; stroke: var(--onqol-color-red) !important; stroke-width: 1.5 !important; }
/* no !important on stroke, the keyframes animate it */
.oq-svh .oq-svh-eng-part {
  fill: none !important;
  stroke: rgba(255,255,255,0.28);
  stroke-width: 2 !important;
  animation: oq-svh-part 4.8s var(--oq-svh-ui) calc(var(--i, 0) * 0.3s) infinite !important;
}
@keyframes oq-svh-part {
  0%, 74%, 100% { stroke: rgba(255,255,255,0.28); }
  8%, 62% { stroke: #FFB900; }
}

.oq-svh .oq-svh-micro {
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  color: #8A8A8A !important;
  text-wrap: balance !important;
}

/* services. each cell draws a gold hairline on its right, the list clips the last one */
.oq-svh .oq-svh-track {
  --oq-svh-gap: 32px; /* 6 columns fit the boxed 1140 container */
  display: block !important;
  margin: 96px 0 0 !important;
}
.oq-svh .oq-svh-engine { margin: 0 0 24px !important; padding: 0 !important; }
.oq-svh .oq-svh-engine-t {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 6px 14px !important;
  margin: 0 !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.01em !important;
  color: #FFFFFF !important;
}
/* core service, links to the growth engine page */
.oq-svh .oq-svh-engine-a,
.oq-svh .oq-svh-engine-a:visited {
  color: #FFFFFF !important;
  text-decoration: none !important;
  -webkit-tap-highlight-color: transparent !important;
}
.oq-svh .oq-svh-engine-a:focus { outline: 0 !important; }
.oq-svh .oq-svh-engine-a:focus-visible { outline: 2px solid #FFFFFF !important; outline-offset: 4px !important; }
/* html says "Core service", css uppercases it like the other small labels */
.oq-svh .oq-svh-tag {
  display: block !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  color: #8A8A8A !important;
}
.oq-svh .oq-svh-engine-s {
  margin: 4px 0 0 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  color: #8A8A8A !important;
}
.oq-svh .oq-svh-list {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  column-gap: var(--oq-svh-gap) !important;
  row-gap: 36px !important;
  overflow: clip !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.oq-svh .oq-svh-li {
  position: relative !important;
  margin: 0 !important;
  padding: 8px 0 !important;
  list-style: none !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
}
.oq-svh .oq-svh-li::marker,
.oq-svh .oq-svh-li::before { content: none !important; }
/* no transform here, the grow keyframes need it */
.oq-svh .oq-svh-li::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  right: calc(var(--oq-svh-gap) / -2) !important;
  width: 1px !important;
  height: 56px !important;
  margin-top: -28px !important;
  background: linear-gradient(rgba(255,185,0,0), rgba(255,185,0,0.5), rgba(255,185,0,0)) !important;
  pointer-events: none !important;
}
/* part number over the name. unlit parts stay dim */
.oq-svh .oq-svh-pn,
.oq-svh .oq-svh-pt { display: block !important; }
.oq-svh .oq-svh-pn {
  margin: 0 0 8px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 1px !important;
  color: #4A4A4A;
}
.oq-svh .oq-svh-pt { color: #5A5A5A; }
.oq-svh .oq-svh-li.is-on .oq-svh-pn { color: var(--onqol-color-gold); }
.oq-svh .oq-svh-li.is-on .oq-svh-pt { color: #FFFFFF; }
.oq-svh .oq-svh-vh {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.oq-svh .oq-svh-arr {
  display: inline-block !important;
  width: 15px !important;
  height: 15px !important;
  margin-left: 6px !important;
  vertical-align: -2px !important;
  fill: none !important;
  stroke: #6E6E6E !important;
  stroke-width: 1.6 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  transition: transform 0.25s var(--oq-svh-ui), stroke 0.2s ease !important;
}
.oq-svh .oq-svh-engine-a:hover .oq-svh-arr,
.oq-svh .oq-svh-engine-a:focus-visible .oq-svh-arr { stroke: var(--onqol-color-gold) !important; transform: translateX(4px) !important; }

/* entrance. no !important on animated props or keyframes can't win */
@keyframes oq-svh-rise { from { transform: translateY(110%); } }
@keyframes oq-svh-fade { from { opacity: 0; transform: translateY(10px); } }
@keyframes oq-svh-grow { from { transform: scaleY(0); } }
.oq-svh.oq-svh-play .oq-svh-h1-b { animation: oq-svh-rise 0.95s var(--oq-svh-e) 0.1s both; }
.oq-svh.oq-svh-play .oq-svh-h1-a { animation: oq-svh-rise 0.95s var(--oq-svh-e) 0.26s both; }
.oq-svh.oq-svh-play .oq-svh-answer { animation: oq-svh-fade 0.7s var(--oq-svh-e) 0.5s both; }
.oq-svh.oq-svh-play .oq-svh-act { animation: oq-svh-fade 0.7s var(--oq-svh-e) 0.65s both; }
.oq-svh.oq-svh-play .oq-svh-engine { animation: oq-svh-fade 0.7s var(--oq-svh-e) 0.8s both; }
.oq-svh.oq-svh-play .oq-svh-li { animation: oq-svh-fade 0.7s var(--oq-svh-e) 0.9s both; }
.oq-svh.oq-svh-play .oq-svh-li::after { animation: oq-svh-grow 0.9s var(--oq-svh-e) 1s both; }
.oq-svh.oq-svh-play .oq-svh-li.is-on .oq-svh-pn { animation: oq-svh-lit-n 0.6s var(--oq-svh-ui) calc(1.5s + var(--k, 0) * 0.35s) both; }
.oq-svh.oq-svh-play .oq-svh-li.is-on .oq-svh-pt { animation: oq-svh-lit-t 0.6s var(--oq-svh-ui) calc(1.5s + var(--k, 0) * 0.35s) both; }
@keyframes oq-svh-lit-n { from { color: #4A4A4A; } }
@keyframes oq-svh-lit-t { from { color: #5A5A5A; } }



/* tablet */
@media (max-width: 1023px) {
  .oq-svh { padding: 72px 28px 64px !important; }
  .oq-svh .oq-svh-row { flex-direction: column !important; align-items: flex-start !important; gap: 32px !important; }
  .oq-svh .oq-svh-answer { flex-basis: auto !important; }
  .oq-svh .oq-svh-h1 { margin-bottom: 28px !important; }
  .oq-svh .oq-svh-act { align-items: flex-start !important; }
  .oq-svh .oq-svh-track { --oq-svh-gap: 40px; margin-top: 72px !important; }
  .oq-svh .oq-svh-list { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}

/* mobile. 52px = elementor 2x10 + our 2x16 padding */
@media (max-width: 767px) {
  .oq-svh { padding: 48px 16px 56px !important; }
  .oq-svh .oq-svh-h1 { margin-bottom: 22px !important; font-size: clamp(20px, calc((100vw - 52px) * 0.068), 44px) !important; }
  /* phone widths vary, justify would open gaps */
  .oq-svh .oq-svh-answer { flex-basis: auto !important; font-size: 16px !important; line-height: 1.45 !important; text-align: left !important; text-wrap: pretty !important; }
  .oq-svh .oq-svh-row { gap: 22px !important; }
  .oq-svh .oq-svh-act { align-items: stretch !important; width: 100% !important; gap: 12px !important; }
  .oq-svh .oq-svh-btn { display: flex !important; width: 100% !important; }
  .oq-svh .oq-svh-btn-in { display: flex !important; width: calc(100% - 3px) !important; }
  .oq-svh .oq-svh-micro { font-size: 13px !important; text-align: center !important; }
  .oq-svh .oq-svh-track { --oq-svh-gap: 32px; margin-top: 68px !important; }
  .oq-svh .oq-svh-engine { margin-bottom: 20px !important; }
  /* tag goes above the title as a label, never wraps under it */
  .oq-svh .oq-svh-tag { order: -1 !important; flex-basis: 100% !important; }
  .oq-svh .oq-svh-list { --oq-svh-gap: 20px; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; row-gap: 12px !important; }
  .oq-svh .oq-svh-li:nth-child(3n)::after { content: none !important; }
  .oq-svh .oq-svh-li { padding: 4px 0 !important; font-size: 14px !important; }
  .oq-svh .oq-svh-crumbs { margin-bottom: 28px !important; }
  /* the h1 names the page, screen readers still get this crumb */
  .oq-svh .oq-svh-cr:last-child {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .oq-svh *,
  .oq-svh *::before,
  .oq-svh *::after { transition: none !important; animation: none !important; }
}

/* justified on every width, last line left */
.oq-svh .oq-svh-answer { text-align: justify !important; text-align-last: left !important; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-519ec3d *//* lead conversion, fit
   who it is for, how it is judged, who it is not for */

.oq-svf,
.oq-svf *,
.oq-svf *::before,
.oq-svf *::after { box-sizing: border-box !important; }

.oq-svf {
  --onqol-color-gold: #FFB900;
  position: relative !important;
  width: 100vw !important; /* fills a row container, elementor caps it at 100% */
  max-width: 100% !important;
  padding: 96px 32px !important;
  background: transparent !important;
  border: 0 !important;
  font-family: 'DM Sans', Arial, sans-serif !important;
  color: #FFFFFF !important;
  text-align: left !important;
}

.oq-svf h2,
.oq-svf dl,
.oq-svf dt,
.oq-svf dd {
  font-family: inherit !important;
  text-transform: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  -webkit-hyphens: none !important;
  hyphens: none !important;
}
/* theme draws a grey dash above every h2 */
.oq-svf h2::before { content: none !important; display: none !important; }

.oq-svf .oq-svf-wrap {
  display: block !important;
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
}

.oq-svf .oq-svf-h2 {
  margin: 0 0 56px !important;
  padding: 0 0 0.1em !important;
  font-size: clamp(32px, 3.4vw, 44px) !important;
  font-weight: 300 !important;
  line-height: 1.14 !important;
  letter-spacing: -0.015em !important;
  text-align: left !important;
  width: fit-content !important;
  max-width: 100% !important;
  color: #FFFFFF !important;
  background: linear-gradient(90deg, #A6A6A6 0%, #FFFFFF 60%, #FFFFFF 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
@media (forced-colors: active) {
  .oq-svf .oq-svf-h2 { background: none !important; -webkit-text-fill-color: CanvasText !important; }
}

.oq-svf .oq-svf-list {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  column-gap: 64px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.oq-svf .oq-svf-item {
  position: relative !important;
  margin: 0 !important;
  padding: 36px 0 0 !important;
  border-top: 1px solid rgba(255,255,255,0.14) !important;
}
/* gold tick drawn along the hairline by the scroll, full where unsupported */
.oq-svf .oq-svf-item::before {
  content: "" !important;
  position: absolute !important;
  top: -1px !important;
  left: 0 !important;
  width: 56px !important;
  height: 1px !important;
  background: var(--onqol-color-gold) !important;
  transform-origin: 0 50% !important;
}
@keyframes oq-svf-tick { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@supports (animation-timeline: view()) {
  .oq-svf .oq-svf-item { view-timeline: --oq-svf-i block !important; }
  .oq-svf .oq-svf-item::before {
    animation: oq-svf-tick linear both !important;
    animation-timeline: --oq-svf-i !important;
    animation-range: entry 10% entry 90% !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .oq-svf .oq-svf-item::before { animation: none !important; }
}

.oq-svf .oq-svf-label {
  display: block !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  letter-spacing: 1px !important;
  color: var(--onqol-color-gold) !important;
}
.oq-svf .oq-svf-line {
  margin: 0 !important;
  padding: 0 !important;
  max-width: 520px !important;
  font-size: clamp(24px, 2.2vw, 30px) !important;
  font-weight: 300 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.01em !important;
  color: #FFFFFF !important;
  text-wrap: pretty !important;
}
/* quieter third row */
.oq-svf .oq-svf-not { grid-column: 1 / -1 !important; margin-top: 56px !important; padding-top: 28px !important; }
.oq-svf .oq-svf-not .oq-svf-label { margin-bottom: 12px !important; }
.oq-svf .oq-svf-not .oq-svf-line {
  max-width: 760px !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
  color: rgb(255 255 255 / 0.75) !important;
}
.oq-svf .oq-svf-nw { white-space: nowrap !important; }

@media (max-width: 1023px) {
  .oq-svf { padding: 72px 28px !important; }
  .oq-svf .oq-svf-h2 { margin-bottom: 44px !important; }
  .oq-svf .oq-svf-list { grid-template-columns: minmax(0, 1fr) !important; row-gap: 48px !important; }
  .oq-svf .oq-svf-item { padding-top: 28px !important; }
  .oq-svf .oq-svf-not { margin-top: 0 !important; }
}

@media (max-width: 767px) {
  .oq-svf { padding: 44px 16px !important; }
  .oq-svf .oq-svf-h2 { margin-bottom: 36px !important; }
  .oq-svf .oq-svf-list { row-gap: 40px !important; }
  .oq-svf .oq-svf-label { margin-bottom: 14px !important; }
  .oq-svf .oq-svf-line { font-size: 22px !important; line-height: 1.35 !important; }
  .oq-svf .oq-svf-not .oq-svf-line { font-size: 16px !important; line-height: 1.45 !important; }
}

/* justified on every width, last line left */
.oq-svf .oq-svf-not .oq-svf-line { text-align: justify !important; text-align-last: left !important; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ce72fe3 *//* lead conversion, faq
   common questions, one open at a time */

.oq-svq,
.oq-svq *,
.oq-svq *::before,
.oq-svq *::after { box-sizing: border-box !important; }

.oq-svq {
  --onqol-color-red: #C40505;
  --onqol-color-gold: #FFB900;
  position: relative !important;
  width: 100vw !important; /* fills a row container, elementor caps it at 100% */
  max-width: 100% !important;
  background: transparent !important;
  border: 0 !important;
  font-family: 'DM Sans', Arial, sans-serif !important;
  color: #FFFFFF !important;
  text-align: left !important;
  interpolate-size: allow-keywords !important;
}
.oq-svq .oq-svq-in {
  max-width: 1244px !important;
  margin: 0 auto !important;
  padding: 96px 32px 112px !important;
}

/* theme resets */
.oq-svq h2,
.oq-svq h3,
.oq-svq p,
.oq-svq details,
.oq-svq summary {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  font-family: inherit !important;
  text-transform: none !important;
  text-shadow: none !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  -webkit-hyphens: none !important;
  hyphens: none !important;
}
/* theme draws a grey dash above every h2 */
.oq-svq h2::before { content: none !important; display: none !important; }
.oq-svq .oq-svq-nw { white-space: nowrap !important; }

.oq-svq .oq-svq-title {
  padding: 0 0 0.1em !important;
  font-size: clamp(32px, 3.4vw, 44px) !important;
  font-weight: 300 !important;
  line-height: 1.14 !important;
  letter-spacing: -0.015em !important;
  text-wrap: balance !important;
  color: #FFFFFF !important;
  background: linear-gradient(90deg, #A6A6A6 0%, #FFFFFF 60%, #FFFFFF 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
@media (forced-colors: active) {
  .oq-svq .oq-svq-title { background: none !important; -webkit-text-fill-color: CanvasText !important; }
}

.oq-svq .oq-svq-list {
  margin: 64px 0 0 !important;
  border-bottom: 1px solid rgba(255,255,255,0.12) !important;
}
.oq-svq .oq-svq-item {
  position: relative !important;
  border-top: 1px solid rgba(255,255,255,0.12) !important;
}
.oq-svq .oq-svq-item::before {
  content: '' !important;
  position: absolute !important;
  top: -1px !important;
  left: 0 !important;
  width: 64px !important;
  height: 1px !important;
  background: var(--onqol-color-gold) !important;
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.oq-svq .oq-svq-item[open]::before { transform: scaleX(1) !important; }

.oq-svq .oq-svq-q {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 20px !important;
  align-items: center !important;
  column-gap: 32px !important;
  min-height: 44px !important;
  padding: 28px 0 !important;
  list-style: none !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
}
.oq-svq .oq-svq-q::-webkit-details-marker { display: none !important; }
.oq-svq .oq-svq-q::marker { content: '' !important; }
.oq-svq .oq-svq-q:focus { outline: none !important; }
.oq-svq .oq-svq-q:focus-visible {
  outline: 2px solid var(--onqol-color-gold) !important;
  outline-offset: 4px !important;
  border-radius: 4px !important;
}
.oq-svq .oq-svq-q h3 {
  font-size: 22px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.01em !important;
  color: #D9D9D9 !important;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.oq-svq .oq-svq-item[open] .oq-svq-q h3 { color: #FFFFFF !important; }

.oq-svq .oq-svq-ic {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  overflow: visible !important;
  fill: none !important;
  stroke: #8A8A8A !important;
  stroke-width: 1.5px !important;
  stroke-linecap: round !important;
  transition: stroke 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.oq-svq .oq-svq-ic-v {
  transform-box: fill-box !important;
  transform-origin: center !important;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.oq-svq .oq-svq-item[open] .oq-svq-ic { stroke: var(--onqol-color-gold) !important; }
.oq-svq .oq-svq-item[open] .oq-svq-ic-v { transform: scaleY(0) !important; }

@media (hover: hover) {
  .oq-svq .oq-svq-q:hover h3 { color: #FFFFFF !important; }
  .oq-svq .oq-svq-q:hover .oq-svq-ic { stroke: var(--onqol-color-gold) !important; }
}

/* justify, hyphens off, they insert dashes */
.oq-svq .oq-svq-a { padding: 0 52px 32px 0 !important; }
.oq-svq .oq-svq-a p {
  max-width: 680px !important;
  font-size: 17px !important;
  line-height: 1.45 !important;
  color: #B5B5B5 !important;
  text-align: justify !important;
  text-align-last: left !important;
}
.oq-svq .oq-svq-a a,
.oq-svq .oq-svq-a a:visited {
  color: #E6E6E6 !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(255,185,0,0.6) !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 4px !important;
  transition: color 0.2s ease, text-decoration-color 0.2s ease !important;
}
.oq-svq .oq-svq-a a:hover { color: #FFFFFF !important; text-decoration-color: var(--onqol-color-gold) !important; }
.oq-svq .oq-svq-a a:focus-visible { outline: 2px solid var(--onqol-color-gold) !important; outline-offset: 2px !important; }

/* browsers without ::details-content just snap */
@supports .elementor-10213 .elementor-element.elementor-element-ce72fe3(::details-content) {
  .oq-svq .oq-svq-item::details-content {
    block-size: 0 !important;
    overflow: clip !important;
    transition: block-size 0.35s cubic-bezier(0.4, 0, 0.2, 1), content-visibility 0.35s allow-discrete !important;
  }
  .oq-svq .oq-svq-item[open]::details-content { block-size: auto !important; }
}

/* desktop: heading left, list right */
@media (min-width: 1025px) {
  .oq-svq .oq-svq-in {
    display: grid !important;
    grid-template-columns: 380px minmax(0, 1fr) !important;
    column-gap: 88px !important;
    align-items: start !important;
  }
  /* js switches overflow hidden wrappers to clip so this sticks */
  .oq-svq .oq-svq-title { position: sticky !important; top: 120px !important; }
  .oq-svq .oq-svq-list { margin-top: 0 !important; }
}

@media (max-width: 767px) {
  .oq-svq .oq-svq-in { padding: 44px 16px 44px !important; }
  .oq-svq .oq-svq-title { font-size: clamp(26px, 7.4vw, 32px) !important; }
  .oq-svq .oq-svq-list { margin-top: 40px !important; }
  .oq-svq .oq-svq-q { column-gap: 24px !important; padding: 24px 0 !important; }
  .oq-svq .oq-svq-q h3 { font-size: 18px !important; }
  .oq-svq .oq-svq-a { padding: 0 0 28px 0 !important; }
  /* justify leaves gaps this narrow */
  .oq-svq .oq-svq-a p { font-size: 16px !important; text-align: left !important; }
}

@media (prefers-reduced-motion: reduce) {
  .oq-svq .oq-svq-item::before,
  .oq-svq .oq-svq-ic,
  .oq-svq .oq-svq-ic-v,
  .oq-svq .oq-svq-a a,
  .oq-svq .oq-svq-q h3 { transition: none !important; }
  .oq-svq .oq-svq-item::details-content { transition: none !important; }
}

/* justified on every width, last line left */
.oq-svq .oq-svq-a p { text-align: justify !important; text-align-last: left !important; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7dc4259 *//* lead conversion, related services
   the other services, one column each */

.oq-svr,
.oq-svr *,
.oq-svr *::before,
.oq-svr *::after { box-sizing: border-box !important; }

.oq-svr {
  --onqol-color-gold: #FFB900;
  --oq-svr-ui: cubic-bezier(0.4, 0, 0.2, 1);
  position: relative !important;
  width: 100vw !important; /* fills a row container, elementor caps it at 100% */
  max-width: 100% !important;
  padding: 96px 32px !important;
  background: transparent !important;
  border: 0 !important;
  font-family: 'DM Sans', Arial, sans-serif !important;
  color: #FFFFFF !important;
  text-align: left !important;
}

.oq-svr h2,
.oq-svr h3,
.oq-svr p,
.oq-svr a,
.oq-svr ul,
.oq-svr li {
  font-family: inherit !important;
  text-transform: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  -webkit-hyphens: none !important;
  hyphens: none !important;
}
/* theme draws a grey dash above every h2 */
.oq-svr h2::before,
.oq-svr h3::before { content: none !important; display: none !important; }

.oq-svr .oq-svr-wrap {
  display: block !important;
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
}

.oq-svr .oq-svr-h2 {
  margin: 0 0 28px !important;
  padding: 0 0 0.1em !important;
  font-size: clamp(32px, 3.4vw, 44px) !important;
  font-weight: 300 !important;
  line-height: 1.14 !important;
  letter-spacing: -0.015em !important;
  text-align: left !important;
  width: fit-content !important;
  max-width: 100% !important;
  color: #FFFFFF !important;
  background: linear-gradient(90deg, #A6A6A6 0%, #FFFFFF 60%, #FFFFFF 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
@media (forced-colors: active) {
  .oq-svr .oq-svr-h2 { background: none !important; -webkit-text-fill-color: CanvasText !important; }
}
.oq-svr .oq-svr-answer {
  max-width: 576px !important;
  margin: 0 0 72px !important;
  font-size: 18px !important;
  line-height: 1.4 !important;
  color: #B5B5B5 !important;
  text-align: left !important;
}

.oq-svr .oq-svr-list {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  column-gap: 32px !important;
  row-gap: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.oq-svr .oq-svr-item {
  position: relative !important;
  display: grid !important;
  grid-row: span 3 !important;
  /* names line up across columns even when the part labels wrap */
  grid-template-rows: subgrid !important;
  row-gap: 0 !important;
  align-content: start !important;
  margin: 0 !important;
  padding: 28px 0 0 !important;
  list-style: none !important;
  border-top: 1px solid rgba(255,255,255,0.14) !important;
}
.oq-svr .oq-svr-item::marker { content: none !important; }
/* gold tick on the hairline, same as the faq's open item */
.oq-svr .oq-svr-item::before {
  content: "" !important;
  position: absolute !important;
  top: -1px !important;
  left: 0 !important;
  width: 56px !important;
  height: 1px !important;
  background: var(--onqol-color-gold) !important;
  transform: scaleX(0) !important;
  transform-origin: 0 50% !important;
  transition: transform 0.4s var(--oq-svr-ui) !important;
}
.oq-svr .oq-svr-item:focus-within::before { transform: scaleX(1) !important; }

.oq-svr .oq-svr-parts {
  margin: 0 0 16px !important;
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.6px !important;
  color: #8C8C8C !important;
}
.oq-svr .oq-svr-part { white-space: nowrap !important; margin-right: 10px !important; }
.oq-svr .oq-svr-part:last-child { margin-right: 0 !important; }
.oq-svr .oq-svr-pn { color: var(--onqol-color-gold) !important; margin-right: 4px !important; }

.oq-svr .oq-svr-name {
  margin: 0 0 12px !important;
  padding: 0 !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em !important;
  color: #FFFFFF !important;
  text-wrap: balance !important;
}
.oq-svr .oq-svr-a,
.oq-svr .oq-svr-a:visited {
  color: #FFFFFF !important;
  text-decoration: none !important;
  transition: color 0.2s var(--oq-svr-ui) !important;
}
/* whole column is the link */
.oq-svr .oq-svr-a::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
}
.oq-svr .oq-svr-a:focus { outline: 0 !important; }
.oq-svr .oq-svr-a:focus-visible::after { outline: 2px solid #FFFFFF !important; outline-offset: 8px !important; }
.oq-svr .oq-svr-nw { white-space: nowrap !important; }
.oq-svr .oq-svr-arr {
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  margin-left: 8px !important;
  vertical-align: -1px !important;
  fill: none !important;
  stroke: var(--onqol-color-gold) !important;
  stroke-width: 1.6 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  transition: transform 0.25s var(--oq-svr-ui) !important;
}
.oq-svr .oq-svr-a:focus-visible .oq-svr-arr { transform: translateX(4px) !important; }

.oq-svr .oq-svr-does {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  color: #B5B5B5 !important;
  text-wrap: pretty !important;
}

@media (hover: hover) {
  .oq-svr .oq-svr-item:hover::before { transform: scaleX(1) !important; }
  .oq-svr .oq-svr-item:hover .oq-svr-arr { transform: translateX(4px) !important; }
  .oq-svr .oq-svr-item:hover .oq-svr-does { color: #E6E6E6 !important; }
}

/* five names don't fit on one row under 1260 */
@media (max-width: 1259px) {
  .oq-svr .oq-svr-list { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}

@media (max-width: 1023px) {
  .oq-svr { padding: 72px 28px !important; }
  .oq-svr .oq-svr-answer { margin-bottom: 56px !important; }
}

/* phone: one column of rows */
@media (max-width: 767px) {
  .oq-svr { padding: 44px 16px !important; }
  .oq-svr .oq-svr-answer { font-size: 16px !important; line-height: 1.45 !important; margin-bottom: 40px !important; }
  .oq-svr .oq-svr-list { grid-template-columns: minmax(0, 1fr) !important; row-gap: 0 !important; }
  .oq-svr .oq-svr-item { display: block !important; }
  .oq-svr .oq-svr-item { padding: 24px 0 28px !important; }
  .oq-svr .oq-svr-item:last-child { border-bottom: 1px solid rgba(255,255,255,0.14) !important; }
  .oq-svr .oq-svr-parts { margin-bottom: 10px !important; }
  .oq-svr .oq-svr-name { font-size: 20px !important; margin-bottom: 8px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .oq-svr *,
  .oq-svr *::before,
  .oq-svr *::after { transition: none !important; animation: none !important; }
}

/* justified on every width, last line left */
.oq-svr .oq-svr-answer { text-align: justify !important; text-align-last: left !important; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-20c7b09 *//* lead conversion, final cta
   last call to get the growth score */

.oq-sfn,
.oq-sfn *,
.oq-sfn *::before,
.oq-sfn *::after { box-sizing: border-box !important; }

.oq-sfn {
  --onqol-color-red: #C40505;
  --onqol-color-gold: #FFB900;
  --oq-sfn-e: cubic-bezier(0.16, 1, 0.3, 1);
  --oq-sfn-ui: cubic-bezier(0.4, 0, 0.2, 1);
  position: relative !important;
  width: 100vw !important; /* fills a row container, elementor caps it at 100% */
  max-width: 100% !important;
  padding: 112px 32px 128px !important;
  background: transparent !important;
  border: 0 !important;
  font-family: 'DM Sans', Arial, sans-serif !important;
  color: #FFFFFF !important;
  text-align: left !important;
}

/* theme resets */
.oq-sfn h2,
.oq-sfn p {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  font-family: inherit !important;
  text-transform: none !important;
  text-shadow: none !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  -webkit-hyphens: none !important;
  hyphens: none !important;
}
/* theme draws a grey dash above every h2 */
.oq-sfn h2::before { content: none !important; display: none !important; }

.oq-sfn .oq-sfn-wrap {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 520px !important;
  column-gap: 64px !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
}
.oq-sfn .oq-sfn-nw { white-space: nowrap !important; }

.oq-sfn .oq-sfn-h2 {
  width: fit-content !important;
  max-width: 100% !important;
  margin: 0 0 24px !important;
  padding: 0 0 0.1em !important;
  font-size: clamp(32px, 3.4vw, 44px) !important;
  font-weight: 300 !important;
  line-height: 1.14 !important;
  letter-spacing: -0.015em !important;
  color: #FFFFFF !important;
  background: linear-gradient(90deg, #A6A6A6 0%, #FFFFFF 60%, #FFFFFF 100%) !important; /* brighter toward the light, top right */
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
@media (forced-colors: active) {
  .oq-sfn .oq-sfn-h2 { background: none !important; -webkit-text-fill-color: CanvasText !important; }
}
.oq-sfn .oq-sfn-answer {
  max-width: 460px !important;
  font-size: 18px !important;
  line-height: 1.4 !important;
  color: #B5B5B5 !important;
}

/* action */
.oq-sfn .oq-sfn-act {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 14px !important;
  margin: 48px 0 0 !important;
}
.oq-sfn .oq-sfn-btn,
.oq-sfn .oq-sfn-btn:visited {
  position: relative !important;
  display: inline-flex !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 9999px !important;
  background: none !important;
  text-decoration: none !important;
  isolation: isolate !important;
  transition: transform 0.2s var(--oq-sfn-ui) !important;
}
.oq-sfn .oq-sfn-btn:hover { transform: translateY(-2px) !important; }
.oq-sfn .oq-sfn-btn:focus { outline: 0 !important; }
.oq-sfn .oq-sfn-btn:focus-visible { outline: 2px solid #FFFFFF !important; outline-offset: 4px !important; }
.oq-sfn .oq-sfn-btn-glow,
.oq-sfn .oq-sfn-btn-border {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  overflow: hidden !important;
  border-radius: 9999px !important;
  pointer-events: none !important;
}
.oq-sfn .oq-sfn-btn-glow { z-index: 0 !important; filter: blur(12px) !important; opacity: 0.45 !important; }
.oq-sfn .oq-sfn-btn-border { z-index: 1 !important; background: rgba(255,255,255,0.14) !important; }
.oq-sfn .oq-sfn-btn-glow::before,
.oq-sfn .oq-sfn-btn-border::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(transparent 0%, var(--onqol-color-gold) 20%, #FFFFFF 40%, var(--onqol-color-gold) 60%, transparent 80%) !important;
  animation: oq-sfn-spin 2.5s linear infinite !important;
}
@keyframes oq-sfn-spin { to { transform: rotate(360deg); } }
.oq-sfn .oq-sfn-btn-in {
  position: relative !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  min-height: 56px !important;
  margin: 1.5px !important;
  padding: 0 28px 0 16px !important;
  border-radius: 9999px !important;
  background: #0A0A0A !important;
  white-space: nowrap !important;
}
.oq-sfn .oq-sfn-btn-t {
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.2px !important;
  color: #FFFFFF !important;
  transition: color 0.2s var(--oq-sfn-ui) !important;
}
.oq-sfn .oq-sfn-btn:hover .oq-sfn-btn-t { color: var(--onqol-color-gold) !important; }
.oq-sfn .oq-sfn-btn-arr {
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  fill: none !important;
  stroke: var(--onqol-color-gold) !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  transition: transform 0.2s var(--oq-sfn-ui) !important;
}
.oq-sfn .oq-sfn-btn:hover .oq-sfn-btn-arr { transform: translateX(4px) !important; }

/* mini engine */
.oq-sfn .oq-sfn-eng {
  flex: 0 0 30px !important;
  display: block !important;
  width: 30px !important;
  height: 30px !important;
  overflow: visible !important;
}
.oq-sfn .oq-sfn-eng * { vector-effect: non-scaling-stroke !important; }
.oq-sfn .oq-sfn-eng-orbit {
  transform-box: view-box !important;
  transform-origin: 16px 16px !important;
  animation: oq-sfn-spin 8s linear infinite !important;
}
.oq-sfn .oq-sfn-btn:hover .oq-sfn-eng-orbit { animation-duration: 1.6s !important; }
.oq-sfn .oq-sfn-eng-ring { fill: none !important; stroke: rgba(255,255,255,0.22) !important; stroke-width: 1 !important; stroke-dasharray: 1 3 !important; }
.oq-sfn .oq-sfn-eng-arc { fill: none !important; stroke: var(--onqol-color-red) !important; stroke-width: 1.5 !important; stroke-linecap: round !important; }
.oq-sfn .oq-sfn-eng-dot,
.oq-sfn .oq-sfn-eng-cdot { fill: var(--onqol-color-gold) !important; stroke: none !important; }
.oq-sfn .oq-sfn-eng-core { fill: #0A0A0A !important; stroke: var(--onqol-color-red) !important; stroke-width: 1.5 !important; }
/* no !important on stroke, the keyframes animate it */
.oq-sfn .oq-sfn-eng-part {
  fill: none !important;
  stroke: rgba(255,255,255,0.28);
  stroke-width: 2 !important;
  animation: oq-sfn-part 4.8s var(--oq-sfn-ui) calc(var(--i, 0) * 0.3s) infinite !important;
}
@keyframes oq-sfn-part {
  0%, 74%, 100% { stroke: rgba(255,255,255,0.28); }
  8%, 62% { stroke: #FFB900; }
}

.oq-sfn .oq-sfn-micro,
.oq-sfn .oq-sfn-wa {
  font-size: 14px !important;
  line-height: 1.45 !important;
  color: #8A8A8A !important;
}
.oq-sfn .oq-sfn-wa { margin-top: 10px !important; }
.oq-sfn .oq-sfn-wa a,
.oq-sfn .oq-sfn-wa a:visited {
  display: inline-block !important;
  padding: 12px 0 !important; /* 44px tap target */
  margin: -12px 0 !important;
  color: #E6E6E6 !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(255,185,0,0.6) !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 5px !important;
  transition: color 0.2s var(--oq-sfn-ui) !important;
}
.oq-sfn .oq-sfn-wa a:hover { color: #FFFFFF !important; text-decoration-color: var(--onqol-color-gold) !important; }
.oq-sfn .oq-sfn-wa a:focus-visible { outline: 2px solid #FFFFFF !important; outline-offset: 4px !important; }
.oq-sfn .oq-sfn-sr {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
}

/* engine, dormant until the button wakes it (is-on) */
.oq-sfn .oq-sfn-visual {
  position: relative !important;
  width: 100% !important;
  padding: 0 0 140px !important;
}
.oq-sfn .oq-sfn-engine {
  position: relative !important;
  isolation: isolate !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  overflow: clip !important;
}
.oq-sfn .oq-sfn-g-stars {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  z-index: 0 !important;
  width: 110% !important;
  height: 110% !important;
  pointer-events: none !important;
  transform: translate(-50%, -50%) !important;
  -webkit-mask-image: radial-gradient(circle closest-side, #000 65%, transparent 100%) !important;
  mask-image: radial-gradient(circle closest-side, #000 65%, transparent 100%) !important;
}
.oq-sfn .oq-sfn-g-stars canvas { display: block !important; width: 100% !important; height: 100% !important; }
.oq-sfn .oq-sfn-g-svg { position: relative !important; z-index: 1 !important; }
/* opacity has no !important, it fades out when the engine wakes */
.oq-sfn .oq-sfn-g-rim {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  border-radius: 50% !important;
  background: conic-gradient(from 0deg, transparent 0deg, transparent 250deg, rgba(196,5,5,0) 250deg, rgba(214,12,12,0.85) 330deg, #FFB900 359deg, transparent 360deg) !important;
  -webkit-mask-image: radial-gradient(circle closest-side, transparent 0, transparent 59.4%, #000 60.4%, #000 61.2%, transparent 62.2%) !important;
  mask-image: radial-gradient(circle closest-side, transparent 0, transparent 59.4%, #000 60.4%, #000 61.2%, transparent 62.2%) !important;
  animation: oq-sfn-g-spin 9s linear infinite;
  transition: opacity 0.6s var(--oq-sfn-e);
}
.oq-sfn.is-on .oq-sfn-g-rim { opacity: 0; }

/* sample card */
.oq-sfn .oq-sfn-card {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 4 !important;
  width: 280px !important;
  margin: 0 !important;
  padding: 20px 20px 22px !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 16px !important;
  background: #0E0E0E !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.4), 0 16px 40px rgba(0,0,0,0.6) !important;
}
.oq-sfn .oq-sfn-card-tag {
  margin: 0 0 14px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  letter-spacing: 0.2px !important;
  color: var(--onqol-color-gold) !important;
}
.oq-sfn .oq-sfn-card-dl,
.oq-sfn .oq-sfn-card-row,
.oq-sfn .oq-sfn-card-row dt,
.oq-sfn .oq-sfn-card-row dd {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  font-family: inherit !important;
}
.oq-sfn .oq-sfn-card-dl { filter: blur(2.5px) !important; user-select: none !important; }
.oq-sfn .oq-sfn-card-row { margin: 0 0 10px !important; }
.oq-sfn .oq-sfn-card-row dt { margin: 0 0 2px !important; font-size: 11px !important; line-height: 1.4 !important; color: #8A8A8A !important; }
.oq-sfn .oq-sfn-card-row dd { font-size: 13px !important; line-height: 1.45 !important; color: #E6E6E6 !important; }
.oq-sfn .oq-sfn-card-score dd { font-size: 28px !important; font-weight: 300 !important; line-height: 1.1 !important; letter-spacing: -0.5px !important; color: #FFFFFF !important; }

.oq-sfn .oq-sfn-g-svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  overflow: visible !important;
}
.oq-sfn .oq-sfn-g-live { opacity: 0; }
.oq-sfn .oq-sfn-g-fade { transition: opacity 0.9s var(--oq-sfn-e); }
.oq-sfn.is-on .oq-sfn-g-live { opacity: 1; }
.oq-sfn .oq-sfn-g-sectors { opacity: 0.6; }
.oq-sfn.is-on .oq-sfn-g-sectors { opacity: 1; }
.oq-sfn .oq-sfn-g-spin,
.oq-sfn .oq-sfn-g-rings,
.oq-sfn .oq-sfn-g-sectors,
.oq-sfn .oq-sfn-g-core,
.oq-sfn .oq-sfn-g-horizon,
.oq-sfn .oq-sfn-g-shock { transform-box: view-box !important; transform-origin: 300px 300px !important; }
.oq-sfn .oq-sfn-g-horizon { animation: oq-sfn-g-breath 5.5s ease-in-out infinite; }
.oq-sfn .oq-sfn-g-out { animation: oq-sfn-g-spin 64s linear infinite; }
.oq-sfn .oq-sfn-g-mid { animation: oq-sfn-g-spin 42s linear infinite reverse; }
.oq-sfn .oq-sfn-g-in { animation: oq-sfn-g-spin 26s linear infinite; }
.oq-sfn .oq-sfn-g-dot { transform-box: fill-box !important; transform-origin: center !important; animation: oq-sfn-g-beat 2.6s ease-in-out infinite; }
.oq-sfn .oq-sfn-g-sec { fill: none !important; stroke: rgba(255,255,255,0.13) !important; stroke-width: 15 !important; }
.oq-sfn .oq-sfn-g-num {
  fill: rgba(255,255,255,0.55) !important;
  font-family: 'Courier New', monospace !important;
  font-size: 19px !important;
}
.oq-sfn .oq-sfn-g-shock { opacity: 0; }
.oq-sfn.is-on .oq-sfn-g-horizon { animation: oq-sfn-g-flare 280ms var(--oq-sfn-e) both; }
.oq-sfn.is-on .oq-sfn-g-shock { animation: oq-sfn-g-shock 700ms var(--oq-sfn-e) both; }
.oq-sfn.is-on .oq-sfn-g-rings { animation: oq-sfn-g-rings 420ms var(--oq-sfn-e) 280ms both; }
.oq-sfn.is-on .oq-sfn-g-sectors { animation: oq-sfn-g-sectors 480ms var(--oq-sfn-e) 700ms both; }
.oq-sfn.is-on .oq-sfn-g-core { animation: oq-sfn-g-core 300ms var(--oq-sfn-e) 1180ms both; }
@keyframes oq-sfn-g-spin { to { transform: rotate(360deg); } }
@keyframes oq-sfn-g-beat { 50% { transform: scale(0.93); opacity: 0.82; } }
@keyframes oq-sfn-g-breath { 50% { opacity: 0.88; } }
@keyframes oq-sfn-g-shock { 0% { opacity: 0.95; transform: scale(0.42); } 100% { opacity: 0; transform: scale(2.4); } }
@keyframes oq-sfn-g-flare { 0% { opacity: 0.2; } 30% { opacity: 1; } 100% { opacity: 1; } }
@keyframes oq-sfn-g-rings { 0% { opacity: 0; transform: scale(0.34); } 100% { opacity: 1; transform: scale(1); } }
@keyframes oq-sfn-g-sectors { 0% { opacity: 0; transform: rotate(-16deg) scale(0.9); } 100% { opacity: 1; transform: none; } }
@keyframes oq-sfn-g-core { 0% { opacity: 0; transform: scale(0.5) rotate(-24deg); } 100% { opacity: 1; transform: none; } }

@media (max-width: 1023px) {
  .oq-sfn .oq-sfn-wrap { grid-template-columns: minmax(0, 1fr) 400px !important; column-gap: 40px !important; }
  .oq-sfn .oq-sfn-visual { padding-bottom: 150px !important; }
  .oq-sfn .oq-sfn-card { width: 250px !important; }
}

/* phone: head, button, engine, whatsapp */
@media (max-width: 767px) {
  .oq-sfn { padding: 44px 16px 88px !important; }
  .oq-sfn .oq-sfn-wrap { display: flex !important; flex-direction: column !important; align-items: stretch !important; }
  .oq-sfn .oq-sfn-copy { display: contents !important; }
  .oq-sfn .oq-sfn-h2 { margin-bottom: 20px !important; font-size: clamp(26px, 7.4vw, 32px) !important; }
  .oq-sfn .oq-sfn-answer { font-size: 16px !important; line-height: 1.45 !important; text-wrap: pretty !important; }
  .oq-sfn .oq-sfn-visual { order: 2 !important; align-self: center !important; max-width: 380px !important; margin: 40px 0 0 !important; padding: 0 !important; }
  .oq-sfn .oq-sfn-card { position: relative !important; right: auto !important; bottom: auto !important; width: auto !important; margin: -56px 16px 0 !important; }
  .oq-sfn .oq-sfn-act { display: contents !important; }
  .oq-sfn .oq-sfn-btn { order: 1 !important; display: flex !important; width: 100% !important; margin-top: 36px !important; }
  .oq-sfn .oq-sfn-micro { order: 1 !important; margin-top: 12px !important; }
  .oq-sfn .oq-sfn-wa { order: 3 !important; margin-top: 32px !important; }
  .oq-sfn .oq-sfn-btn-in { display: flex !important; width: calc(100% - 3px) !important; }
  .oq-sfn .oq-sfn-micro,
  .oq-sfn .oq-sfn-wa { font-size: 13px !important; text-align: center !important; }
}

@media (prefers-reduced-motion: reduce) {
  .oq-sfn *,
  .oq-sfn *::before,
  .oq-sfn *::after { transition: none !important; animation: none !important; }
}

/* small phones */
@media (max-width: 479px) {
  .oq-sfn .oq-sfn-visual { max-width: 285px !important; }
  .oq-sfn .oq-sfn-card { margin-top: -42px !important; }
}

/* justified on every width, last line left */
.oq-sfn .oq-sfn-answer { text-align: justify !important; text-align-last: left !important; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5dbdd0f *//* lead conversion, sticky cta
   phone only button that follows the scroll */

.oq-stk,
.oq-stk *,
.oq-stk *::before,
.oq-stk *::after { box-sizing: border-box !important; }

.oq-stk { display: none !important; }

/* mobile */
@media (max-width: 767px) {
  .oq-stk {
    display: block !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: calc(20px + env(safe-area-inset-bottom, 0px)) !important;
    z-index: 9990 !important;
    width: max-content !important;
    max-width: calc(100% - 32px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    opacity: 0 !important;
    transform: translateY(16px) !important;
    visibility: hidden !important;
    transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0.3s !important;
  }
  .oq-stk.oq-on {
    opacity: 1 !important;
    transform: translateY(0) !important;
    visibility: visible !important;
    transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0s !important;
  }
  .oq-stk .oq-stk-btn,
  .oq-stk .oq-stk-btn:visited,
  .oq-stk .oq-stk-btn:hover,
  .oq-stk .oq-stk-btn:active {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 16px 0 12px !important;
    border: 1px solid rgba(255,255,255,0.16) !important;
    border-radius: 9999px !important;
    background: #0A0A0A !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.4), 0 12px 32px rgba(0,0,0,0.6) !important;
    font-family: 'DM Sans', Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.2px !important;
    text-transform: none !important;
    white-space: nowrap !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
    transition: border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .oq-stk .oq-stk-btn:active { border-color: rgba(255,185,0,0.6) !important; }
  .oq-stk .oq-stk-btn:focus-visible { outline: 2px solid #FFB900 !important; outline-offset: 3px !important; }

  /* engine */
  .oq-stk .oq-stk-eng {
    flex: 0 0 26px !important;
    display: block !important;
    width: 26px !important;
    height: 26px !important;
    overflow: visible !important;
  }
  .oq-stk .oq-stk-eng path,
  .oq-stk .oq-stk-eng circle,
  .oq-stk .oq-stk-eng rect { vector-effect: non-scaling-stroke !important; }
  .oq-stk .oq-stk-orbit {
    transform-box: view-box !important;
    transform-origin: 16px 16px !important;
    animation: oq-stk-rot 8s linear infinite !important;
  }
  .oq-stk .oq-stk-orbit-ring { fill: none !important; stroke: rgba(255,255,255,0.22) !important; stroke-width: 1 !important; stroke-dasharray: 1 3 !important; }
  .oq-stk .oq-stk-orbit-arc { fill: none !important; stroke: #C40505 !important; stroke-width: 1.5 !important; stroke-linecap: round !important; }
  .oq-stk .oq-stk-orbit-dot { fill: #FFB900 !important; stroke: none !important; }
  .oq-stk .oq-stk-part {
    fill: none !important;
    stroke: rgba(255,255,255,0.28) !important;
    stroke-width: 2 !important;
    stroke-linecap: butt !important;
    animation: oq-stk-part 4.8s cubic-bezier(0.4, 0, 0.2, 1) infinite !important;
    animation-delay: calc(var(--i, 0) * 0.3s) !important;
  }
  .oq-stk .oq-stk-core { fill: #0A0A0A !important; stroke: #C40505 !important; stroke-width: 1.5 !important; }
  .oq-stk .oq-stk-core-dot { fill: #FFB900 !important; stroke: none !important; }
  .oq-stk .oq-stk-btn:active .oq-stk-orbit { animation-duration: 1.6s !important; }

  .oq-stk .oq-stk-arr {
    flex: 0 0 16px !important;
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    fill: none !important;
    stroke: #FFB900 !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .oq-stk .oq-stk-btn:active .oq-stk-arr { transform: translateX(3px) !important; }
}
@keyframes oq-stk-rot { to { transform: rotate(360deg); } }
@keyframes oq-stk-part {
  0%, 100% { stroke: rgba(255,255,255,0.28); }
  8%, 62% { stroke: #FFB900; }
  74% { stroke: rgba(255,255,255,0.28); }
}

@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
  .oq-stk,
  .oq-stk.oq-on { transform: none !important; transition: none !important; }
  .oq-stk .oq-stk-orbit { animation: none !important; }
  .oq-stk .oq-stk-part { animation: none !important; stroke: #FFB900 !important; }
}/* End custom CSS */