html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;color:#111;background:#fff}main{display:block}.vp-section{width:100%;padding:2rem 1rem}.vp-section-inner{width:min(100%,1200px);margin-inline:auto}.vp-button{display:inline-block;text-decoration:none;padding:.75rem 1rem;border-radius:.4rem;background:#111;color:#fff}.vp-code-section{width:100%;margin:0;padding:0}.vp-code-full{width:100%}.vp-code-boxed{width:min(100%,1200px);margin-inline:auto}.vp-code-custom{margin-inline:auto}.vp-global-slot{width:100%;margin:0;padding:0}.vp-global-boxed{width:min(100%,1200px);margin-inline:auto}.vp-global-custom{margin-inline:auto}
.vp-container{width:100%;margin-inline:auto;box-sizing:border-box}.vp-row{display:flex;flex-wrap:wrap;gap:0}.vp-column{min-width:0;box-sizing:border-box;padding:.5rem}.vp-column>*:first-child{margin-top:0}.vp-column>*:last-child{margin-bottom:0}
.vp-code-d42382fc2f4a .vdm-quote-wizard,.vp-code-d42382fc2f4a .vdm-quote-wizard *{
  box-sizing: border-box;
}.vp-code-d42382fc2f4a .vdm-quote-wizard{
  --vdm-dark: #07101d;
  --vdm-dark-2: #0c1727;
  --vdm-blue: #3b6ff5;
  --vdm-blue-light: #8cafff;
  --vdm-line: #e4e9f0;
  --vdm-text: #101827;
  --vdm-muted: #6f7b8d;

  position: relative;

  width: 100%;

  padding: 110px 24px;

  background:
    linear-gradient(
      180deg,
      #f7f9fc 0%,
      #ffffff 100%
    );

  font-family:
    Inter,
    "Helvetica Neue",
    Arial,
    sans-serif;
}.vp-code-d42382fc2f4a .vdm-quote-wizard__container{
  width: 100%;

  max-width: 1180px;

  margin: 0 auto;
}.vp-code-d42382fc2f4a /* =========================
   HEADER
========================= */

.vdm-quote-wizard__header{
  max-width: 760px;

  margin: 0 auto 60px;

  text-align: center;
}.vp-code-d42382fc2f4a .vdm-quote-wizard__eyebrow{
  display: inline-block;

  margin-bottom: 17px;

  color: #58719b;

  font-size: 11px;

  font-weight: 800;

  letter-spacing: 2.4px;

  text-transform: uppercase;
}.vp-code-d42382fc2f4a .vdm-quote-wizard__header h2{
  margin: 0 0 21px;

  color: #0c1626;

  font-size:
    clamp(45px, 5vw, 67px);

  line-height: 1;

  letter-spacing: -3.6px;

  font-weight: 500;
}.vp-code-d42382fc2f4a .vdm-quote-wizard__header h2 span{
  display: block;

  color: #6589df;

  font-weight: 300;
}.vp-code-d42382fc2f4a .vdm-quote-wizard__header p{
  max-width: 650px;

  margin: 0 auto;

  color: #6d7888;

  font-size: 17px;

  line-height: 1.7;
}.vp-code-d42382fc2f4a /* =========================
   WIZARD CARD
========================= */

.vdm-wizard{
  overflow: hidden;

  border:
    1px solid #e5eaf1;

  border-radius: 16px;

  background: #ffffff;

  box-shadow:
    0 40px 90px rgba(18,32,53,.09),
    0 8px 28px rgba(18,32,53,.04);
}.vp-code-d42382fc2f4a /* =========================
   PROGRESS
========================= */

