/******************************** Font Family Css Start **********************************/
 h1, h2, h3, h4, h5, h6 {
     margin-bottom: 20px;
     font-family: "Instrument Sans", sans-serif;
}
p {
	font-family: "Work Sans", sans-serif;
}
/* html, body {
     overflow-x: hidden;
}
 */
 
/**************************************** Common Css Start ****************************************/

.header.sticky {
     position: fixed;
}

h2.main-heading {
    font-size: 60px;
    font-weight: 600;
    color: #121212;
    line-height: 1.1em;
    letter-spacing: 1px;
    width: 100%;
    max-width: 600px !important;
}
.sub-heading {
	color: #1D5010;
}
h4 p {
     margin-bottom: 40px;
}
 section {
     padding: 60px 0px 0px;
}
.cst-btn a span, .cst-btn a i {
    background-color: #ACFF64;
    font-size: 18px;
    font-weight: 700;
    color: rgba(29, 80, 16, 1);
    line-height: 24px;
    transition-duration: 0.5s;
    border-style: none;
    border-radius: 16px;
    padding: 10px 20px 10px 20px;
    /* font-family: "DM Sans", sans-serif; */
}
a.btn.btn-primary-custom:hover span, a.btn.btn-primary-custom:hover i {
    background-color: rgba(29, 80, 16, 1);
    color: #fff;
    box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.5);
}
.cst-btn a.btn.btn-primary-custom:hover i:before {
    transform: rotate(-45deg);
}
.cst-btn a.btn.btn-primary-custom i:before {
    display: inline-block;
    transition: 0.3s ease;
}
.form-sec button:hover {
    background: #144807;
    box-shadow: 1px 1px 9px #ffffff;
    color: #fff;
    transition: .3s ease all;
}
.estimate-actions button:hover {
    background: #144807;
    box-shadow: 1px 1px 9px #ffffff;
    color: #fff;
    transition: .3s ease all;
}

/**************************************** Common Css End ****************************************/


 .header.sticky {
     position: fixed;
}


section.instagram-sec {
    overflow: hidden;
    padding-bottom: 60px;
}
section.better_garden_sec_.title_only {
    position: relative;
    background: #cdffa2;
    z-index: 111;
}
section.review-container.client {
    background: #CDFFA2;
    padding-top: 0px;
}
 h4 p {
     margin-bottom: 40px;
}
 section {
     padding: 60px 0px 0px;
}
 section.homeowners_img-sec {
     padding: 0px;
}

 section.logo-sec {
     padding: 30px 0;
}
 .building_description {
     max-width: 650px;
     margin: 0px auto;
     padding: 10px 20px 10px;
}

