/* =============================================================================
   HTML5 CSS Reset Minified - Eric Meyer
   ========================================================================== */

   html,
   body,
   div,
   span,
   object,
   iframe,
   h1,
   h2,
   h3,
   h4,
   h5,
   h6,
   p,
   blockquote,
   pre,
   abbr,
   address,
   cite,
   code,
   del,
   dfn,
   em,
   img,
   ins,
   kbd,
   q,
   samp,
   small,
   strong,
   sub,
   sup,
   var,
   b,
   i,
   dl,
   dt,
   dd,
   ol,
   ul,
   li,
   fieldset,
   form,
   label,
   legend,
   table,
   caption,
   tbody,
   tfoot,
   thead,
   tr,
   th,
   td,
   article,
   aside,
   canvas,
   details,
   figcaption,
   figure,
   footer,
   header,
   hgroup,
   menu,
   nav,
   section,
   summary,
   time,
   mark,
   audio,
   video {
       margin: 0;
       padding: 0;
       border: 0;
       outline: 0;
       font-size: 100%;
       vertical-align: baseline;
       background: transparent
   }
   article,
   aside,
   details,
   figcaption,
   figure,
   footer,
   header,
   hgroup,
   menu,
   nav,
   section {
       display: block
   }
   
   nav ul {
       list-style: none
   }
   
   blockquote,
   q {
       quotes: none
   }
   ul{
       margin: 0;
       padding:0;
       list-style: none;
   }
   
   blockquote:before,
   blockquote:after,
   q:before,
   q:after {
       content: none
   }
   
   a {text-decoration: none;color: #000}
   
   a:hover{text-decoration: none;}
   mark {
       background-color: #ff9;
       color: #000;
       font-style: italic;
       font-weight: bold
   }
   
   del {
       text-decoration: line-through
   }
   
   abbr[title],
   dfn[title] {
       border-bottom: 1px dotted;
       cursor: help
   }
   
   table {
       border-collapse: collapse;
       border-spacing: 0
   }
   
   hr {
       display: block;
       height: 1px;
       border: 0;
       border-top: 1px solid #ccc;
       margin: 1em 0;
       padding: 0
   }
   
   
   
   
   input, select {vertical-align: middle;  font-family: "Poppins", serif;  font-weight:500;}
   
   li {list-style: none}
   
   body {margin: 0; background-size: cover; font-family: "Poppins", serif;  overflow-y: visible; overflow-x: hidden;}
   
   * {box-sizing: border-box;margin: 0;padding: 0;}
   ::-webkit-input-placeholder {color: #fff;opacity: 1;transition: 0.2s all ease;-webkit-transition: 0.2s all ease;-moz-transition: 0.2s all ease;-ms-transition: 0.2s all ease;font-family: "Poppins", sans-serif;font-weight:400; }
   ::-moz-placeholder {color: #fff;opacity: 1;transition: 0.2s all ease;-webkit-transition: 0.2s all ease;-moz-transition: 0.2s all ease;-ms-transition: 0.2s all ease;font-family: "Poppins", sans-serif;font-weight:400; }
   ::-ms-input-placeholder {color: #fff;opacity: 1;transition: 0.2s all ease;-webkit-transition: 0.2s all ease;-moz-transition: 0.2s all ease;-ms-transition: 0.2s all ease;font-family: "Poppins", sans-serif;font-weight:400; }
   
   .footerfrom input::placeholder {color: #fe3c00;}
   
   
   input:focus::-webkit-input-placeholder {opacity: 0.5;}
   input:focus::-moz-placeholder {opacity: 0.5;}
   input:focus::-ms-input-placeholder {opacity: 0.5;}
   textarea{color: #676666;font-family: "Poppins", sans-serif;font-weight:400;text-transform: uppercase;font-size: 15px}
   
   body{font-family: "Poppins", serif; margin: 0; padding: 0; line-height: 1; font-weight: 400; color: #151515}
   
   .container {width: 90%;margin: 0 auto;padding: 0; max-width:1300px;}
    header{position: relative;background:#fff;top:0px;width: 100%;padding: 0px 0;z-index: 1}
    .logo{width: 150px;}
   .img-fluid{width: 100%}
   .banner{width: 100%;/* height: 100vh; */background: #000;line-height: 0;}
   .menublk{width: 700px;}
   .menublk ul{display: flex;justify-content: flex-end;width: 715px;}
   .menublk ul li a{font-size: 16px;font-weight: 500;color: #41403f;padding: 16px 16px;display: inline-block;}
   .common-padding{padding: 80px 0}
   .headerflex{display: flex; align-items: center; justify-content: space-between;}
   .headertop{display: flex;justify-content: flex-end;padding: 15px;width:100%;border-bottom: 2px solid #89c230;align-items: center;position: relative;}
   .whatflex span{color:#fff;}
   .headertop:before{position: absolute;content: '';width: 7px;height: 7px;background: #89c230;left: 0;top: 57.5px;border-radius: 30px;}
   .headertop .whatflex{background: #d29a40;margin: 0 8px;width: 32px;height: 30px;border-radius: 30px;display: flex;justify-content: center;align-items: center;}
   
   .headertop a{background: #d29a40;margin: 0 8px;width: 32px;height: 30px;border-radius: 30px;display: flex;justify-content: center;align-items: center;}
   .headertop a span{ color: #fff;}
.followtxt{font-size: 17px; margin-right: 15px;}
.video_wrapper video {width: 100%;height: calc(100vh - 112px);object-fit: cover;}
.subheading{font-size: 20px;font-weight: 500;text-transform: uppercase;line-height: 1.25em;letter-spacing: 5.5px;color:#d29a40;margin-bottom: 20px;}

 .banner-heading{
    width: 90%;
    font-family: "DM Serif Text", Sans-serif;
    font-size: 55px;
    max-width: 1300px;
    line-height: 0;
    position: absolute;
    font-weight: 500;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 15%;
    line-height: 1;
}
   
.animated {
    animation-duration: 1.25s;
}
.titleline {
    margin-bottom: 20px;
    width: 100px;
    height: 3px;
    background: #005c4b;
    animation-name: drawRightLine;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    transform-origin: 0% 0% 0px;
}
@keyframes drawRightLine {
  0% {
        transform: scaleX(0);
    }
  50% {
        transform: scaleX(1);
    }       
    100% {
        transform: scaleX(0);
    }               
}

.heading{max-width: 100%;
    font-family: "DM Serif Text", Sans-serif;
    font-size: 44px;
    font-weight: 400;
    line-height: 1.25em;
    color:#41403f;
    margin-bottom:20px;
}
.blacktxt{ color:#41403f !important; }
p{
    text-align: left;
    color: #41403f;
    font-family: "Poppins", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.75em;
    margin-bottom: 20px;
}
.elementor-button-link{
    color: #005c4b;
    font-family: "Poppins", Sans-serif;
    font-size: 17px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-weight: 500;
}
.elementor-button-link span{margin-left: 10px;font-size: 18px;}

.plantsflex{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 60px;}

.plants_width{width: 31.5%; position: relative; overflow: hidden; margin: 20px 0;}



.plants_width p{color: #fff;}

.plants_width:hover .plantxt  {bottom: 0;}

.plantxt{position: absolute;width: 100%;padding: 25px;bottom:0;background: #d29a40;bottom:-176px;transition: 0.5s;height: 250px;}

.headingtt1{font-family: "DM Serif Text", Sans-serif;font-weight: 400; font-size: 30px;color: #fff;letter-spacing: 1.5px;margin-bottom: 20px;}
.before{background: url(../images/before.webp) no-repeat center; background-size: cover; background-attachment: fixed ; width: 100%; height: 700px;}
.after{background: url(../images/after.webp) no-repeat center; background-size: cover; background-attachment: fixed ; width: 100%; height: 700px;}
.csrblk{position: absolute;top: 150px;max-width: 1300px;width: 90%;margin: 0 auto;left: 0;right: 0;}
.csrsec{position: relative;padding-top: 80px;}
.aftertxt{display: flex;height: 700px;justify-content: flex-end;align-items: flex-end;padding: 20px 50px;font-size: 30px;color: #fff; text-shadow: 0 0 2px #2d2a2a;}
.beforetxt{display: flex;height: 700px;justify-content: flex-end;align-items: flex-end;padding: 20px 50px;font-size: 30px;color: #fff; text-shadow: 0 0 2px #2d2a2a;}
.service-width{width: 48%;margin: 25px 0;}
.Home-Delivery{line-height: 0;margin-bottom: 25px; overflow: hidden;}
.service-flex{display: flex; justify-content: space-between; flex-wrap: wrap;}
footer{background: #151515; padding: 50px; text-align: center; color: #fff; font-size: 14px;}
.callus{   display: flex; align-items: center;margin-right: 71px;}
.service-width:hover .Home-Delivery img{transform: scale(1.1);}
.Home-Delivery img{transition: 0.5s;}
.navicon {background: #d29a40;border-radius: 50%;width: 45px !important;height: 45px !important;display: none;align-items: center;justify-content: center;flex-wrap: wrap;padding: 10px 0;margin-left: 10px}
.navicon span {display: block;  background: #fff; width: 51%; height: 3px; margin-bottom: 2px; border-radius: 10px;}
.menublk{display: block;}
.logo a{display: inline-block;}
.banner {position: relative;}
.mobile-menu{display: none;}
html {scroll-behavior: smooth;}
.innerbanner{background: #d29a40; padding: 100px 0;}
.innerbanner .banner-heading{position: relative; left: 0; width: 100%;}
.our-work{display: flex; flex-wrap: wrap; justify-content: flex-start;}
.work-width{width: 31%; margin: 1%; line-height: 0;}
.work-widthtt1{width: 23%; margin: 1%;}
.contactdetail { margin: 35px 0 0 0; align-items: flex-start; justify-content: space-between; display: flex; flex-wrap: wrap;}
.locationwidth {width: 30%; display: flex; align-items: flex-start; }
.locationicon span {font-size: 20px;color: #d29a40;width: 35px;display: inline-block;margin-top: 7px;}
.enqblk{background: #d29a40; padding: 80px; border-radius: 25px; margin-bottom: 80px;}
.homeform {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-top: 42px; }
.form-group { width:31%;}
.form-group input {width: 100%;background: transparent;color: #fff;border-radius: 0;border: 0px solid #fff;padding: 12px 0;margin-bottom:34px;outline: none;font-weight: 300;border-bottom: 1px solid #fff;}
.message{width: 65.5%;}
.whitetxt{color: #fff;}
.text-center{text-align: center;}
.submit-button{font-size: 16px;outline: none;padding: 13px 40px;border-radius: 25px;border: 0;background: #87c42f;color: #fff;cursor: pointer;}

.whatsappicon{
background: #25d366;
border-radius: 50%;
width: 45px;
height: 45px;
display: flex;
justify-content: center;
align-items: center;
z-index: 111;
animation-name: pulse;
animation-duration: 1.5s;
animation-timing-function: ease-out;
animation-iteration-count: infinite;
margin-left: 30px;
position: fixed;
bottom: 15%;
right: 2%;
top: auto;
}
.whatsappicon a{color: #fff;}

.mobwtal{display:none;}
.deskwtal{display:flex;}