:root{
  --vlh-navy:#102846;
  --vlh-orange:#ff641a;
  --vlh-muted:#627083;
  --vlh-line:#e1e6ed;
}

/* =========================================================
   HERO WRAPPER
   ========================================================= */
body .velautec-hero-block-v1{
  position:relative!important;
  overflow:visible!important;
  padding:64px 32px 76px!important;
  background:
    radial-gradient(circle at 84% 18%,rgba(255,100,26,.07),transparent 25%),
    linear-gradient(135deg,#fff 0%,#f8fafc 100%)!important;
}

body .velautec-hero-block-v1 > .elementor-container{
  width:100%!important;
  max-width:1240px!important;
  margin:0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:50px!important;
}

/* =========================================================
   COLUMNS
   ========================================================= */
body .velautec-hero-block-v1 .elementor-column:first-child{
  width:50%!important;
}

body .velautec-hero-block-v1 .elementor-column:last-child{
  width:50%!important;
  position:relative!important;
}

body .velautec-hero-block-v1 .elementor-widget-wrap{
  align-content:center!important;
}

/* =========================================================
   LEFT CONTENT
   ========================================================= */
body .vlh-eyebrow{
  margin:0 0 15px!important;
  color:var(--vlh-orange)!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:11px!important;
  line-height:1.3!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
}

body .vlh-title .elementor-heading-title{
  max-width:620px!important;
  margin:0 0 20px!important;
  color:var(--vlh-navy)!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:62px!important;
  line-height:1!important;
  letter-spacing:-.05em!important;
  font-weight:800!important;
  text-transform:none!important;
}

body .vlh-copy,
body .vlh-copy p{
  max-width:650px!important;
  margin:0 0 25px!important;
  color:var(--vlh-muted)!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:17px!important;
  line-height:1.68!important;
}

/* =========================================================
   BUTTONS
   ========================================================= */
body .vlh-primary,
body .vlh-secondary{
  display:inline-block!important;
  width:auto!important;
  margin:0 10px 10px 0!important;
  vertical-align:top!important;
}

body .vlh-primary .elementor-button-wrapper,
body .vlh-secondary .elementor-button-wrapper{
  text-align:left!important;
}

body .vlh-primary .elementor-button{
  min-height:48px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 23px!important;
  border:1px solid var(--vlh-orange)!important;
  border-radius:8px!important;
  background:var(--vlh-orange)!important;
  box-shadow:0 8px 22px rgba(255,100,26,.18)!important;
}

body .vlh-primary .elementor-button,
body .vlh-primary .elementor-button *,
body .vlh-primary .elementor-button-text{
  color:#fff!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
}

body .vlh-secondary .elementor-button{
  min-height:48px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 23px!important;
  border:1px solid #d4dce6!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:none!important;
}

body .vlh-secondary .elementor-button,
body .vlh-secondary .elementor-button *,
body .vlh-secondary .elementor-button-text{
  color:var(--vlh-navy)!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
}

body .vlh-trust{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px 20px!important;
  margin-top:14px!important;
  color:#657184!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:12px!important;
  line-height:1.5!important;
}

/* =========================================================
   HERO IMAGE
   ========================================================= */
body .vlh-image-wrap{
  position:relative!important;
  z-index:1!important;
  margin-left:4px!important;
}

body .vlh-image-wrap .elementor-widget-container{
  position:relative!important;
}

body .vlh-image{
  display:block!important;
  width:100%!important;
  height:430px!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:20px!important;
  box-shadow:0 24px 58px rgba(16,40,70,.13)!important;
}

/* =========================================================
   SNAPSHOT CARD
   ========================================================= */
body .vlh-card{
  position:absolute!important;
  right:18px!important;
  bottom:-28px!important;
  z-index:5!important;
  width:270px!important;
  padding:18px 20px!important;
  background:rgba(255,255,255,.97)!important;
  border:1px solid var(--vlh-line)!important;
  border-radius:15px!important;
  box-shadow:0 18px 44px rgba(16,40,70,.15)!important;
  backdrop-filter:blur(7px)!important;
}

body .vlh-card-label{
  margin:0 0 7px!important;
  color:var(--vlh-orange)!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}

body .vlh-card > div:not(.vlh-card-label){
  display:block!important;
  padding:10px 0!important;
  border-bottom:1px solid #e9edf2!important;
}

body .vlh-card > div:last-child{
  border-bottom:0!important;
}

body .vlh-card strong{
  display:block!important;
  margin:0 0 4px!important;
  color:var(--vlh-navy)!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:14px!important;
  line-height:1.3!important;
  font-weight:800!important;
}

body .vlh-card span{
  display:block!important;
  margin:0!important;
  color:#697486!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:11.5px!important;
  line-height:1.5!important;
}

/* =========================================================
   SEPARATION FROM NEXT BLOCK
   ========================================================= */
body .velautec-hero-block-v1 + .elementor-section,
body .velautec-hero-block-v1 + .e-con{
  margin-top:36px!important;
}

/* =========================================================
   TABLET
   ========================================================= */
@media(max-width:1024px){
  body .velautec-hero-block-v1{
    padding-left:26px!important;
    padding-right:26px!important;
  }

  body .velautec-hero-block-v1 > .elementor-container{
    gap:36px!important;
  }

  body .vlh-title .elementor-heading-title{
    font-size:50px!important;
  }

  body .vlh-image{
    height:370px!important;
  }

  body .vlh-card{
    width:240px!important;
    right:10px!important;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */
@media(max-width:767px){
  body .velautec-hero-block-v1{
    padding:44px 20px 52px!important;
  }

  body .velautec-hero-block-v1 > .elementor-container{
    display:block!important;
  }

  body .velautec-hero-block-v1 .elementor-column:first-child,
  body .velautec-hero-block-v1 .elementor-column:last-child{
    width:100%!important;
  }

  body .vlh-title .elementor-heading-title{
    max-width:none!important;
    font-size:42px!important;
  }

  body .vlh-copy,
  body .vlh-copy p{
    max-width:none!important;
  }

  body .vlh-primary,
  body .vlh-secondary{
    display:block!important;
    width:100%!important;
    margin-right:0!important;
  }

  body .vlh-primary .elementor-button,
  body .vlh-secondary .elementor-button{
    width:100%!important;
  }

  body .velautec-hero-block-v1 .elementor-column:last-child{
    margin-top:28px!important;
  }

  body .vlh-image-wrap{
    margin-left:0!important;
  }

  body .vlh-image{
    height:300px!important;
  }

  body .vlh-card{
    position:relative!important;
    right:auto!important;
    bottom:auto!important;
    width:auto!important;
    margin-top:14px!important;
  }

  body .velautec-hero-block-v1 + .elementor-section,
  body .velautec-hero-block-v1 + .e-con{
    margin-top:18px!important;
  }
}