.elementor-4146 .elementor-element.elementor-element-e9d65ef{--display:flex;--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:space-between;--align-items:center;--gap:0px 64px;--row-gap:0px;--column-gap:64px;border-style:none;--border-style:none;--padding-top:32px;--padding-bottom:32px;--padding-left:0px;--padding-right:0px;--e-con-transform-transition-duration:700ms;}.elementor-4146 .elementor-element.elementor-element-e9d65ef.e-con:hover{--e-con-transform-translateX:30px;}.elementor-4146 .elementor-element.elementor-element-f27f183{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-4146 .elementor-element.elementor-element-f27f183 .elementor-heading-title{font-family:"IBM Plex Sans", Sans-serif;font-size:clamp(3.25em, 7vw, 8em) * .75);font-weight:400;letter-spacing:-1px;}.elementor-4146 .elementor-element.elementor-element-1236d2e{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;}.elementor-4146 .elementor-element.elementor-element-1236d2e img{opacity:100;}.elementor-4146 .elementor-element.elementor-element-92d873d{width:var( --container-widget-width, 10% );max-width:10%;--container-widget-width:10%;--container-widget-flex-grow:0;}.elementor-4146 .elementor-element.elementor-element-92d873d .elementor-heading-title{font-family:"IBM Plex Sans", Sans-serif;font-size:18px;font-weight:400;}.elementor-4146 .elementor-element.elementor-element-6c0bf72{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;}.elementor-4146 .elementor-element.elementor-element-6c0bf72 .jet-listing-dynamic-terms{text-align:left;}.elementor-4146 .elementor-element.elementor-element-6c0bf72 .jet-listing-dynamic-terms__link{font-family:"IBM Plex Sans", Sans-serif;font-size:18px;line-height:24px;}.elementor-4146 .elementor-element.elementor-element-a403092{width:var( --container-widget-width, 10% );max-width:10%;--container-widget-width:10%;--container-widget-flex-grow:0;}.elementor-4146 .elementor-element.elementor-element-a403092 .elementor-heading-title{font-family:"IBM Plex Sans", Sans-serif;font-size:18px;font-weight:400;line-height:24px;}.elementor-4146 .elementor-element.elementor-element-aee7619{--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;}.elementor-4146 .elementor-element.elementor-element-9506e19{--divider-border-style:solid;--divider-color:#E0E0E0;--divider-border-width:1px;}.elementor-4146 .elementor-element.elementor-element-9506e19 .elementor-divider-separator{width:100%;}.elementor-4146 .elementor-element.elementor-element-9506e19 .elementor-divider{padding-block-start:0px;padding-block-end:0px;}/* Start custom CSS for container, class: .elementor-element-e9d65ef *//*Add this code in the main container - top-level*/

 
/*.img-one class can be changed with whatever class you want. 
this is the class to be used for images*/

.img-one { 
    display: none;   
    position: absolute;
    object-fit: contain;
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    left: 50%;
    z-index: 10;
}

/*.text class can be changed with whatever class you want. 
this is the class for your containers*/

.text:hover > .img-one {
    display: block;
	  position: absolute;
    z-index: 1;
    cursor: pointer;
    transition: all 0.5s ease-out;
}

.text:hover  {
/*you can remove the cursor pointer property & value if you don't 
want your containers clickable*/
    cursor: pointer;
    background-color: none;
    transition:all 0.5s ease-out;
        z-index: 1;

}

/*do not remove !important, otherwise the hover effect does not work*/
/*this is where you change the color of the text editor widget*/
.text:hover .paragraph-scroll  {
     color: #999D9E !important;
}
/*do not remove !important, otherwise the hover effect does not work*/
/*this is where you change the color of the heading widget*/
.text:hover .elementor-heading-title  {
     color: #999D9E !important;
}

/*media query to make the images show by default on mobile devices*/
@media only screen and (max-width: 768px) {
  .img-one {
/*made a correction, from block change to inline*/
    display: inline;
    
  }
  
}/* End custom CSS */