section.families-sec-title h2.main-heading {
    max-width: 1300px;
    width: 90%;
    margin: 0px auto 40px;
    position: relative;
    top: 115px;
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
}
 section.instagram-sec h2.main-heading {
     max-width: 900px !important;
     width: 100%;
     margin: 0px auto 50px;
	 font-size:48px;
}
 section.review-container h2.main-heading {
     max-width: 600px !important;
     margin: 100px auto 50px;
}
 section.before-after-container h2.main-heading {
     max-width: 1080px;
     margin: 0px auto 50px;
     font-size: 48px !important;
}
 section.estimate_cost .svg-sec_trusted_ svg {
     background: #fff;
}
section.estimate_cost {
    background: #cdffa2;
    position: relative;
    z-index: 111;
    padding-top: 0;
}
 .testimonial_inner_slide.slick-slide h3 {
     line-height: 1.5em;
     letter-spacing: 1px;
}
 .avtar_info {
     display: flex;
     align-items: center;
     gap: 20px;
     justify-content: center;
     margin-top: 60px;
}
.slick-prev:before {
    content: '←';
    background: rgb(29 80 16);
    padding: 14px;
    border-radius: 20px;
    width: 24px;
    z-index: 111111;
    color: #ffffff !important;
}
/*  .slick-prev {
     left: -55px;
} */
 .slick-next:before {
     content: '→';
     background: rgb(29 80 16);
     padding: 14px;
     border-radius: 20px;
     width: 24px;
     z-index: 111111;
     color: #ffffff !important;
}
 .insta-feed button.slick-arrow {
     display: none !important;
}
 .insta-feed .slick-slide {
     margin: 0 10px;
    /* Adjust gap as needed */
}
 .insta-feed .slick-list {
     margin: 0 -10px;
    /* Negative margin to compensate for added slide margin */
}
 .insta-feed .feature-item_ {
     border: 0px solid #cdcdcd;
}
.insta-slide {
     border: 1px solid #cdcdcd;
	 border-radius:15px;
}
.insta-feed .feature-item_ img {
     width: auto;
     border-radius: 32px;
}
.insta-slide.slick-slide {
    background: #f6f6f6;
    padding: 15px;
    border-radius: 15px;
}
.bottom .avtar img {
    width: 30px;
    height: 30px;
    object-fit: cover;
    border-radius: 50px;
}
.bottom .avtar {
    display: flex;
    gap: 6px;
}
  .slick-next {
     right: 0px;
} 
.slick-prev, .slick-next {
    z-index: 111;

}
 p.sub_heading {
     text-align: center;
     font-family: DM Sans, sans-serif;
     font-size: 20px;
     font-weight: 500;
     line-height: 150%;
     margin-bottom: 30px;
     color: #fff;
}
 .testimonial_inner_slide.slick-slide {
     background: url('../images/testimonial-bg.png');
     margin: 0 20px 20px;
     padding: 103px 176px;
     border-radius: 24px;
     text-align: center;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
}
h5.fw-bold.mb-4 {
    font-size: 25px;
    font-weight: 700;
    font-family: "Lato", Sans-serif;
    color: #121212;
}
 footer.footer {
     color: #121212;
     position: relative;
     z-index: 111;
     background: #f5f5f5;
}
 ul.list-unstyled li a {
     color: #121212;
}

 @media (min-width: 1400px) {
     .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
         max-width: 1470px;
    }
}
/******************************** header Css Start *************************************/
/*  body {
     background: rgba(29, 80, 16, 1) !important;
} */
 header.header {
     position: absolute;
     width: 100%;
     z-index: 1111;
}
 a.btn.btn-primary-custom i.fa-solid.fa-phone {
     padding-left: 10px;
}
 ul.navbar-nav.mx-auto li {
     padding-left: 20px;
}
 ul.navbar-nav.mx-auto li a {
     font-family: "Lato", Sans-serif;
     font-size: 20px;
     font-weight: 500;
     text-transform: capitalize;
     line-height: 23px;
     color: #FFFFFF;
     border-radius: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
}
/*  a.btn.btn-primary-custom:hover {
     background-color: rgba(29, 80, 16, 1);
     color: #fff;
     box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.5);
} */
 .user-icon {
     border: 1px solid #fff;
     border-radius: 50%;
     padding: 8px 15px 8px 15px;
     color: #fff;
     font-size: 20px;
     cursor: pointer;
     transition: background 0.3s ease, color 0.3s ease;
}
 .user-icon:hover {
     background-color: #FFFFFF;
     color: #61CE70;
}
 a.nav-link {
     font-size: 22px;
     color: #fff;
     font-weight: 400;
}
/* .btn-primary-custom {
    background-color: #ACFF64;
    font-size: 18px;
    font-weight: 700;
    color: rgba(29, 80, 16, 1);
    line-height: 24px;
    transition-duration: 0.5s;
    border-style: none;
    border-radius: 16px;
    padding: 10px 20px 10px 20px;
    font-family: "DM Sans", sans-serif;
} */
 .btn-outline-custom:hover {
     background-color: rgba(29, 80, 16, 1);
     color: #fff;
}
 .btn-outline-custom {
     background-color: #ffffff;
     font-size: 18px;
     font-weight: 400;
     color: rgba(29, 80, 16, 1);
     line-height: 24px;
     transition-duration: 0.5s;
     border-style: none;
     border-radius: 16px;
     padding: 14px 20px 14px 20px;
     font-family: "Poppins", sans-serif;
}
 /* .btn-outline-custom i.fa-solid.fa-arrow-right, .btn-primary-custom i.fa.fa-arrow-right {
     margin-left: 10px;
} */
/************************************ Header Css End ********************************************/
/************************************ Hero Section Css Start ********************************************/
 .hero-section {
    /* position: relative;
     */
     height: 100vh;
     display: flex;
     align-items: center;
     color: #fff;
     text-align: center;
     overflow: hidden;
     padding-bottom: 40px;
     padding-top: 100px;
}
.hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.hero-section .overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0,0,0,0.4);
    /* dark overlay for readability */
     z-index: 0;
}
 .hero-section .container {
     position: relative;
}
 .hero-section h1 {
     font-size: 72px;
     font-weight: 600;
     line-height: 1.1em;
     color: #fff;
     letter-spacing: 3px;
     text-transform: capitalize;
     width: 100%;
     max-width: 600px !important;
}
 .hero-section p {
    max-width: 360px;
}
/************************************ Hero Section Css End ********************************************/

 .building_description p {
     color: #1d5010;
     margin-bottom: 5px;
}
 .building_description {
     margin-bottom: 5px;
}

