.elementor-9 .elementor-element.elementor-element-2cc9ee4{--display:flex;--min-height:1212px;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-2cc9ee4:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-2cc9ee4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://makariosdesignbuild.com/wp-content/uploads/2025/11/Modern-Farm-House.jpg");background-position:center center;background-size:cover;}.elementor-9 .elementor-element.elementor-element-2cc9ee4::before, .elementor-9 .elementor-element.elementor-element-2cc9ee4 > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-2cc9ee4 > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-2cc9ee4 > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-2cc9ee4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-2cc9ee4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0A0A0A;--background-overlay:'';}.elementor-9 .elementor-element.elementor-element-2cc9ee4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-e77088c{width:100%;max-width:100%;padding:150px 100px 100px 100px;}.elementor-9 .elementor-element.elementor-element-04d341f{--display:flex;}.elementor-9 .elementor-element.elementor-element-04d341f:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-04d341f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-4385cdd{--display:flex;--min-height:0px;}.elementor-9 .elementor-element.elementor-element-4385cdd:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-4385cdd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-8e063d6{--display:flex;}.elementor-9 .elementor-element.elementor-element-8e063d6:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-8e063d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-917aa27{--display:flex;--min-height:750px;--overlay-opacity:0.5;}.elementor-9 .elementor-element.elementor-element-917aa27:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-917aa27 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://makariosdesignbuild.com/wp-content/uploads/2025/08/Untitled-design-1.png");background-size:cover;}.elementor-9 .elementor-element.elementor-element-917aa27::before, .elementor-9 .elementor-element.elementor-element-917aa27 > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-917aa27 > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-917aa27 > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-917aa27 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-917aa27 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-9 .elementor-element.elementor-element-33e6c03{padding:100px 100px 100px 100px;}.elementor-9 .elementor-element.elementor-element-92b0ec7{--display:flex;}.elementor-9 .elementor-element.elementor-element-92b0ec7:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-92b0ec7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1E1E1E;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-2cc9ee4{--min-height:712px;--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-9 .elementor-element.elementor-element-e77088c{margin:9px 9px calc(var(--kit-widget-spacing, 0px) + 9px) 9px;padding:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-33e6c03{padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-2cc9ee4{--width:107.019%;}.elementor-9 .elementor-element.elementor-element-04d341f{--content-width:1600px;}.elementor-9 .elementor-element.elementor-element-4385cdd{--content-width:1600px;}.elementor-9 .elementor-element.elementor-element-8e063d6{--content-width:1600px;}.elementor-9 .elementor-element.elementor-element-917aa27{--content-width:1600px;}.elementor-9 .elementor-element.elementor-element-92b0ec7{--content-width:1600px;}}/* Start custom CSS for container, class: .elementor-element-2cc9ee4 *//* This creates a fade overlay on the entire section */
.elementor-9 .elementor-element.elementor-element-2cc9ee4::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5%; /* Adjust this percentage to control the fade size */
    background: linear-gradient(to top, 
        #fff 25%, 
        rgba(255, 255, 255, 0) 100%
    );
    z-index: 5; /* Ensures the fade is on top of all section content */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-917aa27 *//* Use '.elementor-9 .elementor-element.elementor-element-917aa27' to target this specific section */
.elementor-9 .elementor-element.elementor-element-917aa27 {
  /* --- BASE STYLES FOR ALL DEVICES --- */
  /* The dark overlay has been removed from the background-image property. */
  background-image: url('https://immaculateoutdoor.com/wp-content/uploads/2025/05/4EF1FDCE-04A3-439B-9B88-F00A0A57D540_1_105_c.jpeg');
  
  /* The default behavior for mobile: background scrolls with the content. */
  background-attachment: scroll; 
  
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* --- DESKTOP-ONLY PARALLAX EFFECT --- */
/* This applies the 'fixed' attachment (the scroll effect) only on screens wider than 768px. */
@media (min-width: 769px) {
  .elementor-9 .elementor-element.elementor-element-917aa27 {
    background-attachment: fixed;
  }
}

/* The ::before and ::after pseudo-elements that created the top and bottom fades have been removed. *//* End custom CSS */