.elementor-130 .elementor-element.elementor-element-b8d4d5f{--display:flex;--min-height:70vh;--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:flex-end;--align-items:center;--overlay-opacity:0.6;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-130 .elementor-element.elementor-element-b8d4d5f:not(.elementor-motion-effects-element-type-background), .elementor-130 .elementor-element.elementor-element-b8d4d5f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://springvalleyranchltd.com/wp-content/uploads/2026/10/SVR-Recruitment.webp");background-position:top left;background-repeat:no-repeat;background-size:cover;}.elementor-130 .elementor-element.elementor-element-b8d4d5f::before, .elementor-130 .elementor-element.elementor-element-b8d4d5f > .elementor-background-video-container::before, .elementor-130 .elementor-element.elementor-element-b8d4d5f > .e-con-inner > .elementor-background-video-container::before, .elementor-130 .elementor-element.elementor-element-b8d4d5f > .elementor-background-slideshow::before, .elementor-130 .elementor-element.elementor-element-b8d4d5f > .e-con-inner > .elementor-background-slideshow::before, .elementor-130 .elementor-element.elementor-element-b8d4d5f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(244deg, var( --e-global-color-817e41c ) 57%, #000000 100%);}.elementor-widget-ha-page-title .ha-page-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-130 .elementor-element.elementor-element-4486717 .ha-page-title{color:var( --e-global-color-0bc7e93 );font-family:var( --e-global-typography-da6ef75-font-family ), Sans-serif;font-size:var( --e-global-typography-da6ef75-font-size );font-weight:var( --e-global-typography-da6ef75-font-weight );line-height:var( --e-global-typography-da6ef75-line-height );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-130 .elementor-element.elementor-element-c0a2f91{--divider-border-style:solid;--divider-color:var( --e-global-color-cf7fc5b );--divider-border-width:1.5px;}.elementor-130 .elementor-element.elementor-element-c0a2f91 .elementor-divider-separator{width:86%;margin:0 auto;margin-center:0;}.elementor-130 .elementor-element.elementor-element-c0a2f91 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;color:var( --e-global-color-primary );}.elementor-130 .elementor-element.elementor-element-cd80ded.elementor-element{--align-self:flex-end;}.elementor-130 .elementor-element.elementor-element-cd80ded{text-align:end;}.elementor-130 .elementor-element.elementor-element-cd80ded .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-0bc7e93 );}.elementor-130 .elementor-element.elementor-element-e1d75db{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-130 .elementor-element.elementor-element-754c32b{--display:flex;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-130 .elementor-element.elementor-element-5059b5d{padding:32px 32px 32px 32px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E5E5E5;border-radius:16px 16px 16px 16px;}.elementor-130 .elementor-element.elementor-element-5059b5d .elementor-icon-box-wrapper{gap:15px;}.elementor-130 .elementor-element.elementor-element-5059b5d .elementor-icon-box-title, .elementor-130 .elementor-element.elementor-element-5059b5d .elementor-icon-box-title a{font-size:var( --e-global-typography-23e7e25-font-size );font-weight:var( --e-global-typography-23e7e25-font-weight );line-height:var( --e-global-typography-23e7e25-line-height );}.elementor-130 .elementor-element.elementor-element-5059b5d .elementor-icon-box-title{color:#092210;}.elementor-130 .elementor-element.elementor-element-0fdaa07{--display:flex;}.elementor-130 .elementor-element.elementor-element-d39e45a{padding:32px 32px 32px 32px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E5E5E5;border-radius:16px 16px 16px 16px;}.elementor-130 .elementor-element.elementor-element-d39e45a .elementor-icon-box-wrapper{gap:15px;}.elementor-130 .elementor-element.elementor-element-d39e45a .elementor-icon-box-title, .elementor-130 .elementor-element.elementor-element-d39e45a .elementor-icon-box-title a{font-size:var( --e-global-typography-23e7e25-font-size );font-weight:var( --e-global-typography-23e7e25-font-weight );line-height:var( --e-global-typography-23e7e25-line-height );}.elementor-130 .elementor-element.elementor-element-d39e45a .elementor-icon-box-title{color:#092210;}.elementor-130 .elementor-element.elementor-element-191c5eb{--display:flex;}.elementor-130 .elementor-element.elementor-element-046f298{padding:32px 32px 32px 32px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E5E5E5;border-radius:16px 16px 16px 16px;}.elementor-130 .elementor-element.elementor-element-046f298 .elementor-icon-box-wrapper{gap:15px;}.elementor-130 .elementor-element.elementor-element-046f298 .elementor-icon-box-title, .elementor-130 .elementor-element.elementor-element-046f298 .elementor-icon-box-title a{font-size:var( --e-global-typography-23e7e25-font-size );font-weight:var( --e-global-typography-23e7e25-font-weight );line-height:var( --e-global-typography-23e7e25-line-height );}.elementor-130 .elementor-element.elementor-element-046f298 .elementor-icon-box-title{color:#092210;}.elementor-130 .elementor-element.elementor-element-355b836{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;--border-radius:20px 20px 20px 20px;}.elementor-130 .elementor-element.elementor-element-355b836:not(.elementor-motion-effects-element-type-background), .elementor-130 .elementor-element.elementor-element-355b836 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-817e41c );}.elementor-130 .elementor-element.elementor-element-28bd32c{--display:flex;}.elementor-130 .elementor-element.elementor-element-832dd8c .soapkits-heading{text-align:right;color:var( --e-global-color-28f7607 );font-family:"Plus Jakarta Sans", Sans-serif;font-size:15px;font-weight:700;line-height:1.15em;}.elementor-130 .elementor-element.elementor-element-f879b5a{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-130 .elementor-element.elementor-element-91a2afb{--grid-template-columns:repeat(0, auto);text-align:center;--icon-size:20px;--grid-column-gap:14px;--grid-row-gap:0px;}.elementor-130 .elementor-element.elementor-element-91a2afb .elementor-social-icon{background-color:var( --e-global-color-f5ce93f );}.elementor-130 .elementor-element.elementor-element-91a2afb .elementor-social-icon i{color:var( --e-global-color-primary );}.elementor-130 .elementor-element.elementor-element-91a2afb .elementor-social-icon svg{fill:var( --e-global-color-primary );}.elementor-130 .elementor-element.elementor-element-91a2afb .elementor-icon{border-radius:50px 50px 50px 50px;}.elementor-130 .elementor-element.elementor-element-ff89992{--display:flex;--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:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-130 .elementor-element.elementor-element-ff89992:not(.elementor-motion-effects-element-type-background), .elementor-130 .elementor-element.elementor-element-ff89992 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-0bc7e93 );}.elementor-130 .elementor-element.elementor-element-16c49b0{--display:flex;--border-radius:0px 20px 20px 0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );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-130 .elementor-element.elementor-element-dea1b0a .elementor-heading-title{font-size:var( --e-global-typography-3e8a35b-font-size );font-weight:var( --e-global-typography-3e8a35b-font-weight );line-height:var( --e-global-typography-3e8a35b-line-height );}.elementor-130 .elementor-element.elementor-element-40fffb6{--display:flex;--border-radius:20px 0px 0px 20px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-130 .elementor-element.elementor-element-7d9fda6 .elementor-icon-box-wrapper{gap:15px;}.elementor-130 .elementor-element.elementor-element-9a93f62{--display:flex;--border-radius:40px 40px 40px 40px;--margin-top:40px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-130 .elementor-element.elementor-element-4486717 .ha-page-title{font-size:var( --e-global-typography-da6ef75-font-size );line-height:var( --e-global-typography-da6ef75-line-height );}.elementor-130 .elementor-element.elementor-element-e1d75db{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-130 .elementor-element.elementor-element-5059b5d .elementor-icon-box-title, .elementor-130 .elementor-element.elementor-element-5059b5d .elementor-icon-box-title a{font-size:var( --e-global-typography-23e7e25-font-size );line-height:var( --e-global-typography-23e7e25-line-height );}.elementor-130 .elementor-element.elementor-element-d39e45a .elementor-icon-box-title, .elementor-130 .elementor-element.elementor-element-d39e45a .elementor-icon-box-title a{font-size:var( --e-global-typography-23e7e25-font-size );line-height:var( --e-global-typography-23e7e25-line-height );}.elementor-130 .elementor-element.elementor-element-046f298 .elementor-icon-box-title, .elementor-130 .elementor-element.elementor-element-046f298 .elementor-icon-box-title a{font-size:var( --e-global-typography-23e7e25-font-size );line-height:var( --e-global-typography-23e7e25-line-height );}.elementor-130 .elementor-element.elementor-element-355b836{--grid-auto-flow:row;}.elementor-130 .elementor-element.elementor-element-16c49b0{--border-radius:20px 0px 0px 20px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-130 .elementor-element.elementor-element-dea1b0a .elementor-heading-title{font-size:var( --e-global-typography-3e8a35b-font-size );line-height:var( --e-global-typography-3e8a35b-line-height );}.elementor-130 .elementor-element.elementor-element-40fffb6{--border-radius:0px 20px 20px 0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-130 .elementor-element.elementor-element-b8d4d5f{--min-height:50vh;--overlay-opacity:0.6;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-130 .elementor-element.elementor-element-b8d4d5f:not(.elementor-motion-effects-element-type-background), .elementor-130 .elementor-element.elementor-element-b8d4d5f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-104px 0px;background-repeat:no-repeat;background-size:cover;}.elementor-130 .elementor-element.elementor-element-4486717 .ha-page-title{font-size:var( --e-global-typography-da6ef75-font-size );line-height:var( --e-global-typography-da6ef75-line-height );}.elementor-130 .elementor-element.elementor-element-e1d75db{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-130 .elementor-element.elementor-element-5059b5d .elementor-icon-box-title, .elementor-130 .elementor-element.elementor-element-5059b5d .elementor-icon-box-title a{font-size:var( --e-global-typography-23e7e25-font-size );line-height:var( --e-global-typography-23e7e25-line-height );}.elementor-130 .elementor-element.elementor-element-d39e45a .elementor-icon-box-title, .elementor-130 .elementor-element.elementor-element-d39e45a .elementor-icon-box-title a{font-size:var( --e-global-typography-23e7e25-font-size );line-height:var( --e-global-typography-23e7e25-line-height );}.elementor-130 .elementor-element.elementor-element-046f298 .elementor-icon-box-title, .elementor-130 .elementor-element.elementor-element-046f298 .elementor-icon-box-title a{font-size:var( --e-global-typography-23e7e25-font-size );line-height:var( --e-global-typography-23e7e25-line-height );}.elementor-130 .elementor-element.elementor-element-355b836{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-130 .elementor-element.elementor-element-28bd32c{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-130 .elementor-element.elementor-element-16c49b0{--border-radius:20px 20px 0px 0px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-130 .elementor-element.elementor-element-dea1b0a .elementor-heading-title{font-size:var( --e-global-typography-3e8a35b-font-size );line-height:var( --e-global-typography-3e8a35b-line-height );}.elementor-130 .elementor-element.elementor-element-40fffb6{--border-radius:0px 0px 20px 20px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}.elementor-130 .elementor-element.elementor-element-c0a2f91 {n    width: calc(100% - 2.5rem);n    margin-inline: 1.25rem;n}nn@media (max-width: 767px) {n    .elementor-130 .elementor-element.elementor-element-c0a2f91 {n        width: calc(100% - 1rem);n        margin-inline: 0.5rem;n    }n}
.elementor-130 .elementor-element.elementor-element-b8d4d5f {
    width: calc(100% - 2.5rem);
    margin-inline: 1.25rem;
}

@media (max-width: 767px) {
    .elementor-130 .elementor-element.elementor-element-b8d4d5f {
        width: calc(100% - 1rem);
        margin-inline: 0.5rem;
    }
}
.elementor-130 .elementor-element.elementor-element-754c32b {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid rgba(9,34,16,.10);
  padding: 34px 30px;
  min-height: 210px;
  display: flex;
  align-items: center;
  background: #FFFFFF;
  transition: border-color .3s ease, box-shadow .3s ease;
}
.elementor-130 .elementor-element.elementor-element-754c32b:hover {
  border-color: rgba(9,34,16,.16);
  box-shadow: 0 22px 48px rgba(9,34,16,.16);
}

/* the skewed panel that fills on hover - the reference calls this bg-shape.
   Drawn as a pseudo-element on the inert html widget rather than as its own
   <div>: WordPress strips empty <div>s out of html-widget content, so a real
   element would never survive the save. */
.elementor-130 .elementor-element.elementor-element-754c32b .elementor-widget-html::before {
  content: "";
  position: absolute;
  /* overshoot top and sides well past the card so the skew can never expose an
     edge inside it; the card's own overflow + radius trim whatever spills out */
  inset: -160px -40px 0 -40px;
  z-index: 1;
  background: transparent;
  transform: translate(0, 164px) skew(0deg, 3deg);
  transition: background-color .3s ease;
  pointer-events: none;
}
.elementor-130 .elementor-element.elementor-element-754c32b:hover .elementor-widget-html::before {
  background: #144B24;
}

/* the skewed panel's own bottom corners sit outside its box once skewed, so
   the html widget clips it to the card silhouette. `overflow: hidden` alone
   does not clip along a border-radius in every engine, hence the mask. */
.elementor-130 .elementor-element.elementor-element-754c32b .elementor-widget-html {
  border-radius: 24px;
  -webkit-mask-image: -webkit-radial-gradient(#fff, #000);
  mask-image: radial-gradient(#fff, #000);
}

/* watermark icon, bottom-right (positioned against the card, not the
   absolutely-filled html widget it lives in) */
.elementor-130 .elementor-element.elementor-element-754c32b .svr-mark {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 140px;
  height: 140px;
  z-index: 2;
  opacity: .85;
  pointer-events: none;
  transition: opacity .3s ease;
}
.elementor-130 .elementor-element.elementor-element-754c32b:hover .svr-mark {
  opacity: .1;
}

/* content sits above the panels */
.elementor-130 .elementor-element.elementor-element-754c32b .elementor-widget-icon-box {
  position: relative;
  z-index: 3;
}

/* the html widget only exists to carry the watermark - keep it inert so it
   never affects the flex layout of the card */
.elementor-130 .elementor-element.elementor-element-754c32b .elementor-widget-html {
  position: absolute;
  inset: 0;
  z-index: 2;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
}

/* icon chip - the icon-box uses view=framed, so neutralise Elementor's own
   square frame and draw the rounded chip instead. The chip carries the brand
   orange; the glyph stays near-black for contrast. */
.elementor-130 .elementor-element.elementor-element-754c32b .elementor-icon-box-icon .elementor-icon,
.elementor-130 .elementor-element.elementor-element-754c32b .elementor-icon-box-icon .elementor-icon svg {
  transition: background-color .3s ease, color .3s ease, fill .3s ease,
              border-color .3s ease;
}
.elementor-130 .elementor-element.elementor-element-754c32b .elementor-icon-box-icon .elementor-icon {
  background: #FFA94D;
  color: #092210;
  fill: #092210;
  border: 1px solid transparent;
  border-radius: 22px;
  padding: 16px;
  font-size: 20px;
  line-height: 0;
  box-shadow: none;
}
.elementor-130 .elementor-element.elementor-element-754c32b:hover .elementor-icon-box-icon .elementor-icon {
  background: rgba(255,255,255,.92);
  color: #144B24;
  fill: #144B24;
  border-color: rgba(255,255,255,.28);
}

/* headline + body text flip to white */
.elementor-130 .elementor-element.elementor-element-754c32b .elementor-icon-box-title,
.elementor-130 .elementor-element.elementor-element-754c32b .elementor-icon-box-title span {
  color: #092210;
  transition: color .3s ease;
}
.elementor-130 .elementor-element.elementor-element-754c32b .elementor-icon-box-description {
  color: #62685D;
  transition: color .3s ease;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.elementor-130 .elementor-element.elementor-element-754c32b:hover .elementor-icon-box-title,
.elementor-130 .elementor-element.elementor-element-754c32b:hover .elementor-icon-box-title span {
  color: #FFFFFF !important;
}
.elementor-130 .elementor-element.elementor-element-754c32b:hover .elementor-icon-box-description {
  color: rgba(255,255,255,.8) !important;
}
.elementor-130 .elementor-element.elementor-element-0fdaa07 {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid rgba(9,34,16,.10);
  padding: 34px 30px;
  min-height: 210px;
  display: flex;
  align-items: center;
  background: #FFFFFF;
  transition: border-color .3s ease, box-shadow .3s ease;
}
.elementor-130 .elementor-element.elementor-element-0fdaa07:hover {
  border-color: rgba(9,34,16,.16);
  box-shadow: 0 22px 48px rgba(9,34,16,.16);
}

/* the skewed panel that fills on hover - the reference calls this bg-shape.
   Drawn as a pseudo-element on the inert html widget rather than as its own
   <div>: WordPress strips empty <div>s out of html-widget content, so a real
   element would never survive the save. */
.elementor-130 .elementor-element.elementor-element-0fdaa07 .elementor-widget-html::before {
  content: "";
  position: absolute;
  /* overshoot top and sides well past the card so the skew can never expose an
     edge inside it; the card's own overflow + radius trim whatever spills out */
  inset: -160px -40px 0 -40px;
  z-index: 1;
  background: transparent;
  transform: translate(0, 164px) skew(0deg, 3deg);
  transition: background-color .3s ease;
  pointer-events: none;
}
.elementor-130 .elementor-element.elementor-element-0fdaa07:hover .elementor-widget-html::before {
  background: #144B24;
}

/* the skewed panel's own bottom corners sit outside its box once skewed, so
   the html widget clips it to the card silhouette. `overflow: hidden` alone
   does not clip along a border-radius in every engine, hence the mask. */
.elementor-130 .elementor-element.elementor-element-0fdaa07 .elementor-widget-html {
  border-radius: 24px;
  -webkit-mask-image: -webkit-radial-gradient(#fff, #000);
  mask-image: radial-gradient(#fff, #000);
}

/* watermark icon, bottom-right (positioned against the card, not the
   absolutely-filled html widget it lives in) */
.elementor-130 .elementor-element.elementor-element-0fdaa07 .svr-mark {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 140px;
  height: 140px;
  z-index: 2;
  opacity: .85;
  pointer-events: none;
  transition: opacity .3s ease;
}
.elementor-130 .elementor-element.elementor-element-0fdaa07:hover .svr-mark {
  opacity: .1;
}

/* content sits above the panels */
.elementor-130 .elementor-element.elementor-element-0fdaa07 .elementor-widget-icon-box {
  position: relative;
  z-index: 3;
}

/* the html widget only exists to carry the watermark - keep it inert so it
   never affects the flex layout of the card */
.elementor-130 .elementor-element.elementor-element-0fdaa07 .elementor-widget-html {
  position: absolute;
  inset: 0;
  z-index: 2;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
}

/* icon chip - the icon-box uses view=framed, so neutralise Elementor's own
   square frame and draw the rounded chip instead. The chip carries the brand
   orange; the glyph stays near-black for contrast. */
.elementor-130 .elementor-element.elementor-element-0fdaa07 .elementor-icon-box-icon .elementor-icon,
.elementor-130 .elementor-element.elementor-element-0fdaa07 .elementor-icon-box-icon .elementor-icon svg {
  transition: background-color .3s ease, color .3s ease, fill .3s ease,
              border-color .3s ease;
}
.elementor-130 .elementor-element.elementor-element-0fdaa07 .elementor-icon-box-icon .elementor-icon {
  background: #FFA94D;
  color: #092210;
  fill: #092210;
  border: 1px solid transparent;
  border-radius: 22px;
  padding: 16px;
  font-size: 20px;
  line-height: 0;
  box-shadow: none;
}
.elementor-130 .elementor-element.elementor-element-0fdaa07:hover .elementor-icon-box-icon .elementor-icon {
  background: rgba(255,255,255,.92);
  color: #144B24;
  fill: #144B24;
  border-color: rgba(255,255,255,.28);
}

/* headline + body text flip to white */
.elementor-130 .elementor-element.elementor-element-0fdaa07 .elementor-icon-box-title,
.elementor-130 .elementor-element.elementor-element-0fdaa07 .elementor-icon-box-title span {
  color: #092210;
  transition: color .3s ease;
}
.elementor-130 .elementor-element.elementor-element-0fdaa07 .elementor-icon-box-description {
  color: #62685D;
  transition: color .3s ease;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.elementor-130 .elementor-element.elementor-element-0fdaa07:hover .elementor-icon-box-title,
.elementor-130 .elementor-element.elementor-element-0fdaa07:hover .elementor-icon-box-title span {
  color: #FFFFFF !important;
}
.elementor-130 .elementor-element.elementor-element-0fdaa07:hover .elementor-icon-box-description {
  color: rgba(255,255,255,.8) !important;
}
.elementor-130 .elementor-element.elementor-element-191c5eb {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid rgba(9,34,16,.10);
  padding: 34px 30px;
  min-height: 210px;
  display: flex;
  align-items: center;
  background: #FFFFFF;
  transition: border-color .3s ease, box-shadow .3s ease;
}
.elementor-130 .elementor-element.elementor-element-191c5eb:hover {
  border-color: rgba(9,34,16,.16);
  box-shadow: 0 22px 48px rgba(9,34,16,.16);
}

/* the skewed panel that fills on hover - the reference calls this bg-shape.
   Drawn as a pseudo-element on the inert html widget rather than as its own
   <div>: WordPress strips empty <div>s out of html-widget content, so a real
   element would never survive the save. */
.elementor-130 .elementor-element.elementor-element-191c5eb .elementor-widget-html::before {
  content: "";
  position: absolute;
  /* overshoot top and sides well past the card so the skew can never expose an
     edge inside it; the card's own overflow + radius trim whatever spills out */
  inset: -160px -40px 0 -40px;
  z-index: 1;
  background: transparent;
  transform: translate(0, 164px) skew(0deg, 3deg);
  transition: background-color .3s ease;
  pointer-events: none;
}
.elementor-130 .elementor-element.elementor-element-191c5eb:hover .elementor-widget-html::before {
  background: #144B24;
}

/* the skewed panel's own bottom corners sit outside its box once skewed, so
   the html widget clips it to the card silhouette. `overflow: hidden` alone
   does not clip along a border-radius in every engine, hence the mask. */
.elementor-130 .elementor-element.elementor-element-191c5eb .elementor-widget-html {
  border-radius: 24px;
  -webkit-mask-image: -webkit-radial-gradient(#fff, #000);
  mask-image: radial-gradient(#fff, #000);
}

/* watermark icon, bottom-right (positioned against the card, not the
   absolutely-filled html widget it lives in) */
.elementor-130 .elementor-element.elementor-element-191c5eb .svr-mark {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 140px;
  height: 140px;
  z-index: 2;
  opacity: .85;
  pointer-events: none;
  transition: opacity .3s ease;
}
.elementor-130 .elementor-element.elementor-element-191c5eb:hover .svr-mark {
  opacity: .1;
}

/* content sits above the panels */
.elementor-130 .elementor-element.elementor-element-191c5eb .elementor-widget-icon-box {
  position: relative;
  z-index: 3;
}

/* the html widget only exists to carry the watermark - keep it inert so it
   never affects the flex layout of the card */
.elementor-130 .elementor-element.elementor-element-191c5eb .elementor-widget-html {
  position: absolute;
  inset: 0;
  z-index: 2;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
}

/* icon chip - the icon-box uses view=framed, so neutralise Elementor's own
   square frame and draw the rounded chip instead. The chip carries the brand
   orange; the glyph stays near-black for contrast. */
.elementor-130 .elementor-element.elementor-element-191c5eb .elementor-icon-box-icon .elementor-icon,
.elementor-130 .elementor-element.elementor-element-191c5eb .elementor-icon-box-icon .elementor-icon svg {
  transition: background-color .3s ease, color .3s ease, fill .3s ease,
              border-color .3s ease;
}
.elementor-130 .elementor-element.elementor-element-191c5eb .elementor-icon-box-icon .elementor-icon {
  background: #FFA94D;
  color: #092210;
  fill: #092210;
  border: 1px solid transparent;
  border-radius: 22px;
  padding: 16px;
  font-size: 20px;
  line-height: 0;
  box-shadow: none;
}
.elementor-130 .elementor-element.elementor-element-191c5eb:hover .elementor-icon-box-icon .elementor-icon {
  background: rgba(255,255,255,.92);
  color: #144B24;
  fill: #144B24;
  border-color: rgba(255,255,255,.28);
}

/* headline + body text flip to white */
.elementor-130 .elementor-element.elementor-element-191c5eb .elementor-icon-box-title,
.elementor-130 .elementor-element.elementor-element-191c5eb .elementor-icon-box-title span {
  color: #092210;
  transition: color .3s ease;
}
.elementor-130 .elementor-element.elementor-element-191c5eb .elementor-icon-box-description {
  color: #62685D;
  transition: color .3s ease;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.elementor-130 .elementor-element.elementor-element-191c5eb:hover .elementor-icon-box-title,
.elementor-130 .elementor-element.elementor-element-191c5eb:hover .elementor-icon-box-title span {
  color: #FFFFFF !important;
}
.elementor-130 .elementor-element.elementor-element-191c5eb:hover .elementor-icon-box-description {
  color: rgba(255,255,255,.8) !important;
}
.elementor-130 .elementor-element.elementor-element-e1d75db {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: center;
  gap: 28px;
}
/* override the e-con-full basis so the cards share the row evenly */
.elementor-130 .elementor-element.elementor-element-e1d75db > .e-con {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0;
}
/* the leftover image column - hide it, the cards carry their own icons */
.elementor-130 .elementor-element.elementor-element-e1d75db > :is(.elementor-element-d6d7156, [data-id="d6d7156"]) {
  display: none !important;
}
@media (max-width: 1024px) {
  .elementor-130 .elementor-element.elementor-element-e1d75db { flex-wrap: wrap; }
  .elementor-130 .elementor-element.elementor-element-e1d75db > .e-con { flex: 1 1 calc(50% - 28px) !important; }
}
@media (max-width: 767px) {
  .elementor-130 .elementor-element.elementor-element-e1d75db { flex-wrap: wrap; gap: 18px; }
  .elementor-130 .elementor-element.elementor-element-e1d75db > .e-con { flex: 1 1 100% !important; }
}
.elementor-130 .elementor-element.elementor-element-355b836 {
    width: calc(100% - 2.5rem);
    margin-inline: 1.25rem;
}

@media (max-width: 767px) {
    .elementor-130 .elementor-element.elementor-element-355b836 {
        width: calc(100% - 1rem);
        margin-inline: 0.5rem;
    }
}
.elementor-130 .elementor-element.elementor-element-16c49b0 {
  padding: 54px 52px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #F4F1E6;
}
@media (max-width: 767px) {
  .elementor-130 .elementor-element.elementor-element-16c49b0 { padding: 34px 22px !important; }
}

/* eyebrow above the heading (the h4, "Get A Quote") */
.elementor-130 .elementor-element.elementor-element-16c49b0 h4.elementor-heading-title {
  font-size: 13px !important;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #C97A1E !important;
  font-weight: 700;
  margin: 0 0 12px !important;
}
.elementor-130 .elementor-element.elementor-element-16c49b0 h4.elementor-heading-title::after {
  content: " //";
  color: #FFA94D;
  letter-spacing: 0;
}
/* the big two-line heading (the h2, "Bring nature in your home.") */
.elementor-130 .elementor-element.elementor-element-16c49b0 h2.elementor-heading-title {
  font-size: 40px !important;
  line-height: 1.14 !important;
  letter-spacing: -.02em;
  color: #092210 !important;
  font-weight: 800;
  margin: 0 0 34px !important;
  max-width: 9.5em;   /* forces the reference's two-line break */
}
@media (max-width: 767px) {
  .elementor-130 .elementor-element.elementor-element-16c49b0 h2.elementor-heading-title { font-size: 30px !important; max-width: none; }
}

/* the "if you have any questions" line, sitting under the button */
.elementor-130 .elementor-element.elementor-element-16c49b0 .elementor-widget-text-editor {
  margin: 26px 0 0 !important;
  font-size: 14px;
  color: #5A6B5A;
}
.elementor-130 .elementor-element.elementor-element-16c49b0 .elementor-widget-text-editor a {
  color: #092210;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}

/* ---- the formlayer form ---- */
.elementor-130 .elementor-element.elementor-element-16c49b0 .formlayer-form-wrapper { width: 100%; }
.elementor-130 .elementor-element.elementor-element-16c49b0 .formlayer-form { margin: 0; }

.elementor-130 .elementor-element.elementor-element-16c49b0 .formlayer-form-fields-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 22px;
}
@media (max-width: 600px) {
  .elementor-130 .elementor-element.elementor-element-16c49b0 .formlayer-form-fields-wrapper { grid-template-columns: 1fr; }
}

/* the label is visually hidden - the reference relies on placeholders */
.elementor-130 .elementor-element.elementor-element-16c49b0 .formlayer-label {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
.elementor-130 .elementor-element.elementor-element-16c49b0 .formlayer-required,
.elementor-130 .elementor-element.elementor-element-16c49b0 .required-indicator { display: none; }

/* "Your Name" is now a single field. formlayer still hardcodes
   placeholder="First Name" on the sub-input and there is no spec key to change
   it, so hide the native placeholder and paint "Full Name" via the wrapper. */
.elementor-130 .elementor-element.elementor-element-16c49b0 .formlayer-field-wrap { margin: 0; min-width: 0; }
.elementor-130 .elementor-element.elementor-element-16c49b0 .formlayer-name-fields-wrap {
  display: block;
  position: relative;
}
.elementor-130 .elementor-element.elementor-element-16c49b0 .formlayer-sub-label { display: none; }

/* one input, full width */
.elementor-130 .elementor-element.elementor-element-16c49b0 .formlayer-name-fields-wrap .formlayer-sub-field {
  width: 100%;
}
/* suppress the hardcoded "First Name" placeholder */
.elementor-130 .elementor-element.elementor-element-16c49b0 .formlayer-name-fields-wrap:not(:has(input:not(:placeholder-shown)))::before {
  content: "Full Name";
  position: absolute;
  left: 23px;
  top: 50%;
  transform: translateY(-50%);
  color: #9AA39A;
  font-size: 15px;
  line-height: 1;
  pointer-events: none;
  z-index: 1;
}
.elementor-130 .elementor-element.elementor-element-16c49b0 .formlayer-name-fields-wrap input::placeholder { color: transparent; }

/* every field box - generous vertical padding to match the reference */
.elementor-130 .elementor-element.elementor-element-16c49b0 .formlayer-input {
  width: 100%;
  height: auto;
  min-height: 62px;
  box-sizing: border-box;
  background: #FFFFFF;
  border: 1px solid #DAD6C4;
  border-radius: 12px;
  padding: 20px 22px;
  font-size: 15px;
  color: #2B2B2B;
  line-height: 1.35;
  transition: border-color .2s ease, box-shadow .2s ease;
  -webkit-appearance: none;
  appearance: none;
}
.elementor-130 .elementor-element.elementor-element-16c49b0 .formlayer-input::placeholder { color: #9AA39A; opacity: 1; }
.elementor-130 .elementor-element.elementor-element-16c49b0 .formlayer-input:focus {
  outline: none;
  border-color: #FFA94D;
  box-shadow: 0 0 0 3px rgba(226,143,60,.22);
}

/* textarea and anything containing one spans the full grid width */
.elementor-130 .elementor-element.elementor-element-16c49b0 .formlayer-field-wrap:has(textarea),
.elementor-130 .elementor-element.elementor-element-16c49b0 .formlayer-field-wrap.fl-full { grid-column: 1 / -1; }
.elementor-130 .elementor-element.elementor-element-16c49b0 textarea.formlayer-input {
  min-height: 168px;
  padding: 20px 22px;
  resize: vertical;
  font-family: inherit;
}

/* the submit row always starts on a fresh line */
.elementor-130 .elementor-element.elementor-element-16c49b0 .formlayer-submit-wrap {
  grid-column: 1 / -1;
  margin-top: 6px;
}

/* submit: outlined pill with a circular arrow badge on the right.
   formlayer writes `background-color: <x> !important` inline, so this uses a
   wrapper-level look: transparent white fill, thin dark outline, and the arrow
   drawn from pseudo-elements. The inline colour is neutralised by covering the
   button face with its own ::before layer. */
.elementor-130 .elementor-element.elementor-element-16c49b0 .formlayer-submit-btn,
.elementor-130 .elementor-element.elementor-element-16c49b0 button[type="submit"].formlayer-submit-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 22px;
  height: auto !important;
  min-height: 0;
  color: #092210 !important;
  border: 1.5px solid #17201A;
  border-radius: 999px;
  padding: 11px 11px 11px 30px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .005em;
  line-height: 1;
  cursor: pointer;
  box-shadow: none;
  overflow: hidden;
  isolation: isolate;
  transition: border-color .25s ease, transform .25s ease;
}
/* the white face - masks the plugin's inline background colour */
.elementor-130 .elementor-element.elementor-element-16c49b0 .formlayer-submit-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: #FFFFFF;
  transition: background-color .25s ease;
}
/* the orange circular arrow badge */
.elementor-130 .elementor-element.elementor-element-16c49b0 .formlayer-submit-btn::after {
  content: "\2192";                 /* right arrow */
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #FFA94D;
  color: #17201A;
  font-size: 19px;
  font-weight: 700;
  line-height: 1;
  transition: transform .25s ease, background-color .25s ease;
}
.elementor-130 .elementor-element.elementor-element-16c49b0 .formlayer-submit-btn:hover {
  border-color: #FFA94D;
  transform: translateY(-1px);
}
.elementor-130 .elementor-element.elementor-element-16c49b0 .formlayer-submit-btn:hover::before { background: #FFF9F2; }
.elementor-130 .elementor-element.elementor-element-16c49b0 .formlayer-submit-btn:hover::after { transform: translateX(3px); }

/* the "if you have any questions" line lives in the info column but is hidden
   there; the reference shows it under the button, so re-show it here instead */
.elementor-130 .elementor-element.elementor-element-16c49b0 .formlayer-form-status { margin-top: 10px; }
.elementor-130 .elementor-element.elementor-element-40fffb6 {
  position: relative;
  overflow: hidden;
  min-height: 600px;
  padding: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  background-image: url('https://springvalleyranchltd.com/wp-content/uploads/2026/09/svr-hero-1-2.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
/* dark scrim so the overlay stats stay legible over any photo */
.elementor-130 .elementor-element.elementor-element-40fffb6::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(
    to top,
    rgba(2, 20, 10, .92) 0%,
    rgba(2, 20, 10, .72) 22%,
    rgba(2, 20, 10, .18) 52%,
    rgba(2, 20, 10, 0) 78%
  );
}
/* the demo image widget - fills the card and is pushed to the back */
.elementor-130 .elementor-element.elementor-element-40fffb6 .elementor-widget-image {
  position: absolute;
  inset: 0;
  z-index: 0;
  margin: 0;
  padding: 0;
  line-height: 0;
}
.elementor-130 .elementor-element.elementor-element-40fffb6 .elementor-widget-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
/* the two stat blocks sit side by side along the bottom edge */
.elementor-130 .elementor-element.elementor-element-40fffb6 > .elementor-widget-icon-box,
.elementor-130 .elementor-element.elementor-element-40fffb6 > .elementor-shortcode {
  position: relative;
  z-index: 2;
  margin: 0;
}
.elementor-130 .elementor-element.elementor-element-40fffb6 > .elementor-widget-icon-box { padding: 0 0 40px 40px; }
.elementor-130 .elementor-element.elementor-element-40fffb6 > .elementor-shortcode {
  padding: 0 40px 40px 0;
  margin-left: auto !important;
}
@media (max-width: 600px) {
  .elementor-130 .elementor-element.elementor-element-40fffb6 > .elementor-widget-icon-box { padding: 0 0 28px 22px; }
  .elementor-130 .elementor-element.elementor-element-40fffb6 > .elementor-shortcode { padding: 0 22px 28px 0; }
}

/* award block (icon-box) */
.elementor-130 .elementor-element.elementor-element-40fffb6 .elementor-icon-box-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.elementor-130 .elementor-element.elementor-element-40fffb6 .elementor-icon-box-icon .elementor-icon {
  color: #FFFFFF;
  fill: #FFFFFF;
  font-size: 30px;
  line-height: 0;
}
.elementor-130 .elementor-element.elementor-element-40fffb6 .elementor-icon-box-title,
.elementor-130 .elementor-element.elementor-element-40fffb6 .elementor-icon-box-title span {
  color: #FFFFFF !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
  font-weight: 600;
  margin: 0 !important;
}
.elementor-130 .elementor-element.elementor-element-40fffb6 .elementor-icon-box-description {
  color: rgba(255,255,255,.72) !important;
  font-size: 12px !important;
  line-height: 1.3;
  margin: 3px 0 0 !important;
}

/* the rating shortcode block - mirrors the award block on the right */
.elementor-130 .elementor-element.elementor-element-40fffb6 .elementor-widget-shortcode {
  color: #FFFFFF;
  text-align: right;
}
.elementor-130 .elementor-element.elementor-element-40fffb6 .elementor-widget-shortcode .elementor-shortcode > * {
  color: #FFFFFF;
}
.elementor-130 .elementor-element.elementor-element-ff89992 {
  background: #F4F1E6;
  border-radius: 28px;
  overflow: hidden;
  /* the project's standard page-gutter pattern: full width minus a 1.25rem
     gutter either side, dropping to 0.5rem on small screens */
  width: calc(100% - 2.5rem);
  margin-inline: 1.25rem;
}
@media (max-width: 767px) {
  .elementor-130 .elementor-element.elementor-element-ff89992 {
    width: calc(100% - 1rem);
    margin-inline: 0.5rem;
    border-radius: 20px;
  }
}
.elementor-130 .elementor-element.elementor-element-ff89992 > .e-con-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 0;
  max-width: none;
  width: 100%;
}
.elementor-130 .elementor-element.elementor-element-ff89992 > .e-con-inner > .e-con {
  flex: 1 1 100% !important;
  width: 100% !important;
  min-width: 0;
}
/* `order` rather than row-reverse - Elementor's own flex rules fight the
   direction property, but order is respected */
.elementor-130 .elementor-element.elementor-element-ff89992 > .e-con-inner > :is(.elementor-element-40fffb6, [data-id="40fffb6"]) { order: 1; }
.elementor-130 .elementor-element.elementor-element-ff89992 > .e-con-inner > :is(.elementor-element-16c49b0, [data-id="16c49b0"]) { order: 2; }
@media (max-width: 1024px) {
  .elementor-130 .elementor-element.elementor-element-ff89992 > .e-con-inner { flex-direction: column; }
  .elementor-130 .elementor-element.elementor-element-ff89992 > .e-con-inner > .e-con { flex: 1 1 100% !important; width: 100% !important; }
  .elementor-130 .elementor-element.elementor-element-ff89992 > .e-con-inner > :is(.elementor-element-40fffb6, [data-id="40fffb6"]) { order: 2; }
  .elementor-130 .elementor-element.elementor-element-ff89992 > .e-con-inner > :is(.elementor-element-16c49b0, [data-id="16c49b0"]) { order: 1; }
}
.elementor-130 .elementor-element.elementor-element-9a93f62 {
    width: calc(100% - 2.5rem);
    margin-inline: 1.25rem;
}

@media (max-width: 767px) {
    .elementor-130 .elementor-element.elementor-element-9a93f62 {
        width: calc(100% - 1rem);
        margin-inline: 0.5rem;
    }
}