.elementor-1239 .elementor-element.elementor-element-5be520a{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-107px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:221px;--padding-bottom:90px;--padding-left:0px;--padding-right:0px;}.elementor-1239 .elementor-element.elementor-element-5be520a:not(.elementor-motion-effects-element-type-background), .elementor-1239 .elementor-element.elementor-element-5be520a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2E3135;}.elementor-1239 .elementor-element.elementor-element-ceee136{--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;}.elementor-1239 .elementor-element.elementor-element-05df612{padding:20px 0px 0px 0px;}.elementor-1239 .elementor-element.elementor-element-05df612.elementor-element{--align-self:flex-start;}.elementor-1239 .elementor-element.elementor-element-d77c603{margin:-23px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 12px;text-align:start;font-size:16px;color:#FFFFFF;}.elementor-1239 .elementor-element.elementor-element-d77c603 p{margin-block-end:0px;}.elementor-1239 .elementor-element.elementor-element-9e39149{--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;}.elementor-1239 .elementor-element.elementor-element-071a309 img{border-radius:8px 8px 8px 8px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1239 .elementor-element.elementor-element-ceee136{--width:50%;}.elementor-1239 .elementor-element.elementor-element-9e39149{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-05df612 */.service-hover{
    display: inline-block;
    position: relative;
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
    text-decoration: none;
    padding: 10px 14px;
    overflow: hidden;
    z-index: 1;
}

/* Hover background */
.service-hover::before{
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #FF5A24; /* blue color */
    z-index: -1;
    transition: all 0.3s ease-in-out;
}

/* Hover effect */
.service-hover:hover::before{
    left: 0;
}

.service-hover:hover{
    color: #ffffff;
}/* End custom CSS */