@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;600;700;800&display=swap');
/*  */
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow-x: hidden;
  font-family: 'Prompt', sans-serif;
  background-color:#000;
}
html{
 font-family: 'Prompt', sans-serif;
}
body a:hover{
  text-decoration: none;
  color: #fff;
}
body li{
  list-style: none;
}
/*html{
font-family: 'Prompt', sans-serif;
}*/
.f-light{
  font-family: 'Prompt', sans-serif;
  font-weight:300;
}
.f-medium{
 font-family: 'Prompt', sans-serif;
  font-weight:600;
}
.f-book{
 font-family: 'Prompt', sans-serif;
  font-weight:400;
}
.f-bold{
 font-family: 'Prompt', sans-serif;
  font-weight:700;
}
.f-black{
  font-family: 'Prompt', sans-serif;
  font-weight:800;
} 
a {
  text-decoration: none;
}
button:focus {
  outline: 0;
  box-shadow: none;
}
header {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 5;
    padding: 0px 0 0px;
    background-color: #101010d9;
    transition: all 0.3s ease-in-out;
    /* border-top: 5px solid #8f7e33; */
    /* box-shadow: 0px 5px 5px -1px rgb(0 0 0 / 23%); */
}

.top-head li:nth-child(1) {
    border-bottom-left-radius: 10px;
    /* border-bottom-right-radius: 10px; */
}
.top-head li {
    list-style: none;
    background: #0067ad;
    padding: 3px;
}
.top-head li:last-child {
    border-bottom-right-radius: 10px;
}
.navbar-mob .nav-item.dropdown {
    position: relative;
}
.navbar-nav .dropdown-menu {
    position: static;
    float: none;
    border-radius: 0px;
    border: 0px;
    box-shadow: 0px 2px 10px #00000059;
    transition: all 0.3s ease-in-out;
    background-color: #222;
}
.navbar-mob .dropdown-menu .dropdown-item {
  font-size: 14px;
  padding: 7px 10px;
  color: #fff;
  display: block;
  /*text-transform: capitalize;*/
}
.navbar-mob .dropdown-menu .dropdown-item:hover {
    background-color: #222;
    color: #aac338;
}
 .dropdown-menu .dropdown-item.active {
  color: #aac338;
  background: #222;
  /* font-weight: 700; */
}
.navbar-mob .dropdown-menu.product-tab .dropdown-item.active{
color: #fff !important;
}
.navbar-mob .dropdown-menu.product-tab .dropdown-item:hover{
    color: #aac338 !important;
}
.nav-link.active{
  color: #aac338 !important;
}
.navbar-expand-md .navbar-nav .nav-item:last-child .nav-link.active{
    color: #fff !important;
}
.top-head a.active{
  color: #aac338 !important;
}
.navbar-mob .nav-item.dropdown:hover .dropdown-menu {
    display: block ;
    padding: 0px;
}
header.shrink{
  animation: 0.3s 0.3s fadeInDown both;
  background: #101010;
  box-shadow: 0px 2px 10px #00000059;
}

header.shrink .navbar-expand-md .navbar-nav .nav-item:nth-child(11) .nav-link{
  color: #fff;
}
header .container {
  position: relative;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
}
header .header {
  display: block;
  left: 0;
  right: 0;
  margin: 0 auto;
  transition: all 0.3s ease-in-out;
  opacity: 1;
  z-index: 1;
  position: relative;
}

header .header-white {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
header .mobile-navbar {
  position: relative;
  right: 0;
}
/* .navbar-expand-md .navbar-nav .nav-link.active,
.navbar-expand-md .navbar-nav .nav-link:hover,
header.shrink .navbar-nav .nav-link:hover,
 header.shrink  .navbar-nav .nav-link.active{
  color: #8f7e33;
} */
.navbar-expand-md{
  display: flex;
  align-items: center;
  justify-content:flex-end;
  padding: 5px 0 8px;
}
.navbar-expand-md .navbar-nav .nav-link {
  font-size: 16px;
  color: #fff;
  padding-left: 7px;
  padding-right: 7px;
  transition: all 0.3s ease-in-out;
  position: relative;
  margin-right: 12px;
  text-transform: capitalize;
}
/* new css */
.navbar-expand-md .navbar-nav .nav-item.contact-btns span {
    padding: 3px 9px;
    background: #e32229;
    z-index: 1;
    border: none;
    border-radius: 30px;
    font-size: 11px;
    margin-right: 0;
    position: relative;
    top: 3px;
    color: #fff;
    font-family: 'Prompt', sans-serif;
}
.navbar-expand-md .nav-item:nth-child(11) .nav-link:hover:before{
background: #000;
}
.navbar-expand-md .nav-item:nth-child(11) .nav-link:hover{
color: #fff;
}
.navbar-expand-md .nav-item:nth-child(7){
display: flex;
align-items: center;
justify-content: center;
font-family: 'Prompt', sans-serif;

}
.navbar-expand-md .nav-item:nth-child(7) span ,.navbar-expand-md .nav-item:nth-child(8) span{
  color:#8f7e33;
  font-size: 20px;
  padding-right: 5px;
}
header.shrink .navbar-expand-md .nav-item:nth-child(7) span , header.shrink .navbar-expand-md .nav-item:nth-child(8) span{
  color:#a49557;
  font-size: 20px;
}
.navbar-expand-md .nav-item:nth-child(8){
padding-left:0px;
display: flex;
align-items: center;
justify-content: center;
}
.navbar-expand-md .nav-item:nth-child(7) a ,.navbar-expand-md .nav-item:nth-child(8) a{
  color: #000;
  font-size:14px;
  padding-top: 0px;
}
.top-head{
  position: relative;
  /*margin-bottom: 5px;*/
}
.top-head ul {
    display: flex;
    text-align: right;
    justify-content: flex-end;
    padding: 0;
    margin: 0;
}
/* .navbar-expand-md .navbar-nav .nav-item:last-child .nav-link {
    background: red;
    border-radius: 20px;
    padding: 6px 17px;
    margin-right: 0px;
    font-size: 12px;
    margin-top: 5px;
} */
header.shrink .navbar-expand-md .navbar-nav .nav-item:last-child .nav-link {
  color:#fff !important;
}
.top-head li {
    list-style: none;
}
.top-head ul li a {
    font-size: 13px;
    color: #98aba6;
    padding: 0px 0px 0px 15px;
    border-left: 1px solid #e1e5e4;
    margin-left: 15px;
}


.top-head ul li a {
    font-size: 12px;
    color: #fff;
    padding: 0px 7px 0px 7px;
    border-left: 1px solid #e1e5e4;
    margin-left: 0px;
    border: 0px;
}
.top-head ul li:nth-child(1) a , .top-head ul li:nth-child(5) a,.top-head ul li:nth-child(6) a{
  border-left:0px;
}
.navbar-brand{
  position: absolute;
  top: -19px;
  left: 0;
}

.foot-top{
  background: #ba2a21;
  padding: 20px 0;
}
.foot-top .container{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.foot-top .container h1{
  color: #fff;
  font-size: 27px;
}
.common-btn {
    width: 105px;
    height: 34px;
    background: #abc339;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    transition: all 0.3s ease-in-out;
    position: relative;
    transform: perspective(1px) translateZ(0);
    transition-duration: 0.3s;
    overflow: hidden;
    outline: none;
    cursor: pointer;
}
.common-btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:#fff;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: all 0.3s ease-in-out;
  border-radius:30px;
  color: #fff;
}
.common-btn:hover{
color: #abc339;
border:1px solid #abc339;
}
.common-btn:hover:before{
transform:scaleX(1);
}
.common-btn span{
  margin-left: 10px;
}
.foot-top .common-btn{
  background: #000;
  color: #fff;
  z-index: 1;
}
.main-footer .footer-wrapp{
  display: flex;
  width: 100%;
  padding:0;
}
.main-footer .footer-wrapp h6 {
    font-size: 13px;
    color: #e7ecee;
    font-weight: 600;
    margin-bottom: 3px;
}
.main-footer .footer-wrapp h6 .span-1{
  color: #899ba5;
}
.main-footer .footer-about ul{
  display: flex;
  margin-top: 30px;
}
.main-footer .footer-about .social-icon {
    color: #fff;
    background: #163f53;
    height: 38px;
    width: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 9px;
}
.main-footer {
  background: #0C0C0C;
  padding: 45px 0 33px;
  position: relative;
}
.btm-strip {
    background: #000000;
    /* padding: 20px 0px; */
}
.btm-strip .container {
    border-top: 1px solid #0b0b0b;
    padding: 10px 0px;
}
.column:nth-child(1){
  width: 20%;
}
.column:nth-child(2){
  width: 20%;
  
}
.column:nth-child(3){
  width: 21%;
 
}
.column:nth-child(4){
  width: 25%;
  
}
.column:nth-child(5) {
    width: 24%;
  
}
.column:nth-child(6) {
    width: 23%;
}
.column a{
  display: block;
  padding-bottom: 12px;
  line-height: 1;
  color: #b9b9b9 !important;
  font-size: 13px;
  text-transform: capitalize;
}
.column p{
  color: #eee9e9;
  width: 100%;
  font-size:13px;
}
.column .social{
  margin-top: 15px;
}
.column h5 {
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 13px;
}
.footer-address a {
    line-height: 20px;
}
footer a,
footer p{
  color: #a8a4a4;
  font-size: 15px;
}
footer p{
  width: 85%;
  margin-bottom: 0;
}
.main-head{
  background-color: transparent;
}

.main-footer .footer-logo {
  margin-bottom: 30px;
  width: 88%;
}
.main-footer .footer-wrapper{
  display: flex;
  margin-bottom: 20px;
}
.main-footer .footer-wrapper span{
  color: #d29210;
  font-size: 22px;
  margin-right: 10px;
}
.main-footer .footer-wrapper a{
  color: #fff;
  font-size: 15px;
}
button{
  outline: none;
  border:none
}
.btm-strip span{
  font-size: 18px;
  color: #b6bdbf;
}
.btm-strip .c-name {
  color: #f6911f;
}
.btm-strip .span1{
  color: #fff;
}
.btm-strip a{
  font-size: 18px;
  color: #b6bdbf !important;
}
.btm-strip .slash {
    color: #ccc;
}
.btm-strip .row{
  padding: 0;
}
.c-col{
  padding: 0;
}
/* slider */
.home-slider .caption {
  position: absolute;
  top:36%;
  left: 12%;
  right: 0;
  margin: 0 auto;
  display: flex;
  padding: 0px;
}
.slider-section {
  position: relative;
 }
 .home-counter {
    display: flex;
    align-items: center;
    justify-content: center;
}
 .home-counter .counter-single {
    display: flex;
    width: 23%;
    cursor: pointer;
    justify-content: center;
}
 .home-counter .counter-single .counter-icon {
    font-size: 60px;
    color: #0067ad;
    transition: all 0.3s ease-in-out;
}
 .home-counter .counter-single .text-box {
    margin-left: 5px;
}
 .home-counter .counter-single .text-box {
    margin-left: 5px;
}
.home-counter .counter-single .counter-value {
    font-size: 25px;
    color: #fff;
    /* -webkit-text-stroke: 1px #ffffffba; */
    transition: all 0.3s ease-in-out;
}
 .home-counter .counter-single .plus {
    font-size: 30px;
    color: #fff;
    position:relative;
    top: 2px;
    font-weight: 500;
    transition: all 0.3s ease-in-out;
}

 .home-counter .counter-single p {
    color: #fff;
    font-size: 16px;
    margin-top: -6px;
    transition: all 0.3s ease-in-out;
}
.counter{
  background-color:#000;
  padding: 20px 0px;
 
}

.home-counter .counter-single .text-box h4 {
    margin-bottom: 0px;
}
.years h3 {
    font-size: 45px;
}

.years {
    position: absolute;
    background: #0067ad;
    right: 30px;
    padding: 15px 15px 10px;
    bottom: -20px;
    border-radius: 10px;
    color:#fff;
}
.welcome-swani {
    padding: 50px 0px;
    position: relative;
}
.years h3 {
    font-size: 45px;
    line-height: 30px;
    margin-bottom: 0px;
}
.years p {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 0px;
    color: #fff !important;
}
.welcome-swani .img-wrapp {
    position: relative;
    text-align: center;
}
.welcome-swani .img-wrapp img {
    border-radius: 20px;
}
section.welcome-swani h1 {
    color: #fff;
    font-size: 40px;
}
section.welcome-swani p {
    color: #b9b9b9;
}
section.welcome-swani .roll2 {
    position: absolute;
    bottom: 0em;
    right: 0;
    z-index: 1;
}
section.welcome-swani .roll2 img{
    height: 320px;
}
.map-wrapper img {
    margin: 0 auto;
    display: block;
}
 .map-wrapper {
    position: relative;
}

.map-wrapper p {
    background-color: #de1c23;
    color: #fff;
    font-size: 13px;
    padding: 5px 23px;
    border-radius: 5px;
    position: absolute;
    /*left: -27px;*/
    left: 50%;
    transform: translateX(-48%);
    bottom: -50px;
     display: none; 
     width: max-content;
    animation: slide-down 0.6s ease-out;
}
.map-wrapper p:before {
    width: 0;
    height: 0;
    position: absolute;
    content: "";
    left: 39%;
    top: -18px;
    border: 11px solid transparent;
    border-top-color: #ed2027;
    transform: rotate( 
180deg
 );
}
 .map-wrapper .location:hover p {
    display: block;
}
div.location {z-index: 0 !important;}
div.location:hover {z-index: 4 !important;}
div#location1 {
    position: absolute;
    top: 10%;
    left: 20%;
}
div#montreal {
    position: absolute;
    top: 17%;
    left: 26%;
}
div#toronto {
    position: absolute;
    top: 21%;
    left: 24%;
}
div#vancouver {
    position: absolute;
    top: 17%;
    left: 14%;
}
div#chicago {
    position: absolute;
    top: 23%;
    left: 24.75%;
}
div#newyork {
    position: absolute;
    top: 24%;
    left: 24.25%;
}
div#oakland {
    position: absolute;
    top: 25%;
    left: 23.5%;
}
div#newjersey {
    position: absolute;
    top: 27%;
    left: 23%;
}
.map-wrapper .location span {
    /*font-size: 35px;*/
    font-size: 28px;
    color: #0067ad;
}
.map-wrapper .location.old span {color: #e32229;}


div#location2 {
    position: absolute;
    top: 26%;
    left: 16%;
    /* display: none; */
}
div#location3 {
    position: absolute;
    top: 27%;
    left: 43%;
    display:none;
}
div#location5 {
    position: absolute;
    top: 68%;
    left: 50%;
    /* display: none; */
}
div#zimbabwe {
    position: absolute;
    top: 64%;
    left: 53%;
    /* display: none; */
}
div#durban {
    position: absolute;
    top: 72%;
    left: 53%;
    /* display: none; */
}
div#location4 {
    position: absolute;
    bottom: 35%;
    left: 53%;
    display:none;
}

