/*Plus Jakarta Sans - Headings & p*/
@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('../fonts/PlusJakartaSans-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('../fonts/PlusJakartaSans-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('../fonts/PlusJakartaSans-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}



* {
    box-sizing: border-box!important;
    margin: 0;
}

html {
    scroll-behavior: smooth;
}

body, html, * {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}




body {
    margin: 0;
    font-family: 'Plus Jakarta Sans', Arial, sans-serif;
    font-size: 18px;
    
}

html, body {
  overflow-x: hidden;
}


/*MAIN===========================================================*/
/*----------------------------------------*/
/*SPACE*/

.kdl-header, .site-footer, .kdl-section,.small-padding{
  padding-left: 5%;
  padding-right: 5%;
 
}


.kdl-section{
  padding-top: 110px;
  padding-bottom: 110px;
}
/*+++++++++++++++++++++++*/


.kdl-section-inner{

  max-width: 1300px;
  margin: 0 auto;
  align-items: center;
  position: relative;
}



.green-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #2d7d32;
  border: 1px solid #2d7d32;
  color: #fff;
  padding: 12px 20px;
  border-radius: 8px;
  font-weight: 700;
  text-decoration: none;
}

.trans-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #ffffff00;
  border: 1px solid #2d7d32;
  color: #ffffff;
  padding: 12px 20px;
  border-radius: 8px;
  font-weight: 700;
  text-decoration: none;
}


.white-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #ffffff;
  border: 1px solid #2d7d32;
  color: #0B3D2C;
  padding: 12px 20px;
  border-radius: 8px;
  font-weight: 700;
  text-decoration: none;
}



.call-now-text{
  font-size: 16px;
  font-weight: 500;
}

.btn-phone{
  font-weight: 600;
}

.g-btn-icon {
    background: #ffffff;
    color: #2d7d32;
    border-radius: 50%;
    padding: 4px;
    width: 40px;
    height: 40px;
    transition: all 0.3s ease;
}


.green-btn:hover  .g-btn-icon {
    background: #2d7d32;
    color: #fff;
}

.green-btn.btn-with-call-icon{
  padding: 4px 20px!important;
}

.green-btn:hover, .trans-btn:hover,.white-btn:hover   {
    background: #0B3D2C;
    color: #ffffff;
}

.back-to-top {
    position: fixed;
    bottom: 100px;
    right: 25px;
    width: 55px;
    height: 60px;
    font-weight: 800;
    background: #2e7d32; 
    color: #fff;
    border: none;
    border-radius: 35%;
    font-size: 20px;
    cursor: pointer;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

.site-call-us-btn {
    position: fixed;
    bottom: 25px;
    left: 25px;
    background: #2e7d32;
    color: #fff;
    padding: 20px 20px;
    border-radius: 50px!important;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    z-index: 9999;
    transition: 0.3s ease;
}

.site-call-us-btn:hover {
    transform: translateY(-2px);
}

/* Wave effect */
.site-call-us-btn::before,
.site-call-us-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50px!important;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background: rgba(46, 125, 50, 0.8);
    z-index: -1;
    opacity: 0;
}

/* first wave */
.site-call-us-btn::before {
    animation: wavePulse 2s infinite;
}

/* second wave */
.site-call-us-btn::after {
    animation: wavePulse 2s infinite 1s;
}

@keyframes wavePulse {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.6;
    }
    70% {
        opacity: 0;
    }
    100% {
        transform: translate(-50%, -50%) scale(2.5);
        opacity: 0;
    }
}

/*Chat----------------*/
/* Floating button bottom center */
.chat-float-btn {
    position: fixed;
    bottom: 25px;
    right:25px;
    background: #2e7d32;
    color: #fff;
    padding: 12px 18px;
    border-radius: 30px!important;
    border: none;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    z-index: 9999;
    transition: 0.3s ease;
}

.chat-float-btn .g-btn-icon {
    background: #ffffff;
    color: #2d7d32;
    border-radius: 50%;
    padding: 4px;
    width: 40px;
    height: 40px;
    transition: all 0.3s ease;
}

.chat-float-btn .g-btn-icon path {
    transform: translate(6px, 4px) !important;
}



/* Overlay */
.dkl-chat {
    display: none;
    position: fixed;
    margin-bottom: 80px;
    inset: 0;
    background: rgba(0,0,0,0.4);
    justify-content: flex-end;
    align-items: flex-end;
    z-index: 999999;
    padding: 20px;
}

/* Active state */
.dkl-chat.active {
    display: flex;
}

/* Chat box */
.chat-box {
    background: #fff;
    width: 320px;
    padding: 20px;
    border-radius: 10px;
    position: relative;
}

/* Close button */
.chat-close {
    position: absolute;
    top: 10px;
    right: 10px;
    border: none;
    background: transparent;
    font-size: 18px;
    cursor: pointer;
}

/*Two Col Sections*/
.two-col {
  display: flex;
  gap: 48px;
}

.two-col > div {
  flex: 1;
}


/*HEADER===========================================================*/

.header-inner {
  max-width: 1300px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}


.kdl-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: transparent;
    transition: 0.3s ease;
    padding-top: 12px;
    padding-bottom: 12px;
}

.kdl-header.scrolled {
    background: #000;
}

/* MENU */
/*--------------*/
.nav-menu {
  display: flex;
  gap: 24px;
  list-style: none;
}

.nav-menu a {
  position: relative;
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  transition: color 0.3s ease;
}



/*submenu*/
.nav-menu li {
    position: relative;
}

.nav-menu .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
    background: #000000;
    min-width: 240px;
    width: max-content;
    padding: 12px;
    margin: 0;
    list-style: none;
    z-index: 999;
    border-radius: 8px;
    margin-top: 6px;
}

.nav-menu li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.submenu-icon svg {
  transform: translateY(3px);
}


/*Second level submenu--------------------------*/
.sub-menu .menu-item-has-children > a .submenu-icon svg {
    transform: rotate(-90deg);
}

.nav-menu .sub-menu li {
    position: relative;
    padding-bottom: 12px;
    padding-top: 12px;
}

.nav-menu .sub-menu .sub-menu {
    position: absolute;
    top: -12px;
    left: 100%; 

    opacity: 0;
    visibility: hidden;
    transform: translateX(-50px);
    transition: all 0.3s ease;

    background: #000;
    min-width: 220px;
    padding: 12px;
    margin: 0;
    list-style: none;
    z-index: 1000;
    border-radius: 8px;
}

.nav-menu .sub-menu li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}


/* ICON TOGGLE */
.icon-close {
  display: none;
}

.hamburger.active .icon-menu {
  display: none;
}

.hamburger.active .icon-close {
  display: block;
}

.hamburger {
  display: none;
  background: none;
  border: 0;
  cursor: pointer;
}

/* DESKTOP CTA */
#mobile-btn {
  display: none;
}




