.elementor-459 .elementor-element.elementor-element-3b4c7fe{--display:flex;--min-height:75vh;--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:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-459 .elementor-element.elementor-element-3b4c7fe:not(.elementor-motion-effects-element-type-background), .elementor-459 .elementor-element.elementor-element-3b4c7fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8dd099f );}.elementor-459 .elementor-element.elementor-element-723f2ed{--display:flex;--min-height:75vh;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--flex-wrap:wrap;--border-radius:30px 30px 30px 30px;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-459 .elementor-element.elementor-element-723f2ed:not(.elementor-motion-effects-element-type-background), .elementor-459 .elementor-element.elementor-element-723f2ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8dd099f );}.elementor-459 .elementor-element.elementor-element-f57dd37{width:var( --container-widget-width, 36% );max-width:36%;--container-widget-width:36%;--container-widget-flex-grow:0;text-align:center;}.elementor-459 .elementor-element.elementor-element-f57dd37 > .elementor-widget-container{margin:100px 0px 75px 0px;}.elementor-459 .elementor-element.elementor-element-f57dd37.elementor-element{--align-self:center;}.elementor-459 .elementor-element.elementor-element-f57dd37 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:2.5rem;font-weight:500;color:var( --e-global-color-bd6a81c );}.elementor-459 .elementor-element.elementor-element-ae89205{--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:flex-start;--align-items:flex-start;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#000000;--border-color:#000000;--padding-top:30px;--padding-bottom:30px;--padding-left:80px;--padding-right:80px;}.elementor-459 .elementor-element.elementor-element-ae89205:hover{background-color:var( --e-global-color-392d5cc );}.elementor-459 .elementor-element.elementor-element-2a0ebce > .elementor-widget-container{padding:0px 0px 0px 150px;}.elementor-459 .elementor-element.elementor-element-2a0ebce{font-family:"Manrope", Sans-serif;font-size:clamp(0.8rem, 0.371rem + 2.8065vw, 1.4rem);text-decoration:none;color:var( --e-global-color-bd6a81c );}.elementor-459 .elementor-element.elementor-element-2a730b5 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:clamp(1rem, 0.3871rem + 2.5806vw, 3rem);font-weight:600;text-transform:capitalize;text-decoration:none;color:var( --e-global-color-bd6a81c );}.elementor-459 .elementor-element.elementor-element-e56983c{--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:flex-start;--align-items:flex-start;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#000000;--border-color:#000000;--padding-top:30px;--padding-bottom:30px;--padding-left:80px;--padding-right:80px;}.elementor-459 .elementor-element.elementor-element-e56983c:hover{background-color:var( --e-global-color-392d5cc );}.elementor-459 .elementor-element.elementor-element-ed82764 > .elementor-widget-container{padding:0px 0px 0px 150px;}.elementor-459 .elementor-element.elementor-element-ed82764{font-family:"Manrope", Sans-serif;font-size:clamp(0.8rem, 0.371rem + 2.8065vw, 1.4rem);color:var( --e-global-color-bd6a81c );}.elementor-459 .elementor-element.elementor-element-2f0b224 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:clamp(1rem, 0.3871rem + 2.5806vw, 3rem);font-weight:600;color:var( --e-global-color-bd6a81c );}.elementor-459 .elementor-element.elementor-element-748fc12{--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:flex-start;--align-items:flex-start;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#000000;--border-color:#000000;--padding-top:30px;--padding-bottom:30px;--padding-left:80px;--padding-right:80px;}.elementor-459 .elementor-element.elementor-element-748fc12:hover{background-color:var( --e-global-color-392d5cc );}.elementor-459 .elementor-element.elementor-element-bb15371 > .elementor-widget-container{padding:0px 0px 0px 150px;}.elementor-459 .elementor-element.elementor-element-bb15371{font-family:"Manrope", Sans-serif;font-size:clamp(0.8rem, 0.371rem + 2.8065vw, 1.4rem);color:var( --e-global-color-bd6a81c );}.elementor-459 .elementor-element.elementor-element-967940b .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:clamp(1rem, 0.3871rem + 2.5806vw, 3rem);font-weight:600;color:var( --e-global-color-bd6a81c );}@media(max-width:767px){.elementor-459 .elementor-element.elementor-element-f57dd37{width:100%;max-width:100%;}.elementor-459 .elementor-element.elementor-element-f57dd37 .elementor-heading-title{font-size:2.2rem;}.elementor-459 .elementor-element.elementor-element-2a730b5{width:100%;max-width:100%;text-align:center;}.elementor-459 .elementor-element.elementor-element-2a730b5.elementor-element{--align-self:center;}.elementor-459 .elementor-element.elementor-element-2a730b5 .elementor-heading-title{font-size:1.5rem;}.elementor-459 .elementor-element.elementor-element-2f0b224{width:100%;max-width:100%;text-align:center;}.elementor-459 .elementor-element.elementor-element-2f0b224.elementor-element{--align-self:center;}.elementor-459 .elementor-element.elementor-element-2f0b224 .elementor-heading-title{font-size:1.5rem;}.elementor-459 .elementor-element.elementor-element-967940b{width:100%;max-width:100%;text-align:center;}.elementor-459 .elementor-element.elementor-element-967940b.elementor-element{--align-self:center;}.elementor-459 .elementor-element.elementor-element-967940b .elementor-heading-title{font-size:1.5rem;}}@media(min-width:768px){.elementor-459 .elementor-element.elementor-element-723f2ed{--width:90%;}}/* Start custom CSS for container, class: .elementor-element-723f2ed *//*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*/

a { 
    text-decoration: none
    !important;
}




.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: black;
    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: #FFFFFF !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: #FFFFFF !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 */