.elementor-171 .elementor-element.elementor-element-3ce23d67{--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-171 .elementor-element.elementor-element-5948d57b .elementor-icon-wrapper{text-align:start;}.elementor-171 .elementor-element.elementor-element-5948d57b .elementor-icon{font-size:97px;}.elementor-171 .elementor-element.elementor-element-5948d57b .elementor-icon svg{height:97px;}.elementor-171 .elementor-element.elementor-element-5ac28c12{--spacer-size:144px;}.elementor-171 .elementor-element.elementor-element-a2b94c1{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;}.elementor-171 .elementor-element.elementor-element-a2b94c1 .elementor-heading-title{font-family:"Anton", Sans-serif;text-transform:uppercase;color:#111D29;}.elementor-171 .elementor-element.elementor-element-380970d3{--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-171 .elementor-element.elementor-element-c56cdde{--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-171 .elementor-element.elementor-element-da1c518 .elementor-button{background-color:#FFFFFF;font-weight:400;fill:var( --e-global-color-dcfdea6 );color:var( --e-global-color-dcfdea6 );}.elementor-171 .elementor-element.elementor-element-da1c518 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-171 .elementor-element.elementor-element-da1c518 .elementor-button .elementor-button-content-wrapper{gap:6px;}/* Start custom CSS for container, class: .elementor-element-3ce23d67 */.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;
}
.container:hover .heading h2 {
    color: #FFFFFF !important;
    transform: scale(1.5) rotate(-30deg) translate(0, -30px);
}

/* 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);
}


/* 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 */