/*FOOTER============================================*/
.footer {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    padding-top: 110px;
}

.footer-inner{
  max-width: 1300px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-bottom: 40px;

}

.footer a{
  color: #fff;
  text-decoration: none;
  font-size: 18px;
 
}

.footer-col li{
  margin-bottom: 8px;
  margin-top: 8px;
}

.footer-col ul{
  list-style: none;
  padding: 0px;
}

.footer-col .sub-menu{
  padding-left: 24px;
}
/*-----------*/

.footer-col .sub-menu li::before {
    content: "›"; /* simple arrow */
    margin-right: 8px;
    color: #f8c007;
}

/*--------*/

.footer-other-links .sub-menu{
  display: none;
}


.footer-contact-info{
  margin-top: 32px;
}

.footer-social-icons ul{
  display: flex;
  gap:24px
}


/*========================*/
.kdl-footer-icon-box{
  width: 36px;
  height: 36px;
  background: #ffffff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.kdl-footer-icon-box svg{
  margin-top: 4px;
  width: 24px;   
  height: 24px;
  fill:  #2d7d32; 
}

.kdl-footer-icon-box:hover{
  background: #2d7d32; 
}

.kdl-footer-icon-box:hover svg {
    fill: #fff;
}


/*========================*/


/*business-info*/
.footer-info-text {
  padding-top: 32px;
  padding-bottom: 32px;
}

/*Footer bottom*/
.footer-bottom{
  padding-top: 40px;
  border-top: 1px solid #2d7d32;
  width: 100%;
}

.footer-bottom p{
  text-align: center;
}

.footer-bottom p a{
  color: #f8c007;
}

.footer-bottom p a:hover{
	color:#fff;
}


/*Single Blog*/
.blog-single-page h2{
  font-size: 32px;
  padding: 24px 0;
}



.blog-single-page p{
  padding-bottom: 24px;
}

.blog-single-page ul{
  padding-bottom: 24px;
}

.blog-single-page img{
  border-radius: 8px;
}

.blog-single-page ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.blog-single-page li {
  /*  display: flex;
    align-items: center;
    gap: 10px;*/
    padding-bottom: 8px;
}

.wp-block-list strong{
	margin-right:4px!important;
}



.blog-single-page li::before {
    content: "";
	display: inline-block;
    width: 16px;
    height: 16px;
	margin-right:10px!important;
    background-image: url('../icons/check.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    flex-shrink: 0;
}

ol.wp-block-list li::before {
    content: none !important;
    display: none !important;
}

.post-navigation{
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 48px;
}

.post-navigation a{
  color: #0B3D2C;
  font-size: 24px;
  text-decoration: none;
}

.post-navigation a span{
  font-size: 18px;
  line-height: 18px;
}

.prev-post, .next-post{
  max-width: 300px;
}

 .post-navigation{
    padding-bottom: 32px;
}


/*Page Styles ==========================*/  
.btn-icon svg {
    display: block;
}

/*FONTS=================================================*/
h1{
  font-size: 50px;
  font-weight: 700;
  line-height: 60px;
}

h2{
  font-size: 46px;
  line-height: 60px;
  color: #0b3d2c;
}

h3{
  font-size: 24px;
  line-height: 32px;
}

h4{
  font-size: 18px;
  font-weight: 700;
  color: #0b3d2c;
}

p{
  line-height: 28px;
}

p a{
  font-weight: 600;
  color: #2d7d32;
  text-decoration: none;
}
p a:hover{
  color: #0b3d2c; 
}

.page-info a{
  color: #fff;
  text-decoration: none;
  font-weight: 400;
}

.page-info h1{
  padding-bottom: 24px;
}


.bold-text{
  font-size:18px;
  font-weight:600;
  letter-spacing:0.5px;
  line-height:28.8px;
}

.green-heading{
  color: #2d7d32;
  font-size: 18px;
  margin-bottom: 32px;
}


#hero.description{
  line-height: 28px;
  padding: 25px 0 35px 0;
}

.sub-p{
  padding-bottom: 24px;
}

.sub-t{
  margin-top: 24px;
}


/*FAQ's============================*/
.home-faq{
  padding-top: 50px;
}


/*-------*/

.faq-l-heading{
  position: absolute;
  top: 40px;
  left: 0;
  font-family: "Plus Jakarta Sans", Sans-serif;
  font-size: clamp(48px, 6vw, 100px);
  font-weight: 800;
  line-height: 1em;
  color: transparent;
  -webkit-text-stroke: 1px #0b3d2c;
  z-index: 0;
  pointer-events: none;
  opacity: 0.15; 
}


.faq h2{
  padding-bottom: 32px;
}

.faq-item h3{
  font-size: 20px;
  font-weight: 600;
}

.faq-wrapper {
    margin-top: 50px;
}

.faq-item {
    margin-bottom: 20px;
    transition: all 0.3s ease;
} 

.faq-question {
    width: 100%;
    background: none;
    border: none;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    gap: 24px;
    text-align: left;
    cursor: pointer;
    padding: 0;
    color: #ffffff;
    padding: 12px;
    background-color: #0b3d2c;
}

.faq-answer::-webkit-scrollbar {
    display: none; 
}


.faq-icon {
    width: 38px;
    height: 38px;
    min-width: 38px;
    border-radius: 5px;
    background-color: #2d7d32;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    line-height: 1.5rem;
    transition: all 0.3s ease;
}

.faq-icon::before {
    content: "+";
    line-height: 1;
    transform: translateY(-3px);
}


.faq-answer {
    max-height: 0;
    overflow: hidden;
    
    transition: max-height 0.3s ease;

}

.faq-answer p {
    margin-top: 18px;
    color: #0b3d2c;
}

.faq-item.active .faq-answer {
    max-height: 500px;
    border: 1px solid #0b3d2c;
    border-radius: 8px;
    padding: 0 12px 20px 12px;
    margin-top: 4px;
}

.faq-item.active .faq-icon {
    transform: rotate(45deg);
}

.faq-section h3{
    margin: 0;
}
.faq-section h3::after{
    height: 0;
}

.faq-section h2{
    padding-bottom: 0;
}

/*=================================*/



/*Hero sections*/
.page-hero {
  padding-top: 170px;
  padding-bottom: 120px;
}

.page-hero p a:hover{
  color: #fff;
}

/*background headings*/
.l-wrapper {
  position: relative;
}

.l-heading {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Plus Jakarta Sans", Sans-serif;
  font-size: clamp(48px, 6vw, 100px);
  font-weight: 800;
  line-height: 1em;
  color: transparent;
  -webkit-text-stroke: 1px #2d7d32;
  z-index: 0;
  pointer-events: none;
  opacity: 0.15; 
}

.l-wrapper > *:not(.l-heading) {
  position: relative;
  z-index: 1;
}
/*--------------*/





