@media (min-width: 1500px){ .container{ max-width:1440px!important;} }
/************************ common classes starts ************************/
.fluid0 { padding: 0; margin: 0; }
.boxpadding {padding-bottom: 30px;}
.bodybg {background-color:#ffffff;}
.bgwhite {background-color:#ffffff;}
.btn {font-weight: 500;transition: .5s;}
.a:hover {color: none;text-decoration: none;}
.shadow-sm { box-shadow: none !important;}
.gotop {position: fixed; display: none; right: 20px; bottom: 35px; z-index: 99;padding: 0px 15px; border-radius: 15%; color: #ffffff; background-color: #009933 ; border-color: #009933 ; box-shadow: rgb(0 0 0 / 9%) 0px 2px 1px, rgb(0 0 0 / 9%) 0px 4px 2px, rgb(0 0 0 / 9%) 0px 8px 4px, rgb(0 0 0 / 9%) 0px 16px 8px, rgb(0 0 0 / 9%) 0px 32px 16px;}
.gotop:hover {background-color: #009933!important;border-color: #009933!important;color: #ffffff!important; }
.topicon { line-height: 2.5!important; vertical-align: -9px !important;}
/**** whatsapp chat icon ****/
.whtsapp-icon { position: fixed; right: 92px; bottom: 33px; z-index: 120; }

/************************ common classes ends ************************/

/******* seperationline starts *******/
/* Remove this style after the selection of sections */
.seperationline{color: #948b8b;font-weight: 400;font-size: 21px;} 
/******* seperationline ends *******/

/************************* DONT TOUCH ABOVE CLASSES *************************/
/******** navbar starts ********/
#header {position: relative!important;}
#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu.singlemenu-content{ margin-top: 11px!important;left: 0px!important;width: 17rem !important; padding: 20px 0px!important;}
.navbar {display: flex;}
 nav.navbar.bootsnav ul.nav > li > a {
 font-family: 'Poppins', sans-serif;
 color: #656565;
 font-size: 16px;
 font-weight: 500;
 line-height:26px;
 vertical-align: -webkit-baseline-middle;
 padding: 0px 0px 31.5px 0px;
 margin: 0px 45px 0px 0px;
 border-bottom: 4px solid #FFFFFF;
}
nav.navbar.bootsnav ul.nav > li > a.active{background-color:transparent;color:#000000;}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu {padding: 0px 10px 0px 10px;margin: 0px;border: solid 0px;}
.navbar .navbar-brand,.navbar a.btn { height: 75px;}
.navbar .navbar-nav .nav-link {
 font-family: 'Poppins', sans-serif;
 font-size: 16px;
 padding: 0px 40px 0px 0px;
 color: #BDC3C9; 
 font-weight: 400;
 text-transform: uppercase;
 outline: none;
}
nav.navbar.bootsnav ul.nav > li > a:hover {border-bottom: 4px solid #009933;}
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active { color:#009933 !important;}
.navbarsubmenu{
 font-family: 'Poppins', sans-serif;
 font-size: 17px;
 font-weight: 500;
 color: #093220;
 display:inline-block;
 vertical-align:middle;
 padding-bottom:20px;
}
.navbarsubmenu:hover{ color: #AB8039;}
.dropdown-menu{background-color:#FFFFFF!important;border-radius:0;border-color:#AB7F39;padding:10px 10px;}
.dropdown-menu .dropdown-item{
 color: #000000; 
 border-bottom:1px dashed #AB7F39; 
 padding:0px!important;
 line-height: 35px;  
}
.dropdown-menu .dropdown-item:hover{color: #AB7F39!important;background-color:#8C7335!important; }
.dropdown-menu.active, .dropdown-item:active {color: #AB7F39;text-decoration: none;background-color:#FFFFFF!important;}
.navbar .dropdown-toggle::after {
 border: none;
 content: ""!important;
 font-family: "Font Awesome 5 Free";
 font-weight: 900;
 vertical-align: middle;
 margin-left: 8px;
}
.shadow-sm {box-shadow: none !important;}
.navbar-expand-lg .navbar-collapse {display: flex !important;flex-basis: auto;vertical-align:middle!important;}
.megamenu-group {
 display: flex;
 flex-direction: column;
 padding-left: 0;
 margin-bottom: 0;
 border-radius: 8px;
}
.megamenu-group-item {
 position: relative;
 display: block;
 padding: 0.5rem 1rem;
 color: #212529;
 background-color: #fff;
 border: 1px solid rgba(0,0,0,0.125);
}
.megamenu-group-item:first-child {border-top-left-radius: inherit;border-top-right-radius: inherit;}
.megamenu-group-item+.list-group-item {border-top-width: 0}
.megamenu-group-item:last-child {border-bottom-right-radius: inherit;border-bottom-left-radius: inherit;}
.tcategorylinkhead{
 font-family: 'Poppins', sans-serif;
 font-size:16px;
 font-weight:400;
 line-height:25px;
 color:#000000;
 border-bottom: 1px dashed #e1dddd;
}
.tcategorylinkhead:hover{color:#066FCF;}
.tcategorylinkheadactive{color:#066FCF!important;}
.ttopcontactshead{
 font-family: 'Poppins', sans-serif;
 font-size: 18px;
 color: #FFFFFF;
 font-weight: 700;
 line-height: 20px;
}
.ttopcontactstext{
 font-family: 'Poppins', sans-serif;
 font-size: 16px;
 color: #009933;
 font-weight: 500;
 line-height: 20px;
}
.ttopcontactslink{
 font-family: 'Poppins', sans-serif;
 font-size: 16px;
 color: #656565;
 font-weight: 500;
 line-height: 20px;
}
.ttoplinkactive{color: #009933!important;border-bottom: 4px solid #009933!important;}
.dropdown-listitem{border-bottom:1px dashed #a39c9c!important;padding:10px 0px!important;}
.tdropdownhead{
 font-family: 'Poppins', sans-serif;
 color: #0059A9;
 font-size: 16px;
 font-weight: 500;
 line-height:26px;
}
.tophr {
 width: 100% !important;
 color: #92938d;
}
/******** navbar ends ********/
/********* home banner starts ************/
.carouselhead{
 font-family: 'Poppins', sans-serif;
 font-size: 44px;
 font-weight: 700;
 color: #FFFFFF;
 line-height: 74px;
 position: absolute;
 bottom: 60%;
 left: 13%;
 text-transform:uppercase;
 animation:fadeInUp 2s ease backwards;
}
.carouselsubhead{
 font-family: 'Poppins', sans-serif;
 font-size: 44px;
 font-weight: 700;
 color: #FFFFFF;
 animation-delay: 0.3s;
 line-height: 74px;
 position: absolute;
 bottom: 53%;
 left: 13%;
 text-transform:uppercase;
 animation:fadeInUp 4s ease backwards;
}
.carouselsubhead01{
 font-family: 'Poppins', sans-serif;
 font-size: 44px;
 font-weight: 700;
 color: #FFFFFF;
 animation-delay: 0.5s;
 line-height: 74px;
 position: absolute;
 bottom: 46%;
 left: 13%;
 text-transform:uppercase;
 animation:fadeInUp 6s ease backwards;
}
.carouseltext{
 font-family: 'Poppins', sans-serif;
 font-size: 16px;
 font-weight: 400;
 color: #FFFFFF;
 animation-delay: 0.5s;
 line-height: 26px;
 position: absolute;
 bottom: 42%;
 left: 13.4%;
 text-transform:uppercase;
 letter-spacing:4px;
 animation:fadeInUp 8s ease backwards;
}
.carouselline{color: #79797B;}
.carousel-indicators [data-bs-target] {
 display: inline-block;
 width: 8px;
 height: 8px;
 margin: 2px;
 text-indent: -999px;
 cursor: pointer;
 background-color: #000 \9;
 background-color: #fff;
 border: 1px solid #fff;
 border-radius: 10px;
 background-color: #fff;
 opacity: .8;
 z-index: 9999;
}
.carousel-indicators {
 position: absolute;
 display: inline;
 top: 46%;
 right: 80%;
 z-index: 9999;
 padding-left: 116px;
 margin-left: 0%;
 text-align: center;
 list-style: none;
}
.carousel-indicators .active {
 display: inline-block;
 width: 8px;
 height: 8px;
 margin: 2px;
 text-indent: -999px;
 cursor: pointer;
 background-color: #000 \9;
 background-color: hsla(0, 18%, 95%, 0);
 border: 1px solid #009933;
 border-radius: 10px;
 background-color: #009933;
 opacity: .8;
 z-index: 9999;
}  
@keyframes fadeInUp{
  0%{transform:translate(0px, 100px); opacity: 0;}
  100%{transform:translate(0px, 0); opacity: 1;}
}
.bannerimg{ animation: zoom-in-zoom-out02 200s ease infinite alternate; width:100%;animation-duration:80s;}
@keyframes zoom-in-zoom-out02 {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1.5, 1.5);
  }
}
/********* home banner ends ************/
/********* home category starts ************/
.categorybg{background-color:#008C3A;}
.categoryposition{margin-top:-120px;}
.category{z-index:2;}
figure {
 margin: 0;
 padding: 0;
 background: #fff;
 position: relative;overflow: hidden;
}
.categorybox {border-bottom: 2px solid #FFFFFF;transition:0.9s ease all;}
.categorybox:hover {border-bottom: 2px solid #8FC31E;transition:0.9s ease all}
.categorybox figure::before {
 position: absolute;
 top: 50%;
 left: 50%;
 z-index: 2;
 display: block;
 content: '';
 width: 0;
 height: 0;
 background: rgba(255,255,255,.2);
 border-radius: 100%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 opacity: 0;
}
.categorybox:hover figure::before {
 -webkit-animation: circle .75s;
 animation: circle .75s;
}
@-webkit-keyframes circle {
 0% {
 opacity: 1;
 }
 40% {
 opacity: 1;
 }
 100% {
 width: 200%;
 height: 200%;
 opacity: 0;
 }
}
@keyframes circle {
 0% {
 opacity: 1;
 }
 40% {
 opacity: 1;
 }
 100% {
 width: 200%;
 height: 200%;
 opacity: 0;
 }
}
.tcategoryhead{
 font-family: 'Poppins', sans-serif;
 font-size: 20px;
 font-weight: 600;
 color: #FFFFFF;
 line-height: 30px;
 text-transform:uppercase;
 text-align:center;
 transition:0.9s ease all;
}
.categorybox:hover .tcategoryhead{color: #8FC31E;transition:0.9s ease all;}
/********* home category ends ************/
/********* home welcome starts ************/
.twelcomehead{
 font-family: 'Poppins', sans-serif;
 font-size: 24px;
 font-weight: 600;
 color: #999999;
 line-height: 30px;
 text-transform:uppercase;
}
.twelcomesubhead{
 font-family: 'Poppins', sans-serif;
 font-size: 40px;
 font-weight: 600;
 color: #018F39;
 line-height: 50px;
 text-transform:uppercase;
}
.twelcomesubhead01{
 font-family: 'Poppins', sans-serif;
 font-size: 18px;
 font-weight: 600;
 color: #018F39;
 line-height: 28px;
 text-transform:uppercase;
}
.twelcometext{
 font-family: 'Poppins', sans-serif;
 font-size: 18px;
 font-weight: 400;
 color: #656565;
 line-height: 30px;
 text-align:justify;
}
.welcomebtn {
 font-family: 'Poppins', sans-serif;
 font-size: 18px;
 font-weight: 400;
 line-height: 28px;
 background: #009933;
 color: #fff;
 text-align: center;
 padding: 10px 30px;
 transition: all 0.5s ease;
 border-radius: 0;
 border: unset;
}
.welcomebtn:hover {
 background: #000000;
 color: #fff;
 transition: all 0.5s ease;
}
.welcomeimg{position:relative;}
.welcomeimg01{
 position: absolute;
 left: 600px;
 top: 87px;
}
.welcomeimg02{
 position: absolute;
 left: 374px;
 top: 23px;
}
.welcomeimg03{
 position: absolute;
 left: 263px;
 top: -44px;
}
.welcomeimg04{
 position: absolute;
 top: -50px;
 left: 43px;
}
/********* home welcome ends ************/
/********* whychoose starts **********/
.twhychoosehead{
 font-family: 'Poppins', sans-serif;
 font-size: 18px;
 font-weight: 400;
 color: #656565;
 line-height: 25px;
}
.whychoosebox{
 border: 2px solid #008C3A;
 padding: 30px;
 background-image:url(../img/whychooseboxbefore.jpg),url(../img/whychooseboxafter.jpg);
 background-repeat:no-repeat,no-repeat;
 background-position:top left, bottom right;
 transition:0.9s ease all;
}
.whychoosebox:hover, .whychoosebox.active {
 margin-top: -10px;
 transition: 0.9s ease all;
}
/********* whychoose ends **********/
/********* products starts **********/
.bggreen{background-color:#EAF6F1;}
.tproducthead{
 font-family: 'Poppins', sans-serif;
 font-size: 32px;
 font-weight: 600;
 color: #016129;
 line-height: 44px;
 text-transform: uppercase;
 text-align:center;
}
.tproductsubhead{
 font-family: 'Poppins', sans-serif;
 font-size: 18px;
 font-weight: 400;
 color: #656565;
 line-height: 28px;
 text-align:center;
}
.tproducttext{
 font-family: 'Poppins', sans-serif;
 font-size: 18px;
 font-weight: 700;
 color:#656565 !important;
 line-height: 26px;
 transition:0.9s ease all;
}
.producthoverbox:hover .tproducttext{color:#FFFFFF!important;transition:0.9s ease all;}
.overflow {overflow: hidden;}
.overflow:hover img{
 -webkit-transform: scale(1.6); 
 -moz-transform: scale(1.6);
 -o-transform: scale(1.6);
 transform: scale(1.1);
}
.overflow img {
 -webkit-transition: all .4s ease-in-out;
 -moz-transition: all .4s ease-in-out;
 -o-transition: all .4s ease-in-out;
 -ms-transition: all .4s ease-in-out;
}
.productcontent{
 background-color: rgba(255, 255, 255, 0.8) !important;
 margin-top: -85px;
 position: absolute;
 z-index: 2;
 width: -webkit-fill-available;
 width: -moz-available;
 padding:6px 0px;
 transition:0.9s ease all;
}
.overflow:hover .productcontent{background-color:rgb(27, 112, 62,0.8) !important;transition:0.9s ease all;} 
.overflow:hover .productbtnarrow{background-color:#FFFFFF!important;} 
.producthover {
 position: relative;
 overflow: hidden;
 width: 100%;
 box-shadow: none !important;
 -webkit-transform: translateZ(0);
 transform: translateZ(0);
 -webkit-box-sizing: padding-box;
 box-sizing: padding-box;
}
.producthover img {
 max-width: 100%;
 vertical-align: top;
 box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
 transition: 0.9s ease all;
}
.producthover .productborder {position: absolute;opacity: 8;}
.producthoverbox:hover .producthover img{
transform: scale(1.1);
transition:0.9s ease all;
}
.productborder {
 border: 1px solid transparent!important;
}
.producthoverbox figure::before {
 position: absolute;
 top: 0;
 left: -75%;
 z-index: 2;
 display: block;
 content: '';
 width: 50%;
 height: 100%;
 background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
 background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
 -webkit-transform: skewX(-25deg);
 transform: skewX(-25deg);
}
.producthoverbox:hover figure::before {
 -webkit-animation: shine 1.5s;
 animation: shine 1.5s;
}
@-webkit-keyframes shine {
 100% {
 left: 125%;
 }
}
@keyframes shine {
 100% {
 left: 125%;
 }
}
/* CSS for the active slide */
.active-slide .productcontent {background-color: rgba(27, 112, 62, 0.8) !important;transition:0.9s ease all;}
.active-slide .tproducttext {color: #FFFFFF !important;transition:0.9s ease all;}
.multipleitems03 .slick-slide {margin-right: 15px; /* Gap between slides */}
.multipleitems03    .slick-list {margin-right: -15px; /* Negative margin to offset the slide gap */}
/********* products ends **********/
/********* advantages home starts *********/
.advantagesbg{
 background-color: #FFFFFF;
 background-image: url(../img/advantagesbg.jpg);
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
}
.advantagesbg01{
 background-color: #FFFFFF;
 background-image: url(../img/advantagesimg01.jpg);
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 animation: advantageimg 3s infinite alternate;
}

@keyframes advantageimg{
0% {
 background-image: url(../img/advantagesimg02.jpg);
}
30% {
 background-image: url(../img/advantagesimg03.jpg);
}
}
.tadvantagehead{
 font-family: 'Poppins', sans-serif;
 font-size: 32px !important;
 font-weight: 600;
 color: #fff;
 line-height: 40px;
 text-transform:uppercase;
}
.advantage-content{padding:70px;}
.tadvantagetext{
 font-family: 'Poppins', sans-serif;
 font-size: 18px !important;
 font-weight:400;
 color: #fff;
 line-height: 30px;
}
.button-advantage {
 font-family: 'Poppins', sans-serif;
 font-size: 18px;
 color: #008132;
 font-weight: 400;
 border: 1px solid #038f36;
 cursor: pointer;
 background: #fff;
 padding: 7px 45px;
 line-height:25px;
 transition:0.9s ease all;
}
.button-advantage:hover {
 background: #000000;
 color: #FFFFFF;
 transition: all 0.5s ease;
}
.advantagesection{border:7px solid #fff;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
/********* advantages home ends *********/
/********* gallery starts *********/
.slick-prev {left: -25px!important;z-index: 999!important;}
.slick-next:before, .slick-prev:before {color: transparent!important;}
.slick-next {right: -17px!important;z-index:999999!important;}
.galleryimg:hover {
 outline: 2px solid rgb(255, 255, 255);
 outline-offset: -15px;
 transition: 0.9s ease all;
}
/********* gallery ends *********/
/********* bottom starts *********/
#bottombg{
 background-image: url(../img/bottombg.jpg);
 background-repeat:no-repeat;
 background-size:cover;
 background-attachment:fixed;
 margin-top:-8px;
}
.tbottomhead{
 font-family: 'Poppins', sans-serif;
 font-size: 25px !important;
 font-weight: 500;
 color: #FFFFFF;
 line-height: 35px;
 position: relative;
}
.tbottomhead::before {
 content: '';
 position: absolute;
 bottom: -5px;
 left: 13px;
 width: 60px;
 height: 1px;
 background-color: #FFFFFF;
}
.tbottomlinks{
 font-family: 'Poppins', sans-serif;
 font-size: 16px !important;
 font-weight: 400;
 color: #FFFFFF;
 line-height: 26px;
 transition:0.9s ease all;
}
.tbottomlinksactive{
 font-family: 'Poppins', sans-serif;
 font-size: 16px !important;
 font-weight: 400;
 color: #8FC31E;
 line-height: 26px;
 transition:0.9s ease all;
}
.tbottomlinks:hover{color: #8FC31E;transition:0.9s ease all;}
.tbottomtext{
 font-family: 'Poppins', sans-serif;
 font-size: 16px !important;
 font-weight: 400;
 color: #FFFFFF;
 line-height: 26px;
}
.bottomicon{vertical-align: middle;}
.tcopyright{
 font-family: 'Roboto', sans-serif;
 font-size: 12px !important;
 font-weight: 400;
 color: #FFFFFF;
 line-height: 17px;
}
.bottomlogo{border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;}
.footertopborder{border-top:1px dashed #FFFFFF;}
.tbottomfollowustext{
 font-family: 'Poppins', sans-serif;
 font-size: 12px !important;
 font-weight: 400;
 color: #FFFFFF;
 line-height: 17px;
}
.tdesignby{
 font-family: 'Roboto', sans-serif;
 font-size: 12px !important;
 font-weight: 400;
 color: #FFFFFF;
 line-height: 17px;
}
/*************************************** my social media icons starts ***************************/
#socialicons ul{ display: flex; position: relative; padding-left: 0px; margin-bottom: 0px;}
#socialicons ul li{ list-style: none; }
#socialicons ul li a:hover{ color:#D5AB4F!important; }
#socialicons ul li a {
 width: 30px;
 height: 30px;
 background-color:#000000;
 text-align: center;
 /* line-height: 19px; */
 font-size: 15px;
 margin: 0 10px;
 display: block;
 border-radius: 50%;
 position: relative;
 overflow: hidden;
 z-index: 1;
 align-items: center; 
 justify-content: center;
}
#socialicons ul li a .icon {
 position: relative;
 color: #FFFFFF;
 transition: .5s;
 z-index: 3;
 padding: 0px;
 line-height: 28px;
 vertical-align: -webkit-baseline-middle;
}
#socialicons ul li a:hover .icon { color: #fff; transform: rotateY(360deg); }
#socialicons ul li a:before {
 content: "";
 position: absolute;
 top: 100%;
 left: 0;
 width: 100%;
 height: 100%;
 background: #f00;
 transition: .5s;
 z-index: 2;
}
#socialicons ul li a:hover:before { top: 0; }
#socialicons ul li:nth-child(1) a:before{ background: #3b5999; }
#socialicons ul li:nth-child(2) a:before{ background: #55acee; }
#socialicons ul li:nth-child(3) a:before { background: #8E43B0; }
#socialicons ul li:nth-child(4) a:before { background: #711071; }
#socialicons ul li:nth-child(5) a:before { background: #95238e; }
/*************************************** my social media icons ends ***************************/
/********* bottom ends *********/

/*************************** innerpages starts ***************************/
/********* about starts *********/
.aboutbg{
 background-image: url(../img/aboutbg.jpg);
 background-repeat:no-repeat;
 background-size:cover;
 background-position:right;
 background-attachment:fixed;
}
.aboutbg01{position: absolute;top: 950px;-webkit-animation: mover 1s infinite alternate;animation: mover 1s infinite alternate;}
@keyframes mover{
0% {
    transform: translateY(0);
}
100% {
    transform: translateY(-10px);
}
}
.theading {
 font-family: 'Poppins', sans-serif;
 font-size: 32px;
 font-weight: 600;
 color: #016129;
 line-height: 44px;
}
.tsubheading {
 font-family: 'Poppins', sans-serif;
 font-size: 18px;
 font-weight: 600;
 color: #999999;
 line-height: 25px;
}
.ttext {
 font-family: 'Poppins', sans-serif;
 font-size: 18px;
 font-weight: 400;
 color: #656565;
 line-height: 30px;
 text-align: justify;
}
.ttextwhite {
 font-family: 'Poppins', sans-serif;
 font-size: 18px;
 font-weight: 400;
 color: #fff;
 line-height: 30px;
 text-align: justify;
}
/********* about ends *********/
/********* advantage ends *********/
.advantagelist{padding-left:20px;}
.advantagelist li {list-style: disc;}
.advantagelist li::marker {color: #016129;}
.certificatebg{ 
 background-image: url(../img/certificatebg.jpg);
 background-repeat:no-repeat;
 background-size:cover;
 background-attachment:fixed;
}
.tcertificatehead {
 font-family: 'Poppins', sans-serif;
 font-size: 30px;
 font-weight: 400;
 color: #ffffff;
 line-height: 40px;
}
.certificateimg{border: 5px solid #fff;}
/********* advantage ends *********/

/********* wpcdecking starts *********/
.icon-product {
 font-size: 25px;
 padding: 5px 0px 5px 14px;
 background: linear-gradient(to bottom right, #02602a, #414141);
 color: #fff;
}
.tproducthead01 {
 font-family: 'Poppins', sans-serif;
 font-size: 19px;
 font-weight: 500 !important;
 color: #fff;
 line-height: 25px;
}
.productbox {background: #093;}
.tproducttext01{
 font-family: 'Poppins', sans-serif;
 font-size: 18px;
 font-weight: 700;
 color:#656565 !important;
 line-height: 26px;
 transition:0.9s ease all;
}
.producthoverbox01:hover .tproducttext{color:#FFFFFF!important;transition:0.9s ease all;}

.productcontent01{
 background-color: rgba(255, 255, 255, 0.8) !important;
 margin-top: -85px;
 position: absolute;
 z-index: 2;
 width: -webkit-fill-available;
 width: -moz-available;
 padding:6px 0px;
 transition:0.9s ease all;
}
.producthover01 {
 position: relative;
 overflow: hidden;
 width: 100%;
 box-shadow: none !important;
 -webkit-transform: translateZ(0);
 transform: translateZ(0);
 -webkit-box-sizing: padding-box;
 box-sizing: padding-box;
}
.producthover01 img {
 max-width: 100%;
 vertical-align: top;
 box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
 transition: 0.9s ease all;
}
.producthover01 .productborder01 {position: absolute;opacity: 8;}

.productborder01 {
 border: 1px solid transparent!important;
}
.producthoverbox01 figure::before {
 position: absolute;
 top: 0;
 left: -75%;
 z-index: 2;
 display: block;
 content: '';
 width: 50%;
 height: 100%;
 background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
 background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
 -webkit-transform: skewX(-25deg);
 transform: skewX(-25deg);
}
.producthoverbox01:hover figure::before {
 -webkit-animation: shine 1.5s;
 animation: shine 1.5s;
}
.producthoverbox01:hover.tproducttext01{color:#016129;transition:0.9s ease all;}
.overflow1{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
/********* wpcdecking ends *********/
/**** contact us  starts ****/
.contactbg02{background: linear-gradient(to right,#FFFFFF 0%,#FFFFFF 60%,#02602a 60%,#02602a 100%)}
#contactForm .form-control{font-family:'Poppins', sans-serif;}

.tcontacthead{
 font-family: "Poppins", sans-serif;
 font-size: 25px;
 font-weight: 600;
 color: #fff;
 line-height: 35px!important;
}
.tcontactsubhead{
 font-family: "Poppins", sans-serif;
 font-size: 18px;
 font-weight: 600;
 color: #fff;
 line-height: 30px;
}
.contactbox {
 position: relative;
 margin-bottom: 25px;
 padding-bottom: 25px;
}
.contactbox::before {
 position: absolute;
 content: "";
 width: 90%;
 height: 2px;
 bottom: 0;
 left: 0;
 background: #fff;
}
.contactbox::after {
 position: absolute;
 content: "";
 width: 28px;
 height: 28px;
 bottom: -13px;
 left: calc(45% - 13px);
 background: #fff;
 border: 10px solid #918e8c;
 border-radius: 28px;
}
.tcontactlink{
 font-family: "Poppins", sans-serif;
 font-size: 18px;
 font-weight: 400;
 color: #fff;
 line-height: 30px;
}
.commentformbox {box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;background-color: #FFFFFF;}
.contactbtn {
 font-family: 'Poppins', sans-serif;
 font-size: 18px;
 font-weight: 400;
 line-height: 28px;
 background: #009933;
 color: #fff;
 text-align: center;
 padding: 10px 30px;
 transition: all 0.5s ease;
 border-radius: 0;
 border: unset;
}
.contactbtn:hover {
 background: #000000;
 color: #fff;
 transition: all 0.5s ease;
}

/**** contact us  ends ****/
/******************************** Media Query Starts ********************************/
@media only screen and (min-device-width:320px) and (max-device-width: 991px){
#header {height: 92px;}
#header nav.navbar.bootsnav .nav {background-color: #009933;}
.navbox-collapse {margin-top: 21px;}
nav.navbar.bootsnav ul.nav > li > a {color: #FFFFFF;padding: 10px 5px !important;}
nav.navbar.bootsnav ul.nav li.megamenu-fw > a:hover, .white-bg nav.navbar.bootsnav ul.nav > li > a:hover, .fixed-nav nav.navbar.bootsnav ul.nav > li > a:hover, nav.navbar.bootsnav ul.nav > li > a:hover, .white-bg nav.navbar.bootsnav ul.nav > li > a.active, .fixed-nav nav.navbar.bootsnav ul.nav > li > a.active, nav.navbar.bootsnav ul.nav > li > a.active {background-color: transparent;color: #FFFFFF;}
nav.navbar.bootsnav ul.nav li.dropdown.on > a, nav.navbar.bootsnav ul.nav li.megamenu-fw > a:hover, .white-bg nav.navbar.bootsnav ul.nav > li > a:hover, .fixed-nav nav.navbar.bootsnav ul.nav > li > a:hover, nav.navbar.bootsnav ul.nav > li > a:hover, .white-bg nav.navbar.bootsnav ul.nav > li > a.active, .fixed-nav nav.navbar.bootsnav ul.nav > li > a.active, nav.navbar.bootsnav ul.nav > li > a.active {color: #FFFFFF!important;}
#header nav.navbar.bootsnav ul.dropdown-menu.megamenu-content {padding: 0px !important;}
.dropdown-menu {background-color: #009933 !important;}
.tcategorylinkhead {color: #ffffff !important;border-bottom: unset !important;font-size: 15px !important;}

.tcategorylink{padding: 10px 0px;border-bottom: 1px dashed #98D4AC;}
.categoryposition {margin-top: 0px;}
}
@media only screen and (min-device-width:320px) and (max-device-width: 767px){
nav.navbar.bootsnav ul.nav > li > a {margin: 0px 0px 0px 0px;border-bottom: 1px solid #009933;font-size: 17px;}
.carouselhead {font-size: 23px;bottom: 43%;left: 3%;line-height: 38px;}
.carouselsubhead {font-size: 23px;bottom: 38%;left: 3%;line-height: 38px;}
.carouselsubhead01 {font-size: 23px;bottom: 33%;left: 3%;line-height: 38px;}
.carouseltext {font-size: 14px;bottom: 25%;left: 3%;letter-spacing: 1px;}
.carousel-indicators {top: 70%;padding-left: 347px;}
.carousel-indicators {position: absolute;right: 0;bottom: 0;left: 0;z-index: 2;display: flex;justify-content: center;padding: 0;margin-right: 15%;margin-bottom: 1rem;margin-left: 15%;list-style: none;top: 94%;}
.carousel-indicators [data-bs-target] {background-color: #ffffff;border-radius: 50%;height: 8px !important;width: 8px !important; padding: 0 !important;border: 2px solid #FFFFFF;}
.carousel-indicators .active {border-radius: 50% !important;height: 8px !important;width: 8px !important;padding: 0 !important;border: 2px solid #FFFFFF;display: inline-block;text-indent: -999px;cursor: pointer;border: 2px solid #009933;border-radius: 10px;background-color: #009933;opacity: .8;}
.categorybg {background: linear-gradient(-180deg, #ffffff 0%, #008C3A 0%);}
.welcomebg{background-image:url(../img/welcomebg.jpg);background-repeat:no-repeat;background-position:right center;background-size: contain;}
.twelcomehead {font-size: 18px;line-height: 23px;}
.twelcomesubhead {font-size: 25px;line-height: 30px;}
.twelcomesubhead01 {font-size: 14px;line-height: 19px;}
.twelcometext {font-size: 16px;line-height: 30px;text-align: left;}
.welcomebtn {font-size: 14px;}
.advantage-content { padding: 30px;}
.tadvantagehead {font-size: 20px !important;line-height: 25px;}
.tadvantagetext {font-size: 16px !important;line-height: 30px;}
.tproducthead {font-size: 25px;line-height: 30px;}
.tbottomhead {font-size: 20px !important;line-height: 30px;}
.whtsapp-icon {right: 20px;bottom: 105px;}
#socialicons ul li a {width: 33px!important;height: 33px!important;}
.aboutbg01{display:none;}
.aboutbg {background-image: url(../img/aboutmobbg.jpg);}
.ttext{text-align:left;}
.tsubheading {font-size: 22px; line-height: 30px;}
.theading { font-size: 25px;line-height: 33px;}
.tcertificatehead {font-size: 25px;line-height: 32px;}
.tcontacthead {color: #02602a;font-size: 22px;line-height: 29px !important;}
.tcontactsubhead {color: #6e6e6e;font-size: 17px;}
.tcontactlink {color: #6e6e6e;}
.contactbox::before {background: #918e8c;}
.contactbg02 { background: #fff;}
.tbottomfollowustext { font-size: 15px !important;line-height: 20px;}
.carousel-indicators {z-index: 2;}
.carousel.pointer-event {z-index:1;}
}
@media only screen and (min-device-width:768px) and (max-device-width: 991px){
nav.navbar.bootsnav ul.nav > li > a {margin: 0px 0px 0px 0px;border-bottom: 1px solid #009933;font-size: 17px;}
.carouselhead {bottom: 34%;}
.carouselsubhead {bottom: 30%;}
.carouselsubhead01 {bottom: 26%;}
.carouseltext {bottom: 22%;}
.carousel-indicators {top: 70%;padding-left: 347px;}
.carousel-indicators {position: absolute;right: 0;bottom: 0;left: 0;z-index: 2;display: flex;justify-content: center;padding: 0;margin-right: 15%;margin-bottom: 1rem;margin-left: 15%;list-style: none;top: 94%;}
.carousel-indicators [data-bs-target] {background-color: #ffffff;border-radius: 50%;height: 8px !important;width: 8px !important; padding: 0 !important;border: 2px solid #FFFFFF;}
.carousel-indicators .active {border-radius: 50% !important;height: 8px !important;width: 8px !important;padding: 0 !important;border: 2px solid #FFFFFF;display: inline-block;text-indent: -999px;cursor: pointer;border: 2px solid #009933;border-radius: 10px;background-color: #009933;opacity: .8;}
.welcomebg{background-image:url(../img/welcomebg.jpg);background-repeat:no-repeat;background-position:right center;background-size: contain;}
.welcomebtn {font-size: 16px;}
.tadvantagehead {font-size: 25px !important;line-height: 30px;}
.advantage-content { padding: 45px;}
.aboutbg01{display:none;}
.aboutbg {background-image: url(../img/aboutmobbg.jpg);}
.ttext{text-align:left;}
.theading {font-size: 28px;line-height: 40px;}
.tcertificatehead {font-size: 28px;line-height: 35px;}
.tcontacthead {color: #02602a;}
.tcontactsubhead {color: #6e6e6e;}
.tcontactlink {color: #6e6e6e;}
.contactbox::before {background: #918e8c;}
.contactbg02 { background: #fff;}
}
@media only screen and (min-device-width:992px) and (max-device-width: 1199px){
nav.navbar.bootsnav ul.nav > li > a {padding: 0px 0px 31px 0px !important;margin: 0px 25px 0px 0px;}
.carouselhead {font-size: 35px;left: 15%;bottom: 48%;}
.carouselsubhead {font-size: 35px;left: 15%;bottom: 38%;}
.carouselsubhead01 {font-size: 35px;left: 15%;bottom: 27%;}
.carouseltext {bottom: 20%;left: 15%;font-size: 14px;letter-spacing: 3px;}
.categoryposition {margin-top: 0px;}
.welcomebtn {font-size: 16px;}
.tadvantagehead {font-size: 23px !important;line-height: 30px;}
.tbottomhead {font-size: 20px !important;line-height: 30px;}
.aboutbg01{display:none;}
.aboutbg{background-image:none;}
.tcertificatehead {font-size: 24px;line-height: 34px;}
}
@media only screen and (min-device-width:1200px) and (max-device-width: 1299px){
.ttopcontactstext {font-size: 14px;}
.ttopcontactslink {font-size: 14px;}
.carouselhead {font-size: 35px;left: 15%;bottom: 48%;}
.carouselsubhead {font-size: 35px;left: 15%;bottom: 38%;}
.carouselsubhead01 {font-size: 35px;left: 15%;bottom: 27%;}
.carouseltext {bottom: 20%;left: 15%;font-size: 14px;letter-spacing: 3px;}
.categoryposition {margin-top: 0px;}
.tadvantagehead {font-size: 25px !important;line-height: 30px;}
.aboutbg01{display:none;}
.aboutbg{background-image:none;}
.tcertificatehead {font-size: 25px;line-height: 33px;}
}
@media only screen and (min-device-width:1300px) and (max-device-width: 1399px){
.ttopcontactstext {font-size: 14px;}
.ttopcontactslink {font-size: 14px;}
.carouselhead {font-size: 35px;left: 15%;bottom: 48%;}
.carouselsubhead {font-size: 35px;left: 15%;bottom: 38%;}
.carouselsubhead01 {font-size: 35px;left: 15%;bottom: 27%;}
.carouseltext {bottom: 20%;left: 15%;font-size: 14px;letter-spacing: 3px;}
.categoryposition {margin-top: 0px;}
.tadvantagehead {font-size: 25px !important;line-height: 30px;}
.aboutbg01{display:none;}
.aboutbg{background-image:none;}
}
@media only screen and (min-device-width:1400px) and (max-device-width: 1499px){
.carouselhead {bottom: 61%;}
.carouselsubhead01 {bottom: 45%;}
.carouseltext {bottom: 39%;}
.welcomeimg04 {display: none !important;}
.welcomeimg03 {left: -16px;top: -75px;}
.welcomeimg02 {left: 104px;top: -9px;}
.welcomeimg01 {left: 327px;top: 54px;}
.whychoosebox {padding: 25px;}
.aboutbg01{display:none;}
/* .aboutbg{background-image:none;} */
}
@media only screen and (min-device-width:1500px) and (max-device-width: 1599px){
.carouselhead {bottom: 61%;}
.carouselsubhead01 {bottom: 45%;}
.carouseltext {bottom: 39%;}
.welcomeimg04 {display: none !important;}
.welcomeimg03 {left: 53px;top: -64px;}
.welcomeimg02 {left: 173px;top: 4px;}
.welcomeimg01 {left: 397px;top: 70px;}
.aboutbg01{display:none;}
/* .aboutbg{background-image:none;} */
}
@media only screen and (min-device-width:1600px) and (max-device-width: 1699px){
.carouselhead {bottom: 61%;}
.carouselsubhead01 {bottom: 45%;}
.carouseltext {bottom: 39%;}
.welcomeimg04 {display: none !important;}
.welcomeimg03 {left: 95px;top: -45px;}
.welcomeimg02 {left: 220px;top: 20px;}
.welcomeimg01 {left: 445px;top: 85px;}
.aboutbg01{display:none;}
}
@media only screen and (min-device-width:1700px) and (max-device-width: 1799px){
.welcomeimg04 {left: 0px;}
.welcomeimg03 {left: 157px;top: -7px;}
.welcomeimg02 {left: 271px;top: 55px;}
.welcomeimg01 {left: 495px;top: 119px;}
.aboutbg01{display:none;}
}
@media only screen and (min-device-width:1800px) and (max-device-width: 1899px){
.welcomeimg04 {left: 10px;top: -65px;}
.welcomeimg03 {left: 201px;}
.welcomeimg02 {left: 321px;}	
.welcomeimg01 {left: 545px;}
}