/* Font Family Start*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* Font Family End*/


* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

img {
    max-width: 100%;
    vertical-align: bottom;
}

.container {
    max-width: 1305px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
}


.container-small {
    max-width: 1205px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
}

body {
    font-family: var(--font-secondary);
    color: var(--color-secondary-dark);
}


/* Root */

:root {
    /* color */
    --color-primary: #079107;
    --color-secondary: #3A3A3A;
    --color-text: #4A4A4A;
    --color-matte-black: #2A2A2A;
    --color-gray: #707070;
    --color-foot-bg: #232122;
    --dark-gray: #151515;
    --mist-gray: #F0F0F0;
    --color-white: #fff;
    --color-ash-white: #D8D8D8;
    --color-mim-gray: #595959;
    --color-shadow-black: #1D1C1C;
    --color-night-gray: #252525;
    --highlighter-green: #ABFF4E;
    --color-lime-green: #027C4F;
    --color-lime-green2: #069006;
    --color-yellow: #D9AF06;
    --bg-color: #F5F5F5;
    --button-bg-color: #313131;
    --bg-color-sec: #FAFAFA;
    --input-color: #5D5D5D;
    --input-border-color: #C3C3C3;

    /* font-family */
    --font-primary: "Inter", sans-serif;
    --font-secondary: "Poppins", sans-serif;
}


/* ================== Define Css Start Here ================== */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-secondary);
    margin: 0;
    padding: 0;
    font-weight: 700;
    color: var(--color-shadow-black);
    line-height: 1.26;
}

h1,
.h1 {
    font-size: 35px;
}

h2,
.h2 {
    font-size: 35px;
}

h3,
.h3 {
    font-size: 25px;
    font-weight: 600;
}

h4,
.h4 {
    font-size: 22px;
    font-weight: 600;
}

h5,
.h5 {
    font-size: 18px;
    font-weight: 600;
}

h6,
.h6 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
}

p,
li {
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-family: var(--font-primary);
    font-size: 16px;
    line-height: 25px;
    color: var(--color-shadow-black);
}

p {
    margin: 0 0 15px;
}

p:last-child {
    margin: 0;
}

a {
    text-decoration: none;
    font-weight: 400;
    display: inline-block;
    font-family: var(--font-primary);
    outline: none;
    font-size: 16px;
}