/*Homepage======================================================================*/
/*Hero--------------------*/
#hero{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    margin-top: -80px;
    padding-top: 190px;
    color: #fff;
}

.hero-section {
    width: 100%;
}

.hero-section h1{
  padding: 20px 0;
}

.text-with-icon {
    display: flex;
    align-items: center;
    gap: 10px;
}

.text-with-icon img {
    width: 20px;
    height: auto;
}

#hero .description{
  max-width: 780px;
  font-size: 18px;
  padding: 25px 0 35px 0;
}

/*hero list*/
.hero-list {
    display: flex;
    gap: 60px;
    padding-bottom: 40px;
}

.hero-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.hero-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 20px;
}

.hero-list li::before {
    content: "";
    width: 16px;
    height: 16px;
    background-image: url('../icons/check.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    flex-shrink: 0;
}

.hero-buttons{
  display: flex;
  gap: 32px;
}



/*Trusted Clients----------------------------------*/
.kdl-trusted-section{
  background-color: #f0fff0;
  color: #0B3D2C;
}

.trusted-clients-col-one{
  display: flex;
  align-items: center;
  gap: 32px;
}

.trusted-clients-section {
  display: flex;
  align-items: flex-start;
  position: relative;
  align-items: center;
  justify-content: space-between;
  gap:32px;
}

.ready-to-discuss {
  height: 400px;
  width: 400px;
  margin-top: -160px;
  z-index: 2;
  background-color: #0b3d2c;
  color: #fff;
  padding: 40px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.ready-to-discuss .white-btn {
  align-self: flex-start; 
  display: inline-flex;   
  width: auto;
}


.trusted-clients-counter .counter{
 width: 220px;
 font-size: 70px;
 font-weight: 700;
}

.trusted-clients-counter{
  display: flex;
  align-items: center;
}

.trusted-clients-info{
  max-width: 400px;
  text-align:center;
}




/*About Us ----------------------------------*/
.home-about-box {
  position: relative;
  width: 100%;
  min-height: 640px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 18px;
  overflow: hidden;
  color: #0b3d2c;
}

/* content layer */
.home-about-box > div {
  position: absolute;
  z-index: 2;
}

/* TOP RIGHT */
.home-about-top-right {
  top: 20px;
  right: 20px;
  text-align: right;
}

.home-about-top-right .number {
  font-size: 50px;
  font-weight: 800;
  line-height: 1;
  display: block;
  text-align:center;
}



/* BOTTOM LEFT */
.home-about-bottom-left {
  bottom: 20px;
  display: flex;
  gap: 24px;
}

.home-about-bottom-left .headline {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 8px;
}


.home-about-list li{
  position: relative;
  padding-left: 32px;
  color: #0b3d2c;
  padding-bottom: 20px;
}

.home-about-list {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 20px;
}

.home-about-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 20%;
    width: 24px;
    height: 24px;
    transform: translateY(-50%);
    
    background-image: url("../icons/home-about-icon.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}


/*Stats Section-----------------------*/
#home-stats{
  background-color: #0b3d2c;
  padding-top: 40px;
  padding-bottom: 40px;
}

.home-stats-section {
    display: flex;
    gap: 20px;
    color: #fff;
	text-align:center;
}

.home-stats-section > * {
    flex: 1;
}

.home-stats-section h4{
  color: #fff;
}

.home-stats-section .counter,
.home-stats-section .count-text{
 font-size: 40px;
 font-weight: 700;
}

/*about us*/
.home-about-us .description{
  padding: 32px 0;
}


/*our exp*/
.home-out-exp .description{
  padding-top: 32px;
  padding-bottom: 24px;
}


/*Complete Landscaping Services in Albany, NY-----------------------*/
.home-landscaping-service{
  background-color: #f0fff0;
}

.home-landscaping-service h2{
  padding-bottom: 48px;
}

.home-landscaping-service h3{
  padding-bottom: 12px;
  color: #2d7d32;
}

.home-landscaping-info:not(:last-child) {
  padding-bottom: 60px;
}

.home-landscaping-service ul{
  display: flex;
  gap: 48px;
  color: #0b3d2c;
  padding: 0;
}


.home-landscating-list li{
  list-style: none;
  position: relative;
  padding-left: 40px!important;
  color: #0b3d2c;
  padding-top: 20px;
  font-weight: 600;
}

.home-landscating-list{
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 20px;
}

.home-landscating-list li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 70%;
    width: 24px;
    height: 24px;
    transform: translateY(-50%);
    background-image: url("../icons/home-l-service.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}







/*Our Experience---------------------------------------------------*/
.home-our-exp-img{
    display: flex;
    gap: 24px;
}

.about-images{
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.home-our-exp-img img{
  max-width: 300px;
  border-radius: 8px;
}

/*Join Our GREEN Spaces-----------------------------------------*/
#home-join{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.home-join-info{
  display: flex;
  align-items: center;
  gap: 32px;
  padding-top: 24px;
  border-top: 1px solid #2d7d32;
}

.home-join-space h2{
  color: #fff;
  max-width: 700px;
  padding-bottom: 24px;
}

.home-join-space p {
  color: #fff;
  max-width: 700px;
}


/*Why Choose us-----------------------------------------------*/
.home-why-choose{
  background-position:bottom right;
  background-repeat: no-repeat;
  background-size: auto;
}


.home-why-choose img{
  background-color:#0b3d2c;
  border-radius: 24px;
}

.home-why-choose img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  background-color: #0b3d2c;
  border-radius: 24px;
}

.home-why-choose-us-list li{
  list-style: none;
  position: relative;
  padding-left: 40px!important;
  color: #0b3d2c;
  padding-top: 20px;
  font-weight: 600;
}

.home-why-choose-us-list{
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 20px;
}

.home-why-choose-us-list li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 70%;
    width: 24px;
    height: 24px;
    transform: translateY(-50%);
    background-image: url("../icons/home-l-service.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.home-why-choose .description{
  padding-bottom: 0;
  padding-top: 32px;
}

/*Our Process Section-----------------------------------------*/
.home-process{
  background-color: #0b3d2c;
  background-position: top left, bottom right;
  background-repeat: no-repeat;
  background-size: auto;
}



.home-process h2,
.home-process p,
.home-process h4{
  color: #fff;
}

.home-process h2{
  max-width: 700px;
  padding-bottom: 48px;
}

.home-process h4{
  font-size: 24px;
  padding: 24px 0;
}

.home-process .l-heading{
  position: absolute;
  top: -50px;
  left: 0;
  font-family: "Plus Jakarta Sans", Sans-serif;
  font-size: clamp(48px, 6vw, 100px);
  font-weight: 800;
  line-height: 1em;
  color: transparent;
  -webkit-text-stroke: 1px #ffffff;
  z-index: 0;
  pointer-events: none;
  opacity: 0.15; 
}

.home-process-card{
  border: 1px solid #2d7d32;
  border-radius: 8px;
  padding: 24px;
  
}

.home-process-section {
  display: flex;
  gap: 24px;
}

.home-process-section > * {
  flex: 1;
}


.home-process-no {
  line-height: normal;
  min-width: 100px;
  font-size: 50px;
  font-weight: 700;
  background-color: #fff;
  color: #2d7d32 !important;
  display: inline-block;
  padding: 5px 16px;
  border-radius: 8px;
  border: 1px solid #2d7d32;
}

/*Our work Section-------------------------------------------*/
.home-our-work {
  background-color: #e7ecea;
  background-position: top left ,bottom right;
  background-repeat: no-repeat;
  background-size: auto;
}

.home-our-work .l-heading{
  position: absolute;
  top: -50px;
  left: 0;
  font-family: "Plus Jakarta Sans", Sans-serif;
  font-size: clamp(48px, 6vw, 100px);
  font-weight: 800;
  line-height: 1em;
  color: transparent;
  -webkit-text-stroke: 1px #0b3d2c;
  z-index: 0;
  pointer-events: none;
  opacity: 0.15; 
}


/*Landscaping Service FAQ's---------------------------------*/


/*Map-----------------------------------------*/
.home-map{
  border: none;
}

/*Homepage End==================================================================*/

/*ABOUT US START================================================================*/
/*about hero*/
#about-hero {
  position: relative;
  color: #fff;
  background-size: cover;
  background-position: center;
}

#about-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(11, 61, 44, 0.6);
  z-index: 1;
}