/************************************ Landscaping Section Css Start ********************************************/


 section.landscaping.container-fluid {
     padding-top: 120px;
     background: #fff !important;
     z-index: 111;
     position: relative;
}
section.landscaping.container-fluid img {
    width: 100%;
    margin-bottom: 20px;
}


/************************************ landscaping Section Css End ********************************************/


/************************************ Second Section Css Start ********************************************/
 section.featured_list.container-fluid {
     background: #4A7C59;
     padding: 20px 0px;
}
 .green_space_sec .feature-icon {
     width: 60px;
     height: 60px;
     display: flex;
     align-items: center;
}
 .green_space_sec {
     gap: 20px;
}
 .green_space_sec .feature-icon svg {
     width: 60px;
     height: 60px;
}
 .feature_box {
     color: white;
     padding: 5px 35px;
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
     margin: 0;
}
 .second_box {
     border-left: 1px solid #fff;
     border-right: 1px solid #fff;
}
 .feature_box .feature-title {
     font-family: DM Sans, sans-serif;
     font-size: 20px;
     font-weight: 500;
     color: #FFFFFF;
     transition: color 0.3s;
     text-align: left;
}
 .feature-text {
     margin: 5px 0 0 0;
     font-family: "Montserrat", Sans-serif;
     font-size: 16px;
     font-weight: 400;
     color: #FFFFFF;
}
 section.homeowners_img-sec img {
     width: 100%;
}
 section.services-sec {
     display: flex;
     flex-direction: column;
     gap: 60px;
     background: #fff;
     position: relative;
     z-index: 11;
}
 .single_service h2.main-heading {
     font-size: 60px;
     z-index: 1;
     position: relative;
     margin: 0px 0px 30px;
	 color: #fff;
}
/* section.services-sec .single_service {
     position: relative;
}
 */
 .service_content {
     position: absolute;
     top: 0;
     display: flex;
     flex-direction: column;
     justify-content: center;
     vertical-align: middle;
     bottom: 0;
}
 .single_service img {
     max-height: 650px;
     width: 100%;
     object-fit: cover;
}
 .single_service .overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(29, 80, 16, 0.5);
     z-index: 0;
}
 .families-sec-title h2.main-heading {
     z-index: 111;
     position: relative;
}
 .families_sec img {
     width: 100%;
}
/* .families_sec {
    margin-top: 0;
    position: absolute;
    top: 80px;
} */
/************************************ Second Section Css End ********************************************/

/************************************ About Section Css Start ********************************************/

.about-sec .about-content
{
max-width:500px;
margin:0px auto;
}
.about-sec img {
    width: 100%;
}

/************************************ About Section Css End ********************************************/

/************************************ Lawncare Section Css Start ********************************************/

.col-lg-6.lawncare-btn {
    text-align: end;
}
.lawncare .lawncare-sec {
   background: url('../images/testimonial-bg.png');
    border-radius: 24px;
    padding: 40px;
    background-repeat: no-repeat;
    background-size: cover;
}
.lawncare-sec {
    color: #fff;
}

.lawncare-sec h3.main-heading {
    color: #fff;
	font-size:48px;
}
.gallery h2.main-heading {
    font-size: 48px;
}
h1.lawn-heading {
    font-size: 48px;
    color: #121212;
}

/*********************************************** After Before Section Css Start ******************************/

img-comparison-slider.rendered img {
		object-fit: cover;
		height: 600px;
	}
img-comparison-slider.rendered {
						width: 100%;
						object-fit: cover;
					}
				
					
@media screen and (max-width:767px)
					{
							img-comparison-slider.rendered img {
						object-fit: cover;
						height: 300px;
					}
				}
/*********************************************** After Before Section Css End ******************************/