ul,
ol {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

input,
button,
input::placeholder {
    font-family: var(--font-primary);
    outline: none;
}

span {
    display: inline-block;
}

.section-space {
    margin-top: 100px;
}


/* Margin */

.ctm-mt-10 {
    margin-top: 10px;
}

.ctm-mt-20 {
    margin-top: 20px;
}

.ctm-mt-30 {
    margin-top: 30px;
}

.ctm-mt-40 {
    margin-top: 40px;
}

.ctm-mt-50 {
    margin-top: 50px;
}

.ctm-mt-60 {
    margin-top: 60px;
}

.ctm-mt-70 {
    margin-top: 70px;
}

.ctm-mt-80 {
    margin-top: 80px;
}

.ctm-mt-90 {
    margin-top: 90px;
}

.ctm-mt-100 {
    margin-top: 100px;
}

.ctm-mb-100 {
    margin-bottom: 100px;
}

.common-button a {
    display: inline-block;
    text-align: center;
    font-weight: 400;
    padding: 14px 33px;
    font-size: 16px;
    color: var(--color-white);
    background-color: var(--button-bg-color);
    border: 1px solid var(--button-bg-color);
    border-radius: 100vmax;
    font-family: var(--font-primary);
    cursor: pointer;
}

.common-trans-btn a {
    background-color: transparent;
    border: 1px solid var(--color-white);
}

.green-btn-bg a {
    background-color: var(--color-lime-green2);
    border: 1px solid var(--color-lime-green2);
}

.common-button a:hover {
    background-color: var(--color-primary);
    border: 1px solid var(--color-primary);
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.common-trans-btn a:hover {
    background-color: var(--color-white);
    color: var(--color-primary);
}

.green-btn-bg a:hover {
    background-color: var(--color-white);
    border: 1px solid var(--color-lime-green2);
    color: var(--color-lime-green2);
}

.txt-center {
    text-align: center;
}

.txt-right {
    text-align: right;
}

.txt-left {
    text-align: left;
}


/* flex */

.ctm-flex {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 24px;
}


/* justify */

.ctm-justify-center {
    justify-content: center;
}

.ctm-justify-right {
    justify-content: right;
}

.ctm-justify-between {
    justify-content: space-between;
}


/* align */

.ctm-align-left {
    align-items: left;
}

.ctm-align-center {
    align-items: center;
}

.ctm-align-right {
    align-items: right;
}


/* width */

nav ul li a:hover,
.our-services-content h4 a:hover,
.foot-contact-col ul li a:hover,
.foot-contact-col a:hover,
.contact-details .icon-box a:hover {
    color: var(--color-primary);
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.foot-contact-col ul li a:hover {
    border: 1px solid var(--color-primary);
}

.full-whdth {
    width: 100% !important;
}

.choose-us-right-content p {
    color: var(--color-white);
}

.section-space-60 {
    margin-top: 60px;
}

.heading-color-3a3a h2 {
    color: var(--color-secondary);
}

.heading-color-2525 h2 {
    color: var(--color-night-gray);
}

input,
textarea {
    border: 1px solid var(--input-border-color);
    color: var(--input-color);
    padding: 12px 24px;
    height: 50px;
    font-family: var(--font-secondary);
    font-size: 16px;
    border-radius: 5px;
    outline: none;
    width: 100%;
}

input::placeholder,
textarea::placeholder {
    color: var(--input-color);
}

textarea {
    height: 84px;
}

input:focus,
textarea:focus {
    border: 1px solid var(--color-primary);
}

/* ================== Define Css End Here ================== */


/* ================== Header Css Start Here ==================  */


.top-header-sec {
    background-color: var(--color-primary);
    padding: 18px 0;
}

.inner-top-header-sec {
    padding: 0 20px;
}

.top-header-left-col p,
.top-header-right-col p a {
    color: var(--color-white);
}

.top-header-right-col img {
    margin-right: 13px;
    width: 18px;
}

.top-header-right-col p {
    display: flex;
    align-items: center;

}

nav ul li {
    display: inline-block;
}

nav ul li+li {
    margin-left: 30px;
}

nav ul li a {
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: var(--color-matte-black);
    font-weight: 500;
}

nav ul li a.active {
    color: var(--color-primary);
}

.logo-left a img {
    max-width: 257px;
}

.inner-header-navbar {
    margin-bottom: -114px;
    position: relative;
    z-index: 1;
    background: var(--color-white);
    padding: 12px 40px 12px 22px;
}

.header-sec-bg {
    transition: all 0.4s ease-in-out;
}

.ctm-sticky .header-navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    padding: 0;
    background-color: var(--color-white);
    animation: slideDown 0.4s ease-in-out;
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.ctm-sticky .inner-header-navbar {
    margin-bottom: 0;
    position: relative;
    z-index: 1;
    background: var(--color-white);
    padding: 10px 0;
}

.ctm-sticky .logo-left a img {
    max-width: 170px;
}

.toggle-btn-mobile {
    display: none;
}


/* ================== Header Css End Here ==================  */


/* ================== Banner Css Start Here ==================  */
.banner-sec-bg {
    background-image: url(../images/banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 180px 0 83px 0;
    position: relative;
}

.banner-sec-bg::before {
    content: "";
    position: absolute;
    background-color: #000;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0.4;
}

.banner-content h1 {
    margin: 23px 0 14px 0;
    color: var(--color-white);
}

.banner-content p {
    color: var(--color-white);
}

.inner-banner {
    position: relative;
    z-index: 1;
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}


/* ================== Banner Css End Here ==================  */


/* ================== Main Css Start Here ==================  */



/* Services Start*/
.services-sec-bg {
    background-color: var(--color-lime-green2);
    padding: 40px 0;
}


.service-box {
    width: calc(100% / 3 - 27px);
    text-align: center;
}

.service-box+.service-box {
    margin-left: 40px;
    padding-left: 40px;
    border-left: 1px solid #ffffff7c;
}

.service-icon {
    margin-bottom: 18px;
}

.service-box h3 {
    color: var(--color-white);
    font-weight: 500;
}

.service-box p {
    color: var(--color-white);
    margin: 22px 0 27px 0;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.services-wrapper {
    gap: 0;
    row-gap: 30px;
}

/* Services End*/



/* ABOUT US Start */

.comm-sub-title span {
    color: var(--color-primary);
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 6px;
    font-weight: 700;
}

.common-heading-sec p {
    margin-top: 17px;
}

.inner-about-sec {
    gap: 52px;
    row-gap: 30px;
}

.about-sec-left,
.about-sec-right {
    width: calc(100%/2 - 26px);
}

.about-sec-image img {
    width: 100%;
    height: 472px;
    object-fit: cover;
    border-radius: 10px;
}

.about-sec-right p {
    color: var(--color-shadow-black);
}

.inner-who-we-are-sec {
    position: relative;
}

.inner-who-we-are-sec:before {
    position: absolute;
    content: "";
    width: 70%;
    height: 100%;
    background: var(--bg-color-sec);
    top: 0;
    left: 0;
}

/* ABOUT US End*/




/* Our Services */

.our-services-sec-bg {
    background-color: var(--bg-color);
    padding: 70px 0 75px 0;
}

.inner-our-services {
    gap: 45px;
    row-gap: 30px;
}

.our-services-col {
    width: calc(100%/3 - 30px);
    background-color: var(--color-white);
    box-shadow: 0px 3px 6px #0000000D;
    border-radius: 20px;
}

.our-services-image a {
    width: 100%;
}

.our-services-image img {
    width: 100%;
    height: 396px;
    object-fit: cover;
    border-radius: 20px;

}

.our-services-content {
    padding: 20px 20px;
    text-align: center;
}

.our-services-content h4 a {
    font-size: 22px;
    color: var(--color-night-gray);
    line-height: normal;
    font-weight: 600;
    text-transform: capitalize
}


.view-all-services {
    margin-top: 87px;
    text-align: center;
}

/* Our Services End*/



/* Why Choose Us Start */

.choose-us-sec-bg {
    background-color: var(--color-lime-green2);
    padding: 100px 0 90px 0;
}

.choose-us-icon {
    width: 38px;
    height: 38px;
    background-color: var(--color-lime-green);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid var(--color-white);
    opacity: 0.75;
}

.choose-us-right-content h4 {
    color: var(--highlighter-green);
    line-height: normal;
    margin-bottom: 14px;
    font-weight: 500;
}


.inner-choose-us-sec-icon-sec {
    gap: 0;
    row-gap: 20px;
    margin-top: 23px;
}

.choose-us-sec-left h2 {
    color: var(--color-white);
    padding-left: 50px;
}

.choose-us-sec-left .get-started {
    padding-left: 50px;
}

.choose-us-sec-left {
    width: 40%;
}

.choose-us-sec-right {
    width: calc(60% - 17px);
    margin-left: 17px;
}

.choose-us-right-content {
    width: calc(90% - 16px);
    margin-left: 16px;
}

.get-started a:hover {
    background-color: var(--color-white);
    color: var(--color-primary);
}

.inner-choose-us-sec {
    gap: 0;
    row-gap: 30px;
}

.choose-us-sec-right-image {
    gap: 24px;
}

.choose-us-image-box-left,
.choose-us-image-box-right {
    width: calc(100%/2 - 12px);
}

.choose-us-image-box-col img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border: 2px solid var(--color-white);
    border-radius: 20px;
}

.choose-us-image-box-right img {
    width: 100%;
    height: 625px;
    object-fit: cover;
    border: 2px solid var(--color-white);
    border-radius: 20px;
}

.choose-us-image-box-col+.choose-us-image-box-col {
    margin-top: 25px;
}

/* Why Choose Us End*/





/* Why Choose Us Start*/
/* .testimonial-sec-bg{
    margin-top: 57px;
} */

.testimonial-name-sec h5 {
    color: var(--dark-gray);
    font-weight: 600;
}

.testimonial-name-sec p {
    color: var(--color-mim-gray);
}

.rating-star {
    font-size: 20px;
    letter-spacing: 10px;
    color: var(--color-yellow);
}

.testimonial-icon {
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--color-lime-green2);
    margin: -72px auto 0 auto;

    border-radius: 50%;
}

.testimonial-icon img {
    max-width: 40px;
}

.testimonial-card {
    box-shadow: 0px 2px 7px #00000017;
    border: 1px solid #C5C5C5;
    border-radius: 20px;
    padding: 30px;
    background-color: var(--color-white);
}

.inner-testimonial {
    margin-top: 30px;
}

.testimonial-content {
    margin-top: 30px;
}

.testimonial-content>p {
    margin: 24px 0 20px 0;
    color: var(--color-text);
}

.testimonial-card {
    margin: 0 25px;
}

/* dots */

.inner-testimonial ul.slick-dots,
.inner-recent-projects ul.slick-dots {
    display: flex;
    justify-content: center;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    gap: 6px;
    align-items: center;
}

.inner-testimonial ul.slick-dots li,
.inner-recent-projects ul.slick-dots li {
    border-radius: 50%;
    width: 13px;
    height: 13px;
    cursor: pointer;
    background-color: #295C43;
}

.inner-testimonial ul.slick-dots li.slick-active,
.inner-recent-projects ul.slick-dots li.slick-active {
    background-color: #02AA36;
}

.inner-testimonial ul.slick-dots li button,
.inner-recent-projects ul.slick-dots li button {
    display: none;
}


/* dots */
.inner-testimonial .slick-list.draggable {
    padding: 50px 0 72px 0;
    margin: 0 -25px;
}

/* Why Choose Us End*/

/* our progress page */
.process-inner-wrap {
    display: flex;
    gap: 40px;
    justify-content: space-between;
}


.our-process-sec {
    padding: 130px 0 158px;
}

.process-img-col {
    flex: 0 0 100%;
    max-width: 34.9776%;
}

.process-right-col {
    flex: 0 0 100%;
    max-width: 59.8%;
}

.process-item-wrap {
    margin: 30px 0 0;
}

.process-item {
    border-bottom: 1px solid #676767;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.process-item h3 {
    color: var(--color-lime-green2);
    font-weight: 600;
    margin: 0 0 15px;
}

.process-img-col .process-img:first-child {
    margin-bottom: 43px;
}

.process-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.process-img {
    height: 460px;
}

.process-img img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

/* our progress page */



/* ================== Main Css End Here ==================  */


/* ================== Footer Css Start Here ==================  */

.footer-logo {
    background-color: var(--color-foot-bg);
    padding: 28px 0 44px 0;
}

.foot-contact-col ul li+li {
    margin-left: 14px;
}

.foot-contact-col h6 {
    text-transform: uppercase;
    color: var(--color-white);
    margin-bottom: 10px;
}

.foot-contact-col a {
    color: var(--color-ash-white);
}

.foot-contact-col ul li {
    display: inline-block;
}

.foot-contact-col ul li a {
    color: var(--color-ash-white);
    width: 30px;
    height: 30px;
    border: 1px solid var(--color-ash-white);
    border-radius: 50%;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-contact-sec {
    gap: 0;
    row-gap: 20px;
}

.foot-contact-col-right {
    position: relative;
    margin-left: 50px;
    padding-left: 50px;
}

.foot-contact-col-right::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background-color: var(--color-gray);
    left: 0;
    top: 0;
}

.footer-logo-image a img {
    max-width: 383px;
}

.footer-menu {
    background-color: var(--color-lime-green2);
    padding: 27px 20px 22px 20px;
}

.footer-menu ul li {
    display: inline-block;
}

.footer-menu ul li+li {
    margin-left: 30px;
}

.footer-menu ul li a {
    color: var(--color-white);
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
}

.copy-right-sec p {
    color: var(--mist-gray);
    margin-top: 13px;
    opacity: 0.75;
    font-size: 15px;
    line-height: 19px;
}

/* ================== Footer Css End Here ==================  */




/* ================== About Page Css Start Here ==================  */

/* banner-section */
.inner-page-banner-sec-bg {
    padding: 215px 0 100px 0;
    position: relative;
}

.common-inner-page-banner {
    position: relative;
    z-index: 1;
    text-align: center;
}

.common-inner-page-banner h1 {
    color: #fff;
}


/* banner-section */


/* WHO WE ARE-section */
.who-we-are-sec-left {
    width: calc(60% - 20px);
    margin-right: 20px;
    background-color: var(--bg-color-sec);
    padding: 90px 100px 100px 40px;
    position: relative;
}

/* 
.counter-sec {
    position: absolute;
    right: 0;
    bottom: 85px;
    z-index: 1;
} */

.who-we-are-sec-right {
    width: 40%;
    margin-left: -70px;
    position: relative;
}

.inner-who-we-are-sec {
    gap: 0;
    row-gap: 30px;
}

.who-we-are-sec-image {
    max-width: 532px;
}

.who-we-are-sec-image img {
    width: 100%;
    height: 537px;
    object-fit: cover;
    border-radius: 10px;
}

/* counter */
.counter-section {
    padding: 40px 20px;
    background: #f4f4f4;
}

.counter-box {
    background-color: var(--color-lime-green2);
    max-width: 460px;
    margin: auto -113px auto auto;
    padding: 27px 32px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    color: #fff;
    row-gap: 30px;
    position: relative;
    z-index: 1;
    margin-top: 20px;
}

.counter-item+.counter-item {
    padding-left: 40px;
    margin-left: 40px;
    border-left: 1px solid var(--color-white);
}

.counter-item p {
    color: var(--color-white) !important;
    text-align: center;
    margin: 0;
}

.counter-item h3 {
    text-align: center;
    color: var(--color-white);
}


.who-we-are-sec-bg .container {
    max-width: calc(62vw - -600px);
    margin-right: auto;
    margin-left: 0;
    padding: 0;
}

.who-we-are-sec-left .common-heading-sec {
    max-width: 624px;
    margin-left: auto;
}

.who-we-are-sec-left p {
    color: var(--color-shadow-black);
}

/* WHO WE ARE-section */



/* Why Choose Us For Your section */

.custom-list li {
    color: var(--color-shadow-black);
    font-size: 20px;
    display: flex;
    gap: 30px;
    align-items: baseline;
    font-weight: 500;
    position: relative;
    font-family: var(--font-secondary);
}

.custom-list li+li {
    margin-top: 25px;
}

.custom-list li::before {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: var(--color-lime-green2);
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    left: 0;
    top: 5px;
}


/* Create the checkmark */

.custom-list li::after {
    content: "";
    position: absolute;
    left: 9px;
    top: 10px;
    width: 4px;
    height: 10px;
    border-right: 2px solid var(--color-white);
    border-bottom: 2px solid var(--color-white);
    transform: rotate(45deg);
}

.ndscaping-needs-image-box {
    gap: 30px;
}

.landscaping-needs-image-box-left {
    gap: 30px;
}

.landscaping-needs-image-box-col {
    width: calc(100% / 2 - 15px);
}


.inner-landscaping-needs-sec {
    gap: 40px;
}

.landscaping-needs-sec-left,
.landscaping-needs-sec-right {
    width: calc(100%/2 - 20px);
}


.landscaping-needs-image-box-col img {
    width: 100%;
    height: 419px;
    object-fit: cover;
    border-radius: 10px;
}

.landscaping-needs-sec-right p {
    color: var(--color-shadow-black);
}

/* Why Choose Us For Your section */




/* Get Started Today section Start */
.get-started-today {
    padding: 67px 0 83px 0;
    position: relative;
}

.get-started-today::before {
    content: "";
    position: absolute;
    background-color: #000;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0.3;
    z-index: 1;
}

.inner-get-started-today.wide {
    max-width: 863px;
}

.bg-image,
.inner_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
}

.bg-image img,
.inner_bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.inner_bg:before {
    position: absolute;
    content: "";
    background-color: #050000;
    opacity: 0.4;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.book-consult.get-started-today::before {
    opacity: 0.49;
    z-index: 1;
}

.inner-get-started-today {
    position: relative;
    z-index: 1;
    max-width: 690px;
    margin: 0 auto;
    text-align: center;
}

.inner-get-started-today h2,
.inner-get-started-today h2 {
    color: var(--color-white);
    font-weight: 500;
}

.inner-get-started-today p {
    margin-top: 28px;
    color: var(--color-white);
}

/* Get Started Today section End*/


/* Our Process section Start*/
.inner-our-process {
    gap: 66px;
    row-gap: 30px;
    margin-top: 57px;
}

.our-process-card {
    width: calc(100%/4 - 50px);
    text-align: center;
}

.process-card-icon {
    background-color: var(--color-lime-green2);
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 50%;
}

.our-process-card h3 {
    margin: 28px 0 21px 0;
    font-weight: 500;
}

/* Our Process section End*/

/* ================== About Page Css Css End Here ==================  */



/* ================== Services Page Css Css Start Here ==================  */

.inner-professional-solutions h2 {
    max-width: 468px;
    margin: 0 auto;
}

.inner-professional-solutions p {
    max-width: 730px;
    margin: 20px auto 0 auto;
}


.outdoor-areas-se-bg {
    background-color: var(--bg-color);
    padding: 99px 0 116px;
}

.inner-outdoor-areas .our-services-col {
    padding: 30px;
    box-shadow: 0px 1px 20px #0000000D;
    background-color: var(--color-white);
    border-radius: 10px;
    width: calc(100% / 3 - 27px);
}

.inner-outdoor-areas .our-services-image img {
    height: 368px;
    border-radius: 10px;
}

.inner-outdoor-areas {
    gap: 40px;
    row-gap: 41px;
}

.inner-outdoor-areas .our-services-content h4 a {
    font-size: 25px;
}


.inner-outdoor-areas .our-services-content {
    padding: 28px 0 23px 0;
}

.inner-outdoor-areas .our-services-content p {
    margin-top: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}



.form-row {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
}

.form-col {
    width: calc(100%/2 - 9px);
}

.full-width {
    width: 100%;
}

.request-a-quote-form form {
    margin-top: 24px;
}

.inner-request-a-quote {
    gap: 64px;
}

.request-a-quote-col-right,
.request-a-quote-col-left {
    width: calc(100%/2 - 32px);
}

.form-col .common-button a {
    min-width: 132px;
}

.request-a-quote-image img {
    height: 404px;
    width: 100%;
    border-radius: 5px;
}

/* Submit Button */
input[type="submit"],
button[type="submit"]{
    background: #069006;
    border: 2px solid #069006;
    color: #fff;
    padding: 14px 20px;
    border-radius: 6px;
    cursor: pointer; /* hand cursor */
    transition: all 0.3s ease;
}

/* Hover Effect */
input[type="submit"]:hover,
button[type="submit"]:hover{
    background: #fff;
    color: #069006;
    border: 2px solid #069006;
    cursor: pointer; /* hand cursor on hover */
}
/* ================== Services Page Css Css End Here ==================  */
/* gallery page */
.our-gallery {
    padding: 70px 0 110px;
}

.our-gallery .common-heading-sec {
    max-width: 500px;
    margin: 0 auto 46px;
}

.gallery-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 40px;
}

.single-gallery {
    background: var(--bg-color-sec);
    border: 1px solid #BEBEBE;
    border-radius: 10px;
    flex: 0 0 100%;
    max-width: calc(100% / 2 - 20px);
    padding: 40px;
}

.gallery-image {
    height: 368px;
    margin-bottom: 29px;
}

.gallery-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.single-gallery h3 {
    margin-bottom: 10px;
}

.single-gallery .common-button a {
    padding: 12.5px 20px;
    min-width: 148px;
}

/* project description page */
.project-des-wrapper {
    display: flex;
    gap: 40px;
    align-items: center;
    justify-content: space-between;
}

.project-description-sec {
    padding: 90px 0 108px;
}

.info-title {
    font-size: 28px;
    margin: 0 0 12px;
    line-height: 1.072;
    font-weight: 600;
}

.info-item p {
    color: #3C3C3C;
    font-weight: 500;
    font-size: 18px;
}

.project-info .info-item {
    padding-bottom: 28px;
    margin-bottom: 28px;
    border-bottom: 1px solid #A9A9A9;
}

.project-img-col {
    flex: 0 0 100%;
    max-width: 70.635%;
}

.project-info {
    flex: 0 0 100%;
    max-width: 24%;
}

.project-info .info-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

/* .project-description-sec .container {
    max-width: 1174px;
} */

.project-details {
    margin-top: 44px;
}

.project-details h2 {
    margin-bottom: 12px;
}

.project-detail-gallery {
    margin: 64px 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}

.project-img-col img {
    border-radius: 4px;
    height: 499px;
}

.project-detail-gallery>* {
    flex: 0 0 100%;
    max-width: calc(100% / 3 - 20px);
}

.project-detail-gallery .single-image {
    height: 228px;
}

.project-detail-gallery .single-image img {
    object-fit: cover;
    border-radius: 4px;
}



/*** faq old css**/













.faq-section {
    padding: 75px 0 90px;
    background: #FAFAFA;
}

.faq-wrapper {
    margin-top: 56px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.faq-item {
    overflow: hidden;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 7px #0000001A;
    border-radius: 10px;
    margin-bottom: 26px;
    border: 1px solid #00000000;
}

.faq-item.active {
    border: 1px solid var(--color-primary);
}

.faq-question {
    width: 100%;
    padding: 21.5px 27px 21.5px 30px;
    text-align: left;
    background: #fff;
    border: none;
    outline: none;
    font-size: 16px;
    gap: 10px;
    font-weight: 500;
    cursor: pointer;
    position: relative;
    min-height: 70px;
    display: flex;
    line-height: 1.5;
    justify-content: space-between;
    align-items: center;
    font-family: var(--font-secondary);
}

.faq-answer {
    display: none;
    padding: 0 30px 30px;
}

.faq-item.active .faq-answer {
    display: block;
}

.faq-question .icon {
    position: relative;
    background: var(--color-primary);
    width: 27px;
    flex: 0 0 27px;
    height: 27px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
}

.faq-question .icon::before {
    content: "";
    position: absolute;
    top: 13px;
    left: 7px;
    width: 12px;
    height: 2px;
    background: var(--color-white);
}

.faq-question .icon::after {
    content: "";
    position: absolute;
    left: 12px;
    top: 8px;
    width: 2px;
    height: 12px;
    background: var(--color-white);
}

.faq-item:last-child {
    margin-bottom: 0;
}

.faq-item.active .icon::after {
    display: none;
}

.image-with-content {
    padding: 68px 0;
}

.img-content-wrap {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    align-items: center;
}

.img-content-wrap .left-img-col {
    flex: 0 0 100%;
    max-width: 51.623%;
    display: grid;
    gap: 25px;
    grid-template-columns: repeat(2, 1fr);
}

.img-content-wrap .left-img-col img {
    border-radius: 6px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.img-content-wrap .right-content {
    flex: 0 0 100%;
    max-width: 43.6%;
}

.img-content-wrap .right-content h2 {
    margin-bottom: 12px;
}

/* Services description Page*/

.inner-service-description {
    gap: 0;
    row-gap: 30px;
}

.inner-service-description-tabs-left {
    width: 30%;
}

.service-description-tabs-main {
    width: calc(70% - 60px);
    margin-left: 60px;
}

.service-description-image-box {
    gap: 40px;
}

.service-description-image-box-col {
    width: calc(100%/2 - 20px);
}

.service-description-image-box-col img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 10px;
}


.tab {
    display: none;
}

.tab-active {
    display: block;
}

.sidebar {
    width: 28%;
}

.service-content {
    width: calc(72% - 60px);
    margin-left: 60px;
}


.service-description-sec {
    padding: 90px 0 78px;
}

.sidebar .sidebar-tabs {
    background: var(--color-primary);
    border: 1px solid #707070;
    border-radius: 10px;
    overflow: hidden;
}

.sidebar-tabs h2 {
    background: #2C2C2C;
    color: #fff;
    padding: 18.65px 28px;
    border-radius: 10px 10px 0 0;
    font-weight: 600;
}

.sidebar-tabs ul {
    margin-bottom: 16px;
}

li.tab-a {
    color: var(--color-white);
    padding: 15px 28px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    position: relative;
    cursor: pointer;
    font-family: var(--font-secondary);
}

li.tab-a:last-child {
    border-bottom: none;
}

li.tab-a:after {
    content: '';
    position: absolute;
    right: 30px;
    top: 0;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    bottom: 0;
    margin: auto;
}

li.tab-a.active-a {
    background: #146B14;
}


.icon-box .icon img {
    object-fit: contain;
    width: 24px !important;
}

.icon-box {
    display: flex;
    gap: 20px;
    margin-top: 23px;
}

.icon-box .icon {
    width: 24px;
    flex: 0 0 24px;
    margin-top: -1px;
}

.icon-box p {
    font-weight: 500;
}

.contact-details {
    background: var(--bg-color-sec);
    border: 1px solid #CCCCCC;
    border-radius: 10px;
    padding: 33px 28px;
    margin-top: 50px;
}

.contact-details h3 {
    margin: 0 0 30px;
}

.two-col-img {
    margin-bottom: 31px;
}

.two-col-img,
.two-col-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 41px;

}

.service-content img {
    border-radius: 8px;
}

.service-content h3 {
    margin-bottom: 12px;
}

.full-image {
    margin: 30px 0;
    height: 272px;
}

.full-image img {
    object-fit: cover;
}

.two-col-list {
    margin-top: 27px;
	    margin-bottom: 31px;
}

.two-col-list .custom-list li {
    font-size: 16px;
    font-weight: 400;
    color: var(--color-shadow-black);
    gap: 16px;
}


.contact-details .icon-box a {
    color: var(--color-shadow-black);
    font-weight: 500;
}

.recent-projects-sec-bg {
    background-color: var(--bg-color-sec);
    padding: 54px 0 69px 0;
}

.recent-projects-col img {
    width: 100%;
    height: 310px;
    object-fit: cover;
}

.recent-projects-col {
    margin: 0 25px;
}

/* 
.inner-recent-projects .slick-track {
    margin: 0 -25px;
} */

.inner-recent-projects .slick-list.draggable {
    padding: 0 0 72px 0;
    margin: 0 -25px;
}

.two-col-img img {
    height: 300px;
    object-fit: cover;
    width: 100%;
}

/* Services description Page*/



/* ================== Media Css Start Here ==================  */
@media(max-width:1199px) {
    nav ul li+li {
        margin-left: 18px;
    }

    .logo-left a img {
        max-width: 200px;
    }

    .inner-header-navbar {
        margin-bottom: -95px;
        position: relative;
        z-index: 1;
        background: var(--color-white);
        padding: 12px 20px;
    }

    .banner-logo img {
        max-width: 500px;
        margin: 0 auto;
    }

    .ctm-mt-60 {
        margin-top: 40px;
    }

    .service-box+.service-box {
        margin-left: 20px;
        padding-left: 20px;
    }

    .service-box p {
        margin: 10px 0 24px 0;
    }

    .service-box {
        width: calc(100% / 3 - 14px);
    }

    .testimonial-card {
        margin: 0 10px;
    }

    .inner-testimonial .slick-list.draggable {
        padding: 45px 0 50px 0;
        margin: 0 -10px;
    }

    .who-we-are-sec-left {
        width: calc(60% - 20px);
        padding: 50px 100px 150px 20px;
    }

    .recent-projects-col {
        margin: 0 10px;
    }

    .inner-recent-projects .slick-list.draggable {
        padding: 0 0 50px 0;
        margin: 0 -10px;
    }
}


@media(max-width:1024px) {

    h1,
    .h1 {
        font-size: 30px;
        line-height: 28px;
    }

    h2,
    .h2 {
        font-size: 30px;
        line-height: 38px;
    }

    h3,
    .h3 {
        font-size: 22px;
        line-height: 32px;
    }

    h4,
    .h4 {
        font-size: 20px;
        line-height: 28px;
    }

    h5,
    .h5 {
        font-size: 17px;
    }

    h6,
    .h6 {
        font-size: 15px;
    }

    .banner-sec-bg {
        padding: 150px 0 80px 0;
    }

    .inner-about-sec {
        gap: 30px;
    }

    .about-sec-left,
    .about-sec-right {
        width: calc(100% / 2 - 15px);
    }

    .our-services-sec-bg {
        padding: 50px 0;
    }

    .section-space {
        margin-top: 70px;
    }

    .inner-our-services {
        gap: 30px;
    }

    .ctm-mt-40 {
        margin-top: 30px;
    }

    .our-services-content h4 a {
        font-size: 20px;
    }

    .our-services-col {
        width: calc(100%/3 - 20px);
    }

    .our-services-image img {
        height: 300px;
    }

    .view-all-services {
        margin-top: 50px;
    }

    .choose-us-sec-bg {
        padding: 70px 0;
    }

    .choose-us-sec-right-image {
        gap: 14px;
    }

    .choose-us-image-box-left,
    .choose-us-image-box-right {
        width: calc(100% / 2 - 7px);
    }

    .choose-us-right-content {
        width: calc(80% - 16px);
    }

    .testimonial-content {
        margin-top: 20px;
    }

    .testimonial-content>p {
        margin: 20px 0 12px 0;
    }

    .footer-logo-image a img {
        max-width: 330px;
    }

    .counter-box {
        max-width: 100%;
        margin: 20px 0 0 0;
        padding: 20px;
    }

    .counter-item+.counter-item {
        padding-left: 20px;
        margin-left: 20px;
    }

    .inner-landscaping-needs-sec {
        gap: 30px;
    }

    .landscaping-needs-sec-left,
    .landscaping-needs-sec-right {
        width: calc(100% / 2 - 15px);
    }

    .custom-list li+li {
        margin-top: 14px;
    }

    .custom-list li {
        font-size: 16px;
        gap: 16px;
    }

    .landscaping-needs-image-box-left {
        gap: 20px;
    }

    .landscaping-needs-image-box-col {
        width: calc(100% / 2 - 10px);
    }

    .get-started-today {
        padding: 50px 0;
    }

    .inner-get-started-today p {
        margin-top: 20px;
    }

    .inner-our-process {
        margin-top: 30px;
    }

    .our-process-card {
        width: calc(100% / 2 - 33px);
    }

    /* gallery page */
    .our-gallery {
        padding: 60px 0;
    }

    .gallery-wrapper {
        gap: 24px;
    }

    .single-gallery {
        max-width: calc(100% / 2 - 12px);
        padding: 20px;
    }

    .gallery-image {
        height: 300px;
    }

    /* project description */
    .project-description-sec {
        padding: 70px 0;
    }

    .project-des-wrapper {
        gap: 36px;
    }

    .project-info {
        max-width: 27%;
    }

    .project-img-col {
        max-width: 68%;
    }

    .info-title {
        font-size: 25px;
        margin: 0 0 8px;
    }

    .project-info .info-item {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    /* faq page */
    .faq-question {
        padding: 18px 17px 18px 20px;
        min-height: min-content;
    }

    .faq-answer {
        padding: 0 20px 20px;
    }

    .faq-section {
        padding: 70px 0;
    }

    .outdoor-areas-se-bg {
        padding: 70px 0;
    }

    .inner-outdoor-areas .our-services-col {
        padding: 20px;
        width: calc(100% / 3 - 20px);
    }

    .inner-outdoor-areas .our-services-image img {
        height: 300px;
    }

    .inner-outdoor-areas .our-services-content {
        padding: 20px 0;
    }

    .inner-request-a-quote {
        gap: 30px;
    }

    .form-col .ctm-mt-30 {
        margin-top: 14px;
    }

    .outdoor-areas-se-bg {
        padding: 70px 0;
    }

    .inner-outdoor-areas .our-services-col {
        padding: 20px;
        width: calc(100% / 3 - 20px);
    }

    .inner-outdoor-areas .our-services-image img {
        height: 300px;
    }

    .inner-outdoor-areas .our-services-content {
        padding: 20px 0;
    }

    .inner-request-a-quote {
        gap: 30px;
    }

    .form-col .ctm-mt-30 {
        margin-top: 14px;
    }

    .service-content {
        width: calc(72% - 30px);
        margin-left: 30px;
    }

    .two-col-img,
    .two-col-list {
        gap: 14px;
    }

    .contact-details {
        padding: 30px 20px;
        margin-top: 30px;
    }

    .service-description-sec {
        padding: 70px 0;
    }

    .two-col-img img {
        height: 250px;
    }

    .contact-details h3 {
        margin: 0 0 10px;
    }

    .our-process-sec {
        padding: 70px 0;
    }

    .process-item {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
}


@media(max-width:991px) {
    .logo-left {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: nowrap;
    }


    .close-buttton-icon .inner-header-navbar {
        padding: 10px 0;
    }

    .toggle-btn-mobile {
        width: 100%;
        text-align: right;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        max-width: 46px;
        height: 46px;
    }

    .toggle-btn-mobile a {
        color: var(--color-primary);
        font-size: 30px;
    }

    .open-icon {
        display: block;
    }

    .close-buttton-icon .open-icon {
        display: none;
    }

    .xmark-icon {
        display: none !important;
    }

    .close-buttton-icon .xmark-icon {
        display: block !important;
    }


    .navmenu-right {
        display: none;
    }

    .close-buttton-icon .navmenu-right {
        display: block;
        width: 100%;
    }

    nav ul li {
        display: block;
        margin: 0 !important;
        padding: 0;
        border: none;
    }

    nav ul li a {
        width: 100%;
        border: 0;
        border-bottom: 1px solid var(--color-matte-black);
        padding: 10px;
    }

    nav ul li:last-child a {
        border-bottom: 0;
    }

    .logo-left a img {
        max-width: 170px;
    }

    .inner-header-navbar {
        margin-bottom: -78px;
        padding: 10px 20px;
    }

    .close-buttton-icon {
        box-shadow: none;
        position: fixed;
        top: 0;
        width: 100%;
        height: 100vh;
        z-index: 3;
        background: var(--color-white);
        overflow: auto;
        height: 100%;
        overflow-x: hidden;
    }

    .close-buttton-icon .header-navbar {
        box-shadow: none;
    }

    .ctm-sticky .inner-header-navbar {
        padding: 10px 0;
    }

    .inner-our-services {
        gap: 20px;
    }

    .our-services-col {
        width: calc(100% / 3 - 14px);
    }

    .choose-us-sec-right {
        width: 100%;
        margin-left: 0;
    }

    .choose-us-sec-left {
        width: 100%;
    }

    .banner-logo img {
        max-width: 400px;
    }

    .who-we-are-sec-left {
        padding: 50px 100px 50px 20px;
    }

    /* faq page */
    .faq-wrapper {
        grid-template-columns: 1fr;
        margin-top: 40px;
        gap: 15px;
    }

    .faq-item {
        margin-bottom: 15px;
    }

    .inner-outdoor-areas .our-services-col {
        width: calc(100% / 2 - 10px);
    }

    .two-col-list {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .two-col-list {
        margin-top: 10px;
    }

    .recent-projects-sec-bg {
        padding: 50px 0;
    }

    .img-content-wrap .left-img-col {
        gap: 14px;
        max-width: 50%;
    }

    .img-content-wrap .right-content {
        max-width: 45%;
    }

    .img-content-wrap {
        gap: 32px;
    }
}

@media(max-width:767px) {

    input,
    textarea {
        padding: 12px 14px;
    }

    .section-space {
        margin-top: 50px;
    }

    .section-space-60 {
        margin-top: 50px;
    }

    h1,
    .h1,
    .h2,
    h2 {
        font-size: 26px;
        line-height: 34px;
    }

    h3,
    h3 {
        font-size: 20px;
        line-height: 28px;
    }

    h4,
    .h4 {
        font-size: 18px;
        line-height: 26px;
    }

    h5,
    .h5 {
        font-size: 16px;
    }

    h6,
    .h6 {
        font-size: 14px;
    }

    p {
        font-size: 14px;
    }

    .banner-sec-bg {
        padding: 100px 0 70px 0;
    }

    .service-box+.service-box {
        margin-left: 0;
        padding-left: 0;
        border: none;
    }

    .service-box {
        width: 100%;
    }

    .about-sec-left,
    .about-sec-right {
        width: 100%;
    }

    .about-sec-left,
    .about-sec-right {
        width: 100%;
    }

    .about-sec-image img,
    .who-we-are-sec-image img {
        height: auto;
    }

    .common-heading-sec {
        text-align: center;
    }

    .our-services-content h4 a {
        font-size: 18px;
    }

    .choose-us-sec-bg {
        padding: 50px 0;
    }

    .testimonial-content {
        text-align: center;
    }

    .testimonial-content>p {
        margin: 10px 0 12px 0;
    }

    .footer-menu ul li+li {
        margin-left: 16px;
    }

    .footer-menu {
        padding: 20px;
    }

    .our-services-col {
        width: calc(100% / 2 - 10px);
    }

    .top-header-sec {
        padding: 14px 0;
    }

    .inner-top-header-sec {
        padding: 0 10px;
    }

    .top-header-right-col img {
        margin-right: 8px;
    }

    .who-we-are-sec-left {
        padding: 30px 20px;
        width: 100%;
        margin: 0;
        text-align: center;
    }

    .who-we-are-sec-left .common-heading-sec {
        max-width: 100%;
        margin-left: 0;
    }

    .counter-box {
        justify-content: center;
    }

    .who-we-are-sec-right {
        width: 100%;
        margin-left: 0;
        padding: 0 20px;
    }

    .who-we-are-sec-image {
        max-width: 100%;
    }

    .landscaping-needs-sec-left,
    .landscaping-needs-sec-right {
        width: 100%;
    }

    .inner-landscaping-needs-sec {
        flex-direction: column-reverse;
    }

    .landscaping-needs-image-box-col img {
        height: 350px;
    }

    .landscaping-needs-sec-right .common-heading-sec {
        text-align: start;
    }

    .inner-our-process {
        gap: 30px;
    }

    .our-process-card {
        width: calc(100% / 2 - 15px);
    }

    .our-process-card h3 {
        margin: 14px 0 10px 0;
    }

    .inner-page-banner-sec-bg {
        padding: 150px 0 80px 0;
    }

    /* gallery page */
    .our-gallery {
        padding: 50px 0;
    }

    .our-gallery .common-heading-sec {
        margin: 0 auto 34px;
    }

    .single-gallery {
        max-width: 100%;
        text-align: center;
    }

    .gallery-image {
        height: auto;
        margin-bottom: 20px;
    }

    /*  */
    .project-des-wrapper {
        flex-wrap: wrap;
    }

    .project-img-col {
        max-width: 100%;
    }

    .project-info {
        max-width: 100%;
    }

    .info-title {
        font-size: 20px;
    }

    .info-item p {
        font-size: 16px;
    }

    .project-detail-gallery {
        margin: 40px 0 0;
        gap: 15px;
    }

    .project-detail-gallery .single-image {
        height: 150px;
        max-width: calc(100% / 3 - 10px);
    }

    .project-description-sec,
    .faq-section {
        padding: 50px 0;
    }

    .faq-question {
        padding: 14px 12px 14px 15px;
        font-size: 14px;
    }

    .inner-outdoor-areas .our-services-image img {
        height: 250px;
        border-radius: 10px;
    }

    .outdoor-areas-se-bg {
        padding: 50px 0;
    }

    .inner-professional-solutions p {
        max-width: 100%;
        margin: 10px auto 0 auto;
    }

    .request-a-quote-col-right,
    .request-a-quote-col-left {
        width: 100%;
        text-align: center;
    }

    li.tab-a {
        padding: 10px 20px;
    }

    .custom-list li::after {
        left: 8px;
        top: 9px;
        width: 4px;
        height: 8px;
    }

    .custom-list li::before {
        width: 20px;
        height: 20px;
        left: 0;
        top: 5px;
    }

    .service-description-sec {
        padding: 50px 0;
    }

    .service-content {
        width: 100%;
        margin: 0;
    }

    .sidebar {
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
        gap: 30px;
    }

    .contact-details {
        margin-top: 0;
    }

    .project-details,
    .project-info .info-item,
    .process-right-col {
        text-align: center;
    }

    .faq-answer {
        padding: 0 14px 14px;
    }

    .image-with-content {
        padding: 50px 0;
    }

    .img-content-wrap .left-img-col,
    .img-content-wrap .right-content {
        max-width: 100%;
        text-align: center;
    }

    .img-content-wrap {
        flex-wrap: wrap;
    }

    .process-inner-wrap {
        flex-wrap: wrap;
        gap: 34px;
    }

    .process-inner-wrap>* {
        max-width: 100%;
    }

    .process-img-col {
        display: flex;
        gap: 12px;
    }

    .process-img {
        height: 300px;
        width: 100%;
    }

    .process-img-col .process-img:first-child {
        margin: 0;
    }

    .our-process-sec {
        padding: 50px 0;
    }

    .footer-logo-image a img {
        max-width: 100%;
    }

    .testimonial-card {
        padding: 30px 20px;
    }

    .inner-who-we-are-sec:before {
        width: 100%;
        height: 100%;
    }


}

@media(max-width:575px) {
    .ctm-mt-60 {
        margin-top: 30px;
    }

    .choose-us-image-box-left,
    .choose-us-image-box-right {
        width: 100%;
    }

    .choose-us-image-box-col img,
    .choose-us-image-box-right img {
        height: auto;
    }

    .our-services-col {
        width: 100%;
    }

    .our-services-image img {
        height: 230px;
    }

    .banner-logo img {
        max-width: 100%;
    }

    .foot-contact-col-right {
        margin-left: 30px;
        padding-left: 30px;
    }

    .inner-top-header-sec {
        gap: 10px;
        flex-direction: column;
    }

    .landscaping-needs-image-box-col {
        width: 100%;
    }

    .landscaping-needs-image-box-col img {
        height: auto;
    }

    .our-process-card {
        width: 100%;
    }

    .project-detail-gallery {
        gap: 10px;
    }

    .project-detail-gallery .single-image {
        max-width: calc(100% / 2 - 5px);
        height: 120px;
    }

    .inner-outdoor-areas .our-services-col {
        width: 100%;
    }

    .inner-outdoor-areas .our-services-image img {
        height: auto;
    }

    .form-row {
        gap: 10px;
    }

    .form-col {
        width: 100%;
    }

    .two-col-img img {
        height: 200px;
    }

    .process-img {
        height: 240px;
    }
}

/* ================== Media Css End Here ==================  */