div#location7 {
    position: absolute;
    top: 30%;
    left: 72%;
}

div#location9 {
    position: absolute;
    top: 12%;
    left: 57%;
    display:none;
}
div#location6 {
    position: absolute;
    top: 38%;
    left: 65.4%;
    z-index: 1;
}

div#location8 {
    position: absolute;
    top: 12%;
    left: 74%;
}
div#location10 {
    position: absolute;
    bottom: 35%;
    left: 30%;
}
div#location11 {
    position: absolute;
    bottom: 64%;
    left: 80%;
}
div#location13 {
    position: absolute;
    bottom: 20%;
    left: 81%;
}
#location12 {
    position: absolute;
    bottom: 13%;
    left: 26%;
}
#location14 {
    position: absolute;
    left: 73%;
    top: 48%;
    z-index: 1;
}
#location15 {
    position: absolute;
    right: 8%;
    bottom: 10%
}
div#location16 {
    position: absolute;
    left: 67.1%;
    bottom: 45%;
}
#location17 {
    position: absolute;
    left: 76%;
    bottom: 38%;
}
#location18 {
    position: absolute;
    top: 35%;
    left: 59%;
}
#mexico {
    position: absolute;
    top: 37%;
    left: 15.5%;
}
#chile {
    position: absolute;
    bottom: 18%;
    left: 24.5%;
}
#equador {
    position: absolute;
    bottom: 40%;
    left: 22%;
}
#thailand {
    position: absolute;
    left: 72.5%;
    top: 42%;
}
#egypt {
    position: absolute;
    top: 32%;
    left: 52%;
}
#cyprus {
    position: absolute;
    top: 26%;
    left: 52%;
}
#turkey {
    position: absolute;
    top: 23%;
    left: 52.5%;
}
#ukraine {
    position: absolute;
    top: 17%;
    left: 52%;
}
#greece {
    position: absolute;
    top: 23%;
    left: 49.5%;
}
#bulgaria {
    position: absolute;
    top: 20%;
    left: 50.5%;
}
#italy {
    position: absolute;
    top: 23%;
    left: 48%;
}
#croatia {
    position: absolute;
    top: 20%;
    left: 48.5%;
}
#austria {
    position: absolute;
    top: 19%;
    left: 48%;
}
#slovakia {
    position: absolute;
    top: 18%;
    left: 49%;
}
#poland {
    position: absolute;
    top: 15%;
    left: 49%;
}
#lithuania {
    position: absolute;
    top: 13%;
    left: 50.5%;
}
#finland {
    position: absolute;
    top: 8%;
    left: 50%;
}
#sweden {
    position: absolute;
    top: 9.5%;
    left: 48.5%;
}
#norway {
    position: absolute;
    top: 8.5%;
    left: 46%;
}
#denmark {
    position: absolute;
    top: 11.5%;
    left: 47.5%;
}
#uk {
    position: absolute;
    top: 14.5%;
    left: 44%;
}
#ireland {
    position: absolute;
    top: 14.5%;
    left: 42.5%;
}
#netherland {
    position: absolute;
    top: 14.5%;
    left: 46.5%;
}
#belgium {
    position: absolute;
    top: 16.5%;
    left: 45.5%;
}
#france {
    position: absolute;
    top: 19%;
    left: 44.5%;
}
#spain {
    position: absolute;
    top: 23%;
    left: 43.5%;
}
#portugal {
    position: absolute;
    top: 25%;
    left: 42%;
}
#germany {
    position: absolute;
    top: 15.5%;
    left: 47.5%;
}
#switzerland {
    position: absolute;
    top: 17.5%;
    left: 46.5%;
}