/*********************************************** Estimate Section Css Start ******************************/

 .estimate-wrapper {
      max-width: 980px;
      margin: 40px auto;
      padding: 0 16px;
    }

    .estimate-card {
      background: #f6f6f6;
      border-radius: 28px;
      padding: 32px 32px 40px;
    }

    .estimate-card label {
      font-weight: 600;
      font-size: 0.9rem;
      margin-bottom: 6px;
    }

    .estimate-card .form-control,
    .estimate-card .form-select {
      border-radius: 12px;
      border-color: #e0e0e0;
      padding: 10px 14px;
      font-size: 0.95rem;
    }

    .estimate-card .upload-box {
      border: 2px dashed #d0d0d0;
      border-radius: 12px;
      background: #ececec;
      padding: 10px 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0.95rem;
      cursor: pointer;
      color: #555;
    }
	
	.estimate-wrapper h2.main-heading {
		font-size: 48px;
		font-weight: 600;
	}

    .estimate-card .upload-box span {
      margin-left: 6px;
    }

    .services-title {
      font-weight: 600;
      margin-bottom: 12px;
    }

    .service-list .form-check {
      margin-bottom: 8px;
    }

    /* Custom checkbox look */
    .service-list .form-check-input {
      width: 18px;
      height: 18px;
      border-radius: 4px;
      border: 1px solid #bcbcbc;
      cursor: pointer;
    }

    .service-list .form-check-input:checked {
      background-color: #27ae60;
      border-color: #27ae60;
    }

    .service-list .form-check-label {
      margin-left: 4px;
      font-size: 0.95rem;
    }
	
 .estimate-actions  button {
     width: 100%;
     background: #ACFF64;
     font-size: 18px;
     font-weight: 800;
     border: none;
     border-radius: 10px;
     padding: 12px 16px;
     color: #1D5010;
     font-family: 'DM Sans';
     display: flex;
     justify-content: center;
     gap: 10px;
     align-items: center;
}
    .estimate-actions {
      margin-top: 28px;
      position: relative;
    }
	
	.lawn-cta-inner .newsletter-box {
    max-width: 420px;
    margin: 0px auto;
}

    @media (max-width: 767.98px) {
      .estimate-card {
        padding: 24px 20px 32px;
      }
	  .lawncare-sec h3.main-heading {
    color: #fff;
    font-size: 28px;
}
h1.lawn-heading {
    font-size: 28px;
    color: #121212;
}
    }

/*********************************************** The Lawnn Section Css Start ******************************/

   .lawn-cta-section {
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 40px 16px;
    }

    .lawn-cta-inner {
      width: 100%;
    }

    /* Top images row */
    .lawn-images-row {
      display: flex;
      justify-content: center;
      align-items: flex-end;
      margin-bottom: 110px;
      gap: 24px;

    }

    .lawn-image-card {
/* s */
      border-radius: 28px;
      /* overflow: hidden; */
     /*  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.65); */
    }

.lawn-image-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;

  transition: transform 0.4s ease; /* smooth animation */
}

.lawn-image-card:hover img {
  transform: translateY(-20px); /* move up */
}

    /* Arc effect */
    .lawn-image-card:nth-child(1),
    .lawn-image-card:nth-child(6) {
      transform: translateY(160px);
    }
    .lawn-image-card:nth-child(2),
    .lawn-image-card:nth-child(5) {
      transform: translateY(80px);
    }
    .lawn-image-card:nth-child(3),
    .lawn-image-card:nth-child(4) {
      transform: translateY(0);
    }

    .lawn-subtext {
      margin-bottom: 40px;
    }

    .email-wrapper {
      max-width: 520px;
      margin: 0 auto;
    }

    .email-wrapper .form-control {
      border-radius: 10px 0 0 10px;
      padding: 14px 18px;
      border: none;
      font-size: 0.95rem;
	  background: #bdbbbb61;
    }

    .email-wrapper .btn-submit {
      border-radius: 0 10px 10px 0;
      border: none;
      padding: 0 28px;
      background: #b3ff3b;
      font-weight: 600;
      font-size: 0.95rem;
      color: #000;
      white-space: nowrap;
    }

    .email-wrapper .btn-submit:hover {
      background: #a0f330;
    }

    @media (max-width: 767.98px) {
      .lawn-images-row {
        margin-bottom: 60px;
      }
      .lawn-image-card {
        width: 130px;
        height: 130px;
      }
      .lawn-heading {
        font-size: 1.8rem;
      }
      .email-wrapper .form-control {
        border-radius: 999px;
        margin-bottom: 10px;
      }
      .email-wrapper .btn-submit {
        border-radius: 999px;
        width: 100%;
      }
    }
  
