/* Desktop Background Image */
.landscaping-services-hero {
    width: 100%;
    max-width: 100%;
    /*min-height: 100vh; !* Full screen height *!*/
     background-size: cover; /* Ensures full coverage */
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: left;
    align-items: center;
    padding: 50px 0; /* Adjust spacing */
}

/* Prevent horizontal scrollbar from full-bleed sections on Landscaping Services page. */
html,
body.page-template-page-landscaping-services,
body.page-template-page-landscaping-services-php,
body.page-id-1033 {
    overflow-x: hidden;
}

.landscaping-services-overview .google-reviews.full-bleed-bg,
.landscaping-services-overview .certifications-section.full-bleed-bg {
    left: auto;
    right: auto;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    overflow: hidden;
}

/*@media (max-width: 1024px) {*/
/*    main {*/
/*        margin-top: 100px;*/
/*    }*/
/*}*/


/* Make sure the image is at least 1440px wide */
@media (min-width: 1440px) {
    .landscaping-services-hero {
        background-size: 1440px auto;
    }
}

/* Hide Desktop Background Image */
.landscaping-services-hero-image.mobile {
    display: none;
}
/* Desktop: Keep Background Image */
.landscaping-services-hero {
    /*margin-top: -45px;*/
    display: flex;
    justify-content: center;
    align-items: start;
    /*padding: 10px 50px 0 50px;*/
    background-size: cover;
    position: relative;
    min-height: 350px;
    background-position: center top;
    background-repeat: no-repeat;
    border-bottom: 2px #ddd solid;
}

.landscaping-services-hero .free-quote-button-wrapper {
    margin-top: 20px;
    margin-left: 0;
}

/* Ensure Hero Content is Limited in Width */
.landscaping-services-hero-content {
    width: 100%;
    max-width: 1440px;
    position: relative;
    z-index: 2;
    text-align: left;
}

/* Ensure Text Spacing */
.landscaping-services-hero-description,
.landscaping-services-hero-description-2 {
    /*padding-left: 15px;*/
    color: #fff;
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 47px;
}

/* Titles Styling */
.landscaping-services-hero-title {
    max-width: 600px;
    color: white;
    font-family: "Roboto Slab";
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 47px;
    text-align: left;
    padding-left: 20px;
    /*padding-top: 50px;*/
}

.landscaping-services-hero-subtitle {
    max-width: 600px;
    color: #fff;
    font-family: "Open Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 47px;
    padding-left: 20px;
}

/* Call-to-Action Button */
.landscaping-services-hero-cta {
    display: inline-block;
    padding: 15px 30px;
    background-color: #17A7E0;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    margin-top: 15px;
}

/* Large Screens Adjustments */
@media (max-width: 1430px) {
    .landscaping-services-hero {
        background-size: cover;
    }
}

@media (max-width: 1330px) {
    .landscaping-services-hero {
        background-position: calc(50% + 100px) center;
        overflow: hidden;
    }
}

/* ✅ Mobile Adjustments */
@media (max-width: 900px) {
    .landscaping-services-hero {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 0;
        background-image: none !important; /* Remove Background Image */
    }

    /* Mobile Image */
    .landscaping-services-hero-image.mobile {
        display: block;
        width: 100%;
        max-width: unset;
        height: auto;
        border-radius: unset;
        margin: unset;
        padding: 0;
    }

    /* Hide Desktop Background Image */
    .landscaping-services-hero-image.desktop {
        display: none;
    }
}