#about-hero > * {
  position: relative;
  z-index: 2;
}

/*Our Story----------------------*/
.about-story-contact{
  display: flex;
  gap: 24px;
  margin-top: 48px;
  align-items: center;
}

#about-story .description{
  padding: 32px 0;
}

.about-story-img {
  height: 600px;
}

.about-story-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 8px;
}

.about-story-info{
  display: flex;
  align-items: center;
}

/*our vision---------------------------*/
.about-vision{
  background-color:#F0FFF0;
  padding-bottom: 0px!important;
}

.about-vision-text{
  padding-top: 32px;
}

.about-vision-text p{
  padding-bottom: 24px;
}

.about-vision-img{
  height: 600px;
}

.about-vision-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 8px;
}

/*about mission*/
.about-mission{
  background-color:#F0FFF0;
  padding-top: 0px!important;
}

/*about stats--------------*/

.about-stats{
  background-color: #0b3d2c;
  padding-top: 40px;
  padding-bottom: 40px;
}

/*about stats*/
.about-stats-img{
  max-width: 100%;
  border-radius: 8px;
}

.about-stats .two-col{
  align-items: center;
}

/*about why choose us */
.about-why-text{
  padding: 32px 0;
}

.about-why-two-cards img{
  width: 80px;
  height: 80px;
  background-color: #f0fff0;
  padding: 8px;
  border-radius: 8px;
}

.about-why-two-cards{
  display: flex;
  gap: 24px;
}

/*-----*/
.about-why-info {
    flex: 0 0 700px; 
}

.about-why-img {
    flex: 1; /
}

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


/*ABout FAQ*/
.about-faq-text{
  padding: 32px 0;
}

.about-faq-card{
  background-color: #f0fff0;
  padding: 32px;
  border-radius: 8px;
}

.about-faq-card p{
  padding: 24px 0;
}

.about-faq .faq-l-heading{
  position: absolute;
  top: -40px;
  left: 0;
  font-family: "Plus Jakarta Sans", Sans-serif;
  font-size: clamp(48px, 6vw, 100px);
  font-weight: 800;
  line-height: 1em;
  color: transparent;
  -webkit-text-stroke: 1px #0b3d2c;
  z-index: 0;
  pointer-events: none;
  opacity: 0.15; 
}

.about-faq{
  padding-top: 50px;
}


/*ABOUT US END================================================================*/

/*CONTACT US START ================================================================*/
#contact-hero {
  position: relative;
  color: #fff;
  background-size: cover;
  background-position: center;
}

#contact-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(11, 61, 44, 0.6);
  z-index: 1;
}

#contact-hero > * {
  position: relative;
  z-index: 2;
}

/*Contact us form section*/
.contact-us-form-col{
  background-color: #0b3d2c;
  border-radius: 8px;
  color: #fff;
  padding: 48px;

  
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100% auto;
}

.contact-us-form-col h2{
  color: #fff;
}

.contact-page-form-text{
  padding: 32px 0;
}

#contact-us-form{
  height: 400px;
  border-radius: 8px;
  background-color: #fff;
  margin-bottom: 80px;
}

/*contact col 2*/
/* LEFT COLUMN (fixed / stable) */
.contact-us-form-col {
  flex: 1;
  min-width: 50%;
}

/* RIGHT COLUMN (flexible) */
.contact-us-info {
  flex: 1;
  min-width: 0;
}

/* image responsiveness */
.contact-us-info img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 8px;
}

/*contact us info*/
.contact-us-info-card{
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-top: 48px;
  background-color: #f0fff0 ;
  border-radius: 8px;
  padding: 32px;
}

.contact-info-box img{
  width: 48px;
  height: 48px;
}
.contact-info-box{
  display: flex;
  gap: 24px;
  background-color: #fff;
  padding: 32px;
  border-radius: 8px;
  align-items: center;
  word-break: break-word!important;
  overflow-wrap: break-word!important;

}
.contact-info-box a{
  text-decoration: none;
  color: #0b3d2c;
}

/*CONTACT US END ================================================================*/
/*PRIVACY / TERMS & CON / BLOGSTART ===============================================================*/
#privacy-hero, 
#terms-hero,
#blog-hero {
  position: relative;
  color: #fff;
  background-size: cover;
  background-position: top center;
}

#privacy-hero::before,
#terms-hero::before,
#blog-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(11, 61, 44, 0.6);
  z-index: 1;
}

#privacy-hero > * ,
#terms-hero > *,
#blog-hero > *{
  position: relative;
  z-index: 2;
}

/*pp info*/
.privacy-info h3,
.terms-info h3{
  color: #0b3d2c;
  padding-bottom: 24px;
  text-decoration: underline;
}

.privacy-info div,
.terms-info div{
  padding-bottom: 48px;
}

.privacy-info p,
.terms-info p{
  padding-bottom: 24px;
}

.pp-special{
  font-size: 20px;
  font-weight: 800;
  background-color: #0b3d2c;
  color: #fff;
  border-radius: 8px;
  margin-bottom: 12px;
}
.pp-special-div p {
  padding: 8px!important;
}

/*list*/
.pp-list li{
  position: relative;
  padding-left: 32px;
  padding-bottom: 12px;
}

.pp-list {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 20px;
    margin-top: 0px;
}