/*********************************************** The Lawn Section Css End ******************************/


/*********************************************** Trusted Section Css Start ******************************/


    .trusted-section {
      position: relative;
      min-height: 600px;
      color: #fff;
      background-image: url("../images/trusted-bg.jpg");
      background-size: cover;
      background-position: center center;
      display: flex;
      align-items: flex-end;
      padding: 40px 0;
    }

    /* dark gradient on bottom */
    .trusted-section::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.75),
        rgba(0, 0, 0, 0.2),
        transparent
      );
      pointer-events: none;
    }

    .trusted-content {
      position: relative;
      z-index: 1;
    }

    .trusted-title {
      font-size: 48px;
      line-height: 1.2;

    }

    /* Feature items */
    .feature-item {
		display: flex;
		align-items: baseline;
		gap: 12px;
		margin-bottom: 12px;
		color: #ffffff;
		flex-direction: column;
	}

    .feature-icon {
      width: 42px;
      height: 42px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.2rem;
      color: #26a843;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.45);
    }

    .feature-text-title {
      font-weight: 600;
      font-size: 24px;
      line-height: 1.3;
    }

    @media (max-width: 767.98px) {
      .trusted-section {
        align-items: flex-end;
        padding: 24px 0 32px;
      }

      .trusted-title {
        font-size: 1.7rem;
        margin-bottom: 18px;
      }

      .feature-item {
        margin-bottom: 10px;
      }
    }

/*********************************************** Trusted Section Css End ******************************/


/*********************************************** Trusted Section Css End ******************************/

.gallery-sec.d-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.gallery-sec.d-grid img {
    width: 100%;
}

/*********************************************** Trusted Section Css End ******************************/



 .trusted_sec_img img {
     width: 100%;
}
 .row.featured_list {
     max-width: 975px;
     margin: 0px auto;
}
 .button_sec {
     z-index: 1111;
     position: relative;
}
 .box-sec_inner {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 30px;
}
.feature_box_ {
    padding: 80px 30px 55px 30px;
    border-radius: 40px;
    background: #CDFFA2;
    text-align: center;
}
 .trusted_sec_img img {
     max-height: 400px;
     object-fit: cover;
     border-radius: 20px;
     margin-bottom: 40px;
}
 .feature_box_title_sec.align-items-center {
     display: grid;
     gap: 12px;
}
.feature_box_title_sec .feature-title {
    font-size: 24px;
    color: rgb(58 115 33);
    font-weight: 700;
    font-family: DM Sans, sans-serif;
}
 p.feature-text_ {
     font-family: "Lato", Sans-serif;
     font-size: 19px;
     font-weight: 400;
     color: #64748B;
     padding-top: 10px;
}
 .avtar_img img {
     width: 50px !important;
     height: 50px;
     object-fit: cover;
     border-radius: 50px;
     border: 2px solid #88d34f;
     margin-bottom: 0px !important;
}
 .avtar_name {
     font-size: 20px;
     color: #fff;
     font-weight: 700;
}
/*  .feature-item_ img {
     max-height: 300px;
     min-height: 300px;
     object-fit: cover;
} */
 .feature-item_ {
     border: 1px solid #cdcdcd;
}
 section.review-container .swiper {
     padding: 0 0 50px 0;
}
 .review-container img {
     width: 100%;
     margin-bottom: 15px;
}
 .slick-dots li button:before {
     font-size: 16px;
}
 .slick-dots li.slick-active button:before {
     opacity: 1;
     color: #ffffff;
}
 section.homeowners_img-sec {
     position: relative;
     z-index: 111;
     background: #fff;
}
 .testimonail-sec .slick-dots {
     position: relative;
     bottom: 0;
}
 .testimonail-sec.slick-dotted.slick-slider {
     padding-bottom: 30px;
     z-index: 11111;
}
 .testimonail-sec.slick-initialized.slick-slider.slick-dotted {
     margin-bottom: 0px !important;
}
 section.homeowners.container-fluid {
     position: relative;
     z-index: 111111;
     background: #fff;
}
 .svg-sec svg {
     position: absolute;
     top: 0;
     z-index: 1;
}
/*  .svg-sec svg path {
     fill: #CDFFA2;
} */
 section.families-sec-title {
     position: relative;
     background: #fff;
     z-index: 111;
     padding-bottom: 80px;
}
 section.review-container {
     position: relative;
     z-index: 111;
     background: #fff;
}
 section.better_garden_sec .container.text-center {
     position: absolute;
     top: 60px;
     z-index: 111;
     align-items: center;
     width: 100%;
     left: 0;
     right: 0;
}
 section.better_garden_sec .container.text-center h2.main-heading {
     margin: 0px auto 100px;
}
 .better_garden img {
     width: 100%;
    /*  padding-top: 90px; */
}
section.better_garden_sec {
    position: relative;
    padding: 0;
    padding-top: 60px;
    z-index: 11;
    padding-top: 0;
}
section.better_garden_sec .svg-sec-up-curve.top_shape svg {
    position: absolute;
    top: -140px;
}
 section.better_garden_sec .svg-sec-up-curve.bottom_shape svg {
     position: absolute;
     bottom: 0;
}
 form.plants_form .check-box{
     display: grid;
     grid-template-columns: 1fr 1fr;
}
 form.plants_form .check-box .form-group {
     display: flex;
     gap: 3px;
}
 form.plants_form input[type=checkbox]{
     width: 20px;
     height: 20px;
     background-color: #FA9E57;
     accent-color: #329319;
}
 input[type=checkbox]:checked{
     background-color: #FA9E57;
}