/* Remove Background on Mobile */
@media (max-width: 900px) {
    .landscaping-services-hero {
        background-image: none !important;
    }

    .landscaping-services-hero-content {
        display: flex;
        flex-direction: column;
    }
    .landscaping-services-hero .landscaping-services-hero-image.mobile img {
        order: 3;
    }
    .landscaping-services-hero .free-quote-button-wrapper {
        order: 4;
    }

    .landscaping-services-hero .landscaping-services-hero-subtitle {
        order: 2;
        color: #1d3e63;
        text-align: center;
        max-width: 90%;
        margin: 0 auto;
    }
    .landscaping-services-hero .landscaping-services-hero-title {
        color: #1d3e63;
        text-align: center;
        order: 1;
        margin: 20px auto;
    }
    .our-story-title {
        margin-top: 0;
    }
    .landscaping-services-hero .free-quote-button-wrapper {
        margin: 20px auto;
    }
    .about-title {
        padding: 0 20px;
    }
    .our-story-blurb {
        max-width: 90%;
        margin: 0 auto;
    }
    .google-reviews {
        margin-bottom: 30px;
    }
}
.service-possibilities .service-possibilities-image.mobile {
    display: none;
}

/* Full-width section with background color */
.service-possibilities {
    max-width: 1440px;
    width: 100%;
    /*background-color: #F2FAFF;*/
    display: flex;
    justify-content: center;
    padding: 0;
    position: relative;
    margin: 0 auto;
}

.service-possibilities-image.desktop,
.service-possibilities-blurb > p {
    padding: 0 20px;
}

/* Centered content wrapper */
.service-possibilities-wrapper {
    display: flex;
    align-items: center;
    max-width: 1440px;
    width: 100%;
    gap: 50px;
    padding: 0 20px;
}

/* Image on the left (Desktop) */
.service-possibilities-image.desktop {
    flex: 1;
    max-width: 654px;;
}

.service-possibilities-image.desktop img {
    width: 100%;
    max-width: 654px;
    height: auto;
    border-radius: 7px;
}

/* Content on the right */
.service-possibilities-content {
    flex: 1;
    text-align: left;
}

/* Title Styling */
.service-possibilities-title {
    color: #024F6F;
    text-align: left;
    padding-left: 20px;
    font-family: "Roboto Slab", serif;
    font-size: 40px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 15px;
}

/* Blurb Styling */
.service-possibilities-blurb {
    color: #024F6F;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 35px;
}

.landscaping-services-overview .service-possibilities-blurb ul,
.landscaping-services-overview .service-possibilities-blurb ol {
    margin: 12px 20px;
    padding-left: 24px;
}

.landscaping-services-overview .service-possibilities-blurb ul {
    list-style: disc outside;
}

.landscaping-services-overview .service-possibilities-blurb ol {
    list-style: decimal outside;
}

.landscaping-services-overview .service-possibilities-blurb li {
    margin: 4px 0;
    line-height: 1.5;
}

/* Mobile Adjustments */
@media (max-width: 1200px) {
    .service-possibilities-wrapper {
        flex-direction: column;
        text-align: center;
        gap: 30px;
    }

    .service-possibilities-image.desktop {
        display: none; /* Hide desktop image */
    }

    .service-possibilities .service-possibilities-image.mobile {
        display: block;
        width: 100%;
        height: auto;

    }
    .service-possibilities .service-possibilities-image.mobile img {
        display: block;
        width: 90%;
        max-width: 700px;
        height: auto;
        margin: 20px auto 0 auto;
        border-radius: 7px;
    }

    .service-possibilities-content {
        padding: 0 0px;
    }
}
@media (max-width: 768px) {
    .service-possibilities-wrapper {
        padding: 0;
    }
    .landscaping-services-hero-subtitle {
        max-width: 80%;
    }
    .landscaping-design-key-elements-title,
    .landscaping-trends-title,
    .reliability-professionalism-title,
    .service-possibilities-title {
        max-width: 90%;
    }
}

/* ================================
  New Section (Two Columns)
================================= */

.service-additional-row {
    max-width: 1440px;
    /*width: 100%;*/
    display: flex;
    justify-content: center;
    padding: 50px 20px;
    margin: 0 auto;
    background-color: #F2FAFF;
}

.service-additional-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1440px;
    gap: 50px;
}

.service-additional-column {
    width: 50%;
    text-align: center;
}

