.elementor-18 .elementor-element.elementor-element-5e3ff3e{--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:-120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-18 .elementor-element.elementor-element-5e3ff3e:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-5e3ff3e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://stagingsyracuse.marbellandscaping.com/wp-content/uploads/2025/11/Landscaping-e1762546325499.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-18 .elementor-element.elementor-element-c0f58dd{--spacer-size:250px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-18 .elementor-element.elementor-element-c4853ab{text-align:center;}.elementor-18 .elementor-element.elementor-element-c4853ab .elementor-heading-title{font-family:"Rubik";font-size:45px;font-weight:600;color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-403aa08{text-align:center;}.elementor-18 .elementor-element.elementor-element-403aa08 ul.hfe-breadcrumbs li{margin-right:15px;}.elementor-18 .elementor-element.elementor-element-403aa08 .hfe-breadcrumbs, .elementor-18 .elementor-element.elementor-element-403aa08 .hfe-breadcrumbs .hfe-breadcrumbs-text{color:var( --e-global-color-963819f );}.elementor-18 .elementor-element.elementor-element-403aa08 .hfe-breadcrumbs svg{fill:var( --e-global-color-963819f );}.elementor-18 .elementor-element.elementor-element-403aa08 .hfe-breadcrumbs-item{font-family:"Times New Roman";letter-spacing:3px;}.elementor-18 .elementor-element.elementor-element-d71dcea{--spacer-size:100px;}.elementor-18 .elementor-element.elementor-element-77b0f2a{--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;--gap:30px 0px;--row-gap:30px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4%;--padding-bottom:4%;--padding-left:4%;--padding-right:4%;}.elementor-18 .elementor-element.elementor-element-d26c508{--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;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-88df6e5{--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-18 .elementor-element.elementor-element-88df6e5.e-con{--align-self:center;}.elementor-18 .elementor-element.elementor-element-5447581.elementor-element{--align-self:center;}.elementor-18 .elementor-element.elementor-element-5447581 .elementor-heading-title{font-family:"Arimo";font-size:50px;font-weight:600;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-963819f );}.elementor-18 .elementor-element.elementor-element-07afe1b.elementor-element{--align-self:center;}.elementor-18 .elementor-element.elementor-element-07afe1b .elementor-heading-title{font-family:"Arimo";font-size:50px;font-weight:600;-webkit-text-stroke-width:1px;stroke-width:1px;-webkit-text-stroke-color:var( --e-global-color-963819f );stroke:var( --e-global-color-963819f );color:var( --e-global-color-59abb66 );}.elementor-18 .elementor-element.elementor-element-a86209f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-bc2a26a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-18 .elementor-element.elementor-element-a3c236b{--grid-columns:3;--grid-column-gap:50px;}.elementor-18 .elementor-element.elementor-element-a3c236b .elementor-loop-container{grid-auto-rows:1fr;}.elementor-18 .elementor-element.elementor-element-a3c236b .e-loop-item > .elementor-section, .elementor-18 .elementor-element.elementor-element-a3c236b .e-loop-item > .elementor-section > .elementor-container, .elementor-18 .elementor-element.elementor-element-a3c236b .e-loop-item > .e-con, .elementor-18 .elementor-element.elementor-element-a3c236b .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-18 .elementor-element.elementor-element-5e3ff3e{--flex-wrap:wrap;--margin-top:-155px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-18 .elementor-element.elementor-element-5e3ff3e:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-5e3ff3e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-18 .elementor-element.elementor-element-c0f58dd{--spacer-size:200px;}.elementor-18 .elementor-element.elementor-element-c4853ab{text-align:center;}.elementor-18 .elementor-element.elementor-element-c4853ab .elementor-heading-title{font-size:50px;}.elementor-18 .elementor-element.elementor-element-d71dcea{--spacer-size:50px;}.elementor-18 .elementor-element.elementor-element-77b0f2a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4%;--padding-bottom:4%;--padding-left:4%;--padding-right:4%;}.elementor-18 .elementor-element.elementor-element-d26c508{--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-18 .elementor-element.elementor-element-88df6e5{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-5447581 .elementor-heading-title{font-size:40px;}.elementor-18 .elementor-element.elementor-element-07afe1b .elementor-heading-title{font-size:40px;}.elementor-18 .elementor-element.elementor-element-a86209f{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-a3c236b{--grid-columns:2;}}@media(max-width:767px){.elementor-18 .elementor-element.elementor-element-5e3ff3e:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-5e3ff3e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-repeat:no-repeat;background-size:cover;}.elementor-18 .elementor-element.elementor-element-5e3ff3e{--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-18 .elementor-element.elementor-element-c0f58dd{--spacer-size:150px;}.elementor-18 .elementor-element.elementor-element-c4853ab .elementor-heading-title{font-size:35px;}.elementor-18 .elementor-element.elementor-element-d71dcea{--spacer-size:80px;}.elementor-18 .elementor-element.elementor-element-77b0f2a{--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4%;--padding-bottom:4%;--padding-left:4%;--padding-right:4%;}.elementor-18 .elementor-element.elementor-element-d26c508{--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-18 .elementor-element.elementor-element-88df6e5{--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;--justify-content:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-5447581 .elementor-heading-title{font-size:35px;}.elementor-18 .elementor-element.elementor-element-07afe1b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -5px;padding:0px 0px 0px 0px;}.elementor-18 .elementor-element.elementor-element-07afe1b.elementor-element{--order:99999 /* order end hack */;}.elementor-18 .elementor-element.elementor-element-07afe1b .elementor-heading-title{font-size:35px;}.elementor-18 .elementor-element.elementor-element-a86209f{--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;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-4104fdd.elementor-element{--align-self:flex-start;}.elementor-18 .elementor-element.elementor-element-a3c236b{--grid-columns:1;}}@media(min-width:768px){.elementor-18 .elementor-element.elementor-element-a86209f{--width:30%;}}@media(max-width:1024px) and (min-width:768px){.elementor-18 .elementor-element.elementor-element-a86209f{--width:69%;}}/* Start custom CSS for hfe-breadcrumbs-widget, class: .elementor-element-403aa08 */.elementor-18 .elementor-element.elementor-element-403aa08 * {
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4104fdd *//* --- CSS Variables (Adjust these colors for your specific shades) --- */
:root {
    --button-bg: #ffffff1A; /* Dark Gray/Black Background */
    --accent-color: #a9b890; /* Olive Green Color */
    --text-color: #ffffff;
    --transition-speed: 0.5s;
}

/* --- 1. Base Button Styles --- */
.sliding-button-container {
    
    text-decoration: none !important;
    /* Critical settings for the effect */
    display: inline-flex; 
    align-items: center;
    position: relative; 
    overflow: hidden; 
    z-index: 1;

    /* Default Visuals */
    background-color: var(--button-bg);
    color: var(--text-color);
    border-radius: 35px;
    padding: 15px 25px;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
    
    transition: color var(--transition-speed) ease;
}

/* --- 2. Pseudo-Element (The Olive Circle) --- */
.sliding-button-container::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -70%; /* Start slightly off-screen to the left edge */
    transform: translateY(-50%) scale(1); 
    z-index: -1; 

    /* Normal State: Smaller & Semi-Transparent */
    width: 100%;
    height: 100%;
    background-color: var(--accent-color);
     /*opacity: 0.4; Adjusted opacity to be lighter/more transparent */
    border-radius: 0 35px 35px 0; 

    transition: all var(--transition-speed) ease-in-out; 
}