.form-sec h2.main-heading {
    font-size: 48px;
}

form.plants_form h3 {
    color: #fff;
}
.form-sec p {
    max-width: 470px;
}

 .custom-checkbox {
     appearance: none;
     -webkit-appearance: none;
     background-color: red;
    /* Red when unchecked */
     border: 2px solid #ccc;
     width: 20px;
     height: 20px;
     border-radius: 4px;
     cursor: pointer;
     vertical-align: middle;
     margin-right: 8px;
     position: relative;
}
 input#service-other {
     padding: 2px !important;
}
/* Green background when checked */
 .custom-checkbox:checked {
     background-color: #44AC2A !important;
     border-color: #44AC2A !important;
}
/* Optional: Checkmark icon using pseudo-element */
 .custom-checkbox:checked::after {
     content: "✓";
     color: white;
     font-size: 14px;
     position: absolute;
     top: 0;
     left: 5px;
}
div#services input {
    background: #66339900;
    border: 1px solid #447d2b;
    fill: #746a6a00;
    padding: 10px;
    border-radius: 6px;
}
 input#service-other {
     background: transparent !important;
     border: none !important;
     border-bottom: dashed !important;
     border-radius: 0px !important;
     width: 100% !important;
}
 .other label {
     width: auto !important;
}
 .form-sec {
     padding-top: 100px;
     background: #fff;
}
form.plants_form {
    background: #1D5010;
    border-radius: 32px;
    padding: 32px 28px;
    color: #fff;
}
 form.plants_form label {
     width: 100%;
     font-size: 18px;
     font-weight: 600;
     margin-bottom: 7px;
     font-family: 'DM Sans';
}
 form.plants_form .form-group {
     margin-bottom: 20px;
}
 form.plants_form ::placeholder {
     color: #3a7321;
}
 form.plants_form button {
     width: 100%;
     background: #ACFF64;
     font-size: 18px;
     font-weight: 800;
     border: none;
     border-radius: 10px;
     padding: 12px 16px;
     color: #1D5010;
     font-family: 'DM Sans';
     display: flex;
     justify-content: center;
     gap: 10px;
     align-items: center;
}
 form.plants_form input {
     background: #fff;
     border: none;
     border-radius: 10px;
     padding: 12px 16px;
     width: 100%;
     color: #3a7321;
}
 form.plants_form select {
     padding: 12px 10px;
     border-radius: 10px;
     background: #fff;
     width: 100%;
     color: #3a7321;
     border: none;
}
 form.plants_form input:focus-visible, form.plants_form select:focus-visible {
     outline: unset;
}
 form.plants_form select option {
     background: #1d5010;
}
 form.plants_form select option:hover {
     background: #1d5010;
}
/* Hide the default file input */
 input[type="file"] {
     display: none;
}
/* Style your custom button */
.custom-file-label {
    display: inline-block;
    padding: 10px 12px;
    border-radius: 10px;
    background: #fff;
    width: 100%;
    color: #447d2b;
    border: 2px dashed #48892c;
}
 .form-sec .row.inner-content {
     align-items: center;
}
 .svg-sec_trusted svg {
     position: absolute;
     top: -20px;
}
 /* .svg-sec_trusted svg path {
     fill: #1d5010;
} */
 section.box-sec.clip-bottom_ .svg-sec-up-curve svg {
     background: #cdffa2;
}
div.form-sec .svg-sec-up-curve svg {
    background: #cdffa2 !important;
}
 section.form-sec {
     padding: 0;
}
section.box-sec.clip-bottom_ {
    position: relative;
    padding-top: 40px;
    background: #fff;
    z-index: 1111;
}
section.families-sec-title .container.fours {
     position: absolute;
     margin: 0px auto;
     text-align: center;
     left: 0;
     right: 0;
     bottom: 0;
}
/************************************ Third Section Css End ********************************************/
/************************************ Footer Styles ********************************************/
 .footer {
     color: #1d5010;
     padding: 60px 0 30px;
}
 .social-icon {
     color: #1d5010;
     font-size: 1.5rem;
     margin-right: 15px;
     transition: color 0.3s ease;
}
 .social-icon:hover {
     color: var(--accent);
}
.newsletter-box {
    max-width: 420px;
}

