.elementor-126 .elementor-element.elementor-element-d2fa5b4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-126 .elementor-element.elementor-element-ff7b64c{--display:flex;--min-height:700px;--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;--overflow:hidden;--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-126 .elementor-element.elementor-element-ff7b64c.e-con{--align-self:stretch;}.elementor-126 .elementor-element.elementor-element-2482b61{--display:flex;--overflow:hidden;--z-index:9;}.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-126 .elementor-element.elementor-element-44d7e93{width:var( --container-widget-width, 500px );max-width:500px;--container-widget-width:500px;--container-widget-flex-grow:0;text-align:center;font-family:var( --e-global-typography-ad33d5e-font-family ), Sans-serif;font-size:var( --e-global-typography-ad33d5e-font-size );font-weight:var( --e-global-typography-ad33d5e-font-weight );color:#FFFFFF;}.elementor-126 .elementor-element.elementor-element-44d7e93.elementor-element{--align-self: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-126 .elementor-element.elementor-element-39e21eb{text-align:center;}.elementor-126 .elementor-element.elementor-element-39e21eb .elementor-heading-title{font-family:"Times New Roman", Sans-serif;font-size:50px;font-weight:600;color:#FFFFFF;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-126 .elementor-element.elementor-element-f680ab1{z-index:10;}body:not(.rtl) .elementor-126 .elementor-element.elementor-element-a6e81ed{left:0px;}body.rtl .elementor-126 .elementor-element.elementor-element-a6e81ed{right:0px;}.elementor-126 .elementor-element.elementor-element-a6e81ed{top:0px;z-index:8;}.elementor-126 .elementor-element.elementor-element-a6e81ed img{width:100vw;height:700px;object-fit:cover;object-position:center center;}body:not(.rtl) .elementor-126 .elementor-element.elementor-element-1a64c69{left:0px;}body.rtl .elementor-126 .elementor-element.elementor-element-1a64c69{right:0px;}.elementor-126 .elementor-element.elementor-element-1a64c69{top:0px;z-index:7;}.elementor-126 .elementor-element.elementor-element-1a64c69 img{width:100vw;height:700px;object-fit:cover;object-position:center center;}.elementor-126 .elementor-element.elementor-element-f7e0c89{z-index:10;}.elementor-126 .elementor-element.elementor-element-54a94b7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-126 .elementor-element.elementor-element-f7f6792{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:75px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-126 .elementor-element.elementor-element-f7f6792:not(.elementor-motion-effects-element-type-background), .elementor-126 .elementor-element.elementor-element-f7f6792 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-126 .elementor-element.elementor-element-81b0ec8{--display:flex;--min-height:200px;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-126 .elementor-element.elementor-element-81b0ec8:not(.elementor-motion-effects-element-type-background), .elementor-126 .elementor-element.elementor-element-81b0ec8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sniperelitecustomhomes.com/wp-content/uploads/2024/08/staring-at-a-tbone.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-126 .elementor-element.elementor-element-6b31c23{--display:flex;--min-height:75px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 0px 1px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:1px;border-color:#FFFFFF;--border-color:#FFFFFF;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:35px;--margin-left:35px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-126 .elementor-element.elementor-element-7c32152{--display:flex;--min-height:35px;--overflow:hidden;--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-126 .elementor-element.elementor-element-06305e2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 25px;}.elementor-126 .elementor-element.elementor-element-06305e2 .elementor-heading-title{color:#FFFFFF;}.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-126 .elementor-element.elementor-element-5a59324{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:1px;}.elementor-126 .elementor-element.elementor-element-5a59324 .elementor-divider-separator{width:100%;}.elementor-126 .elementor-element.elementor-element-5a59324 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-126 .elementor-element.elementor-element-36cbb2d{--display:flex;--min-height:35px;--overflow:hidden;--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-126 .elementor-element.elementor-element-6747801 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 25px;}.elementor-126 .elementor-element.elementor-element-6747801 .elementor-heading-title{font-weight:100;color:#FFFFFF;}.elementor-126 .elementor-element.elementor-element-0bc5afd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-126 .elementor-element.elementor-element-b75cf26{--display:flex;--min-height:500px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overflow:hidden;--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-126 .elementor-element.elementor-element-b75cf26.e-con{--align-self:stretch;}.elementor-126 .elementor-element.elementor-element-eeb6047{z-index:9;}body:not(.rtl) .elementor-126 .elementor-element.elementor-element-554f023{left:0px;}body.rtl .elementor-126 .elementor-element.elementor-element-554f023{right:0px;}.elementor-126 .elementor-element.elementor-element-554f023{top:0px;}.elementor-126 .elementor-element.elementor-element-554f023 img{width:100vw;height:500px;object-fit:cover;object-position:center center;}body:not(.rtl) .elementor-126 .elementor-element.elementor-element-4975685{left:0px;}body.rtl .elementor-126 .elementor-element.elementor-element-4975685{right:0px;}.elementor-126 .elementor-element.elementor-element-4975685{top:0px;}.elementor-126 .elementor-element.elementor-element-4975685 img{width:100vw;height:500px;object-fit:cover;object-position:center center;}.elementor-126 .elementor-element.elementor-element-bc4844a{z-index:9;}@media(min-width:768px){.elementor-126 .elementor-element.elementor-element-2482b61{--content-width:800px;}}@media(max-width:1024px){.elementor-126 .elementor-element.elementor-element-44d7e93{font-size:var( --e-global-typography-ad33d5e-font-size );}.elementor-126 .elementor-element.elementor-element-f7f6792{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-126 .elementor-element.elementor-element-44d7e93{font-size:var( --e-global-typography-ad33d5e-font-size );}.elementor-126 .elementor-element.elementor-element-f7f6792{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-126 .elementor-element.elementor-element-81b0ec8{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}}/* Start custom CSS for container, class: .elementor-element-ff7b64c */@keyframes scene-transition {
 -webkit-mask-image:
  radial-gradient(
    circle,
    #fff calc(105% - 5%),
    transparent calc(105% + 5%)
  );
}

.elementor-126 .elementor-element.elementor-element-ff7b64c .bottom-image{
     -webkit-mask-image: radial-gradient(
    circle,
    #fff 0% ,
    transparent 0%
  );
  
}
.elementor-126 .elementor-element.elementor-element-ff7b64c .top-image{
     -webkit-mask-image: radial-gradient(
    circle,
    #fff 0% ,
    transparent 0%
  );
  
}
.elementor-126 .elementor-element.elementor-element-ff7b64c .hands-div:hover .bottom-image {
  -webkit-mask-image:
  radial-gradient(
    circle,
    #fff 100%,
    transparent 100%
  );
 
}








/* Initial positioning for hands */
.elementor-126 .elementor-element.elementor-element-ff7b64c .left-hand,
.elementor-126 .elementor-element.elementor-element-ff7b64c .right-hand {
  position: absolute;
  bottom: -130px;
}
.elementor-126 .elementor-element.elementor-element-ff7b64c .hands-text{
    
}
/* Ensure images inside the hands are contained */
.elementor-126 .elementor-element.elementor-element-ff7b64c .left-hand img,
.elementor-126 .elementor-element.elementor-element-ff7b64c .right-hand img {
  object-fit: contain;
}

/* Ensure top and bottom images are covered */
.elementor-126 .elementor-element.elementor-element-ff7b64c .top-image img, 
.elementor-126 .elementor-element.elementor-element-ff7b64c .bottom-image img {
  object-fit: cover;
}

.elementor-126 .elementor-element.elementor-element-ff7b64c:hover .left-hand {
    animation: slideInFromLeft 2s ease-out forwards;
  }

  .elementor-126 .elementor-element.elementor-element-ff7b64c:hover .right-hand {
    animation: slideInFromRight 2s ease-out forwards;
  } 


/* Hover animation for the top image 
.elementor-126 .elementor-element.elementor-element-ff7b64c:hover .top-image {
  animation: fadeToBack 4s linear forwards;
}
*/
.elementor-126 .elementor-element.elementor-element-ff7b64c:hover .hands-text {
  animation: handsSqueeze 3.5s linear forwards;
}

/* Leave animation for the left hand on large screens */
 .elementor-126 .elementor-element.elementor-element-ff7b64c.hovered:not(:hover) .right-hand {
    animation: slideOutToRight 4s ease-out forwards;
  }
  
  .elementor-126 .elementor-element.elementor-element-ff7b64c.hovered:not(:hover) .left-hand {
    animation: slideOutToLeft 4s ease-out forwards;
  }
/*

.elementor-126 .elementor-element.elementor-element-ff7b64c.hovered:not(:hover) .top-image {
  animation: fadeFromBack 4s linear forwards;
}
*/
.elementor-126 .elementor-element.elementor-element-ff7b64c.hovered:not(:hover) .hands-text {
  animation: handsExpand 3.5s linear forwards;
}
/* Initial state for hands */
.elementor-126 .elementor-element.elementor-element-ff7b64c .left-hand {
  left: -100%;
}

.elementor-126 .elementor-element.elementor-element-ff7b64c .right-hand {
  right: -100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d2fa5b4 */@keyframes handsSqueeze {
  0% {
     transform-origin: center;
    transform: translateX(0) scaleX(1);
  }
  25% {
     transform-origin: center;
    transform: translateX(0) scaleX(1);
  }
  50% {
     transform-origin: center;
    transform: translateX(0) scaleX(0);
  }
  100% {
      transform-origin: center;
    transform: translateX(0) scaleX(0);
  }
}
@keyframes handsExpand {
  0% {
   
     transform-origin: center;
    transform: translateX(0) scaleX(0);
  }
  25% {
     transform-origin: center;
    transform: translateX(0) scaleX(1);
  }
  50% {
     transform-origin: center;
    transform: translateX(0) scaleX(1);
  }
  100% {
      transform-origin: center;
    transform: translateX(0) scaleX(1);
  }
}
@keyframes slideInFromLeft {
  0% {
    left: -100%;
  }
  100% {
    left: calc(50vw - 800px); 
  }
}

@keyframes slideInFromRight {
  0% {
    right: -100%;
  }
  100% {
    right: calc(50vw - 800px); 
  }
}

@keyframes slideInFromLeftTablet {
  0% {
    left: -100%;
  }
  100% {
    left: calc(50vw - 800px); 
  }
}

@keyframes slideInFromRightTablet {
  0% {
    right: -100%;
  }
  100% {
    right: calc(50vw - 800px); 
  }
}

@keyframes fadeToBack {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeFromBack {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes slideOutToLeft {
  0% {
    left: calc(50vw - 800px);
  }
  100% {
    left: -100%;
  }
}

@keyframes slideOutToRight {
  0% {
    right: calc(50vw - 800px);
  }
  100% {
    right: -100%;
  }
}

@keyframes slideOutToLeftTablet {
  0% {
    left: calc(50vw - 800px);
  }
  100% {
    left: -100%;
  }
}

@keyframes slideOutToRightTablet {
  0% {
    right: calc(50vw - 800px);
  }
  100% {
    right: -100%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b31c23 */.elementor-126 .elementor-element.elementor-element-6b31c23 {
 
   
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81b0ec8 */.elementor-126 .elementor-element.elementor-element-81b0ec8:hover{
     box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.5);
    
    }
.elementor-126 .elementor-element.elementor-element-81b0ec8 .hover-div{
      max-width: 200px;
   width: 0%;
   overflow: hidden;
   left: -45px;
   position: absolute;
    bottom: 0px;

}
.elementor-126 .elementor-element.elementor-element-81b0ec8:hover .hover-div{
    left: 0px;
    width: 100%;
       animation-name: hover-div;
  animation-duration: 1s;
  animation-timing-function: linear;
  
  
}
.elementor-126 .elementor-element.elementor-element-81b0ec8 .hover-div-top{
   
    top: 35px;
}
.elementor-126 .elementor-element.elementor-element-81b0ec8 .hover-div-bottom{
  
    top: -35px;
}
.elementor-126 .elementor-element.elementor-element-81b0ec8:hover .hover-div-top{
  
    top: 0px;
    animation-name: hover-div-top;
  animation-duration: 1.3s;
  animation-timing-function: linear;
}
.elementor-126 .elementor-element.elementor-element-81b0ec8:hover .hover-div-bottom{
    top: 0px;
    
    animation-name: hover-div-bottom;
  animation-duration: 1.3s;
  animation-timing-function: linear;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f7f6792 */@keyframes hover-div {
   0% {
    left: -45px;
    width: 0%;
   
  }
 50% {
    left: -10px;
    width: 0%;
   
  }
  100% {
    left: 0px;
    width: 100%;
   
  }
}
@keyframes hover-div-from-right {
   0% {
    right: 0px;
    width: 0%;
   
  }
 50% {
    right: 25px;
    width: 0%;
   
  }
  100% {
    right: 50px;
    width: 100%;
   
  }
}

@keyframes hover-div-from-bottom {
   0% {
    bottom: -125px;
    width: 0%;
   
  }
 50% {
    bottom: 0px;
     width: 50%;
   
  }
  100% {
    bottom: 0px;
    width: 100%;
   
  }
}

@keyframes hover-div-top {
   0% {
  
   top: 35px;
  }
 70% {
  
   top: 35px;
   
  }
 
  100% {
 
   top: 0px;
   
  }
}

@keyframes hover-div-bottom {
   0% {
  
   top: -35px;
  }
 70% {
  
   top: -35px;
   
  }
  
  100% {
 
   top: 0px;
   
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b75cf26 *//* Initial positioning for hands */
.elementor-126 .elementor-element.elementor-element-b75cf26 .left-hand,
.elementor-126 .elementor-element.elementor-element-b75cf26 .right-hand {
  position: absolute;
  bottom: -80px;
}

/* Ensure images inside the hands are contained */
.elementor-126 .elementor-element.elementor-element-b75cf26 .left-hand img,
.elementor-126 .elementor-element.elementor-element-b75cf26 .right-hand img {
  object-fit: contain;
}

/* Ensure top and bottom images are covered */
.elementor-126 .elementor-element.elementor-element-b75cf26 .top-image img, 
.elementor-126 .elementor-element.elementor-element-b75cf26 .bottom-image img {
  object-fit: cover;
}

/* Hover animation for the left hand */
.elementor-126 .elementor-element.elementor-element-b75cf26:hover .left-hand {
  animation: slideInFromLeft 2s ease-out forwards;
}

/* Hover animation for the right hand */
.elementor-126 .elementor-element.elementor-element-b75cf26:hover .right-hand {
  animation: slideInFromRight 2s ease-out forwards;
}

/* Hover animation for the top image */
.elementor-126 .elementor-element.elementor-element-b75cf26:hover .top-image {
  animation: fadeToBack 4s linear forwards;
}

/* Leave animation for the left hand, only when .hovered class is applied */
.elementor-126 .elementor-element.elementor-element-b75cf26.hovered:not(:hover) .left-hand {
  animation: slideOutToLeft 4s ease-out forwards;
}

/* Leave animation for the right hand, only when .hovered class is applied */
.elementor-126 .elementor-element.elementor-element-b75cf26.hovered:not(:hover) .right-hand {
  animation: slideOutToRight 4s ease-out forwards;
}

/* Leave animation for the top image, only when .hovered class is applied */
.elementor-126 .elementor-element.elementor-element-b75cf26.hovered:not(:hover) .top-image {
  animation: fadeFromBack 4s linear forwards;
}

/* Initial state for hands */
.elementor-126 .elementor-element.elementor-element-b75cf26 .left-hand {
  left: -100%;
}

.elementor-126 .elementor-element.elementor-element-b75cf26 .right-hand {
  right: -100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0bc5afd */@keyframes slideInFromLeft {
  0% {
      /*
    transform: translateX(0);  */
    left: -100%;
    }
  
  100% {
   /* transform: translateX(75%);  */
    left: 10%;
  }
}
@keyframes slideInFromRight {
  0% {  /*
    transform: translateX(0);  */
    right: -100%;
    }
  
  100% {  /*
    transform: translateX(0);  */
    right: 10%;
    
  }
}
@keyframes fadeToBack {
  0% {
    opacity: 1;
    }
   50% {
    opacity: 1;
    }
  100% {
      opacity: 0;
  }
}
@keyframes fadeFromBack {
  0% {
    opacity: 0;
    }
   50% {
    opacity: 1;
    }
  100% {
      opacity: 1;
  }
}

@keyframes slideOutToLeft {
  0% {
    left: 10vw;
  }
  100% {
    left: -100%; /* Slide out to the left */
  }
}

/* Keyframes to slide out to the right (on hover leave) */
@keyframes slideOutToRight {
  0% {
    right: 10vw;
  }
  100% {
    right: -100%; /* Slide out to the right */
  }
}/* End custom CSS */