.elementor-3151 .elementor-element.elementor-element-cc3e52e{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3151 .elementor-element.elementor-element-9d77990{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.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-3151 .elementor-element.elementor-element-61ad2a5.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-3151 .elementor-element.elementor-element-61ad2a5 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;line-height:22px;}@media(max-width:880px){.elementor-3151 .elementor-element.elementor-element-61ad2a5 .elementor-heading-title{font-size:14px;}}@media(max-width:767px){.elementor-3151 .elementor-element.elementor-element-9d77990{--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-3151 .elementor-element.elementor-element-61ad2a5 .elementor-heading-title{font-size:16px;}}/* Start custom CSS for container, class: .elementor-element-9d77990 */.warehouse1 {
    background-color: #ffffff;
    transition: background-color 0.5s ease-in-out;
    overflow: hidden;
    position: relative;
}

.warehouse1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #3783EB;
    transition: width 0.5s ease-in-out;
    z-index: 0;
}

.warehouse1:hover::before {
    width: 100%;
}

.warehouse2-heading h3 {
    color: #000000 !important;
    position: relative;
    z-index: 1;
    transition: color 0.5s ease-in-out;
    background: linear-gradient(to right, #fff 50%, #000 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.warehouse1:hover .warehouse2-heading h3 {
    background-position: left bottom;
    -webkit-text-fill-color: transparent;
}/* End custom CSS */