.newsletter-input {
    height: 55px;
    border-radius: 15px;
    padding-left: 20px;
    font-size: 15px;
}
form.newsletter-box.d-flex {
    position: relative;
}
.newsletter-btn {
    height: 45px;
    padding: 0 25px;
    border-radius: 15px;
    background-color: #b4ff3b; /* neon green like screenshot */
    font-weight: 600;
    color: #000;
    border: none;
}

.newsletter-btn:hover {
    background-color: #a7ff1f;
    color: #000;
}
button.btn.newsletter-btn.ms-2 {
    position: absolute;
    right: 5px;
    top: 5px;
}
img-comparison-slider.rendered img {
    margin-bottom: 0px;
}


/************************************ Media Queries ********************************************/
 @media screen and (max-width: 767px) {
	 section.families-sec-title .container.fours {
    position: relative;
}
     .slick-dots li button:before {
         font-size: 10px;
    }
     .header {
         max-width: 100%;
         width: 100%;
    }
     .header div#navbarNav {
         background: #000;
         z-index: 1 !important;
    }
     header.header .container {
         padding: 0;
    }
     a.navbar-brand {
         margin-left: 15px;
    }
     button.navbar-toggler {
         margin-right: 15px;
    }
     .container.fours {
         position: relative;
         margin: 0px auto;
    }
     .hero-section h1 {
         font-size: 40px;
         font-weight: 600;
         line-height: 45px;
         margin: 0px auto 20px;
         letter-spacing: 0;
    }
     .hero-section h1 span {
         font-size: 26px;
    }
     .hero-section p {
         font-size: 16px;
         font-weight: 400;
         line-height: 25px;
         margin-top: 20px;
    }
	.lawn-images-row {
		flex-wrap: wrap;
		gap: 24px;
	}
	.lawn-image-card:nth-child(1), .lawn-image-card:nth-child(6) {
		transform: unset;
	}
	.lawn-image-card:nth-child(2), .lawn-image-card:nth-child(5) {
		transform: unset;
	}
	.lawn-cta-section {
		padding: 10px 10px;
	}
	.trusted-section {
    min-height: 500px;

}
.gallery-sec.d-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
img-comparison-slider.rendered img {
    margin-bottom: 0px;
}
section.about .about-sec img {
    border-radius: 25px;
}