.vdm-wizard__progress{
  position: relative;

  padding: 29px 46px 26px;

  border-bottom:
    1px solid #e9edf3;

  background: #fafbfd;
}.vp-code-d42382fc2f4a .vdm-wizard__steps{
  position: relative;

  z-index: 2;

  display: flex;

  justify-content: space-between;
}.vp-code-d42382fc2f4a .vdm-wizard__step{
  display: flex;

  flex-direction: column;

  align-items: center;

  gap: 7px;

  min-width: 58px;
}.vp-code-d42382fc2f4a .vdm-wizard__step span{
  width: 31px;
  height: 31px;

  display: flex;

  align-items: center;

  justify-content: center;

  border:
    1px solid #d9e0e9;

  border-radius: 50%;

  background: #ffffff;

  color: #8793a4;

  font-size: 9px;

  font-weight: 800;
}.vp-code-d42382fc2f4a .vdm-wizard__step small{
  color: #8792a1;

  font-size: 9px;

  font-weight: 700;

  letter-spacing: .8px;

  text-transform: uppercase;
}.vp-code-d42382fc2f4a .vdm-wizard__step--active span{
  border-color: #101c2d;

  background: #101c2d;

  color: #ffffff;

  box-shadow:
    0 8px 20px rgba(10,23,40,.18);
}.vp-code-d42382fc2f4a .vdm-wizard__step--active small{
  color: #172337;
}.vp-code-d42382fc2f4a .vdm-wizard__progress-line{
  position: absolute;

  top: 44px;

  left: 75px;

  right: 75px;

  height: 1px;

  background: #dce2ea;
}.vp-code-d42382fc2f4a .vdm-wizard__progress-line span{
  display: block;

  width: 6%;

  height: 100%;

  background: #2e5fd2;
}.vp-code-d42382fc2f4a /* =========================
   PANELS
========================= */

.vdm-wizard__panel{
  min-width: 0;

  margin: 0;

  padding: 60px;

  border: 0;
}.vp-code-d42382fc2f4a .vdm-wizard__panel--preview{
  margin-top: 12px;

  border-top:
    1px dashed #dfe5ed;
}.vp-code-d42382fc2f4a .vdm-wizard__panel-heading{
  max-width: 720px;

  margin-bottom: 36px;
}.vp-code-d42382fc2f4a .vdm-wizard__panel-heading > span{
  display: inline-block;

  margin-bottom: 11px;

  color: #6485c7;

  font-size: 9px;

  font-weight: 800;

  letter-spacing: 1.8px;

  text-transform: uppercase;
}.vp-code-d42382fc2f4a .vdm-wizard__panel-heading h3{
  margin: 0 0 10px;

  color: #111b2b;

  font-size:
    clamp(28px, 3vw, 38px);

  line-height: 1.15;

  letter-spacing: -1.4px;

  font-weight: 500;
}.vp-code-d42382fc2f4a .vdm-wizard__panel-heading p{
  margin: 0;

  color: #7b8594;

  font-size: 14px;

  line-height: 1.65;
}.vp-code-d42382fc2f4a /* =========================
   PROJECT CHOICES
========================= */

.vdm-wizard__choices{
  display: grid;

  gap: 14px;
}.vp-code-d42382fc2f4a .vdm-wizard__choices--3{
  grid-template-columns:
    repeat(3, minmax(0,1fr));
}.vp-code-d42382fc2f4a .vdm-choice-card{
  position: relative;

  min-height: 182px;

  display: flex;

  flex-direction: column;

  justify-content: flex-start;

  padding: 25px;

  border:
    1px solid #e1e6ee;

  border-radius: 10px;

  background: #ffffff;

  cursor: pointer;

  transition:
    border-color .25s ease,
    box-shadow .25s ease,
    transform .25s ease,
    background .25s ease;
}.vp-code-d42382fc2f4a .vdm-choice-card:hover{
  transform:
    translateY(-3px);

  border-color: #bfcce0;

  box-shadow:
    0 15px 34px rgba(28,43,67,.08);
}.vp-code-d42382fc2f4a .vdm-choice-card input{
  position: absolute;

  opacity: 0;

  pointer-events: none;
}.vp-code-d42382fc2f4a .vdm-choice-card__check{
  position: absolute;

  top: 17px;

  right: 17px;

  width: 19px;
  height: 19px;

  border:
    1px solid #d4dce7;

  border-radius: 50%;

  background: #fff;
}.vp-code-d42382fc2f4a .vdm-choice-card input:checked
~ .vdm-choice-card__check{
  border: 5px solid #2f65e1;
}.vp-code-d42382fc2f4a .vdm-choice-card:has(input:checked){
  border-color: #4374e2;

  background:
    linear-gradient(
      180deg,
      #ffffff,
      #f7faff
    );

  box-shadow:
    0 12px 33px rgba(47,101,225,.10);
}.vp-code-d42382fc2f4a .vdm-choice-card__icon{
  width: 42px;
  height: 42px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 20px;

  border-radius: 8px;

  background: #f2f5f9;
}.vp-code-d42382fc2f4a .vdm-choice-card__icon svg{
  width: 21px;
  height: 21px;

  fill: none;

  stroke: #42536b;

  stroke-width: 1.5;

  stroke-linecap: round;

  stroke-linejoin: round;
}.vp-code-d42382fc2f4a .vdm-choice-card strong{
  margin-bottom: 8px;

  color: #172234;

  font-size: 15px;

  font-weight: 700;
}.vp-code-d42382fc2f4a .vdm-choice-card small{
  max-width: 230px;

  color: #7c8797;

  font-size: 12px;

  line-height: 1.55;
}.vp-code-d42382fc2f4a /* =========================
   CHECKBOX OPTIONS
========================= */