.pp-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 35%;
    width: 24px;
    height: 24px;
    transform: translateY(-50%);
    
    background-image: url("../icons/list-arrow.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
/*PRIVACY P END =================================================================*/

/*BLOG START ====================================================================*/
.posts-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
    gap: 30px;
    justify-content: start;
    align-items: stretch;
	padding-left:0!important;
	padding-right:0!important;
}


.post-card{
  background-color: rgb(255, 255, 255);
  border: 1px solid #2d7d32;
  padding: 24px;
  border-radius: 8px;
  width: 100%;
  max-width: 585px;
  justify-self: start;

  display: flex;
  flex-direction: column;
  height: 100%;
}

.post-card a{
  text-decoration: none;
  color: #0b3d2c;
}


.post-card a:first-child {
    flex: 1;
    display: block;
}
.post-card .green-btn{
  color: #fff;
  margin-top: 24px;
  display: inline-block; 
  align-self: flex-start;
}

.post-card h3{
  font-weight: 600;
  line-height: 32px;
  margin-top: 24px;
}

.post-card .thumb img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  display: block;
  border-radius: 8px;
  margin-bottom: 32px;
}

/*blog-pagination*/
.blog-pagination {
  display: flex;
  gap: 24px;
  justify-content: center;
  align-items: center;
  margin-top: 48px;
}

.blog-pagination,
.blog-pagination a{
  font-size: 24px;
  font-weight: 600px;
  color: #0b3d2c;
  text-decoration: none;
}

.blog-content{
  padding-top: 32px;
	padding-left:0!important;
	padding-right:0!important;
}

.featured-image{
  border-radius: 8px;
  padding-bottom: 32px;
}

.post-meta {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
    padding-top: 24px;
}

.post-tags a{
  text-decoration: none;
  color: #fff;
}

.blog-share {
    display: flex;
    gap: 14px;
    justify-content: center;
    align-items: center;
    margin: 30px 0;
}

.blog-share a img {
    width: 48px;
    height: 48px;
    display: block;
    transition: 0.2s ease;
    background-color: #2d7d32;
    border-radius: 8px;
    padding: 6px;
}

.blog-share a:hover img {
    transform: scale(1.1);
}


/*sl style*/
/*hero background*/
.sl-hero-section {
  position: relative;
  color: #fff;
  background-size: cover;
  background-position: center;
}

.sl-hero-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(11, 61, 44, 0.6);
  z-index: 1;
}

.sl-hero-section > * {
  position: relative;
  z-index: 2;
}
/*---------------------------*/
.sl-hero-section h1{
    color: #fff;
    max-width: 700px;
}

/*location about us------------------*/
.sl-about-img {
  height: 560px;
}

.sl-about-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 8px;
}

.sl-about-info{
  display: flex;
  align-items: center;
}

.sl-about .description{
  padding-top: 32px;
  padding-bottom: 0;
}
/* Challenges -----------------------------------*/
.sl-challenges{
  background-color: #f0fff0;
}

.sl-challenges h2{
  padding-top: 24px;
  padding-bottom: 48px;
}


.sl-challenges h4{
  font-size: 20px;
  font-weight: 600;
  padding-top: 16px;
}


.sl-challenges-card{
  /*border: 1px solid #2d7d32; */
  background-color: #f0fff0;
  border-radius: 8px;
  padding: 24px;
  box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
}

.sl-challenges-card:hover {
    transform: scale(1.03);
}

.sl-challenges-icon img{
  background-color:#2a7d2e3f;
  border-radius: 8px;
  width: 80px;
  height: 80px;
  padding: 16px;
}

.sl-challenges-card:hover .sl-challenges-icon img {
  background-color: #fff;
}


.sl-challenges-section {
  display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

/* Why Choose Us-----------------------------------*/
.sl-why h2{
    padding-top: 24px;
    padding-bottom: 32px;
}

.sl-why .description{
    max-width: 700px;
    padding-bottom: 0;
}

.sl-why .home-process-section{
  padding-top: 32px;
}

.sl-why a:hover{
  color: #fff;
}

.sl-why .sy-text{
  padding-bottom: 24px;
}

/* Services Areas-------------------------------------------------*/
.sl-areas{
  background-color:#f0fff0;
}

.sl-areas .l-heading{
  top: -40px;
}

.sl-areas iframe{
  margin-top: 32px;
  border: 0;
  border-radius: 8px;
}

.sl-area-location{
  padding-top: 48px;
}

.sl-area-location h3{
  background-color:  #0b3d2c;
  color: #fff;
  padding: 8px;
  border-radius: 8px;
}

.city-list{
  list-style: none;
  padding: 0;
  margin: 0;
  padding-top: 32px; 
}


.city-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 20px;
}

.city-list li::before {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url('../icons/location/location-icon.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    flex-shrink: 0;
}




/*Contact Us-------------------------------------------------*/


/*FAQ-------------------------------------------------*/


/*-----------------------------------------------------*/

/*SL SUb*/
.sl-sub-about h2{
  padding-bottom: 32px;
}

.sl-sub-about .description{
  padding-top: 0;
}

.sl-sub-why{
  background-color: #f0fff0;
}

.sl-sub-why h2{
  padding-bottom: 32px;
}

.sl-sub-why .description{
  padding-top: 0;
}

/*-------------------*/

/*===============================================================================*/
/*SERVICE TEMPLATE===============================================================*/

/*hero background*/
.service-temp {
  position: relative;
  color: #fff;
  background-size: cover;
  background-position: center;
}

.service-temp::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(11, 61, 44, 0.6);
  z-index: 1;
}

.service-temp > * {
  position: relative;
  z-index: 2;
}

.kd-service-temp h2,
.kd-service-exp h2{
  padding-bottom: 32px;
}

.kd-service-temp .description,
.kd-service-exp .description{
  padding-top: 0px!important;
}

/*our exp*/
.kd-service-exp-img{
    display: flex;
    gap: 24px;
}

.about-images{
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.kd-service-exp-img img{
  max-width: 300px;
  border-radius: 8px;
}

/*service why us*/
.service-why-us h2{
 padding-bottom: 0;
}

.service-why-us a:hover{
  color: #fff;
}

.service-why-us .description {
  max-width: 700px;
}


.kd-our-service{
    padding-top: 0;
    padding-bottom: 0;
}


.service-right p{
    margin: 32px 0;
    line-height: 32px;
}

.service-right .faq-answer p{
    margin-top: 16px;
    margin-bottom: 0;
}

.service-two-col {
  display: flex;
  align-items: flex-start;
  margin-top: 48px;
  gap: 48px;
}

/*adjust scroll*/
#ser-one,
#ser-two,
#ser-three,
#ser-four,
#ser-five {
    scroll-margin-top: 120px;
}

