.elementor-17 .elementor-element.elementor-element-54939de{--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-17 .elementor-element.elementor-element-54939de:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-54939de > .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-17 .elementor-element.elementor-element-491ef3c{--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-17 .elementor-element.elementor-element-937f5f1{text-align:center;}.elementor-17 .elementor-element.elementor-element-937f5f1 .elementor-heading-title{font-family:"Rubik";font-size:45px;font-weight:600;color:var( --e-global-color-963819f );}.elementor-17 .elementor-element.elementor-element-d038f81{text-align:center;}.elementor-17 .elementor-element.elementor-element-d038f81 ul.hfe-breadcrumbs li{margin-right:15px;}.elementor-17 .elementor-element.elementor-element-d038f81 .hfe-breadcrumbs, .elementor-17 .elementor-element.elementor-element-d038f81 .hfe-breadcrumbs .hfe-breadcrumbs-text{color:var( --e-global-color-963819f );}.elementor-17 .elementor-element.elementor-element-d038f81 .hfe-breadcrumbs svg{fill:var( --e-global-color-963819f );}.elementor-17 .elementor-element.elementor-element-d038f81 .hfe-breadcrumbs-item{font-family:"Times New Roman";letter-spacing:3px;}.elementor-17 .elementor-element.elementor-element-410d380{--spacer-size:100px;}.elementor-17 .elementor-element.elementor-element-c73f11a{--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;--padding-top:4%;--padding-bottom:4%;--padding-left:4%;--padding-right:4%;}.elementor-17 .elementor-element.elementor-element-c73f11a:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-c73f11a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-3fe5359 );}.elementor-17 .elementor-element.elementor-element-83c0d3b{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-61cbc45{--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-17 .elementor-element.elementor-element-4c63815{--display:flex;--justify-content:flex-start;--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-17 .elementor-element.elementor-element-b829c8a.elementor-element{--align-self:flex-start;}.elementor-17 .elementor-element.elementor-element-b829c8a .elementor-heading-title{font-family:"Arimo";font-size:50px;font-weight:600;color:var( --e-global-color-963819f );}.elementor-17 .elementor-element.elementor-element-25d6fcc.elementor-element{--align-self:flex-start;}.elementor-17 .elementor-element.elementor-element-25d6fcc .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:#000000;}.elementor-17 .elementor-element.elementor-element-ae7aab6{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-b12fcde{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-7264e11{padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-7264e11.elementor-element{--align-self:flex-end;}.elementor-17 .elementor-element.elementor-element-3d67026{--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;--background-transition:0.3s;--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-17 .elementor-element.elementor-element-9e14b45{--display:flex;--background-transition:0s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-9e14b45:hover::before, .elementor-17 .elementor-element.elementor-element-9e14b45:hover > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-9e14b45:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-9e14b45 > .elementor-background-slideshow:hover::before, .elementor-17 .elementor-element.elementor-element-9e14b45 > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-17 .elementor-element.elementor-element-9e14b45:hover{--overlay-opacity:1;}.elementor-17 .elementor-element.elementor-element-9e14b45:hover::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-17 .elementor-element.elementor-element-523ea5b{--display:flex;--background-transition:0s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-523ea5b:hover::before, .elementor-17 .elementor-element.elementor-element-523ea5b:hover > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-523ea5b:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-523ea5b > .elementor-background-slideshow:hover::before, .elementor-17 .elementor-element.elementor-element-523ea5b > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-17 .elementor-element.elementor-element-523ea5b:hover{--overlay-opacity:1;}.elementor-17 .elementor-element.elementor-element-523ea5b:hover::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-17 .elementor-element.elementor-element-0649807{--display:flex;--background-transition:0s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-0649807:hover::before, .elementor-17 .elementor-element.elementor-element-0649807:hover > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-0649807:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-0649807 > .elementor-background-slideshow:hover::before, .elementor-17 .elementor-element.elementor-element-0649807 > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-17 .elementor-element.elementor-element-0649807:hover{--overlay-opacity:1;}.elementor-17 .elementor-element.elementor-element-0649807:hover::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-17 .elementor-element.elementor-element-f756402{--display:flex;--background-transition:0s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-f756402:hover::before, .elementor-17 .elementor-element.elementor-element-f756402:hover > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-f756402:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-f756402 > .elementor-background-slideshow:hover::before, .elementor-17 .elementor-element.elementor-element-f756402 > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-17 .elementor-element.elementor-element-f756402:hover{--overlay-opacity:1;}.elementor-17 .elementor-element.elementor-element-f756402:hover::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-17 .elementor-element.elementor-element-b12fcde{--width:45%;}}@media(max-width:1024px){.elementor-17 .elementor-element.elementor-element-54939de{--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-17 .elementor-element.elementor-element-54939de:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-54939de > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-17 .elementor-element.elementor-element-491ef3c{--spacer-size:200px;}.elementor-17 .elementor-element.elementor-element-937f5f1{text-align:center;}.elementor-17 .elementor-element.elementor-element-937f5f1 .elementor-heading-title{font-size:50px;}.elementor-17 .elementor-element.elementor-element-410d380{--spacer-size:50px;}.elementor-17 .elementor-element.elementor-element-c73f11a{--padding-top:4%;--padding-bottom:4%;--padding-left:4%;--padding-right:4%;}.elementor-17 .elementor-element.elementor-element-83c0d3b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-4c63815{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-b829c8a .elementor-heading-title{font-size:40px;}.elementor-17 .elementor-element.elementor-element-25d6fcc .elementor-heading-title{font-size:40px;}.elementor-17 .elementor-element.elementor-element-b12fcde{--justify-content:space-around;}.elementor-17 .elementor-element.elementor-element-3d67026{--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;--justify-content:flex-start;--align-items:center;--flex-wrap:wrap;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}}@media(max-width:767px){.elementor-17 .elementor-element.elementor-element-54939de:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-54939de > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-repeat:no-repeat;background-size:cover;}.elementor-17 .elementor-element.elementor-element-54939de{--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-17 .elementor-element.elementor-element-491ef3c{--spacer-size:150px;}.elementor-17 .elementor-element.elementor-element-937f5f1 .elementor-heading-title{font-size:35px;}.elementor-17 .elementor-element.elementor-element-410d380{--spacer-size:80px;}.elementor-17 .elementor-element.elementor-element-c73f11a{--padding-top:8%;--padding-bottom:8%;--padding-left:4%;--padding-right:4%;}.elementor-17 .elementor-element.elementor-element-61cbc45{--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-17 .elementor-element.elementor-element-4c63815{--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;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-b829c8a.elementor-element{--align-self:flex-start;}.elementor-17 .elementor-element.elementor-element-b829c8a{text-align:left;}.elementor-17 .elementor-element.elementor-element-b829c8a .elementor-heading-title{font-size:35px;}.elementor-17 .elementor-element.elementor-element-25d6fcc.elementor-element{--align-self:flex-start;}.elementor-17 .elementor-element.elementor-element-25d6fcc{text-align:left;}.elementor-17 .elementor-element.elementor-element-25d6fcc .elementor-heading-title{font-size:35px;}.elementor-17 .elementor-element.elementor-element-ae7aab6{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-b12fcde{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-7264e11.elementor-element{--align-self:flex-start;}.elementor-17 .elementor-element.elementor-element-3d67026{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:1024px) and (min-width:768px){.elementor-17 .elementor-element.elementor-element-4c63815{--width:100%;}.elementor-17 .elementor-element.elementor-element-ae7aab6{--width:55%;}.elementor-17 .elementor-element.elementor-element-b12fcde{--width:100%;}.elementor-17 .elementor-element.elementor-element-9e14b45{--width:48%;}.elementor-17 .elementor-element.elementor-element-523ea5b{--width:49%;}.elementor-17 .elementor-element.elementor-element-0649807{--width:48%;}.elementor-17 .elementor-element.elementor-element-f756402{--width:49%;}}/* Start custom CSS for hfe-breadcrumbs-widget, class: .elementor-element-d038f81 */.elementor-17 .elementor-element.elementor-element-d038f81 * {
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7264e11 *//* --- 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;
    text-decoration: none !important;
    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-desktop {
        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-desktop {
        font-size: 10px;
    }
    
    .sliding-button-container::before {
        left: -70%; /* Start slightly off-screen to the left edge */
    }    
}/* End custom CSS */