.vdm-wizard__checkbox-grid{
  display: grid;

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

  gap: 12px;
}.vp-code-d42382fc2f4a .vdm-check-option{
  position: relative;

  min-height: 65px;

  display: flex;

  align-items: center;

  gap: 13px;

  padding: 14px 18px;

  border:
    1px solid #e2e7ee;

  border-radius: 8px;

  color: #28364a;

  font-size: 13px;

  font-weight: 600;

  cursor: pointer;

  transition:
    border-color .2s ease,
    background .2s ease;
}.vp-code-d42382fc2f4a .vdm-check-option:hover{
  border-color: #bcc9da;

  background: #fafcff;
}.vp-code-d42382fc2f4a .vdm-check-option input{
  position: absolute;

  opacity: 0;
}.vp-code-d42382fc2f4a .vdm-check-option > span{
  position: relative;

  width: 20px;
  height: 20px;

  flex-shrink: 0;

  border:
    1px solid #ccd5e0;

  border-radius: 5px;

  background: #fff;
}.vp-code-d42382fc2f4a .vdm-check-option
input:checked + span{
  border-color: #3168e1;

  background: #3168e1;
}.vp-code-d42382fc2f4a .vdm-check-option
input:checked + span::after{
  content: "";

  position: absolute;

  left: 6px;

  top: 2px;

  width: 5px;
  height: 10px;

  border: solid white;

  border-width:
    0 2px 2px 0;

  transform:
    rotate(45deg);
}.vp-code-d42382fc2f4a /* =========================
   FIELDS
========================= */

.vdm-wizard__fields{
  display: grid;

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

  gap: 20px;
}.vp-code-d42382fc2f4a .vdm-field{
  display: flex;

  flex-direction: column;

  gap: 8px;
}.vp-code-d42382fc2f4a .vdm-field--full{
  grid-column:
    1 / -1;
}.vp-code-d42382fc2f4a .vdm-field label{
  color: #273447;

  font-size: 11px;

  font-weight: 700;
}.vp-code-d42382fc2f4a .vdm-field label span{
  margin-left: 4px;

  color: #9ca5b2;

  font-weight: 400;
}.vp-code-d42382fc2f4a .vdm-field input,.vp-code-d42382fc2f4a .vdm-field select,.vp-code-d42382fc2f4a .vdm-field textarea{
  width: 100%;

  border:
    1px solid #dce3eb;

  border-radius: 8px;

  outline: none;

  background: #fbfcfd;

  color: #172234;

  font-family: inherit;

  font-size: 14px;

  transition:
    border-color .2s ease,
    box-shadow .2s ease,
    background .2s ease;
}.vp-code-d42382fc2f4a .vdm-field input,.vp-code-d42382fc2f4a .vdm-field select{
  height: 55px;

  padding: 0 16px;
}.vp-code-d42382fc2f4a .vdm-field textarea{
  min-height: 140px;

  resize: vertical;

  padding: 16px;
}.vp-code-d42382fc2f4a .vdm-field input:focus,.vp-code-d42382fc2f4a .vdm-field select:focus,.vp-code-d42382fc2f4a .vdm-field textarea:focus{
  border-color: #7193df;

  background: #ffffff;

  box-shadow:
    0 0 0 3px
    rgba(70,111,208,.08);
}.vp-code-d42382fc2f4a .vdm-field input::placeholder,.vp-code-d42382fc2f4a .vdm-field textarea::placeholder{
  color: #a5adb8;
}.vp-code-d42382fc2f4a /* =========================
   NAVIGATION
========================= */

