@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//instantlawns.ca/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.2.2") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//instantlawns.ca/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//instantlawns.ca/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//instantlawns.ca/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//instantlawns.ca/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//instantlawns.ca/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//instantlawns.ca/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//instantlawns.ca/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//instantlawns.ca/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Rig-sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(190,219,183);
	--wd-text-font-size: 18px;
	--wd-title-font: "Rig-sans", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-transform: none;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Rig-sans", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: rgb(168,168,168);
	--wd-entities-title-color-hover: rgb(71, 71, 71);
	--wd-alternative-font: "Rig-sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Rig-sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: rgb(160,160,160);
	--wd-widget-title-font-size: 18px;
	--wd-header-el-font: "Rig-sans", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 18px;
	--wd-primary-color: rgb(15,174,75);
	--wd-alternative-color: #fbbc34;
	--wd-link-color: rgb(209,209,209);
	--wd-link-color-hover: rgb(178,221,68);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: #83b735;
	--btn-accented-bgcolor-hover: #74a32f;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: rgb(15,174,75);
	background-image: url(https://instantlawns.ca/wp-content/uploads/2025/06/il-slider3.webp);
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgba(0,20,8,0);
	background-image: none;
	background-repeat: repeat-x;
	background-size: inherit;
	background-position: center top;
}
.page .wd-page-content {
	background-color: rgb(0,20,8);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-product .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.woodmart-archive-blog .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-post .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.woodmart-archive-portfolio .wd-page-content {
	background-color: rgb(0,20,8);
	background-image: none;
}
.single-portfolio .wd-page-content {
	background-color: rgb(0,20,8);
	background-image: none;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1600px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

@media (min-width: 1600px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1600px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1600px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


.landing li{font-size:14px !important;
	margin-top:2px !important;
	margin-bottom: 0px !important;
}

.landing h3 {
  text-transform: uppercase !important;
}

.landing  .wrapper-content-banner {
background: linear-gradient(0deg,rgba(0, 20, 8, 09) 10%, rgba(255, 255, 255, 0) 74%);
}






.wd-social-icons.wd-style-colored {
  margin-left: 14% !important;
}
.wd-post-author {
  display: none !important;
}

.woodmart-archive-portfolio .wd-page-content {
  background-color: #fff !important;
  background-image: none;
}

/* .wd-nav-portfolio[class*="wd-style-underline"] {
  --nav-color: #fff !important;
  --nav-color-hover: #0fae4b !important;
  --nav-color-active: #0fae4b !important;
}
 */

.wd-post-title {
	color:#fff !important;
}


.product-image-summary .summary-inner {
  --wd-mb: 20px;
  container: entry-summary / inline-size;
	color:#000000 !important;
	  margin-top: 20%;
}

.single-product-page > p {
	color:#000 !important;
}

.single-product .wd-builder-off {
  color:#000 !important;
}


.bafg-twentytwenty-container:not([data-video-type]) {
  position: relative;
  max-width: unset !important;
  border-radius: 12px !important;
}

.wd-nav-portfolio > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 400 !important;
  font-size: 20px !important;
  text-transform:none !important;
}

.wd-portfolio-element .portfolio-filter {
  text-align: center;
  margin-bottom: 20px;
  margin-top: 40px;
}

.portfolio .portfolio-thumbnail img {
  border-radius: 12px;
}

.portfolio-hover .portfolio-thumbnail img {
  border-radius: 12px;
}


.wd-product .product-image-link img {
  border-radius: 12px !important;
}

.wrapper-content-banner {
background: linear-gradient(0deg,rgba(0, 54, 20, 0.9) 10%, rgba(255, 255, 255, 0) 54%);
}

/* .wd-nav-tabs[class*="wd-style-underline"] {
  --nav-color: #50ab57 !important;
  --nav-color-hover: #87db8d !important;
  --nav-color-active: #ffffff !important;
}
:is(.wd-breadcrumbs, .yoast-breadcrumb) {
  --wd-link-color: #ffffff !important;
  --wd-link-color-hover: #50ab57 !important;
  --wd-bcrumb-color-active: #ffffff !important;
}
.product_meta .meta-label {
  color: #50ab57 !important;
  font-weight: 600;
}
 */
.wd-action-btn > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #50ab57 !important;
  cursor: pointer;
}

.wd-label {
  color: #50ab57 !important;
  font-weight: 600;
}

.wd-social-icons.wd-style-default {
  gap: 0;
  --wd-social-color: #b1e8b6 !important;
  --wd-social-color-hover: #fff !important;
}


.rightarrow::before {
        font-family:'woodmart-font';
         content: "\f120";
	font-weight:400;
    }

.blog-design-masonry.blog-style-bg .wd-post-content {
  border-radius: var(--wd-brd-radius);
  background-color: #001408 !important;
  border: 1px solid #032d14 !important;
}



.testimonial-content footer {
  margin-top: 15px;
  color: #ffffff !important;
  font-weight: 600;
}

.testimon-align-center .testimonial {
  text-align: center;
  font-size: 22px !important;
}

.portfolio-text-shown .portfolio-info {
  background-color: transparent !important;
  text-align: left !important;
}

.wd-project .wd-entities-title {
  margin-bottom: 0;
  font-size: 2em !important;
}

.wd-entities-title{
	line-height:0.9em !important
}

.centerglow{background-image: url("https://instantlawns.ca/wp-content/uploads/2025/07/center-glow.webp");
	background-repeat:no-repeat;
	background-size: contain !important;
	background-position:  center;
}

.pagegradient{
background-image: url("https://instantlawns.ca/wp-content/uploads/2025/07/gradient-green-top.png");
	background-repeat: repeat-x;
}

/* .pagegradient{background: #060C00;
background: linear-gradient(0deg,rgba(6, 12, 0, 1) 62%, rgba(131, 134, 128, 1) 83%, rgba(255, 255, 255, 1) 96%);

} */
	
	
.greenbggradient{background: #0D7F85;
background: linear-gradient(0deg,rgba(11, 21, 0, 1) 43%, rgba(255, 255, 255, 1) 97%);}

.orangebggradient{background: #D56F36;
background: linear-gradient(142deg, rgba(213, 111, 54, 1) 0%, rgba(248, 136, 74, 1) 50%, rgba(255, 165, 115, 1) 100%);align-content}

.bluebggradient{background: #0D1C60;
background: linear-gradient(142deg,rgba(13, 28, 96, 1) 0%, rgba(75, 96, 174, 1) 50%, rgba(165, 176, 224, 1) 100%);align-content
}


.wd-marquee-item {
  font-size: 78px !important;
}

/*  .wd-page-title .title {
  display: none !important;
} 
 */
.title-size-small {
    --wd-title-sp: 10px !important;
}

.aum ul, .aum li{list-style: none;padding: 0;}
.aumsessions{ margin-top: 2rem; border-radius: 12px; position: relative;}
.aum li{  padding-bottom: 1.5rem;  border-left: 1px solid #abaaed;  position: relative;  padding-left: 20px;  margin-left: 10px;
	margin-top:-10px;  &:last-child{border: 0px;padding-bottom: 0;}
  &:before{content: '';    width: 12px;    height: 12px; background: white;border: 1px solid #081656;border-radius: 50%;    position: absolute;left: -7px; top: 0px;}
}



.aumtime{color: #081656;font-weight: 600;text-transform: uppercase;font-size: 20px;}
.aum p{color: #818181;line-height: 1.5;margin-top:0.4rem;}




.aumr ul, .aumr li{list-style: none;padding: 0; text-align:right;}
.aumsessionsr{ margin-top: 2rem; border-radius: 12px; position: relative;}
.aumr li{  
    padding-bottom: 1.5rem;  
    border-right: 1px solid #abaaed;  
    position: relative;  
    padding-left: 20px;  
    margin-right: 30px;
	margin-top:-10px;  
	&:last-child{
	    border: 0px;
	    padding-bottom: 0;
	   
	}
  &:before
  {
      content: '';    
      width: 12px;    
      height: 12px; 
      background: 
      white;border: 1px solid #081656;
      border-radius: 50%;    
      position: absolute;
      right: -7px; 
      top: 0px;}
}
.aumtimer{
    color: #081656;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 20px;
    margin-right:20px;

}
.aumr p{color: #818181;line-height: 1.5;margin-top:0.4rem;
margin-right:20px;}



.lilast {  padding-bottom: 1.5rem;  border-left: 1px solid #abaaed;  position: relative;  padding-left: 20px;  margin-left: 10px;
	margin-top:-10px;  &:last-child{border: 0px;padding-bottom: 0;}
  &:before{content: '';    width: 12px; display:none;    height: 12px; background: white;border: 1px solid #f00;border-radius: 50%;    position: absolute;left: -7px; top: 0px;}
}

.whb-top-bar .wd-header-text {
  font-size: 16px !important; text-decoration:uppercase !important;
}
/* 
.promo-banner .banner-title {
  display: block;
  text-transform: uppercase !important;
}
 */

.promo-banner {
  border-radius: 20px !important;
}



.mainslider{padding:400px 10px 400px 10px;}
.innertitle{padding:250px 10px 250px 10px;}
.servicetitle{padding:300px 10px 300px 10px;}
.servicetitlesingle{padding:380px 10px 380px 10px;}


.textlink a{color:#f1b22a !important; }
.textlink a:hover{color:#000 !important; text-decoration:underline; }

.smallline {	display:block;  width: 100px;  height: 2px;  background-color: #001b38;	margin-left:auto; margin-right:auto; margin-bottom:20px;
}

.smallline-white {	display:block;  width: 100px;  height: 2px;  background-color: #fff;	margin-left:auto; margin-right:auto; margin-bottom:20px;
}

 .title-size-default {
    --wd-title-sp: 100px !important;
    --wd-title-font-s: 52px !important;
} 

.cardbox{border: 1px solid #ccc;
  padding: 15px;
/*   text-align: left; */
	border-radius:4px;
	-webkit-transition-property: all; 
-webkit-transition-duration: 0.4s; 
-webkit-transition-timing-function: ease; 
}

.cardbox img{border-radius:4px; transition: transform 0.3s ease-in-out;}

.cardbox:hover{transform: scale(0.98); }





h1{font-size:78px; line-height:1.1; }
h2{font-size:52px; line-height:1.3; color:#fff;   }
h3{font-size:40px; line-height:1.3; color:#fff;}
h4{font-size:22px; line-height:1.3; font-weight:400 !important; color:#fff; }
h5{font-size:20px;line-height:1.3; font-weight:400 !important;  }



.f15{font-size:15px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f24{font-size:24px;}
.f30{font-size:30px;}
.f36{font-size:36px;}
.f40{font-size:40px;}
.f50{font-size:50px;}



.fgreen{color:#0fae4b !important;}
.bggreen{background-color: #0fae4b !important;}

.fblue{color:#0e369c !important;}
.bgblue{background-color:#0e369c !important;}

.fdarkblue{color:#081757 !important;}
.bgdarkblue{background-color:#081757 !important;}

.forange{color:#ff914c !important;}
.bgorange{background-color:#ff914c !important;}



.bglightorange{ background-color:#f2ede6;}


.fwhite{color:#ffffff;}
.bgwhite{background-color:#ffffff;}



.pall5{padding:5% 5% 5% 5%;}
.pall10{padding:10% 10% 10% 10%;}
.plr3{padding-left:3%; padding-right:3%;}
.plr5{padding-left:5%; padding-right:5%;}
.plr10{padding-left:10%; padding-right:10%;}

.pl5{padding-left:5%;}
.pr5{padding-right:5%;}


.pl10{padding-left:10%;}
.pr10{padding-right:10%;}

.pl15{padding-left:15%;}
.pr15{padding-right:15%;}

.pt300{padding-top:300px;}
.pt250{padding-top:250px;}
.pt200{padding-top:200px;}
.pt150{padding-top:150px;}
.pt100{padding-top:100px; }
.pt80{padding-top:80px; }
.pt60{padding-top:60px; }
.pt40{padding-top:40px; }
.pt30{padding-top:30px; }
.pt20{padding-top:20px; }
.pt10{padding-top:10px; }

.pb300{padding-bottom:300px;}
.pb250{padding-bottom:250px;}
.pb200{padding-bottom:200px;}
.pb150{padding-bottom:150px;}
.pb100{padding-bottom:100px; }
.pb80{padding-bottom:80px; }
.pb60{padding-bottom:60px; }
.pb40{padding-bottom:40px; }
.pb30{padding-bottom:30px; }
.pb20{padding-bottom:20px; }
.pb10{padding-bottom:10px; }

.ptb300{padding-top:300px; padding-bottom:300px;}
.ptb250{padding-top:250px; padding-bottom:250px;}
.ptb200{padding-top:200px; padding-bottom:200px;}
.ptb150{padding-top:150px; padding-bottom:150px;}
.ptb100{padding-top:100px; padding-bottom:100px;}
.ptb80{padding-top:80px; padding-bottom:80px;}
.ptb60{padding-top:60px; padding-bottom:60px;}
.ptb50{padding-top:45px; padding-bottom:45px;}
.ptb40{padding-top:40px; padding-bottom:40px;}
.ptb30{padding-top:30px; padding-bottom:30px;}
.ptb20{padding-top:20px; padding-bottom:20px;}
.ptb10{padding-top:10px; padding-bottom:10px;}

.mt300{margin-top:300px !important;}
.mt250{margin-top:250px !important;}
.mt200{margin-top:200px !important;}
.mt150{margin-top:150px !important;}
.mt100{margin-top:100px !important;}
.mt80{margin-top:80px !important;}
.mt60{margin-top:60px !important;}
.mt40{margin-top:40px !important; }
.mt30{margin-top:20px !important; }
.mt20{margin-top:20px !important; }


.mb300{margin-bottom:300px !important;}
.mb250{margin-bottom:250px !important;}
.mb200{margin-bottom:200px !important;}
.mb150{margin-bottom:150px !important;}
.mb100{margin-bottom:100px !important;}
.mb80{margin-bottom:80px !important;}
.mb60{margin-bottom:60px !important;}
.mb40{margin-bottom:40px !important; }
.mb20{margin-bottom:20px !important; }


.mr300{margin-right:300px !important;}
.mr250{margin-right:250px !important;}
.mr200{margin-right:200px !important;}
.mr150{margin-right:150px !important;}
.mr100{margin-right:100px !important;}
.mr80{margin-right:80px !important;}
.mr60{margin-right:60px !important;}
.mr40{margin-right:40px !important; }
.mr20{margin-right:20px !important; }
.mr10{margin-right:10px !important; }

.mtb300{margin-top:300px !important; margin-bottom:300px !important;}
.mtb250{margin-top:250px !important; margin-bottom:250px !important;}
.mtb200{margin-top:200px !important; margin-bottom:200px !important;}
.mtb150{margin-top:150px !important; margin-bottom:150px !important;}
.mtb100{margin-top:100px !important; margin-bottom:100px !important;}
.mtb80{margin-top:80px !important; margin-bottom:80px !important;}
.mtb60{margin-top:60px !important; margin-bottom:60px !important;}
.mtb40{margin-top:40px !important; margin-bottom:40px !important;}

.btn-size-large {
    --btn-padding: 8px 48px !important;
  }


.btntop { display:inline-flex; margin-top:0px;}
.btntop { color:#fff !important;}
.btntop a{color:#fff !important; background-color:#13622f !important; padding:1px 26px !important; border:0px solid #0b903d;  border-radius:60px; }
.btntop a:hover{background-color:#0c4821; color:#fff !important; padding:1px 26px !important; }



.greenbtn { color:#fff !important; display:inline-flex;}
.greenbtn a{color:#fff !important; padding:9px 38px 8px 38px !important; background-color:#43c2cd;  border-radius:60px; margin-bottom:20px; font-size:20px; text-align:center;}
.greenbtn a:hover{background-color:#081656; color:#fff !important; padding:9px 38px 8px 38px !important; }


.greenbtnarrow { color:#8ac180 !important; display:inline-flex; text-transform:uppercase;}
.greenbtnarrow a{color:#8ac180 !important; padding:14px 60px 12px 28px !important; border:2px solid #8ac180;  border-radius:60px; margin-bottom:20px; background-image: url("https://instantlawns.ca/wp-content/uploads/2025/06/light-green-arrow.png");
background-repeat: no-repeat;
  background-position: right 20px center;}
.greenbtnarrow a:hover{color:#fff !important; padding:14px 62px 12px 30px !important; background-image: url("https://instantlawns.ca/wp-content/uploads/2025/06/white-arrow.png");
background-repeat: no-repeat;
  background-position: right 20px center; border:2px solid #fff;}


.whitebtnarrow { color:#fff !important; display:inline-flex; text-transform:uppercase;}
.whitebtnarrow a{color:#fff !important; padding:14px 60px 8px 28px !important; border:2px solid #fff;  border-radius:60px; margin-bottom:20px; background-image: url("https://instantlawns.ca/wp-content/uploads/2025/06/right-arrow.webp");
background-repeat: no-repeat;
  background-position: right 20px center;}
.whitebtnarrow a:hover{color:#081757 !important; padding:14px 62px 8px 30px !important; background-image: url("https://instantlawns.ca/wp-content/uploads/2025/06/true-blue-arrow.png");
background-repeat: no-repeat;
  background-position: right 20px center; border:2px solid #081757;}





.linebtn{ display:inline-flex;}
.linebtn a{background-color:none; color:#0b5cff; padding:10px 35px; font-size:18px; border:1px solid #0b5cff; border-radius:50px; margin-bottom:10px;  margin-right:20px;}
.linebtn a:hover{background-color:#010034; color:#ffffff !important; border:1px solid #010034; }







.wd-social-icons.icons-size-large .wd-icon { font-size: 32px !important; line-height: 60px; color: #472e72 !important;}

/* .wpforms-field-label {
  color: #fff !important;
} */




.radius4 img{border-radius:4px;}
.radius6 img{border-radius:6px;}
.radius8 img{border-radius:8px;}
.radius12 img{border-radius:12px;}

.radius30 {border-radius:30px !important;}

.border1 {border:1px solid #415137 !important; border-radius:12px !important; }


/* .wd-content-layout {
  padding-block: 0px;
}
 */
.wd-content-layout {
  padding-bottom: 0px;
}

/* .site-content {
  margin-bottom: -60px !important;
} */

.woodmart-archive-shop:not(.single-product) .wd-page-content {
  margin-bottom: 100px !important;
}

.wd-single-project {
  margin-bottom: 0px !important;
}


/*-----------------*/
.icons-design-bordered .wd-social-icon {
  border: 1px solid #c4b6b2 !important;
  background-color: transparent;
  color: #6b483e !important;
}


.footermenulist li {
  display: inline-block !important;
  margin-right: 20px !important;
}

.wd-toolbar{display:none !important}

.static-hero-slider-look::after {
    content: "";
    position: absolute;
    bottom: -1px; /* Slight overlap to avoid a pixel line */
    left: 0;
    width: 100%;
    height: 100px; /* Adjust height based on the graphic */
    background-image: url('https://instantlawns.ca/wp-content/uploads/2025/07/grass-white-new3.png');
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 2;
}

.woodmart-custom-hero-v3::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 100px;
    background-image: url('https://instantlawns.ca/wp-content/uploads/2025/07/grass-white-new3.png');
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 2;
}

.woodmart-content-container-v3,
.woodmart-custom-hero-v3 .woodmart-info-box-wrapper,
.woodmart-custom-hero-v3 div[style*="display: flex"] {
    z-index: 5 !important;
    position: relative !important;
}

/* Definite Fix for Hero Services Carousel text position */
.hero-services-carousel .promo-banner-inner {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important; /* Force content to absolute bottom of banner */
    padding-bottom: 25px !important;    /* Padding to keep it off literal edge */
    height: 100% !important;             /* Ensure wrapper fills the space */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

/* Guarantee the text content sits correctly */
.hero-services-carousel .banner-content {
    margin-top: auto !important; /* Extra bottom alignment force */
}

/* ==========================================================================
   INSTANT LAWNS - LOCAL OTTAWA LANDSCAPING (SCOPED CSS)
   ========================================================================== */
.instant-home-local {
    --il-dark-green: #05351F;
    --il-darkest: #06120D;
    --il-white: #FFFFFF;
    --il-light-grey: #F6F7F4;
    --il-border: #DDE3DC;
    --il-accent: #2F8F3A;
    --il-accent-hover: #24752d;
    --il-text-main: #333333;
    --il-text-light: #666666;
    
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: var(--il-text-main);
    line-height: 1.6;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    background-color: var(--il-white);
}

.instant-home-local *, .instant-home-local *::before, .instant-home-local *::after {
    box-sizing: inherit;
}

.instant-home-local h1, 
.instant-home-local h2, 
.instant-home-local h3, 
.instant-home-local p {
    margin-top: 0;
}

.instant-home-local h1, 
.instant-home-local h2, 
.instant-home-local h3 {
    color: var(--il-darkest);
    line-height: 1.2;
}

.instant-home-local a {
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

.instant-home-local img {
    max-width: 100%;
    height: auto;
    display: block;
}

.instant-home-local .il-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* --- Buttons --- */
.instant-home-local .il-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 24px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    text-align: center;
    border: 2px solid transparent;
}

.instant-home-local .il-btn-primary {
    background-color: var(--il-accent);
    color: var(--il-white) !important;
}

.instant-home-local .il-btn-primary:hover {
    background-color: var(--il-accent-hover);
}

.instant-home-local .il-btn-secondary {
    background-color: transparent;
    color: var(--il-white) !important;
    border-color: var(--il-white);
}

.instant-home-local .il-btn-secondary:hover {
    background-color: rgba(255,255,255,0.1);
}

.instant-home-local .il-btn-outline-dark {
    background-color: transparent;
    color: var(--il-darkest) !important;
    border-color: var(--il-darkest);
}

.instant-home-local .il-btn-outline-dark:hover {
    background-color: var(--il-light-grey);
}

/* --- Top Bar & Nav --- */
.il-top-bar { background-color: var(--il-darkest); color: var(--il-white); padding: 8px 0; font-size: 0.85rem; }
.il-top-bar .il-container { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; }
.il-top-bar a { color: var(--il-white); font-weight: bold; }

.il-nav { background-color: var(--il-white); padding: 15px 0; border-bottom: 1px solid var(--il-border); }
.il-nav .il-container { display: flex; justify-content: space-between; align-items: center; }
.il-logo-area { display: flex; flex-direction: column; }
.il-logo-text { font-size: 1.5rem; font-weight: 800; color: var(--il-dark-green); letter-spacing: -0.5px; line-height: 1; }
.il-logo-tagline { font-size: 0.65rem; color: var(--il-accent); font-weight: 700; letter-spacing: 1px; margin-top: 4px; }
.il-menu { display: flex; gap: 20px; align-items: center; }
.il-menu a.il-menu-link { color: var(--il-darkest); font-weight: 500; font-size: 0.95rem; }
.il-menu a.il-menu-link:hover { color: var(--il-accent); }

/* --- Hero --- */
.il-hero { 
    position: relative; 
    background-size: cover; 
    background-position: center; 
    padding: 80px 0; 
    min-height: 600px; 
    display: flex; 
    align-items: center; 
    margin-top: 120px; /* <-- Add this line to push the image below the navbar */
}
.il-hero-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to right, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.2) 100%); z-index: 1; }
.il-hero .il-container { position: relative; z-index: 2; width: 100%; }
.il-hero-card { background-color: var(--il-dark-green); color: var(--il-white); padding: 40px; border-radius: 8px; max-width: 550px; }
.il-hero-card h1 { color: var(--il-white); font-size: 2.5rem; margin-bottom: 20px; }
.il-hero-eyebrow { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 700; margin-bottom: 10px; display: block; color: #A3D3A8; }
.il-hero-card p { font-size: 1.1rem; margin-bottom: 30px; color: #E0EAE1; }
.il-hero-btns { display: flex; gap: 15px; flex-wrap: wrap; }

/* --- Trust Row --- */
.il-trust-row { 
    background-color: var(--il-white); 
    padding: 30px 0; 
}
.il-trust-grid { 
    display: grid; 
    grid-template-columns: repeat(5, 1fr); 
    align-items: flex-start;
}
.il-trust-grid > p, 
.il-trust-grid > br { 
    display: none !important; 
}
.il-trust-item { 
    display: flex; 
    align-items: flex-start; 
    text-align: left;
    padding: 0 20px; 
    border-right: 1px solid var(--il-border);
}
.il-trust-item:first-child { 
    padding-left: 0; 
}
.il-trust-item:last-child { 
    border-right: none; /* Removes the line from the very last item */
    padding-right: 0; 
}
.il-trust-icon { 
    flex-shrink: 0; 
    margin-right: 15px; 
    margin-top: 4px;
}
.il-trust-icon i { 
    font-size: 32px; 
    color: var(--il-dark-green); 
    display: block; 
}
.il-trust-text h3 { 
    font-size: 1.05rem; 
    margin-bottom: 6px; 
    line-height: 1.2; 
    font-weight: 800; 
    color: var(--il-darkest); 
}
.il-trust-text p { 
    font-size: 0.85rem; 
    color: var(--il-text-light); 
    margin: 0; 
    line-height: 1.4; 
}
/* Targets the built-in FontAwesome icons */
.il-trust-icon i { 
    font-size: 32px; 
    color: var(--il-dark-green); 
    display: block; 
}

/* --- Services --- */
.il-services-sec { background-color: var(--il-dark-green); padding: 80px 0; color: var(--il-white); }
.il-sec-header { text-align: center; margin-bottom: 50px; }
.il-services-sec .il-sec-header h2 { color: var(--il-white); font-size: 2.2rem; margin-bottom: 10px; }
.il-sec-header p { font-size: 1.1rem; color: #E0EAE1; }
.il-services-grid { 
    display: grid; 
    grid-template-columns: repeat(3, 1fr); 
    gap: 30px; 
}
/* Kills invisible WordPress paragraph tags to keep cards in uniform rows */
.il-services-grid > p, 
.il-services-grid > br { 
    display: none !important; 
}
.il-service-card { background-color: var(--il-white); border-radius: 8px; overflow: hidden; color: var(--il-darkest); transition: transform 0.2s ease; }
.il-service-card:hover { transform: translateY(-5px); }
.il-service-img { height: 200px; background-color: #ddd; background-size: cover; background-position: center; }

/* New Flexbox Layout to put icon on left, text on right */
.il-service-content { 
    padding: 25px; 
    display: flex; 
    align-items: flex-start;
}
.il-service-icon {
    flex-shrink: 0;
    margin-right: 15px;
    margin-top: 2px;
}
.il-service-icon i {
    font-size: 32px;
    color: var(--il-dark-green);
}
.il-service-text {
    flex: 1;
}
.il-service-text h3 { 
    font-size: 1.15rem; 
    margin-bottom: 6px; 
    color: var(--il-darkest);
    font-weight: 800;
}

.il-service-text h2 { 
    font-size: 1.15rem; 
    margin-bottom: 6px; 
    color: var(--il-darkest);
    font-weight: 800;
}

.il-service-text p { 
    font-size: 0.9rem; 
    color: var(--il-text-light); 
    margin-bottom: 15px; 
    line-height: 1.4;
}
.il-service-link { 
    color: var(--il-dark-green); 
    font-weight: 700; 
    font-size: 0.9rem; 
    display: inline-block;
}

/* --- 6. Why Choose Us --- */
.il-why-sec { background-color: var(--il-white); padding: 60px 0; text-align: center; }
.il-why-sec h2 { font-size: 2.2rem; margin-bottom: 40px; }
.il-why-grid { 
    display: grid; 
    grid-template-columns: repeat(4, 1fr); 
    align-items: stretch; 
}
.il-why-grid > p, 
.il-why-grid > br { display: none !important; }
.il-why-item { 
    text-align: center; 
    border-right: 1px solid var(--il-border); 
    padding: 0 15px; 
}
.il-why-item:last-child { border-right: none; }
.il-why-icon { 
    font-size: 38px; 
    color: var(--il-dark-green); 
    margin-bottom: 15px; 
    display: block; 
}
.il-why-item h3 { font-size: 1.1rem; margin-bottom: 10px; font-weight: 800; }
.il-why-item p { font-size: 0.9rem; color: var(--il-text-light); line-height: 1.4; margin: 0; }

/* --- 7. Process (UPDATED FIX) --- */
.il-process-sec { 
    background-color: var(--il-white); 
    padding: 80px 0; 
}

/* Fixes the invisible subheading text */
.il-process-sec .il-sec-header p { 
    color: var(--il-text-light) !important; 
}

.il-process-grid { 
    display: flex; 
    justify-content: space-between; 
    align-items: flex-start; 
    position: relative; 
    margin-top: 50px; 
}
.il-process-grid > p, 
.il-process-grid > br { 
    display: none !important; 
}
.il-process-step { 
    flex: 1; 
    text-align: center; 
    padding: 0 10px; 
    position: relative; 
}

/* Forces the icons to be large and centered */
.il-process-icon-wrap { 
    position: relative; 
    display: inline-flex !important; 
    align-items: center;
    justify-content: center;
    color: var(--il-dark-green); 
    margin-bottom: 20px; 
    width: 60px;
    height: 60px;
}
.il-process-icon-wrap i {
    font-size: 50px !important;
}

/* Forces the green number badge to be small and overlap the top left */
.il-process-step .il-step-num { 
    position: absolute !important; 
    top: -5px !important; 
    left: -15px !important; 
    width: 24px !important; 
    height: 24px !important; 
    background-color: var(--il-dark-green) !important; 
    color: var(--il-white) !important; 
    border-radius: 50% !important; 
    font-size: 13px !important; 
    font-weight: bold !important; 
    display: flex !important; 
    align-items: center !important; 
    justify-content: center !important; 
    margin: 0 !important; /* Kills the old centering margin */
    border: 2px solid var(--il-white); /* Adds a premium cutout effect */
}

/* Forces the arrows and removes the old horizontal lines */
.il-process-step:not(:last-child)::after { 
    content: '\f061' !important; 
    font-family: 'Font Awesome 6 Free' !important; 
    font-weight: 900 !important; 
    position: absolute !important; 
    top: 25px !important; 
    right: -10px !important; 
    color: #bbaea6 !important; 
    font-size: 20px !important; 
    width: auto !important;
    height: auto !important;
    background-color: transparent !important;
}

.il-process-step h3 { font-size: 1.05rem; margin-bottom: 8px; font-weight: 800; color: var(--il-darkest); }
.il-process-step p { font-size: 0.85rem; color: var(--il-text-light); line-height: 1.4; margin: 0; }

/* --- 8. CTA Panels (HIGH-CONTRAST UPGRADE) --- */
.il-cta-sec { 
    padding: 20px 0; 
    background-color: var(--il-white); 
}

.il-cta-panel { 
    background-color: var(--il-darkest); /* Monolithic deep background */
    background-image: radial-gradient(circle at top right, rgba(47, 143, 58, 0.15), transparent 60%); /* Subtle luxury green glow */
    border: 1px solid rgba(255, 255, 255, 0.08); /* Barely-there crisp border */
    border-radius: 12px; 
    padding: 70px 40px; 
    text-align: center; 
    position: relative; 
    overflow: hidden; 
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); /* Deep grounding shadow */
}

.il-cta-panel h2 { 
    font-size: 2.5rem; 
    margin-bottom: 15px; 
    position: relative; 
    z-index: 2; 
    color: var(--il-white) !important; /* Force stark white */
    font-weight: 800;
}

.il-cta-panel p { 
    font-size: 1.15rem; 
    color: #E0EAE1 !important; /* Soft mint-white for readability */
    margin-bottom: 40px; 
    position: relative; 
    z-index: 2; 
}

.il-cta-panel .il-btn-group { 
    display: flex; 
    justify-content: center; 
    gap: 15px; 
    position: relative; 
    z-index: 2; 
}

/* Button Overrides for the Dark Background */
.il-cta-panel .il-btn-primary {
    padding: 14px 32px;
    font-size: 1.05rem;
    box-shadow: 0 4px 15px rgba(47, 143, 58, 0.3); /* Button glow */
}

.il-cta-panel .il-btn-outline-dark {
    border: 2px solid rgba(255, 255, 255, 0.25);
    color: var(--il-white) !important;
    padding: 14px 32px;
    font-size: 1.05rem;
}

.il-cta-panel .il-btn-outline-dark:hover {
    border-color: var(--il-white);
    background-color: rgba(255, 255, 255, 0.05);
}

/* Mobile Fixes */
@media (max-width: 768px) {
    .il-cta-panel { padding: 50px 20px; }
    .il-cta-panel h2 { font-size: 2rem; }
}

/* --- 10. Projects --- */
.il-projects-sec { padding: 80px 0; background-color: var(--il-white); text-align: center; }
.il-projects-sec h2 { font-size: 2.2rem; margin-bottom: 10px; font-weight: 800; color: var(--il-darkest); }
.il-projects-sec > p { color: var(--il-text-light); margin-bottom: 40px; }
.il-projects-grid { 
    display: grid; 
    grid-template-columns: repeat(4, 1fr); 
    gap: 20px; 
    margin-bottom: 40px; 
}
/* Kills invisible WordPress paragraph tags to keep cards in uniform rows */
.il-projects-grid > p, 
.il-projects-grid > br { 
    display: none !important; 
}
.il-project-card { 
    position: relative; 
    border-radius: 8px; 
    overflow: hidden; 
    height: 250px; 
    background-size: cover; 
    background-position: center; 
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}
/* Creates the dark gradient fade at the bottom of the card */
.il-project-card::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; width: 100%; height: 50%;
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%);
    z-index: 1;
}
/* Styles the location text to sit on top of the gradient */
.il-project-label { 
    color: #E0EAE1; /* Soft green-white for contrast */
    font-size: 0.85rem; 
    font-weight: 600;
    display: flex; 
    align-items: center; 
    gap: 6px; 
}

.il-project-info {
    position: absolute; 
    bottom: 20px; 
    left: 20px; 
    z-index: 2;
    text-align: left;
}
/* New Project Type Title */
.il-project-title {
    color: var(--il-white) !important;
    font-size: 1.15rem;
    font-weight: 800;
    margin-bottom: 4px;
    line-height: 1.2;
}

/* Makes the map marker accent-green */
.il-project-label i {
    color: var(--il-accent);
    font-size: 0.95rem;
}

/* --- Comparison Table --- */
.il-compare-sec { padding: 80px 0; background-color: var(--il-light-grey); }
.il-compare-sec h2 { text-align: center; font-size: 2.2rem; margin-bottom: 40px; }
.il-table-wrap { background: var(--il-white); border-radius: 8px; overflow-x: auto; border: 1px solid var(--il-border); }
.il-compare-table { width: 100%; border-collapse: collapse; min-width: 600px; }
.il-compare-table th, .il-compare-table td { padding: 20px; text-align: center; border-bottom: 1px solid var(--il-border); }
.il-compare-table th { background-color: var(--il-white); font-weight: bold; font-size: 1.1rem; }
.il-compare-table th:first-child, .il-compare-table td:first-child { text-align: left; font-weight: bold; }
.il-compare-table th.il-col-il { background-color: var(--il-dark-green); color: var(--il-white); }
.il-compare-table td.il-col-il { background-color: rgba(47, 143, 58, 0.05); }
.il-check { color: var(--il-accent); font-weight: bold; font-size: 1.2rem; }
.il-cross { color: #999; font-weight: bold; font-size: 1.2rem; }

/* --- Service Areas --- */
.il-areas-sec { background-color: var(--il-dark-green); color: var(--il-white); padding: 60px 0; text-align: center; }
.il-areas-sec h2 { color: var(--il-white); margin-bottom: 30px; font-size: 2rem; }
.il-pill { 
    display: inline-flex; /* Forces button-like behavior */
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,0.3); 
    padding: 10px 22px; 
    border-radius: 30px; 
    font-size: 0.95rem; 
    color: var(--il-white);
    text-decoration: none;
    transition: all 0.3s ease;
}

.il-pill:hover {
    background-color: var(--il-white);
    color: var(--il-dark-green) !important;
}

/* Container for the neighborhood pills */
.il-pill-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; /* Prevents the massive height stretching */
    gap: 12px;
    margin-bottom: 40px; 
}

/* New row for the "See All" button */
.il-all-areas-wrap {
    display: flex;
    justify-content: center;
    width: 100%;
}

/* Ensure the button looks distinct from the pills */
.il-all-areas-wrap .il-btn-secondary {
    padding: 14px 35px;
    border: 2px solid #ffffff;
    background: transparent;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.il-all-areas-wrap .il-btn-secondary:hover {
    background: #ffffff;
    color: #003322; /* Matches your dark green brand color */
}

/* --- FAQ --- */
.il-faq-sec { padding: 80px 0; background-color: var(--il-white); max-width: 800px; margin: 0 auto; }
.il-faq-sec h2 { text-align: center; font-size: 2.2rem; margin-bottom: 40px; }
.il-faq-item { margin-bottom: 15px; border: 1px solid var(--il-border); border-radius: 6px; }
.il-faq-item details { padding: 15px 20px; }
.il-faq-item details[open] { background-color: var(--il-light-grey); }
.il-faq-item summary { font-weight: 600; font-size: 1.1rem; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; }
.il-faq-item summary::-webkit-details-marker { display: none; }
.il-faq-item summary::after { content: '+'; font-size: 1.5rem; color: var(--il-accent); font-weight: normal;}
.il-faq-item details[open] summary::after { content: '−'; }
.il-faq-item p { margin-top: 15px; margin-bottom: 0; color: var(--il-text-light); }
.il-faq-btn-wrap { text-align: center; margin-top: 30px; }

/* --- Reviews --- */
.il-reviews-sec { background-color: var(--il-darkest); color: var(--il-white); padding: 60px 0; text-align: center; }
.il-reviews-sec h2 { color: var(--il-white); margin-bottom: 10px; }
.il-reviews-sec p { color: #aaa; margin-bottom: 30px; }
.il-logos-flex { display: flex; justify-content: center; align-items: center; gap: 40px; flex-wrap: wrap; }
.il-logo-box { display: flex; flex-direction: column; align-items: center; font-weight: bold; font-size: 1.2rem; }
.il-stars { color: #FFB800; font-size: 1rem; margin-top: 5px;}

/* --- Mobile Sticky Bar --- */
.il-mobile-sticky-cta { display: none; position: fixed; bottom: 0; left: 0; right: 0; background-color: var(--il-white); box-shadow: 0 -2px 10px rgba(0,0,0,0.1); padding: 10px 20px; z-index: 999; }
.il-mobile-sticky-cta .il-btn-group { display: flex; gap: 10px; width: 100%; }
.il-mobile-sticky-cta .il-btn { flex: 1; padding: 10px; font-size: 0.9rem; }

/* ==========================================================================
   RESPONSIVE DESIGN
   ========================================================================== */
@media (max-width: 1024px) {
    .il-trust-grid { grid-template-columns: repeat(3, 1fr); }
    .il-services-grid { grid-template-columns: repeat(2, 1fr); }
    .il-why-grid { grid-template-columns: repeat(2, 1fr); }
    .il-projects-grid { grid-template-columns: repeat(2, 1fr); }
    .il-team-grid { grid-template-columns: 1fr; }
    .il-team-img-wrap { min-height: 300px; }
}
@media (max-width: 768px) {
    .il-hero { margin-top: 0 !important; padding: 40px 0; }
    .il-menu { display: none; } 
    .il-hero-card { padding: 25px; }
    .il-hero-card h1 { font-size: 2rem; }
    .il-trust-grid { grid-template-columns: 1fr; }
		.il-trust-item { 
        flex-direction: column; 
        align-items: center; 
        text-align: center; 
        padding: 30px 15px; 
        border-right: none; 
        border-bottom: 1px solid var(--il-border); 
    }
    .il-trust-item:last-child { border-bottom: none; }
		.il-trust-icon { margin-right: 0; margin-bottom: 15px; }
    .il-services-grid { grid-template-columns: 1fr; }
    .il-why-grid { grid-template-columns: 1fr; }
    .il-process-grid { 
        flex-direction: column; 
        gap: 40px; 
        align-items: center;
    }
    .il-process-step:{
        width: 100%;
    }
		.il-process-step:not(:last-child)::after { display: none; }
    .il-projects-grid { grid-template-columns: 1fr; }
    .il-cta-panel { padding: 30px 20px; }

    .instant-home-local { padding-bottom: 0 !important; }
    .il-mobile-sticky-cta { display: block; }
}
		.il-cta-panel .il-btn-primary,
    .il-cta-panel .il-btn-outline-dark,
    .il-bottom-cta-full .il-btn-primary,
    .il-bottom-cta-full .il-btn-outline-dark {
        padding: 14px 15px; /* Shrinks the side padding to give text more room */
        font-size: 0.95rem; /* Scales the font down just a hair */
        white-space: nowrap; /* Forces the text to stay on one single line */
    }

	.il-trust-shield-row {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 40px; /* This creates the consistent gap */
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.il-trust-shield-row p, 
.il-trust-shield-row br {
    display: none !important;
}

.il-trust-link {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 150px; /* Ensures every logo has the same footprint */
    height: 60px;
}

.il-trust-link img {
    max-height: 45px !important;
    max-width: 130px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain;
}

.il-trust-link:hover img {
    opacity: 1;
    transform: scale(1.05);
}

/* Mobile Responsive adjustment */
@media (max-width: 768px) {
    .il-trust-shield-row {
        flex-wrap: wrap; /* Allows wrapping on small phones so icons don't get too tiny */
        gap: 20px;
    }
    .il-trust-link img {
        height: 35px;
    }
}

/* --- 15. Final Bottom CTA (Dark & Full Width) --- */
.il-bottom-cta-full { 
    background-color: var(--il-darkest); 
    background-image: radial-gradient(circle at top right, rgba(47, 143, 58, 0.15), transparent 60%); 
    padding: 80px 0;
    text-align: center; 
}
.il-bottom-cta-full h2 { 
    font-size: 2.5rem; 
    margin-bottom: 15px; 
    color: var(--il-white) !important; 
    font-weight: 800;
}
.il-bottom-cta-full p { 
    font-size: 1.15rem; 
    color: #E0EAE1 !important; 
    margin-bottom: 40px; 
}
.il-bottom-cta-full .il-btn-group { 
    display: flex; 
    justify-content: center; 
    gap: 15px; 
}
.il-bottom-cta-full .il-btn-primary {
    padding: 14px 32px;
    font-size: 1.05rem;
    box-shadow: 0 4px 15px rgba(47, 143, 58, 0.3); 
}
.il-bottom-cta-full .il-btn-outline-dark {
    border: 2px solid rgba(255, 255, 255, 0.25);
    color: var(--il-white) !important;
    padding: 14px 32px;
    font-size: 1.05rem;
}
.il-bottom-cta-full .il-btn-outline-dark:hover {
    border-color: var(--il-white);
    background-color: rgba(255, 255, 255, 0.05);
}

/* Mobile Fixes */
@media (max-width: 768px) {
    .il-bottom-cta-full { padding: 60px 0; }
    .il-bottom-cta-full h2 { font-size: 2rem; }
    .il-cta-panel { padding: 30px 20px; }
    .il-cta-panel .il-btn-group { flex-direction: column; }
		.il-cta-panel .il-btn-group,
    .il-bottom-cta-full .il-btn-group { 
        flex-direction: column; 
        gap: 8px !important; /* Pulls the buttons much closer together */
    }
}

/* ABOUT PAGE — HOMEPAGE STYLE MATCH */
.friendly-about-page {
    --about-green: #50ab57;
    --about-green-dark: #003f1f;
    --about-green-deep: #001f10;
    --about-text: #102114;
    --about-muted: #667066;
    --about-white: #ffffff;
    --about-soft: #f8f8f6;
    --about-soft-2: #f1f5ef;
    --about-yellow: #ffd25e;
    --about-radius: 18px;
    --about-shadow: 0 12px 32px rgba(0,0,0,0.08);
    --about-shadow-lg: 0 24px 60px rgba(0,0,0,0.14);
}

.friendly-about-page * {
    box-sizing: border-box;
}

.friendly-about-page .about-container {
    width: min(1180px, 92%);
    margin: 0 auto;
}

.friendly-about-page h1,
.friendly-about-page h2,
.friendly-about-page h3 {
    color: var(--about-text);
    line-height: 1.08;
    letter-spacing: -0.03em;
    margin-top: 0;
}

.friendly-about-page p {
    color: var(--about-muted);
    line-height: 1.7;
}

.friendly-about-page .section-heading {
    text-align: center;
    max-width: 860px;
    margin: 0 auto 52px;
}

.friendly-about-page .section-heading h2 {
    font-size: 54px;
    font-weight: 800;
    margin-bottom: 14px;
}

.friendly-about-page .section-heading p {
    font-size: 20px;
    margin: 0;
}

/* HERO */
.friendly-about-page .about-hero {
    position: relative;
    background-image: url('https://instantlawns.ca/wp-content/uploads/2021/05/what-are-the-benefits-of-landscaping.jpg');
    background-size: cover;
    background-position: center;
    padding: 110px 0 72px;
    overflow: hidden;
}

.friendly-about-page .about-hero:before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(0,31,16,0.82) 0%, rgba(0,31,16,0.72) 42%, rgba(0,31,16,0.28) 100%);
}

.friendly-about-page .about-hero .about-container {
    position: relative;
    z-index: 2;
}

.friendly-about-page .about-hero-card {
    width: min(620px, 100%);
    background: rgba(0,63,31,0.95);
    border-radius: 18px;
    padding: 38px 36px;
    box-shadow: var(--about-shadow-lg);
}

.friendly-about-page .about-eyebrow {
    display: inline-block;
    color: #d9f0db;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.friendly-about-page .about-hero-card h1 {
    color: #ffffff;
    font-size: 64px;
    font-weight: 800;
    margin-bottom: 16px;
}

.friendly-about-page .about-hero-card h1 span {
    color: #8ad18f;
}

.friendly-about-page .about-hero-card p {
    color: rgba(255,255,255,0.88);
    font-size: 22px;
    line-height: 1.6;
    margin: 0;
    max-width: 540px;
}

/* STORY */
.friendly-about-page .about-story {
    background: #ffffff;
    padding: 76px 0 88px;
}

.friendly-about-page .story-wrap {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: 48px;
    align-items: center;
}

.friendly-about-page .story-copy h2 {
    font-size: 50px;
    font-weight: 800;
    margin-bottom: 22px;
}

.friendly-about-page .story-copy p {
    font-size: 18px;
    margin-bottom: 18px;
}

.friendly-about-page .story-copy .family-story-p:first-letter {
    /*float: left;*/
    font-size: 30px;
    line-height: 0.9;
    padding-right: 0px;
    font-weight: 800;
    color: var(--about-green);
}

.friendly-about-page .story-media {
    border-radius: 18px;
    overflow: hidden;
    box-shadow: var(--about-shadow);
    background: #fff;
}

.friendly-about-page .story-media img {
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
}

/* TEAM SECTION */
.friendly-about-page .about-team {
    background: var(--about-green-dark);
    padding: 84px 0 92px;
}

.friendly-about-page .about-team .section-heading h2,
.friendly-about-page .about-team .section-heading p {
    color: #ffffff;
}

.friendly-about-page .team-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
}

.friendly-about-page .member-card {
    background: #ffffff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 12px 28px rgba(0,0,0,0.10);
    display: flex;
    flex-direction: column;
    height: 100%;
}

.friendly-about-page .member-card-top {
    position: relative;
    background: linear-gradient(135deg, #f6faf5 0%, #eef5ec 100%);
    padding: 26px 24px 18px;
}

.friendly-about-page .card-personality-glow {
    position: absolute;
    top: -24px;
    right: -24px;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    opacity: 0.35;
    filter: blur(28px);
}

.friendly-about-page .member-photo {
    width: 88px;
    height: 88px;
    border-radius: 22px;
    overflow: hidden;
    background: #e3e3e3;
    border: 4px solid #ffffff;
    box-shadow: 0 8px 20px rgba(0,0,0,0.09);
    margin-bottom: 16px;
    position: relative;
    z-index: 2;
}

.friendly-about-page .member-photo > div {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #787878;
    font-weight: 700;
}

.friendly-about-page .member-card-top h3 {
    font-size: 28px;
    margin-bottom: 8px;
    position: relative;
    z-index: 2;
}

.friendly-about-page .member-role {
    display: block;
    color: var(--about-green);
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    margin-bottom: 10px;
    position: relative;
    z-index: 2;
}

.friendly-about-page .member-tagline {
    font-size: 18px;
    color: #5c7a61;
    font-weight: 700;
    margin: 0;
    position: relative;
    z-index: 2;
}

.friendly-about-page .member-card-body {
    padding: 22px 24px 24px;
}

.friendly-about-page .member-card-body p {
    margin: 0;
    font-size: 16px;
    color: #415044;
}

/* CTA */
.friendly-about-page .about-cta {
    background:
        radial-gradient(circle at 50% 15%, rgba(255,255,255,0.10), transparent 36%),
        linear-gradient(135deg, #002b15 0%, #00160b 100%);
    padding: 88px 0 96px;
    text-align: center;
}

.friendly-about-page .about-cta h2 {
    color: #ffffff;
    font-size: 58px;
    font-weight: 800;
    margin-bottom: 16px;
}

.friendly-about-page .about-cta p {
    color: rgba(255,255,255,0.86);
    font-size: 21px;
    margin-bottom: 34px;
}

.friendly-about-page .il-btn-group {
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
}

.friendly-about-page .il-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    padding: 16px 28px;
    border-radius: 10px;
    text-decoration: none !important;
    font-size: 18px;
    font-weight: 800;
    transition: all 0.25s ease;
}

.friendly-about-page .il-btn:hover {
    transform: translateY(-2px);
}

.friendly-about-page .il-btn-primary {
    background: var(--about-green);
    color: #ffffff !important;
    border: 2px solid var(--about-green);
    box-shadow: 0 10px 24px rgba(80,171,87,0.24);
}

.friendly-about-page .il-btn-outline-dark {
    background: transparent;
    color: #ffffff !important;
    border: 2px solid rgba(255,255,255,0.25);
}

.friendly-about-page .il-btn-outline-dark i,
.friendly-about-page .il-btn-primary i {
    margin-right: 10px;
}

/* RESPONSIVE */
@media (max-width: 1024px) {
    .friendly-about-page .story-wrap {
        grid-template-columns: 1fr;
    }

    .friendly-about-page .team-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .friendly-about-page .about-hero-card h1 {
        font-size: 54px;
    }

    .friendly-about-page .section-heading h2,
    .friendly-about-page .story-copy h2,
    .friendly-about-page .about-cta h2 {
        font-size: 44px;
    }
}

@media (max-width: 767px) {
    .friendly-about-page .about-hero {
        padding: 86px 0 56px;
    }

    .friendly-about-page .about-hero-card {
        padding: 28px 22px;
    }

    .friendly-about-page .about-hero-card h1 {
        font-size: 40px;
    }

    .friendly-about-page .about-hero-card p {
        font-size: 18px;
    }

    .friendly-about-page .about-story,
    .friendly-about-page .about-team,
    .friendly-about-page .about-cta {
        padding: 64px 0;
    }

    .friendly-about-page .section-heading h2,
    .friendly-about-page .story-copy h2,
    .friendly-about-page .about-cta h2 {
        font-size: 34px;
    }

    .friendly-about-page .section-heading p,
    .friendly-about-page .story-copy p,
    .friendly-about-page .about-cta p {
        font-size: 17px;
    }

    .friendly-about-page .team-grid {
        grid-template-columns: 1fr;
    }

    .friendly-about-page .il-btn-group {
        flex-direction: column;
        align-items: center;
    }

    .friendly-about-page .il-btn {
        width: 100%;
        max-width: 320px;
    }
}

/* ************ Contact form ************ */
/* Constrain the overall width */
form[action*="salesforce.com"] {
    width: 100%;
    max-width: 650px; 
    font-family: inherit;
}

/* Larger labels */
form[action*="salesforce.com"] label {
    display: block;
    margin-bottom: 10px;
    color: #ffffff;
    font-weight: 600;
    font-size: 18px; 
    letter-spacing: 0.5px;
}

/* Unified styling for ALL input types (Text, Email, Select, and Textarea) */
form[action*="salesforce.com"] input[type="text"],
form[action*="salesforce.com"] input[type="email"], /* Added this to fix the email box */
form[action*="salesforce.com"] select,
form[action*="salesforce.com"] textarea {
    width: 100%;
    padding: 16px 18px;
    margin-bottom: 30px; 
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 6px;
    color: #ffffff;
    font-size: 18px; 
    line-height: 1.5; 
    min-height: 58px; 
    box-sizing: border-box;
    transition: all 0.3s ease;
    -webkit-appearance: none; /* Helps with mobile styling consistency */
}

/* Fix for the dropdown specifically */
form[action*="salesforce.com"] select {
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23ffffff" height="28" viewBox="0 0 24 24" width="28" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
    background-repeat: no-repeat;
    background-position: right 16px center;
    cursor: pointer;
    padding-right: 50px;
}

/* Hover/Focus states for all fields */
form[action*="salesforce.com"] input[type="text"]:focus,
form[action*="salesforce.com"] input[type="email"]:focus,
form[action*="salesforce.com"] select:focus,
form[action*="salesforce.com"] textarea:focus {
    outline: none;
    border-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.12);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2);
}

/* Textarea height */
form[action*="salesforce.com"] textarea {
    min-height: 160px;
}

/* The Submit Button */
form[action*="salesforce.com"] input[type="submit"] {
    background-color: #ffffff;
    color: #032b18; 
    border: none;
    padding: 18px 45px;
    font-size: 18px;
    font-weight: 700;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 1px;
    width: auto;
    margin-top: 10px;
}

form[action*="salesforce.com"] input[type="submit"]:hover {
    background-color: #e0e0e0;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

/* ==========================================================================
   DARK MODE OVERRIDES JUST FOR POST 2155 (Ottawa Sod Installation)
   ========================================================================== */
.postid-2155, 
.postid-2155 .main-page-wrapper, 
.postid-2155 .site-content {
    background-color: #06120D !important;
}

/* Fix standard post text, sidebar, related posts, and comments */
.postid-2155 .entry-content > p, 
.postid-2155 .entry-content > ul > li, 
.postid-2155 .entry-meta, 
.postid-2155 .entry-meta *, 
.postid-2155 .widget, 
.postid-2155 .widget *, 
.postid-2155 .author-info, 
.postid-2155 .post-navigation *,
.postid-2155 .comments-area label, 
.postid-2155 .comments-area p, 
.postid-2155 .related-post-title {
    color: #E0EAE1 !important;
}

/* Fix Headings */
.postid-2155 .entry-title, 
.postid-2155 .widget-title, 
.postid-2155 .related-posts-title, 
.postid-2155 .comment-reply-title {
    color: #ffffff !important;
}

/* FIX: Make the WordPress Generated Tags Visible and Sleek */
.postid-2155 .tags-links a, 
.postid-2155 .woodmart-entry-tags a, 
.postid-2155 .entry-tags a, 
.postid-2155 .post-tags a {
    background-color: transparent !important;
    color: #E0EAE1 !important; /* Bright light-grey text */
    border: 1px solid #2F8F3A !important; /* Sharp green border */
    padding: 6px 14px !important;
    border-radius: 20px !important; /* Modern pill shape */
    text-decoration: none !important;
    display: inline-block !important;
    margin-right: 8px !important;
    margin-bottom: 8px !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
}

.postid-2155 .tags-links a:hover, 
.postid-2155 .woodmart-entry-tags a:hover {
    background-color: #2F8F3A !important;
    color: #ffffff !important;
}
.postid-2155 .wd-post-navigation,
.postid-2155 .post-navigation,
.postid-2155 .wd-related-posts,
.postid-2155 .woodmart-related-posts,
.postid-2155 .related-posts,
.postid-2155 .wd-entry-tags-share,
.postid-2155 .entry-tags-share,
.postid-2155 .woodmart-entry-tags {
    display: none !important;
}
.postid-2155 .wd-single-footer,
.postid-2155 .woodmart-single-footer,
.postid-2155 .post-navigation,
.postid-2155 .wd-post-navigation,
.postid-2155 #comments,
.postid-2155 .comments-area {
    display: none !important;
}

@media (min-width: 1025px) {
	/* .info-box-title {
  line-height: 1.3;
  text-transform: uppercase;
  font-size: 20px;
}

.productinfo h4 {
  font-size: 20px;
  line-height: 1.3;
  letter-spacing: 0px;
  text-transform: uppercase;
  color: #081852;
	margin-bottom: 5px !important;
}
.wd-timeline-item {
  position: relative;
  margin-bottom: 0px !important;
  background-color:none !important;
  
}

:is(.wd-item-position-left, .wd-item-position-right) .timeline-col {
  position: relative;
  padding: 10px 10px 5px !important;
  background-color: none !important;
}


/* .woodmart-timeline-line .line-dot {
  display: none;
} */

/* .woodmart-timeline-line .line-dot {
  position: absolute;
  left: calc(50% - 7px) !important;;
  width: 12px !important;
  height: 12px !important;
  border-radius: 50%;
  box-shadow: inset 100px 100px rgba(0,0,0,0.0) !important;
 
}

.dot-start {background-color:#fff !important;  border: 1px solid #cdcdcd !important;}


.woodmart-timeline-dot {
  position: absolute;
  top: calc(20% - 6px) !important;
  left: calc(50% - 8px) !important;
  width: 16px !important;
  height: 16px !important;
  border: solid 2px #fff;
  border-radius: 50%;
} */












.wd-nav-tabs > li > a {
  padding: 10px 0;
  font-size: 36px !important;
  text-transform: none !important;
}
.dropdown .widgettitle, .widget-title {
  margin-bottom: 20px;
  font-size: 16px;
  text-transform: none !important;
}

  .title-size-large {
    --wd-title-sp: 150px !important;
  }







}

@media (min-width: 768px) and (max-width: 1024px) {
	h1{font-size:60px !important; line-height:1.1; }
h2{font-size:52px; line-height:1.3;   }
h3{font-size:40px; line-height:1.3;  }
h4{font-size:22px; line-height:1.3; font-weight:400 !important; }
h5{font-size:20px; line-height:1.3;   }
}

@media (min-width: 577px) and (max-width: 767px) {
	/* .aum ul, .aum li{list-style: none;padding: 0;}
.aumsessions{ margin-top: 2rem; border-radius: 12px; position: relative;}
.aum li{  padding-bottom: 1.5rem;  border-left: 1px solid #abaaed;  position: relative;  padding-left: 20px;  margin-left: 10px;
	margin-top:-10px;  &:last-child{border: 0px;padding-bottom: 0;}
  &:before{content: '';    width: 12px;    height: 12px; background: white;border: 1px solid #081656;border-radius: 50%;    position: absolute;left: -7px; top: 0px;}
}
.aumtime{color: #081656;font-weight: 600;text-transform: uppercase;font-size: 20px;}
.aum p{color: #818181;line-height: 1.5;margin-top:0.4rem;}
     */
.dhide{display:none;}


.centerglow{background-image: url("https://instantlawns.ca/wp-content/uploads/2025/07/center-glow.webp");
	background-repeat: none;
	background-size: cover;
}
}

@media (max-width: 576px) {
	/* .container, .container-fluid {
    padding: 8% !important;
}
 */

.centerglow{background-image: url("https://instantlawns.ca/wp-content/uploads/2025/07/center-glow.webp");
	background-size: cover !important;
	background-position:center top;
}

.vc_row.vc_row-flex {
    padding-left: 3%;
    padding-right: 3%;
}

.dhide{display:none;}



:is(.btn,.button,button,[type=submit],[type=button]) {
    padding: var(--btn-padding, 5px 30px);
}



.mainslider{padding:200px 10px 200px 10px;}
.innertitle{padding:100px 10px 100px 10px;}
.servicetitle{padding:100px 10px 100px 10px;}
.servicetitlesingle{padding:120px 10px 120px 10px;}



.title-size-large {
  --wd-title-sp: 150px !important;
}

 .title-size-large {
    --wd-title-sp: 40px !important;
  }

 .wd-page-title .title {
  font-size: 36px !important;
  line-height: 1.2;
  margin-bottom: 0;
}

/* .wd-entities-title
{
  font-size: 20px !important;
	text-transform:uppercase !important;
	padding: 0 5% 5% 5%;
}
 */

.sticky-toolbar-on {
    padding-bottom: 0px !important;
}


.wd-nav {margin-left: 0px;}


p {line-height: 30px !important;}

.mobile p {line-height: 22px!important; font-size:16px!important;}


.f15{font-size:15px;}
.f20{font-size:16px;}
.f24{font-size:18px;}
.f30{font-size:18px;}
.f36{font-size:18px;}
.f40{font-size:20px;}
.f50{font-size:22px;}

h1{font-size:32px; line-height:1.3; font-weight:600;}
h2{font-size:30px; font-weight:400;}
h3{font-size:30px; line-height:1.5; font-weight:400;}
h4{font-size:22px; line-height:1.6; font-weight:400;}

.pt300{padding-top:100px;}
.pt250{padding-top:60px;}
.pt200{padding-top:40px;}
.pt150{padding-top:40px;}
.pt100{padding-top:40px; }
.pt80{padding-top:40px; }
.pt60{padding-top:40px; }
.pt40{padding-top:40px; }

.pb300{padding-bottom:100px;}
.pb250{padding-bottom:60px;}
.pb200{padding-bottom:40px;}
.pb150{padding-bottom:40px;}
.pb100{padding-bottom:40px; }
.pb80{padding-bottom:40px; }
.pb60{padding-bottom:40px; }
.pb40{padding-bottom:40px; }

.ptb300{padding-top:100px; padding-bottom:100px;}
.ptb250{padding-top:60px; padding-bottom:60px;}
.ptb200{padding-top:40px; padding-bottom:40px;}
.ptb150{padding-top:40px; padding-bottom:40px;}
.ptb100{padding-top:40px; padding-bottom:40px;}
.ptb80{padding-top:40px; padding-bottom:40px;}
.ptb60{padding-top:40px; padding-bottom:40px;}
.ptb40{padding-top:40px; padding-bottom:40px;}
.ptb30{padding-top:30px; padding-bottom:30px;}
.ptb20{padding-top:20px; padding-bottom:20px;}
.ptb10{padding-top:10px; padding-bottom:10px;}

.mt300{margin-top:100px !important;}
.mt250{margin-top:60px !important;}
.mt200{margin-top:40px !important;}
.mt150{margin-top:40px !important;}
.mt100{margin-top:40px !important;}
.mt80{margin-top:40px !important;}
.mt60{margin-top:40px !important;}
.mt40{margin-top:40px !important; }
.mt20{margin-top:20px !important; }


.mb300{margin-bottom:100px !important;}
.mb250{margin-bottom:60px !important;}
.mb200{margin-bottom:40px !important;}
.mb150{margin-bottom:40px !important;}
.mb100{margin-bottom:40px !important;}
.mb80{margin-bottom:40px !important;}
.mb60{margin-bottom:40px !important;}
.mb40{margin-bottom:40px !important; }
.mb20{margin-bottom:20px !important; }


.mr300{margin-right:100px !important;}
.mr250{margin-right:60px !important;}
.mr200{margin-right:40px !important;}
.mr150{margin-right:40px !important;}
.mr100{margin-right:40px !important;}
.mr80{margin-right:40px !important;}
.mr60{margin-right:40px !important;}
.mr40{margin-right:40px !important; }
.mr20{margin-right:20px !important; }
.mr10{margin-right:10px !important; }

.mtb300{margin-top:100px !important; margin-bottom:100px !important;}
.mtb250{margin-top:60px !important; margin-bottom:60px !important;}
.mtb200{margin-top:40px !important; margin-bottom:40px !important;}
.mtb150{margin-top:40px !important; margin-bottom:40px !important;}
.mtb100{margin-top:40px !important; margin-bottom:40px !important;}
.mtb80{margin-top:40px !important; margin-bottom:40px !important;}
.mtb60{margin-top:40px !important; margin-bottom:40px !important;}
.mtb40{margin-top:40px !important; margin-bottom:40px !important;}
.mtb20{margin-top:20px !important; margin-bottom:20px !important;}
.mtb10{margin-top:10px !important; margin-bottom:10px !important;}

.bluebtn { color:#ffffff !important; margin-bottom:10px; margin-right:10px; display:inline-flex;}
.bluebtn a{color:#fff !important; padding:8px 18px !important; background-color:#001b38;  border-radius:4px; text-transform:uppercase; font-weight:600; }
.bluebtn a:hover{background-color:#274566; color:#fff !important; padding:8px 18px !important; }


.mobilefooter{position: fixed;
    bottom: 0px;
    z-index: 10;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.35);}


.mfooter{
	position: fixed;
    inset-inline: 0;
    bottom: 0;
    z-index: 350;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding: 5px;
    height: 55px;
    background-color: var(--bgcolor-white);
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.12);
}


}