.elementor-2066 .elementor-element.elementor-element-fcbe886{--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;--padding-top:0px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-2066 .elementor-element.elementor-element-fcbe886:not(.elementor-motion-effects-element-type-background), .elementor-2066 .elementor-element.elementor-element-fcbe886 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-78041fe );}.elementor-2066 .elementor-element.elementor-element-efdd97b{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2066 .elementor-element.elementor-element-9a69f17{--display:flex;--min-height:32vh;--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.2s;--padding-top:25px;--padding-bottom:25px;--padding-left:15px;--padding-right:15px;}.elementor-2066 .elementor-element.elementor-element-9a69f17:not(.elementor-motion-effects-element-type-background), .elementor-2066 .elementor-element.elementor-element-9a69f17 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-134e09b );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );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-2066 .elementor-element.elementor-element-5e89b12{text-align:center;font-family:"Helvetica", Sans-serif;font-size:28px;font-weight:900;line-height:29px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-2066 .elementor-element.elementor-element-4a6512e{text-align:center;}.elementor-2066 .elementor-element.elementor-element-4a6512e img{width:100%;}@media(min-width:768px){.elementor-2066 .elementor-element.elementor-element-fcbe886{--content-width:1500px;}}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for container, class: .elementor-element-9a69f17 */.container {
    background-color: #C9D9E8
    transition: all 0.6s ease-in-out;
}


/* This changes the background color of that container on hover */

.container:hover {
    background-color: #007F00 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #121212 !important;
    transition: all 0.6s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .text {
    color: #FFFFFF !important;
}


/* This stops the effect from happening on mobile devices - make sure the colors match your normal state colors if you leave this in */

.img{
    filter: grayscale(100%);
    transition: filter 0.6s ease-in-out;
}

.container:hover .img {
    filter: grayscale(0%);
    
}

@media only screen and (max-width: 767px) {
    .container:hover
    {
        background-color: #FFFFFF !important;
        transition: none;
    }
    .container:hover .text {
        color: #101010 !important;
    }
}/* End custom CSS */