.elementor-488 .elementor-element.elementor-element-56f5f60{--display:flex;--min-height:70vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-488 .elementor-element.elementor-element-56f5f60::before, .elementor-488 .elementor-element.elementor-element-56f5f60 > .elementor-background-video-container::before, .elementor-488 .elementor-element.elementor-element-56f5f60 > .e-con-inner > .elementor-background-video-container::before, .elementor-488 .elementor-element.elementor-element-56f5f60 > .elementor-background-slideshow::before, .elementor-488 .elementor-element.elementor-element-56f5f60 > .e-con-inner > .elementor-background-slideshow::before, .elementor-488 .elementor-element.elementor-element-56f5f60 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-image:url("https://measuredtones.qpulse.tech/wp-content/uploads/2025/10/hero.webp");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-488 .elementor-element.elementor-element-7e206f44{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-488 .elementor-element.elementor-element-12f78979{text-align:center;}.elementor-488 .elementor-element.elementor-element-12f78979 .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-weight:600;color:#819D3E;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-488 .elementor-element.elementor-element-41948ca7{text-align:center;font-family:"Roboto Slab", Sans-serif;font-size:14px;font-weight:400;color:#666666;}.elementor-488 .elementor-element.elementor-element-4ce9e5e5{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:2px 0px;--row-gap:2px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:22px;--padding-left:25px;--padding-right:25px;--position:absolute;bottom:-38%;--z-index:1;}.elementor-488 .elementor-element.elementor-element-4ce9e5e5:not(.elementor-motion-effects-element-type-background), .elementor-488 .elementor-element.elementor-element-4ce9e5e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#829D3E;}.elementor-488 .elementor-element.elementor-element-46608a1e .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-weight:500;letter-spacing:2.2px;color:#FFFFFF;}.elementor-488 .elementor-element.elementor-element-46608a1e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:16px 0px 0px 0px;}@media(max-width:767px){.elementor-488 .elementor-element.elementor-element-4ce9e5e5{--width:75%;}}@media(min-width:768px){.elementor-488 .elementor-element.elementor-element-56f5f60{--content-width:100vw;}.elementor-488 .elementor-element.elementor-element-4ce9e5e5{--width:24%;}}@media(min-width:1025px){.elementor-488 .elementor-element.elementor-element-56f5f60::before, .elementor-488 .elementor-element.elementor-element-56f5f60 > .elementor-background-video-container::before, .elementor-488 .elementor-element.elementor-element-56f5f60 > .e-con-inner > .elementor-background-video-container::before, .elementor-488 .elementor-element.elementor-element-56f5f60 > .elementor-background-slideshow::before, .elementor-488 .elementor-element.elementor-element-56f5f60 > .e-con-inner > .elementor-background-slideshow::before, .elementor-488 .elementor-element.elementor-element-56f5f60 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:scroll;}}/* Start custom CSS for container, class: .elementor-element-4ce9e5e5 *//* ============= HERO ANCHOR & CTA POSITION ============= */
#hero1 { 
  position: relative;               /* anchor for absolute children  */
  overflow: visible;                /* allow overlap past bottom     */
}

#hero1 .hero-cta{
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);  /* overlap amount (50% of its height) */
  z-index: 5;
}

/* ============= CTA VISUAL STYLES ============= */
#hero1 .hero-cta .cta-btn{
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  cursor: pointer;
  background: #8DB161;              /* your green */
  color: #fff;
  border-radius: 10px;
  box-shadow: 0 10px 24px rgba(0,0,0,.18);
  transition: transform .2s ease, box-shadow .2s ease;
  will-change: transform;
  /* padding (compat-safe) */
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
}

/* spacing between the two text lines */
#hero1 .hero-cta .cta-btn > * + * { margin-top: 6px; }

/* text styles */
#hero1 .cta-title{
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 18px;
}
#hero1 .cta-sub{
  font-weight: 500;
  opacity: .92;
  line-height: 1.3;
  font-size: 14px;
}

/* hover & focus (no shake) */
#hero1 .hero-cta .cta-btn:hover,
#hero1 .hero-cta .cta-btn:focus{
  transform: translateY(-2px);      /* gentle lift only on inner button */
  box-shadow: 0 14px 30px rgba(0,0,0,.22);
  outline: none;
}
#hero1 .hero-cta .cta-btn:focus-visible{
  box-shadow: 0 0 0 3px rgba(255,255,255,.9), 0 0 0 6px rgba(141,177,97,.65), 0 14px 30px rgba(0,0,0,.22);
}

/* ============= RESPONSIVE TWEAKS ============= */
/* Tablet: slightly smaller padding */
@media (max-width: 1024px){
  #hero1 .hero-cta .cta-btn{
    padding-top: 14px; padding-bottom: 14px;
    padding-left: 20px; padding-right: 20px;
  }
  #hero1 .cta-title{ font-size: 16px; }
  #hero1 .cta-sub{ font-size: 13px; }
}

/* Mobile: reduce overlap a bit and padding */
@media (max-width: 767px){
  #hero1 .hero-cta{ transform: translate(-50%, 45%); }
  #hero1 .hero-cta .cta-btn{
    padding-top: 12px; padding-bottom: 12px;
    padding-left: 18px; padding-right: 18px;
    border-radius: 8px;
  }
  #hero1 .cta-title{ font-size: 15px; }
  #hero1 .cta-sub{ font-size: 12.5px; }
}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce){
  #hero1 .hero-cta .cta-btn{ transition: none; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e206f44 *//* make the hero a positioning context + allow overlap */
.elementor-488 .elementor-element.elementor-element-7e206f44 { position: relative; overflow: visible; }

/* position the CTA container at the seam */
.elementor-488 .elementor-element.elementor-element-7e206f44 .hero-cta{
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%); /* overlap amount */
  z-index: 5;
}/* End custom CSS */