.elementor-kit-9{--e-global-color-primary:#008435;--e-global-color-accent:#81C784;--e-global-color-secondary:#333333;--e-global-color-text:#7A7A7A;--e-global-color-83cd8e8:#FFFFFF;--e-global-color-383c7db:#F9F9FB;--e-global-color-46ff46d:#1E1E1E;--e-global-typography-primary-font-family:"Marcellus SC";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Marcellus", Sans-serif;font-weight:600;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.lawn-hero{
position:relative;
height:100vh;
overflow:hidden;
background:
linear-gradient(
180deg,
#e8f7ff 0%,
#d8f0d8 100%
);
}

/* CONTENT */

.hero-content{
position:absolute;
top:50%;
left:8%;
transform:translateY(-50%);
z-index:20;
max-width:700px;
}

.hero-tag{
display:inline-block;
background:#7AC943;
padding:10px 18px;
border-radius:100px;
font-weight:700;
margin-bottom:20px;
}

.hero-content h1{
font-size:clamp(55px,7vw,95px);
line-height:.95;
margin-bottom:20px;
font-weight:800;
color:#143D1D;
}

.hero-content p{
font-size:20px;
margin-bottom:30px;
}

.hero-buttons{
display:flex;
gap:15px;
flex-wrap:wrap;
}

.btn-primary{
background:#1F6B2C;
color:#fff;
padding:18px 35px;
border-radius:60px;
text-decoration:none;
font-weight:700;
}

.btn-secondary{
border:2px solid #143D1D;
padding:18px 35px;
border-radius:60px;
text-decoration:none;
font-weight:700;
color:#143D1D;
}

/* GRASS */

.grass-zone{
position:absolute;
bottom:0;
left:0;
width:100%;
height:220px;
overflow:hidden;
}

.grass-strip{
position:absolute;
bottom:0;
left:0;
width:100%;
height:100%;

background:
repeating-linear-gradient(
90deg,
#2e7d32 0px,
#2e7d32 20px,
#3d9140 20px,
#3d9140 40px
);

z-index:2;
}

.cut-lawn{
position:absolute;
bottom:0;
left:0;
width:0%;
height:100%;

background:
repeating-linear-gradient(
90deg,
#5fbf5f 0px,
#5fbf5f 40px,
#69ca69 40px,
#69ca69 80px
);

z-index:1;
}

.mower{
position:absolute;
bottom:15px;
left:-250px;
width:220px;
z-index:10;
}

.grass-particles{
position:absolute;
inset:0;
pointer-events:none;
z-index:15;
}

.blade{
position:absolute;
width:4px;
height:10px;
background:#2e7d32;
border-radius:10px;
}

.scroll-space{
height:200vh;
}

@media(max-width:768px){

.hero-content{
left:20px;
right:20px;
}

.hero-content h1{
font-size:42px;
}

.hero-content p{
font-size:16px;
}

.mower{
width:150px;
}

}/* End custom CSS */