section.world {
    padding: 50px 0px;
    position:relative;
    background: #0C0C0C;
}
section.world h3 {
    text-align: center;
    font-size: 40px;
    color: #fff;
    margin-bottom: 20px;
}
section.world h4 {
    text-align: center;
    color: #fff;
    font-size: 32px;
}
section.world h4 {
    text-align: center;
    color: #fff;
    font-size: 32px;
}
section.world h4 span {
  color: #de1c23;
  font-size: 45px;
  margin: 0px 0px 0px 8px;
}
section.world .roll2 {
    position: absolute;
    bottom: -10em;
    right: 0;
}
section.world .roll2  img{
    height:161px;
}
.our-products {
    padding: 45px 0;
    position: relative;
    padding-bottom: 0px;
    padding-bottom: 50px;
}
.product-wrapp {
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-list {
    cursor: pointer;
    margin: 10px;
    position:relative;
    display: block;
}
.product-list p {
    background: #0066ae;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    font-size: 21px;
    padding: 23px 15px 10px;
    color: #fff;
    margin-top: -15px;
    margin-bottom: 0px;
    font-weight: 300;
    text-align: center;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 9px;
    transition: all 0.3s ease-in-out;
}
.product-list:hover p {
    background: #a1b834;
}
.product-list .hover-img {
    /* display: none !important; */
    opacity: 0;
    position: absolute;
    top: 0px;
}
.product-list:hover .hover-img {
  /* display:block;*/
  opacity:1;
  position: relative;
}

.product-list:hover .img-thumb{
  display: none;

}
.our-products .common-btn{
  border:1px solid #aac338;
  background-color:transparent;
  margin:0 auto;
  margin-top:20px;
  font-size: 14px;
}
.our-products h2 {
    color: #fff;
    margin-bottom: 20px;
    font-size: 41px;
}

.product-list img {
    border-radius: 20px;
}
.sustainable-wrapper {
    display: flex;
    position:relative;
}
.sustainable-content {

    text-align: center;
    margin-top: 4%;
}
.sustainable-content span {
    font-size: 80px;
    color: #fff;
}
.sustainable-single h3 {
    font-size: 55px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 20px;
    text-align: center;
    margin-bottom: 4px;
}
.sustainable-content1 h3 {
   font-size: 40px;
}
.sustainable-single{
  width: 100%;
}
.sustainable-single p {
    color: #fff;
    width: 60%;
    margin: 0 auto;
    margin-bottom: 13px;
}
.sustainable-single .common-btn{
  margin: 0 auto;
}
.news-wrapper img {
    border-radius: 10px;
    width: 100px;
    height: auto;
}
.news-wrapper {
  display: flex;
  color: #fff;
  margin-bottom: 25px;
  align-items: flex-start;
}
.new-content {
    margin-left: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #cccccc1f;
}
.sustainable-content1 .news-wrapper:nth-child(3) .new-content {
    border-bottom: 0px;
}
.new-content p {
    margin-bottom: 0px;
}

.sustainable-content1 {
    position: absolute;
    right: 14%;
    top: 7%;
}

.sustainable .roll1 {
    position: absolute;
    top: -7em;
    left: 0;
}
/*.sustainable .roll1 img{
    height: 250px;
}*/
.sustainable .roll2 {
    position: absolute;
    bottom: 0em;
    right: 0px;
}
.sustainable .roll2  img{
    height: 230px;
}
section.sustainable {
    position: relative;
}

.certifications-slider .item img {
    border-radius: 15px;
}
.certifications h2 {
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
    font-size: 44px;
    font-weight: 400;
}
.certifications {
    padding: 50px 0px 70px;
}
.footer-call {
    display: flex;
    justify-content: center;
    color: #fff;
}
.column .social a {
    font-size: 23px;
    margin: 0px 10px;
}
.column .social a:hover .facebook{
  color: #3b5998;
}
.column .social a:hover .linkdin{
  color: #0e76a8;
}
.column .social {
    display: flex;
}
.footer-call span {
    margin-right: 10px;
    color: #abc339;
    font-size: 23px;
}
.box span {
    font-size: 35px;
    color: #abc339;
    margin-right: 10px;
}
.footer-contact {
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
}
.footer-contact .box:last-child{
    margin-right: 0;
}
.fc-container{
    padding-right: 0;
}
.box {
    display: flex;
    align-items: center;
    margin: 0px 20px;
}
.footer-address a {
    font-size: 25px;
    color: #fff;
}
.btm-strip a {
    font-size: 13px;
}
.btm-strip span {
    font-size: 13px;
}
section.world .icon-Overseas-client {
    font-size: 60px;
    /* margin-top: 16px; */
}
 .world h4 {
    display: flex;
    align-items: center;
    justify-content: center;
}
.world .roll1 {
    position: absolute;
    top: -5em;
    left: -100px;
}
.world .roll1 img{
    height: 218px;
}
.breadcum h1 {
    font-size: 47px;
    margin-bottom: 0;
    position: relative;
    line-height: 1.1;
}
.breadcum-list {
    position: absolute;
    right: 10%;
    bottom: -1%;
    padding: 15px 0;
    font-weight: 600;
    background: rgb(0 0 0 / 50%);
    border-radius: 10px;
}
.breadcum-list a, .breadcum-list span{
    color: #ccc;
    font-size: 15px;
}
.breadcum-list span {
    color: #fff;
    font-size: 15px;
}
.breadcum-list .word {
    text-align: right;
}
.caption-heading span {
    background: #0000007a;
    padding: 5px 20px;
    border-radius: 15px;
}
.caption-heading {
    position: absolute;
    width: 100%;
    top: -195px;
    color: #fff;
    left: 0%;
}
.people-breadcum .caption-heading {
    top: -84px;
}
.certificates-single {
    margin: 0px 20px;
    width: 19%;
    margin-bottom: 25px;
    background: #0C0C0C;
    /* padding: 20px; */
    border-radius: 10px;
}
.certificates-single .img-wrapp img{
  border-radius: 15px;
}
section.certificates {
    padding: 60px 0px;
}
.certificates-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.breadcum .parallax-container {
  position: relative;
  overflow: hidden;
}
.breadcum .parallax-parent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.breadcum .parallax-content {
  position: absolute;
  left: 50%;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.breadcum_container {
  position: absolute;
  bottom: 0%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.contact-address {
    display: flex;
    /* align-items: center; */
}
.contact-list {
    display: flex;
}
.contact-list .contact-address {
    margin-right: 20px;
}
.contact h3 {
    color: #fff;
    font-size: 22px;
    margin-bottom: 20px;
}
.contact h6 {
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 2px;
}
section.contact {
   padding: 70px 0px 0px;
    background: #0b0b0b;
}
.contact nav.cus-nav {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.contact ul.nav.nav-tabs li a {
    color: #fff;
    border: 1px solid #ccc;
    background: #000;
}
.nav-tabs li a {
    margin: 0px 15px;
    border: 1px solid #ccc;
    /*border-radius: 10px !important;*/
    padding: 30px 30px;
}
.contact ul.nav.nav-tabs li a.active {
    color: #fff;
    background: #0066AD;
    border:0px;
}
.contact ul.nav.nav-tabs li a h3{
color:#fff;
}
.contact ul.nav.nav-tabs li a.active h3{
   color: #fff;
}
section.contact h2 {
    /*text-align: right;*/
    color: #fff;
    font-size: 40px;
    margin-bottom: 20px;
}

.contact ul.nav.nav-tabs li a.active::after {
    content: "";
    position: absolute;
    bottom: -29px;
    right: 47%;
    border: 15px solid transparent;
    border-top-color: #0066ad;
    transform: rotate(
0deg
);
}
ul.nav.nav-tabs {
    margin-bottom: 70px;
}
.careercontact.contact .row {align-items: center;}
.careercontact.contact ul.nav.nav-tabs {margin-bottom: 0px;}
.careercontact.contact {padding-bottom: 70px;}
.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}
.contact ul.nav.nav-tabs li a {
    position: relative;
    color: #fff;
    background: transparent;
    margin: 0 auto;
    padding: 0px;
    border: 0px;
}
.nav-tabs {
     border-bottom: 0px solid #dee2e6 !important;
}
.contact-address span {
    margin-right: 10px;
    margin-top: 0px;
    font-size: 29px;
}
 .contact-wrapper{
  margin-top: 40px;
  
}
.contact-wrapper .form-single {
    width: 80%;
    padding: 40px 41px;
    margin: 0 auto;
}
.contact-wrapper .form-div h4 {
    font-size: 42px;
    color: #fff;
    margin-bottom: 35px;
    text-align: center;
}
.contact-wrapper .form-div .form-control {
    border-radius: 0;
    padding: 17px 21px;
    color: #fff;
   border: 1px solid #BEBDBD;
    background-color: transparent;
    border-radius: 20px;
}
select.form-control:not([size]):not([multiple]) {
    height: 59px !important;
    background-color: #000 !important;
    box-shadow: none !important;
     box-shadow: none;
    -webkit-box-shadow: none;
    outline: none;
  /*  -webkit-appearance:none;
    -moz-appearance:none;*/
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
select option{
    color: #fff;
}
.form-div option {
    color: ##fff;
    background: #000;
}
.contact-wrapper .form-div .form-control:focus{
box-shadow: none;
border:1px solid #149fd8;
}
.contact-wrapper .form-div .form-group{
  position: relative;
  margin-bottom: 33px;
}
.contact-wrapper .form-div .form-group label {
    margin-bottom: 0;
    position: absolute;
    top: -13px;
    left: 22px;
    background: #000;
    padding: 0px 5px;
    color: #ccc;
    z-index: 1;
}
.contact-wrapper .form-div .form-group .form-error{
  font-size: 12px;
  color: red;
}
.contact-wrapper .btn-div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 0px;
}

section.sustainability-journey {
    padding: 90px 0px;
    position:relative;
}
section.farming p {
    text-align: center;
    color: #ffffff94;
    margin-bottom: 35px;
}
.sustainability-journey  .img-div  span {
    font-size: 110px;
    font-weight: 600;
    color: #aac338;
}
.sustainability-journey  .img-div p {
    color: #ffffff94;
    font-size: 30px;
    line-height: 30px;
    padding-left: 10px;
}
.sustainability-journey  .img-div {
    display: flex;
    align-items: center;
}
.sustainability-journey  .img-div span {
    font-size: 110px;
    /* font-weight: 600; */
    color: #aac338;
}
.sustainability-journey  .img-div img {
    margin: 0px 20px;
}
section.sustainability-journey p {
    color: #ffffff94;
}
section.sustainability-journey h2 {
    font-size: 42px;
    color: #FFFFFF;
    margin-bottom: 10px;
}
.sustainability-journey .roll1 {
    position: absolute;
    left: -7%;
    top: 8em;
}
.col-md-6.journey-img {
    padding-left: 10%;
}
.farming-wrapp {
    display: flex;
    align-items: center;
    justify-content: center;
}
.farming-single {
    margin: 0px 10px;
}
.farming-single p {
    /*background: #fff;*/
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    font-size: 16px;
    padding: 20px 10px 10px;
    color: #fff !important;
    margin-top: -15px;
    margin-bottom: 0px;
    font-weight: 300;
    text-align:center !important;
}
/*.farming-single:hover p{
 background: #aac338;
 color:#ffffff94 !important;
}*/
section.farming h3 {
    text-align: center;
    color: #fff;
    font-size: 42px;
    margin-bottom: 10px;
}

section.farming {
   /* background-image: url(../images/farming-bg.png);*/
    padding: 70px 0px 80px;
    background-color: #0C0C0C;
}
.sustainability-tabs {
 /* padding: 30px 0px 75px;*/
  /*background-image: url(../images/sustainability-tabsbg.png);*/
  /*background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 600px;*/
  position:relative;
}
.sustainability-tabs .container {
  position: relative;
}
.sustainability-tabs .info-box {
    padding-top: 0px;
    width: 57%;
    color: #fff;
}
.sustainability-tabs .water-info-box{
    height: 439px;
   /* overflow-y: scroll;*/
    padding-right: 25px;
}
/* width */
.sustainability-tabs .info-box::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.sustainability-tabs .info-box::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.sustainability-tabs .info-box::-webkit-scrollbar-thumb {
  background: #0067ad;
}

/* Handle on hover */
.sustainability-tabs .info-box::-webkit-scrollbar-thumb:hover {
  background: #0067ad;
}
.sustainability-tabs h4 {
    font-size: 42px;
    color: #fff;
}
.sustainability-tabs .info-box  p{
color:#ffffff8c;
margin-top:30px;
}

.sustainability-tabs .tab-section {
    display: flex;
    position: absolute;
    bottom: 0px;
    margin: 0 auto;
    width: 100%;
    align-items: center;
    justify-content: center;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}
.sustainability-tabs .info-box  ul li{
    list-style-type: disc;
}
.sustainability-tabs .info-box  ul{
    padding-left: 40px;
}
.sustainability-tabs .tab-section .tab-div {
  border-radius: 0px;
  /*width: 30%;*/
  cursor: pointer;
  margin: auto;
}
.sustainability-tabs .tab-section .tab-div a {
  display: flex;
  align-items: center;
  padding: 13px;
  transition: all 0.3s ease-in-out;
  position: relative;
  color: #fff;
  font-size: 25px;
  border-top: 1px solid #cccccc73;
}
.tab-div .icon-box h5 {
    font-size: 18px;
    font-weight:600;
}
.sustainability-tabs .tab-section .tab-div a:before {
  position: absolute;
  content: "";
  top: -7px;
  left: 46%;
  margin: 0 auto;
  border-top: 15px solid #00b3f7;
  border-left: 15px solid transparent;
  transform: rotate(
-45deg);
  z-index: -1;
  opacity: 0;
}
.tab-div .icon-box {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sustainability-tabs .tab-section .tab-div a.active, .sustainability-tabs .tab-section .tab-div a:hover {
    /* background: #ed1c24; */
    border-top: 5px solid #aac338;
}
.tab-div .icon-box span{
  font-size: 54px;
  margin-right: 18px;
}
.sustainability-tabs .owl-nav {
    position: absolute;
    width: 100%;
    top: 50%;
}
.sustainability-tabs .owl-prev {
    position: absolute;
    left: -60px;
    background: transparent;
    font-size: 40px;
}

.sustainability-tabs .owl-next{
   position: absolute;
    right: -35px;
    background: transparent;
    font-size: 40px;
}

.sustainability-tabs .owl-theme .owl-nav [class*=owl-]{
  background-color:transparent;
  font-size:40px;
}
.sustainable-foresight {
    /*background-image: url(../images/foresightbg.png);*/
    padding: 100px 0px;
    /*background-attachment: fixed;*/
    background: #0c0c0c;
}
.foresight-single {
    width: 50%;
}.foresight-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}
.foresight-single {
    
    width: 50%;
   
}
.text-foresight {
  background: #fff;
  padding: 32px 39px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.text-foresight h3 {
    font-size: 40px;
}
section.agreeta h2 {
    margin-bottom: 30px;
}
section.agreeta {
    padding: 70px 0px;
    text-align: center;
    color: #fff;
}
section.agreeta h2 {
    margin-bottom: 30px
    font-size:40px;
}
section.agreeta .common-btn {
    margin: 0 auto;
    color: #fff;
}

section.agreeta a{
    color: #aac338;
}
section.agreeta .container {
    width: 70%;
    margin: 0 auto;
}
.btn-div .common-btn {
    margin: 0px 10px;
}

/*about*/
.img-wrapper{
  overflow: hidden;
  margin: 0 auto;
}
.img-wrapper img{
  transition: 0.5s all ease-in-out;
  width: 100%;
}
.img-wrapper img:hover{
   transform: scale(1.1);
}
.about{
  padding: 95px 0px;
  position: relative;
}
.heading {
  color: #fff;
  font-size: 44px;
}
.about .text-box h6{
  color: #fff;
  font-weight: 400;
  margin-bottom: 20px;
  line-height: 1.3;
}
.about .text-box p {
  color: #b9b9b9;
}
.about .row{
  width: 80%;
  margin: 0 auto;
}
.about-element1{
  position: absolute;
  top:5px;
  left: 0;
}
.vision-mission .nav-tabs li a {
  color: #fff;
  font-size: 33px;
  opacity: 0.5;
  padding: 0;
  border-radius: 0 !important;
  display: flex;
  align-items: center;
  transition: all 0.1s ease-in-out;
  border:0;
}
.vision-mission .nav-tabs li a span{
  margin-right: 4px;
}
.vision-mission .nav-link.active{
  background: transparent;
  border: 0;
  opacity:  1;
  border-bottom: 3px solid #aac338;
  padding: 0;
  color: #fff;
  font-size: 38px;
}
.vision-mission .nav-link:hover{
  
   border:0;
  border-bottom: 3px solid #aac338;
}
.vision-mission .nav-link.active span{
  color: #aac338;
}
.vision-mission .nav-tabs {
  display: flex;
  align-items: center;
  justify-content: center;
}
.vision-mission li{
  margin-right: 10px;
}
.vision-mission {
  background-image: url(../images/vision-mission-bg.png);
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
  position: relative;
  padding: 26px 0px;
  background-repeat: no-repeat;
}
section.vision-mission::before {
  position: absolute;
  content: "";
  background: #1601024a;
  width: 100%;
  height: 100%;
  top: 0;
}
section.vision-mission .container {
  padding-top: 85px;
  padding-bottom: 75px;
}
.vision-mission .tab-content p {
  color: #fff;
  text-align: center;
  width: 76%;
  margin: auto;
  padding-bottom: 10px;
}
.vision-mission .tab-content ul{
    width: 76%;
    margin: 0 auto;
    color: #fff;
    padding-left: 20px;
}
.vision-mission .tab-content ul li {
    list-style: disc;
}
.vision-mission div#nav-tabContent {
    position: relative;
    z-index: 1;
}
.vision-mission ul.nav.nav-tabs {
  margin-bottom: 0;
  position: relative;
  top: -28px;
}
.vision-mission .cus-tabs {
  background: #00000085;
  border-radius: 45px;
  width: 77%;
  margin: auto;
}
.why-us{
  padding: 50px 0px;
  position: relative;
}
.why-us-element2 {
    position: absolute;
    top: -126px;
    right: -39px;
    transform: rotate(170deg);
    height: 280px;
}

.why-us p {
  color: #b9b9b9;
  text-align: center;
  margin: auto;
  width: 70%;
}
.why-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 30px;
}
.why-wrapper .why-single {
    width: 21%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 22px;
    margin: 0px 10px 25px;
}
.why-wrapper .why-single .icon-box span {
    color: #aac338;
    font-size: 50px;
    / padding: 35px; /
    background: #aac33814;
    display: inline-block;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.1s ease-in-out;
    width: 120px;
    height: 115px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.icon-box img {
    filter: invert(64%) sepia(83%) saturate(366%) hue-rotate(30deg) brightness(100%) contrast(83%);
    width: 60px;
}
.why-wrapper .why-single:hover img {
    filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(116deg) brightness(98%) contrast(106%);
}
.why-wrapper .why-single .icon-box:hover span{
  background-color:#aac338;
  color: #fff;  
}
.why-wrapper .why-single h6{
  color: #fff;
  text-align: center;
  margin-top: 10px;
}
.certifications{
  padding: 60px 0px;
}
.certifications .certification-wrapper{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.certifications .certification-wrapper .certification-single {
  width: 13%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 88px;
  border-radius: 11px;
}
.journey {
    padding: 60px 0px 50px;
    background-color: #0C0C0C;
}
.journey .nav-tabs li a{
  padding: 0;
  color: #fff;
  font-size: 18px;
  
}
.card-body {
    background: #0C0C0C;
    border: 0px !important;
}
.card{
border: 1px solid rgba(0,0,0,.125);
}
.journey .nav-tabs li a:hover{
  border:0;
}
.journey .nav-tabs .nav-link.active{
  color: #0066AD !important;  
  background-color: transparent;
  border:0;
  font-weight: 600;
}
.journey ul.nav.nav-tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 28px;
  margin-bottom: 0;
}
.journey .item-wrapper{
  display: flex;
  align-items: center;
  justify-content: center;

}
.journey .item-wrapper .img-box{
  width:0%;
  border-top-left-radius: 21px;
  border-bottom-left-radius: 20px;
}
.journey .item-wrapper .img-box .img-wrapper{
  border-top-left-radius: 21px;
  border-bottom-left-radius: 20px;
   display: none;
}
.journey .item-wrapper .content-box {
  width: 100%;
  /*background: #095285;*/
  color: #fff;
  padding: 66px 60px;
 /* border-top-right-radius: 21px;
  border-bottom-right-radius: 20px;*/
  /*border-radius: 20px;*/
  display: flex;
  /* align-items: center; */
  justify-content: center;
  flex-direction: column;
  height: 250px;
}
.journey .item-wrapper .content-box h3{
  font-size: 41px;
}
.journey .item-wrapper .content-box p{
  font-size: 18px;
}
.journey .item-wrapper .content-box ul {
    padding-left: 0px;
}
/*.journey .item-wrapper .content-box ul li{
    list-style: decimal !important;
}*/
.journey .owl-prev {
  position: absolute;
  top: 40%;
  left: -5px;
}
.journey .owl-next {
  position: absolute;
  top: 40%;
  right: -5px;
}
.journey .owl-theme .owl-nav [class*=owl-] {
  background: #0000005c;
  border-radius: 5px;
  font-size: 41px;
  padding: 0 9px;
}
.journey .owl-theme .owl-nav [class*=owl-]:hover{
  background: #0000005c;
}

/*team*/
.chairman{
  padding: 60px 0px;
  background-color: #0C0C0C;
}
.chairman .text-box h3 {
  color: #fff;
  font-size: 30px;
  margin-bottom: 5px;
}
.chairman .text-box h6{
  color: #b9b9b9;
  font-size: 19px;
  margin-bottom: 15px;
}
.chairman .text-box p{
  color: #b9b9b9;
  font-size: 16px;
}
.chairman .row {
  width: 87%;
  margin: 0 auto;
  margin-top: 35px;
}
.chairman .img-box{
  position: relative;
}
.chairman .img-box::before {
  position: absolute;
  content: "";
  background-color: #aac339;
  height: 86%;
  width: 87%;
  border-radius: 27px;
  z-index: -1;
  top: 56px;
  left: 33px;
}
.chairman .text-box {
  padding-left: 31px;
}
#case-study-row ul li {
  list-style-type: none;
  display: inline-block;
  vertical-align: top;
  position: relative;
  cursor: pointer;
  width: 31%;
  padding-left: 7px;
  padding-right: 7px;
  margin: 0 auto;
  text-align: center;
  padding: 15px 0px;
  margin: 10px;
  border-bottom: 0px;
}
#case-study-row ul li img{
  width: 100%;
}
#case-study-row .gridder-show {
  float: left;
  width: 98%;
  position: relative;
  padding: 5px;
   margin: 10px;
  padding: 60px 40px;
  background: #0067ad;
  border-radius: 10px;
}
#case-study-row .gridder-show p{
  color: #fff;
 font-size: 16px;
}
#case-study-row .close {
  position: absolute;
  right: 10px;
  padding: 0;
  top: 8px;
  background-color: #0067ad;
  opacity: 1;
  color: #fff;
}
#case-study-row .close .fa{
  font-family: 'Prompt', sans-serif;
}

