/******************************** Font Family Css Start **********************************/
 h1, h2, h3, h4, h5, h6 {
     margin-bottom: 20px;
     font-family: "Poppins", sans-serif;
     color: rgba(205, 255, 162, 1);
}
/* html, body {
     overflow-x: hidden;
}
 */
 .header.sticky {
     position: fixed;
}
 .single_service {
     position: sticky;
     top: 0;
}
 div#hero-section {
     position: sticky;
     top: 0;
}
 section.instagram-sec {
     overflow: hidden;
     z-index: 11;
     position: relative;
     background: #1d5010;
     padding-bottom: 60px;
}
 h4 p {
     margin-bottom: 40px;
}
 section {
     padding: 60px 0px 0px;
}
 section.homeowners_img-sec {
     padding: 0px;
}
 section.landscaping.container-fluid {
     padding-top: 120px;
     background: #cdffa2 !important;
     z-index: 1111;
     position: relative;
}
 section.logo-sec {
     padding: 30px 0;
}
 .building_description {
     max-width: 650px;
     margin: 0px auto;
     padding: 10px 20px 10px;
}
 .hero-section h1 {
     width: 100%;
     max-width: 1024px !important;
     margin: 0px auto 40px;
}
 section.families-sec-title h2.main-heading {
     max-width: 1300px;
     width: 90%;
     margin: 0px auto 40px;
     position: relative;
     top: 35px;
}
 section.instagram-sec h2.main-heading {
     max-width: 900px;
     width: 100%;
     margin: 0px auto 50px;
}
 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: 80px !important;
}
 section.estimate_cost .svg-sec_trusted_ svg {
     background: #cdffa2;
}
 section.estimate_cost {
     background: #1d5010;
     position: relative;
     z-index: 111;
}
 .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: rgba(172, 255, 100, 1);
     padding: 14px;
     border-radius: 20px;
     width: 24px;
     z-index: 111111;
     color: #000000 !important;
}
/*  .slick-prev {
     left: -55px;
} */
 .slick-next:before {
     content: '→';
     background: rgba(172, 255, 100, 1);
     padding: 14px;
     border-radius: 20px;
     width: 24px;
     z-index: 111111;
     color: #000000 !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-feed .feature-item_ img {
     width: 100%;
     border-radius: 32px;
}
  .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;
}
 footer.footer {
     color: rgba(205, 255, 162, 1);
     position: relative;
     z-index: 111;
     background: #1d5010;
}
 ul.list-unstyled li a {
     color: rgba(205, 255, 162, 1);
}
 p {
     font-family: DM Sans, sans-serif;
}
 @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: rgba(172, 255, 100, 1);
     font-size: 20px;
     font-weight: 400;
     color: rgba(29, 80, 16, 1);
     line-height: 24px;
     transition-duration: 0.5s;
     border-style: none;
     border-radius: 16px;
     padding: 16px 20px 16px 20px;
     font-family: "Poppins", sans-serif;
}
 .btn-outline-custom:hover {
     background-color: rgba(29, 80, 16, 1);
     color: #fff;
}
 .btn-outline-custom {
     background-color: rgba(172, 255, 100, 1);
     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-video {
     position: absolute;
     top: 50%;
     left: 50%;
     min-width: 100%;
     min-height: 100%;
     width: auto;
     height: auto;
     z-index: -1;
     transform: translate(-50%, -50%);
     object-fit: cover;
}
 .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: 100px;
     font-weight: 600;
     line-height: 1.1em;
     color: rgba(205, 255, 162, 1);
     letter-spacing: 3px;
     text-transform: capitalize;
}
/************************************ Hero Section Css End ********************************************/
 section.landscaping.container-fluid h2.main-heading {
     color: rgb(29 80 16);
}
 .building_description p {
     color: #1d5010;
     margin-bottom: 5px;
}
 .building_description {
     margin-bottom: 5px;
}
/************************************ 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: #1d5010;
     position: relative;
     z-index: 11;
}
 .single_service h2.main-heading {
     font-size: 60px;
     z-index: 1;
     position: relative;
     margin: 0px 0px 30px;
}
/* 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: -185px;
}
/************************************ Second Section Css End ********************************************/
/************************************ Third Section Css Start ********************************************/
 h2.main-heading {
     font-size: 80px;
     font-weight: 600;
     color: rgba(205, 255, 162, 1);
     line-height: 1.1em;
     letter-spacing: 1px;
     width: 100%;
     max-width: 816px !important;
     margin: 0px auto 30px;
}
 .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: rgba(58, 115, 33, 1);
     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: rgba(172, 255, 100, 1);
     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.container-fluid.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: #1d5010;
}
 .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: #1d5010;
}
 .svg-sec svg {
     position: absolute;
     top: 0;
     z-index: 1;
}
 .svg-sec svg path {
     fill: #CDFFA2;
}
 section.families-sec-title {
     position: relative;
     background: #1d5010;
     z-index: 111;
     padding-bottom: 80px;
}
 section.container-fluid.review-container {
     position: relative;
     z-index: 111;
     background: #1d5010;
}
 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;
}
 section.better_garden_sec .svg-sec-up-curve.top_shape svg {
     position: absolute;
     top: 0;
}
 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 {
     color: #1D5010;
     margin-bottom: 0px;
}
 .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 #CDFFA280;
     fill: transparent;
     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: #cdffa2;
}
 form.plants_form {
     background: #3a7321;
     border-radius: 32px;
     padding: 32px 28px;
     color: #cdffa2;
}
 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: #cdffa2;
}
 form.plants_form button {
     width: 100%;
     background: #cdffa2;
     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: #447D2B;
     border: none;
     border-radius: 10px;
     padding: 12px 16px;
     width: 100%;
     color: #cdffa2;
}
 form.plants_form select {
     padding: 12px 10px;
     border-radius: 10px;
     background: #447d2b;
     width: 100%;
     color: #cdffa2;
     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: #447d2b;
     width: 100%;
     color: #cdffa2;
     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: #1d5010 !important;
}
 section.form-sec {
     padding: 0;
}
 section.box-sec.clip-bottom_ {
     position: relative;
     padding-top: 80px;
     background: #1d5010;
     z-index: 11;
}
 .container.fours {
     position: absolute;
     margin: 0px auto;
     text-align: center;
     left: 0;
     right: 0;
     top: 0;
}
/************************************ Third Section Css End ********************************************/
/************************************ Footer Styles ********************************************/
 .footer {
     color: #cdffa2;
     padding: 60px 0 30px;
}
 .social-icon {
     color: #cdffa2;
     font-size: 1.5rem;
     margin-right: 15px;
     transition: color 0.3s ease;
}
 .social-icon:hover {
     color: var(--accent);
}
a.navbar-brand {
    width: 15%;
    height: 120px;
}
 
a.navbar-brand img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
/************************************ Media Queries ********************************************/
 @media screen and (max-width: 767px) {
     .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;
		width: 23%;
		height: 100px;
    }
     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: 12px;
         font-weight: 400;
         line-height: 25px;
         margin-top: 20px;
    }
     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 {
         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;
    }
     .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: 30px !important;
         font-weight: 700;
         line-height: 40px;
         letter-spacing: 0px;
    }
     .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: 0px;
    }
     section.review-container h2.main-heading {
         margin: 20px auto 50px;
    }
     .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: #cdffa2;
     padding: 60px 0 30px;
}
 .social-icon {
     color: #cdffa2;
     font-size: 1.5rem;
     margin-right: 15px;
     transition: color 0.3s ease;
}
 .social-icon:hover {
     color: var(--accent);
}