/****Fix Sticky sidebar ===========================================================*/
body {
  overflow: visible;
}




/*=============================================================*/

.service-left {
  flex: 0 0 390px;
  min-width: 390px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: sticky;
  top: 80px; 
  align-self: flex-start;
  z-index: 999;
}

.service-right {
  flex: 1;
}

/*=====================================*/
.our-service-list{
    background-color: #f0fff0;
    padding: 32px;
    border-radius: 8px;
}

.our-service-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.our-service-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 20px;
}

.our-service-list li::before {
    content: "";
    width: 16px;
    height: 16px;
    background-image: url('../icons/list-arrow.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    flex-shrink: 0;
}

.our-service-list a{
    text-decoration: none;
    color: black;
}

/**********/

.service-left .contact-us-info-card{
    margin-top: 0;
   
}

.service-left .contact-info-box img{
    width: 32px;
    height: 32px;
}

.service-left .contact-info-box{
    gap: 8px;
}

.service-left .contact-us-info-card .contact-info-box{
    padding: 24px 8px;
}

.service-left .contact-info-box h4 a,
.service-left .contact-info-box h4 {
    word-break: break-word!important;
    overflow-wrap: break-word!important;
    font-size: 16px;
}


.our-service-cta{
    border-radius: 8px;
    background-color: #0b3d2c
}

.our-service-cta h3{
    color: #fff;
    padding-bottom: 24px;
}

.our-service-cta img {
    width: 390px;
    height: 200px;
    object-fit: cover;
    display: block;
    border-radius: 8px 8px 0 0
}

.ser-cta-box{
    padding: 24px;
	display:flex;
	align-items:center;
}

.ser-cta-box h3{
	padding-bottom:0px!important;
}

.ser-cta-box .about-story-contact{
    margin-top: 0;
}

.ser-cta-box .green-btn{
    width: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background:none;
	border : none;
}
.ser-cta-box .g-btn-icon{
   border : 4px solid white;
	width:80px;
	height:80px;
	background: #0b3d2c!important;
}
.ser-cta-box .green-btn.btn-with-call-icon{
	padding:0px!important;
}
/*==========================*/

/*========================*/

.our-service-contact{
    height: 100px;
}
/*=====================================*/
/*Col two-----------------------------------------------*/
.service-two-col .faq{
    padding-bottom: 48px;
}
.service-img-slider img{
    height: 500px;
    width: 100%;
    border-radius: 8px;
    object-fit: cover;
    display: block;
}

.service-img-slider {
    width: 100%;
    height: 500px;
    overflow: hidden;
    margin-top: 32px;
    border-radius: 8px;
}

.service-img-slider .embla__container {
    display: flex;
    height: 100%;
    touch-action: pan-y pinch-zoom;
}

.service-img-slider .embla__slide {
    flex: 0 0 100%;
    min-width: 0;
    height: 100%;
}

.service-img-slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/*new*/
.service-why-us .description,
.leaves-why-us .description{
  padding-top:32px;
  padding-bottom:32px;
  max-width:700px;
}

.snow-why-us .description,
.christmas-why-us .description{
	padding-bottom:32px;
	max-width:700px;
}

.snow-why-us a:hover{
  color: #fff;
}

.leaves-why-us h2{
  padding-bottom: 0!important;
}

.leaves-why-us a:hover{
  color: #fff;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*Extra Pages----------------------*/
.extra-service-hero{
    position: relative;
    color: #fff;
    background-size: cover;
    background-position: center;
}

.extra-service-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(11, 61, 44, 0.6);
  z-index: 1;
}

.extra-service-hero > *{
  position: relative;
  z-index: 2;
}

.extra h2{
    padding-bottom: 48px;
}

/*why outdoor kitchen*/
.extra-why-outdoor-kitchens{
    background-color:#f0fff0;
}

.extra-why-outdoor-kitchens h3{
    padding-bottom: 12px;
}

.extra-service-green-bg-info{
    padding-bottom: 32px;
}

/*mini faq*/
.extra-service-mini-faq .two-col{
    align-items: center;
}

/*grill*/
.grill-list{
    padding: 32px 0;
    display: flex;
    gap:48px;
}

.grill-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.grill-list li {
    display: flex;
    align-items: center;
    gap: 10px;
}

.grill-list li::before {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url('../icons/grill-icon.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    flex-shrink: 0;
}

/*Luxury Outdoor Kitchen Upgrades*/
.big-svg-section{
    display: flex;
    gap: 48px;
    padding-top: 48px;
}

.ok-luxury-set{
    display: flex;
    gap: 16px;
}

.ok-luxury-set img{
    background-color: #f0fff0;
    border-radius: 8px;
    padding: 12px;
    width: 60px;
    height: 60px;
}

.ok-luxury-set:not(:last-child) {
  padding-bottom: 24px;
}

/*dessigning kitchen*/
.extra-ok-designing-k{
    padding-top: 0!important;
}

.ok-design-k-list{
   padding: 32px 0 0 0 ;
}

.ok-design-k-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ok-design-k-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 12px;
}

.ok-design-k-list li::before {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url('../icons/list-leaf.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    flex-shrink: 0;
}

.home-our-exp-img{
    padding-bottom: 48px;
}

/*materials*/

.extra-ok-best-materials{
    background-color: #f0fff0;
}

.ok-materials-cards{
    border-radius: 8px;
    background-color: #fff;
    padding: 32px;
    box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.extra-four-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  padding: 32px 0;
}


/*ok layout*/
.extra-ok-layout{
    padding-top: 0px!important;
    background-color: #f0fff0;
}

.extra-ok-layout .extra-four-cards{
    padding: 0;
}


/*scroll bg*/
.extra-ok-process{
    position: relative;
    color: #fff;
    background-size: cover;
    background-position: center;
}

.extra-ok-process::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(11, 61, 44, 0.9);
  z-index: 1;
}

.extra-ok-process > *{
  position: relative;
  z-index: 2;
}


.extra-service-scroll h2,
.extra-service-scroll h4,
.extra-service-scroll p {
    color: #fff!important;
}

.extra-service-five-cards{
    border-top: 1px solid #307f35;
}

.k-build-grid{
    padding: 48px 0 0 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.extra-service-scroll .home-process-no{
    color: #0b3d2c!important;
    text-align: center;
    margin-bottom: 24px;
}

/*k style*/
.extra-ok-style{
    background-color:#f0fff0;
}

.extra-ok-style .extra-four-cards{
    padding: 0;
}

.extra-ok-style .ok-materials-cards{
    padding: 24px;
}


.extra-ok-value .ok-design-k-list{
    padding-bottom: 24px;
}

.extra-ok-why-hire{
    padding-top: 0;
}

.extra-ok-tips{
    background-color: #f0fff0;
}

.ok-tips-cards h4{
    color: #fff;
}

.ok-tips-cards{
    background-color: #2a7d2e;
    border-radius: 8px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.ok-tips-cards img{
    width: 88px;
    height: 88px;
    background-color: #0b3d2c;
    padding: 12px;
    border-radius: 8px;
    margin-bottom: 24px;
}


.extra-ok-why-choose {
    color: #fff!important;
}

.extra-ok-why-choose h2{
    color: #fff!important;
    max-width: 1200px;
}

.extra-ok-why-us-div{
    border-top: 1px solid #2a7d2e;
}

.extra-ok-why-us-list{
    padding: 40px 0 24px 0;
}

.extra-ok-why-us-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.extra-ok-why-us-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 12px;
    font-weight: 600;
}

.extra-ok-why-us-list li::before {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url('../img/home/stats/trophy.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    flex-shrink: 0;
}

/*=====OUTDOOR LIVING==========================================================================*/
.sl-about-img.extra-ol img {
    height: 420px;
    width: 100%;
    object-fit: cover;
}

.extra-service-about.ol h3{
    padding-bottom: 24px;
}

.ol .sl-about-info{
    align-items: flex-start;
}

.ol .sl-about-img{
    height: auto;
}


.ol-what-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ol-what-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 12px;
    font-weight: 600;
}

.ol-what-list li::before {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url('../icons/list-leaf.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    flex-shrink: 0;
}

.ol-what-list{
    padding: 32px 0;
}

.extra-ok-designing-k.ol{
    padding-top: 110px!important;
}

.what-diff-div{
    padding-bottom: 32px;
}

.ol-design-app{
    background-color: #f0fff0;
}


.ol-design-app .ok-design-k-list li::before {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url('../icons/wood-chair.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    flex-shrink: 0;
}

.extra-why-outdoor-kitchens.ol {
    background-color: #fff!important;
}


.ol-ess-fea-list {
    list-style: none;
    padding: 0;
    margin: 0;
    padding: 24px 0 0 0;
    display: flex;
    gap: 32px;
}

.ol-ess-fea-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
}

.ol-ess-fea-list li::before {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url('../icons/list-leaf.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    flex-shrink: 0;
}

.extra-ol-cost{
    background-color: #e7ecea;
}

.extra-ol-cost h2{
    padding-bottom: 32px;
}

.extra-ol-cost .sub-p{
    padding-bottom: 24px;
}

.extra-ol-cost .ok-design-k-list{
    padding: 24px 0 32px 0;
}

.ol-common-s-set{
    display: flex;
    gap: 32px;
    padding-top: 32px;

}


.ol-common-icon-set{
    display: flex;
    gap: 12px;
    align-items: center;
    padding-bottom: 24px;
}

.ol-c-full p{
    padding-bottom: 32px;
}

.ol-common-icon-set img{
    width: 32px;
    height: 32px;
}

.ol-daily-lify h2{
    padding-bottom: 32px;
}
/*=============================================================================================*/
/*Outdoo Patio================*/
.op-benefits-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.op-benefits-list li {
    display: flex;
    align-items: center;
    gap: 10px;
}

.op-benefits-list li::before {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url('../icons/list-leaf.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    flex-shrink: 0;
}
.op-benefits-list{
    display: flex;
    gap: 32px;
    padding: 24px 0;
}

.op-benefits h3{
    padding-bottom: 12px;
}

.ot-custom-d h3{
    padding-bottom: 32px!important;
}

.op.two-col{
    display: flex;
}

.op-types-div{
    padding-bottom: 32px;
    
}

.last-div{
    padding-bottom: 0!important;
}

.op-types-img-div img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
    padding-bottom: 32px;
    border-radius: 8px;
}

.op-add-on{
    background-color: #f0fff0
}

.op-add-on img{
    background-color: #fff;
}

.op-design-style{
    padding-top: 0px!important;
    background-color: #f0fff0
}

.op-design-style img{
    background-color: #fff;
}


.op-local-exp{
    background-color: #f0fff0;
}

.op-year-r{
    background-color: #e0e0e0;
}

.op-why-trust .extra-ok-why-us-div{
    max-width: 1000px;
    display: flex;
    justify-content: space-between;
}

.pp-why-us{
    background-color: #f0fff0;
}


.pp-what-diff h4{
    padding-bottom: 12px;
}

.pp-what-diff-list {
    list-style: none;
    padding: 0;
    margin: 0;
    padding: 32px 0 24px 0;
}

.pp-what-diff-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 12px;
    font-weight: 600;
}

.pp-what-diff-list li::before {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url('../icons/list-leaf.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    flex-shrink: 0;
}

.pp-what-diff img{
    height: 334px;
}


.pp-custom-d .big-svg-section{
    padding-top: 32px!important;
} 

.pp-custom-d h3{
    padding-top: 32px;
}


.pp-add-on .extra-four-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

/*RES===============================================================================================*/

@media (max-width: 1280px){
  /*HOMEPAGE =====================================================*/
  /*home our exp*/
  .home-out-exp .two-col{
    flex-direction: column;
  }

  .home-our-exp-img img{
    max-width:100%;
  }

  .kd-service-exp .two-col{
    flex-direction: column;
    gap: 24px!important;
  }

  .kd-service-exp-img img{
    max-width:100%;
  }

  /*extra*/
  #outdoor-kitchen-designing-k .two-col{
    flex-direction: column;
    gap: 24px;
  }

  #outdoor-kitchen-designing-k .home-our-exp-img{
    flex-direction: column;
  }

  .op.two-col{
        flex-direction: column;
        gap: 0!important;
    }


}
@media (max-width: 1300px){
	.blog-content {
    padding-left: 5%!important;
    padding-right: 5%!important;
	}
}

/* ================= MOBILE ================================================ */
@media (max-width: 1080px) {

/*Two Col Sections*/
.two-col{
  flex-direction: column;
  gap: 24px;
}

.kdl-section{
  padding-top: 80px!important;
  padding-bottom: 80px!important;
}

.footer{
  padding-top: 80px!important;
}

#hero{
  padding-top: 190px!important;
}

.page-hero{
  padding-top: 110px!important;
}

.kd-our-service , .kd-service-exp{
  padding-top: 0px!important;
}


 /*HEADER====================================================================*/ 

 .kdl-header{
  background-color: #000;
 }
  .hamburger {
    display: block;
    color: #2d7d32;
  }

  #desktop-btn {
    display: none;
  }

  #mobile-btn {
    display: block;
    padding: 16px;
  }

  /* SMOOTH MENU */
  .main-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #000000;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    pointer-events: none;

    transition: all 0.3s ease;
  }

  .main-menu.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
  }

  .nav-menu {
    flex-direction: column;
    gap: 0;
    padding: 0;
  }

  .nav-menu a {
    display: block;
    padding: 14px 16px;
    color: #ffffff;
  }
	
  /*========================*/
	.sub-menu .menu-item-has-children > a .submenu-icon svg {
    transform: rotate(0deg);
}
	
  .nav-menu .sub-menu .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;

    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;

    background: #000;
    min-width: 220px;
    padding: 12px;
    margin: 0;
    list-style: none;
    z-index: 1000;
    border-radius: 8px;
}
.nav-menu .sub-menu li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
	
	.nav-menu .sub-menu{
		width:100%;
	}
 

  /*FOOTER===================================================================*/
  .footer-inner{
    flex-direction: column;
    gap: 32px;
  }


  /*blog*/
  .post-navigation{
    flex-direction: column;
    gap: 24px;
  }


  /*Homepage================================================================*/
  /*Hero-----------------*/
   .hero-list {
        flex-direction: column;
        gap: 0;
    }
  
  /*Trusted Clients*/
  .trusted-clients-section{
    flex-direction: column;
    align-items: center;
	  padding-top:32px;
    }

  .ready-to-discuss {
    margin-top: 32px;
    z-index: 2;
	width:100%;
  }

  /*About Us------------------------------------*/