.service-additional-column img {
    width: 100%;
    height: auto;
    border-radius: 7px;
    max-width: 305px;
}

@media (max-width: 1024px) {
    .service-additional-wrapper {
        flex-direction: column;
        text-align: center;
    }

    .service-additional-column {
        width: 100%;
    }
}


/* Full-width section */
.landscaping-design-key-elements {
    max-width: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    padding-bottom: 30px;
    margin: 0 auto;
    flex-direction: column;
}

/* Centered content wrapper */
.landscaping-design-key-elements-wrapper {
    display: flex;
    align-items: center;
    max-width: 1440px;
    width: 100%;
    gap: 50px;
    margin: 0 auto;
}

/* Video replaces image */
.landscaping-design-key-elements-video {
    flex: 1;
    max-width: 615px;
    padding-left: 20px;
}

.landscaping-design-key-elements-video video {
    width: 100%;
    max-width: 615px;
    height: auto;
    border-radius: 7px;
}

/* Content on the right */
.landscaping-design-key-elements-content {
    flex: 1;
    text-align: left;
    padding-right: 20px;
}

/* Title Styling */
.landscaping-design-key-elements-title {
    color: #024F6F;
    text-align: center;
    font-family: "Roboto Slab", serif;
    font-size: 40px;
    font-weight: 600;
    margin: 0 auto 15px auto;
    background-color: #F2FAFF;
    width: 100%;
    padding: 10px 10px;
}

/* Blurb Styling */
.landscaping-design-key-elements-blurb {
    color: #024F6F;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    max-width: 100%;
    margin: 0 auto;
}

/* Mobile Adjustments */
@media (max-width: 1200px) {
    .landscaping-design-key-elements-wrapper {
        flex-direction: column;
        text-align: center;
        gap: 5px;
    }

    .landscaping-design-key-elements-video {
        max-width: 100%;
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }

    .landscaping-design-key-elements-video video {
        width: 90%;
        max-width: 600px;
        height: auto;
        margin: 20px auto 0 auto;
        border-radius: 7px;
    }

    .landscaping-design-key-elements-content {
        padding: 0 20px;
    }
}

/* Full-width section */
.seven-new-design-benefits {
    max-width: 1440px;
    width: 100%;
    display: flex;
    justify-content: center;
    padding-bottom: 30px;
    margin: 0 auto;
    flex-direction: column;
}

/* Centered content wrapper */
.seven-new-design-benefits-wrapper {
    display: flex;
    align-items: center;
    max-width: 1440px;
    width: 100%;
    gap: 50px;
}

/* Image on the left */
.seven-new-design-benefits-image {
    flex: 1;
    max-width: 562px; /* Updated to requested max width */
    padding-right: 20px; /* Padding was switched since image is now on the left */
}

.seven-new-design-benefits-image img {
    width: 100%;
    max-width: 562px; /* Matches new max width */
    height: auto;
    border-radius: 7px;
}

/* Content on the right */
.seven-new-design-benefits-content {
    flex: 1;
    text-align: left;
    padding-left: 20px; /* Padding switched from right to left */
}

/* Title Styling */
.seven-new-design-benefits-title {
    color: #024F6F;
    text-align: center;
    font-family: "Roboto Slab", serif;
    font-size: 40px;
    font-weight: 600;
    margin: 0 auto 15px auto;
    width: 100%;
    padding: 10px 0;
}

/* Blurb Styling */
.seven-new-design-benefits-blurb {
    color: #024F6F;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
}

/* Hide Mobile Image by Default */
.seven-new-design-benefits-image.mobile {
    display: none;
}

