.elementor-35812 .elementor-element.elementor-element-d59531c{--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:35px 35px;--row-gap:35px;--column-gap:35px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-35812 .elementor-element.elementor-element-d59531c:not(.elementor-motion-effects-element-type-background), .elementor-35812 .elementor-element.elementor-element-d59531c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;}.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-35812 .elementor-element.elementor-element-b7069ca{text-align:center;width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;}.elementor-35812 .elementor-element.elementor-element-b7069ca .elementor-heading-title{font-family:"Cotterway Pro Medium", Sans-serif;font-size:62px;font-weight:500;line-height:1.2em;color:#F5F5EF;}.elementor-35812 .elementor-element.elementor-element-b7069ca > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-35812 .elementor-element.elementor-element-b7069ca.elementor-element{--align-self:center;}.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-35812 .elementor-element.elementor-element-6d4d05c{text-align:center;font-family:"Generalsans Regular", Sans-serif;font-size:19px;font-weight:500;color:#D1D1D1;width:100%;max-width:100%;}.elementor-35812 .elementor-element.elementor-element-6d4d05c > .elementor-widget-container{margin:-10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-35812 .elementor-element.elementor-element-6d4d05c.elementor-element{--align-self:center;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-35812 .elementor-element.elementor-element-d59531c{--width:100%;}}@media(max-width:1024px){.elementor-35812 .elementor-element.elementor-element-d59531c{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:-2px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-35812 .elementor-element.elementor-element-b7069ca .elementor-heading-title{font-size:45px;}.elementor-35812 .elementor-element.elementor-element-b7069ca > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 24px 0px 24px;}.elementor-35812 .elementor-element.elementor-element-b7069ca{width:100%;max-width:100%;}.elementor-35812 .elementor-element.elementor-element-6d4d05c{font-size:18px;}.elementor-35812 .elementor-element.elementor-element-6d4d05c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 24px 0px 24px;}}@media(max-width:767px){.elementor-35812 .elementor-element.elementor-element-d59531c{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35812 .elementor-element.elementor-element-b7069ca .elementor-heading-title{font-size:35px;}.elementor-35812 .elementor-element.elementor-element-b7069ca > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 20px 0px 20px;}.elementor-35812 .elementor-element.elementor-element-b7069ca{width:100%;max-width:100%;}.elementor-35812 .elementor-element.elementor-element-6d4d05c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 20px 0px 20px;}.elementor-35812 .elementor-element.elementor-element-e9c04c6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:30px 0px 0px 0px;}}/* Start custom CSS for heading, class: .elementor-element-b7069ca */.ui1
{
   color: #FFD700;
    font-style: normal;
    font-weight: 300 !important;
    font-family: 'Generalsans Regular';
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d59531c *//*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: #111111;
    transition:all 0.5s ease-out;

}

/*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: #fff !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: #fff !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 */