/* --- 3. Hover State --- */
.sliding-button-container:hover::before {
    /* Hover State: Expands and becomes more Opaque */
    left: 0; /* Ensures the expansion starts cleanly from the edge */
    transform: translateY(-50%) scale(2); /* Significantly increases size to cover button */
    opacity: 0.8; /* Becomes more solid/opaque, matching your hover image */
}

/* Optional: Keep text z-index high and color consistent */
.sliding-button-container .button-text {
    position: relative;
    z-index: 2;
}
.sliding-button-container:hover .button-text {
    color: var(--text-color); /* Maintain white text */
}



.button-text {
    color: var(--text-color);
    font-family: Times New Roman;
    font-size: 20px;
    letter-spacing: 2px;
}

/* Tablet devices - from 768px up to and including 1024px */
@media (min-width: 768px) and (max-width: 1024px) {
    /* Place your tablet-specific styles here */
    .button-text {
        font-size: 18px;
    }
    
    .sliding-button-container::before {
        left: -70%; /* Start slightly off-screen to the left edge */
    }    
}

/* Mobile devices - from 0px up to and including 767px */
@media (max-width: 767px) {
    /* Place your mobile-specific styles here */
    .button-text {
        font-size: 16px;
    }
    
    .sliding-button-container::before {
        left: -70%; /* Start slightly off-screen to the left edge */
    }    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a86209f */.elementor-18 .elementor-element.elementor-element-a86209f {
    text-decoration: none !important;
}/* End custom CSS */