.elementor-14484 .elementor-element.elementor-element-f8fd9da{--display:flex;--min-height:100vh;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-14484 .elementor-element.elementor-element-f8fd9da.e-con{--align-self:center;}.elementor-14484 .elementor-element.elementor-element-89081d6{--display:flex;--min-height:100vh;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-14484 .elementor-element.elementor-element-89081d6:not(.elementor-motion-effects-element-type-background), .elementor-14484 .elementor-element.elementor-element-89081d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url('https://www.offthex.us/wp-content/uploads/2024/07/OFF-THE-X®_Landing-Page_BG.png?lm=68543A1B');background-position:center center;background-size:contain;}.elementor-14484 .elementor-element.elementor-element-89081d6.e-con{--align-self:center;}.elementor-14484 .elementor-element.elementor-element-4f4de47{--display:flex;--min-height:100vh;--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:auto;--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-14484 .elementor-element.elementor-element-4f4de47.e-con{--align-self:center;}.elementor-14484 .elementor-element.elementor-element-8a08809{--display:flex;}.elementor-14484 .elementor-element.elementor-element-2bd0c9d{text-align:center;}.elementor-14484 .elementor-element.elementor-element-2bd0c9d .elementor-heading-title{font-family:"Times New Roman", Sans-serif;}.elementor-14484 .elementor-element.elementor-element-0610fd4{--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;--justify-content:center;--gap:50px 50px;--row-gap:50px;--column-gap:50px;}.elementor-14484 .elementor-element.elementor-element-0f48ca4{--display:flex;--min-height:15vh;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14484 .elementor-element.elementor-element-bba0cf6{text-align:center;}.elementor-14484 .elementor-element.elementor-element-bba0cf6 .elementor-heading-title{font-family:"Times New Roman", Sans-serif;font-size:25px;}.elementor-14484 .elementor-element.elementor-element-c0120ce .elementor-button{background-color:var( --e-global-color-638d055 );fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );}.elementor-14484 .elementor-element.elementor-element-c0120ce .elementor-button:hover, .elementor-14484 .elementor-element.elementor-element-c0120ce .elementor-button:focus{background-color:var( --e-global-color-d49ac81 );color:var( --e-global-color-secondary );}.elementor-14484 .elementor-element.elementor-element-c0120ce .elementor-button:hover svg, .elementor-14484 .elementor-element.elementor-element-c0120ce .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-14484 .elementor-element.elementor-element-81fb89f{--display:flex;--min-height:15vh;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14484 .elementor-element.elementor-element-0213c28 .elementor-heading-title{font-family:"Times New Roman", Sans-serif;font-size:25px;}.elementor-14484 .elementor-element.elementor-element-7b7f83f .elementor-button{background-color:var( --e-global-color-638d055 );fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );}.elementor-14484 .elementor-element.elementor-element-7b7f83f .elementor-button:hover, .elementor-14484 .elementor-element.elementor-element-7b7f83f .elementor-button:focus{background-color:var( --e-global-color-d49ac81 );color:var( --e-global-color-secondary );}.elementor-14484 .elementor-element.elementor-element-7b7f83f .elementor-button:hover svg, .elementor-14484 .elementor-element.elementor-element-7b7f83f .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-14484 .elementor-element.elementor-element-7242941{--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;--justify-content:center;--gap:50px 50px;--row-gap:50px;--column-gap:50px;}.elementor-14484 .elementor-element.elementor-element-08c0380{--display:flex;--min-height:15vh;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14484 .elementor-element.elementor-element-dd4dc14 .elementor-heading-title{font-family:"Times New Roman", Sans-serif;}.elementor-14484 .elementor-element.elementor-element-1fa87f9 .elementor-button{background-color:var( --e-global-color-638d055 );fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );}.elementor-14484 .elementor-element.elementor-element-1fa87f9 .elementor-button:hover, .elementor-14484 .elementor-element.elementor-element-1fa87f9 .elementor-button:focus{background-color:var( --e-global-color-d49ac81 );color:var( --e-global-color-secondary );}.elementor-14484 .elementor-element.elementor-element-1fa87f9 .elementor-button:hover svg, .elementor-14484 .elementor-element.elementor-element-1fa87f9 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-14484 .elementor-element.elementor-element-2ea507d{--display:flex;--min-height:15vh;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14484 .elementor-element.elementor-element-39f7841 .elementor-heading-title{font-family:"Times New Roman", Sans-serif;}.elementor-14484 .elementor-element.elementor-element-fbe51fd .elementor-button{background-color:var( --e-global-color-638d055 );fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );}.elementor-14484 .elementor-element.elementor-element-fbe51fd .elementor-button:hover, .elementor-14484 .elementor-element.elementor-element-fbe51fd .elementor-button:focus{background-color:var( --e-global-color-d49ac81 );color:var( --e-global-color-secondary );}.elementor-14484 .elementor-element.elementor-element-fbe51fd .elementor-button:hover svg, .elementor-14484 .elementor-element.elementor-element-fbe51fd .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-14484 .elementor-element.elementor-element-105295a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-14484 .elementor-element.elementor-element-105295a.elementor-element{--align-self:center;}.elementor-14484 .elementor-element.elementor-element-105295a{top:0px;}@media(max-width:1024px){.elementor-14484 .elementor-element.elementor-element-89081d6:not(.elementor-motion-effects-element-type-background), .elementor-14484 .elementor-element.elementor-element-89081d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-repeat:no-repeat;background-size:cover;}.elementor-14484 .elementor-element.elementor-element-0f48ca4{--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-14484 .elementor-element.elementor-element-bba0cf6 .elementor-heading-title{font-size:16px;}.elementor-14484 .elementor-element.elementor-element-81fb89f{--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-14484 .elementor-element.elementor-element-0213c28 .elementor-heading-title{font-size:16px;}.elementor-14484 .elementor-element.elementor-element-08c0380{--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-14484 .elementor-element.elementor-element-dd4dc14 .elementor-heading-title{font-size:25px;}.elementor-14484 .elementor-element.elementor-element-2ea507d{--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-14484 .elementor-element.elementor-element-39f7841 .elementor-heading-title{font-size:25px;}}@media(max-width:767px){.elementor-14484 .elementor-element.elementor-element-89081d6:not(.elementor-motion-effects-element-type-background), .elementor-14484 .elementor-element.elementor-element-89081d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-14484 .elementor-element.elementor-element-4f4de47{--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14484 .elementor-element.elementor-element-0610fd4{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-14484 .elementor-element.elementor-element-7242941{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-14484 .elementor-element.elementor-element-dd4dc14 .elementor-heading-title{font-size:18px;}.elementor-14484 .elementor-element.elementor-element-39f7841 .elementor-heading-title{font-size:18px;}}@media(min-width:768px){.elementor-14484 .elementor-element.elementor-element-f8fd9da{--width:100vw;}.elementor-14484 .elementor-element.elementor-element-89081d6{--width:100vw;}.elementor-14484 .elementor-element.elementor-element-4f4de47{--width:100vw;}.elementor-14484 .elementor-element.elementor-element-0f48ca4{--width:25%;}.elementor-14484 .elementor-element.elementor-element-81fb89f{--width:25%;}.elementor-14484 .elementor-element.elementor-element-08c0380{--width:25%;}.elementor-14484 .elementor-element.elementor-element-2ea507d{--width:25%;}}@media(max-width:1024px) and (min-width:768px){.elementor-14484 .elementor-element.elementor-element-08c0380{--width:40%;}.elementor-14484 .elementor-element.elementor-element-2ea507d{--width:40%;}}/* Start custom CSS for container, class: .elementor-element-4f4de47 */.elementor-14484 .elementor-element.elementor-element-4f4de47{
    --text-position: -500px;
    --heading-position: -50px;
    --button-position: 0px;
}
.elementor-14484 .elementor-element.elementor-element-4f4de47, .elementor-14484 .elementor-element.elementor-element-4f4de47 .single-card p, .elementor-14484 .elementor-element.elementor-element-4f4de47 .single-card a, .elementor-14484 .elementor-element.elementor-element-4f4de47 .single-card h2{
    transition: 0s all ease-in-out;
}
.elementor-14484 .elementor-element.elementor-element-4f4de47 .single-card p, .elementor-14484 .elementor-element.elementor-element-4f4de47 .single-card a{
    position: relative;
    bottom: var(--text-position);
}
.elementor-14484 .elementor-element.elementor-element-4f4de47 .single-card a{
    transition: 0s all linear;
    position: relative;
    top: 500px;
}
.elementor-14484 .elementor-element.elementor-element-4f4de47 .single-card:hover p, .elementor-14484 .elementor-element.elementor-element-4f4de47 .single-card:hover a{
    bottom: 0px;
}
.elementor-14484 .elementor-element.elementor-element-4f4de47 .single-card:hover a{
    top: var(--button-position);
}
.elementor-14484 .elementor-element.elementor-element-4f4de47 .single-card h2{
    position: relative;
    bottom: var(--heading-position);
}
.elementor-14484 .elementor-element.elementor-element-4f4de47 .single-card:hover h2{
    bottom: 0px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-89081d6 */.elementor-14484 .elementor-element.elementor-element-89081d6{
    --text-position: -500px;
    --heading-position: -50px;
    --button-position: 0px;
}
.elementor-14484 .elementor-element.elementor-element-89081d6, .elementor-14484 .elementor-element.elementor-element-89081d6 .single-card p, .elementor-14484 .elementor-element.elementor-element-89081d6 .single-card a, .elementor-14484 .elementor-element.elementor-element-89081d6 .single-card h2{
    transition: .3s all ease-in-out;
}
.elementor-14484 .elementor-element.elementor-element-89081d6 .single-card p, .elementor-14484 .elementor-element.elementor-element-89081d6 .single-card a{
    position: relative;
    bottom: var(--text-position);
}
.elementor-14484 .elementor-element.elementor-element-89081d6 .single-card a{
    transition: 0.3s all linear;
    position: relative;
    top: 500px;
}
.elementor-14484 .elementor-element.elementor-element-89081d6 .single-card:hover p, .elementor-14484 .elementor-element.elementor-element-89081d6 .single-card:hover a{
    bottom: 0px;
}
.elementor-14484 .elementor-element.elementor-element-89081d6 .single-card:hover a{
    top: var(--button-position);
}
.elementor-14484 .elementor-element.elementor-element-89081d6 .single-card h2{
    position: relative;
    bottom: var(--heading-position);
}
.elementor-14484 .elementor-element.elementor-element-89081d6 .single-card:hover h2{
    bottom: 0px;
}/* End custom CSS */
/* Start custom CSS */<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script type="text/javascript">
var $ = jQuery;
//Image One
var ImgOne = "url('https://www.offthex.us/wp-content/uploads/2024/05/Landing_image_LawEnforcement.jpg')";
//Image Two
var ImgTwo = "url('https://www.offthex.us/wp-content/uploads/2024/05/Landing_image_FireRescueService.jpg')";
    $(document).ready(function(){
        
    $('#card-one').hover(function(){
        $('#main-parent').css("background-image", ImgOne)
    }, function(){
        $('#main-parent').css("background-image", "")
    });
    
    $('#card-two').hover(function(){
        $('#main-parent').css("background-image", ImgTwo)
    }, function(){
        $('#main-parent').css("background-image", "")
    })
    
    
    })
</script>/* End custom CSS */