:root {--colordark: #000;--colorone: #ffffff;--colortwo: #356711;--colorthree: #2e3528;--bgone: #356711;--bgtwo: #eff1e9;--bgthree: #eef3e8;--bgdark: #16311d;--borderone: #e9ede4;--bordertwo: #356711;--lightgreen: #a6bb87;--softgreen: #dfe8d4;--olivegreen: #4d6436;--darkgreen: #20351f;--creamcolor: #faf7f1;--beigecolor: #ece3d4;}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Inter',sans-serif;color:var(--colordark);}
.dmSerif{font-family:'DM Serif Display', serif;}
.container-custom{max-width:1500px;margin:auto;padding-left:20px;padding-right:20px;}
.green-text{color:var(--colortwo);}
.green-btn{background:var(--bgone);color:#fff;}
.bgtwo{background:var(--bgtwo);}
.light-section{background:var(--bgthree);}
.custom-card{background:#fff;border:1px solid var(--borderone);}
.service-card, .feature-card, .services-card{transition:.3s;}
.menu-baar a:hover {color: #356711 !important;}
.menu-baar a:before {content: '';position: absolute;bottom: 0px;left: 50%;transform: translate(-50%, 0px);width: 100%;height: 1px;background: #356711; opacity: 0; transition:.3s;}
.menu-baar a:hover:before {opacity: 1; bottom: 1px;}
.service-card:hover, .feature-card:hover, .services-card:hover{transform:translateY(-5px);}
* { 
  --diff: calc(var(--max-size) - var(--min-size));
  --responsive: calc(
    (var(--min-size) * 1px) + var(--diff) * ((100vw - 320px) / (6500 - 320))
  );
}
.uls-success-box {z-index: 9;position: relative;}
h1{--max-size:105;--min-size: 30;font-size: var(--responsive) !important;line-height: 110% !important;}
.font90{--max-size:90;--min-size: 25;font-size: var(--responsive) !important;line-height: 110% !important;}
h2, .font65{--max-size: 65;--min-size: 25;font-size: var(--responsive) !important;line-height: 110% !important;}
.font40{--max-size: 40;--min-size: 25;font-size: var(--responsive) !important;line-height: 110% !important;}

h3, .font35 {--max-size: 35;--min-size: 25;font-size: var(--responsive) !important;}
h4, .howitwork h5.title, .font22 {--max-size: 22;--min-size: 17;font-size: var(--responsive) !important;}
.font19 {--max-size: 19;--min-size: 15;font-size: var(--responsive) !important;line-height: 140%;}
.font20 {--max-size: 22;--min-size: 16;font-size: var(--responsive) !important;line-height: 140% !important;}
p, .font18, .menu-baar  li a {--max-size: 18;--min-size: 15;font-size: var(--responsive) !important;line-height: 110% !important;}
.font16 {--max-size: 16;--min-size: 15;font-size: var(--responsive) !important;line-height: 110% !important;}
.font32 {--max-size: 32;--min-size: 20;font-size: var(--responsive) !important;line-height: 140% !important;}
.font28 {--max-size: 28;--min-size: 20;font-size: var(--responsive) !important;line-height: 140% !important;}
ul#posts-leftbar {opacity: 0;}
ul#posts-leftbar.active {opacity: 1;}
.popup-cover .form-cover:before {content: '';position: absolute;top: 0;left: 0;background: url(https://urbanleafspaces.com/../images/footer-img/04.webp);width: 100%;height: 100%;background-size: cover;background-position-x: 40px;background-position-y: 30px;opacity: .2;filter: blur(0px);background-repeat: no-repeat;}
.popup-cover form, .popup-cover h2 {position: relative;z-index: 9;}
.how-it-works .custom-card:hover img {transform: scale(1);}
.banner-section:before{
  background: url('../images/banner-img/banner-shap.webp');
    /* background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 45%, rgba(255, 255, 255, 1) 55%, rgba(255, 255, 255, 0) 70%);} */}
.bannertwo:before{ background: url('../images/banner-img/banner-shap-2.png');}
.banner-section-cta:before{background: url('../images/banner-img/cta2.webp');}
.feature-card:hover, .services-card:hover {transform: translateY(-6px);box-shadow: 0 12px 32px rgba(105, 143, 78, 0.15);}
.headertoggle.active span:nth-child(1) {width: 30px; transform: translateY(0) rotate(45deg);}
.headertoggle.active span:nth-child(2) {width: 30px; transform: translateY(0) rotate(315deg);}
.headertoggle.active span:nth-child(3) {transform: translateX(60px);}
.slick-dots li button {margin: 0 !important;padding: 0 !important;width: 10px !important;height: 10px !important;border: 1px solid #1a341c !important;border-radius: 100%;display: flex;justify-content: center;align-items: center;}
.slick-dots li button:before{display: none;}
.slick-dots li {width: auto !important; height: auto !important;}
.slick-dots li.slick-active button , .slick-dots li button:hover {background: #1a341c !important;}
.testimonial-section::before {background: url('../images/footer-img/01.webp');width: 350px !important;height: 450px !important;bottom: -7px !important;left: -180px !important;}
.testimonial-section::after {background: url('../images/footer-img/02.webp');width: 270px !important;height: 460px !important;bottom: 10px !important;right: -80px !important;}
footer::after {background: url('../images/footer-img/03.webp');width: 250px !important;height: 300px !important;bottom: 00px !important;right: 00px !important;}
#myHeader, #myHeader .container-custom{transition: all .3s;}
#myHeader.sticky .container-custom {padding-top: 8px !important;padding-bottom: 8px !important;}
#myHeader.sticky {box-shadow: 0 6px 10px -6px #ccccccad;position: fixed;top: 0;left: 0;width: 100%;z-index: 999;background: #ffffffd1;backdrop-filter: blur(7px);-webkit-backdrop-filter: blur(7px);}
.animate-bounceScale {animation: bounceScale 1s infinite ease-in-out;} 
#myHeader {background: #ffffff2e;backdrop-filter: blur(5px);}
.popup-cover input, .popup-cover input::placeholder, .popup-cover select {font-size: 14px;padding: 5px !important;height: 40px; border-radius: 7px;}
.popup-cover input::placeholder, .popup-cover select, .popup-cover textarea::placeholder, .popup-cover textarea, .popup-cover input{color: #4d4d4d !important;}
.popup-cover textarea{font-size: 14px;padding: 5px 10px !important;border-radius: 10px;}
.popup-cover select {padding: 0 11px !important;}
.popup-cover i.fa-solid.fa-chevron-down {right: 11px;}
.popup-cover {display: none;}
.popup-cover .grid, .popup-cover .grid .mb-6 {gap: 5px;margin-bottom: 10px !important;}
.fancybox-toolbar button.fancybox-button.fancybox-button--zoom {display: none;}
.footermenu a:before {content: '';position: absolute;top: 7px;left: 0;background: #647c66;width: 5px;height: 5px;}
.footermenu a {padding-left: 15px;position: relative;}
.blog-categories a:hover {background: #356711;color: #fff;}
.blog-categories a:hover i{color: #fff;}
.four-col .slick-slide {padding: 0 10px;}

@keyframes bounceScale {
    0%, 100% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.2);
    }
  }
  .fa-classic, .fa-regular, .fa-solid, .far, .fas {
    font-family: "Font Awesome 6 Free";
}
.four-col button.slick-prev, .four-col button.slick-next {left: auto;top: -60px;transform: translate(0px, 0px);right: 100px;background: #356711 !important;padding: 11px 30px !important;width: auto !important;height: auto !important;display: flex;border-radius: 10px;color: #fff !important;}
.four-col button.slick-next {right: 10px;}
.four-col .slick-next:before, .four-col .slick-prev:before {color: #fff !important;opacity: 1;line-height: 0px;padding: 7px 0 9px;}
/* .banner_icon span.bgtwo {background-image: url(../images/icon/icon_01.svg);} */
/* .icons-custom {background-image: url(../images/icon/icons.webp);} */
a, button, .page-btn, .footermenu a:before, .custom-card img, .about-three-col .bgtwo{transition: all .2s !important;}
.page-btn:hover {transform: translate(0px, -2px); box-shadow: 0 10px 20px rgb(44 86 12 / 34%);}
.page-btn.border-2:hover{background-image: linear-gradient(90deg, rgba(44, 86, 12, 1) 0%, rgba(31, 66, 7, 1) 16%, rgba(44, 86, 12, 1) 32%, rgba(31, 66, 7, 1) 50%, rgba(44, 86, 12, 1) 65%, rgba(31, 66, 7, 1) 82%, rgba(44, 86, 12, 1) 100%); color: #fff;}
.page-btn.border-2:hover span img{filter: brightness(0) invert(1);}
.footermenu a:hover:before, .social-media a:hover, .right-sticky-baar a:hover, button#backToTop:hover {background: #a3a057; }
.footermenu a:hover, .contact-info a:hover {color: #a3a057 !important;}
footer .contact-info li:nth-last-child(1) a:hover {color: #fff !important;}
.custom-card:hover img {transform: scale(1.1);}  
.tabs-pricing .active {background: #376911 !important;color: #fff !important;} .tabs-pricing .active span{color: #fff;}
.tabs-pricing .tab-btn{background: #fff;}
.leaf-left-right:before{background: url(../images/services/inner/03/02.webp) !important;}
.leaf-left-right:after{background: url(../images/services/inner/03/03.webp) !important;}
@media only screen and (max-width: 1850px) {
  #myHeader, #myHeader .container-custom{padding-left: 0px !important;padding-right: 0px !important;}
  .container-custom{padding-left: 15px !important;padding-right: 15px !important;}
  .testimonial-section::after {width: 210px !important;height: 400px !important;bottom: 10px !important;right: -70px !important;}
}
@media only screen and (max-width: 1400px) {
  .testimonial-section::after {width: 160px !important;height: 270px !important;}
  .testimonial-section::before {width: 250px !important;height: 320px !important;bottom: 150px !important;left: -150px !important;}
}
@media only screen and (max-width: 1024px) {
  .menu-right.menu-baar a:hover {background: #356711 !important; padding-left: 10px;}
  .menu-baar a:hover:before{display: none !important;}
  .menu-baar {background: #19331c !important;}
  .menu-baar a:hover {color: #ffffff !important;}
  #myHeader nav ul.menu-right {border-bottom: 1px solid #fff;}
  .menu-right.menu-baar a{font-size: 20px !important;}
  footer::after {width: 210px !important;height: 290px !important;bottom: 00px !important;right: 00px !important;}
}
  .four-col .slick-dots{display: none !important;}
@media only screen and (max-width: 991px) {
  .leaf-left-right:before, .leaf-left-right:after {width: 80px !important;height: 80px !important;}
  .leaf-left-right:before {top: 40px !important;}
  .leaf-left-right:after {bottom: -50px;top: auto !important;}
  .headertoggle{right: -9px;}
  .pb-14{padding-bottom: 40px !important;}
  .pt-14{padding-top: 40px !important;}
  .py-14 {padding-top: 40px !important;padding-bottom: 40px !important;}
}

@media only screen and (max-width: 767px) {
  .leaf-left-right:before, .leaf-left-right:after {width: 50px !important;height: 50px !important;}
  .leaf-left-right:after {bottom: -20px;top: auto !important;right: 0 !important;}
  .four-col button.slick-prev, .four-col button.slick-next {
    top: -50px;
    transform: translate(0px, 0px);
    right: 100px;
    padding: 9px 19px !important;
  }
  .four-col button.slick-next {
            right: 20px !important;
}
.four-col button.slick-prev, .four-col button.slick-next {
    right: 82px;
}
  .popup-cover .grid, .popup-cover .grid .mb-6, .popup-cover .grid+.\!mb-\[10px\] {gap: 5px !important;margin-bottom: 5px !important;}
  .popup-cover .form-cover {height: auto !important;}
  #myHeader.sticky ul {top: 56px;}
  .form-cover{height: 85vh;overflow-y: auto;}
  .testimonial-section::after {width: 80px !important;height: 150px !important;bottom: 0px !important;right: -10px !important;}
  footer::after {width: 150px !important;height: 170px !important;}
}
@media only screen and (max-width: 600px) {

   .form-cover:before {width: 100%;height: 110%;background-position-x: -70px;background-position-y: -10px;}
}