.home-about-us .two-col{
  flex-direction: column-reverse;
}

/*Stats Section-----------------------*/


/*Complete Landscaping Services in Albany, NY-----------------------*/
.home-landscaping-service ul{
  flex-direction: column;
  gap: 0;
}

/*Our Experience----------------------------------------------------*/

/*Why Choose us*/
.home-why-choose .two-col{
  flex-direction: column-reverse;
}

/*home process*/
.home-process-section {
  flex-direction: column;
}

.home-process-section h4{
  padding-top: 0;
  padding-bottom: 12px;
}

.home-process-card{
  display: flex;
  align-items: center;
  gap: 32px;
}

/*HOMEPAGE END =====================================================*/

/*ABOUT US START=========================================================*/
/*our story*/
.about-story .two-col{
  flex-direction: column-reverse;
}

.about-vision-img{
  display: none;
}

.about-mission{
  padding-top: 110px!important;
}

/*about stats*/
.about-stats-last{
  display: none;
}

.about-stats .two-col {
  align-items: initial!important;
  gap: 0!important;
}

.about-stats .home-stats-section{
   flex-direction: column;
   gap: 32px;
}

.about-stats .home-stats-counter{
  display: flex;
  gap: 32px;
  align-items: center;
}

.about-stats .home-stats-counter:not(:last-child) {
    border-bottom: 2px solid #2d7d3275;
}

