.elementor-1766 .elementor-element.elementor-element-fad9d67{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-1766 .elementor-element.elementor-element-33b4887 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1766 .elementor-element.elementor-element-7650506 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1766 .elementor-element.elementor-element-97ac7d0 > .elementor-widget-container{margin:-21px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1766 .elementor-element.elementor-element-c123695 > .elementor-widget-container{margin:-22px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1766 .elementor-element.elementor-element-5b71fb4 > .elementor-widget-container{margin:-21px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1766 .elementor-element.elementor-element-743f631 > .elementor-widget-container{margin:-19px 00px 00px 00px;padding:0px 0px 0px 0px;}.elementor-1766 .elementor-element.elementor-element-a586eb7 > .elementor-widget-container{margin:-21px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1766 .elementor-element.elementor-element-cf918e7 > .elementor-widget-container{margin:-22px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1766 .elementor-element.elementor-element-5f2c9b0 > .elementor-widget-container{margin:-16px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1766 .elementor-element.elementor-element-b419ed7 > .elementor-widget-container{margin:-21px 0px 0px 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for html, class: .elementor-element-7650506 *//* ==========================================================
   VS KEYFARI LP — SECTION 01 / HERO
   Elementor Custom CSS
   Brand: #100FA6 / #010066
   All .elementor-1766 .elementor-element.elementor-element-7650506s are isolated with vs-keyfari-lp-
   ========================================================== */

.vs-keyfari-lp-hero {
  --vs-keyfari-lp-primary: #100FA6;
  --vs-keyfari-lp-deep: #010066;
  --vs-keyfari-lp-primary-2: #2826C7;
  --vs-keyfari-lp-primary-3: #5A58E6;
  --vs-keyfari-lp-soft: #F5F5FF;
  --vs-keyfari-lp-soft-2: #ECECFF;
  --vs-keyfari-lp-ink: #121225;
  --vs-keyfari-lp-muted: #67677D;
  --vs-keyfari-lp-white: #FFFFFF;
  --vs-keyfari-lp-line: rgba(16, 15, 166, .12);
  --vs-keyfari-lp-shadow: 0 24px 70px rgba(1, 0, 102, .14);

  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: 100%;
  padding: clamp(64px, 8vw, 116px) 20px 54px;
  background:
    linear-gradient(105deg, #FFFFFF 0%, #FFFFFF 68%, #F3F3FF 68%, #ECECFF 100%);
  color: var(--vs-keyfari-lp-ink);
  font-family: inherit;
}

.vs-keyfari-lp-hero *,
.vs-keyfari-lp-hero *::before,
.vs-keyfari-lp-hero *::after {
  box-sizing: border-box;
}

.vs-keyfari-lp-hero a {
  text-decoration: none;
}

.vs-keyfari-lp-hero button,
.vs-keyfari-lp-hero a {
  -webkit-tap-highlight-color: transparent;
}

.vs-keyfari-lp-hero__container {
  position: relative;
  z-index: 3;
  width: min(1180px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(420px, .94fr);
  gap: clamp(42px, 6vw, 84px);
  align-items: center;
}

.vs-keyfari-lp-hero__content {
  min-width: 0;
}

.vs-keyfari-lp-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 38px;
  padding: 7px 12px 7px 15px;
  margin-bottom: 20px;
  border: 1px solid var(--vs-keyfari-lp-line);
  border-radius: 999px;
  background: rgba(255,255,255,.78);
  box-shadow: 0 8px 24px rgba(1,0,102,.05);
  color: var(--vs-keyfari-lp-deep);
  font-size: 13px;
  font-weight: 800;
  backdrop-filter: blur(12px);
}

.vs-keyfari-lp-hero__eyebrow-icon {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--vs-keyfari-lp-primary);
  color: #fff;
}

.vs-keyfari-lp-hero__eyebrow-icon svg {
  width: 15px;
  height: 15px;
}

.vs-keyfari-lp-hero__title {
  margin: 0;
  max-width: 760px;
  color: var(--vs-keyfari-lp-ink);
  font-size: clamp(42px, 5.2vw, 72px);
  line-height: 1.22;
  letter-spacing: -1.8px;
  font-weight: 950;
}

.vs-keyfari-lp-hero__title span {
  position: relative;
  display: inline-block;
  color: var(--vs-keyfari-lp-primary);
}

.vs-keyfari-lp-hero__title span::after {
  content: "";
  position: absolute;
  right: 4%;
  bottom: 1px;
  width: 92%;
  height: 8px;
  z-index: -1;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(16,15,166,.08), rgba(16,15,166,.22));
}

.vs-keyfari-lp-hero__lead {
  max-width: 730px;
  margin: 22px 0 0;
  color: var(--vs-keyfari-lp-muted);
  font-size: clamp(16px, 1.45vw, 19px);
  line-height: 2.05;
  font-weight: 500;
}

.vs-keyfari-lp-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

.vs-keyfari-lp-hero__cta {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 20px;
  border-radius: 14px;
  font: inherit;
  font-size: 14px;
  font-weight: 900;
  cursor: pointer;
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease;
}

.vs-keyfari-lp-hero__cta:hover {
  transform: translateY(-2px);
}

.vs-keyfari-lp-hero__cta:focus-visible,
.vs-keyfari-lp-hero__case-step:focus-visible,
.vs-keyfari-lp-contact-panel__close:focus-visible {
  outline: 3px solid rgba(16,15,166,.24);
  outline-offset: 3px;
}

.vs-keyfari-lp-hero__cta--primary {
  border: 1px solid var(--vs-keyfari-lp-primary);
  background: linear-gradient(135deg, var(--vs-keyfari-lp-primary), var(--vs-keyfari-lp-deep));
  color: #fff;
  box-shadow: 0 14px 34px rgba(16,15,166,.26);
}

.vs-keyfari-lp-hero__cta--primary:hover {
  box-shadow: 0 18px 42px rgba(16,15,166,.34);
}

.vs-keyfari-lp-hero__cta--ghost {
  border: 1px solid rgba(16,15,166,.16);
  background: rgba(255,255,255,.86);
  color: var(--vs-keyfari-lp-deep);
}

.vs-keyfari-lp-hero__cta--ghost:hover {
  border-color: rgba(16,15,166,.3);
  background: #fff;
}

.vs-keyfari-lp-hero__cta-icon {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
}

.vs-keyfari-lp-hero__cta-icon svg {
  width: 20px;
  height: 20px;
}

.vs-keyfari-lp-hero__cta-arrow {
  font-size: 19px;
  transition: transform .2s ease;
}

.vs-keyfari-lp-hero__cta--ghost:hover .vs-keyfari-lp-hero__cta-arrow {
  transform: translateX(-4px);
}

.vs-keyfari-lp-hero__trust {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  margin-top: 24px;
}

.vs-keyfari-lp-hero__trust-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #3F3F56;
  font-size: 13px;
  font-weight: 750;
}

.vs-keyfari-lp-hero__trust-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--vs-keyfari-lp-primary);
  box-shadow: 0 0 0 5px rgba(16,15,166,.08);
}

.vs-keyfari-lp-hero__contact-strip {
  width: fit-content;
  max-width: 100%;
  display: flex;
  align-items: stretch;
  gap: 18px;
  margin-top: 28px;
  padding: 13px 16px;
  border: 1px solid rgba(1,0,102,.08);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(1,0,102,.07);
}

.vs-keyfari-lp-hero__contact-item {
  display: flex;
  flex-direction: column;
  gap: 3px;
  color: var(--vs-keyfari-lp-ink);
}

.vs-keyfari-lp-hero__contact-label {
  color: var(--vs-keyfari-lp-muted);
  font-size: 11px;
  font-weight: 700;
}

.vs-keyfari-lp-hero__contact-item strong {
  color: var(--vs-keyfari-lp-deep);
  font-size: 15px;
  letter-spacing: .2px;
}

.vs-keyfari-lp-hero__contact-separator {
  width: 1px;
  background: rgba(1,0,102,.11);
}

.vs-keyfari-lp-hero__visual {
  position: relative;
}

.vs-keyfari-lp-hero__legal-card {
  position: relative;
  min-height: 530px;
  overflow: hidden;
  padding: 24px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 30px;
  background:
    radial-gradient(circle at 20% 18%, rgba(90,88,230,.25), transparent 28%),
    linear-gradient(150deg, #11106F 0%, #05045B 42%, #01003F 100%);
  color: #fff;
  box-shadow: 0 36px 80px rgba(1,0,102,.24);
}

.vs-keyfari-lp-hero__legal-card::before {
  content: "§";
  position: absolute;
  left: -30px;
  bottom: -88px;
  color: rgba(255,255,255,.035);
  font-family: Georgia, serif;
  font-size: 320px;
  line-height: 1;
  transform: rotate(-12deg);
  pointer-events: none;
}

.vs-keyfari-lp-hero__legal-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.024) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.024) 1px, transparent 1px);
  background-size: 36px 36px;
  mask-image: linear-gradient(to bottom, #000, transparent 72%);
}

.vs-keyfari-lp-hero__legal-card-top {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.vs-keyfari-lp-hero__legal-badge {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 6px 10px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  color: #fff;
  font-size: 12px;
  font-weight: 850;
}

.vs-keyfari-lp-hero__legal-status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: rgba(255,255,255,.72);
  font-size: 11px;
  font-weight: 700;
}

.vs-keyfari-lp-hero__legal-status i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #7CFFBE;
  box-shadow: 0 0 0 5px rgba(124,255,190,.08);
}

.vs-keyfari-lp-hero__scales {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  height: 205px;
  margin-top: 10px;
  color: #D9D8FF;
  filter: drop-shadow(0 20px 28px rgba(0,0,0,.18));
}

.vs-keyfari-lp-hero__scales svg {
  width: min(275px, 86%);
  height: auto;
}

.vs-keyfari-lp-hero__legal-copy {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding-top: 2px;
}

.vs-keyfari-lp-hero__legal-copy span {
  color: rgba(255,255,255,.62);
  font-size: 12px;
  font-weight: 650;
}

.vs-keyfari-lp-hero__legal-copy strong {
  max-width: 390px;
  color: #fff;
  font-size: 17px;
  line-height: 1.9;
  font-weight: 850;
}

.vs-keyfari-lp-hero__case-flow {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-top: 20px;
}

.vs-keyfari-lp-hero__case-step {
  min-width: 0;
  min-height: 64px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 14px;
  background: rgba(255,255,255,.055);
  color: rgba(255,255,255,.72);
  font: inherit;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
  transition: .2s ease;
}

.vs-keyfari-lp-hero__case-step span {
  color: rgba(255,255,255,.35);
  font-size: 10px;
  font-weight: 900;
}

.vs-keyfari-lp-hero__case-step:hover,
.vs-keyfari-lp-hero__case-step.is-active {
  border-color: rgba(255,255,255,.22);
  background: rgba(255,255,255,.13);
  color: #fff;
  transform: translateY(-2px);
}

.vs-keyfari-lp-hero__case-step.is-active span {
  color: #B9B7FF;
}

.vs-keyfari-lp-hero__case-note {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-height: 66px;
  margin-top: 10px;
  padding: 13px;
  border-radius: 14px;
  background: rgba(0,0,0,.13);
  color: rgba(255,255,255,.82);
}

.vs-keyfari-lp-hero__case-note-icon {
  flex: 0 0 26px;
  display: grid;
  place-items: center;
  height: 26px;
  border-radius: 8px;
  background: rgba(255,255,255,.1);
  color: #DAD9FF;
  font-family: Georgia, serif;
  font-size: 17px;
}

.vs-keyfari-lp-hero__case-note p {
  margin: 0;
  font-size: 11.5px;
  line-height: 1.95;
  font-weight: 650;
  transition: opacity .14s ease, transform .14s ease;
}

.vs-keyfari-lp-hero__case-note p.is-changing {
  opacity: 0;
  transform: translateY(4px);
}

.vs-keyfari-lp-hero__location-card {
  position: relative;
  z-index: 5;
  width: calc(100% - 42px);
  margin: -26px auto 0;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 18px;
  border: 1px solid rgba(1,0,102,.08);
  border-radius: 18px;
  background: rgba(255,255,255,.97);
  box-shadow: 0 18px 44px rgba(1,0,102,.13);
  backdrop-filter: blur(14px);
}

.vs-keyfari-lp-hero__location-icon {
  flex: 0 0 38px;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: var(--vs-keyfari-lp-soft-2);
  color: var(--vs-keyfari-lp-primary);
}

.vs-keyfari-lp-hero__location-icon svg {
  width: 20px;
  height: 20px;
}

.vs-keyfari-lp-hero__location-card div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.vs-keyfari-lp-hero__location-card span {
  color: var(--vs-keyfari-lp-muted);
  font-size: 10px;
  font-weight: 700;
}

.vs-keyfari-lp-hero__location-card strong {
  color: var(--vs-keyfari-lp-ink);
  font-size: 12px;
  line-height: 1.9;
  font-weight: 850;
}

.vs-keyfari-lp-hero__ambient {
  position: absolute;
  z-index: 1;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(1px);
}

.vs-keyfari-lp-hero__ambient--one {
  width: 380px;
  height: 380px;
  top: -230px;
  right: 8%;
  background: radial-gradient(circle, rgba(16,15,166,.14), transparent 68%);
}

.vs-keyfari-lp-hero__ambient--two {
  width: 320px;
  height: 320px;
  bottom: -190px;
  left: 22%;
  background: radial-gradient(circle, rgba(40,38,199,.10), transparent 70%);
}

/* Contact panel */
.vs-keyfari-lp-contact-panel {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: grid;
  place-items: center;
  padding: 18px;
  visibility: hidden;
  opacity: 0;
  transition: opacity .22s ease, visibility .22s ease;
}

.vs-keyfari-lp-contact-panel.is-open {
  visibility: visible;
  opacity: 1;
}

.vs-keyfari-lp-contact-panel__backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background: rgba(4,3,43,.72);
  backdrop-filter: blur(8px);
  cursor: pointer;
}

.vs-keyfari-lp-contact-panel__dialog {
  position: relative;
  z-index: 2;
  width: min(440px, 100%);
  padding: 28px;
  border: 1px solid rgba(16,15,166,.09);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 38px 100px rgba(1,0,102,.34);
  transform: translateY(12px) scale(.98);
  transition: transform .22s ease;
  text-align: center;
}

.vs-keyfari-lp-contact-panel.is-open .vs-keyfari-lp-contact-panel__dialog {
  transform: translateY(0) scale(1);
}

.vs-keyfari-lp-contact-panel__close {
  position: absolute;
  top: 14px;
  left: 14px;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 10px;
  background: #F0F0FF;
  color: var(--vs-keyfari-lp-deep);
  font: inherit;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.vs-keyfari-lp-contact-panel__icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  margin: 0 auto 12px;
  border-radius: 16px;
  background: linear-gradient(135deg, var(--vs-keyfari-lp-primary), var(--vs-keyfari-lp-deep));
  color: #fff;
  font-family: Georgia, serif;
  font-size: 28px;
  box-shadow: 0 12px 30px rgba(16,15,166,.22);
}

.vs-keyfari-lp-contact-panel__dialog h2 {
  margin: 0;
  color: var(--vs-keyfari-lp-ink);
  font-size: 24px;
  font-weight: 950;
}

.vs-keyfari-lp-contact-panel__dialog > p {
  margin: 8px 0 18px;
  color: var(--vs-keyfari-lp-muted);
  font-size: 13px;
  line-height: 1.9;
}

