body,
html {height: 100%; font-family: "Open Sans", sans-serif; font-size: 14px; background: #fff; line-height: 1.2; font-weight: 400 !important;}

/*---------------Font familly End---------------*/
.font-weight-boldblack{font-weight:900!important;font-family:'Poppins',sans-serif;}
.font-weight-extrabold{font-weight:800!important;font-family:'Poppins',sans-serif;}
.font-weight-bold{font-weight:700!important;font-family:'Poppins',sans-serif;}
.font-weight-semibold{font-weight:600!important;font-family:'Poppins',sans-serif;}
.font-weight-medium{font-weight:500!important;font-family:'Poppins',sans-serif;}
.font-weight-normal{font-weight:400!important;font-family: "Open Sans", sans-serif;}
.font-weight-light{font-weight:300!important;font-family:'Poppins',sans-serif;}

/*---------------Font Start---------------*/
.font-size-10{font-size:10px;}
.font-size-11{font-size:11px;}
.font-size-12{font-size:12px;}
.font-size-13{font-size:13px;}
.font-size-14{font-size:14px;}
.font-size-15{font-size:15px;}
.font-size-16{font-size:16px;}
.font-size-17{font-size:17px;}
.font-size-18{font-size:18px;}
.font-size-19{font-size:19px;}
.font-size-20{font-size:20px;}
.font-size-21{font-size:21px;}
.font-size-22{font-size:22px;}
.font-size-23{font-size:23px;}
.font-size-24{font-size:24px;}
.font-size-25{font-size:25px;}
.font-size-26{font-size:26px;}
.font-size-27{font-size:27px;}
.font-size-28{font-size:28px;}
.font-size-30{font-size:30px;}
.font-size-32{font-size:32px;}
.font-size-34{font-size:34px;}
.font-size-35{font-size:35px;}
.font-size-36{font-size:36px;}
.font-size-38{font-size:38px;}
.font-size-40{font-size:40px;}
.font-size-42{font-size:42px;}
.font-size-42{font-size:45px;}
.font-size-45{font-size:48px;}
.font-size-58{font-size:58px;}
.font-size-60{font-size:60px;}
.font-size-70{font-size:70px;}

.line-hight-1{line-height:1;}
.line-hight-2{line-height:1.1;}
.line-hight-22{line-height:1.2;}
.line-hight-3{line-height:1.4;}
.line-hight-4{line-height:1.6;}
.line-hight-normal{line-height:normal;}
.lh-base07 {line-height: 1.7 !important;}

.leter1{letter-spacing:1px;}
.shadow-sm{box-shadow:0 .125rem 1.25rem rgba(0,0,0,.075)!important;}
.rounded{border-radius:.60rem!important;}

.form-control{height:calc(2.2em + .75rem + 2.2px);font-size:14px;}
.form-control:focus{box-shadow:none;}
.border-radius-60{border-radius: 60px;}
.border-radius-35{border-radius: 35px;}
.border-radius-25{border-radius: 25px;}

[type="button"]:not(:disabled){outline:none!important;}
[type="reset"]:not(:disabled){outline:none!important;}
[type="submit"]:not(:disabled){outline:none!important;}
button:not(:disabled){outline:none!important;}

/*---------------Text Color Start---------------*/
.text-dark{color:#000000 !important;}
.text-green{color:#027C17!important;}
.text-gray{color:#202020 !important;}

/*---------------BG button Start---------------*/
.btn.focus{outline:0!important;box-shadow:none!important;}
.btn:focus{outline:0!important;box-shadow:none!important;}

.btn-yellow{background-color:#D3AF37;border-color:#4A1900; color: #fff;}
.btn-yellow:hover{background-color:#FFF;border-color:#4A1900; color: #4A1900;}
.btn-yellow:focus{background-color:#FFF;border-color:#4A1900; color: #4A1900;}
.btn-check:focus+.btn-yellow{background-color:#FFF;border-color:#4A1900; color: #4A1900;}

.btn-primary{background-color:#2dbb00;border-color:#2dbb00;}
.btn-primary:hover{background-color:#26a300;border-color:#26a300; color:#fff;}
.btn-primary:focus{background-color:#26a300;border-color:#26a300; color:#fff;}
.btn-check:focus+.btn-primary{background-color:#26a300;border-color:#26a300; color:#fff;}

/*---------------BG Background Start---------------*/
.bg-green{background-color:#2F4011!important;}
.bg-danger{background-color:#4A1900 !important;}
.bg-yellow{background-color:#D3AF37!important;}
.bg-light{background-color:#F9F9F9 !important;}
.bg-dark{background-color:#000 !important;}
.navbar-toggler:focus{box-shadow:none;}

@media (min-width: 1400px) {
  .container {max-width: 1160px; }
}

/* -----------------new css ------------------*/
/* .hero{background:linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),url('../images/hero-section.png') center/cover no-repeat!important; padding-bottom: 11rem !important; padding-top: 18rem !important;} */
.hero{height: 990px; background: url('../images/hero-section.png') center/cover no-repeat!important; padding-bottom: 11rem !important; padding-top: 18rem !important;}
.homepad {padding-top: 5rem; padding-bottom: 5rem;}
.site-header .navbar-brand.logo img {max-width: 170px;}
.bucket-img {width: 38%; text-align: center; left: -15%; position: relative;}
.row.hero-content-row {right: -176px; position: absolute; top: 60%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)); padding: 2%; left: 55px;}

nav.header-top {
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
nav.fixed-tops {
  background: #0358AE;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.navbar-dark .navbar-toggler {color: #fff;}

@media (min-width: 1400px) {
 .container {max-width: 1420px;}
}


@media (min-width: 992px){
.navbar-expand-lg .navbar-nav .nav-link {color: #fff; padding-right: 1rem; padding-left: 1rem;}
.navbar-expand-lg .navbar-nav .nav-item.dropdown:hover > .dropdown-menu {display: block; overflow: initial !important; visibility: visible; transition: all .6s ease; opacity: 1; transform: none;}
.navbar-nav .dropdown>.dropdown-toggle:active {pointer-events: none;}
.navbar-expand-lg .navbar-nav .nav-item.dropdown > .dropdown-menu {background-color: #fff; border-radius: 10px !important; -webkit-transform: rotate3d(1, 0, 0, -90deg); transform: rotate3d(1, 0, 0, -90deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; transition: all .6s ease; display: initial; width: 400px; top: 64px; border: none; display: flex !important; flex-wrap: wrap; padding: 21px 22px 22px 15px !important;}
.navbar-expand-lg .navbar-nav .dropdown-menu li.submenu .dropdown-menu {left: 0; top: 0; background: transparent; position: relative; display: block !important;  border-radius: 0 !important; width: auto !important; -webkit-transform: inherit; transform: inherit; border: 0;}
.navbar-expand-lg .navbar-nav .dropdown-menu > .nav-item.submenu {width: 50%;}
}
.navbar-expand-lg .navbar-nav > li.nav-item.active a,
.navbar-expand-lg .navbar-nav > li.nav-item:hover a{color: #1DBA09 !important;}
.navbar-nav li.nav-item.dropdown a.dropdown-toggle::after {display: none;}
.navbar-nav > li.nav-item a:hover,
.navbar-nav > li.nav-item a.active {color: #1DBA09;}
.topmenu li.nav-item.dropdown ul li a {padding: 0.4rem 1.2rem !important;}
.navbar-nav li.nav-item.dropdown ul.dropdown-menu li a {color: #A8A8A8 !important; text-transform: uppercase; font-weight: 600;}
.navbar-nav li.nav-item.dropdown ul.dropdown-menu li:hover>a{color: #C5A45A !important;}
.navbar-nav .nav-item.dropdown ul li a.dropdown-item:focus, 
.navbar-nav .nav-item.dropdown ul li a.dropdown-item:hover {background-color: transparent; color: #C5A45A !important;}
.dropdown-toggle::after {border: solid white; border-width: 0px 2px 2px 0; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.navbar-nav .nav-item.dropdown ul li.nav-item.submenu .nav-link.dropdown-toggle {color: #333333 !important; text-transform: capitalize; font-weight: 600; font-size: 18px; margin-bottom: 6px;}
.navbar-nav .nav-item.dropdown ul li.nav-item.submenu .nav-link.links {position: absolute; z-index: 1; left: 0; right: 0px; padding: 0 !important; top: 0; height: 32px;}

@media screen and (max-width: 991px) {
/*-------------Menu Design Start--------------*/
.header-top .nav-menu {margin-left: 0; position: absolute; top: 68px; right: 11px; left: 11px; background: #000; z-index: 1; padding: 0px; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;}
.header-top ul.navbar-nav li.nav-item.dropdown > a::after{border: solid #fff; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); float: right; margin-left: 0; margin-top: 5px;}
.header-top ul.navbar-nav li.nav-item.show .dropdown-menu.submenu {background: #1c6dc4; margin-top: 0; border-bottom: 1px solid rgba(193, 193, 193, 0.3) !important; padding-top: 0;}
.header-top ul.navbar-nav > li.show > a {border: none; background: #1c6dc4;}
.header-top ul.navbar-nav > li > a {letter-spacing: 1px; padding: .6rem 1rem !important; color: #fff !important; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.header-top ul.navbar-nav > li > a:hover {background: #ef4036;}
.header-top .nav-menu button {width: 100%; border-radius: 0; padding: 4px !important;}
.topmenu .navbar-nav .dropdown-menu {border: none !important;  margin: 0;}
.topmenu .navbar-nav .dropdown-menu .nav-item.submenu {border: 0;}
.topmenu .navbar-nav .dropdown-menu li.nav-item.submenu .dropdown-menu {display: block; padding-bottom: 14px !important;}
.topmenu .navbar-nav > li.nav-item > a { font-size: 14px;}
.navbar-nav li.nav-item.dropdown.submenu .dropdown-menu li a {padding-top: 3px !important; padding-bottom: 3px !important; padding-left: 30px !important;}
.topmenu .navbar-nav > li.nav-item > a.active, 
.topmenu .navbar-nav > li.nav-item:hover > a, 
.topmenu .navbar-nav > li.nav-item > a.show {color: #fff !important; background: #27bbdb;}
.topmenu .navbar-nav > li.nav-item > a::after {position: absolute !important; right: 15px; top: 15px !important; border-color: rgba(255, 255, 255, 0.8) !important; transition: transform .3s ease-in-out;}
.topmenu li.nav-item a{color: #303030 !important;}
.navbar-expand-lg .navbar-nav .nav-link {padding: 0.8rem 1rem !important; color: #000;}
.navbar .navbar-collapse {position: fixed; bottom: 0; z-index: 999; display: initial !important; max-width: 100%; visibility: hidden; background-color: #fff; background-clip: padding-box; outline: 0; transition: transform .3s ease-in-out; top: 0; left: 0; width: 280px;  transform: translateX(-100%); box-shadow: 5px 0px 10px rgb(0,0,0,0.2);}
.navbar .navbar-collapse.show,
.navbar .navbar-collapsimg{visibility: visible; transform: translateX(0%); display: initial !important;}
/*.navbar li.nav-item{border-bottom: 1px solid #616161;}*/
.navbar-nav li.nav-item.dropdown a.dropdown-toggle.show::after {transform: rotate(-134deg) !important; -webkit-transform: rotate(-134deg) !important; top: 18px !important;}
.navbar-nav li.nav-item.dropdown a.dropdown-toggle::after {display: block;}
.navbar-nav li.nav-item.dropdown ul.dropdown-menu li a {font-weight: normal; padding-left: 2rem !important;}
.navbar-nav li.nav-item.dropdown ul.dropdown-menu li a::after {display: none;}
.navbar-nav li.nav-item.dropdown ul.dropdown-menu li .dropdown-menu li a {padding-left: 2.5rem !important; font-weight: 600;}
.navbar-nav li.nav-item.dropdown ul.dropdown-menu li a.nav-link.show {color: #C5A45A !important;}
.navbar-nav .nav-item.dropdown ul li.nav-item.submenu .nav-link.dropdown-toggle {color: #5B5B5B !important; text-transform: capitalize; font-weight: 600; font-size: 16px; margin-bottom: 0px;}
.navbar-expand-lg .navbar-nav > li.nav-item.active a, 
.navbar-expand-lg .navbar-nav > li.nav-item:hover a,
.navbar-expand-lg .navbar-nav > li.nav-item .nav-link:focus,
.navbar-expand-lg .navbar-nav > li.nav-item .nav-link:hover {color: #1DBA09 !important;}
/*-------------Menu Design End--------------*/
}

/* ================= HEADER ================= */
.site-header{background:#131313; border-bottom: 1px solid rgba(136, 136, 136, 0.5);}
.hero-content{z-index:1; color:#fff;}
/* ================= FOOTER ================= */
.site-footer {background: #131313; padding-top: 7rem; padding-bottom: 9rem;}
.site-footer a{color:#fff;text-decoration:none; font-size:14px;}
.site-footer a:hover{color:#2dbb00;}
.footer-copyright {background: #fff; color: #027C17; font-size: 14px;}


/* HEADER */
.page-header{background:#131313; color:#fff;}

/* TEXT STYLES */
.policy-content h6{margin-top:3rem;}

.policy-content p,
.policy-content li{font-size:16px; line-height:1.7; color:#444444;}
.policy-content ul{padding-left:18px;}
.purposes-list li {padding-left: 24px;}
.purposes-list li::before {display: block; content: ""; background-color: #444444; width: 4px; height: 4px; position: absolute; left: 8px; border-radius: 100%; top: 12px;}
.collect-pad {padding-right: 8vw;}


.info-box{padding:40px;}
.info-green{background:#027C17;color:#fff;}
.info-light{background:#E7FFE4;}
.info-gray{background:#F1F1F1;}
.location-search .form-control {border: 1px solid #CCCCCC; padding-left: 16px;}
.map-frame{width:100%; height:550px; border:0;}
.location-box .form-select {background-color: #F9F9F9; height: 50px; padding-left: 16px;}
.contact-box {background: #F4F4F4; padding: 6vw 7vw; margin-bottom: 4rem; margin-top: 3rem;}
.form-control, .form-select{border-radius:0; height:42px;}
textarea.form-control{height:100px;}

.btn-green{background:#17a300; color:#fff; border-radius:0; padding:10px 30px;}
.btn-green:hover{background:#128a00;color:#fff;}
.location-search button {border: 1px solid #ccc; width: 46px; height: 46px; min-width: 46px; min-height: 46px;}

.radio-group{display:flex; gap:15px; flex-wrap:wrap;}
.radio-card{position:relative;}
.radio-card input{display:none;}
.radio-card label {cursor: pointer; transition: all .3s ease; display: flex; align-items: center; gap: 7px;}
.radio-card label::before{content:''; width:16px; height:16px; border-radius:50%; border:1px solid #027C17; transition:.3s; background-color: #fff;}
.radio-card input:checked + label::before{background:white; border-color:#1DBA09; box-shadow:inset 0 0 0 5px #1DBA09;}

.upload-box {border: 1px solid #ced4da; padding: 15px; font-size: 14px; background: #fff; display: flex; gap: 10px; align-items: center !important;}

.bg-green-box{background: linear-gradient(0deg, rgba(2, 124, 23, 0.9), rgba(2, 124, 23, 0.9)), url(../images/hero-section.jpg); background-repeat: no-repeat !important; padding: 140px 50px;}
.usage-icon {width: 100px; height: 100px; border-radius: 50%; background: #fff; color: #1f8f3a; display: flex; align-items: center; justify-content: center; margin: 0 auto 22px;}


/* ===== Sidebar ===== */
.sidebar{background:#ffffff; /*min-height:100vh;*/ min-height:100%; padding:25px; box-shadow:0 0 15px rgba(0,0,0,0.05);}
.sidebar .nav-link {text-align: left; border-radius: 0; padding: 12px 15px; color: #000; font-size: 15px; transition: all .3s ease; font-weight: 500;}
.sidebar .nav-link:hover{background:#0b7d1b; color:#fff; padding-left:18px;}
.sidebar .nav-link.active{background:#0b7d1b; color:#fff;}
.product-section{padding:35px;}
.category-card{background:#fff; box-shadow:0 5px 15px rgba(0,0,0,0.06); transition:all .4s ease; overflow:hidden; position:relative;height: 100%;}
.category-card img{object-fit:cover; transition:transform .4s ease;}
.category-card:hover{transform:translateY(-8px); box-shadow:0 15px 30px rgba(0,0,0,0.15);}
.category-card:hover img{transform:scale(1.1);}
.category-card .card-body {height: 100%;font-size: 16px; padding: 15px 22px; transition: .3s; background: #fff; position: relative; z-index: 1; font-weight: 600;}
.category-card:hover .card-body{color:#fff !important; font-weight:600; background: #027C17;}
.tab-content {padding:32px 0px 0px 14px;}
.text-justify{text-align: justify;}
 /* ── Product Row Layout ── */
.product-row { display: flex; align-items: center; gap: 40px; background: #ffffff; border-radius: 14px; padding: 30px; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08); transition: transform 0.3s ease, box-shadow 0.3s ease;}
.product-row:hover { transform: translateY(-4px); box-shadow: 0 14px 35px rgba(0, 0, 0, 0.12);}
.product-img-wrap { flex: 0 0 38%; max-width: 50%; text-align: center; }
.product-img-wrap img { width: 100%; border-radius: 10px; }
.product-content-wrap { flex: 1; }
.product-row--reverse { flex-direction: row-reverse; }
.product-title { font-size: 20px; font-weight: 600; margin-bottom: 12px; color: #1a1a1a; line-height: 1.4; }
.product-code { display: block; font-size: 13px; font-weight: 500; color: #888; margin-top: 4px; }
.product-content-wrap p { font-size: 15px; color: #555; line-height: 1.7; margin-bottom: 20px; }
.pgrid-code { font-size: 18px; font-weight: 600; color: #0b7d1b; letter-spacing: 0.5px; text-transform: uppercase; margin-bottom: 20px;}
.list-inline>li { display: inline-block; padding-left: 5px; padding-right: 5px; }
.back-gray { background-color: #ECECEC; }
.container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
.container-big { padding-top: 80px; padding-bottom: 100px; }
.lh-custom{line-height: 1.8;}