#case-study-row h3 {
  font-size: 20px;
  color: #fff;
}
div#case-study-row{
  width: 100%;
}
figcaption {
  background: #0c0c0c;
  padding: 0 35px 17px;
  height: 114px;
  margin-top: -34px;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
  position: relative;
  z-index: -1;
}
figcaption h4 {
  font-size: 20px;
  text-align: left;
  margin-bottom: 4px;
  padding-top: 44px;
  color: #fff;
}
figcaption h6 {
  text-align: left;
  font-size: 14px;
  color: #fff;
}
.social-box {
  display: flex;
  align-items: center;
}
.social-box i{
  font-size: 20px;
  margin-right: 8px;
  color:#0067ad;
}

.figcaption-active:after {
  content: " ";
  border-right: 25px solid transparent;
  border-left: 25px solid transparent;
  border-top: 25px solid #0066ad;
  position: absolute;
  left: 41%;
  bottom: -18px;
  z-index: 1;
}
.figcaption-active {
  background: #0066ad !important;
}
.figcaption-active h6,
.figcaption-active h4,
.figcaption-active i{
  color: #fff;
}
.members {
  padding: 60px 0px 0;
}
.chairman .social-box i{
  color: #aac338;
}

.energy-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}
section.renewable-energy {
    position: relative;
}
.energy-text {
    position: absolute;
    top: 110px;
    color: #fff;
    right: 8%;
    width: 37%;
}

.energy-text h3 {
    font-size: 41px;
}

.sustainability-journey .roll3 {
    position: absolute;
    right: 0px;
    bottom: 0px;
}
section.agreeta{
  position:relative;
}
section.agreeta .roll2 {
    position: absolute;
    left: -7%;
    top: 0px;
}

section.agreeta .roll4 {
    position: absolute;
    right: -7%;
    bottom: 0px;
    z-index:1;
}
.template .sub-navbar .list-unstyled {
    display: flex;
    width: 100%;
}
/*.template .wrapp-navbar {
    position: absolute;
    left: 15px;
    top: 100px;
}*/.template .sub-navbar {
    margin: 0 auto;
    text-align: center;
    box-shadow: 0 5px 24px 0 rgb(0 0 0 / 11%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.template .sub-navbar .list-unstyled {
    margin: 0;
    padding: 0;
    margin: 0px 20px;
}
.template .sub-navbar .nav-link {
    height: 70px;
    position: relative;
    /* text-transform: uppercase; */
    display: block;
    font-size: 16px;
    text-align: center;
    margin: -1px 0 0;
    padding: 20px 15px;
    /* font-weight: 700; */
    background: #121212;
    color: #fff;
    line-height: 19px;
    /* border-bottom: 1px solid #c2c8e287; */
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #cccccc0f;
    /* border-top-left-radius: 10px; */
}
.template .sub-navbar li:nth-child(1) .nav-link {
    border-top-left-radius: 20px;
    /* border-top-right-radius: 20px; */
    border-bottom-left-radius: 20px;
    border-left:0px;
}
.template .sub-navbar li:last-child .nav-link {
    border-top-right-radius: 20px;
    /* border-top-right-radius: 20px; */
    border-bottom-right-radius: 20px;
}
.template .sub-navbar .nav-link.active {
    color: #fff !important;
    background: #aac338 ;
}
.template .sub-navbar .nav-link:hover {
background: #899e2d;
}
/*.template .sub-navbar .nav-link.active::after {
    content: "";
    position: absolute;
    bottom: 47px;
    left: 119px;
    border: 15px solid transparent;
    border-top-color: #aac338;
    transform: rotate( 
271deg
 );
}*/
/*.template .sub-navbar .list-unstyled li:nth-child(1) .nav-link {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.template .sub-navbar .list-unstyled li:nth-child(3) .nav-link {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}*/
.template .sticky.fixed {
    position:fixed;
    top: 0px;
    z-index: 99;
    width: 100%;
    animation: 0.3s 0.3s fadeInDown both;
}
.template .sticky.fixed .sub-navbar .nav-link {
    height: 85px;
    position: relative;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
   
}
.product .template .sticky.fixed .sub-navbar .nav-link {
    font-size: 25px;
}
.product .template  .sub-navbar .nav-link {
    font-size: 25px;
}
.template {
    position: relative;
}
.template li {
    width: 34%;
}
/*.template .container-fluid.pdg-left {
  padding-left: 117px;
}*/
/*.template .wrapp-navbar {
    position: absolute;
    left: 20px;
    top: 100px;
    width: 125px;
}*/
.container-fluid.pdg-left {
    padding: 148px 0px 0;
}
.container-fluid.pdg-left#catpage {padding: 100px 0px;}
.template .products-single p {
    color: #fff;
    font-size: 17px;
}
.products-single:hover {
    background: #aac338;
    border-radius: 10px;
}
.template h3 {
    font-size: 37px;
    color: #fff;
    margin-bottom: 13px;
    padding-left: 0px;
    text-align: center;
}
.products-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-left: 10px;
}
.products-single {
  width:21%;
    margin: 0px 25px;
  
    text-align: center;
    padding: 20px 20px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
.products-single img {
    width: 88%;
}
section.products-content {
    text-align: center;
    color: #fff;
    padding: 50px 0px;
}

section.products-content h2{
  font-size: 42px;
  margin-bottom:10px;
}
section.products-content p {
    color: #ffffff9c;
    width: 70%;
    margin: 0 auto;
    color: #ffffff9c;
}
section#spice-powders {
    background: #0b0b0b;
}

section#spice-whole2 {
    background: #0b0b0b;
}

section.work-with-us {
    padding: 60px 0px;
}
section.work-with-us h2 {
    color: #fff;
    text-align: center;
    font-size: 42px;
}
.work-single {
    text-align: center;
    margin: 0px 30px;
    font-size: 17px;
    color: #fff;
    width: 30%;
    margin-top: 30px;
}
.work-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}
.work-wrapper span {
    color: #aac338;
    font-size: 50px;
}
section.work-with-us p {
    color: #b9b9b9;
    text-align: center;
    width: 85%;
    margin: 0 auto;
}

.benifits-single {
    width: 24%;
    text-align: center;
    color: #fff;
    margin: 20px 20px;
    padding: 30px 20px;
    background: #000;
    border-radius: 20px;
}
.benifits-wraper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
section.benifits {
    padding: 60px 0px;
    background-image:url('../images/benifits.png');
    background-attachment:fixed;
}
.benifits-single span {
    color: #aac338;
    font-size: 50px;
}
.benifits-single p {
    color: #b9b9b9;
    margin-top: 5px;
}
section.benifits h3 {
    font-size: 41px;
    text-align: center;
    color: #fff;
}


.faq-main{
  padding:50px 0px;
}
.faq{
  width: 70%;
  margin: auto;
}
.faq .card {
    margin-bottom: 15px;
    border: 0px;
}
.faq .card-header .btn-link {
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    padding: 13px 17px;
    transition: all 0.5s ease-in-out;
    width: 100%;
    text-align: left;
    background: #000;
    border-radius: 0px;
    border-top: 1px solid #ccc3;
    border-bottom: 1px solid #ccc3;
}
   .faq .card-header .btn-link br{
     display: none;
   }
.faq .card-header .btn-link[aria-expanded="true"] {
    background: #000;
    color: #fff;
    box-shadow: none;
    position: relative;
    z-index: 1;
    border-radius: 0;
    border-bottom: 0px;
    /* border: 0px; */
}
/* .collapse.show {
    display: block;
    background-color: black;
    position:relative;
} */
 .faq .card-body {
    width: 100%;
    margin: auto;
    background-color: #0067ad;
    color: #fff;
    border-radius: 20px
}
  .faq .icon-mathematical-addition-sign {
    float: right;
    font-size: 20px;
    padding: 7px 12px;
    color: #fff;
    transition: all 0.5s ease-in-out;
    position: relative;
    top: -2px;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 50%;
}
.faq .icon-minus-symbol {
    float: right;
     font-size: 20px;
    padding: 7px 12px;
    transition: all 0.5s ease-in-out;
    position: relative;
    color: #fff;
    background: #aac338;
    border-radius: 50%;
}
.faq .icon-minus-symbol i {
    position: relative;
    top: -2px;
}
.faq .collapsed .icon-mathematical-addition-sign {
  display: block !important;
}
.faq .collapsed .icon-minus-symbol {
  display: none;
  color:#fff;background: transparent;
  border:1px solid orange;
}
.faq .icon-mathematical-addition-sign{
  display: none;
}
.faq .card-body {
width: 100%;
margin: auto;
}
.faq .card-header {
    background: #fff;
    padding: 0;
    border-radius: 0px !important;
    border-bottom: 0px;
}
.faq .card-body p{
  font-size: 13px;
  width: 100%;
}
.faq .card-body a{
  color: #008bd2;
}
.faq .card-body a:hover{
  color: #008bd2;
}

.faq .collapse.show:after {
  content: " ";
  border-right: 25px solid transparent;
  border-left: 25px solid transparent;
  border-top: 25px solid #0066ad;
  position: absolute;
  left: 4%;
  top: 34px;
  z-index: 1;
  transform: rotate( 180deg );
}