/* Mobile Adjustments */
@media (max-width: 1200px) {
    .seven-new-design-benefits-wrapper {
        flex-direction: column;
        text-align: center;
        gap: 30px;
    }

    .seven-new-design-benefits-image {
        max-width: 100%;
        text-align: center;
    }

    .seven-new-design-benefits-image img {
        width: 90%;
        max-width: 600px;
        height: auto;
        margin: 20px auto 0 auto;
        border-radius: 7px;
    }

    .seven-new-design-benefits-content {
        padding: 0 20px;
    }

    .seven-new-design-benefits-image.desktop {
        display: none;
    }

    .seven-new-design-benefits-image.mobile {
        display: block;
    }
}

/* Full-width section */
.landscape-services-image-samples {
    max-width: 1440px;
    width: 100%;
    display: flex;
    justify-content: center;
    padding-bottom: 30px;
    margin: 0 auto;
}

/* Centered wrapper */
.landscape-services-wrapper {
    display: flex;
    gap: 20px;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap; /* Ensures images wrap on smaller screens */
}

/* Image container */
.landscape-services-image {
    width: auto;
    max-width: 453px;
    height: 337.448px;
    flex-shrink: 0;
}

.landscape-services-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 7px;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .landscape-services-wrapper {
        flex-direction: column;
        gap: 15px;
    }

    .landscape-services-image {
        max-width: 90%;
        height: auto;
    }

    .landscape-services-image img {
        width: 100%;
        height: auto;
    }
}
/* Full-width section */
.landscaping-trends {
    width: 100%;
}
.landscaping-trends-wrapper {
    max-width: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-bottom: 30px;
    margin: 0 auto;
    background-color: #F2FAFF;;
}

/* Title Styling */
.landscaping-trends-title {
    color: #024F6F;
    text-align: center;
    font-family: "Roboto Slab", serif;
    font-size: 40px;
    font-weight: 600;
    margin: 0 auto 15px auto;
    width: 100%;
    padding: 10px 0;
    background-color: white;
}

/* Content */
.landscaping-trends-content {
    max-width: 1300px; /* Ensures content does not exceed this width */
    /*width: 100%;*/
    text-align: left;
    padding: 0 20px;

}

@media (max-width: 1100px) {
    .landscaping-trends-content {
        max-width: 90%; /* Ensures content does not exceed this width */
        /*width: 100%;*/
        text-align: left;
        padding: 0 20px;
    }


}



/* Blurb Styling */
.landscaping-trends-blurb {
    color: #024F6F;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
}


/* Full-width section */
.landscape-services-image-samples_2 {
    max-width: 1440px;
    width: 100%;
    display: flex;
    justify-content: center;
    padding-bottom: 30px;
    margin: 20px auto 0 auto;
}

/* Centered wrapper */
.landscape-services-wrapper {
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; /* Ensures images wrap on smaller screens */
}

/* Image container */
.landscape-services-image {
    width: auto;
    max-width: 453px;
    height: 337.448px;
    flex-shrink: 0;
}

.landscape-services-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 7px;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .landscape-services-wrapper {
        flex-direction: column;
        gap: 15px;
    }

    .landscape-services-image {
        max-width: 90%;
        height: auto;
    }

    .landscape-services-image img {
        width: 100%;
        height: auto;
    }
}

/* Full-width section */
.reliability-professionalism {
    max-width: 1240px;
    width: 100%;
    display: flex;
    justify-content: center;
    padding-bottom: 30px;
    margin: 0 auto;
    flex-direction: column;
}
.reliability-professionalism ul > li {
    padding: 5px 0 10px 0;
}

/* Centered content wrapper */
.reliability-professionalism-wrapper {
    display: flex;
    align-items: center;
    max-width: 1440px;
    width: 100%;
    gap: 50px;
}

/* Image on the left */
.reliability-professionalism-image {
    flex: 1;
    max-width: 562px; /* Updated to requested max width */
    padding-right: 20px; /* Padding was switched since image is now on the left */
}

.reliability-professionalism-image img {
    width: 100%;
    max-width: 562px; /* Matches new max width */
    height: auto;
    border-radius: 7px;
}

/* Content on the right */
.reliability-professionalism-content {
    flex: 1;
    text-align: left;
    padding-left: 20px; /* Padding switched from right to left */
}