section.about .col-lg-6.ps-0 {
    padding-left: 10px !important;
}
section.about .container-fluid.ps-0 {
    /* padding: 11px; */
    padding-left: 12px !important;
}
     h2.main-heading, .rooted-title {
         font-size: 30px;
         line-height: 40px;
         margin-bottom: 0px;
         letter-spacing: 0px;
    }
     form.plants_form h3 {
         font-size: 22px;
    }
     h4.before-heading, .rooted-subtitle {
         font-size: 24px;
         margin-bottom: 5px;
    }
     p.sub_heading, .lead, .rooted-description {
         font-size: 16px;
         line-height: 25px;
         margin-bottom: 10px;
    }
     .tab_description {
         padding: 10px 3px;
         font-size: 13px;
    }
     .tab_description h3 {
         font-size: 18px;
         margin-bottom: 5px;
    }
     section {
         padding: 20px 0px;
    }
     .logo-sec {
         width: 90%;
         margin: 0px auto;
         gap: 10px;
         display: grid;
         grid-template-columns: 1fr 1fr;
    }
     .logo_sec {
         padding: 30px 20px;
         border: 1px solid #ededed;
    }
     .button_sec {
         flex-wrap: wrap;
         gap: 0px !important;
    }
     ul.navbar-nav.mx-auto {
         gap: 15px;
         margin-bottom: 25px;
    }
     div#navbarNav {
         padding: 12px !important;
    }
     .btn-primary-custom span, .btn-primary-custom i {
         font-size: 13px;
         margin-bottom: 20px;
         padding: 8px 12px 8px 12px;
    }
     .feature_box {
         padding: 14px 8px;
    }
     .feature_box .feature-title {
         font-size: 18px;
    }
     .green_space_sec .feature-icon svg {
         width: 50px;
         height: 50px;
    }
     .col-md-4.second_box {
         border-top: 1px solid #8ea888;
         border-bottom: 1px solid #8ea888;
         border-left: none;
         border-right: none;
         padding: 10px;
         margin-bottom:10px;
    }
     .families_sec {
         margin-top: 0px;
		 margin-bottom: 30px;
}
	
    
     .feature-icon {
         width: 20px;
         height: 20px;
    }
     .feature-title {
         font-size: 20px;
    }
     p.feature-text_ {
         font-size: 16px;
    }
     .company-section .col-lg-2.col-md-6.mb-3.mb-lg-0.col-xs-6 {
         width: 50%;
    }
     .hero-section {
         max-height: 60vh !important;
         padding-left: 10px;
         padding-right:10px;
    }
     h2 {
         font-size: 32px !important;
         font-weight: 700;
         line-height: 40px;
         letter-spacing: 0px;
    }
	h4.sub-heading {
    margin-bottom: 5px;
}
     .families_sec {
         margin-top: 0px;
    }
     section.box-sec.clip-bottom_ {
         position: relative;
         padding-top: 0px;
    }
     section.better_garden_sec .container.text-center h2.main-heading {
         margin: 0px auto 16px;
    }
     section.better_garden_sec .container.text-center {
         top: 0px;
    }
     .better_garden img {
         padding-top: 30px;
    }
     section.landscaping.container-fluid {
         padding-top: 40px;
    }
     .svg-sec svg {
         top: -27px;
    }
     .svg-sec_trusted svg {
         position: absolute;
         top: 70px;
    }
     section.families-sec-title h2.main-heading {
         margin: 0px auto 0;
         top: 30px;
    }
     section.review-container h2.main-heading {
         margin: 20px auto 50px;
    }
     section.box-sec.clip-bottom_ .form-sec {
         padding-top: 00px;
    }
	  .form-sec {
         padding-top: 50px;
    }
     .form-sec h2.main-heading {
         margin-bottom: 30px;
         text-align: center;
    }
     .box-sec_inner {
         grid-template-columns: repeat(2, 1fr);
         width: 100%;
         margin: 0px auto;
    }
     .feature_box_ {
         padding: 40px 10px 25px 10px;
    }
     .feature_box_title_sec .feature-title {
         font-size: 14px;
    }
     section.before-after-container h2.main-heading {
         margin: 0px auto 30px;
         font-size: 30px !important;
    }
     .testimonial_inner_slide.slick-slide {
         padding: 20px 15px;
         margin: 0 10px 20px;
    }
     .avtar_info {
         gap: 9px;
         margin-top: 30px;
    }
     .avtar_name {
         font-size: 16px;
    }
     .avtar_img img {
         width: 40px !important;
         height: 40px;
    }
     button.slick-arrow {
         display: none !important;
    }
     .testimonial_inner_slide.slick-slide h3 {
         font-size: 16px;
         margin-bottom: 10px !important;
    }
     section.better_garden_sec {
         padding-top: 0px;
    }
}
 .footer {
     color: #1d5010;
     padding: 60px 0 30px;
}
 .social-icon {
     color: #1d50102;
     font-size: 1.5rem;
     margin-right: 15px;
     transition: color 0.3s ease;
}
 .social-icon:hover {
     color: var(--accent);
}