.blog{
  padding: 120px 0px 0;
}
.blog-wrapper{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.blog-wrapper .blog-single{
  width: 32%;
}
.blog-wrapper .blog-single {
  width: 31%;
  background: transparent;
  border-radius: 30px;
  margin-bottom: 85px;
  border: 2px solid #aac338;
  transition: 0.3s ease-in-out;
}
.blog-wrapper .blog-single:hover{
  background-color: #aac338;
}
.blog-wrapper .blog-single .text-box {
  background: transparent;
  padding: 10px 20px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  transition: 0.3s ease-in-out;
}
.blog-wrapper .blog-single:hover .text-box{
  background-color: #aac338;
}
.blog-wrapper .blog-single .text-box p {
  font-size: 18px;
  color: #fff;
  margin-bottom: 0;
  text-align: left;
  line-height: 20px;
}
.blog-wrapper .blog-single .text-box h6 {
    color: #fff;
    font-size: 13px;
}
.blog-wrapper .blog-single .img-wrapper {
  border-radius: 30px;
  margin-top: -36px;  
}
.blog-wrapper .blog-single .img-wrapper img{
  display: block;
  width: 94%;
  margin: auto;
}
.blog-wrapper .blog-single .img-wrapper img:hover{
  transform: unset;
}
section.faq-main h3 {
    text-align: center;
    font-size: 41px;
    color: #fff;
    margin-bottom: 20px;
}
.gallery-main{
  padding:75px 0px 0;
}
.gallery-wrapp {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.gallery-wrapp .gallery-single {
  width: 30%;
  margin-bottom: 40px;
  position: relative;
}
.gallery-wrapp .gallery-single .img-wrapp::before {
  position: absolute;
  content: "";
  background-color: #aac338;
  height: 96%;
  width: 100%;
  left: 10px;
  top: 19px;
  z-index: -1;
  transition: all 0.3s ease-in-out;
  border-radius: 30px;
  opacity: 0;
}
.gallery-wrapp .gallery-single .img-wrapp:hover:before{
 opacity: 1;
}
.gallery-wrapp .gallery-single p {
  color: #455491;
  line-height: 1.3;
  padding: 12px 34px;
}
.gallery-wrapp .gallery-single .img-wrapp{
  position: relative;
}

.gallery-wrapp .gallery-single .img-wrapp span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  text-align: center;
  font-size: 19px;
  transform: translateY(-50%);
  color: #6e4b4b9c;
  z-index: 1;
  padding: 4px;
  border-radius: 4px;
  background: #fff;
 opacity: 0;
  width: 40px;
  transition: all 0.3s ease-in-out;
}
.gallery-wrapp .gallery-single .overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  background:#323e72bd;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  border-radius: 30px;
}
.gallery-wrapp .gallery-single:hover .img-wrapp span, .gallery-wrapp .gallery-single:hover .overlay {
  opacity: 1;
}
.news{
  padding: 120px 0px 0;
}
.news .row {
  background-color: #222;
  color: #fff;
  border-radius: 30px;
  transition: all 0.3s ease-in-out;
  position: relative;
  margin-bottom: 114px;
}
.news .row:last-child{
  margin-bottom: 0;
}
.news .text-box {
  padding: 17px 18px;
}
.news h4 {
  font-size: 25px;
}
.news .social-box i {
  font-size: 20px;
  margin: 0px 8px;
  color: #fff;
}
.news .col-md-4{
  padding-left: 12px;
}
.news .row:hover{
  background-color: #a1b834;
  color: #fff;
}
.news .owl-prev{
  position: absolute;
  top: 34%;
  left: -5px;
}
.news .owl-next{
  position: absolute;
  top: 34%;
  right: -5px;
}
.news .owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  padding: 16px 11px;
  background: #0067ad94;
  border-radius: 0;
}
.news-slider{
  position: absolute;
  top: -42px;
}
.client{
  padding: 60px 0px;
}
.client-wrapper{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.client-wrapper .client-single {
    width: 20%;
    margin-bottom: 20px;
    margin: 0 auto;
    display: block;
    text-align: center;
    margin-bottom: 20px;
}
.client-wrapper .client-single img{
  border-radius: 10px;
}
/*html {
    overflow-x: hidden;
}
*/
.card{
  background-color:transparent;
  border:0px !important;
}
section.products-content .container {
    /*border-bottom: 1px solid #0f0f0f;*/
    padding-bottom: 35px;
}
section.agreeta p {
    color: #ffffff94;
}

li#register {
    color: #fff;
    background: #0066AD;
    border: 0px;
    padding: 30px 20px;
}
.nav-tabContent{
display: none;
}
.contact li{
    border: 1px solid #ccc;
    border-radius: 20px;
    margin: 10px;
    padding: 20px 20px 20px;
}
section.contact li {
    color: #fff;
    position:relative;
    transition: all 0.3s ease-in-out;
}
section.contact li:hover{
  background-color: rgba(34, 34, 34, 0.767);
  cursor: pointer;
}
.factory-map{
  display: none;
}
.contact li.active::after {
    content: "";
    position: absolute;
    bottom: -29px;
    right: 47%;
    border: 15px solid transparent;
    border-top-color: #0066ad;
    transform: rotate( 
0deg
 );
}
.careercontact.contact li.active::after {display: none;}

section.contact li.active {
    background: #0067ad;
    /* background: transparent; */
    border: 0px;
    padding: 20px 20px 20px;
}

 .blog-details{
  padding: 70px 0px;
}
.blog-details .img-box{
  position: relative;
  overflow: unset;
}
.blog-details .img-box img {
  border-radius: 20px;
  width: 100%;
}
.blog-details .img-box::before {
  position: absolute;
  content: "";
  background-color: #aac338;
  height: 94%;
  width: 100%;
  border-radius: 0px;
  z-index: -1;
  left: 12px;
  top: 41px;
  border-radius: 41px;
}
.blog-details .text-box {
  color: #fff;
  margin-top: 30px;
}
.blog-details .text-box h3{
  margin-bottom: 3px;
}
.blog-details .text-box h4{
  font-size: 17px;
}
.blog-details .social-box i {
  display: block;
  color: #aac339;
  margin-bottom: 16px;
  font-size: 25px;
}
.blog-details .social-box{
  display: block;
}
.blog-details p{
  color: #fff;
}
.realted-blogs{
  padding: 50px 0px;
}
.realted-blogs .heading{
  text-align: center;
}
.realted-blogs .blog-wrapper {
  margin-top: 55px;
}
.blog-wrapper.news-wrapper a {
    background: transparent;
    transition: 0.3 ease-in-out;
}
.blog-wrapper.news-wrapper a{
  border:2px solid #0067ad;
}
.blog-wrapper.news-wrapper .blog-single .text-box{
  background: transparent;
  transition: 0.3 ease-in-out;
}
.blog-wrapper.news-wrapper .blog-single:hover {
  background-color: #0066AD;
}
/*section.breadcum:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: linear-gradient(to bottom, rgb(0 0 0 / 46%)40%, rgb(0 0 0 / 48%)60%);
}*/
section.breadcum {
    position: relative;
}
.sitemap .main-footer{
  background-color: #000;
}
.sitemap .column:nth-child(6) {
  width: 20%;
}
.common-page, .error-page{
  padding: 50px 0px;
}
.common-page p {
  font-size: 15px;
  line-height: 1.2;
  color: #fff;
  font-weight: 700;
  margin-bottom: 10px;
  font-weight: 300;
}
.common-page h4 {
  font-size: 18px;
  margin-bottom: 5px;
  color: #fff;
  margin-bottom: 10px;
  font-weight: 600;
}
.common-page h3{
  color: #fff;
  font-size: 20px;
}
.enquiry-modal .modal-body {
  background: #0C0C0C;
  padding: 20px 45px 45px 45px;
}
.enquiry-modal .modal-header {
  background: #0C0C0C;
  color: #fff;
  border-bottom: 1px solid #cccccc2b;
  padding-top: 35px;
  padding-left: 45px;
}
.enquiry-modal .contact-wrapper .form-div .form-group label {
  background: #0c0c0c;
  color: #ccc;

}
.enquiry-modal .close {
  color: #fff;
  opacity: 1;
  font-weight: 100;
}
.error-btns{
  display: flex;
  align-items: center;
  justify-content: center;
}
.error-btns .common-btn{
  margin-right: 10px;
}
.template.error-page h3{
  padding-left: 0;
  margin-bottom: 10px;
}
.error-page .container{
  color: #fff;
}
.error-page img{
  width: 7%;
}
.news-details .common-btn{
  background-color: #0067ad;
}
.news-details .img-box::before{
  background-color: #0067ad;
}
.news-details .social-box i{
  color: #0066AD;
}
.r-n .text-box,
.r-n .blog-wrapper .blog-single{
  background-color: #0067ad !important;
}
footer{
  position: relative;
}
.top-arrow {
  
  color: #000;
  background:#8dc740;
  position:fixed;
  right: 3%;
  bottom: 21%;
  transition: all 0.3s ease-in-out;
  height: 40px;
  width: 40px;
  font-size: 26px;
  text-align: center;
  z-index: 99;
  border-radius: 5px;
  text-decoration: none;
  display:none;
}

.vision-mission .text-wrapp {
  padding-bottom: 61px;
  margin-top: 20px;
}
.allergen {
    padding: 87px 0px 60px;
}
.allergen p {
    text-align: center;
    color: #fff;
}
.allergen-list {
  width: 48%;
  border: 1px solid #9fb634;
  margin: 0px 10px;
  padding: 21px 28px 21px 50px;
  border-radius: 80px;
  margin-bottom: 20px;
  position: relative;
  height: 130px;
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: center;
}
.allergen-list.agreeta-list p {
    text-align: left !important;
    color: #8c8c8c !important;
    font-size: 15px;
    margin-bottom: 0;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
.allergen-list.agreeta-list p span {
    color: #fff;
    font-size: 20px;
    padding-left: 16px;
}
.grey{
    color: #ccc !important;
}
.allergen-list:hover{
  background-color: #9fb634;
  color:#fff;
}
.allergen-list:hover p, .allergen-list:hover p span{
  color:#fff !important;
}
.allergen-list p {
  text-align: left !important;
  color: #8c8c8c !important;
  font-size: 15px;
  margin-bottom: 0;
  display: flex;
  align-items: flex-start;
}
.allergen-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 50px;
}
.allergen-list p span {
  font-size: 28px;
  /* width: 10px; */
  /* height: 10px; */
  position: relative;
  left: -18px;
  top: -4px;
  color: #9fb634;
}
.dropdown-menu {
  top: 95%;
  padding: 0.6rem 1px !important;
  border-radius: 7px !important;
}
.sterilization-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 35px;
}
.sterilization-wrapper .sterilization-single {
    width: 50%;
}
section.sterilization {
  padding: 67px 0px;
}
.sterilization p {
  line-height: 27px;
  font-size: 17px;
}
.white{
  color:#fff !important;
}
.sterilization-single p {
    color: #d1d0d0b8;
    font-size: 16px;
    padding-left: 40px;
}
.sterilization-parallax {
   /* background: url(../images/sterilization-parallax.png);
    padding: 200px 0px;
    background-attachment: fixed;
    color: #fff;
    background-size: cover;
    background-position: center;
    background-repeat:no-repeat;*/
    position: relative;
    color: #fff;
}
.sterilization-parallax .container {
    position: absolute;
    top: 0;
    left: 50%;
    top: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
}
.sterilization-parallax p {
  font-size: 22px;
  text-align: center;
  margin-bottom: 0px;
}
.svg-box {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #aac338;
  width: 31%;
  margin: 0 auto;
  border-radius: 100px;
  padding-top: 38px;
  padding-bottom: 36px;
}
.svg-box h5 {
  margin-bottom: 0px;
  font-size: 31px;
}
.svg-box span {
  font-size: 68px;
  padding-right: 15px;
}
.svg-box p {
  font-size: 15px;
  text-align: left;
  margin-bottom: 0;
}
.quantity-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
   /* flex-wrap: wrap;*/
}
.quantity-single {
    width: 50%;
}
.quantity-single .img-div{
  position:relative;
}
.quality-img {
    position: absolute;
   bottom: -25px;
    right: -70px;
    width: 40%;
}
.quantity-control {
    padding: 80px 0px;
}
.quantity-single p {
    padding-right: 45px;
    color: #d1d0d0a3;
}
section.quantity-control h3 {
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
    font-size: 44px;
}

.quality-parallax{
/*  padding:100px 0px;*/
  position: relative;
  
}
.quality-parallax .container {
    position: absolute;
    top: 0;
    left: 50%;
    top: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
}
.quality-parallax h3 {
    font-size: 45px;
    color: #fff;
    margin-bottom: 20px;
}
section.quality-parallax p {
    color: #d1d0d0a3;
    text-align: center;
}
section.research-sec {
    padding: 60px 0px;
    text-align: center;
    color: #fff;
    background:#0B0B0B;
}
.researchcontent-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

section.research-content {
    padding: 60px 0px;
}

.research-single p {
  color: #d1d0d0a3;
  margin-bottom: 5px;
}
.researchcontent-wrapper .research-single {
    padding-left: 60px;
     width: 50%;
}
.researchtext-wrapper {
    display: flex;
    align-items: center;
}
section.research-text {
    padding: 60px;
}
.researchtext-single {
    width: 50%;
}
.researchtext-single .svg-box {
  width: 64%;
  padding: 22px 59px;
  height: 223px;
  border-radius: 120px;
  color: #fff;
}
.researchtext-single .svg-box span {
    font-size: 90px;
    padding-right: 15px;
    color: #fff;
}
.researchtext-single p {
    color: #d1d0d0a3;
}
section.research-text {
    padding: 60px 140px;
    background: #0B0B0B;
}
.testing .test-text {
  position: absolute;
  top: 28%;
  width: 70%;
  text-align: center;
  margin: 0 auto;
  display: block;
  text-align: center;
  left: 15%;
}
.testing {
    position: relative;
    padding: 50px 0px;
}
.testing h4 {
    font-size: 35px;
}

.private-labelling {
    padding: 60px 0px;
    text-align: center;
    color: #d1d0d0a3;
    background: #0B0B0B;
}

.private-labelling .allergen-list:before, .private-labellings .allergen-list:before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  background: #aac338;
  left: 26px;
  top: 28px;
  border-radius: 20px;
}
.allergen-list2:before{
  top:18px !important;
}
.private-labelling .allergen-list:hover:before,
.private-labellings .allergen-list:hover:before{
  background:#fff !important;
}
.private-labellings p {
    margin-bottom: 30px;
    font-size: 17px;
}
.private-labelling h2 {
    color: #fff;
    font-size: 45px;
}
.private-labelling .allergen-list {
    height: auto;
}
.private-labelling.private-labelling-new .allergen-list{
  height: 70px;
}
.private-labelling  .allergen-list p{
  margin-bottom:0px;
}
.labelling-wrapper .labelling-single img {
    border-top-left-radius: 190px;
    border-bottom-left-radius: 190px;
}
.labelling-wrapper .labelling-single {
    width: 50%;
}
.labelling-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}
.labelling-wrapper .labelling-single {
    width: 50%;
}
.labelling-wrapper .labelling-single .text-wrapp {
  background: #1c1b1b;
  color: #fff;
  border-top-right-radius: 190px;
  border-bottom-right-radius: 190px;
  padding-right: 80px;
  padding: 30px 81px 6px 29px;
}
.labelling-wrapper .labelling-single p {
    color: #d1d0d0c7;
    font-size: 14px;
    padding-right: 10px;
}
.labelling-sec {
    padding: 50px;
}
.private-wrapper {
    display: flex;
    align-items: center;
}
.private-single .allergen-list {
    width: 100%;
    margin-left: 35px;
    height:auto;
}
.private-single .allergen-list p{
  font-size:16px;
  margin-bottom:0px;
}
#private-wrapper .private-single:first-child {
    height: 363px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50px;
}
#private-wrapper .private-single:first-child img {width: 41rem;}
.testing img {
    border-radius: 190px;
}
.private-labellings {
    padding: 60px 0px;
    text-align: center;
    color: #fff;
}