/*abouy why us*/
.about-why-img{
  display: none;
}

.sl-about .two-col{
        flex-direction: column-reverse;
    }

    .sl-challenges-section {
        grid-template-columns: repeat(2, 1fr);
    }

    .city-list.two-col{
      flex-direction: row!important;
    }



    /*SERVICE TEMPLATE=======================================*/
    .kd-service-temp .two-col{
      flex-direction: column-reverse;
      gap: 24px;
    }

     .service-two-col {
    flex-direction: column;
  }

  .service-left,
  .service-right {
    width: 100%;
    min-width: 100%!important;
  }

  .service-left{
    flex: none;
	transform: translateY(-12px);
  }


  .our-service-cta img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    display: block;
    border-radius: 8px 8px 0 0
}

  .our-service-cta,
  .service-left .contact-us-info-card{
    display: none;
}

/*adjust scroll*/
#ser-one,
#ser-two,
#ser-three,
#ser-four,
#ser-five {
    scroll-margin-top: 360px;
}

   .extra-service-about .two-col{
        flex-direction: column-reverse;
    }

    /*mini faq*/
    .extra-service-mini-faq .two-col{
        align-items: flex-start!important;
    }

    .grill-list{
        flex-direction: column;
        gap: 0;
    }

    .grill-list li:not(:last-child) {
        padding-bottom: 10px;
    }

    .big-svg-section{
        flex-direction: column;
        gap: 0;
    }

    .big-svg-section .big-svg-set-1{
        padding-bottom: 24px;
    }

    .extra-four-cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .k-build-grid{
        grid-template-columns: repeat(1, 1fr);
    }

    .k-build-grid .home-process-card{
        align-items: flex-start;
    }

    .extra-ok-why-hire .two-col{
        flex-direction: column!important;
    }

    .extra-ok-why-hire{
        padding-top: 0!important;
    }

    .extra-ok-why-hire .ok-design-k-list{
        padding-bottom: 24px;
    }

    .extra-ok-designing-k.ol{
        padding-top: 80px!important;
    }

    .ol-ess-fea-list{
        flex-direction: column;
        gap: 0;
    }

    .ol-common-s-set{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .ol-common-icon-set{
        padding-bottom: 0!important;
    }

    .ol-c-full p{
        padding-top: 24px;
    }

    .op-benefits-list{
        flex-direction: column;
        gap: 10px;
    }

    .op-why-trust .extra-ok-why-us-div{
        flex-direction: column;
        padding: 32px 0px !important;
    }

    .op-why-trust .extra-ok-why-us-list{
        padding: 0px!important;
    }

    .pp-add-on .extra-four-cards {
        grid-template-columns: repeat(2, 1fr);
    
    }


  

}


@media (max-width: 768px){
/*HOMEPAGE =====================================================*/
.hero-buttons {
  display: flex;
  flex-direction: column;
  width: 320px;
}

.hero-buttons .btn-text {
  width: 100%;
  text-align: center;
  display: block;
}

/*home trusted clients*/
  .trusted-clients-col-one{
      flex-direction: column;
      align-items: flex-start; 
      gap: 0;
    }

/*home stats*/
.home-stats-section{
   flex-direction: column;
   gap: 32px;
}

.home-stats-counter{
  display: flex;
  gap: 32px;
  align-items: center;
}

.home-stats-counter:not(:last-child) {
    border-bottom: 2px solid #2d7d3275;
}

.post-meta{
  flex-direction: column;
  align-items: flex-start;
}

.extra-four-cards {
    grid-template-columns: 1fr;
  }

.ol-common-s-set {
  grid-template-columns: 1fr;
}

.pp-add-on .extra-four-cards {
  grid-template-columns: 1fr;
}

}

/*===============================*/

@media (max-width: 600px){
    .sl-challenges-section {
        grid-template-columns: 1fr;
    }

    .kd-service-exp-img{
      flex-direction: column;
    }
}


/*==============================*/
@media (max-width: 580px){
/*HOMEPAGE =====================================================*/
	h1{
		font-size:40px;
		line-height:50px;
	}
	h2{
		font-size:36px;
		line-height:46px;
	}
  /*Trusted*/

  /*home about us*/
  .home-about-bottom-left{
    flex-direction: column;
  }

  /*home our exp*/
  .home-our-exp-img{
    flex-direction: column;
  }

  /*home-process*/
  .home-process-card{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.k-build-grid .home-process-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
}

}