/* Title Styling */
.reliability-professionalism-title {
    color: #024F6F;
    text-align: center;
    font-family: "Roboto Slab", serif;
    font-size: 40px;
    font-weight: 600;
    margin: 0 auto 15px auto;
    width: 100%;
    padding: 10px 0;
}

/* Blurb Styling */
.reliability-professionalism-blurb {
    color: #024F6F;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
}

@media (max-width: 900px) {
    .reliability-professionalism-blurb {
        max-width: 90%;
        margin: 0 auto;
    }
    .service-possibilities-title {
        padding-left: 0;
        text-align: center;
        margin: 0 auto;
    }
}

/* Hide Mobile Image by Default */
.reliability-professionalism-image.mobile {
    display: none;
}

/* Mobile Adjustments */
@media (max-width: 1200px) {
    .reliability-professionalism-wrapper {
        flex-direction: column;
        text-align: center;
        gap: 30px;
        order: 2;
    }

    .reliability-professionalism-image {
        max-width: 100%;
        padding-right: 0;
    }

    .reliability-professionalism-image img {
        width: 90%;
        max-width: 600px;
        height: auto;
        margin: 20px auto 0 auto;
        border-radius: 7px;
    }

    .reliability-professionalism-content {
        padding: 0 20px;
    }

    .reliability-professionalism-image.desktop {
        display: none;
    }

    .reliability-professionalism-image.mobile {
        display: block;
        text-align: center;
        order: 1;
    }
}

/* Main Container */
.landscaping-services-faqs {
    max-width: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 30px auto;
    padding-bottom: 30px;
    background: #e7f3ff; /* Light blue background (matches example) */
}

/* Wrapper: Flexbox Layout */
.landscaping-services-faqs-wrapper {
    max-width: 1440px;
    width: 100%;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1360px;
    gap: 50px;
    padding: 0 20px;

}

/* Desktop Image (Left Side) */
.landscaping-services-faqs-image.desktop {
    flex: 1;
    max-width: 50%;
}

.landscaping-services-faqs-image img {
    width: 100%;
    height: auto;
    border-radius: 7px;
    max-width: 565px;
}

/* Content (Right Side) */
.landscaping-services-faqs-content {
    flex: 1;
    max-width: 50%;
    text-align: left;
}

.landscaping-services-faqs-blurb {
    color: #024F6F;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 20px;
}
.landscaping-services-faqs-image.desktop {
    text-align: right;
}

/* Hide Mobile Image by Default */
.landscaping-services-faqs-image.mobile {
    display: none;
}

/* Responsive: Stack Layout on Mobile */
@media (max-width: 1024px) {
    .landscaping-services-faqs-wrapper {
        flex-direction: column;
        text-align: center;
        gap: 30px;
    }

    .landscaping-services-faqs-image.desktop {
        display: none; /* Hide desktop image */
    }

    .landscaping-services-faqs-image.mobile {
        display: block;
        width: 100%;
    }

    .landscaping-services-faqs-content {
        max-width: 100%;
        padding: 0 20px;
    }
}

.landscaping-services-overview .landscaping-services-overview-title {
    color: #024F6F;
    text-align: center;
    font-family: "Roboto Slab";
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.1em;
    margin-bottom: 20px;
}

.free_quote_landscaping_services {
    padding: 10px 0;
    background-color: #F2FAFF;
    max-width: 100%;
    margin: 0 auto 10px auto;
}

/* FAQ Section */
.landscaping-services-faqs .services-faqs-container {
    max-width: 1022px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;

    padding: 20px;
    border-radius: 7px;
}

/* Question Styling */
.landscaping-services-faqs .services-faqs-question {
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #024F6F;
    margin-bottom: 0;
}

/* Answer Styling */
.landscaping-services-faqs .services-faqs-answer {
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    color: #333;
    margin-bottom: 15px;
}