.overview{
  padding: 80px 0px 70px;
}
.overview .heading{
  text-align: center;
}
.overview h6 {
  color: #fff;
  text-align: center;
  margin-bottom: 16px;
  line-height: 1.6;
}
.overview p {
    color: #D1D0D0;
    text-align: center;
    width: 76%;
    margin: 0 auto;
}
.overview-counter .counter-single .counter-icon {
  color: #AAC338;
  font-size: 43px;
}
.overview-counter .counter-single .counter-value{
  font-size: 32px;
}
.overview-counter .counter-single p {
  font-size: 17px;
  margin-top: -2px;
  margin-bottom: 0;
  text-align: left;
  margin: 0;
}
section.research-sec p {
  font-weight: 500;
  font-size: 16px;
}
.overview-counter .counter-single {
  /* border: 1px solid #aac33847; */
  width: 26%;
  margin: 0px 10px;
  background: #aac33826;
  border-radius: 62px;
  padding: 21px 15px;
  transition: all 0.3s ease-in-out;
}
.overview-counter .counter-single .text-box {
  margin-left: 13px;
}
.overview-counter .counter-single:hover{
  background-color: #AAC338;
}
.overview-counter .counter-single:hover p,
.overview-counter .counter-single:hover .counter-icon,
.overview-counter .counter-single:hover .counter-value{
  color: #fff;
}
.seed-cleaning{
  padding: 70px 0px;
}
.seed-cleaning .text-box {
  background-color: #222;
  color: #fff;
  padding: 50px;
  padding-right: 77px;
  border-top-right-radius:190px;
  border-bottom-right-radius: 190px;
}
.seed-cleaning .seed-clean-wrapper{
  display: flex;
  justify-content: center;
  padding-top: 32px;
}
.seed-cleaning .seed-clean-wrapper img {
  width: 43%;
  border-top-left-radius: 190px;
  border-bottom-left-radius: 190px;
}
.seed-cleaning .seed-clean-wrapper p{
  color: #D1D0D0;
}
.seed-cleaning h6{
  color: #9FC744;
  font-size: 18px;
  margin-top: 37px;
}
.cleaning{
  padding: 40px 0px;
}
.cleaning-wrapper {
  display: flex;
  width: 85%;
  margin: 0 auto;
  margin-top: 34px;
}
.cleaning-wrapper .icon-box {
  background: #9FC744;
  color: #fff;
  width: 26%;
  border-radius: 123px;
  padding: 66px 0px;
  height: 343px;
}
.cleaning-wrapper .icon-box span {
  font-size: 84px;
  text-align: center;
  display: block;
  margin-bottom: 14px;
}
.cleaning-wrapper .icon-box h3 {
 text-align: center;
}
.cleaning-wrapper .icon-box p {
  text-align: center;
}
.cleaning-wrapper .text-box h6 {
  color: #fff;
  line-height: 1.5;
  font-size: 17px;
}
.cleaning-wrapper .text-box p {
  color: #D1D0D0;
  line-height: 1.6;
}
.cleaning-wrapper .text-box {
  padding-left: 6%;
  width: 79%;
}
.milling-lines {
  /*  background-image: url(../images/milling.png);
    background-position: center;
    background-size: cover;
    padding: 60px 0px 94px;
    background-repeat: no-repeat;
    height: 900px;
    background-position: top;
    padding-top: 8%;*/
    position: relative;
}
.milling-lines .container {
    position: absolute;
    top: 0;
    left: 50%;
    top: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
}
.milling-lines h6 {
    font-size: 17px;
    line-height: 1.5;
    color: #fff;
    width: 80%;
    margin: 0 auto;
}
.milling-tabs p{
  color: #fff;
  text-align: center;
}
.milling-tabs .nav-tabs .nav-link{
  color: #fff;
  background-color: #425022;
  margin: 0;
  padding: 15px 27px;
  border-radius: 0 !important;
  font-size: 19px;
  border:0;
  text-align: center;
  position: relative;
  z-index: 1;
}
.milling-tabs .nav-tabs .nav-link:hover{
  border:0;
}
.milling-tabs li:nth-child(1) .nav-link {
  border-top-left-radius: 30px !important;
  border-bottom-left-radius: 30px !important;
}
.milling-tabs li:nth-child(3) .nav-link {
  border-top-right-radius: 30px !important;
  border-bottom-right-radius: 30px !important;
}
.milling-tabs .nav-link.active {
  background-color: #9FC744;
  color: #fff !important;
  border: 0;
  padding: 16px 27px;
  
}
.milling-tabs li:nth-child(2) .nav-link.active{
  border-radius: 30px !important;
}
.milling-tabs .nav-tabs .nav-item{
  width: 33%;
}
.milling-tabs ul.nav.nav-tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #425022;
  border-radius: 30px;
  width: 48%;
  margin: 0 auto;
}
.milling-tabs .text-wrapp {
  width: 65%;
  margin: 0 auto;
  padding: 35px 0px 15px;
}
.milling-tabs {
  position: relative;
  margin-top: 51px;
}
.milling-tabs::before {
  position: absolute;
  content: "";
  background-color: transparent;
  height: 100%;
  width: 76%;
  border: 2px solid #9FC744;
  border-radius: 82px;
  top: 29px;
 z-index: 1;
  left: 50%;
  transform: translateX(-50%);
}
.roasting-line{
  padding: 71px 0px;
}
.roasting-line h6{
  color: #fff;
  line-height: 1.6;
  margin-bottom: 30px;
}
.white{
  color: #fff;
}
.roasting-line .icon-box span{
  color: #9FC744;
  font-size: 72px;
}
.roasting-line .icon-box {
  display: flex;
  align-items: center;
  background-color: #42502285;
  padding: 34px 0px;
  border-radius: 76px;
  justify-content: center;
  width: 46%;
  margin: 40px auto;
}
.roasting-line .icon-box p{
  margin-bottom: 0;
  margin-top: 0;
}
.roasting-line .content-box{
  margin-left: 17px;
}
.roasting-line p{
  color: #D1D0D0;
  margin-top: 20px;
}
.quality-img-box img {
  border-radius: 364px;
}
.quality-img-box {
  padding-bottom: 35px;
  padding-top: 20px;
  position: relative;
}
.quality-img-box .icon-box .counter-icon {
  font-size: 66px;
}
.quality-img-box .icon-box {
  display: flex;
  align-items: center;
  color: #AAC338;
  position: absolute;
  top: 19%;
  left: 4%;
  background: #000000cf;
  padding: 60px 50px;
  border-radius: 108px;
  width: 32%;
  justify-content: center;
}
.quality-img-box .counter-value, .quality-img-box .plus, .quality-img-box p{
  color: #AAC338;
  text-align: left;
  margin-bottom: 0;
}
.quality-img-box .counter-value{
  font-size: 34px;
}
.quality-img-box h4{
  margin-bottom: 0;
}
.quality-img-box .text-box {
  padding-left: 14px;
}
.about-lab {
  padding: 40px 0px 9%;
}
.about-lab p{
  color: #D1D0D0;
}
.about-lab h6{
  line-height: 1.6;
}
.about-lab .row{
  margin-top: 40px;
}
.about-lab .text-box {
  padding-left: 13%;
}
.about-lab .img-box{
  position: relative;
}
.about-lab .img-box .img-3 {
  position: absolute;
  bottom: -38%;
  width: 54%;
  left: 11%;

}
.about-lab .img-box .img-4{
  position: absolute;
  top: 45%;
  width: 34%;
  right: -77px;
  opacity: 0;
}
.three-labs h5{
  font-size: 23px;
  margin-bottom: 30px;
}
.three-labs{
  background-color: #0B0B0B;
  padding: 40px 0px;
}
.three-labs .p-main{
  color: #D1D0D0;
  padding-top: 30px;
}
.three-labs .overview-counter .counter-single p{
  line-height: 1.2;
}
.three-labs .counter-single .counter-icon{
  line-height: 1.4;
  color: #AAC338;
}
.three-labs .counter-single .text-box {
  margin-left: 16px;
}
.researchtext-single span.plus {
    font-size: 42px !important;
    line-height: 0px;
    margin-top: -10px;
}
.researchtext-single .svg-counter {
    display: flex;
    align-items: center;
}
.researchtext-single .svg-counter h3{
  margin-bottom:0px;
}
.researchtext-single.counter {
    background: transparent;
    border-bottom: 0px;
}
#msg-error, #msg-error2, #msg-errorp{
    color: red;
    font-size: .8rem;
    font-weight: 600;
    margin-top: 0.8rem;
    display: none;
}
.about img{
  height: 357px;
}
header.heads-up {
  display: none;
}
/*.product-details .modal-body {height:auto; overflow-y: scroll;}*/
.product-details ul, .product-details ol {list-style-type: auto; padding-left: 30px;}
.product-details li {list-style-type: decimal;}
.product-details p, .product-details p span, .product-details li {
    color: #ffffff9c;
    font-weight: 100;
    font-size: 1rem;
    font-family: 'Prompt', sans-serif !important;
}
#product-details h6 {
    font-size: 19px;
    font-weight: 500;
}
.product-details p b{
    font-size: 20px;
}
#product-details h5 {
    font-size: 24px;
}
.modal-content{
    background: transparent;
}

.modal-backdrop {
    background-color: #fff;
    opacity: 0.7;
}
.certificate .faq {
    width: 100%;
}
.certificate li a {
    padding: 15px 10px;
    text-align: center;
    color: #0067ad;
    font-size: 20px;
}
.certificate li {
    width: 50%;
    /* margin: 0 auto; */
}
.certificate .faq .collapse.show:after{
  display: none;
}
.certificate  .faq .card-body{
  background-color:transparent;
}
.content-wrapp .img {
    margin: 0px 10px;
    /* margin: 0 auto; */
    text-align: center;
    width: 23%;
    margin-bottom: 23px;
}
.content-wrapp .img p {
    margin-top: 10px;
}
.content-wrapp {
    display: flex;
    flex-wrap: wrap;
}

.certificate ul.nav.nav-tabs {
    margin-bottom: 70px;
    background: #cccccc17;
}

.certificate .nav-tabs .nav-item.show .nav-link, .certificate .nav-tabs .nav-link.active {
    color: #fff !important;
     background-color:#aac338; 
     border-color:transparent !important;
     /*border:0px !important;*/
}

.certificate .nav-tabs .nav-link:focus, .certificate .nav-tabs .nav-link:hover {
    border-color: transparent !important;
    background-color: #aac338ba;
    border-radius: 0px;

}

.certificate ul.nav.nav-tabs li a{
  margin:0px ;
  color:#fff;
}

.certificate ul.nav.nav-tabs li a.active{
  border-radius:0px !important
}
.certificate .content-wrapp a p {
    color: #fff;
}
.certificate .card {
    border-bottom: 1px solid #cccccc59 !important;
}

.certificate .faq .card-header .btn-link[aria-expanded="true"]{
  color:#aac338;
}

.certificate .faq .icon-minus-symbol {
    float: right;
    font-size: 20px;
    padding: 7px 12px;
    transition: all 0.5s ease-in-out;
    position: relative;
    color: #fff;
    background: #aac338;
    border-radius: 50%;
}
/*.certificate .faq .icon-mathematical-addition-sign {
    display: block !important;
}
.certificate .faq .collapsed .icon-minus-symbol{
    display: none !important;
}
.certificate .faq .collapsed .icon-mathematical-addition-sign {
    display: block !important;
}
.certificate .faq .icon-minus-symbol{
    display: block !important;
}*/
.certificate .faq .card-header .btn-link{
  border-top:0px;
  border-bottom:0px;
  text-transform: capitalize;
}
.certificate ul.nav.nav-tabs {
    margin-bottom: 70px;
    background: #cccccc17;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.certificate ul.nav.nav-tabs li:nth-child(1) a {
    border-top-left-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
}

.certificate ul.nav.nav-tabs li:nth-child(2) a {
    border-top-right-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}
/*body.modal-open {
    height: 100vh;
  overflow-y: hidden;
}*/
/*.product-tab {
    border-bottom: 1px solid #cccccc1a;
}*/
.template .sticky.fixed ul {
    margin: 0px 0px;
}

.template .sticky.fixed .sub-navbar li:nth-child(1) .nav-link{
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.template .sticky.fixed .sub-navbar li:last-child .nav-link{
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.product-tab:last-child {
    border-bottom: 0px;
}

.productslider .owl-nav {
    position: absolute;
    width: 100%;
    top: 30%;
}

.productslider.owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 50px;
    margin: 5px;
    padding: 4px 7px;
    background: transparent;

}

.productslider .owl-prev {
    position: absolute;
    left: -4%;
}

.productslider .owl-next {
    position: absolute;
    right: -4%;
}
.template.technology-tab  li {
    width: 25%;
}

.template.qctab li {
    width: 34%;
}

#product7, #product5, #product3, #product1 {
    background: #0c0c0c;
}
/*.sustainable {
    background: url(../images/Sustainable-Farming.jpg);
    height:650px;
  
    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
   
    position: relative;
}*/
.sustainable::before {
    position: absolute;
    content: "";
    background: #0000006b;
    height: 100%;
    width: 100%;
}
.agreeta .common-btn {
    margin: 0 auto;
    color: #9eb534;
}
.template .sticky.fixed .sub-navbar .nav-link.active {
    background: #aac339;
}
.facilities-slider .item {
    position: relative;
}
/*.facilities-slider .item .programs-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0px 0px 36px 30px;
     
}*/

