.elementor-177 .elementor-element.elementor-element-35310577{--display:flex;--min-height:650px;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-ade5b84 );--border-color:var( --e-global-color-ade5b84 );--border-radius:8px 8px 8px 8px;--padding-top:32px;--padding-bottom:32px;--padding-left:24px;--padding-right:24px;}.elementor-177 .elementor-element.elementor-element-477c584 .elementor-icon-wrapper{text-align:start;}.elementor-177 .elementor-element.elementor-element-477c584 .elementor-icon{font-size:97px;}.elementor-177 .elementor-element.elementor-element-477c584 .elementor-icon svg{height:97px;}.elementor-177 .elementor-element.elementor-element-41f17420{--spacer-size:144px;}.elementor-177 .elementor-element.elementor-element-4ffad0b2{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;}.elementor-177 .elementor-element.elementor-element-4ffad0b2 .elementor-heading-title{font-family:"Anton", Sans-serif;text-transform:uppercase;color:#111D29;}.elementor-177 .elementor-element.elementor-element-69178f73{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-57653c7 );}.elementor-177 .elementor-element.elementor-element-5c18417e{--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;--align-items:center;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-177 .elementor-element.elementor-element-75cf72a .elementor-button{background-color:#FFFFFF;font-weight:400;fill:var( --e-global-color-dcfdea6 );color:var( --e-global-color-dcfdea6 );}.elementor-177 .elementor-element.elementor-element-75cf72a .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-177 .elementor-element.elementor-element-75cf72a .elementor-button .elementor-button-content-wrapper{gap:6px;}/* Start custom CSS for container, class: .elementor-element-35310577 */.container {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


.container:hover {
    background-color: #1A2B43;
}


.heading h4 {
    color: #111D29 !important;
    transition: all 0.3s ease-in-out;
}


.container:hover .heading h4 {
    color: #FFFFFF !important;
}


.icon svg {
    fill: #111D29 !important;
    transition: all 0.3s ease-in-out;
}


.container:hover .icon svg {
    fill: #FFFFFF !important;
}


.text {
    color: #111111 !important;
    transition: all 0.3s ease-in-out;
}


.container:hover .text {
    color: #FFFFFF !important;
}


/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.container:hover .heading h2 {
    color: #FFFFFF !important;
    transform: scale(1.5) rotate(-30deg) translate(0, -30px);
}



a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none;
    display: flex;
}

/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .container:hover .heading h2 {
        transform: none !important;
    }
    
     .container:hover .icon svg {
        transform: none !important;
    }
    
     .container:hover .text {
        transform: none !important;
    }
}/* End custom CSS */