.vdm-wizard__navigation{
  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-top: 35px;

  padding-top: 25px;

  border-top:
    1px solid #edf0f4;
}.vp-code-d42382fc2f4a .vdm-wizard__security{
  color: #8b95a3;

  font-size: 10px;

  font-weight: 600;
}.vp-code-d42382fc2f4a .vdm-wizard__next,.vp-code-d42382fc2f4a .vdm-wizard__submit{
  border: 0;

  cursor: pointer;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 12px;

  min-height: 55px;

  padding: 0 24px;

  border-radius: 7px;

  background: #101c2d;

  color: #ffffff;

  font-family: inherit;

  font-size: 11px;

  font-weight: 800;

  letter-spacing: .8px;

  text-transform: uppercase;

  box-shadow:
    0 12px 28px rgba(10,24,42,.15);

  transition:
    transform .2s ease,
    background .2s ease,
    box-shadow .2s ease;
}.vp-code-d42382fc2f4a .vdm-wizard__next:hover,.vp-code-d42382fc2f4a .vdm-wizard__submit:hover{
  transform:
    translateY(-2px);

  background: #1b2c45;

  box-shadow:
    0 16px 35px rgba(10,24,42,.20);
}.vp-code-d42382fc2f4a .vdm-wizard__next svg,.vp-code-d42382fc2f4a .vdm-wizard__submit svg{
  width: 17px;
  height: 17px;

  fill: none;

  stroke: currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;

  stroke-linejoin: round;
}.vp-code-d42382fc2f4a /* =========================
   FINAL SUBMIT
========================= */

.vdm-wizard__submit-area{
  margin-top: 32px;

  padding-top: 27px;

  border-top:
    1px solid #edf0f4;
}.vp-code-d42382fc2f4a .vdm-wizard__submit{
  min-width: 275px;
}.vp-code-d42382fc2f4a .vdm-wizard__submit-area p{
  margin: 15px 0 0;

  color: #8b95a3;

  font-size: 11px;
}.vp-code-d42382fc2f4a .vdm-wizard__submit-area a{
  color: #365fae;

  font-weight: 700;

  text-decoration: none;
}.vp-code-d42382fc2f4a /* =========================
   TABLET
========================= */

@media (max-width: 900px){

  .vdm-wizard__panel {
    padding: 45px 35px;
  }

  .vdm-wizard__choices--3 {
    grid-template-columns:
      repeat(2, minmax(0,1fr));
  }

}.vp-code-d42382fc2f4a /* =========================
   MOBILE
========================= */

@media (max-width: 650px){

  .vdm-quote-wizard {
    padding: 75px 17px;
  }

  .vdm-quote-wizard__header {
    margin-bottom: 40px;
  }

  .vdm-quote-wizard__header h2 {
    font-size: 43px;

    letter-spacing: -2px;
  }

  .vdm-quote-wizard__header p {
    font-size: 15px;
  }

  .vdm-wizard {
    border-radius: 11px;
  }

  .vdm-wizard__progress {
    padding: 23px 16px 20px;
  }

  .vdm-wizard__step small {
    display: none;
  }

  .vdm-wizard__progress-line {
    left: 35px;

    right: 35px;

    top: 38px;
  }

  .vdm-wizard__panel {
    padding: 38px 21px;
  }

  .vdm-wizard__choices--3 {
    grid-template-columns: 1fr;
  }

  .vdm-choice-card {
    min-height: 145px;
  }

  .vdm-wizard__checkbox-grid {
    grid-template-columns: 1fr;
  }

  .vdm-wizard__fields {
    grid-template-columns: 1fr;
  }

  .vdm-field--full {
    grid-column: auto;
  }

  .vdm-wizard__navigation {
    flex-direction: column-reverse;

    align-items: stretch;

    gap: 15px;
  }

  .vdm-wizard__next,
  .vdm-wizard__submit {
    width: 100%;
  }

  .vdm-wizard__security {
    text-align: center;
  }

}