.facilities-slider .item .programs-content {
    position: relative;
    bottom: 0;
    left: 0;
    /* background: linear-gradient(to bottom, rgba(169,208,113,0),rgb(16 16 17)); */
    width: 100%;
    height: 270px;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: center;
    border-radius: 30px;
    border: 1px solid #aac338;
    padding: 17px 0px 36px 30px;
    background: linear-gradient(to bottom, rgba(169,208,113,0),rgb(16 16 17));
    background: -webkit-linear-gradient(to bottom, rgba(169,208,113,0),rgb(16 16 17));
    background: -moz-linear-gradient(to bottom, rgba(169,208,113,0),rgb(16 16 17));
    background: -o-linear-gradient(to bottom, rgba(169,208,113,0),rgb(16 16 17));
    background: -ms-linear-gradient(to bottom, rgba(169,208,113,0),rgb(16 16 17));
}
.facilities-slider .item .programs-content .common-btn {
    border: 1px solid #ccc;
    background: transparent;
    color: #fff;
}
.facilities-slider .owl-item.center {
    opacity: 1;
}

.facilities-slider .owl-item{
  opacity:0.4;
}
.facilities-slider .owl-nav {
    position: absolute;
    top: 38%;
    width: 100%;
}
/*.facilities-slider.owl-theme .owl-nav [class*=owl-] {
    background: transparent;
    font-size: 60px;
}*/
.facilities-slider .owl-prev {
    position: absolute;
    left: 22%;
}
.facilities-slider .owl-next {
    position: absolute;
    right: 22%;
}

.certificate.facilities .faq .card-header{
width: 70%;
margin: 0 auto;
}

.certificate.facilities .card{
  position: relative;
  border-bottom:0px !important;
}

.certificate.facilities .card:before{
  position: absolute;
  width: 70%;
  content:"";
  margin:0 auto;
  bottom:-5px;
  left:15%;
  background-color:#cccccc59;
  height: 1px;
}

.facilities-slider .item .programs-content .common-btn:before{
  background:#aac338;
}

.facilities-slider .owl-item img {
    display: block;
    width: 100%;
    border-radius: 30px;
}
  
.enquiry-modal .modal-content li {
    width: 100%;
}
.navbar-brand img {
    width: 80%;
}
.whole-spice-wrapper .products-single{
    width: 29%;
}
.whole-spice-wrapper .products-single img {
    width: 58%;
}
.product-details .modal-body img {
    float: left;
    width: 59%;
    padding-right: 13px;
}




#sync1 .item {
  background: #0c83e7;
  padding: 80px 0px;
  margin: 5px;
  color: #fff;
  border-radius: 3px;
  text-align: center;
}
#sync2 .item {
  padding: 10px 0px;
  margin: 5px;
  color: #fff;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
}
#sync2 .item h4 {
    font-size: 18px;
   
}
#sync2 .current .item {
  color: #0066AD !important;
    background-color: transparent;
    border: 0;
    font-weight: 600;
     font-weight: 600;
}



#sync1.owl-theme {
  position: relative;
  background: #0067ad;
    border-radius: 20px;
}
#sync1.owl-theme .owl-next, #sync1.owl-theme .owl-prev {
    width: 28px;
    height: 55px;
    margin-top: -20px;
    position: absolute;
    top: 47%;
}
#sync1.owl-theme .owl-prev {
  left: -4px;
}
#sync1.owl-theme .owl-next {
    right: -5px;
}
.sustainability-tabs .owl-item{
    position: relative;
}
.sustainability-tabs .owl-item::before {
    position: absolute;
    content: "";
    background: #0000006b;
    height: 100%;
    width: 100%;
}
.sustainability-tabs .owl-item.active:nth-child(1) .item {
background-image:url('../images/sustainability-tabsbg.png');
width:100%;
height:933px;
background-size: cover;
background-repeat:no-repeat;
}

.sustainability-tabs .owl-item.active:nth-child(2) .item {
background-image:url('../images/energy-conservation.png');
width:100%;
height:933px;
background-size: cover;
background-repeat:no-repeat;
}

.sustainability-tabs .owl-item.active:nth-child(3) .item {
background-image:url('../images/plant-protection.png');
width:100%;
height:933px;
background-size: cover;
background-repeat:no-repeat;
}
.sustainability-tabs .owl-item.active:nth-child(4) .item {
background-image:url('../images/re-enrichment-programme.png');
width:100%;
height:933px;
background-size: cover;
background-repeat:no-repeat;
}
.sustainability-tabs .owl-item.active:nth-child(5) .item {
background-image:url('../images/sustainable-foresight.png');
width:100%;
height:933px;
background-size: cover;
background-repeat:no-repeat;
}

.sustainability-tabs .owl-item .item .container {
    padding-top: 14%;
}
.owl-carousel .animated { 
  animation-duration: 1000ms;
  animation-fill-mode: both; }


.certificate.facilities .programs-content {
    margin: 0 auto;
    width: 70%;
    margin-bottom: 35px;
}
.facilities-slider.owl-theme .owl-nav [class*=owl-] {
    background: #aac338;
    font-size: 25px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}



.sustainable{
    position: relative;
}
.sustainable .container {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}



.productslider .product-list {
    background: #0c0c0c;
    border-radius: 20px;
    overflow: hidden;
}
.productslider .product-list .img-box{
    overflow: hidden;
    border-radius: 20px;
}
.productslider .product-list:hover img{
    transform: scale(1.1);
}
.productslider .product-list img {
    /* width: 85% !important; */
    margin: 0 auto;
    transition: all 0.4s ease-in-out;
  /*  padding-top: 20px;*/
    /* padding-bottom: 30px; */
}
.agreeta-btn{
    margin: 0 auto;
    position: relative;
    top: 15px;
}
.mobile-link{
    display: none;
}
div#cookieNotice {
  position: fixed;
  bottom: 0px;
  color: #fff;
  background: #0000007d;
  z-index: 1;
  width: 100%;
}
div#cookieNotice .content-wrap {
  padding: 15px;
}
div#cookieNotice .content-wrap p {
  margin-bottom: 0px;
  font-size: 18px;
  line-height: 1.5;
}
div#cookieNotice a.btn-primary {
  padding: 9px;
  margin: 0px 7px;
  font-size: 14px;
}
div#cookieNotice .btn-primary {
  color: #fff;
background-color: #e32229;
 border:0;
  padding: 9px;
  font-size: 14px;
}
.navbar-expand-md .navbar-nav .nav-item.contact-btns .nav-link.active {
    color: #fff !important;
}

select {
    background: url(../images/down-arrow.png) no-repeat;
    background-position: center;
    -webkit-appearance: none;
    background-position-x: 90%;
}

.muted {
    position: absolute;
    right: 20px;
    bottom: 15%;
    width: 3%;
    background: #00000036;
    border-radius: 50px;
    padding: 7px;
    cursor: pointer;
    z-index:2,
}
.about-img-earth img {
    height: 483px;
}
.services-carousel.owl-carousel .owl-item img.sus-mobile-img{
    display: none;
}
.sustainable .mobile-sf-img{
    display: none;
}
.green {
    color: #abc339 !important;
}
.milling-lines .miling-mobile-img{
    display: none;
}
.quality-parallax .quality-mobile-img{
    display: none;
}
figcaption .down-arrow,
figcaption .up-arrow{
     color: #fff;
    /* float: right; */
    position: absolute;
    top: 33%;
    right: 19px;
    font-size: 24px;
}
figcaption .down-arrow{
    color: #0067ad;
}
figcaption .up-arrow{
    display: none;
}
.figcaption-active  .up-arrow {
    display: block !important;
}
.figcaption-active  .down-arrow {
    display: none !important;
}
.dropdown-toggle::after{
    display: none;
}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.navbar-mob .nav-item.dropdown:hover .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-bottom: 4px dashed;
    border-top: 0px solid transparent;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.navbar-mob .nav-item.dropdown .dropdown-menu.hide{
    display: none !important;
}
header .mobile-product-link{
    display: none;
}
.breadcum .play-button,
.breadcum .pause-button{
    display: none;
}
.mobile-video{
    display: none;
}
.mobile-control{
    display: none;
}
.vision-mission .vision-mission-mobile-bg{
    display: none;
}
.footer-call .mobile-br{
    display: none;
}

@media screen and (max-width: 850px) and (orientation: portrait){
       
    .muted {
    bottom: 11%;
}    
        
    }
   @media screen and (max-width: 850px) and (orientation:landscape){
       
.muted {
    bottom: 11%;
}
      
    }
.journey .mobile-jrny{
    display: none;
}
.content-wrapp .img img {
    width: 61%;
}
.farming-carousel.owl-theme .owl-nav [class*=owl-],
.farming-carousel.owl-theme .owl-nav [class*=owl-]:hover {
    color: #FFF;
    font-size: 25px;
    margin: 0;
    padding: 0;
    background: transparent;
}
.farming-carousel .owl-next {
    position: absolute;
    top: 35%;
    right: -4%;
}
.farming-carousel .owl-prev {
    position: absolute;
    top: 35%;
    left: -4%;
}
.journey div#page1 {
    min-height: 0px !important;
}
.journey div#page1 .swipe{
    width: 1px;
}
.ui-loader h1{
    display: none;
}
.no-swipe{ display: none;}


.certifications-slider.owl-theme .owl-nav [class*=owl-] {
    background: transparent;
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 27px;
}
.certifications-slider .owl-prev {
    position: absolute;
    top: 23%;
    left: -3%;
}
.certifications-slider .owl-next {
    position: absolute;
    top: 23%;
    right: -3%;
}
section.work-with-us p{
    width: 100%;
    color: #fff;
}
.contact.work-with-us li.active::after{
    opacity: 0;
}
section.work-with-us{
    padding-bottom: 20px;
    background: #1a1818;
}
section.work-with-us ul.nav.nav-tabs {
    margin-bottom: 0px;
}
.career-form{
    padding: 30px 0px 0;
    
}
.career-form h2 {
    color: #fff;
    text-align: center;
    font-size: 42px;
}
.career-form .enquiry-modal .modal-body {
    background: #000000;
    padding: 20px 45px 45px 45px;
}

.intl-tel-input.separate-dial-code .selected-dial-code{
  color:#fff !important;
}
.intl-tel-input {
    position: relative;
    display: inline-block;
    width: 100%;
}

.enquiry-modal.career-modal .contact-wrapper .form-div .form-group label {
    background: #1a1818;
    color: #ccc;
}

 .selected-flag {
    width: 78px;
    border-right: 1px solid #cccccc85;
}
 .flag-container {
    right: auto;
    left: 0;
    padding: 14px 0px !important;
}

.intl-tel-input .country-list{
  background-color:#000 !important;
}
.intl-tel-input .country-list .country {
    padding: 5px 10px;
    color: #fff;
}
.breadcum video {
    /*width: 100%;
    object-fit: fill;
    object-position: top;
    aspect-ratio: 18 / 9;*/
    padding-top: 83px;
    /* margin-bottom: -80px; */
}

/* news pages */
.caption-heading.w-70 {
    width: 60%;
    top: -275px;
}