.vs-keyfari-lp-contact-panel__phones {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.vs-keyfari-lp-contact-panel__phones a {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 13px;
  border: 1px solid var(--vs-keyfari-lp-line);
  border-radius: 14px;
  background: var(--vs-keyfari-lp-soft);
  color: var(--vs-keyfari-lp-ink);
  transition: .2s ease;
}

.vs-keyfari-lp-contact-panel__phones a:hover {
  border-color: rgba(16,15,166,.28);
  transform: translateY(-2px);
}

.vs-keyfari-lp-contact-panel__phones span {
  color: var(--vs-keyfari-lp-muted);
  font-size: 10px;
  font-weight: 700;
}

.vs-keyfari-lp-contact-panel__phones strong {
  color: var(--vs-keyfari-lp-deep);
  font-size: 15px;
}

.vs-keyfari-lp-contact-panel__address {
  margin-top: 10px;
  padding: 12px 14px;
  border-radius: 14px;
  background: #FAFAFE;
  color: #51516A;
  font-size: 11px;
  line-height: 1.9;
  font-weight: 700;
}

html.vs-keyfari-lp-no-scroll {
  overflow: hidden !important;
}

/* Tablet */
@media (max-width: 1024px) {
  .vs-keyfari-lp-hero {
    padding: 72px 20px 58px;
    background:
      linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 70%, #F3F3FF 70%, #ECECFF 100%);
  }

  .vs-keyfari-lp-hero__container {
    grid-template-columns: 1fr;
    gap: 46px;
  }

  .vs-keyfari-lp-hero__content {
    text-align: center;
  }

  .vs-keyfari-lp-hero__title,
  .vs-keyfari-lp-hero__lead {
    margin-left: auto;
    margin-right: auto;
  }

  .vs-keyfari-lp-hero__eyebrow,
  .vs-keyfari-lp-hero__contact-strip {
    margin-left: auto;
    margin-right: auto;
  }

  .vs-keyfari-lp-hero__actions,
  .vs-keyfari-lp-hero__trust {
    justify-content: center;
  }

  .vs-keyfari-lp-hero__visual {
    width: min(600px, 100%);
    margin: 0 auto;
  }
}

/* Mobile */
@media (max-width: 640px) {
  .vs-keyfari-lp-hero {
    padding: 44px 14px 42px;
  }

  .vs-keyfari-lp-hero__eyebrow {
    margin-bottom: 15px;
    font-size: 11px;
  }

  .vs-keyfari-lp-hero__title {
    font-size: clamp(36px, 11.5vw, 50px);
    line-height: 1.28;
    letter-spacing: -1px;
  }

  .vs-keyfari-lp-hero__lead {
    margin-top: 15px;
    font-size: 14px;
    line-height: 2;
  }

  .vs-keyfari-lp-hero__actions {
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 24px;
  }

  .vs-keyfari-lp-hero__cta {
    width: 100%;
    min-height: 54px;
  }

  .vs-keyfari-lp-hero__trust {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: start;
    width: fit-content;
    margin: 20px auto 0;
    gap: 10px;
  }

  .vs-keyfari-lp-hero__contact-strip {
    width: 100%;
    justify-content: center;
    gap: 12px;
    padding: 12px;
  }

  .vs-keyfari-lp-hero__contact-item strong {
    font-size: 13px;
  }

  .vs-keyfari-lp-hero__legal-card {
    min-height: 500px;
    padding: 18px;
    border-radius: 24px;
  }

  .vs-keyfari-lp-hero__legal-card-top {
    align-items: flex-start;
  }

  .vs-keyfari-lp-hero__scales {
    height: 180px;
    margin-top: 5px;
  }

  .vs-keyfari-lp-hero__legal-copy strong {
    font-size: 15px;
  }

  .vs-keyfari-lp-hero__case-flow {
    gap: 6px;
  }

  .vs-keyfari-lp-hero__case-step {
    min-height: 60px;
    padding: 8px;
    font-size: 10px;
  }

  .vs-keyfari-lp-hero__location-card {
    width: calc(100% - 20px);
    margin-top: -20px;
    padding: 13px 14px;
  }

  .vs-keyfari-lp-contact-panel__dialog {
    padding: 24px 16px 18px;
    border-radius: 20px;
  }

  .vs-keyfari-lp-contact-panel__phones {
    grid-template-columns: 1fr;
  }
}

/* Very small screens */
@media (max-width: 390px) {
  .vs-keyfari-lp-hero__contact-strip {
    gap: 9px;
  }

  .vs-keyfari-lp-hero__contact-item strong {
    font-size: 12px;
  }

  .vs-keyfari-lp-hero__legal-status {
    display: none;
  }

  .vs-keyfari-lp-hero__case-step {
    font-size: 9px;
  }
}

/* Motion preferences */
@media (prefers-reduced-motion: reduce) {
  .vs-keyfari-lp-hero *,
  .vs-keyfari-lp-contact-panel * {
    scroll-behavior: auto !important;
    transition: none !important;
    animation: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c123695 *//* ==========================================================
VS KEYFARI LP
SECTION 02 — CRIMINAL SERVICES
Brand:
#100FA6
#010066
========================================================== */

.vs-keyfari-lp-services {

  --vs-keyfari-lp-primary: #100FA6;
  --vs-keyfari-lp-deep: #010066;
  --vs-keyfari-lp-primary-2: #2F2DCC;

  --vs-keyfari-lp-soft: #F7F7FF;
  --vs-keyfari-lp-soft-2: #EEEEFF;

  --vs-keyfari-lp-ink: #151527;
  --vs-keyfari-lp-muted: #6A6A7E;

  --vs-keyfari-lp-line:
    rgba(16, 15, 166, .11);

  position: relative;

  width: 100%;

  overflow: hidden;

  padding:
    clamp(70px, 8vw, 112px)
    20px;

  background:
    radial-gradient(
      circle at 9% 10%,
      rgba(16,15,166,.055),
      transparent 26%
    ),
    linear-gradient(
      180deg,
      #FFFFFF 0%,
      #FAFAFF 100%
    );

  color:
    var(--vs-keyfari-lp-ink);

  font-family: inherit;

}


/* Reset */

.vs-keyfari-lp-services *,
.vs-keyfari-lp-services *::before,
.vs-keyfari-lp-services *::after {
  box-sizing: border-box;
}


.vs-keyfari-lp-services a {
  text-decoration: none;
}



/* Main container */

.vs-keyfari-lp-services__container {

  width:
    min(1180px, 100%);

  margin:
    0 auto;

}



/* =========================
Heading
========================= */

.vs-keyfari-lp-services__head {

  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(320px, .45fr);

  gap: 28px;

  align-items: end;

}



.vs-keyfari-lp-services__eyebrow {

  display: inline-flex;

  align-items: center;

  gap: 9px;

  margin-bottom: 14px;

  color:
    var(--vs-keyfari-lp-primary);

  font-size: 13px;

  font-weight: 900;

}



.vs-keyfari-lp-services__eyebrow i {

  width: 27px;

  height: 27px;

  display: grid;

  place-items: center;

  border-radius: 9px;

  background:
    var(--vs-keyfari-lp-soft-2);

  font-family:
    Georgia, serif;

  font-style: normal;

  font-size: 17px;

}



.vs-keyfari-lp-services__heading h2 {

  margin: 0;

  max-width: 800px;

  color:
    var(--vs-keyfari-lp-ink);

  font-size:
    clamp(31px, 3.8vw, 50px);

  line-height: 1.5;

  letter-spacing: -.8px;

  font-weight: 950;

}



.vs-keyfari-lp-services__heading h2 span {

  display: block;

  color:
    var(--vs-keyfari-lp-primary);

}



.vs-keyfari-lp-services__heading > p {

  max-width: 780px;

  margin:
    15px 0 0;

  color:
    var(--vs-keyfari-lp-muted);

  font-size: 15px;

  line-height: 2.05;

  font-weight: 550;

}



/* =========================
Info card
========================= */

.vs-keyfari-lp-services__head-card {

  display: flex;

  align-items: flex-start;

  gap: 12px;

  min-height: 112px;

  padding: 18px;

  border:
    1px solid
    rgba(16,15,166,.10);

  border-radius: 20px;

  background: #fff;

  box-shadow:
    0 16px 42px
    rgba(1,0,102,.07);

}



.vs-keyfari-lp-services__head-card-icon {

  flex:
    0 0 42px;

  width: 42px;

  height: 42px;

  display: grid;

  place-items: center;

  border-radius: 13px;

  background:
    linear-gradient(
      135deg,
      var(--vs-keyfari-lp-primary),
      var(--vs-keyfari-lp-deep)
    );

  color: #fff;

}



.vs-keyfari-lp-services__head-card-icon svg {

  width: 22px;

  height: 22px;

}



.vs-keyfari-lp-services__head-card div {

  display: flex;

  flex-direction: column;

  gap: 6px;

}



.vs-keyfari-lp-services__head-card strong {

  color:
    var(--vs-keyfari-lp-deep);

  font-size: 13px;

  line-height: 1.8;

  font-weight: 900;

}



.vs-keyfari-lp-services__head-card span {

  color:
    var(--vs-keyfari-lp-muted);

  font-size: 11px;

  line-height: 1.9;

  font-weight: 650;

}



/* =========================
Filters
========================= */

.vs-keyfari-lp-services__filters {

  display: flex;

  flex-wrap: wrap;

  gap: 8px;

  margin-top: 34px;

  padding-bottom: 2px;

}



.vs-keyfari-lp-services__filter {

  min-height: 40px;

  padding:
    8px 14px;

  border:
    1px solid
    rgba(16,15,166,.12);

  border-radius: 999px;

  background: #fff;

  color: #505068;

  font: inherit;

  font-size: 12px;

  font-weight: 800;

  cursor: pointer;

  transition:
    .2s ease;

}



.vs-keyfari-lp-services__filter:hover {

  border-color:
    rgba(16,15,166,.28);

  color:
    var(--vs-keyfari-lp-primary);

  transform:
    translateY(-1px);

}



.vs-keyfari-lp-services__filter.is-active {

  border-color:
    var(--vs-keyfari-lp-primary);

  background:
    var(--vs-keyfari-lp-primary);

  color: #fff;

  box-shadow:
    0 10px 25px
    rgba(16,15,166,.18);

}



/* =========================
Grid
========================= */

.vs-keyfari-lp-services__grid {

  display: grid;

  grid-template-columns:
    repeat(
      3,
      minmax(0, 1fr)
    );

  gap: 18px;

  margin-top: 23px;

}



/* =========================
Cards
========================= */

.vs-keyfari-lp-services__card {

  position: relative;

  overflow: hidden;

  min-width: 0;

  padding: 21px;

  border:
    1px solid
    rgba(16,15,166,.10);

  border-radius: 22px;

  background:
    rgba(255,255,255,.96);

  box-shadow:
    0 14px 38px
    rgba(1,0,102,.055);

  transform:
    translateY(0);

  opacity: 1;

  transition:
    transform .24s ease,
    box-shadow .24s ease,
    border-color .24s ease,
    opacity .22s ease;

}



.vs-keyfari-lp-services__card::before {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  width: 100%;

  height: 3px;

  background:
    linear-gradient(
      90deg,
      transparent,
      var(--vs-keyfari-lp-primary),
      transparent
    );

  opacity: 0;

  transition:
    opacity .24s ease;

}



.vs-keyfari-lp-services__card:hover {

  transform:
    translateY(-6px);

  border-color:
    rgba(16,15,166,.20);

  box-shadow:
    0 24px 55px
    rgba(1,0,102,.10);

}



.vs-keyfari-lp-services__card:hover::before {

  opacity: 1;

}



.vs-keyfari-lp-services__card.is-filtered-out {

  display: none;

}



/* Top */

.vs-keyfari-lp-services__card-top {

  display: flex;

  align-items: center;

  justify-content:
    space-between;

}



.vs-keyfari-lp-services__card-no {

  color:
    rgba(1,0,102,.24);

  font-size: 11px;

  font-weight: 950;

  letter-spacing: 1px;

}



.vs-keyfari-lp-services__card-icon {

  width: 44px;

  height: 44px;

  display: grid;

  place-items: center;

  border-radius: 14px;

  background:
    var(--vs-keyfari-lp-soft-2);

  color:
    var(--vs-keyfari-lp-primary);

  transition:
    .22s ease;

}



.vs-keyfari-lp-services__card:hover
.vs-keyfari-lp-services__card-icon {

  background:
    var(--vs-keyfari-lp-primary);

  color: #fff;

  transform:
    rotate(-3deg)
    scale(1.04);

}



.vs-keyfari-lp-services__card-icon svg {

  width: 22px;

  height: 22px;

}



/* Title */

.vs-keyfari-lp-services__card h3 {

  margin:
    19px 0 0;

  font-size: 19px;

  line-height: 1.75;

  font-weight: 950;

}



.vs-keyfari-lp-services__card h3 a {

  color:
    var(--vs-keyfari-lp-ink);

  transition:
    color .18s ease;

}



.vs-keyfari-lp-services__card h3 a:hover {

  color:
    var(--vs-keyfari-lp-primary);

}



/* Description */

.vs-keyfari-lp-services__card > p {

  min-height: 91px;

  margin:
    10px 0 0;

  color:
    var(--vs-keyfari-lp-muted);

  font-size: 12.5px;

  line-height: 2.05;

  font-weight: 550;

}



/* Tags */

.vs-keyfari-lp-services__tags {

  display: flex;

  flex-wrap: wrap;

  gap: 6px;

  margin-top: 14px;

}



.vs-keyfari-lp-services__tags span {

  display: inline-flex;

  align-items: center;

  min-height: 27px;

  padding:
    4px 9px;

  border-radius: 999px;

  background: #F5F5FC;

  color: #66667A;

  font-size: 9.5px;

  font-weight: 800;

}



/* Footer */

.vs-keyfari-lp-services__card-footer {

  display: flex;

  align-items: center;

  justify-content:
    space-between;

  gap: 10px;

  margin-top: 19px;

  padding-top: 15px;

  border-top:
    1px solid
    rgba(16,15,166,.08);

}



.vs-keyfari-lp-services__more {

  display: inline-flex;

  align-items: center;

  gap: 7px;

  color:
    var(--vs-keyfari-lp-primary);

  font-size: 11.5px;

  font-weight: 900;

}



.vs-keyfari-lp-services__more span {

  font-size: 17px;

  transition:
    transform .18s ease;

}



.vs-keyfari-lp-services__more:hover span {

  transform:
    translateX(-4px);

}



/* Expand button */

.vs-keyfari-lp-services__peek {

  flex:
    0 0 34px;

  width: 34px;

  height: 34px;

  display: grid;

  place-items: center;

  border:
    1px solid
    rgba(16,15,166,.11);

  border-radius: 10px;

  background:
    var(--vs-keyfari-lp-soft);

  color:
    var(--vs-keyfari-lp-deep);

  font: inherit;

  font-size: 19px;

  line-height: 1;

  cursor: pointer;

  transition:
    .18s ease;

}



.vs-keyfari-lp-services__peek:hover {

  background:
    var(--vs-keyfari-lp-primary);

  color: #fff;

}



/* Expanded text */

.vs-keyfari-lp-services__extra {

  display: grid;

  grid-template-rows: 0fr;

  opacity: 0;

  margin-top: 0;

  transition:
    grid-template-rows .26s ease,
    opacity .2s ease,
    margin-top .26s ease;

}



.vs-keyfari-lp-services__extra > * {

  min-height: 0;

  overflow: hidden;

}



.vs-keyfari-lp-services__extra p {

  margin: 0;

  padding:
    0 11px;

  border-right:
    2px solid
    rgba(16,15,166,.25);

  color: #55556C;

  font-size: 11px;

  line-height: 2;

}



.vs-keyfari-lp-services__card.is-expanded
.vs-keyfari-lp-services__extra {

  grid-template-rows: 1fr;

  opacity: 1;

  margin-top: 14px;

}



/* =========================
Featured bridge card
========================= */

.vs-keyfari-lp-services__card--featured {

  background:
    linear-gradient(
      145deg,
      rgba(16,15,166,.025),
      rgba(1,0,102,.06)
    ),
    #fff;

  border-color:
    rgba(16,15,166,.16);

}



.vs-keyfari-lp-services__featured-label {

  display: inline-flex;

  margin-top: 15px;

  padding:
    5px 9px;

  border-radius: 999px;

  background:
    rgba(16,15,166,.08);

  color:
    var(--vs-keyfari-lp-primary);

  font-size: 9px;

  font-weight: 900;

}



.vs-keyfari-lp-services__card--featured h3 {

  margin-top: 9px;

}



/* =========================
Bottom CTA
========================= */

.vs-keyfari-lp-services__bottom {

  margin-top: 28px;

  display: flex;

  align-items: center;

  justify-content:
    space-between;

  gap: 24px;

  padding:
    22px 24px;

  border-radius: 22px;

  background:

    radial-gradient(
      circle at 10% 0%,
      rgba(90,88,230,.22),
      transparent 28%
    ),

    linear-gradient(
      135deg,
      #100FA6 0%,
      #010066 100%
    );

  box-shadow:
    0 24px 55px
    rgba(1,0,102,.18);

  color: #fff;

}



.vs-keyfari-lp-services__bottom-copy {

  display: flex;

  flex-direction: column;

  gap: 5px;

}



.vs-keyfari-lp-services__bottom-copy span {

  color:
    rgba(255,255,255,.68);

  font-size: 11px;

  font-weight: 700;

}



.vs-keyfari-lp-services__bottom-copy strong {

  color: #fff;

  font-size: 15px;

  line-height: 1.8;

  font-weight: 900;

}



/* Buttons */

.vs-keyfari-lp-services__bottom-actions {

  display: flex;

  align-items: center;

  gap: 10px;

}



.vs-keyfari-lp-services__call {

  display: inline-flex;

  align-items: center;

  gap: 10px;

  min-height: 50px;

  padding:
    9px 14px;

  border-radius: 14px;

  background: #fff;

  color:
    var(--vs-keyfari-lp-deep);

  transition:
    .2s ease;

}



.vs-keyfari-lp-services__call:hover {

  transform:
    translateY(-2px);

  box-shadow:
    0 10px 30px
    rgba(0,0,0,.16);

}



.vs-keyfari-lp-services__call-icon {

  width: 32px;

  height: 32px;

  display: grid;

  place-items: center;

  border-radius: 10px;

  background:
    var(--vs-keyfari-lp-soft-2);

  color:
    var(--vs-keyfari-lp-primary);

}



.vs-keyfari-lp-services__call-icon svg {

  width: 18px;

  height: 18px;

}



.vs-keyfari-lp-services__call > span:last-child {

  display: flex;

  flex-direction: column;

  gap: 1px;

  font-size: 9.5px;

  font-weight: 700;

}



.vs-keyfari-lp-services__call strong {

  color:
    var(--vs-keyfari-lp-deep);

  font-size: 13px;

}



.vs-keyfari-lp-services__secondary-call {

  min-height: 50px;

  display: inline-flex;

  align-items: center;

  gap: 6px;

  padding:
    10px 13px;

  border:
    1px solid
    rgba(255,255,255,.17);

  border-radius: 14px;

  color:
    rgba(255,255,255,.75);

  font-size: 9.5px;

  font-weight: 700;

  transition:
    .2s ease;

}



.vs-keyfari-lp-services__secondary-call:hover {

  background:
    rgba(255,255,255,.08);

  color: #fff;

}



.vs-keyfari-lp-services__secondary-call strong {

  color: #fff;

  font-size: 12px;

}



/* =========================
Tablet
========================= */

@media (max-width: 1024px) {

  .vs-keyfari-lp-services__head {

    grid-template-columns:
      1fr;

  }


  .vs-keyfari-lp-services__head-card {

    max-width: 650px;

  }


  .vs-keyfari-lp-services__grid {

    grid-template-columns:
      repeat(
        2,
        minmax(0, 1fr)
      );

  }


  .vs-keyfari-lp-services__bottom {

    align-items:
      flex-start;

    flex-direction:
      column;

  }

}



/* =========================
Mobile
========================= */

@media (max-width: 680px) {

  .vs-keyfari-lp-services {

    padding:
      64px 14px;

  }


  .vs-keyfari-lp-services__heading h2 {

    font-size:
      clamp(
        29px,
        9.6vw,
        40px
      );

  }


  .vs-keyfari-lp-services__heading > p {

    font-size:
      13.5px;

  }


  .vs-keyfari-lp-services__head-card {

    min-height: 0;

    padding: 15px;

  }


  /* Horizontal scroll filters */

  .vs-keyfari-lp-services__filters {

    flex-wrap: nowrap;

    overflow-x: auto;

    scrollbar-width: none;

    margin-left: -14px;

    margin-right: -14px;

    padding:
      0 14px 6px;

  }


  .vs-keyfari-lp-services__filters::-webkit-scrollbar {

    display: none;

  }


  .vs-keyfari-lp-services__filter {

    flex:
      0 0 auto;

    white-space: nowrap;

  }


  /* Cards */

  .vs-keyfari-lp-services__grid {

    grid-template-columns:
      1fr;

    gap: 13px;

  }


  .vs-keyfari-lp-services__card {

    padding: 18px;

    border-radius: 19px;

  }


  .vs-keyfari-lp-services__card > p {

    min-height: 0;

  }


  /* CTA */

  .vs-keyfari-lp-services__bottom {

    padding: 19px;

    border-radius: 19px;

  }


  .vs-keyfari-lp-services__bottom-actions {

    width: 100%;

    flex-direction:
      column;

    align-items:
      stretch;

  }


  .vs-keyfari-lp-services__call,
  .vs-keyfari-lp-services__secondary-call {

    width: 100%;

    justify-content:
      center;

  }

}



/* =========================
Reduced motion
========================= */

@media (prefers-reduced-motion: reduce) {

  .vs-keyfari-lp-services *,
  .vs-keyfari-lp-services *::before,
  .vs-keyfari-lp-services *::after {

    transition:
      none !important;

    animation:
      none !important;

  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b71fb4 *//* ==========================================================
VS KEYFARI LP
SECTION 03 — CRIMINAL CASE PROCESS
Dark Interactive Timeline
========================================================== */

.vs-keyfari-lp-process {

  --vs-keyfari-lp-process-primary:
    #100FA6;

  --vs-keyfari-lp-process-deep:
    #010066;

  --vs-keyfari-lp-process-violet:
    #514FE0;

  --vs-keyfari-lp-process-light:
    #E7E7FF;

  --vs-keyfari-lp-process-white:
    #FFFFFF;


  position: relative;

  isolation: isolate;

  overflow: hidden;

  width: 100%;

  padding:
    clamp(76px, 9vw, 124px)
    20px;

  background:

    radial-gradient(
      circle at 12% 15%,
      rgba(91,88,255,.20),
      transparent 28%
    ),

    radial-gradient(
      circle at 88% 88%,
      rgba(16,15,166,.32),
      transparent 30%
    ),

    linear-gradient(
      145deg,
      #090850 0%,
      #030249 48%,
      #010033 100%
    );

  color: #fff;

  font-family: inherit;

}



/* Reset */

.vs-keyfari-lp-process *,
.vs-keyfari-lp-process *::before,
.vs-keyfari-lp-process *::after {

  box-sizing: border-box;

}


.vs-keyfari-lp-process a {

  text-decoration: none;

}



/* Container */

.vs-keyfari-lp-process__container {

  position: relative;

  z-index: 3;

  width:
    min(1180px, 100%);

  margin:
    0 auto;

}



/* =========================================
Background accents
========================================= */

.vs-keyfari-lp-process__glow {

  position: absolute;

  pointer-events: none;

  border-radius: 50%;

  filter:
    blur(4px);

}


.vs-keyfari-lp-process__glow--one {

  width: 420px;

  height: 420px;

  top: -280px;

  right: -120px;

  background:
    radial-gradient(
      circle,
      rgba(99,96,255,.30),
      transparent 68%
    );

}


.vs-keyfari-lp-process__glow--two {

  width: 360px;

  height: 360px;

  bottom: -250px;

  left: -100px;

  background:
    radial-gradient(
      circle,
      rgba(38,35,202,.28),
      transparent 70%
    );

}



/* =========================================
Heading
========================================= */

.vs-keyfari-lp-process__head {

  display: flex;

  align-items: flex-end;

  justify-content:
    space-between;

  gap: 36px;

  margin-bottom: 44px;

}



.vs-keyfari-lp-process__head-main {

  max-width: 760px;

}



.vs-keyfari-lp-process__eyebrow {

  display: inline-flex;

  align-items: center;

  gap: 10px;

  margin-bottom: 15px;

  color:
    #C8C7FF;

  font-size: 12px;

  font-weight: 850;

}



.vs-keyfari-lp-process__eyebrow-icon {

  width: 31px;

  height: 31px;

  display: grid;

  place-items: center;

  border:
    1px solid
    rgba(255,255,255,.13);

  border-radius: 10px;

  background:
    rgba(255,255,255,.08);

  color:
    #D8D7FF;

}



.vs-keyfari-lp-process__eyebrow-icon svg {

  width: 17px;

  height: 17px;

}



.vs-keyfari-lp-process__head h2 {

  margin: 0;

  color: #fff;

  font-size:
    clamp(
      34px,
      4.2vw,
      54px
    );

  line-height: 1.5;

  letter-spacing:
    -.8px;

  font-weight: 950;

}



.vs-keyfari-lp-process__head h2 span {

  color:
    #B8B7FF;

}



.vs-keyfari-lp-process__head-main > p {

  max-width: 700px;

  margin:
    15px 0 0;

  color:
    rgba(255,255,255,.64);

  font-size: 14px;

  line-height: 2.1;

  font-weight: 550;

}



/* Counter badge */

.vs-keyfari-lp-process__head-badge {

  flex: 0 0 auto;

  min-width: 180px;

  display: flex;

  align-items: center;

  gap: 12px;

  padding:
    13px 15px;

  border:
    1px solid
    rgba(255,255,255,.10);

  border-radius: 17px;

  background:
    rgba(255,255,255,.06);

  backdrop-filter:
    blur(12px);

}



.vs-keyfari-lp-process__head-badge-number {

  color:
    #C3C1FF;

  font-size: 31px;

  line-height: 1;

  font-weight: 950;

}



.vs-keyfari-lp-process__head-badge > span:last-child {

  display: flex;

  flex-direction: column;

  gap: 3px;

  color:
    rgba(255,255,255,.52);

  font-size: 10px;

  font-weight: 700;

}



.vs-keyfari-lp-process__head-badge strong {

  color: #fff;

  font-size: 11px;

  font-weight: 850;

}



/* =========================================
Layout
========================================= */

.vs-keyfari-lp-process__layout {

  display: grid;

  grid-template-columns:
    minmax(320px, .72fr)
    minmax(0, 1.28fr);

  gap: 22px;

}



/* =========================================
Steps
========================================= */

.vs-keyfari-lp-process__steps {

  position: relative;

  display: flex;

  flex-direction: column;

  gap: 9px;

}



.vs-keyfari-lp-process__steps::before {

  content: "";

  position: absolute;

  top: 32px;

  bottom: 32px;

  right: 27px;

  width: 1px;

  background:
    linear-gradient(
      180deg,
      rgba(184,183,255,.42),
      rgba(184,183,255,.05)
    );

}



.vs-keyfari-lp-process__step {

  position: relative;

  z-index: 2;

  width: 100%;

  display: grid;

  grid-template-columns:
    55px 1fr 28px;

  align-items: center;

  gap: 12px;

  min-height: 77px;

  padding:
    11px 13px;

  border:
    1px solid
    rgba(255,255,255,.08);

  border-radius: 17px;

  background:
    rgba(255,255,255,.035);

  color: #fff;

  font: inherit;

  text-align: right;

  cursor: pointer;

  transition:
    transform .22s ease,
    border-color .22s ease,
    background .22s ease,
    box-shadow .22s ease;

}



.vs-keyfari-lp-process__step:hover {

  transform:
    translateX(-4px);

  border-color:
    rgba(190,189,255,.22);

  background:
    rgba(255,255,255,.07);

}



.vs-keyfari-lp-process__step.is-active {

  border-color:
    rgba(188,186,255,.28);

  background:

    linear-gradient(
      90deg,
      rgba(255,255,255,.10),
      rgba(255,255,255,.055)
    );

  box-shadow:
    0 18px 40px
    rgba(0,0,0,.12);

}



/* Marker */

.vs-keyfari-lp-process__step-marker {

  position: relative;

  width: 46px;

  height: 46px;

  display: grid;

  place-items: center;

  border-radius: 15px;

  border:
    1px solid
    rgba(255,255,255,.12);

  background:
    #08075B;

  color:
    rgba(255,255,255,.55);

  transition:
    .22s ease;

}



.vs-keyfari-lp-process__step-marker span {

  font-size: 11px;

  font-weight: 950;

}



.vs-keyfari-lp-process__step.is-active
.vs-keyfari-lp-process__step-marker {

  background:
    linear-gradient(
      135deg,
      #6865EC,
      #100FA6
    );

  color: #fff;

  box-shadow:
    0 10px 28px
    rgba(16,15,166,.35);

}



/* Step copy */

.vs-keyfari-lp-process__step-copy {

  min-width: 0;

  display: flex;

  flex-direction: column;

  gap: 4px;

}



.vs-keyfari-lp-process__step-copy strong {

  color:
    rgba(255,255,255,.90);

  font-size: 13px;

  line-height: 1.65;

  font-weight: 850;

}



.vs-keyfari-lp-process__step-copy small {

  color:
    rgba(255,255,255,.42);

  font-size: 9.5px;

  line-height: 1.6;

  font-weight: 650;

}



.vs-keyfari-lp-process__step-arrow {

  color:
    rgba(255,255,255,.25);

  font-size: 18px;

  transition:
    .22s ease;

}



.vs-keyfari-lp-process__step.is-active
.vs-keyfari-lp-process__step-arrow {

  color:
    #C7C6FF;

  transform:
    translateX(-3px);

}



/* =========================================
Content panel
========================================= */

.vs-keyfari-lp-process__panel {

  position: relative;

  overflow: hidden;

  min-height: 485px;

  padding:
    27px;

  border:
    1px solid
    rgba(255,255,255,.11);

  border-radius: 25px;

  background:

    radial-gradient(
      circle at 15% 0%,
      rgba(109,106,239,.20),
      transparent 26%
    ),

    rgba(255,255,255,.07);

  box-shadow:
    inset 0 1px 0
    rgba(255,255,255,.06),

    0 28px 70px
    rgba(0,0,0,.16);

  backdrop-filter:
    blur(16px);

  transition:
    opacity .16s ease,
    transform .16s ease;

}



.vs-keyfari-lp-process__panel::before {

  content: "§";

  position: absolute;

  left: -30px;

  bottom: -100px;

  color:
    rgba(255,255,255,.025);

  font-family:
    Georgia, serif;

  font-size: 340px;

  line-height: 1;

  pointer-events: none;

}



.vs-keyfari-lp-process__panel.is-changing {

  opacity: .55;

  transform:
    translateY(4px);

}



/* Panel top */

.vs-keyfari-lp-process__panel-top {

  position: relative;

  z-index: 2;

  display: flex;

  justify-content:
    space-between;

  align-items: flex-start;

}



.vs-keyfari-lp-process__panel-index {

  display: flex;

  align-items: flex-end;

  gap: 7px;

}



.vs-keyfari-lp-process__panel-index span {

  color:
    #B9B7FF;

  font-size: 38px;

  line-height: 1;

  font-weight: 950;

}



.vs-keyfari-lp-process__panel-index small {

  margin-bottom: 3px;

  color:
    rgba(255,255,255,.38);

  font-size: 9px;

  font-weight: 700;

}



.vs-keyfari-lp-process__panel-icon {

  width: 48px;

  height: 48px;

  display: grid;

  place-items: center;

  border:
    1px solid
    rgba(255,255,255,.12);

  border-radius: 15px;

  background:
    rgba(255,255,255,.08);

  color:
    #D6D5FF;

}



.vs-keyfari-lp-process__panel-icon svg {

  width: 23px;

  height: 23px;

}



/* Main panel content */

.vs-keyfari-lp-process__panel-content {

  position: relative;

  z-index: 2;

  margin-top: 28px;

}



.vs-keyfari-lp-process__panel-kicker {

  color:
    #A8A6FA;

  font-size: 10px;

  font-weight: 850;

}



.vs-keyfari-lp-process__panel-content h3 {

  margin:
    7px 0 0;

  color: #fff;

  font-size:
    clamp(
      22px,
      2.6vw,
      30px
    );

  line-height: 1.7;

  font-weight: 950;

}



.vs-keyfari-lp-process__panel-content > p {

  max-width: 690px;

  margin:
    11px 0 0;

  color:
    rgba(255,255,255,.62);

  font-size: 13px;

  line-height: 2.15;

  font-weight: 550;

}



/* Bullet points */

.vs-keyfari-lp-process__panel-points {

  display: grid;

  grid-template-columns:
    repeat(3, 1fr);

  gap: 9px;

  margin-top: 21px;

}



.vs-keyfari-lp-process__panel-points > div {

  min-height: 86px;

  display: flex;

  align-items: flex-start;

  gap: 8px;

  padding: 13px;

  border:
    1px solid
    rgba(255,255,255,.08);

  border-radius: 14px;

  background:
    rgba(0,0,0,.10);

}



.vs-keyfari-lp-process__panel-points span {

  flex: 0 0 22px;

  width: 22px;

  height: 22px;

  display: grid;

  place-items: center;

  border-radius: 50%;

  background:
    rgba(135,255,197,.10);

  color:
    #9AFFCC;

  font-size: 10px;

  font-weight: 900;

}



.vs-keyfari-lp-process__panel-points p {

  margin: 0;

  color:
    rgba(255,255,255,.72);

  font-size: 10px;

  line-height: 1.9;

  font-weight: 650;

}



/* Risk */

.vs-keyfari-lp-process__risk {

  position: relative;

  z-index: 2;

  display: flex;

  align-items: flex-start;

  gap: 11px;

  margin-top: 15px;

  padding: 13px;

  border:
    1px solid
    rgba(255,210,116,.12);

  border-radius: 14px;

  background:
    rgba(255,196,70,.055);

}



.vs-keyfari-lp-process__risk-icon {

  flex: 0 0 29px;

  width: 29px;

  height: 29px;

  display: grid;

  place-items: center;

  border-radius: 9px;

  background:
    rgba(255,205,89,.12);

  color:
    #FFE094;

  font-size: 14px;

  font-weight: 950;

}



.vs-keyfari-lp-process__risk > div:last-child {

  display: flex;

  flex-direction: column;

  gap: 2px;

}



.vs-keyfari-lp-process__risk span {

  color:
    #FFE3A1;

  font-size: 9px;

  font-weight: 850;

}



.vs-keyfari-lp-process__risk p {

  margin: 0;

  color:
    rgba(255,255,255,.64);

  font-size: 10px;

  line-height: 1.9;

}



/* =========================================
Progress
========================================= */

.vs-keyfari-lp-process__progress {

  position: relative;

  z-index: 2;

  margin-top: 20px;

}



.vs-keyfari-lp-process__progress-head {

  display: flex;

  justify-content:
    space-between;

  align-items: center;

  margin-bottom: 7px;

}



.vs-keyfari-lp-process__progress-head span {

  color:
    rgba(255,255,255,.34);

  font-size: 8.5px;

  font-weight: 700;

}



.vs-keyfari-lp-process__progress-head strong {

  color:
    rgba(255,255,255,.62);

  font-size: 9px;

  font-weight: 800;

}



.vs-keyfari-lp-process__progress-track {

  width: 100%;

  height: 5px;

  overflow: hidden;

  border-radius: 999px;

  background:
    rgba(255,255,255,.07);

}



.vs-keyfari-lp-process__progress-track span {

  display: block;

  width: 20%;

  height: 100%;

  border-radius: 999px;

  background:
    linear-gradient(
      90deg,
      #7774F4,
      #AAA8FF
    );

  box-shadow:
    0 0 20px
    rgba(139,136,255,.36);

  transition:
    width .45s ease;

}



/* =========================================
Bottom CTA
========================================= */

.vs-keyfari-lp-process__cta {

  margin-top: 25px;

  display: flex;

  justify-content:
    space-between;

  align-items: center;

  gap: 20px;

  padding:
    18px 20px;

  border:
    1px solid
    rgba(255,255,255,.09);

  border-radius: 20px;

  background:
    rgba(255,255,255,.045);

  backdrop-filter:
    blur(12px);

}



.vs-keyfari-lp-process__cta-copy {

  display: flex;

  flex-direction: column;

  gap: 4px;

}



.vs-keyfari-lp-process__cta-copy span {

  color:
    rgba(255,255,255,.42);

  font-size: 10px;

  font-weight: 700;

}



.vs-keyfari-lp-process__cta-copy strong {

  color: #fff;

  font-size: 14px;

  line-height: 1.8;

  font-weight: 900;

}



.vs-keyfari-lp-process__cta-actions {

  display: flex;

  align-items: center;

  gap: 9px;

}



.vs-keyfari-lp-process__cta-primary {

  min-height: 48px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 9px;

  padding:
    9px 15px;

  border-radius: 13px;

  background: #fff;

  color:
    #010066;

  font-size: 11px;

  font-weight: 900;

  transition:
    .2s ease;

}



.vs-keyfari-lp-process__cta-primary:hover {

  transform:
    translateY(-2px);

  box-shadow:
    0 12px 30px
    rgba(0,0,0,.18);

}



.vs-keyfari-lp-process__cta-phone-icon {

  width: 28px;

  height: 28px;

  display: grid;

  place-items: center;

  border-radius: 9px;

  background:
    #EEEEFF;

  color:
    #100FA6;

}



.vs-keyfari-lp-process__cta-phone-icon svg {

  width: 16px;

  height: 16px;

}



.vs-keyfari-lp-process__cta-secondary {

  min-height: 48px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  padding:
    8px 12px;

  border:
    1px solid
    rgba(255,255,255,.12);

  border-radius: 13px;

  color:
    rgba(255,255,255,.48);

  font-size: 8px;

}



.vs-keyfari-lp-process__cta-secondary strong {

  margin-top: 1px;

  color: #fff;

  font-size: 11px;

}



/* =========================================
Focus
========================================= */

.vs-keyfari-lp-process__step:focus-visible,
.vs-keyfari-lp-process__cta-primary:focus-visible,
.vs-keyfari-lp-process__cta-secondary:focus-visible {

  outline:
    3px solid
    rgba(185,183,255,.35);

  outline-offset: 3px;

}



/* =========================================
Tablet
========================================= */

@media (max-width: 960px) {

  .vs-keyfari-lp-process__head {

    align-items:
      flex-start;

    flex-direction:
      column;

  }


  .vs-keyfari-lp-process__layout {

    grid-template-columns:
      1fr;

  }


  .vs-keyfari-lp-process__steps {

    display: grid;

    grid-template-columns:
      repeat(5, minmax(150px, 1fr));

    overflow-x: auto;

    padding-bottom: 8px;

    scrollbar-width: none;

  }


  .vs-keyfari-lp-process__steps::-webkit-scrollbar {

    display: none;

  }


  .vs-keyfari-lp-process__steps::before {

    display: none;

  }


  .vs-keyfari-lp-process__step {

    min-width: 160px;

    grid-template-columns:
      42px 1fr;

  }


  .vs-keyfari-lp-process__step-arrow {

    display: none;

  }

}



/* =========================================
Mobile
========================================= */

@media (max-width: 680px) {

  .vs-keyfari-lp-process {

    padding:
      66px 14px;

  }


  .vs-keyfari-lp-process__head {

    margin-bottom: 28px;

  }


  .vs-keyfari-lp-process__head h2 {

    font-size:
      clamp(
        29px,
        9.4vw,
        40px
      );

  }


  .vs-keyfari-lp-process__head-main > p {

    font-size: 13px;

  }


  .vs-keyfari-lp-process__head-badge {

    min-width: 0;

  }


  .vs-keyfari-lp-process__steps {

    margin-left: -14px;

    margin-right: -14px;

    padding:
      0 14px 8px;

  }


  .vs-keyfari-lp-process__step {

    min-width: 185px;

    min-height: 72px;

  }


  .vs-keyfari-lp-process__panel {

    min-height: auto;

    padding: 20px;

    border-radius: 21px;

  }


  .vs-keyfari-lp-process__panel-content {

    margin-top: 22px;

  }


  .vs-keyfari-lp-process__panel-content h3 {

    font-size: 22px;

  }


  .vs-keyfari-lp-process__panel-content > p {

    font-size: 12px;

  }


  .vs-keyfari-lp-process__panel-points {

    grid-template-columns:
      1fr;

  }


  .vs-keyfari-lp-process__panel-points > div {

    min-height: 0;

  }


  .vs-keyfari-lp-process__cta {

    align-items:
      stretch;

    flex-direction:
      column;

  }


  .vs-keyfari-lp-process__cta-actions {

    display: grid;

    grid-template-columns:
      1fr;

  }


  .vs-keyfari-lp-process__cta-primary,
  .vs-keyfari-lp-process__cta-secondary {

    width: 100%;

  }

}



/* =========================================
Reduced motion
========================================= */

@media (prefers-reduced-motion: reduce) {

  .vs-keyfari-lp-process *,
  .vs-keyfari-lp-process *::before,
  .vs-keyfari-lp-process *::after {

    transition:
      none !important;

    animation:
      none !important;

  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-743f631 *//* ==========================================================
VS KEYFARI LP
SECTION 04 — COMPLAINANT / ACCUSED
Light Interactive Section
========================================================== */

.vs-keyfari-lp-role {

  --vs-keyfari-lp-role-primary:
    #100FA6;

  --vs-keyfari-lp-role-deep:
    #010066;

  --vs-keyfari-lp-role-soft:
    #F6F6FF;

  --vs-keyfari-lp-role-soft-2:
    #ECECFF;

  --vs-keyfari-lp-role-ink:
    #17172A;

  --vs-keyfari-lp-role-muted:
    #6B6B80;


  position: relative;

  overflow: hidden;

  width: 100%;

  padding:
    clamp(74px, 8vw, 116px)
    20px;

  background:

    radial-gradient(
      circle at 90% 10%,
      rgba(16,15,166,.06),
      transparent 25%
    ),

    linear-gradient(
      180deg,
      #FFFFFF 0%,
      #F8F8FF 100%
    );

  color:
    var(--vs-keyfari-lp-role-ink);

  font-family: inherit;

}


.vs-keyfari-lp-role *,
.vs-keyfari-lp-role *::before,
.vs-keyfari-lp-role *::after {

  box-sizing:
    border-box;

}


.vs-keyfari-lp-role a {

  text-decoration:
    none;

}



/* =========================================
Container
========================================= */

.vs-keyfari-lp-role__container {

  width:
    min(1180px, 100%);

  margin:
    0 auto;

}



/* =========================================
Heading
========================================= */

.vs-keyfari-lp-role__head {

  display: flex;

  align-items:
    flex-end;

  justify-content:
    space-between;

  gap: 34px;

}


.vs-keyfari-lp-role__heading {

  max-width:
    790px;

}


.vs-keyfari-lp-role__eyebrow {

  display:
    inline-flex;

  align-items:
    center;

  gap: 9px;

  margin-bottom:
    13px;

  color:
    var(--vs-keyfari-lp-role-primary);

  font-size:
    12px;

  font-weight:
    900;

}


.vs-keyfari-lp-role__eyebrow span {

  width:
    28px;

  height:
    28px;

  display:
    grid;

  place-items:
    center;

  border-radius:
    9px;

  background:
    var(--vs-keyfari-lp-role-soft-2);

  font-family:
    Georgia, serif;

  font-size:
    17px;

}


.vs-keyfari-lp-role__heading h2 {

  margin:
    0;

  color:
    var(--vs-keyfari-lp-role-ink);

  font-size:
    clamp(
      34px,
      4vw,
      52px
    );

  line-height:
    1.5;

  letter-spacing:
    -.8px;

  font-weight:
    950;

}


.vs-keyfari-lp-role__heading h2 span {

  display:
    block;

  color:
    var(--vs-keyfari-lp-role-primary);

}


.vs-keyfari-lp-role__heading > p {

  max-width:
    760px;

  margin:
    14px 0 0;

  color:
    var(--vs-keyfari-lp-role-muted);

  font-size:
    14px;

  line-height:
    2.1;

  font-weight:
    550;

}



/* =========================================
Legal Mark
========================================= */

.vs-keyfari-lp-role__legal-mark {

  flex:
    0 0 190px;

  display:
    flex;

  align-items:
    center;

  gap:
    12px;

  padding:
    14px;

  border:
    1px solid
    rgba(16,15,166,.10);

  border-radius:
    18px;

  background:
    rgba(255,255,255,.82);

  box-shadow:
    0 14px 38px
    rgba(1,0,102,.06);

}


.vs-keyfari-lp-role__legal-mark-ring {

  flex:
    0 0 50px;

  width:
    50px;

  height:
    50px;

  display:
    grid;

  place-items:
    center;

  border-radius:
    50%;

  background:
    linear-gradient(
      135deg,
      #100FA6,
      #010066
    );

  color:
    #fff;

}


.vs-keyfari-lp-role__legal-mark-ring svg {

  width:
    28px;

  height:
    28px;

}


.vs-keyfari-lp-role__legal-mark > span {

  color:
    #55556C;

  font-size:
    10px;

  line-height:
    1.9;

  font-weight:
    800;

}



/* =========================================
Switcher
========================================= */

.vs-keyfari-lp-role__switcher {

  width:
    min(660px, 100%);

  display:
    grid;

  grid-template-columns:
    repeat(2, 1fr);

  gap:
    8px;

  margin-top:
    34px;

  padding:
    7px;

  border:
    1px solid
    rgba(16,15,166,.10);

  border-radius:
    20px;

  background:
    #FFFFFF;

  box-shadow:
    0 15px 38px
    rgba(1,0,102,.06);

}


.vs-keyfari-lp-role__switch {

  position:
    relative;

  min-height:
    70px;

  display:
    flex;

  align-items:
    center;

  gap:
    11px;

  padding:
    11px 14px;

  border:
    0;

  border-radius:
    15px;

  background:
    transparent;

  color:
    #55556A;

  text-align:
    right;

  font:
    inherit;

  cursor:
    pointer;

  transition:
    .22s ease;

}


.vs-keyfari-lp-role__switch:hover {

  background:
    #F5F5FF;

}


.vs-keyfari-lp-role__switch.is-active {

  background:
    linear-gradient(
      135deg,
      #100FA6,
      #010066
    );

  color:
    #fff;

  box-shadow:
    0 13px 30px
    rgba(16,15,166,.20);

}


.vs-keyfari-lp-role__switch-icon {

  flex:
    0 0 40px;

  width:
    40px;

  height:
    40px;

  display:
    grid;

  place-items:
    center;

  border-radius:
    12px;

  background:
    #EEEEFF;

  color:
    #100FA6;

}


.vs-keyfari-lp-role__switch.is-active
.vs-keyfari-lp-role__switch-icon {

  background:
    rgba(255,255,255,.12);

  color:
    #fff;

}


.vs-keyfari-lp-role__switch-icon svg {

  width:
    21px;

  height:
    21px;

}


.vs-keyfari-lp-role__switch-copy {

  display:
    flex;

  flex-direction:
    column;

  gap:
    3px;

}


.vs-keyfari-lp-role__switch-copy small {

  color:
    #8A8A9A;

  font-size:
    9.5px;

  font-weight:
    700;

}


.vs-keyfari-lp-role__switch.is-active
.vs-keyfari-lp-role__switch-copy small {

  color:
    rgba(255,255,255,.60);

}


.vs-keyfari-lp-role__switch-copy strong {

  font-size:
    13px;

  font-weight:
    900;

}



/* =========================================
Layout
========================================= */

.vs-keyfari-lp-role__layout {

  display:
    grid;

  grid-template-columns:
    minmax(0, 1.35fr)
    minmax(290px, .65fr);

  gap:
    20px;

  margin-top:
    22px;

}



/* =========================================
Main Panel
========================================= */

.vs-keyfari-lp-role__panel {

  position:
    relative;

  padding:
    27px;

  border:
    1px solid
    rgba(16,15,166,.10);

  border-radius:
    25px;

  background:
    #fff;

  box-shadow:
    0 22px 60px
    rgba(1,0,102,.07);

  transition:
    opacity .15s ease,
    transform .15s ease;

}


.vs-keyfari-lp-role__panel.is-changing {

  opacity:
    .48;

  transform:
    translateY(4px);

}



/* Panel head */

.vs-keyfari-lp-role__panel-head {

  display:
    flex;

  align-items:
    flex-start;

  justify-content:
    space-between;

  gap:
    20px;

}


.vs-keyfari-lp-role__panel-title-wrap {

  max-width:
    660px;

}


.vs-keyfari-lp-role__panel-label {

  color:
    var(--vs-keyfari-lp-role-primary);

  font-size:
    10px;

  font-weight:
    900;

}


.vs-keyfari-lp-role__panel-title-wrap h3 {

  margin:
    7px 0 0;

  color:
    var(--vs-keyfari-lp-role-ink);

  font-size:
    clamp(
      22px,
      2.7vw,
      31px
    );

  line-height:
    1.7;

  font-weight:
    950;

}


.vs-keyfari-lp-role__panel-number {

  flex:
    0 0 55px;

  width:
    55px;

  height:
    55px;

  display:
    grid;

  place-items:
    center;

  border-radius:
    17px;

  background:
    var(--vs-keyfari-lp-role-soft-2);

  color:
    rgba(16,15,166,.46);

}


.vs-keyfari-lp-role__panel-number span {

  font-size:
    16px;

  font-weight:
    950;

}



/* Intro */

.vs-keyfari-lp-role__panel-intro {

  margin:
    15px 0 0;

  max-width:
    800px;

  color:
    var(--vs-keyfari-lp-role-muted);

  font-size:
    13px;

  line-height:
    2.15;

  font-weight:
    550;

}



/* =========================================
Action Cards
========================================= */

.vs-keyfari-lp-role__actions-grid {

  display:
    grid;

  grid-template-columns:
    repeat(2, 1fr);

  gap:
    11px;

  margin-top:
    22px;

}


.vs-keyfari-lp-role__action-card {

  min-height:
    145px;

  display:
    flex;

  align-items:
    flex-start;

  gap:
    12px;

  padding:
    17px;

  border:
    1px solid
    rgba(16,15,166,.08);

  border-radius:
    17px;

  background:
    #FAFAFF;

  transition:
    .22s ease;

}


.vs-keyfari-lp-role__action-card:hover {

  transform:
    translateY(-3px);

  border-color:
    rgba(16,15,166,.18);

  background:
    #F7F7FF;

}


.vs-keyfari-lp-role__action-icon {

  flex:
    0 0 39px;

  width:
    39px;

  height:
    39px;

  display:
    grid;

  place-items:
    center;

  border-radius:
    12px;

  background:
    #EDEDFF;

  color:
    #100FA6;

}


.vs-keyfari-lp-role__action-icon svg {

  width:
    20px;

  height:
    20px;

}


.vs-keyfari-lp-role__action-card div {

  display:
    flex;

  flex-direction:
    column;

  gap:
    6px;

}


.vs-keyfari-lp-role__action-card strong {

  color:
    #23233A;

  font-size:
    12px;

  line-height:
    1.7;

  font-weight:
    900;

}


.vs-keyfari-lp-role__action-card p {

  margin:
    0;

  color:
    #737387;

  font-size:
    10.5px;

  line-height:
    2;

  font-weight:
    550;

}



/* =========================================
Notice
========================================= */

.vs-keyfari-lp-role__notice {

  display:
    flex;

  align-items:
    flex-start;

  gap:
    11px;

  margin-top:
    15px;

  padding:
    14px;

  border:
    1px solid
    rgba(238,170,26,.18);

  border-radius:
    15px;

  background:
    #FFFDF7;

}


.vs-keyfari-lp-role__notice-icon {

  flex:
    0 0 30px;

  width:
    30px;

  height:
    30px;

  display:
    grid;

  place-items:
    center;

  border-radius:
    9px;

  background:
    #FFF3CE;

  color:
    #A76C00;

  font-size:
    14px;

  font-weight:
    950;

}


.vs-keyfari-lp-role__notice > div:last-child {

  display:
    flex;

  flex-direction:
    column;

  gap:
    3px;

}


.vs-keyfari-lp-role__notice strong {

  color:
    #6D510B;

  font-size:
    10px;

  font-weight:
    900;

}


.vs-keyfari-lp-role__notice p {

  margin:
    0;

  color:
    #7C7151;

  font-size:
    10px;

  line-height:
    1.95;

}



/* =========================================
Side Panel
========================================= */

.vs-keyfari-lp-role__side {

  overflow:
    hidden;

  border:
    1px solid
    rgba(16,15,166,.10);

  border-radius:
    25px;

  background:
    linear-gradient(
      180deg,
      #F2F2FF,
      #FFFFFF
    );

  box-shadow:
    0 22px 60px
    rgba(1,0,102,.06);

  transition:
    opacity .15s ease,
    transform .15s ease;

}


.vs-keyfari-lp-role__side.is-changing {

  opacity:
    .48;

  transform:
    translateY(4px);

}


.vs-keyfari-lp-role__side-top {

  padding:
    24px 22px 15px;

}


.vs-keyfari-lp-role__side-top > span {

  color:
    #100FA6;

  font-size:
    9px;

  font-weight:
    900;

}


.vs-keyfari-lp-role__side-top h3 {

  margin:
    5px 0 0;

  color:
    #17172A;

  font-size:
    20px;

  line-height:
    1.8;

  font-weight:
    950;

}


.vs-keyfari-lp-role__side-top p {

  margin:
    7px 0 0;

  color:
    #737387;

  font-size:
    10.5px;

  line-height:
    1.9;

}



/* Checklist */

.vs-keyfari-lp-role__checklist {

  padding:
    0 18px;

}


.vs-keyfari-lp-role__checklist > div {

  display:
    grid;

  grid-template-columns:
    31px 1fr;

  gap:
    10px;

  align-items:
    flex-start;

  padding:
    12px 0;

  border-bottom:
    1px solid
    rgba(16,15,166,.07);

}


.vs-keyfari-lp-role__checklist > div:last-child {

  border-bottom:
    0;

}


.vs-keyfari-lp-role__checklist span {

  width:
    31px;

  height:
    31px;

  display:
    grid;

  place-items:
    center;

  border-radius:
    10px;

  background:
    #fff;

  color:
    #100FA6;

  box-shadow:
    0 6px 18px
    rgba(1,0,102,.07);

  font-size:
    9px;

  font-weight:
    950;

}


.vs-keyfari-lp-role__checklist p {

  margin:
    3px 0 0;

  color:
    #55556A;

  font-size:
    10.5px;

  line-height:
    1.9;

  font-weight:
    650;

}



/* =========================================
Side CTA
========================================= */

.vs-keyfari-lp-role__side-cta {

  margin-top:
    18px;

  padding:
    20px;

  background:
    linear-gradient(
      145deg,
      #100FA6,
      #010066
    );

  color:
    #fff;

}


.vs-keyfari-lp-role__side-cta > span {

  color:
    rgba(255,255,255,.58);

  font-size:
    9px;

  font-weight:
    700;

}


.vs-keyfari-lp-role__side-cta > strong {

  display:
    block;

  margin-top:
    4px;

  color:
    #fff;

  font-size:
    14px;

  line-height:
    1.8;

  font-weight:
    900;

}


.vs-keyfari-lp-role__phone {

  margin-top:
    13px;

  min-height:
    53px;

  display:
    flex;

  align-items:
    center;

  gap:
    10px;

  padding:
    9px 11px;

  border-radius:
    14px;

  background:
    #fff;

  color:
    #010066;

  transition:
    .2s ease;

}


.vs-keyfari-lp-role__phone:hover {

  transform:
    translateY(-2px);

  box-shadow:
    0 12px 30px
    rgba(0,0,0,.16);

}


.vs-keyfari-lp-role__phone > span {

  flex:
    0 0 34px;

  width:
    34px;

  height:
    34px;

  display:
    grid;

  place-items:
    center;

  border-radius:
    10px;

  background:
    #EEEEFF;

  color:
    #100FA6;

  font-size:
    9px;

  font-weight:
    900;

}


.vs-keyfari-lp-role__phone svg {

  width:
    18px;

  height:
    18px;

}


.vs-keyfari-lp-role__phone div {

  display:
    flex;

  flex-direction:
    column;

  gap:
    1px;

}


.vs-keyfari-lp-role__phone small {

  color:
    #777789;

  font-size:
    8px;

  font-weight:
    700;

}


.vs-keyfari-lp-role__phone strong {

  color:
    #010066;

  font-size:
    12px;

}


.vs-keyfari-lp-role__phone--secondary {

  margin-top:
    7px;

  border:
    1px solid
    rgba(255,255,255,.14);

  background:
    rgba(255,255,255,.08);

  color:
    #fff;

}


.vs-keyfari-lp-role__phone--secondary > span {

  background:
    rgba(255,255,255,.11);

  color:
    #fff;

}


.vs-keyfari-lp-role__phone--secondary small {

  color:
    rgba(255,255,255,.55);

}


.vs-keyfari-lp-role__phone--secondary strong {

  color:
    #fff;

}



/* =========================================
Focus
========================================= */

.vs-keyfari-lp-role__switch:focus-visible,
.vs-keyfari-lp-role__phone:focus-visible {

  outline:
    3px solid
    rgba(16,15,166,.22);

  outline-offset:
    3px;

}



/* =========================================
Tablet
========================================= */

@media (max-width: 980px) {

  .vs-keyfari-lp-role__head {

    align-items:
      flex-start;

    flex-direction:
      column;

  }


  .vs-keyfari-lp-role__legal-mark {

    flex:
      0 1 auto;

  }


  .vs-keyfari-lp-role__layout {

    grid-template-columns:
      1fr;

  }


  .vs-keyfari-lp-role__side {

    display:
      grid;

    grid-template-columns:
      1fr 1fr;

  }


  .vs-keyfari-lp-role__side-cta {

    margin-top:
      0;

  }

}



/* =========================================
Mobile
========================================= */

@media (max-width: 680px) {

  .vs-keyfari-lp-role {

    padding:
      64px 14px;

  }


  .vs-keyfari-lp-role__heading h2 {

    font-size:
      clamp(
        29px,
        9.5vw,
        40px
      );

  }


  .vs-keyfari-lp-role__heading > p {

    font-size:
      13px;

  }


  .vs-keyfari-lp-role__legal-mark {

    display:
      none;

  }


  .vs-keyfari-lp-role__switcher {

    grid-template-columns:
      1fr;

    border-radius:
      17px;

  }


  .vs-keyfari-lp-role__switch {

    min-height:
      64px;

  }


  .vs-keyfari-lp-role__panel {

    padding:
      19px;

    border-radius:
      20px;

  }


  .vs-keyfari-lp-role__panel-number {

    width:
      45px;

    height:
      45px;

    flex:
      0 0 45px;

  }


  .vs-keyfari-lp-role__panel-title-wrap h3 {

    font-size:
      21px;

  }


  .vs-keyfari-lp-role__panel-intro {

    font-size:
      12px;

  }


  .vs-keyfari-lp-role__actions-grid {

    grid-template-columns:
      1fr;

  }


  .vs-keyfari-lp-role__action-card {

    min-height:
      0;

  }


  .vs-keyfari-lp-role__side {

    display:
      block;

    border-radius:
      20px;

  }

}



/* =========================================
Reduced Motion
========================================= */

@media (prefers-reduced-motion: reduce) {

  .vs-keyfari-lp-role *,
  .vs-keyfari-lp-role *::before,
  .vs-keyfari-lp-role *::after {

    transition:
      none !important;

    animation:
      none !important;

  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a586eb7 *//* ==========================================================
VS KEYFARI LP
SECTION 05 — EXPERTISE / COMPARISON
========================================================== */

.vs-keyfari-lp-expertise {

  --vs-keyfari-lp-expertise-primary:
    #100FA6;

  --vs-keyfari-lp-expertise-deep:
    #010066;

  --vs-keyfari-lp-expertise-soft:
    #F6F6FF;

  --vs-keyfari-lp-expertise-soft-2:
    #ECECFF;

  --vs-keyfari-lp-expertise-ink:
    #17172B;

  --vs-keyfari-lp-expertise-muted:
    #6B6B80;


  position: relative;

  overflow: hidden;

  width: 100%;

  padding:
    clamp(72px, 8vw, 112px)
    20px;

  background:

    radial-gradient(
      circle at 7% 12%,
      rgba(16,15,166,.05),
      transparent 25%
    ),

    linear-gradient(
      180deg,
      #FFFFFF 0%,
      #F9F9FF 100%
    );

  color:
    var(--vs-keyfari-lp-expertise-ink);

  font-family:
    inherit;

}


.vs-keyfari-lp-expertise *,
.vs-keyfari-lp-expertise *::before,
.vs-keyfari-lp-expertise *::after {

  box-sizing:
    border-box;

}


.vs-keyfari-lp-expertise a {

  text-decoration:
    none;

}



/* Container */

.vs-keyfari-lp-expertise__container {

  width:
    min(1180px, 100%);

  margin:
    0 auto;

}



/* =========================================
Heading
========================================= */

.vs-keyfari-lp-expertise__head {

  display:
    flex;

  align-items:
    flex-end;

  justify-content:
    space-between;

  gap:
    32px;

}


.vs-keyfari-lp-expertise__heading {

  max-width:
    790px;

}


.vs-keyfari-lp-expertise__eyebrow {

  display:
    inline-flex;

  align-items:
    center;

  gap:
    9px;

  margin-bottom:
    13px;

  color:
    #100FA6;

  font-size:
    12px;

  font-weight:
    900;

}


.vs-keyfari-lp-expertise__eyebrow span {

  width:
    28px;

  height:
    28px;

  display:
    grid;

  place-items:
    center;

  border-radius:
    9px;

  background:
    #ECECFF;

  font-family:
    Georgia, serif;

  font-size:
    17px;

}


.vs-keyfari-lp-expertise__heading h2 {

  margin:
    0;

  color:
    #17172B;

  font-size:
    clamp(
      34px,
      4vw,
      52px
    );

  line-height:
    1.5;

  font-weight:
    950;

  letter-spacing:
    -.8px;

}


.vs-keyfari-lp-expertise__heading h2 span {

  color:
    #100FA6;

}


.vs-keyfari-lp-expertise__heading > p {

  max-width:
    760px;

  margin:
    14px 0 0;

  color:
    #6B6B80;

  font-size:
    14px;

  line-height:
    2.1;

}



/* Quote */

.vs-keyfari-lp-expertise__quote {

  flex:
    0 0 280px;

  position:
    relative;

  padding:
    18px 20px;

  border:
    1px solid
    rgba(16,15,166,.11);

  border-radius:
    19px;

  background:
    #fff;

  box-shadow:
    0 14px 38px
    rgba(1,0,102,.06);

}


.vs-keyfari-lp-expertise__quote-icon {

  position:
    absolute;

  top:
    -9px;

  right:
    15px;

  color:
    rgba(16,15,166,.12);

  font-family:
    Georgia, serif;

  font-size:
    55px;

  line-height:
    1;

}


.vs-keyfari-lp-expertise__quote p {

  position:
    relative;

  z-index:
    2;

  margin:
    0;

  color:
    #4E4E65;

  font-size:
    11px;

  line-height:
    2;

  font-weight:
    750;

}



/* =========================================
Comparison
========================================= */

.vs-keyfari-lp-expertise__compare {

  margin-top:
    34px;

  overflow:
    hidden;

  border:
    1px solid
    rgba(16,15,166,.10);

  border-radius:
    24px;

  background:
    #fff;

  box-shadow:
    0 22px 60px
    rgba(1,0,102,.07);

}


.vs-keyfari-lp-expertise__compare-head {

  display:
    flex;

  justify-content:
    space-between;

  align-items:
    center;

  gap:
    20px;

  padding:
    18px 22px;

  border-bottom:
    1px solid
    rgba(16,15,166,.08);

}


.vs-keyfari-lp-expertise__compare-head > div:first-child {

  display:
    flex;

  flex-direction:
    column;

  gap:
    2px;

}


.vs-keyfari-lp-expertise__compare-head span {

  color:
    #848497;

  font-size:
    9px;

  font-weight:
    700;

}


.vs-keyfari-lp-expertise__compare-head strong {

  color:
    #17172B;

  font-size:
    16px;

  font-weight:
    950;

}



/* Toggle */

.vs-keyfari-lp-expertise__toggle {

  display:
    flex;

  gap:
    5px;

  padding:
    5px;

  border-radius:
    13px;

  background:
    #F2F2FC;

}


.vs-keyfari-lp-expertise__toggle-btn {

  min-height:
    37px;

  padding:
    7px 13px;

  border:
    0;

  border-radius:
    9px;

  background:
    transparent;

  color:
    #66667A;

  font:
    inherit;

  font-size:
    10px;

  font-weight:
    850;

  cursor:
    pointer;

  transition:
    .2s ease;

}


.vs-keyfari-lp-expertise__toggle-btn.is-active {

  background:
    #100FA6;

  color:
    #fff;

  box-shadow:
    0 8px 20px
    rgba(16,15,166,.18);

}



/* =========================================
Comparison panel
========================================= */

.vs-keyfari-lp-expertise__compare-panel {

  display:
    grid;

  grid-template-columns:
    240px 1fr;

  min-height:
    350px;

  transition:
    opacity .15s ease,
    transform .15s ease;

}


.vs-keyfari-lp-expertise__compare-panel.is-changing {

  opacity:
    .45;

  transform:
    translateY(3px);

}



/* Visual */

.vs-keyfari-lp-expertise__compare-visual {

  display:
    flex;

  flex-direction:
    column;

  justify-content:
    center;

  align-items:
    center;

  gap:
    15px;

  padding:
    25px;

  background:

    radial-gradient(
      circle at 50% 20%,
      rgba(90,88,230,.32),
      transparent 36%
    ),

    linear-gradient(
      150deg,
      #100FA6,
      #010066
    );

}


.vs-keyfari-lp-expertise__symbol {

  width:
    112px;

  height:
    112px;

  display:
    grid;

  place-items:
    center;

  border:
    1px solid
    rgba(255,255,255,.15);

  border-radius:
    50%;

  background:
    rgba(255,255,255,.08);

  box-shadow:
    inset 0 0 40px
    rgba(255,255,255,.04);

}


.vs-keyfari-lp-expertise__symbol span {

  color:
    #fff;

  font-family:
    Georgia, serif;

  font-size:
    48px;

}


.vs-keyfari-lp-expertise__status {

  padding:
    6px 11px;

  border:
    1px solid
    rgba(255,255,255,.15);

  border-radius:
    999px;

  background:
    rgba(255,255,255,.08);

  color:
    #fff !important;

  font-size:
    9px !important;

  font-weight:
    850 !important;

}



/* Content */

.vs-keyfari-lp-expertise__compare-content {

  padding:
    30px;

}


.vs-keyfari-lp-expertise__compare-kicker {

  color:
    #100FA6 !important;

  font-size:
    10px !important;

  font-weight:
    900 !important;

}


.vs-keyfari-lp-expertise__compare-content h3 {

  margin:
    7px 0 0;

  max-width:
    700px;

  color:
    #17172B;

  font-size:
    clamp(
      22px,
      2.7vw,
      30px
    );

  line-height:
    1.7;

  font-weight:
    950;

}


.vs-keyfari-lp-expertise__compare-content > p {

  max-width:
    760px;

  margin:
    11px 0 0;

  color:
    #6C6C80;

  font-size:
    12.5px;

  line-height:
    2.1;

}



/* Comparison points */

.vs-keyfari-lp-expertise__compare-points {

  display:
    grid;

  grid-template-columns:
    repeat(3, 1fr);

  gap:
    10px;

  margin-top:
    23px;

}


.vs-keyfari-lp-expertise__compare-points > div {

  min-height:
    115px;

  padding:
    14px;

  border:
    1px solid
    rgba(16,15,166,.08);

  border-radius:
    15px;

  background:
    #F9F9FF;

}


.vs-keyfari-lp-expertise__compare-points span {

  display:
    inline-flex;

  margin-bottom:
    8px;

  color:
    rgba(16,15,166,.42) !important;

  font-size:
    10px !important;

  font-weight:
    950 !important;

}


.vs-keyfari-lp-expertise__compare-points p {

  margin:
    0;

  color:
    #5D5D72;

  font-size:
    10.5px;

  line-height:
    2;

  font-weight:
    650;

}



/* =========================================
Criteria
========================================= */

.vs-keyfari-lp-expertise__criteria {

  margin-top:
    30px;

}


.vs-keyfari-lp-expertise__criteria-head {

  margin-bottom:
    16px;

}


.vs-keyfari-lp-expertise__criteria-head span {

  color:
    #100FA6;

  font-size:
    9px;

  font-weight:
    900;

}


.vs-keyfari-lp-expertise__criteria-head h3 {

  margin:
    5px 0 0;

  color:
    #17172B;

  font-size:
    24px;

  font-weight:
    950;

}


.vs-keyfari-lp-expertise__criteria-grid {

  display:
    grid;

  grid-template-columns:
    repeat(4, 1fr);

  gap:
    13px;

}


.vs-keyfari-lp-expertise__criterion {

  position:
    relative;

  min-height:
    225px;

  padding:
    18px;

  border:
    1px solid
    rgba(16,15,166,.09);

  border-radius:
    19px;

  background:
    #fff;

  transition:
    .22s ease;

}


.vs-keyfari-lp-expertise__criterion:hover {

  transform:
    translateY(-5px);

  border-color:
    rgba(16,15,166,.20);

  box-shadow:
    0 18px 40px
    rgba(1,0,102,.08);

}


.vs-keyfari-lp-expertise__criterion-no {

  position:
    absolute;

  top:
    16px;

  left:
    16px;

  color:
    rgba(1,0,102,.18);

  font-size:
    10px;

  font-weight:
    950;

}


.vs-keyfari-lp-expertise__criterion-icon {

  width:
    43px;

  height:
    43px;

  display:
    grid;

  place-items:
    center;

  border-radius:
    13px;

  background:
    #EEEEFF;

  color:
    #100FA6;

}


.vs-keyfari-lp-expertise__criterion-icon svg {

  width:
    21px;

  height:
    21px;

}


.vs-keyfari-lp-expertise__criterion h4 {

  margin:
    18px 0 0;

  color:
    #202036;

  font-size:
    14px;

  font-weight:
    950;

}


.vs-keyfari-lp-expertise__criterion p {

  margin:
    8px 0 0;

  color:
    #707084;

  font-size:
    10.5px;

  line-height:
    2;

}



/* =========================================
Bottom CTA
========================================= */

.vs-keyfari-lp-expertise__bottom {

  margin-top:
    26px;

  display:
    flex;

  justify-content:
    space-between;

  align-items:
    center;

  gap:
    20px;

  padding:
    20px 22px;

  border-radius:
    20px;

  background:
    linear-gradient(
      135deg,
      #F0F0FF,
      #FFFFFF
    );

  border:
    1px solid
    rgba(16,15,166,.10);

}


.vs-keyfari-lp-expertise__bottom-copy {

  display:
    flex;

  flex-direction:
    column;

  gap:
    4px;

}


.vs-keyfari-lp-expertise__bottom-copy span {

  color:
    #7E7E91;

  font-size:
    9px;

  font-weight:
    700;

}


.vs-keyfari-lp-expertise__bottom-copy strong {

  color:
    #17172B;

  font-size:
    14px;

  font-weight:
    900;

}


.vs-keyfari-lp-expertise__bottom-actions {

  display:
    flex;

  align-items:
    center;

  gap:
    9px;

}


.vs-keyfari-lp-expertise__call {

  min-height:
    48px;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  gap:
    9px;

  padding:
    9px 14px;

  border-radius:
    13px;

  background:
    linear-gradient(
      135deg,
      #100FA6,
      #010066
    );

  color:
    #fff;

  font-size:
    10.5px;

  font-weight:
    900;

  transition:
    .2s ease;

}


.vs-keyfari-lp-expertise__call:hover {

  transform:
    translateY(-2px);

  box-shadow:
    0 12px 30px
    rgba(16,15,166,.20);

}


.vs-keyfari-lp-expertise__call > span {

  width:
    27px;

  height:
    27px;

  display:
    grid;

  place-items:
    center;

  border-radius:
    8px;

  background:
    rgba(255,255,255,.12);

}


.vs-keyfari-lp-expertise__call svg {

  width:
    15px;

  height:
    15px;

}


.vs-keyfari-lp-expertise__second {

  min-height:
    48px;

  display:
    flex;

  flex-direction:
    column;

  justify-content:
    center;

  padding:
    8px 12px;

  border:
    1px solid
    rgba(16,15,166,.12);

  border-radius:
    13px;

  background:
    #fff;

  color:
    #66667A;

}


.vs-keyfari-lp-expertise__second small {

  font-size:
    8px;

}


.vs-keyfari-lp-expertise__second strong {

  color:
    #010066;

  font-size:
    11px;

}



/* =========================================
Tablet
========================================= */

@media (max-width: 980px) {

  .vs-keyfari-lp-expertise__head {

    align-items:
      flex-start;

    flex-direction:
      column;

  }


  .vs-keyfari-lp-expertise__quote {

    flex:
      auto;

    max-width:
      500px;

  }


  .vs-keyfari-lp-expertise__compare-panel {

    grid-template-columns:
      190px 1fr;

  }


  .vs-keyfari-lp-expertise__criteria-grid {

    grid-template-columns:
      repeat(2, 1fr);

  }

}



/* =========================================
Mobile
========================================= */

@media (max-width: 680px) {

  .vs-keyfari-lp-expertise {

    padding:
      64px 14px;

  }


  .vs-keyfari-lp-expertise__heading h2 {

    font-size:
      clamp(
        29px,
        9.4vw,
        40px
      );

  }


  .vs-keyfari-lp-expertise__heading > p {

    font-size:
      13px;

  }


  .vs-keyfari-lp-expertise__quote {

    display:
      none;

  }


  .vs-keyfari-lp-expertise__compare-head {

    align-items:
      stretch;

    flex-direction:
      column;

  }


  .vs-keyfari-lp-expertise__toggle {

    width:
      100%;

  }


  .vs-keyfari-lp-expertise__toggle-btn {

    flex:
      1;

  }


  .vs-keyfari-lp-expertise__compare-panel {

    grid-template-columns:
      1fr;

  }


  .vs-keyfari-lp-expertise__compare-visual {

    min-height:
      190px;

  }


  .vs-keyfari-lp-expertise__symbol {

    width:
      90px;

    height:
      90px;

  }


  .vs-keyfari-lp-expertise__compare-content {

    padding:
      20px;

  }


  .vs-keyfari-lp-expertise__compare-points {

    grid-template-columns:
      1fr;

  }


  .vs-keyfari-lp-expertise__compare-points > div {

    min-height:
      0;

  }


  .vs-keyfari-lp-expertise__criteria-grid {

    grid-template-columns:
      1fr;

  }


  .vs-keyfari-lp-expertise__criterion {

    min-height:
      0;

  }


  .vs-keyfari-lp-expertise__bottom {

    align-items:
      stretch;

    flex-direction:
      column;

  }


  .vs-keyfari-lp-expertise__bottom-actions {

    display:
      grid;

    grid-template-columns:
      1fr;

  }


  .vs-keyfari-lp-expertise__call,
  .vs-keyfari-lp-expertise__second {

    width:
      100%;

  }

}



/* Reduced Motion */

@media (prefers-reduced-motion: reduce) {

  .vs-keyfari-lp-expertise *,
  .vs-keyfari-lp-expertise *::before,
  .vs-keyfari-lp-expertise *::after {

    transition:
      none !important;

    animation:
      none !important;

  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cf918e7 *//* ==========================================================
VS KEYFARI LP
SECTION 06 — WHEN TO CONSULT
========================================================== */

.vs-keyfari-lp-consult {

  --vs-keyfari-lp-consult-primary:
    #100FA6;

  --vs-keyfari-lp-consult-deep:
    #010066;

  --vs-keyfari-lp-consult-soft:
    #F7F7FF;

  --vs-keyfari-lp-consult-soft-2:
    #ECECFF;

  --vs-keyfari-lp-consult-ink:
    #18182B;

  --vs-keyfari-lp-consult-muted:
    #6A6A7E;


  position:
    relative;

  overflow:
    hidden;

  width:
    100%;

  padding:
    clamp(72px, 8vw, 112px)
    20px;

  background:

    radial-gradient(
      circle at 92% 12%,
      rgba(16,15,166,.055),
      transparent 27%
    ),

    linear-gradient(
      180deg,
      #FFFFFF 0%,
      #F8F8FF 100%
    );

  color:
    var(--vs-keyfari-lp-consult-ink);

  font-family:
    inherit;

}


.vs-keyfari-lp-consult *,
.vs-keyfari-lp-consult *::before,
.vs-keyfari-lp-consult *::after {

  box-sizing:
    border-box;

}


.vs-keyfari-lp-consult a {

  text-decoration:
    none;

}



/* =========================================
Container
========================================= */

.vs-keyfari-lp-consult__container {

  width:
    min(1180px, 100%);

  margin:
    0 auto;

}



/* =========================================
Header
========================================= */

.vs-keyfari-lp-consult__head {

  display:
    flex;

  justify-content:
    space-between;

  align-items:
    flex-end;

  gap:
    34px;

}


.vs-keyfari-lp-consult__heading {

  max-width:
    790px;

}


.vs-keyfari-lp-consult__eyebrow {

  display:
    inline-flex;

  align-items:
    center;

  gap:
    9px;

  margin-bottom:
    13px;

  color:
    #100FA6;

  font-size:
    12px;

  font-weight:
    900;

}


.vs-keyfari-lp-consult__eyebrow > span {

  width:
    28px;

  height:
    28px;

  display:
    grid;

  place-items:
    center;

  border-radius:
    9px;

  background:
    #ECECFF;

  font-family:
    Georgia, serif;

  font-size:
    17px;

}


.vs-keyfari-lp-consult__heading h2 {

  margin:
    0;

  color:
    #18182B;

  font-size:
    clamp(
      34px,
      4vw,
      52px
    );

  line-height:
    1.5;

  letter-spacing:
    -.8px;

  font-weight:
    950;

}


.vs-keyfari-lp-consult__heading h2 span {

  color:
    #100FA6;

}


.vs-keyfari-lp-consult__heading > p {

  max-width:
    760px;

  margin:
    14px 0 0;

  color:
    #6A6A7E;

  font-size:
    14px;

  line-height:
    2.1;

}



/* Header card */

.vs-keyfari-lp-consult__micro-card {

  flex:
    0 0 300px;

  display:
    flex;

  align-items:
    flex-start;

  gap:
    12px;

  padding:
    17px;

  border:
    1px solid
    rgba(16,15,166,.10);

  border-radius:
    19px;

  background:
    #FFFFFF;

  box-shadow:
    0 15px 40px
    rgba(1,0,102,.06);

}


.vs-keyfari-lp-consult__micro-icon {

  flex:
    0 0 42px;

  width:
    42px;

  height:
    42px;

  display:
    grid;

  place-items:
    center;

  border-radius:
    13px;

  background:
    linear-gradient(
      135deg,
      #100FA6,
      #010066
    );

  color:
    #fff;

}


.vs-keyfari-lp-consult__micro-icon svg {

  width:
    21px;

  height:
    21px;

}


.vs-keyfari-lp-consult__micro-card > div {

  display:
    flex;

  flex-direction:
    column;

  gap:
    5px;

}


.vs-keyfari-lp-consult__micro-card strong {

  color:
    #25253A;

  font-size:
    12px;

  line-height:
    1.8;

  font-weight:
    900;

}


.vs-keyfari-lp-consult__micro-card span {

  color:
    #747487;

  font-size:
    10px;

  line-height:
    1.9;

}



/* =========================================
Layout
========================================= */

.vs-keyfari-lp-consult__layout {

  display:
    grid;

  grid-template-columns:
    minmax(300px, .65fr)
    minmax(0, 1.35fr);

  gap:
    20px;

  margin-top:
    34px;

}



/* =========================================
Scenarios
========================================= */

.vs-keyfari-lp-consult__scenarios {

  display:
    flex;

  flex-direction:
    column;

  gap:
    9px;

}


.vs-keyfari-lp-consult__scenario {

  width:
    100%;

  min-height:
    83px;

  display:
    grid;

  grid-template-columns:
    30px 43px 1fr 25px;

  align-items:
    center;

  gap:
    10px;

  padding:
    12px 13px;

  border:
    1px solid
    rgba(16,15,166,.09);

  border-radius:
    17px;

  background:
    #fff;

  color:
    #222238;

  text-align:
    right;

  font:
    inherit;

  cursor:
    pointer;

  transition:
    transform .22s ease,
    border-color .22s ease,
    background .22s ease,
    box-shadow .22s ease;

}


.vs-keyfari-lp-consult__scenario:hover {

  transform:
    translateX(-4px);

  border-color:
    rgba(16,15,166,.19);

  box-shadow:
    0 14px 30px
    rgba(1,0,102,.055);

}


.vs-keyfari-lp-consult__scenario.is-active {

  border-color:
    rgba(16,15,166,.17);

  background:

    linear-gradient(
      135deg,
      #F3F3FF,
      #FFFFFF
    );

  box-shadow:
    0 16px 38px
    rgba(1,0,102,.08);

}



.vs-keyfari-lp-consult__scenario-no {

  color:
    rgba(1,0,102,.25);

  font-size:
    9px;

  font-weight:
    950;

}



.vs-keyfari-lp-consult__scenario-icon {

  width:
    43px;

  height:
    43px;

  display:
    grid;

  place-items:
    center;

  border-radius:
    13px;

  background:
    #F0F0FF;

  color:
    #100FA6;

  transition:
    .22s ease;

}


.vs-keyfari-lp-consult__scenario.is-active
.vs-keyfari-lp-consult__scenario-icon {

  background:
    linear-gradient(
      135deg,
      #100FA6,
      #010066
    );

  color:
    #fff;

}


.vs-keyfari-lp-consult__scenario-icon svg {

  width:
    21px;

  height:
    21px;

}



.vs-keyfari-lp-consult__scenario-copy {

  display:
    flex;

  flex-direction:
    column;

  gap:
    3px;

}


.vs-keyfari-lp-consult__scenario-copy small {

  color:
    #8A8A9B;

  font-size:
    9px;

  font-weight:
    700;

}


.vs-keyfari-lp-consult__scenario-copy strong {

  color:
    #222238;

  font-size:
    12px;

  line-height:
    1.7;

  font-weight:
    900;

}


.vs-keyfari-lp-consult__scenario-arrow {

  color:
    rgba(16,15,166,.20);

  font-size:
    18px;

  transition:
    .2s ease;

}


.vs-keyfari-lp-consult__scenario.is-active
.vs-keyfari-lp-consult__scenario-arrow {

  color:
    #100FA6;

  transform:
    translateX(-3px);

}



/* =========================================
Panel
========================================= */

.vs-keyfari-lp-consult__panel {

  position:
    relative;

  overflow:
    hidden;

  padding:
    27px;

  border:
    1px solid
    rgba(16,15,166,.10);

  border-radius:
    25px;

  background:
    #fff;

  box-shadow:
    0 22px 60px
    rgba(1,0,102,.07);

  transition:
    opacity .15s ease,
    transform .15s ease;

}


.vs-keyfari-lp-consult__panel::after {

  content:
    "§";

  position:
    absolute;

  left:
    -25px;

  bottom:
    -95px;

  color:
    rgba(16,15,166,.025);

  font-family:
    Georgia, serif;

  font-size:
    300px;

  line-height:
    1;

  pointer-events:
    none;

}


.vs-keyfari-lp-consult__panel.is-changing {

  opacity:
    .46;

  transform:
    translateY(4px);

}



/* Panel header */

.vs-keyfari-lp-consult__panel-head {

  position:
    relative;

  z-index:
    2;

  display:
    flex;

  justify-content:
    space-between;

  align-items:
    flex-start;

  gap:
    20px;

}


.vs-keyfari-lp-consult__panel-kicker {

  color:
    #100FA6;

  font-size:
    10px;

  font-weight:
    900;

}


.vs-keyfari-lp-consult__panel-head h3 {

  max-width:
    700px;

  margin:
    7px 0 0;

  color:
    #18182B;

  font-size:
    clamp(
      22px,
      2.6vw,
      30px
    );

  line-height:
    1.75;

  font-weight:
    950;

}


.vs-keyfari-lp-consult__panel-index {

  flex:
    0 0 58px;

  width:
    58px;

  height:
    58px;

  display:
    flex;

  flex-direction:
    column;

  align-items:
    center;

  justify-content:
    center;

  border-radius:
    17px;

  background:
    #EEEEFF;

}


.vs-keyfari-lp-consult__panel-index strong {

  color:
    #100FA6;

  font-size:
    15px;

  line-height:
    1;

  font-weight:
    950;

}


.vs-keyfari-lp-consult__panel-index small {

  margin-top:
    3px;

  color:
    #8B8B9D;

  font-size:
    7px;

}



.vs-keyfari-lp-consult__panel-description {

  position:
    relative;

  z-index:
    2;

  max-width:
    800px;

  margin:
    14px 0 0;

  color:
    #69697D;

  font-size:
    12.5px;

  line-height:
    2.15;

}



/* =========================================
Now
========================================= */

.vs-keyfari-lp-consult__now {

  position:
    relative;

  z-index:
    2;

  margin-top:
    21px;

}


.vs-keyfari-lp-consult__now-title {

  display:
    flex;

  align-items:
    center;

  gap:
    7px;

  margin-bottom:
    10px;

}


.vs-keyfari-lp-consult__now-title span {

  width:
    24px;

  height:
    24px;

  display:
    grid;

  place-items:
    center;

  border-radius:
    8px;

  background:
    #E9FFF3;

  color:
    #178B52;

  font-size:
    10px;

  font-weight:
    900;

}


.vs-keyfari-lp-consult__now-title strong {

  color:
    #29293E;

  font-size:
    11px;

  font-weight:
    900;

}


.vs-keyfari-lp-consult__now-grid {

  display:
    grid;

  grid-template-columns:
    repeat(3, 1fr);

  gap:
    9px;

}


.vs-keyfari-lp-consult__now-grid > div {

  min-height:
    110px;

  padding:
    14px;

  border:
    1px solid
    rgba(16,15,166,.08);

  border-radius:
    15px;

  background:
    #FAFAFF;

}


.vs-keyfari-lp-consult__now-grid span {

  display:
    inline-flex;

  margin-bottom:
    7px;

  color:
    rgba(16,15,166,.40);

  font-size:
    9px;

  font-weight:
    950;

}


.vs-keyfari-lp-consult__now-grid p {

  margin:
    0;

  color:
    #5E5E73;

  font-size:
    10.5px;

  line-height:
    2;

  font-weight:
    650;

}



/* =========================================
Documents
========================================= */

.vs-keyfari-lp-consult__documents {

  position:
    relative;

  z-index:
    2;

  display:
    flex;

  align-items:
    center;

  gap:
    11px;

  margin-top:
    14px;

  padding:
    13px;

  border:
    1px solid
    rgba(16,15,166,.08);

  border-radius:
    14px;

  background:
    #F7F7FF;

}


.vs-keyfari-lp-consult__documents-icon {

  flex:
    0 0 37px;

  width:
    37px;

  height:
    37px;

  display:
    grid;

  place-items:
    center;

  border-radius:
    11px;

  background:
    #E8E8FF;

  color:
    #100FA6;

}


.vs-keyfari-lp-consult__documents-icon svg {

  width:
    19px;

  height:
    19px;

}


.vs-keyfari-lp-consult__documents > div:last-child {

  display:
    flex;

  flex-direction:
    column;

  gap:
    3px;

}


.vs-keyfari-lp-consult__documents span {

  color:
    #8A8A9C;

  font-size:
    8px;

  font-weight:
    700;

}


.vs-keyfari-lp-consult__documents strong {

  color:
    #39394F;

  font-size:
    10px;

  line-height:
    1.8;

  font-weight:
    850;

}



/* =========================================
Warning
========================================= */

.vs-keyfari-lp-consult__warning {

  position:
    relative;

  z-index:
    2;

  display:
    flex;

  align-items:
    flex-start;

  gap:
    10px;

  margin-top:
    10px;

  padding:
    13px;

  border:
    1px solid
    rgba(217,151,16,.16);

  border-radius:
    14px;

  background:
    #FFFDF6;

}


.vs-keyfari-lp-consult__warning-symbol {

  flex:
    0 0 29px;

  width:
    29px;

  height:
    29px;

  display:
    grid;

  place-items:
    center;

  border-radius:
    9px;

  background:
    #FFF1C6;

  color:
    #A76B00;

  font-size:
    13px;

  font-weight:
    950;

}


.vs-keyfari-lp-consult__warning > div {

  display:
    flex;

  flex-direction:
    column;

  gap:
    2px;

}


.vs-keyfari-lp-consult__warning > div span {

  color:
    #8B6815;

  font-size:
    8.5px;

  font-weight:
    900;

}


.vs-keyfari-lp-consult__warning p {

  margin:
    0;

  color:
    #786F54;

  font-size:
    9.8px;

  line-height:
    1.9;

}



/* =========================================
Panel CTA
========================================= */

.vs-keyfari-lp-consult__panel-cta {

  position:
    relative;

  z-index:
    2;

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    18px;

  margin-top:
    18px;

  padding-top:
    17px;

  border-top:
    1px solid
    rgba(16,15,166,.08);

}


.vs-keyfari-lp-consult__panel-cta > div:first-child {

  display:
    flex;

  flex-direction:
    column;

  gap:
    3px;

}


.vs-keyfari-lp-consult__panel-cta > div:first-child span {

  color:
    #8A8A9B;

  font-size:
    8px;

  font-weight:
    700;

}


.vs-keyfari-lp-consult__panel-cta > div:first-child strong {

  color:
    #25253A;

  font-size:
    12px;

  font-weight:
    900;

}


.vs-keyfari-lp-consult__call {

  min-height:
    52px;

  display:
    flex;

  align-items:
    center;

  gap:
    9px;

  padding:
    9px 13px;

  border-radius:
    14px;

  background:
    linear-gradient(
      135deg,
      #100FA6,
      #010066
    );

  color:
    #fff;

  box-shadow:
    0 12px 28px
    rgba(16,15,166,.18);

  transition:
    .2s ease;

}


.vs-keyfari-lp-consult__call:hover {

  transform:
    translateY(-2px);

  box-shadow:
    0 16px 34px
    rgba(16,15,166,.24);

}


.vs-keyfari-lp-consult__call > span {

  width:
    31px;

  height:
    31px;

  display:
    grid;

  place-items:
    center;

  border-radius:
    9px;

  background:
    rgba(255,255,255,.11);

}


.vs-keyfari-lp-consult__call svg {

  width:
    17px;

  height:
    17px;

}


.vs-keyfari-lp-consult__call div {

  display:
    flex;

  flex-direction:
    column;

  gap:
    1px;

}


.vs-keyfari-lp-consult__call small {

  color:
    rgba(255,255,255,.60);

  font-size:
    7.5px;

}


.vs-keyfari-lp-consult__call strong {

  color:
    #fff;

  font-size:
    11.5px;

}



/* =========================================
Location
========================================= */

.vs-keyfari-lp-consult__location {

  margin-top:
    21px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    20px;

  padding:
    16px 18px;

  border:
    1px solid
    rgba(16,15,166,.09);

  border-radius:
    18px;

  background:
    #FFFFFF;

  box-shadow:
    0 12px 35px
    rgba(1,0,102,.05);

}


.vs-keyfari-lp-consult__location-main {

  display:
    flex;

  align-items:
    center;

  gap:
    11px;

}


.vs-keyfari-lp-consult__location-icon {

  flex:
    0 0 39px;

  width:
    39px;

  height:
    39px;

  display:
    grid;

  place-items:
    center;

  border-radius:
    12px;

  background:
    #EEEEFF;

  color:
    #100FA6;

}


.vs-keyfari-lp-consult__location-icon svg {

  width:
    20px;

  height:
    20px;

}


.vs-keyfari-lp-consult__location-main div {

  display:
    flex;

  flex-direction:
    column;

  gap:
    2px;

}


.vs-keyfari-lp-consult__location-main small {

  color:
    #9292A3;

  font-size:
    8px;

}


.vs-keyfari-lp-consult__location-main strong {

  color:
    #36364C;

  font-size:
    10.5px;

  line-height:
    1.8;

}


.vs-keyfari-lp-consult__second-phone {

  flex:
    0 0 auto;

  display:
    flex;

  flex-direction:
    column;

  padding:
    8px 13px;

  border:
    1px solid
    rgba(16,15,166,.09);

  border-radius:
    12px;

  background:
    #F8F8FF;

}


.vs-keyfari-lp-consult__second-phone small {

  color:
    #89899A;

  font-size:
    7.5px;

}


.vs-keyfari-lp-consult__second-phone strong {

  margin-top:
    2px;

  color:
    #010066;

  font-size:
    11px;

}



/* =========================================
Tablet
========================================= */

@media (max-width: 980px) {

  .vs-keyfari-lp-consult__head {

    align-items:
      flex-start;

    flex-direction:
      column;

  }


  .vs-keyfari-lp-consult__micro-card {

    flex:
      auto;

    max-width:
      540px;

  }


  .vs-keyfari-lp-consult__layout {

    grid-template-columns:
      1fr;

  }


  .vs-keyfari-lp-consult__scenarios {

    display:
      grid;

    grid-template-columns:
      repeat(5, minmax(190px, 1fr));

    overflow-x:
      auto;

    margin-left:
      -20px;

    margin-right:
      -20px;

    padding:
      0 20px 8px;

    scrollbar-width:
      none;

  }


  .vs-keyfari-lp-consult__scenarios::-webkit-scrollbar {

    display:
      none;

  }


  .vs-keyfari-lp-consult__scenario {

    min-width:
      190px;

    grid-template-columns:
      25px 40px 1fr;

  }


  .vs-keyfari-lp-consult__scenario-arrow {

    display:
      none;

  }

}



/* =========================================
Mobile
========================================= */

@media (max-width: 680px) {

  .vs-keyfari-lp-consult {

    padding:
      64px 14px;

  }


  .vs-keyfari-lp-consult__heading h2 {

    font-size:
      clamp(
        29px,
        9.4vw,
        40px
      );

  }


  .vs-keyfari-lp-consult__heading > p {

    font-size:
      13px;

  }


  .vs-keyfari-lp-consult__micro-card {

    display:
      none;

  }


  .vs-keyfari-lp-consult__scenarios {

    margin-left:
      -14px;

    margin-right:
      -14px;

    padding:
      0 14px 8px;

  }


  .vs-keyfari-lp-consult__scenario {

    min-width:
      205px;

  }


  .vs-keyfari-lp-consult__panel {

    padding:
      19px;

    border-radius:
      20px;

  }


  .vs-keyfari-lp-consult__panel-head h3 {

    font-size:
      21px;

  }


  .vs-keyfari-lp-consult__panel-description {

    font-size:
      12px;

  }


  .vs-keyfari-lp-consult__panel-index {

    width:
      47px;

    height:
      47px;

    flex:
      0 0 47px;

  }


  .vs-keyfari-lp-consult__now-grid {

    grid-template-columns:
      1fr;

  }


  .vs-keyfari-lp-consult__now-grid > div {

    min-height:
      0;

  }


  .vs-keyfari-lp-consult__panel-cta {

    align-items:
      stretch;

    flex-direction:
      column;

  }


  .vs-keyfari-lp-consult__call {

    width:
      100%;

    justify-content:
      center;

  }


  .vs-keyfari-lp-consult__location {

    align-items:
      stretch;

    flex-direction:
      column;

  }


  .vs-keyfari-lp-consult__second-phone {

    width:
      100%;

    align-items:
      center;

  }

}



/* =========================================
Accessibility
========================================= */

.vs-keyfari-lp-consult__scenario:focus-visible,
.vs-keyfari-lp-consult__call:focus-visible,
.vs-keyfari-lp-consult__second-phone:focus-visible {

  outline:
    3px solid
    rgba(16,15,166,.22);

  outline-offset:
    3px;

}



/* Reduced Motion */

@media (prefers-reduced-motion: reduce) {

  .vs-keyfari-lp-consult *,
  .vs-keyfari-lp-consult *::before,
  .vs-keyfari-lp-consult *::after {

    transition:
      none !important;

    animation:
      none !important;

  }

}
/* ==========================================================
VS KEYFARI LP — SECTION 06
MOBILE SPACING FIX
این کد را در انتهای CSS فعلی قرار بده
========================================================== */

@media (max-width: 680px) {

  /* -----------------------------------------
  فاصله کلی اجزای داخل سکشن
  ----------------------------------------- */

  .vs-keyfari-lp-consult__layout {
    gap: 22px;
    margin-top: 28px;
  }


  /* -----------------------------------------
  کارت‌های انتخاب وضعیت
  ----------------------------------------- */

  .vs-keyfari-lp-consult__scenarios {
    gap: 12px;

    padding:
      4px 16px 14px;

    margin-left: -14px;
    margin-right: -14px;
  }


  .vs-keyfari-lp-consult__scenario {
    min-width: 220px;
    min-height: 92px;

    grid-template-columns:
      26px 46px 1fr;

    gap: 12px;

    padding:
      15px 14px;

    border-radius: 19px;
  }


  .vs-keyfari-lp-consult__scenario-icon {
    width: 46px;
    height: 46px;

    border-radius: 14px;
  }


  .vs-keyfari-lp-consult__scenario-copy {
    gap: 5px;
  }


  .vs-keyfari-lp-consult__scenario-copy small {
    font-size: 10px;
    line-height: 1.7;
  }


  .vs-keyfari-lp-consult__scenario-copy strong {
    font-size: 13px;
    line-height: 1.75;
  }



  /* -----------------------------------------
  پنل اصلی
  ----------------------------------------- */

  .vs-keyfari-lp-consult__panel {
    padding: 22px 18px;

    border-radius: 22px;
  }


  .vs-keyfari-lp-consult__panel-head {
    gap: 14px;

    margin-bottom: 4px;
  }


  .vs-keyfari-lp-consult__panel-head > div:first-child {
    min-width: 0;
  }


  .vs-keyfari-lp-consult__panel-kicker {
    display: inline-block;

    margin-bottom: 5px;

    font-size: 10px;
  }


  .vs-keyfari-lp-consult__panel-head h3 {
    margin-top: 5px;

    font-size: 20px;
    line-height: 1.85;
  }


  .vs-keyfari-lp-consult__panel-index {
    flex: 0 0 48px;

    width: 48px;
    height: 48px;

    border-radius: 14px;
  }


  .vs-keyfari-lp-consult__panel-description {
    margin-top: 15px;

    font-size: 12.5px;
    line-height: 2.05;
  }



  /* -----------------------------------------
  عنوان "الان چه کار کنیم؟"
  ----------------------------------------- */

  .vs-keyfari-lp-consult__now {
    margin-top: 24px;
  }


  .vs-keyfari-lp-consult__now-title {
    gap: 9px;

    margin-bottom: 13px;
  }


  .vs-keyfari-lp-consult__now-title span {
    width: 28px;
    height: 28px;

    border-radius: 9px;
  }


  .vs-keyfari-lp-consult__now-title strong {
    font-size: 12px;
  }



  /* -----------------------------------------
  سه باکس کوچک
  ----------------------------------------- */

  .vs-keyfari-lp-consult__now-grid {
    grid-template-columns: 1fr;

    gap: 12px;
  }


  .vs-keyfari-lp-consult__now-grid > div {
    min-height: auto;

    padding:
      17px 16px;

    border-radius: 16px;
  }


  .vs-keyfari-lp-consult__now-grid span {
    margin-bottom: 9px;

    font-size: 10px;
  }


  .vs-keyfari-lp-consult__now-grid p {
    font-size: 11.5px;

    line-height: 2.05;
  }



  /* -----------------------------------------
  باکس مدارک
  ----------------------------------------- */

  .vs-keyfari-lp-consult__documents {
    align-items: flex-start;

    gap: 12px;

    margin-top: 14px;

    padding:
      16px 14px;

    border-radius: 16px;
  }


  .vs-keyfari-lp-consult__documents-icon {
    flex: 0 0 42px;

    width: 42px;
    height: 42px;

    border-radius: 12px;
  }


  .vs-keyfari-lp-consult__documents > div:last-child {
    gap: 5px;

    min-width: 0;
  }


  .vs-keyfari-lp-consult__documents span {
    font-size: 9px;
  }


  .vs-keyfari-lp-consult__documents strong {
    display: block;

    font-size: 11px;

    line-height: 2;

    overflow-wrap: anywhere;
  }



  /* -----------------------------------------
  باکس هشدار
  ----------------------------------------- */

  .vs-keyfari-lp-consult__warning {
    gap: 12px;

    margin-top: 12px;

    padding:
      16px 14px;

    border-radius: 16px;
  }


  .vs-keyfari-lp-consult__warning-symbol {
    flex: 0 0 34px;

    width: 34px;
    height: 34px;

    border-radius: 10px;
  }


  .vs-keyfari-lp-consult__warning > div {
    gap: 4px;

    min-width: 0;
  }


  .vs-keyfari-lp-consult__warning > div span {
    font-size: 9px;
  }


  .vs-keyfari-lp-consult__warning p {
    font-size: 10.5px;

    line-height: 2;
  }



  /* -----------------------------------------
  CTA پایین پنل
  ----------------------------------------- */

  .vs-keyfari-lp-consult__panel-cta {
    gap: 15px;

    margin-top: 21px;

    padding-top: 19px;
  }


  .vs-keyfari-lp-consult__panel-cta > div:first-child {
    gap: 5px;
  }


  .vs-keyfari-lp-consult__panel-cta > div:first-child span {
    font-size: 9px;
  }


  .vs-keyfari-lp-consult__panel-cta > div:first-child strong {
    font-size: 12.5px;

    line-height: 1.8;
  }


  .vs-keyfari-lp-consult__call {
    min-height: 58px;

    padding:
      11px 15px;

    border-radius: 15px;
  }


  .vs-keyfari-lp-consult__call > span {
    width: 35px;
    height: 35px;
  }


  .vs-keyfari-lp-consult__call div {
    gap: 2px;
  }


  .vs-keyfari-lp-consult__call small {
    font-size: 8.5px;
  }


  .vs-keyfari-lp-consult__call strong {
    font-size: 12.5px;
  }



  /* -----------------------------------------
  لوکیشن پایین سکشن
  ----------------------------------------- */

  .vs-keyfari-lp-consult__location {
    gap: 15px;

    margin-top: 18px;

    padding:
      17px 15px;

    border-radius: 18px;
  }


  .vs-keyfari-lp-consult__location-main {
    align-items: flex-start;

    gap: 12px;

    width: 100%;
  }


  .vs-keyfari-lp-consult__location-icon {
    flex: 0 0 42px;

    width: 42px;
    height: 42px;

    border-radius: 13px;
  }


  .vs-keyfari-lp-consult__location-main div {
    gap: 4px;

    min-width: 0;
  }


  .vs-keyfari-lp-consult__location-main small {
    font-size: 9px;
  }


  .vs-keyfari-lp-consult__location-main strong {
    font-size: 11px;

    line-height: 2;

    overflow-wrap: anywhere;
  }


  .vs-keyfari-lp-consult__second-phone {
    min-height: 56px;

    justify-content: center;

    padding:
      10px 14px;

    border-radius: 14px;
  }


  .vs-keyfari-lp-consult__second-phone small {
    font-size: 8.5px;
  }


  .vs-keyfari-lp-consult__second-phone strong {
    font-size: 12px;
  }

}



/* ==========================================================
VERY SMALL MOBILE
320px – 390px
========================================================== */

@media (max-width: 390px) {

  .vs-keyfari-lp-consult {
    padding-left: 12px;
    padding-right: 12px;
  }


  .vs-keyfari-lp-consult__scenario {
    min-width: 205px;

    padding:
      14px 12px;

    gap: 9px;
  }


  .vs-keyfari-lp-consult__panel {
    padding:
      19px 15px;
  }


  .vs-keyfari-lp-consult__panel-head {
    gap: 9px;
  }


  .vs-keyfari-lp-consult__panel-head h3 {
    font-size: 18px;
  }


  .vs-keyfari-lp-consult__panel-index {
    flex-basis: 44px;

    width: 44px;
    height: 44px;
  }


  .vs-keyfari-lp-consult__now-grid > div,
  .vs-keyfari-lp-consult__documents,
  .vs-keyfari-lp-consult__warning {
    padding:
      15px 13px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5f2c9b0 *//* =========================================
VS KEYFARI LP
COMBINED PROCESS + FEE + OFFICE
========================================= */

.vs-keyfari-lp-casehub {

  --vs-keyfari-lp-casehub-primary: #100FA6;
  --vs-keyfari-lp-casehub-deep: #010066;
  --vs-keyfari-lp-casehub-soft: #F5F5FF;
  --vs-keyfari-lp-casehub-soft2: #ECECFF;
  --vs-keyfari-lp-casehub-ink: #17172A;
  --vs-keyfari-lp-casehub-muted: #707083;

  position: relative;

  width: 100%;

  padding:
    clamp(70px, 8vw, 110px)
    20px;

  background:
    linear-gradient(
      180deg,
      #FFFFFF,
      #F8F8FF
    );

  font-family: inherit;

}


.vs-keyfari-lp-casehub *,
.vs-keyfari-lp-casehub *::before,
.vs-keyfari-lp-casehub *::after {

  box-sizing: border-box;

}


.vs-keyfari-lp-casehub a {
  text-decoration: none;
}


.vs-keyfari-lp-casehub__container {

  width:
    min(1180px, 100%);

  margin:
    0 auto;

}


/* Header */

.vs-keyfari-lp-casehub__head {

  display: flex;

  justify-content:
    space-between;

  align-items:
    flex-end;

  gap: 30px;

}


.vs-keyfari-lp-casehub__head > div:first-child {

  max-width: 820px;

}


.vs-keyfari-lp-casehub__eyebrow {

  display:
    inline-flex;

  align-items:
    center;

  gap: 8px;

  margin-bottom:
    12px;

  color:
    #100FA6;

  font-size:
    12px;

  font-weight:
    900;

}


.vs-keyfari-lp-casehub__eyebrow i {

  width: 27px;
  height: 27px;

  display: grid;
  place-items: center;

  border-radius: 9px;

  background: #ECECFF;

  font-family: Georgia, serif;
  font-style: normal;

}


.vs-keyfari-lp-casehub__head h2 {

  margin: 0;

  color: #17172A;

  font-size:
    clamp(33px, 4vw, 51px);

  line-height: 1.5;

  font-weight: 950;

}


.vs-keyfari-lp-casehub__head h2 span {

  color: #100FA6;

}


.vs-keyfari-lp-casehub__head p {

  max-width: 760px;

  margin:
    14px 0 0;

  color: #707083;

  font-size: 14px;

  line-height: 2.1;

}


.vs-keyfari-lp-casehub__head-mark {

  flex: 0 0 auto;

  display: flex;

  align-items: center;

  gap: 10px;

  padding:
    13px 17px;

  border:
    1px solid rgba(16,15,166,.10);

  border-radius: 17px;

  background: #fff;

  box-shadow:
    0 12px 32px rgba(1,0,102,.05);

}


.vs-keyfari-lp-casehub__head-mark > strong {

  color: #100FA6;

  font-size: 30px;

}


.vs-keyfari-lp-casehub__head-mark > span {

  display: flex;

  flex-direction: column;

  color: #8A8A9B;

  font-size: 9px;

}


.vs-keyfari-lp-casehub__head-mark b {

  margin-top: 2px;

  color: #25253B;

  font-size: 10px;

}


/* Process */

.vs-keyfari-lp-casehub__process {

  display: grid;

  grid-template-columns:
    1fr 36px
    1fr 36px
    1fr;

  align-items: center;

  gap: 10px;

  margin-top: 34px;

}


.vs-keyfari-lp-casehub__process-card {

  position: relative;

  min-height: 190px;

  padding: 20px;

  border:
    1px solid rgba(16,15,166,.09);

  border-radius: 20px;

  background: #fff;

  box-shadow:
    0 14px 38px rgba(1,0,102,.055);

  transition: .22s ease;

}


.vs-keyfari-lp-casehub__process-card:hover {

  transform:
    translateY(-5px);

  border-color:
    rgba(16,15,166,.18);

}


.vs-keyfari-lp-casehub__process-no {

  position: absolute;

  left: 17px;
  top: 16px;

  color:
    rgba(1,0,102,.18);

  font-size: 10px;

  font-weight: 950;

}


.vs-keyfari-lp-casehub__process-icon {

  width: 45px;
  height: 45px;

  display: grid;
  place-items: center;

  border-radius: 14px;

  background: #EEEEFF;

  color: #100FA6;

}


.vs-keyfari-lp-casehub__process-icon svg {

  width: 22px;
  height: 22px;

}


.vs-keyfari-lp-casehub__process-card h3 {

  margin:
    17px 0 0;

  color: #222238;

  font-size: 15px;

  font-weight: 950;

}


.vs-keyfari-lp-casehub__process-card p {

  margin:
    8px 0 0;

  color: #747487;

  font-size: 10.5px;

  line-height: 2;

}


.vs-keyfari-lp-casehub__process-arrow {

  text-align: center;

  color:
    rgba(16,15,166,.30);

  font-size: 22px;

}


/* Grid */

.vs-keyfari-lp-casehub__grid {

  display: grid;

  grid-template-columns:
    1.08fr .92fr;

  gap: 18px;

  margin-top: 20px;

}


/* Fee */

.vs-keyfari-lp-casehub__fee {

  padding: 25px;

  border:
    1px solid rgba(16,15,166,.10);

  border-radius: 23px;

  background: #fff;

  box-shadow:
    0 18px 48px rgba(1,0,102,.06);

}


.vs-keyfari-lp-casehub__box-title > span {

  color: #100FA6;

  font-size: 9px;

  font-weight: 900;

}


.vs-keyfari-lp-casehub__box-title h3 {

  margin:
    5px 0 0;

  color: #19192C;

  font-size: 22px;

  line-height: 1.8;

  font-weight: 950;

}


.vs-keyfari-lp-casehub__box-title p {

  margin:
    7px 0 0;

  color: #747487;

  font-size: 11px;

  line-height: 2;

}


.vs-keyfari-lp-casehub__fee-options {

  display: flex;

  flex-wrap: wrap;

  gap: 7px;

  margin-top: 19px;

}


.vs-keyfari-lp-casehub__fee-btn {

  min-height: 37px;

  padding:
    7px 12px;

  border:
    1px solid rgba(16,15,166,.10);

  border-radius: 999px;

  background: #F8F8FF;

  color: #66667A;

  font: inherit;

  font-size: 9.5px;

  font-weight: 800;

  cursor: pointer;

  transition: .2s ease;

}


.vs-keyfari-lp-casehub__fee-btn:hover,
.vs-keyfari-lp-casehub__fee-btn.is-active {

  border-color: #100FA6;

  background: #100FA6;

  color: #fff;

}


.vs-keyfari-lp-casehub__fee-result {

  margin-top: 16px;

  padding: 18px;

  border-radius: 17px;

  background:
    linear-gradient(
      135deg,
      #F1F1FF,
      #FAFAFF
    );

  transition:
    opacity .14s ease,
    transform .14s ease;

}


.vs-keyfari-lp-casehub__fee-result.is-changing {

  opacity: .35;

  transform:
    translateY(3px);

}


.vs-keyfari-lp-casehub__fee-result > span {

  color: #9696A6;

  font-size: 8px;

}


.vs-keyfari-lp-casehub__fee-result strong {

  display: block;

  margin-top: 4px;

  color: #100FA6;

  font-size: 14px;

  font-weight: 950;

}


.vs-keyfari-lp-casehub__fee-result p {

  margin:
    7px 0 0;

  color: #5F5F74;

  font-size: 10.5px;

  line-height: 2;

}


.vs-keyfari-lp-casehub__fee-note {

  display: flex;

  align-items:
    flex-start;

  gap: 8px;

  margin-top: 12px;

  padding: 11px;

  border-radius: 12px;

  background: #FFFDF5;

}


.vs-keyfari-lp-casehub__fee-note span {

  flex: 0 0 25px;

  width: 25px;
  height: 25px;

  display: grid;
  place-items: center;

  border-radius: 8px;

  background: #FFF0BF;

  color: #9C6800;

  font-size: 11px;

  font-weight: 900;

}


.vs-keyfari-lp-casehub__fee-note p {

  margin: 2px 0 0;

  color: #746B50;

  font-size: 9.5px;

  line-height: 1.9;

}


/* Office */

.vs-keyfari-lp-casehub__office {

  padding: 25px;

  border-radius: 23px;

  background:

    radial-gradient(
      circle at 15% 0%,
      rgba(91,88,230,.24),
      transparent 30%
    ),

    linear-gradient(
      145deg,
      #100FA6,
      #010066
    );

  box-shadow:
    0 25px 60px rgba(1,0,102,.18);

  color: #fff;

}


.vs-keyfari-lp-casehub__office-top {

  display: flex;

  align-items: center;

  gap: 12px;

}


.vs-keyfari-lp-casehub__office-icon {

  flex: 0 0 47px;

  width: 47px;
  height: 47px;

  display: grid;
  place-items: center;

  border:
    1px solid rgba(255,255,255,.13);

  border-radius: 14px;

  background:
    rgba(255,255,255,.09);

}


.vs-keyfari-lp-casehub__office-icon svg {

  width: 22px;
  height: 22px;

}


.vs-keyfari-lp-casehub__office-top > div {

  display: flex;

  flex-direction: column;

}


.vs-keyfari-lp-casehub__office-top span {

  color:
    rgba(255,255,255,.55);

  font-size: 8px;

}


.vs-keyfari-lp-casehub__office-top h3 {

  margin: 3px 0 0;

  color: #fff;

  font-size: 18px;

  font-weight: 950;

}


.vs-keyfari-lp-casehub__address {

  margin-top: 19px;

  padding: 14px;

  border:
    1px solid rgba(255,255,255,.10);

  border-radius: 14px;

  background:
    rgba(255,255,255,.06);

}


.vs-keyfari-lp-casehub__address small {

  color:
    rgba(255,255,255,.48);

  font-size: 8px;

}


.vs-keyfari-lp-casehub__address strong {

  display: block;

  margin-top: 4px;

  color: #fff;

  font-size: 10.5px;

  line-height: 1.9;

}


.vs-keyfari-lp-casehub__phones {

  display: grid;

  grid-template-columns:
    1fr 1fr;

  gap: 8px;

  margin-top: 9px;

}


.vs-keyfari-lp-casehub__phones a {

  display: flex;

  flex-direction: column;

  padding: 11px;

  border-radius: 12px;

  background:
    rgba(255,255,255,.08);

  color: #fff;

  transition: .2s ease;

}


.vs-keyfari-lp-casehub__phones a:hover {

  background:
    rgba(255,255,255,.14);

  transform:
    translateY(-2px);

}


.vs-keyfari-lp-casehub__phones span {

  color:
    rgba(255,255,255,.50);

  font-size: 8px;

}


.vs-keyfari-lp-casehub__phones strong {

  margin-top: 2px;

  font-size: 11px;

}


.vs-keyfari-lp-casehub__office-help {

  margin-top: 16px;

}


.vs-keyfari-lp-casehub__office-help > strong {

  font-size: 10px;

  font-weight: 900;

}


.vs-keyfari-lp-casehub__office-help ul {

  margin:
    8px 0 0;

  padding:
    0 17px 0 0;

}


.vs-keyfari-lp-casehub__office-help li {

  margin:
    5px 0;

  color:
    rgba(255,255,255,.65);

  font-size: 9.5px;

  line-height: 1.8;

}


.vs-keyfari-lp-casehub__main-cta {

  min-height: 51px;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 9px;

  margin-top: 18px;

  border-radius: 14px;

  background: #fff;

  color: #010066;

  font-size: 11px;

  font-weight: 950;

  transition: .2s ease;

}


.vs-keyfari-lp-casehub__main-cta:hover {

  transform:
    translateY(-2px);

  box-shadow:
    0 13px 30px rgba(0,0,0,.16);

}


.vs-keyfari-lp-casehub__main-cta > span {

  width: 29px;
  height: 29px;

  display: grid;
  place-items: center;

  border-radius: 9px;

  background: #EEEEFF;

  color: #100FA6;

}


.vs-keyfari-lp-casehub__main-cta svg {

  width: 16px;
  height: 16px;

}


/* Tablet */

@media (max-width: 960px) {

  .vs-keyfari-lp-casehub__head {

    align-items:
      flex-start;

    flex-direction:
      column;

  }


  .vs-keyfari-lp-casehub__process {

    grid-template-columns:
      1fr;

  }


  .vs-keyfari-lp-casehub__process-arrow {

    transform:
      rotate(-90deg);

  }


  .vs-keyfari-lp-casehub__process-card {

    min-height: 0;

  }


  .vs-keyfari-lp-casehub__grid {

    grid-template-columns:
      1fr;

  }

}


/* Mobile */

@media (max-width: 680px) {

  .vs-keyfari-lp-casehub {

    padding:
      64px 14px;

  }


  .vs-keyfari-lp-casehub__head h2 {

    font-size:
      clamp(
        29px,
        9.5vw,
        40px
      );

  }


  .vs-keyfari-lp-casehub__head p {

    font-size: 13px;

  }


  .vs-keyfari-lp-casehub__head-mark {

    display: none;

  }


  .vs-keyfari-lp-casehub__fee,
  .vs-keyfari-lp-casehub__office {

    padding: 19px;

    border-radius: 20px;

  }


  .vs-keyfari-lp-casehub__fee-options {

    display: grid;

    grid-template-columns:
      1fr 1fr;

  }


  .vs-keyfari-lp-casehub__fee-btn {

    width: 100%;

  }


  .vs-keyfari-lp-casehub__phones {

    grid-template-columns:
      1fr;

  }

}


/* Reduced motion */

@media (prefers-reduced-motion: reduce) {

  .vs-keyfari-lp-casehub *,
  .vs-keyfari-lp-casehub *::before,
  .vs-keyfari-lp-casehub *::after {

    transition:
      none !important;

  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b419ed7 *//* ==========================================================
VS KEYFARI LP
FINAL SECTION — FAQ + FINAL CTA
========================================================== */

.vs-keyfari-lp-final {

  --vs-keyfari-lp-final-primary:
    #100FA6;

  --vs-keyfari-lp-final-deep:
    #010066;

  --vs-keyfari-lp-final-soft:
    #F7F7FF;

  --vs-keyfari-lp-final-soft2:
    #ECECFF;

  --vs-keyfari-lp-final-ink:
    #17172B;

  --vs-keyfari-lp-final-muted:
    #6E6E82;


  position:
    relative;

  overflow:
    hidden;

  width:
    100%;

  padding:
    clamp(72px, 8vw, 112px)
    20px;

  background:

    radial-gradient(
      circle at 8% 7%,
      rgba(16,15,166,.05),
      transparent 24%
    ),

    linear-gradient(
      180deg,
      #FFFFFF 0%,
      #F8F8FF 100%
    );

  color:
    var(--vs-keyfari-lp-final-ink);

  font-family:
    inherit;

}


.vs-keyfari-lp-final *,
.vs-keyfari-lp-final *::before,
.vs-keyfari-lp-final *::after {

  box-sizing:
    border-box;

}


.vs-keyfari-lp-final a {

  text-decoration:
    none;

}



/* =========================================
Container
========================================= */

.vs-keyfari-lp-final__container {

  width:
    min(1180px, 100%);

  margin:
    0 auto;

}



/* =========================================
Header
========================================= */

.vs-keyfari-lp-final__head {

  display:
    flex;

  justify-content:
    space-between;

  align-items:
    flex-end;

  gap:
    32px;

}


.vs-keyfari-lp-final__heading {

  max-width:
    800px;

}


.vs-keyfari-lp-final__eyebrow {

  display:
    inline-flex;

  align-items:
    center;

  gap:
    9px;

  margin-bottom:
    13px;

  color:
    #100FA6;

  font-size:
    12px;

  font-weight:
    900;

}


.vs-keyfari-lp-final__eyebrow > span {

  width:
    28px;

  height:
    28px;

  display:
    grid;

  place-items:
    center;

  border-radius:
    9px;

  background:
    #ECECFF;

  font-family:
    Georgia, serif;

  font-size:
    17px;

}


.vs-keyfari-lp-final__heading h2 {

  margin:
    0;

  color:
    #17172B;

  font-size:
    clamp(
      33px,
      4vw,
      51px
    );

  line-height:
    1.5;

  letter-spacing:
    -.7px;

  font-weight:
    950;

}


.vs-keyfari-lp-final__heading h2 span {

  color:
    #100FA6;

}


.vs-keyfari-lp-final__heading > p {

  max-width:
    750px;

  margin:
    14px 0 0;

  color:
    #707083;

  font-size:
    14px;

  line-height:
    2.1;

}



/* Head card */

.vs-keyfari-lp-final__head-card {

  flex:
    0 0 290px;

  display:
    flex;

  gap:
    11px;

  align-items:
    flex-start;

  padding:
    16px;

  border:
    1px solid
    rgba(16,15,166,.10);

  border-radius:
    18px;

  background:
    #fff;

  box-shadow:
    0 14px 36px
    rgba(1,0,102,.05);

}


.vs-keyfari-lp-final__head-card-icon {

  flex:
    0 0 41px;

  width:
    41px;

  height:
    41px;

  display:
    grid;

  place-items:
    center;

  border-radius:
    13px;

  background:
    linear-gradient(
      135deg,
      #100FA6,
      #010066
    );

  color:
    #fff;

}


.vs-keyfari-lp-final__head-card-icon svg {

  width:
    21px;

  height:
    21px;

}


.vs-keyfari-lp-final__head-card div {

  display:
    flex;

  flex-direction:
    column;

  gap:
    5px;

}


.vs-keyfari-lp-final__head-card strong {

  color:
    #29293D;

  font-size:
    11px;

  line-height:
    1.8;

  font-weight:
    900;

}


.vs-keyfari-lp-final__head-card span {

  color:
    #7B7B8E;

  font-size:
    9.5px;

  line-height:
    1.9;

}



/* =========================================
FAQ Layout
========================================= */

.vs-keyfari-lp-final__faq-layout {

  display:
    grid;

  grid-template-columns:
    minmax(0, 1fr)
    300px;

  gap:
    18px;

  align-items:
    start;

  margin-top:
    32px;

}



/* =========================================
FAQ
========================================= */

.vs-keyfari-lp-final__faq {

  display:
    flex;

  flex-direction:
    column;

  gap:
    9px;

}


.vs-keyfari-lp-final__faq-item {

  overflow:
    hidden;

  border:
    1px solid
    rgba(16,15,166,.09);

  border-radius:
    17px;

  background:
    #fff;

  box-shadow:
    0 8px 24px
    rgba(1,0,102,.035);

  transition:
    border-color .2s ease,
    box-shadow .2s ease;

}


.vs-keyfari-lp-final__faq-item.is-open {

  border-color:
    rgba(16,15,166,.18);

  box-shadow:
    0 15px 35px
    rgba(1,0,102,.06);

}



/* Question */

.vs-keyfari-lp-final__faq-question {

  width:
    100%;

  min-height:
    67px;

  display:
    grid;

  grid-template-columns:
    36px 1fr 35px;

  align-items:
    center;

  gap:
    11px;

  padding:
    13px 16px;

  border:
    0;

  background:
    transparent;

  color:
    #25253A;

  text-align:
    right;

  font:
    inherit;

  cursor:
    pointer;

}


.vs-keyfari-lp-final__faq-number {

  color:
    rgba(16,15,166,.35);

  font-size:
    9px;

  font-weight:
    950;

}


.vs-keyfari-lp-final__faq-title {

  color:
    #29293D;

  font-size:
    12px;

  line-height:
    1.8;

  font-weight:
    900;

}


.vs-keyfari-lp-final__faq-toggle {

  width:
    34px;

  height:
    34px;

  display:
    grid;

  place-items:
    center;

  border-radius:
    10px;

  background:
    #F1F1FF;

  color:
    #100FA6;

  font-size:
    18px;

  line-height:
    1;

  transition:
    .2s ease;

}


.vs-keyfari-lp-final__faq-item.is-open
.vs-keyfari-lp-final__faq-toggle {

  background:
    #100FA6;

  color:
    #fff;

}



/* Answer animation */

.vs-keyfari-lp-final__faq-answer {

  display:
    grid;

  grid-template-rows:
    0fr;

  opacity:
    0;

  transition:
    grid-template-rows .27s ease,
    opacity .2s ease;

}


.vs-keyfari-lp-final__faq-answer > div {

  min-height:
    0;

  overflow:
    hidden;

}


.vs-keyfari-lp-final__faq-answer p {

  margin:
    0;

  padding:
    0 64px 18px 62px;

  color:
    #707083;

  font-size:
    11px;

  line-height:
    2.1;

}


.vs-keyfari-lp-final__faq-item.is-open
.vs-keyfari-lp-final__faq-answer {

  grid-template-rows:
    1fr;

  opacity:
    1;

}



/* =========================================
FAQ Side Card
========================================= */

.vs-keyfari-lp-final__faq-side {

  position:
    sticky;

  top:
    25px;

  padding:
    22px;

  border:
    1px solid
    rgba(16,15,166,.10);

  border-radius:
    22px;

  background:

    linear-gradient(
      155deg,
      #F1F1FF,
      #FFFFFF
    );

  box-shadow:
    0 18px 45px
    rgba(1,0,102,.06);

}


.vs-keyfari-lp-final__faq-side-icon {

  width:
    58px;

  height:
    58px;

  display:
    grid;

  place-items:
    center;

  border-radius:
    18px;

  background:
    linear-gradient(
      135deg,
      #100FA6,
      #010066
    );

  color:
    #fff;

  box-shadow:
    0 12px 28px
    rgba(16,15,166,.19);

}


.vs-keyfari-lp-final__faq-side-icon svg {

  width:
    32px;

  height:
    32px;

}


.vs-keyfari-lp-final__faq-side > span {

  display:
    block;

  margin-top:
    19px;

  color:
    #100FA6;

  font-size:
    9px;

  font-weight:
    900;

}


.vs-keyfari-lp-final__faq-side h3 {

  margin:
    5px 0 0;

  color:
    #202035;

  font-size:
    18px;

  line-height:
    1.8;

  font-weight:
    950;

}


.vs-keyfari-lp-final__faq-side p {

  margin:
    9px 0 0;

  color:
    #747487;

  font-size:
    10.5px;

  line-height:
    2;

}


.vs-keyfari-lp-final__faq-side-call {

  display:
    flex;

  flex-direction:
    column;

  align-items:
    center;

  justify-content:
    center;

  min-height:
    58px;

  margin-top:
    18px;

  padding:
    9px;

  border-radius:
    14px;

  background:
    linear-gradient(
      135deg,
      #100FA6,
      #010066
    );

  color:
    #fff;

  transition:
    .2s ease;

}


.vs-keyfari-lp-final__faq-side-call:hover {

  transform:
    translateY(-2px);

  box-shadow:
    0 13px 30px
    rgba(16,15,166,.20);

}


.vs-keyfari-lp-final__faq-side-call span {

  color:
    rgba(255,255,255,.58);

  font-size:
    8px;

}


.vs-keyfari-lp-final__faq-side-call strong {

  margin-top:
    2px;

  color:
    #fff;

  font-size:
    13px;

}



/* =========================================
FINAL CTA
========================================= */

.vs-keyfari-lp-final__cta {

  position:
    relative;

  isolation:
    isolate;

  overflow:
    hidden;

  margin-top:
    34px;

  padding:
    34px;

  border:
    1px solid
    rgba(255,255,255,.10);

  border-radius:
    29px;

  background:

    radial-gradient(
      circle at 10% 15%,
      rgba(103,100,239,.28),
      transparent 30%
    ),

    radial-gradient(
      circle at 85% 85%,
      rgba(55,52,211,.25),
      transparent 28%
    ),

    linear-gradient(
      145deg,
      #100FA6 0%,
      #050469 43%,
      #010044 100%
    );

  color:
    #fff;

  box-shadow:
    0 34px 80px
    rgba(1,0,102,.23);

}


.vs-keyfari-lp-final__cta-decoration {

  position:
    absolute;

  z-index:
    -1;

  left:
    -25px;

  bottom:
    -120px;

  color:
    rgba(255,255,255,.035);

  font-family:
    Georgia, serif;

  font-size:
    360px;

  line-height:
    1;

  transform:
    rotate(-11deg);

}


.vs-keyfari-lp-final__cta-main {

  display:
    grid;

  grid-template-columns:
    minmax(0, 1fr)
    340px;

  gap:
    38px;

  align-items:
    center;

}



/* CTA Copy */

.vs-keyfari-lp-final__cta-copy {

  max-width:
    710px;

}


.vs-keyfari-lp-final__cta-eyebrow {

  color:
    #BAB8FF;

  font-size:
    10px;

  font-weight:
    850;

}


.vs-keyfari-lp-final__cta-copy h2 {

  margin:
    8px 0 0;

  color:
    #fff;

  font-size:
    clamp(
      29px,
      3.6vw,
      47px
    );

  line-height:
    1.55;

  font-weight:
    950;

}


.vs-keyfari-lp-final__cta-copy h2 span {

  color:
    #C8C7FF;

}


.vs-keyfari-lp-final__cta-copy > p {

  max-width:
    660px;

  margin:
    13px 0 0;

  color:
    rgba(255,255,255,.62);

  font-size:
    12.5px;

  line-height:
    2.1;

}



/* CTA Trust */

.vs-keyfari-lp-final__cta-trust {

  display:
    flex;

  flex-wrap:
    wrap;

  gap:
    10px 18px;

  margin-top:
    20px;

}


.vs-keyfari-lp-final__cta-trust span {

  display:
    inline-flex;

  align-items:
    center;

  gap:
    7px;

  color:
    rgba(255,255,255,.72);

  font-size:
    9.5px;

  font-weight:
    700;

}


.vs-keyfari-lp-final__cta-trust i {

  width:
    7px;

  height:
    7px;

  border-radius:
    50%;

  background:
    #8DFFBF;

  box-shadow:
    0 0 0 4px
    rgba(141,255,191,.08);

}



/* =========================================
Contact Card
========================================= */

.vs-keyfari-lp-final__contact-card {

  padding:
    18px;

  border:
    1px solid
    rgba(255,255,255,.12);

  border-radius:
    20px;

  background:
    rgba(255,255,255,.075);

  backdrop-filter:
    blur(15px);

}


.vs-keyfari-lp-final__contact-label {

  display:
    block;

  margin-bottom:
    10px;

  color:
    rgba(255,255,255,.55);

  font-size:
    9px;

  font-weight:
    800;

}



/* Phone */

.vs-keyfari-lp-final__contact-phone {

  min-height:
    58px;

  display:
    flex;

  align-items:
    center;

  gap:
    10px;

  padding:
    10px 12px;

  margin-top:
    7px;

  border:
    1px solid
    rgba(255,255,255,.10);

  border-radius:
    14px;

  background:
    rgba(255,255,255,.07);

  color:
    #fff;

  transition:
    .2s ease;

}


.vs-keyfari-lp-final__contact-phone:hover {

  background:
    rgba(255,255,255,.13);

  transform:
    translateY(-2px);

}


.vs-keyfari-lp-final__contact-phone--primary {

  background:
    #fff;

  color:
    #010066;

}


.vs-keyfari-lp-final__contact-phone--primary:hover {

  background:
    #F8F8FF;

}


.vs-keyfari-lp-final__contact-phone-icon {

  flex:
    0 0 35px;

  width:
    35px;

  height:
    35px;

  display:
    grid;

  place-items:
    center;

  border-radius:
    11px;

  background:
    rgba(255,255,255,.10);

  color:
    #fff;

  font-size:
    9px;

  font-weight:
    900;

}


.vs-keyfari-lp-final__contact-phone--primary
.vs-keyfari-lp-final__contact-phone-icon {

  background:
    #EEEEFF;

  color:
    #100FA6;

}


.vs-keyfari-lp-final__contact-phone-icon svg {

  width:
    18px;

  height:
    18px;

}


.vs-keyfari-lp-final__contact-phone > span:last-child {

  display:
    flex;

  flex-direction:
    column;

  gap:
    1px;

}


.vs-keyfari-lp-final__contact-phone small {

  color:
    rgba(255,255,255,.52);

  font-size:
    8px;

}


.vs-keyfari-lp-final__contact-phone--primary small {

  color:
    #818193;

}


.vs-keyfari-lp-final__contact-phone strong {

  color:
    #fff;

  font-size:
    12px;

}


.vs-keyfari-lp-final__contact-phone--primary strong {

  color:
    #010066;

}



/* Address */

.vs-keyfari-lp-final__contact-address {

  display:
    flex;

  align-items:
    flex-start;

  gap:
    10px;

  margin-top:
    9px;

  padding:
    12px;

  border-radius:
    14px;

  background:
    rgba(0,0,0,.10);

}


.vs-keyfari-lp-final__address-icon {

  flex:
    0 0 32px;

  width:
    32px;

  height:
    32px;

  display:
    grid;

  place-items:
    center;

  border-radius:
    10px;

  background:
    rgba(255,255,255,.08);

  color:
    #D2D1FF;

}


.vs-keyfari-lp-final__address-icon svg {

  width:
    17px;

  height:
    17px;

}


.vs-keyfari-lp-final__contact-address div {

  display:
    flex;

  flex-direction:
    column;

  gap:
    3px;

}


.vs-keyfari-lp-final__contact-address small {

  color:
    rgba(255,255,255,.42);

  font-size:
    7.5px;

}


.vs-keyfari-lp-final__contact-address strong {

  color:
    rgba(255,255,255,.80);

  font-size:
    9.5px;

  line-height:
    1.9;

}



/* =========================================
CTA Footer
========================================= */

.vs-keyfari-lp-final__cta-footer {

  display:
    flex;

  justify-content:
    space-between;

  align-items:
    center;

  gap:
    15px;

  margin-top:
    26px;

  padding-top:
    15px;

  border-top:
    1px solid
    rgba(255,255,255,.08);

}


.vs-keyfari-lp-final__cta-footer span:first-child {

  color:
    #fff;

  font-size:
    10px;

  font-weight:
    900;

}


.vs-keyfari-lp-final__cta-footer span:last-child {

  color:
    rgba(255,255,255,.35);

  font-size:
    8.5px;

}



/* =========================================
FOCUS
========================================= */

.vs-keyfari-lp-final__faq-question:focus-visible,
.vs-keyfari-lp-final__faq-side-call:focus-visible,
.vs-keyfari-lp-final__contact-phone:focus-visible {

  outline:
    3px solid
    rgba(16,15,166,.22);

  outline-offset:
    3px;

}



/* =========================================
TABLET
========================================= */

@media (max-width: 980px) {

  .vs-keyfari-lp-final__head {

    align-items:
      flex-start;

    flex-direction:
      column;

  }


  .vs-keyfari-lp-final__head-card {

    flex:
      auto;

    max-width:
      520px;

  }


  .vs-keyfari-lp-final__faq-layout {

    grid-template-columns:
      1fr;

  }


  .vs-keyfari-lp-final__faq-side {

    position:
      relative;

    top:
      auto;

  }


  .vs-keyfari-lp-final__cta-main {

    grid-template-columns:
      1fr;

  }


  .vs-keyfari-lp-final__contact-card {

    max-width:
      520px;

  }

}



/* =========================================
MOBILE
========================================= */

@media (max-width: 680px) {

  .vs-keyfari-lp-final {

    padding:
      64px 14px;

  }


  .vs-keyfari-lp-final__heading h2 {

    font-size:
      clamp(
        29px,
        9.4vw,
        40px
      );

  }


  .vs-keyfari-lp-final__heading > p {

    font-size:
      13px;

  }


  .vs-keyfari-lp-final__head-card {

    display:
      none;

  }


  .vs-keyfari-lp-final__faq-question {

    grid-template-columns:
      26px 1fr 34px;

    gap:
      8px;

    padding:
      12px;

  }


  .vs-keyfari-lp-final__faq-title {

    font-size:
      11px;

  }


  .vs-keyfari-lp-final__faq-answer p {

    padding:
      0 46px 16px 46px;

    font-size:
      10.5px;

  }


  .vs-keyfari-lp-final__cta {

    padding:
      22px 18px;

    border-radius:
      22px;

  }


  .vs-keyfari-lp-final__cta-copy h2 {

    font-size:
      29px;

  }


  .vs-keyfari-lp-final__cta-trust {

    flex-direction:
      column;

  }


  .vs-keyfari-lp-final__contact-card {

    width:
      100%;

  }


  .vs-keyfari-lp-final__cta-footer {

    align-items:
      flex-start;

    flex-direction:
      column;

  }

}



/* =========================================
REDUCED MOTION
========================================= */

@media (prefers-reduced-motion: reduce) {

  .vs-keyfari-lp-final *,
  .vs-keyfari-lp-final *::before,
  .vs-keyfari-lp-final *::after {

    transition:
      none !important;

    animation:
      none !important;

  }

}/* End custom CSS */