.caption-heading.w-70 h1 span {
    background: transparent !important;
    padding-left: 0px;
}
.identity h1 {
    font-size: 2.083vw;
    color: #fff;
    font-weight: 700;
    line-height: 2.865vw;
}
.identity {
    padding: 70px 0px;
    background: url(../images/about-sec.webp);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.identity p{
  color:#fff;
}
.green{
color:#AAC338;
}

/* .vertical-slider {
  height: 100vh;
  
} */
.vertical-slider .slick-slide {
    /* height: 100vh; */
    /* display: flex
; */
    /* justify-content: center; */
    /* align-items: center; */
    color: #fff;
}

.slider-flex {
    width: 47%;
}
.logo-slider {
    margin-bottom: 10px;
}

.slider-flex.img-slide {
    text-align: right;
    position: relative;
    /* float: right; */
    display: flex;
    justify-content: flex-end;
}
.slider-flex.img-slide img{
  width:70%;
  margin-right:40px;
}
.slider {
    position: relative;
    display: flex;
    align-items: center;
}

.slider-flex.img-slide h4 {
    font-size: 2.083vw;
    position: absolute;
    top: 13%;
    line-height: 2.604vw;
    font-weight: 700;
    color: #fff;
    left: 4%;
}
.slider-sustainble h2 {
    background: linear-gradient(181.11deg, #788800 37.79%, #1B1817 72.93%, #6F462C 99.05%);
    -webkit-background-clip: text;
    -webkit-text-stroke: 0px transparent;
    font-size: 5.573vw;
    -webkit-background-clip: text;
    -webkit-text-stroke: 2px transparent;
    color: #141313;
    position: relative;
    top: 35px;
    left: 9%;
}
.slider-sustainble {
    background: #141313;
    position: relative;
    padding: 60px 0px;
    /* height:100vh; */
}
.slick-dots {
    position: absolute;
    top: 50%;
    right: -40px;
    transform: translateY(-50%);
    display: flex !important;
    flex-direction: column;
    gap: 10px;
    /* list-style: none; */
    padding: 0;
    margin: 0;
    z-index: 999;
}
.slick-dots li button:before {
  font-size: 12px;
  color: #000;
  opacity: 1;
  position:absolute;
  width:10px;
  height:10px;
  background-color:#141313;
  border-radius:50px;
  top: 5px;
  left: 5px;
  content:"";
}

.slick-dots li.slick-active button:before {
  opacity: 1;
  background-color:#E32229;
}

.slick-dots li button {
    border: 1px solid #fff;
    width: 22px;
    height: 22px;
    border-radius: 50px;
    background: #141313;
    border: 1px solid #FFFFFF80;
    position:relative;
    font-size: 3px;
    cursor: pointer;
}

.slick-dots  li.slick-active button{
  border:1px solid #fff;
}
.sus-counters {
    background: linear-gradient(180deg, #AAC338 0%, #141313 159.88%);
    padding: 70px 0px;
     color: #fff;
}

.sus-counters .counter {
    background: transparent;
    display: flex;
    gap: 15px;
    align-items:center;
    justify-content:center;
}
.counter-single {
    display: flex;
    color: #fff;
    width: 30%;
}
.counter-single h4 span {
    color: #fff;
    font-size: 2.083vw;
    font-weight: 600;
    line-height: 2.865vw;
}

.counter-single h4{
  margin-bottom:0px;
}
.counter-single img {
    margin-right: 20px;
}

.counter-single .text-box {
    width: 80%;
}

.counter-single img{
  width:20%;
}
.flavourtrail {
    padding: 70px 0px 50px;
    background:url(../images/brands-bg.jpg);
    background-repeat:no-repeat;
    background-attachment:fixed;
    color:#fff;
    
}
.flavourtrail img {
    margin: 0 auto;
    display: block;
}
.flavourtrail .row{
  display:flex;
  align-items:center;
  justify-content:center;
}
.flavourtrail-img img{
  margin-bottom:50px;
}

.flavourtrail-content h3{
font-size:2.083vw;
line-height:2.865vw;
font-weight:700;
}
.flavourtrail-content h3 span{
color:#E32229;
}
.responsibility {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #fff;
    position: relative;
    z-index: 1;
    margin: 20px 20px;
}
/* .responsibility:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 78.72%);
    top: 0px;
    left: 0px;
    z-index: -1;
} */

.responsibility h3 {
    font-size: 1.5vw;
    line-height: 2vw;
    font-weight: 700;
}

/* .responsibility-content {
    width: 50%;
} */
.sustainble-map {
    padding: 70px 0px 0px;
}

.sustainble-map p{
color:#fff;
}

.sustainble-map h3{
font-size:2.083vw;
line-height:2.865vw;
font-weight:700;
color:#fff;
}

.map-content p {
    margin-bottom: 15px;
}
.map-content p {
    position: absolute;
    bottom: 32%;
    left: 25%;
    transform: translate(-25%, 50%);
    width: fit-content;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #000;
}
.map-content {
    position: relative;
 /*    width: fit-content;*/
      width:auto;
    margin-top: 40px;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
}
.map-sus-details {
    margin-top: 55px;
    text-align: center;
}
.map-sus-details img {
    width: 55%;
    margin: 0 auto;
    text-align: center;
}
.target{
  display:none;
}
.sus-details-sec{
  padding:70px 0px;
  color:#FFFFFFB2;
  background-color:#1A1A1A;
  position: relative;
}
.sus-details-sec li{
  color:#FFFFFFB2;
  list-style-type: disc;
  margin-bottom:15px;
}

.sus-details-sec h3{
  font-size:2.083vw;
line-height:2.865vw;
font-weight:700;
color:#fff;
text-align:center;
}

.sus-details-sec  .w-50{
width:72% !important;
text-align:center;
margin:0 auto;
margin-bottom: 15px;
}
.sus-details-sec h2 {
    background: linear-gradient(181.11deg, #788800 37.79%, #1B1817 72.93%, #6F462C 99.05%);
    -webkit-background-clip: text;
    -webkit-text-stroke: 0px transparent;
    font-size: 5.573vw;
    -webkit-background-clip: text;
    -webkit-text-stroke: 2px transparent;
    color: #1A1A1A;
    position: relative;
    top: 15px;
    left: 10%;
}
.jal-content h1{
    background: linear-gradient(181.11deg, #788800 37.79%, #1B1817 72.93%, #6F462C 99.05%);
    -webkit-background-clip: text;
    -webkit-text-stroke: 0px transparent;
    font-size: 5.573vw;
    -webkit-background-clip: text;
    -webkit-text-stroke: 2px transparent;
    color: #141313;
    position: relative;
    text-align:center;
    margin-bottom:15px;
}
.jal-content{
  background-color:#141313;
  padding:70px 0px;
}

.jal-content p{
  width:60%;
  text-align:center;
  margin: 0 auto;
  color:#fff;
}

.sus-details-sec .jal-element {
    position: absolute;
    right: -3%;
    top: 0px;
    width: 40%;
}
.sus-details-sec .container{
  position: relative;
}

.sus-details-sec .jal-element.left-element {
    left: 0px;
    right: auto;
    width: 38%;
}
.jal-content p{
  margin-bottom:15px;
}
.map-pointer1 {
    position: absolute;
    top: 46%;
    left: 33%;
    width: 2.5%;
}
.map-pointer2 {
    position: absolute;
    top: 47%;
    left: 33%;
    width: 2.5%;
}
.map-pointer3 {
    position: absolute;
    top: 33%;
    left: 29%;
    width: 2.5%;
}
.map-pointer4 {
    position: absolute;
    top: 47%;
    left: 39%;
    width: 2.5%;
}
.map-pointer5 {
    position: absolute;
    top: 27%;
    left: 32%;
    width: 2.5%;
}
.map-pointer6 {
    position: absolute;
    top: 39%;
    left: 20%;
    width: 2.5%;
}
.sus-details-sec h4{
color:#fff;
}
.breadcum.sustainable-banner .parallax-content:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #00000070;
}
/* .breadcum.sustainable-banner .parallax-content:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100px;
    bottom: 7px;
    background: #000000;
    z-index: 1;
} */
.map-element{
  position: absolute;
  left:0px;
  top:0px;
}
.sustainble-map{
  position: relative;
}
.sustainble-map .container {
    padding-left: 40px;
}

.slider-sustainble {
  position:relative;
}
.slider-sustainble .element-sus{
  position:absolute;
  bottom:0px;
  right:0px;
}


.slider-sustainble .element-sus1{
  position:absolute;
  top:0px;
  left:0px;
}

.sustainble-map svg {position: relative; z-index: 0;}
.sustainble-map svg path {position: relative; z-index: 1; fill: black;}

/* path.part:hover {
  fill: #E32229;
} */

/* path[data-target='target7']:hover, path[data-target='target14']:hover, path[data-target='target13']:hover, path[data-target='target8']:hover, path[data-target='target9']:hover, path[data-target='target39']:hover, path[data-target='target18']:hover{
fill: #e32229;
} */

path[data-target='target51'].active {
    fill: #fcc605 !important;
}

/* path[data-target='target141']:hover{
  fill:#ffff00cf;
} */
path[data-target='target9']:hover{
 fill: #bf8e47;
}

path[data-target='target18']:hover{
 fill: #d1c067;
}

.target7.active{
  display: block;
}

.target .d-flex{
  display:flex;

}

.map-sus-details img {
    width: 55%;
    margin: 0 auto;
    text-align: center;
}

.target .d-flex .map-sus-details img{
  width:100%;
}

.map-pointer7.pointers {
    position: absolute;
    top: 33%;
    left: 21%;
    width: 2.5%;
}

.map-pointer8.pointers {
    position: absolute;
    top: 56%;
    left: 28%;
    width: 2.5%;
}

/*.map-content img{
  width:100%;
}*/
.container.content-res {
    width: 100%;
    text-align: left;
    position: absolute;
    bottom: 0%;
    left: 0%;
    background-image: linear-gradient(to bottom, rgb(54 52 52 / 6%), rgb(12 12 11));
    padding: 20px 30px;
}
.farming-slider .owl-nav {
    position: absolute;
    width: 100%;
    top: 35%;
}

.responsibility .owl-prev {
    position: absolute;
    left: -8%;
}

.responsibility .owl-next {
    position: absolute;
    right: -8%;
}
.farming-slider.owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 40px !important;
    margin: 5px;
    padding: 4px 7px;
    background: transparent !important;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}
.responsibility-content i {
    font-size: 20px;
    color: #0a66c2;
    background: #fff;
    padding: 2px 4px;
    border-radius: 4px;
    /* padding: 0px !important; */
    margin: 0px !important;
}
/* .slider-flex img {
    width: 47%;
} */
.contact-btns img {
    margin-right: 10px;
}

.down-arrow {
    position: absolute;
    bottom: 10%;
    color: #fff;
    left: 0%;
    transform: translate(50%, 50%);
    font-size: 25px;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
    width: 4%;
}

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
	40% {
    transform: translateY(-30px);
  }
	60% {
    transform: translateY(-15px);
  }
}

.climate-slider:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border: 5px solid #AAC338;
    top: 30px;
    left: -30px;
}

.climate-slider{
  position:relative;
}

.netra-img {
    position: relative;
    z-index: 1;
}
.netra-img:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border: 5px solid #AAC338;
    top: 30px;
    left: 30px;
    z-index:-1;
}

.netra-img1 {
    position: relative;
    z-index: 1;
}
.netra-img1:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border: 5px solid #AAC338;
    top: 30px;
    left: -30px;
    z-index:-1;
}

.breadcum.sustainable-banner .muted {
    bottom: 10%;
    z-index: 2;
}

.navbar-expand-md .nav-item.contact-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Prompt', sans-serif;
}

.slider-flex p {
    margin-bottom: 7px;
    color: #fff;
}
.back-arrow {
    color: #aac338;
    font-size: 30px;
    background: #ffffff33;
    padding: 0px 20px;
    border-radius: 5px;
    position: absolute;
}

.responsibility .heading{
  font-size: 2.083vw;
    line-height: 2.865vw;
    font-weight: 700;
    color: #fff;
    text-align:center;
    margin-bottom:30px;
}

.responsibility{
  padding:60px 0px;
}

/*.target7 .map-sus-details img {
    width: 45%;
    margin: 0 auto;
    text-align: center;
}*/

/*.target51 .map-sus-details img {
    width: 45%;
    margin: 0 auto;
    text-align: center;
}*/

/*.target7 .map-sus-details .map-content img, .target51 .map-sus-details .map-content img{
  width:100%;
}*/

/*.slider-sustainble,
#vertical-slider,
.slider-sus {
  height: 100vh;
}
*/
body.lock-scroll {
    overflow: hidden;
  }
  .slider-sus {
    padding-bottom: 55px;
}

.agfarm {
    text-align: left;
    color: #fff;
}

.agreeta p{
    color:#fff !important;
}

.agfarm li{
    list-style-type: disc;
    font-weight:300;
}
.agreeta .agfarm {
    margin-top: 40px;
    border: 2px solid #97ad33;
    border-radius: 20px;
    padding: 20px 10px 20px 20px;
    margin: 0px 10px;
    margin-top: 45px;
}


.agreeta .agfarm li{
    margin-left:20px;
}

#agreeta {
    position: relative;
    background: url(../images/agreeta-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    z-index:1;
}
#agreeta:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #00000063;
    left: 0px;
    top: 0px;
    z-index: -1;
}
.landing-page {
    padding: 50px 0px;
    height: 100vh;
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../images/trail-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;
}
.landing-page h4{
    font-size:30px;
    color:#fff;
}
.landing-page .common-btn {
    margin: 0 auto;
}
.landing-page h4 {
    font-size: 35px;
    margin-bottom: 30px;
    font-family: 'Prompt', sans-serif;
}
.landing-page p {
    font-size: 17px;
}
.landing-page a {
    color: #fff;
    width: 100%;
    height: 100%;
    /* display: flex
; */
    /* align-items: center; */
    /* justify-content: center; */
    position: relative;
    padding-top: 5%;
}
.landing-page a:hover{
    color:#fff;
}
.landing-page img {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 65%;
    transform: translate(25%, 15%);
}
.agfarm-content{
height:400px;
overflow: auto;
padding-right: 10px;
}
.agfarm .agfarm-content::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  background-color: #f5f5f5;
}

.agfarm .agfarm-content::-webkit-scrollbar{
  width: 3px;
  /*background-color: #f5f5f5;*/

}
.agfarm .agfarm-content::-webkit-scrollbar-thumb{
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #97ad33;
}
.slider-flex h5 {
    color: #fff;
}
.agfarm-content h4 {
    font-size: 19px;
    font-weight: 600;
}
.agfarm-content img {
    width: 90%;
    margin: 0 auto;
    display: block;
}
.kisaan {
    padding: 70px 0px;
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 1;
    background: background-color: #1A1A1A;
    background-color: #1A1A1A;
}
/*.kisaan:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #0000008f;
    content: "";
    left: 0px;
    top: 0px;
    z-index: -1;
}*/
.kisaan .heading {
    margin-top: 20px;
}
/*.target7 .map-sus-details .map-content img {
width: 90%;
}*/

.map-content img {
    width: 80%;
}
.target .d-flex .map-sus-details p {
    font-size: 16px;
    bottom: 11px;
}
.members .board-listing img {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}