/*!
Theme Name: Dharmajcrop
Theme URI: #
Author: webplus infotech
Author URI: https://www.webplusinfotech.net/
Description: #
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dharmajcrop
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
p{line-height:28px;font-size: 18px;color:#666;font-weight:400;}
li,ul{margin:0;padding:0;list-style:none;font-size:16px;color:#666;font-weight:400; outline: 0;}
a:hover {text-decoration: none;outline: 0;}
img:focus, img:hover {
  outline: 0;
}
.btn,:after,:before,a{-webkit-transition:all 250ms linear;-moz-transition:all 250ms linear;-o-transition:all 250ms linear;-ms-transition:all 250ms linear;transition:all 250ms linear}
.bg-1{background:#01843E;}
.bg-2{background: #EBEFDE;}
.bg-3{background:#A6C53C}

#preloader{position:fixed;top:0px;left:0px;right:0px;bottom:0px;background-color:#fff;z-index:9999}
#status{width:120px;height:120px;position:absolute;left:50%;top:50%;background-image:url(assets/images/preloader.gif);background-repeat:no-repeat;background-position:center;margin:-60px 0px 0px -60px}  
a#button-top{
  cursor: pointer;
  position: fixed;
  bottom: 90px;
  right: 25px;
  z-index: 1111;
  display: none;
  color: #FFF!important;
  background: #a6c53c;
  height: 50px;
  width: 50px;
  border-radius: 100%;
  line-height: 46px;
  font-size: 30px;
  text-align: center;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.11);
}

.navbar-light a.navbar-brand {
  margin-left: 15px;
}
.navbar.opennavbar:before{
 background: rgba(0, 0, 0, 0.4);
 left:0;
}
.navbar:before {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  content: "";
  z-index: 111;
  transition: all 0.7s ease-in-out;
  pointer-events: none;
}


.carousel-control-next, .carousel-control-prev{font-size: 35px;opacity: 1;width: 30%;
  top: 29%;
}
.carousel-caption h5 {
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
}
.carousel-caption h4 {
  font-size: 60px;
  font-weight: 700;
  text-transform: uppercase;
}
.carousel-caption h4 span {
  color: #FFBF00;
}
.carousel-caption{
  bottom: 29%;
}
.carousel-item:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.45);
  z-index: 1;
}
.carousel-item:first-child:before{ display:none !important;}

.carousel-indicators li{
 width: 8px;
 height: 8px;
 border-radius: 100%;
 background: #fff;
 border-top: none;
 border-bottom: none;
 opacity: 1;
 position: relative;
 margin-right: 6px;
 margin-left: 15px;
}
.carousel-indicators .active {
  width: 17px;
  height: 17px;
}
.carousel-indicators{
  bottom: 9%;
  align-items: center;
}

.carousel-item video{ width: 100%; height: 100%; margin: 0px 0px -4px 0px;}
.carousel-item .sound-btn{ position: absolute; right: 15px; bottom: 0px; border: none; background: #01843e; padding: 10px;}

/*
@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1.5, 1.5);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.5, 1.5);
  }
} */
.carousel-item img { max-height:870px;
  -webkit-animation: zoom 20s ;
  animation: zoom 20s infinite;
}

.hamburger-menu-button {
  width: 40px;
  height: 40px;
  display: block;
  position: relative;
  z-index: 100;
  background: transparent;
  box-sizing: content-box;
  border-radius: 50%;
  text-indent: 100%;
  color: transparent;
  white-space: nowrap;
  cursor: pointer;
  overflow: hidden;
  border: none;
}
.hamburger-menu-button-open {
  margin-top: -5px;
  margin-left: -15px;
}
.hamburger-menu-button-open,
.hamburger-menu-button-open::before,
.hamburger-menu-button-open::after {
  position: absolute;
  width: 25px;
  height: 3px;
  background: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.hamburger-menu-button-open::before,
.hamburger-menu-button-open::after {
  left: 0;
  content: "";
}
.hamburger-menu-button-open::before {
  top: 6px;
}
.hamburger-menu-button-open::after {
  bottom: 6px;
}
.hamburger-menu-button-close {
  background: transparent;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.hamburger-menu-button-close::before {
  -webkit-transform: translateY(-6px) rotate(45deg);
  transform: translateY(-6px) rotate(45deg);
}
.hamburger-menu-button-close::after {
  -webkit-transform: translateY(6px) rotate(-45deg);
  transform: translateY(6px) rotate(-45deg);
}
.ham-menu {
  position: absolute;
  top: 45px;
  right: 0;
  margin: auto;
  min-width: 190px;
  overflow: hidden;
  /* box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.29);*/
}
.ham-menu ul {
  -webkit-transform: translateY(-110%);
  transform: translateY(-110%);
  background-color: #fff;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.ham-menu.on ul {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

  /*.ham-menu ul li:first-child .ham-menu ul li a {
    padding-left: 30px;
    }*/
  /*.ham-menu ul li a {
    background-color: transparent;
    color: #666;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-size: 15px;
    }*/
    .ham-menu ul li.active a,
    .ham-menu ul li a:hover {
      background-color: #01843e;
	  color: #fff;
    }




    /*welcome section*/
    .welcom-section h1 {
      font-size: 28px;
      color: #fff;
      font-weight: 700;
      line-height: 45px;
        font-family: "Roboto", sans-serif;
      letter-spacing: 1.6px;;
      padding-bottom: 35px;
      text-transform: uppercase;
    }
    .welcom-section h1 span {
     font-size: 22px;
    display: block;
    line-height: 32px; font-weight:500;
    }
    .welcom-section h1 small {
      display: block;
      font-size: 14px;
      color: #A5C53B;line-height: 16px;
    }
    .welcom-section p {
      color: #fff;
      font-weight: 500;
      text-align: justify;
      padding-bottom: 15px;
      letter-spacing: 0.4px;
    }
    .welcome{position: relative;overflow: hidden;width: 100%;}
    .welcome:before {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      background-image: url(assets/images/welcome-image.png);
      width: 100%;
      height: 100%;
      background-position: right;
      background-repeat: no-repeat;
      pointer-events: none;
      animation-name: welcome;
      animation-duration: 3s;
      animation-iteration-count: infinite;
      animation-timing-function: ease-in-out;
      z-index: 3;
    }
    @-webkit-keyframes welcome { 
      0% {
        -webkit-transform:translateY(-30px);
        transform:translateY(-30px);
      }
      50% {
        -webkit-transform:translateY(-15px);
        transform:translateY(-15px);
      }
      100% {
        -webkit-transform:translateY(-30px);
        transform:translateY(-30px);
      }
    }
  

  .welcom-section a.readmore {
    margin-top: 30px;
  }
  .swipe-overlay-out {
   margin-left: 0;
   border: 2px solid #A6C53C;
   border-radius: 3px;
   padding: 14px 15px;
   font-size: 14px;
   color: #A5C53A;
   display: inline-block;
   margin-top: 20px;
   position: relative;
   overflow: hidden;
   z-index: 1;
   letter-spacing: 1.6px;
 }
 a.swipe-overlay-out:hover, .card:hover .swipe-overlay-out{color: #fff;}
 .swipe-overlay-out::after, .card .swipe-overlay-out::after {
   -webkit-transition: 0.5s all ease;
   transition: 0.5s all ease;
   position: absolute;
   top: 0;
   left: 50%;
   right: 50%;
   bottom: 0;
   opacity: 0;
   content: '';
   background-color: #A5C53A;
   z-index: -1

 }

 .swipe-overlay-out:hover:after, .card:hover .swipe-overlay-out:after{
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  left: 0;
  right: 0;
  opacity: 1;
}
.swipe-overlay-out:focus:before, .card:focus .swipe-overlay-out:before {
  transition: 0.5s all ease;
  left: 0;
  right: 0;
  opacity: 1;
}
.certified.py-3 {
  max-width: 620px;
  margin: auto;
  position: relative;
}
.our-vision{
 border: 3px solid rgba(166, 197, 60, 0.25);
 max-width: 665px;
 margin: 22px auto 0 auto;
 padding: 15px 70px;
 position: relative;
}
.our-vision p {
 font-weight: 600;
 font-style: italic;
 color: #fff;
 letter-spacing: 0.4px;
}

.our-vision:before {
  position: absolute;
  content: "\f10d";
  top: -30px;
  left: 16px;
  font-family: 'FontAwesome';
  color: #A6C53C;
  font-size: 50px;
  background: #01843e;
  padding-right: 30px;
  padding-left: 8px;
  font-style: normal;
}
.certified:before {
  position: absolute;
  content: "";
  right: -15px;
  top: 0;
  height: 100%;
  width: 2px;
  background: #00843e;
  z-index: 2;
}
.our-vision h2 {
  display: inline-block;
  position: relative;
  top: -25px;
  left: 16px;
  font-size: 14px;
  color: #BBD26C;
  font-weight: 400;
  background: #01843e;
  padding-right: 15px;
  text-transform: uppercase;
  letter-spacing: 1.6px;
}
.range {
  position: relative;
  padding: 24px;
  transition: all 0.5s ease-in-out;
  z-index: 1;
}
.range:hover {
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.15);
  border-radius: 13px;
  cursor: pointer;
}
.range:before {
  position: absolute;
  content: "";
  top: 25px;
  right: -15px;
  background: rgba(166, 197, 60, 0.25);
  width: 1px;
  height: 119px;
}
.certified h4 span {
  display: block;
  font-size: 15px;
  color: #A5C53A;
}
.certified h4 {
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  line-height: 22px;
  padding-top: 15px;
  letter-spacing: 0.4px;
}


/*News section*/

.news h5, .exports h3{
  color: #333333;
  font-size: 35px;
  font-weight: 700;
  line-height: 45px;
  padding-bottom: 20px;
  padding-left: 20px;
}
.news h5 small, .exports h3 span {
  display: block;
  font-size: 14px;
  color: #A5C53A;
  line-height: 30px;
  letter-spacing: 2px;
}
.news-latest:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 46vw;
  background-image: url(assets/images/news-image.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.owl-theme .owl-nav [class*=owl-]:hover{
  background: transparent;
  color: #999;
}
.news-slider.owl-theme .owl-nav [class*=owl-]{ margin: 22px 14px 0 14px;}
.news-slider .owl-nav {
  position: absolute;
  top: -100px;
  right: 0;
  color: #333;
  font-size: 25px;
  font-weight: 400;
}
.news-slider.owl-drag .owl-item{padding: 11px;}
.news-slider .card, .news-latest .card{
  height: 100%;
  border: none;
  border-radius: 0;
  box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.10);
  padding: 20px;
  transition: all 0.5s ease-in-out;
}
.news-slider .card:hover {
  transform: translateY(-10px);
}
.news-slider .card h4 {
  font-size: 16px;
  color: #333333;
  font-weight: 600;
  padding-top: 0px;
  line-height: 24px;
}
.news-slider .card-body {
  padding-bottom: 20px;
}

.news-slider .card .card-body h5{
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  color: #00843E;
  padding-bottom: 0;
  padding-left: 0px;
  letter-spacing: 0.4px;
}
.news-slider .card .card-body h5 i.fa.fa-calendar {
  padding-right: 6px;
}
.news-slider .card .card-body img{
  padding: 20px 0px; max-height:200px; object-fit:contain;
}
.news-slider .card-footer{
  background-color: #fff;
  border-top: none;
  padding-bottom: 20px;
}
.latest-news, .our-product, .country {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.news {
  padding-right: 45px;
  margin-left: -20px;
}
.news-latest {
  height: 100%;
  display: inline-block;
  position: relative;
}
.news-slider a.expolre {
  color: #666666;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  position: relative;
  z-index: 1;
  transition: all 0.5s ease-in-out;
  position: relative;
  letter-spacing: 1.6px;

}

.news-slider a.expolre i.fa.fa-long-arrow-right {
 padding-left: 10px;
 font-size: 18px;
 position: relative;
 top: 2px;
 left: -10px;
 transition: all 0.5s ease-in-out;
 opacity: 0;
 color: #A5C53A;
}
.news-slider .card:hover  a.expolre i.fa.fa-long-arrow-right {
  left: 0px;
  opacity: 1;
}
/*explore hover*/

.news-slider .card:hover  a.expolre{ padding: 15px 20px; color: #A5C53A;}
.news-slider a.expolre::before, .news-slider a.expolre::after {
  content: "";
  width: 0;
  height: 2px;
  position: absolute;
  transition: all 0.2s linear;
  background: #A5C53A;
}
.news-slider a.expolre::before {
  left: 0;
  top: 0;
  transition-duration: 0.4s;
}
.news-slider a.expolre::after {
  right: 0;
  bottom: 0;
  transition-duration: 0.4s;
}
.news-slider a.expolre span::before, .news-slider a.expolre span::after {
  content: "";
  width: 2px;
  height: 0;
  position: absolute;
  transition: all 0.2s linear;
  background: #A5C53A;
}
.news-slider a.expolre span::before {
  left: 0;
  top: 0;
  transition-duration: 0.4s;
}
.news-slider a.expolre span::after {
  right: 0;
  bottom: 0;
  transition-duration: 0.4s;
}
.news-slider .card:hover a.expolre::before, .news-slider .card:hover a.expolre::after {
  width: 100%;
}
.news-slider .card:hover a.expolre span::before, .news-slider .card:hover a.expolre span::after {
  height: 100%;
}

/*explore hover end*/
.news-latest .card-body h3 span {
  display: block;
  color: #A5C53B;
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  letter-spacing: 1.6px;
}
.news-latest .card-body h3 {
  font-size: 35px;
  color: #fff;
  font-weight: 700;
  line-height: 45px;
  letter-spacing: 0.4px;
}
.news-latest .card{
  position: absolute;
  top: 23%;
  left: 0;
  max-width: 320px;
  height: auto;
  padding-bottom: 60px; background: #01843e;
}
.news-latest .quality-assurance {
  margin: 13px 0px 25px 0px;
  border-top:1px solid rgba(166, 197, 60, 0.25);
  padding-top: 25px;
}
.news-latest .card-body p {
  font-size: 19px;
  color: #fff;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 10px;
  letter-spacing: 0.4px;
}
.news-latest .card-body p strong{ display: block; }



/*product section*/

.breadcrumb{
  padding: 13px 20px;
  margin-bottom: 0;
  background-color: #01843e;
  border-radius: 0;
  text-transform: capitalize;
  /* margin-top: -60px;*/
  position: relative;
  z-index: 1;
}
.sub-banner-content {
  margin-top: auto;
  width: 100%;
  overflow: hidden;
}      
/*nav.breadcrumb-class {
  margin-top: -45px;
  position: relative;
  }*/
  .sub-banner-content h1 {
    color: #fff;
    font-size: 45px;
    font-weight: 700;
    padding: 12px 0;
    text-transform: uppercase;
    position: relative;
  }
  .breadcrumb:before {
    position: absolute;
    content: "";
    background-color: #01843e;
    width: 100vw;
    height: 100%;
    z-index: -1;
    top: 0;
  }
  li.breadcrumb-item {
    font-weight: 600;
    letter-spacing: 1px;
  }
  li.breadcrumb-item a {
    color: rgba(255, 255, 255, 0.75);
  }
  .breadcrumb-item+.breadcrumb-item::before{color: rgba(255, 255, 255, 0.35);}
  .breadcrumb-item,.breadcrumb-item.active {
   color: #ffffff;
   font-size: 14px;
 }
 .breadcrumb li:first-child { 
   font-size: 16px;
 }
 .guard-crop h2 span {
  font-size: 14px;
  color: #A5C539;
  font-weight: 700;
  line-height: 17px;
  display: block;
  letter-spacing: 1.6px;
}
.guard-crop h2 {
  font-size: 35px;
  color: #333333;
  font-weight: 700;
  line-height: 50px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
.guard-crop p {
  padding-top: 6px;
  letter-spacing: 0.4px;
}

.insecticides{position: relative;overflow: hidden;width: 100%;}
.insecticides:before {
  position: absolute;
  content: "";
  top: 100px;
  right: 0;
  width: 50%;
  height: 350px;
  background: #A6C53C;
}
.insecticides:after {
  position: absolute;
  content: "";
  top: 100px;
  left: 0;
  width: 50%;
  height: 350px;
  background: #01843E url(assets/images/right-image.png);
  background-repeat: no-repeat;
  animation-name: product;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  transition: all 0.5s ease-in-out;
}
@-webkit-keyframes product { 
 0% {
  background-position-y: 40px;
}
50% {
  background-position-y: 50px;
}
100% {
 background-position-y: 40px;
}
}
/*@keyframes product { 0% {
  -webkit-transform:translateY(-30px);
  transform:translateY(-30px);
}
50% {
  -webkit-transform:translateY(-15px);
  transform:translateY(-15px);
}
100% {
  -webkit-transform:translateY(-30px);
  transform:translateY(-30px);
}
}
*/
.insect{
  max-width: 1053px;width: 100%;margin: auto;
}
.insecticides-slider .card-body h5 {
  background: #01843E;
  display: table;
  border-radius: 16px;
  margin: 20px auto 15px auto;
  color: #fff;
  font-size: 20px;
  padding: 8px 30px;
  letter-spacing: 1.6px;
	font-weight:600;
}
.insecticides-slider .card-body h4 {
  font-size: 35px;
  color: #333333;
  font-weight: 600;
  line-height: 42px;
  padding: 11px 0;
}
.insecticides-slider .card-body p {
  padding-bottom: 0px;
  font-size: 16px;
  letter-spacing: 0.4px;
	margin:0px 0px;
}

.insecticides-slider a.padgham {
  color: #01843E;
  margin-bottom: 30px;
}
.insecticides-slider a.padgham:hover{ color: #fff; }
.insecticides-slider .owl-nav button.owl-next, .insecticides-slider .owl-nav button.owl-prev{
  border: 1px solid #CCCCCC;
  padding: 0!important;
  font: inherit;
  height: 47px;
  width: 47px;
  border-radius: 100%;
  background: #FFFFFF;
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.25);
  color: #999999;
  font-size: 25px;
}

.insecticides-slider .owl-stage .owl-item.active+.owl-item.active .card{ border-left: 1px solid #ddd; }

.insecticides-slider .owl-nav button.owl-prev{
  position: absolute;
  left: -26px;
  bottom: 30%;
}
.insecticides-slider .owl-nav button.owl-next{
  right: -26px;
  position: absolute;
  bottom: 30%;
}
.insecticides-slider .owl-nav [class*=owl-]:hover{background: #01843e;border-color: #01843e;}
.exports {
 background: #eceee0 url(assets/images/exports-image.jpg);
 background-repeat: no-repeat;
 background-position: center bottom;
 padding-bottom: 190px;
 overflow: hidden;
 position: relative;
 width: 100%;
 background-size: cover;
}
.exports h3{padding-bottom: 0;text-transform: uppercase;letter-spacing: 0.4px;}
.we-are-export p {
  padding-top: 11px;
  letter-spacing: 0.4px;
}

.insecticides-slider:before {
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.10);
  position: absolute;
  content: "";
  top: 35%;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.insecticides-slider {
  position: relative;
}
.insecticides-slider .card{border-radius: 0;border:none;height: 100%;}
.insecticides-slider .insect-card {
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}

.insecticides-slider .card-body{background-color:#fff;padding: 0;  }
.insecticides-slider .insect-pic img{max-width: 100%; width: auto; margin:-105px auto 0px auto; max-height:260px;  }
.insecticides-slider .insect-pic {
  margin-top: 0%;
  transition: all 0.5s ease-in-out;
}
.insecticides-slider .card:hover .insect-pic {
  transform: translateY(-12px);
}
.insecticides-slider .owl-item{padding-top: 200px;}

.insecticides {
  background: rgba(255,255,255,1);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(235,239,222,1) 50%, rgba(235,239,222,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(50%, rgba(235,239,222,1)), color-stop(100%, rgba(235,239,222,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(235,239,222,1) 50%, rgba(235,239,222,1) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(235,239,222,1) 50%, rgba(235,239,222,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(235,239,222,1) 50%, rgba(235,239,222,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(235,239,222,1) 50%, rgba(235,239,222,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebefde', GradientType=0 );
  padding-bottom: 90px;
}

.state-of-art {
  background: #ebefde;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.state-art-product h3 {
  font-size: 22px;
  color: #333333;
  font-weight: 700;
  line-height: 30px;
  padding-bottom: 12px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
.state-art-product p {
  font-size: 17px;
  text-align: justify;
  letter-spacing: 0.4px;
}
.state-art-product {
  margin: 0px 45px 0px 45px;
}

.insecticides-slider .owl-nav [class*=owl-]:hover {
  color: #fff;
}

.exports h3 span {
  display: block;
  color: #A5C539;
  font-size: 14px;
  line-height: 17px;
  padding-bottom: 7px;
  letter-spacing: 1.6px;
}
.exports .plan-img {
  padding-top: 15px;
  position: absolute;
  right: 0;
}


ul.list-contry {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  padding-top: 65px;
}
ul.list-contry li {
 font-size: 18px;
 line-height: 45px;
 position: relative;
 padding: 6px 0px 0px 50px;
}
ul.list-contry li:before {
  position: absolute;
  content: "\f041";
  font-family: 'FontAwesome';
  color: #01843E;
  top: 8px;
  left: 0px;
  border: 2px solid #A6C53C;
  border-radius: 100%;
  height: 43px;
  width: 43px;
  line-height: 38px;
  text-align: center;
  font-size: 20px;
}
ul.list-contry li:hover:before {
  background: #01843E;
  color: #fff;
  border: 2px solid #01843e;
}
.contact {
    margin: 0 auto;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05); 
  padding: 20px;
  border: 1px solid #D7E2E9;
  position: relative;
  z-index: 11;
  background: #fff;
}
.contact-list {
  padding-bottom: 80px;

}
.mobile{border-right: 1px solid #D7E2E9;}


/*icon effect*/

.icon-effect .icon {
  font-size: 33px;
  background: #01843E;
  border-radius: 100%;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 53px;
  color: #fff;
  position: relative;
  top: -50px;
  display: inline-block;
}
.icon-effect .icon:after {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: '';
  box-sizing: content-box;
}
.icon-effect .icon i.fa.fa-phone {
  line-height: 63px;
}
.icon-effect .icon i.fa.fa-envelope-open {
  font-size: 29px;
}

.icon-effect .icon:after {
  top: -6px;
  left: -6px;
  padding: 6px;
  box-shadow: 0 0 0 3px #a6c53c;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  opacity: 0;
}
.icon-effect:hover .icon {
  background-color: #a6c53c;
  color: #fff;
}
.icon-effect:hover .icon:after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.contact-list p{
 color: #00843E;
 margin-bottom: 10px;
 padding-top: 35px;
 font-size: 16px;
}
.contact-list a {
  font-size: 30px;
  color: #000000;
  line-height: 40px;
}


/*footer section*/

.footer-career-logo {
  padding-bottom: 30px;
  padding-top: 20px;
}

.footer-top-content {
  padding-top: 80px;
}
.footer-sub-page .footer-top-content {
  padding-top: 0px;
}
.footer-top {
  margin-top: -175px;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.footer-cont p{padding-top: 25px;}
.footer-cont p, .footer-content p{
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 500;
  line-height: 25px;
  letter-spacing: 0.4px;

}
.footer-sub-page{margin-top: 0;}
.footer-cont ul li {
  display: inline-block;
  padding-top: 30px;
  line-height: 22px;
  padding-right: 3px;
}
.footer-cont ul li a {
  border-radius: 100%;
  background: #FFFFFF;
  height: 43px;
  width: 43px;
  display: inline-block;
  text-align: center;
  line-height: 43px;
  color: #00843E;
  font-size: 18px;
  transition: all 400ms;
  position: relative;
  z-index: 1;
}
.footer-cont ul li a:hover{background:#03a84e;}
.footer-cont ul li a:hover i:before {
  color: #fff;
}
.footer-cont ul li a.facebook:hover:after{ background: #3b5998;}
.footer-cont ul li a.linkdin:hover:after{ background: #0e76a8; }
.footer-cont ul li a.instagram:hover:after{ background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); }
.footer-cont ul li a.youtube:hover:after{ background: #c4302b; }
.footer-cont ul li a:before, .footer-cont ul li a:after{
  /*background: #000;*/
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 100%;

}
.footer-cont ul li a:after{
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
.footer-cont ul li a:hover:after{
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;

}

.footer-cont .google-review {
  padding-top: 25px;
  display: inline-block;
  padding-bottom: 12px;
}
.footer-top .navigation {
  padding-top: 50px;
  padding-bottom: 20px;
}
.navigation h5, .footer-bottom h5{
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  line-height: 19px;
  padding-bottom: 20px;
}
.navigation a {
  font-size: 15px;
  color: #fff;
  line-height: 18px;
  font-weight: 500;
  padding: 5px 0px;
  display: inline-block;
  letter-spacing: 0.4px;
}
.navigation a:hover, .contact-list:hover a, .footer-link a:hover {
  color: #a6c53c;
}
.footer-top .footer-content ul li a:hover{ text-decoration: underline; }
.footer-top .footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  padding-top: 30px;
}
.footer-top .footer-content {
  padding: 17px 0;

}
.footer-top .footer-border-right{ position: relative;}
/*.footer-content:last-child:before{background:transparent;}*/
.footer-top .footer-border-right:before {
 position: absolute;
 content: "";
 height: 110%;
 width: 1px;
 top: -15px;
 right: -6px;
 background: rgba(255, 255, 255, 0.15);
}

.footer-top .footer-bottom h5{  padding-bottom: 0px;margin-bottom: 0;}
.footer-top .footer-content h6, .web-counter h6 {
  font-size: 16px;
  font-weight: 600;
  color: #A5C53B;
}

.footer-top .footer-content ul li {
  color: #fff;
  display: inline-block;
  line-height: 25px;
  font-weight: 500;
}
/*.footer-top .footer-content ul li:last-child{ padding-left: 20px; }*/
.footer-top .footer-content ul li a {
  color: #fff;
  display: block;
}

.footer-top .input-group .input-group-text {
  background: #EBEFDE;
  padding: 25px 35px;
  font-size: 16px;
  color: #444444;
  font-weight: 700;
  border: none;
  border-radius: 0;
}

.footer-top .input-group{ margin-top: 50px; }
.footer-top .input-group .form-control, .menu-top .input-group .form-control{
  border: none;
  border-radius: 0;
  padding: 38px 45px;
}
.footer-top .input-group button.submit, .menu-top .input-group button.submit{
  font-size: 30px;
  color: #fff;
  margin-left: auto;
  background: #A6C53C;
  border: transparent;
  padding: 16px 30px;
  margin-right: 25px;
}
.menu-top .input-group button.submit{margin-right: 0;}
.footer-top .input-group button.submit:hover{
  color: #01843e;
}
.footer-top .input-group input::placeholder{color: rgba(102, 102, 102, 0.50);}
.footer-top .input-group input{
  font-size: 17px;
}
.footer-top footer.footer-link {
  border-top: 1px solid #A6C53C;
  padding-top: 23px;
  padding-bottom: 10px;
  margin-top: -10px;
}

.footer-top .footer-link li {
  display: inline-block;
  position: relative;
  padding: 0 5px;
}
.footer-top .footer-link li:before {
 position: absolute;
 height: 18px;
 width: 2px;
 background: rgba(255, 255, 255, 0.75);
 top: 2px;
 right: -4px;
 content: "";
}
.footer-top .footer-web p a:hover{text-decoration: underline;}
.footer-top .footer-web {
  margin-left: auto;
  display: table;
}
.footer-top .footer-link li:last-child:before {
  width: 0;
}
.footer-top .footer-link p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.75);
  font-weight: 500;
}
.footer-top .footer-link a {
  color: rgba(255, 255, 255, 0.75);
  font-size: 14px;
  font-weight: 500;
}

/*readmore button*/

/*.card a.readmore, .welcom-section a.readmore{
  margin-left: 0;
  border: 2px solid #A6C53C;
  border-radius: 3px;
  padding: 15px 20px;
  font-size: 14px;
  color: #A5C53A;
  display: inline-block;
  margin-top: 25px;
  position: relative;
  overflow: hidden;
  z-index: 1;
  }*/
  .insecticides-slider .card a.readmore{ color: #01843e; }
  .insecticides-slider .card:hover a.readmore {
    color: #fff;
  }
  .card .readmore:before, .welcom-section a.readmore:before, .card .readmore:after, .welcom-section a.readmore:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-top: 24px solid #a6c53c;
    border-bottom: 24px solid #a6c53c;
    z-index: -1;
  }
  .card .readmore:before, .welcom-section a.readmore:before {
    border-right: 13px solid transparent;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  .card .readmore:after, .welcom-section a.readmore:after {
    border-left: 13px solid transparent;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  .card:hover .readmore{
    color: #fff;
  }
  .card:hover .readmore:before, .welcom-section a.readmore:hover:before {
    -webkit-transform: translateX(-30%);
    transform: translateX(-30%);
  }
  .card:hover .readmore:after, .welcom-section a.readmore:hover:after {
    -webkit-transform: translateX(30%);
    transform: translateX(30%);
  }
/*.news-latest .card .readmore:before, .news-latest .card .readmore:after, .insecticides-slider .card .readmore:before, .insecticides-slider .card .readmore:after{
  border-top: 24px solid #01843E;
  border-bottom: 24px solid #01843E;
  }*/
  .welcom-section .readmore:hover{ color: #fff; border: 2px solid #a6c53c; }
  /*.news-latest .card:hover .readmore, .insecticides-slider .card:hover .readmore{border: 2px solid #01843E;}*/

  /* end readmore button*/


  /*menu display*/

  #toggle, #toggle01 {
    width: 28px;
    height: 30px;
  }

  #toggle div, #toggle01 div{
   width: 25px;
   height: 3px;
   background: white;
   margin: 4px auto;
   transition: all 0.3s ease-in-out;
   backface-visibility: hidden;
 }

 #toggle.on .one{
  transform: rotate(45deg) translate(3px, 3px);
}

#toggle.on .two{
  opacity: 0;
}

#toggle.on .three{
  transform: rotate(-45deg) translate(7px, -7px);
}
.dropdown-menu{right: 0;left: auto;min-width: 220px;text-align: center;border: none;border-radius: 0;}



.container-block {
  display: inline-block;
  position: relative;
  transition: all 0.5s ease-in-out;
  width: 100%;
}
.container-block:hover {
 /* box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.32);*/
 background: #fff;
 transform: translateY(-10px);
}
.container-block img{ width: 100%; }


.container-block:hover .inner-block:before,
.container-block:hover .slider-top-right:after {
  height: 100%;
}
.container-block:hover .inner-block:after,
.container-block:hover .slider-top-right:before {
  width: 100%;
}




.slider-top-right:before,.inner-block:after {
  height: 3px;
  transition: width .75s ease;
  width: 0%;
}

.slider-top-right:after,.inner-block:before {
  height: 0%;
  transition: height .75s ease;
  width: 3px;
}

.inner-block:before,.inner-block:after,.slider-top-right:before,.slider-top-right:after {
  background-color: #fff;
  content: '';
  display: block;
  position: absolute;
}

.inner-block {
  font-size: 2em;
  width: 90%;
  height: 90%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.inner-block:before {
  bottom: 0;
  left: 0;
}
.inner-block:after {
  bottom: 0;
  right: 0;
}

.slider-top-right {
  position: relative;
  width: 100%;
  height: 100%;
}
.slider-top-right:before {
  top: 0;
  left: 0;
}
.slider-top-right:after {
  top: 0;
  right: 0;
}


/*sub page*/

.contact-page{ position: relative; }
.contact-page:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: #EBEFDE;
}
.contect-cont {
 /* margin-bottom: 14px; */
 /* padding-left: 90px; */
 padding-top: 20px;
 padding-bottom: 15px;
}
.contect-cont span i.fa.fa-building {
  font-size: 25px;
}
.contact01-page {
  background: #fff;
  display: block;
  position: relative;
  z-index: 11;
  margin-left: -256px;
  padding: 3px 30px;
  margin-right: 45px;
  box-shadow: 0px 0px 49px 0px rgba(0, 0, 0, 0.15);
}
.contact01-page h4, .contact-form-detail h4{
  color: #00843E;
  font-size: 20px;
  font-weight: 600;
}
.contect-cont + .contect-cont{border-top: 1px solid #ddd;padding: 20px 0px;}

.contact01-page h4 {
  padding-top: 40px;
}
.footer-top.sub-page {
  margin-top: 0;
}
.sub-page footer.footer-link{ margin-top: 30px;}
.sub-page-banner {
  background: #ddd;
  height: 350px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  position: relative;
  z-index:9;
}
.sub-page-banner.sub-contact-banner {
  background-position: right;
}
.sub-page-banner:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.45);
}

.contect-cont h5{
  position: relative;
  display: inline-block;
  /*padding: 15px 0px;*/
  color: #000000;
  font-weight: 700;
  font-size: 18px;
}
.contect-cont span {
  font-size: 30px;
  color: #01843E;
}
.contect-cont a{font-size: 17px;color: #333333;padding-left: 10px;font-weight: 500;}
.contect-cont a:hover {
  color: #a6c53c;
  text-decoration: underline;
}
.contect-cont p{padding-top: 0;color: #333333;font-weight: 500;/* padding-bottom: 12px; */font-size: 17px;padding-bottom: 10px;}
.contect-cont ul li {
  padding-bottom: 20px;
}
.contect-cont ul li i{
  border-radius: 100%;
  width: 33px;
  height: 33px;
  text-align: center;
  line-height: 28px;
  font-size: 16px;
  color: #666666;
  /* text-indent: 0px; */
  transition: all 0.5s ease-in-out;
  border: 2px solid #333333;
}
/*.contect-cont ul li i:hover {
  background: #a6c53c;
  }*/
  .contect-cont ul li i.fa.fa-envelope-o {
    /* font-size: 16px; */
    line-height: 27px;
  }

  .contect-cont.icon-effect .icon{display: block;margin: auto;width: 70px;
    height: 70px;
    text-align: center;
    line-height: 64px;
  }
  .contact-page .contact{border: none; position: relative;background: #53b1752b;}

  .contact-map:before {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.12);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    mix-blend-mode: darken;
  }
  .contact-map {
    position: relative;
    height: 100%;
    display: inline-block;
    width: 100%;
    z-index: 11;
  }
  .contact-map iframe {
    height: 100%;
    width: 100%;
    border: none;
    display: block;
    min-height: 450px;
  }

  .contact-form-detail{
    z-index: 11;
    position: relative;
    padding: 20px;
    /* margin-right: 130px; */
    max-width: 500px;
    /* margin-left: auto; */
  }

  .contact-form-detail .form-control{
    border-radius: 0;
    font-weight: 400;
    padding: 27px 20px;
    border: 1px solid #333333;
    background: white;
    box-shadow: none;
  }
  .contact-form-detail .form-group {
    /* border: 1px solid #ddd; */
    /* background: #fff; */
    margin-bottom: 10px;
  }

  .contact-form-detail textarea.form-control {
    height: 112px;
    resize: none;
    overflow: hidden;
    padding: 12px 20px;
  }
  .contact-form-detail .btn.btn-primary {
    margin-left: auto;
    background: #a6c53c;
    border-radius: 0;
    border-color: transparent;
    display: inline-block;
    color: #ffffff;
    font-size: 20px;
    position: relative;
    /* height: 60px; */
    /* width: 300px; */
    padding: 15px 90px;
  }
  .mobile { 
    display: block;
}
  .contact-form-detail button.btn.btn-primary:hover{ background-color: #01843e; }

  .contact-form-detail .input-group-text
  {
    background-color: #ffffff;
    color: #02974a;
    border-radius: 0;
    font-size: 17px;
    font-weight: 500;
    height: 100%;
    position: relative;
    text-align: center;
    border: none;
    width: 40px;
  }
  .contact-form-detail span#inputGroupPrepend.textarea {
    align-items: end;
    position: relative;
    padding-top: 15px;
  }
  .contact-form-detail h4{/* padding: 0px 0 8px 0; */color: #000;}
  .contact-form-detail span i.fa.fa-user {
    font-size: 19px;
  }
  .contact-form-detail span i.fa.fa-lock {
    font-size: 24px;
  }
  .contact-form-detail span i.fa.fa-phone {
    font-size: 23px;
  }
  .contact-form-detail input::-webkit-input-placeholder {
    color:rgba(102, 102, 102, 0.50)!important;
  }
  .contact-form-detail input:-moz-placeholder { /* Firefox 18- */
    color: rgba(102, 102, 102, 0.50) !important;
  }
  .contact-form-detail input::-moz-placeholder {  /* Firefox 19+ */
    color: rgba(102, 102, 102, 0.50) !important;
  }
  .contact-form-detail input:-ms-input-placeholder {
    color: rgba(102, 102, 102, 0.50) !important;
  }
  .contact-form-detail textarea::-webkit-input-placeholder {
    color: rgba(102, 102, 102, 0.50) !important;
  }
  .contact-form-detail textarea:-moz-placeholder { /* Firefox 18- */
    color: rgba(102, 102, 102, 0.50) !important;
  }
  .contact-form-detail textarea::-moz-placeholder {  /* Firefox 19+ */
    color: rgba(102, 102, 102, 0.50) !important;
  }
  .contact-form-detail textarea:-ms-input-placeholder {
    color: rgba(102, 102, 102, 0.50) !important;
  }

/*----------------------
exports page
----------------------*/

.export-content p, .career-content p, .infrastrucure p, .quality-infra p{ 
  font-weight: 500;
  text-align: justify;
  font-size: 17px;
}


/*----------------------
career page
----------------------*/
.career-content p a{color: #a6c53c;}
.career-form {
  box-shadow: 0px 0px 48px 0px rgba(0, 0, 0, 0.15);
  padding: 30px;
  /*background: #fff;*/
  position: relative;
  z-index: 11;
  margin: 70px 20px 0px 20px;
}
.career-form .form-group {
  margin-bottom: 10px;
}
.career-form h4 {
  text-align: center;
  font-size: 28px;
  color: #333333;
  font-weight: 700;
  line-height: 34px;
}
.career-form .form-control {
  height: 55px;
  background-color: #F5F5F5;
  border: 1px solid #CDCDCD;
  border-radius: 0;
}
.career-form textarea.form-control {
  height: 100px;
  resize: none;
}
.career-form .capcha-img {
  margin-left: auto;
  display: table;
}
.career-form .btn.btn-primary {
  padding: 16px 65px;
  border-radius: 0;
  background: #01843E;
  border-color: transparent;
}


.career-form input::-webkit-input-placeholder {
  color:rgba(102, 102, 102, 0.70)!important;
}
.career-form input:-moz-placeholder { /* Firefox 18- */
  color: rgba(102, 102, 102, 0.70) !important;
}
.career-form input::-moz-placeholder {  /* Firefox 19+ */
  color: rgba(102, 102, 102, 0.70) !important;
}
.career-form input:-ms-input-placeholder {
  color: rgba(102, 102, 102, 0.70) !important;
}
.career-form textarea::-webkit-input-placeholder {
  color: rgba(102, 102, 102, 0.70) !important;
}
.career-form textarea:-moz-placeholder { /* Firefox 18- */
  color: rgba(102, 102, 102, 0.70) !important;
}
.career-form textarea::-moz-placeholder {  /* Firefox 19+ */
  color: rgba(102, 102, 102, 0.70) !important;
}
.career-form textarea:-ms-input-placeholder {
  color: rgba(102, 102, 102, 0.70) !important;
}

.career-form input[type="file"] { display: none; }
.career-form .browse.btn.btn-group {
  border-radius: 0;
  height: 55px;
  background: #DDDDDD;
  color: #333333;
  position: absolute;
  top: 0px;
  right: 5px;
  font-size: 16px;
  font-weight: 400;
  padding: 0 30px; 
 
}
.career-form .browse.btn.btn-group:focus { outline: none; }

/*----------------------
infrastructure page
----------------------*/
.infrastructure-page.sky-bg {
  padding-bottom: 130px;
}
.sky-bg{
  position: relative;
  width: 100%;
}
.sky-bg:before{
  position: absolute;
  content: "";
  right: 0;
  left: 0;
  bottom: -45px;
  background: url(assets/images/infrastructure-image-cloud.jpg);
  height: /*250px*/340px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.infrastructure-image {
  margin-top: -70px;
}

/*.infra-gallary {
  margin-top: -170px;
  background: #eceee0 url(../sub-images/infrastructure-image-cloud.jpg);
  background-repeat: no-repeat;
  padding-top: 190px;
  overflow: hidden;
  position: relative;
  width: 100%;
  background-position: top;
}
.infra-gallary01{
  padding-top: 132px;
  }*/
  .infra-img {
    box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.25);
    /* border: 10px solid #fff; */
    position: relative;
    display: inline-block;
    /* width: 100%; */
    z-index: 1;
    margin-right: 20px;
  }
  .infra-img:before {
   position: absolute;
   content: "";
   top: 20px;
   left: 20px;
   width: 100%;
   height: 100%;
   border: 3px solid #01843e;
   z-index: -1;
 }
 .infrastrucure {  
  position: relative;
  z-index: 11;
  padding-right: 30px;
}

.infrastrucure h4{
  position: relative;
  display: inline-block;
  color: #333;
  font-weight: 600;
  font-size: 35px;
  padding-bottom: 10px;
}
.img-gallary {
  position: relative;
  overflow: hidden;
  display: block;
  transition: all ease 0.2s;
}
.infra-gallary .infra-gallary01 .owl-dots .owl-dot.active span, .infra-gallary .infra-gallary01 .owl-dots .owl-dot:hover span {
  background: #01843e;
}
.infra-gallary01 .owl-dots .owl-dot span{ background: #a6c53c;}
.infra-gallary01 .item{ margin:0px 0px; padding:0px 0px; position:relative;}
.infra-gallary01 .item:before{ content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.36); transition:all ease 1s;-moz-transition:all ease 1s; -ms-transition:all ease 1s; -webkit-transition:all ease 1s; z-index:0;}



.img-gallary:before{ content:''; display:block; position:absolute; left:15px; top:15px; width:0; height:0; border-top:2px solid transparent; border-left:2px solid transparent; transition:all ease 0.5s;-moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; z-index:1;}
.img-gallary:after{ content:''; display:block; position:absolute; right:15px; bottom:15px; width:0; height:0; border-bottom:2px solid transparent; border-right:2px solid transparent; transition:all ease 1s;-moz-transition:all ease 1s; -ms-transition:all ease 1s; -webkit-transition:all ease 1s; z-index:1;}
.img-gallary:hover:before{width:93%; height:92%; border-top:2px solid #fff; border-left:2px solid #fff;}
.img-gallary:hover:after{width:93%; height:92%; border-bottom:2px solid #fff; border-right:2px solid #fff;}

/*.img-gallary:before{
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0, 0.32);
  transition: all ease 0.5s;
}
.img-gallary:hover:before{
  background: rgba(0,0,0, 0.08);
}

.img-gallary:after{
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  background: rgba(0,0,0, 0.65);
  transition: all ease 0.5s;
	  width:100%; height:0px;
}
.img-gallary:hover:after{
 height:100%;
}*/



.infra-gallary01 h5{
  position: absolute;
  bottom: 20px;
  right: 40px;
  color: #ffffff; text-shadow:2px 2px 2px #000;
}
/*.img-gallary img {
  transition: all 0.5s ease;
}
.img-gallary:hover img {
  transform: scale(1.2);
  }*/
  .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #a6c53c;
    border-color: #a6c53c;
  }
  .career-form button.btn.btn-primary:hover{ background-color: #a6c53c;}
  /*.insecticides-menufact .card:hover  .card-footer{padding: .75rem 1.25rem}*/


/*----------------------
quality Insurance page
----------------------*/

.quality{
  padding-top: 0;
}
/*.quality-certify{
  padding-top: 100px;
  }*/

  .quality-infra h4 {
   font-weight: 600;
   /* padding-bottom: 10px; */
   font-size: 20px;
   /* padding-top: 20px; */
   line-height: 30px;
   color: #333;
 }
 .quality-infra {
  position: relative;
  z-index: 11;
}
.quality-content ul{
 -webkit-column-count: 5;
 -moz-column-count: 5;
 column-count: 5;
 padding-bottom: 40px;
 padding-top: 10px;
}

.quality-content h4 {
  font-weight: 600;
  font-size: 20px;
  color: #333; 
}
.quality-content ul li {
  line-height: 40px;
  font-weight: 500;
  position: relative;
  padding-left: 23px;
  text-transform: capitalize;
  font-size: 17px;
}
.quality-content ul li:before {
  position: absolute;
  content: "\f192";
  top: 0px;
  left: 0px;
  font-family: 'FontAwesome';
  color: #a6c53c;
  font-size: 17px;
}
.certify {
  background: #fff;
  border: 10px solid #fff;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.28);
}
.iso-certify-img:hover {
  box-shadow: 0px 0px 20px 1px #0000004d;
}
.iso-certify-img {
  background: #fff;
  padding: 25px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
  display: block;
}

.quality-infra-pic {
 display: table;
 position: relative;
 margin: 77px -40px 56px auto;
}
.quality-infra-pic:before {
 position: absolute;
 content: "";
 top: -30px;
 left: -30px;
 width: 100%;
 height: 100%;
 z-index: -1;
 background: #a6c53c;
}


/*----------------------
Company Profile page
----------------------*/

.company-profile p {
  font-size: 17px;
  font-weight: 500;
  text-align: justify;
}
.video {
  position: relative;
  z-index: 1;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.20);
  margin-left: 20px;
  display: inline-block;
}

.video a {
  display: block;
}
.video i{ 
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);  
 color: rgba(33, 33, 33, 0.8);  
 font-size: 70px;
 
}
.video:hover i{ color: #f00;}

.video:after {
 position: absolute;
 content: "";
 top: -24px;
 left: -20px;
 width: 100%;
 height: 100%;
 background: #a6c53c;
 z-index: -1;
}

.vision-content {
 position: relative;
 padding: 35px;
 background: rgba(255,255,255,0);
 background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
 background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,1)));
 background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
 background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
 background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
 background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgb(255, 255, 255) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}
.vision:before {
  position: absolute;
  content: "";
  top: 40px;
  left: 0;
  right: 15px;
  bottom: 0;
  /* background: #a6c53c; */
  z-index: -1;
}
.our-vision-content {
  margin-top: -145px;
  background: #eceee0 url(assets/images/infrastructure-image-cloud.jpg);
  background-repeat: repeat-x;
  padding-top: 190px;
  width: 100%;  
  z-index: -1;
}
.vision {
  margin-top: 113px;
  position: relative;
  z-index: 1;
  /* padding: 0 0px 20px 20px; */
}
/*.vision-content-purpose{ box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.18); }*/
.purpose-content{margin-top: 60px;}
.vision h4 {
 font-size: 25px;
 font-weight: 700;
 color: #333;
 text-transform: uppercase;
 /* background: #a6c53c; */
 display: inline-block;
 /* padding: 7px 20px; */
 position: relative;
 margin-bottom: 0;
 padding-bottom: 1px;
}
.vision h4:before {
  position: absolute;
  content: "";
  width: 20px;
  height: 27px;
  /* background: #a6c53c; */
  top: 16px;
  left: -20px;
}
/*.vision p:after {
  position: absolute;
  content: "\f10e";
  bottom: -18px;
  right: -9px;
  font-family: 'FontAwesome';
  color: #a6c53c;
  font-size: 30px;
  }*/
  .vision-content p{font-weight: 500;
    text-align: justify;
  }
  .content-purpose p{font-weight: 500; font-size: 17px;}
  .content-purpose h6 {
    font-weight: 700;
    font-size: 16px;
    color: #01843e;
    text-transform: uppercase;
    padding-bottom: 5px;
	/*padding-top: 1.5rem;
	padding-left: 20px;*/
  }
  /*.content-purpose ul{ 
	  padding-left: 20px; 
  }*/
  /*.content-purpose ul:last-child{  
	  padding-bottom: 1.5rem;
  }*/
  div#collapse-3 ul{
	  padding-top: 1.5rem; 
  }
  .content-purpose h5 {
    font-weight: 700;
    font-size: 20px;
    border-bottom: 1px solid #ebefde;
    padding: 10px 0;
    color: #353535;
  }

  .core-purpose-content {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    background: #fff;
    padding: 25px;
  }
  .core-purpose-pic:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
  }
  .core-purpose-pic {
    position: relative;
    display: inline-block;
  }
  .vision li.media {
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
  }
  .vision .media-body {
    padding: 20px 0 20px 40px;
  }
  .vision .media-body ul li {
    padding: 11px 30px;
    position: relative;
    font-weight: 500;
  }
  .vision .media-body ul li:before {
    position: absolute;
    content: "\f046";
    top: 13px;
    left: 0;
    font-family: 'FontAwesome';
    color: #a6c53c;
  }
  .vision .media-body h5{
    font-weight: 600;
    color: #333;
    font-size: 22px;
  }
  .vision .media h4 {
    height: 50px;
    width: 50px;
    border-radius: 100%;
    position: relative;
    top: -16px;
    left: -12px;
    text-align: center;
    line-height: 50px;
    background: #a6c53c;
    color: #fff;
    font-size: 22px;
  }
  .vision p{
    font-weight: 500;
    text-align: justify;
    padding-left: 40px;
    position: relative;
    margin-bottom: 0;
    font-style: italic;
    font-size: 18px;
    color: #656565;
  }

  .vision p:before {
    position: absolute;
    content: "\f10d";
    top: -6px;
    left: -10px;
    font-family: 'FontAwesome';
    color: #01843e;
    font-size: 30px;
  }

  .vision p:after {
    position: absolute;
    content: "\f10e";
    bottom: -6px;
    font-family: 'FontAwesome';
    color: #01843e;
    font-size: 30px;
    margin: 0px 0px 0px 10px;
  }
  .content-purpose {    
    padding-left: 20px;
  }
  .content-purpose li {
    line-height: 28px;
    font-weight: 500;
    position: relative;
    padding: 0px 20px 12px 25px;
    font-size: 17px;
  }
  .content-purpose li:before {
    position: absolute;
    content: "\f192";
    top: 0px;
    left: 0;
    font-family: 'FontAwesome';
    color: #a6c53c;
    font-size: 14px;
  }
/*.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: #fff;
  background-color: #37943b;
  padding: 10px 13px;
}
.nav-pills .nav-link {
 border-radius: 0;
 color: #333;
 font-weight: 700;
 font-size: 16px;
 }*/


 .vision #tabs .nav-tabs .nav-item.show .nav-link, .vision .nav-tabs .nav-link.active {
  color: #a6c53c;
  background-color:transparent;
  border-color: transparent transparent #f3f3f3;
  
  font-weight: 700;
}
.vision #tabs .nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  color: #eee;
  font-size: 20px;
}

.vision .nav-tabs .nav-link{
  color: #333;
  font-weight: 700;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  font-size: 18px;
}
.vision .nav-link {
  padding: 15px 0;
}
.vision .nav-tabs {
  border-bottom: 1px solid #a6c53c;
}
.vision .nav-tabs .nav-link:focus, .vision .nav-tabs .nav-link:hover {
  border-color: transparent transparent #a6c53c;
}
/*.nav-tabs .nav-link:focus,*/ .vision .nav-tabs .nav-link.active {
  border-color:#a6c53c #a6c53c #ebefde;
}
.vision .nav-tabs .nav-link{ /*border: 3px solid transparent;*/border-top: 4px solid transparent;}

.vision div#nav-tabContent {
  background: #ffffff;
}
.vision div.purpose  {
  padding: 20px;
}



/*our value*/
.our-vision-content .nav-pills .nav-link.active,  .our-vision-content .nav-pills .show>.nav-link {
 color: #01843e;
 background-color: #ffffff;
 position: relative;
 font-weight: 700;
 box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.18);
}

.our-vision-content div#v-pills-tab {
  background: #a6c53c;
}
.our-vision-content .nav-pills .nav-link {
  border-radius: 0;
}
.our-vision-content .nav-link {
 padding: 30px 30px;
 border-bottom: 1px solid #ddd;
 color: #ffffff;
 font-size: 18px;
 background: #53b175;
 font-weight: 700;
}
.our-vision-content .nav-link:last-child {
  border-bottom: none;
}
.our-vision-content div#v-pills-tabContent {
 padding-left: 30px;
 background: #fff;
 height: 100%;
 box-shadow: 10px 0px 10px -9px rgba(0, 0, 0, 0.18);
}
.our-vision-content div#v-pills-tab {
  background: #fff;
  box-shadow: 0px 0px 20px -16px rgba(0, 0, 0, 0.18);
}
.content-purpose p small{
 color: #a6c53c!important;
 font-size: 20px;
 font-weight: 700;
 margin: 0px auto 8px auto;
}
.vision-content-purpose .nav-tabs {
  display:none;
}
.vision-content-purpose div#content {
  width: 100%;
  background: #fff;
  position: relative;
  display: block;
}
.vision-content-purpose ul#tabs {
  /* max-width: 450px; */
  /* background: #fff;*/
  position: relative;
  display: block;
  width: 30%;
}
.vision-content-purpose .nav-tabs .nav-item {
  margin-bottom: 0;
  /* width: 100%; */
  border-bottom: 1px solid #fff;
}
.vision-content-purpose .nav-tabs .nav-link {
 border: none;
 border-top-left-radius: 0;
 border-top-right-radius: 0;
}
.vision-content-purpose .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{}
.vision-content-purpose .nav-tabs {
  border-bottom: none;
}
.vision-content-purpose .nav-tabs .nav-item:last-child {
  border-bottom: none;
}
.vision-content-purpose .card{ border-radius: 0;}

.vision-content-purpose .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #01843e;
  background-color: #ffffff;
  position: relative;
  font-weight: 700;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.18);
}
.vision-content-purpose .content-purpose {
  padding-left: 30px;
}






/*product page*/

.insecticides-image img {
  transition: 1.1s all;
}
.insecticides-image:hover img {
  transform: scale(1.1);
}


.insecticides-image {
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin-bottom: 5px;
}
.insecticides-image:hover {
  -webkit-box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.25);
  box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.25);
}
.insection-image-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,1);
  background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.25) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0.25)));
  background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.25) 100%);
  background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.25) 100%);
  background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.25) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.25) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
  overflow: hidden;
}
.insection-image-content h4 {
  font-size: 24px;
  color: #fff;
  padding: 25px 30px;
  font-weight: 400;
}
.insecticides-image:before {
  position: absolute;
  content: "\f105";
  bottom: 0px;
  right: -13px;
  font-family: 'FontAwesome';
  color: #2C3900;
  z-index: 1;
  font-size: 28px;
  font-weight: 400;
  opacity: 0;
  transition: all 0.6s ease-in-out;
}
.insecticides-image:after {
  position: absolute;
  content: "";
  bottom: 0;
  right: -59px;
  width: 80px;
  height: 80px;
  background: #fff;
  clip-path: polygon(100% 0, 0 100%, 100% 100%);
  opacity: 0;
  transition: all 0.6s ease-in-out;
}
.insecticides-image:hover:before{opacity: 1;
  bottom: 7px;
  right: 20px;
}
.insecticides-image:hover:after{opacity: 1;right: -1px;}
.insecticides-product {
  position: relative;
  z-index: 11;
}
.fostering-crop{ position: relative; }
.fostering-crop p{ font-weight: 500; font-size: 17px; }
.insecticides-product h4{
  color: #333333;
  font-weight: 700;
  font-size: 32px;
  padding-bottom: 7px;
}
.insecticides-product p {
  font-weight: 500;
  font-size: 17px;
  text-align: justify;
}
.insecticides-product p a {
  color: #333;
  font-weight: 700;
}
/*.insecticides-product p a.more, .text-overflow+.btn-overflow.less{display:none !important; }*/
.insecticides-product p a.guard-crop{ color: #a6c53c; }

.insecticides-menufact .card {
  border-radius: 0;
  border: none;
  height: 100%;
  box-shadow: 0px 0px 44px 0px rgba(0, 0, 0, 0.10);
}
.insecticides-menufact .insect-pic {
  margin-top: -25%;
  transition: all 0.5s ease-in-out;
}
.insecticides-menufact h5 {
  text-align: center;
  color: #333333;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 0;
}
.insecticides-menufact nav {
  margin: auto;
  display: table;
}
.insecticides-menufact nav .page-link,.insecticides-menufact nav .ng-binding {
  position: relative;
  display: block;
  padding: 0;
  margin: 0 7px;
  line-height: 32px;
  color: #666666;
  background-color: #fff;
  border: 1px solid #01843E;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  cursor: pointer;
}
.insecticides-menufact nav .page-link span
{
  font-size: 25px;
  line-height: 32px;
}
li.page-item-dot {
 position: relative;
 align-self: center;
 padding: 0px 0px;
 font-size: 25px;
 color: #666;
 margin-right: 10px;
 margin-left: 5px;
}
.insecticides-menufact nav .page-item:first-child .page-link,.insecticides-menufact nav .ng-scope:last-child .ng-binding  {
  border-top-left-radius: 100%;
  border-bottom-left-radius: 100%;
}
li.ng-scope.disabled {
    display: none;
}
.insecticides-menufact nav .page-item:last-child .page-link,.insecticides-menufact nav .ng-scope:last-child .ng-binding  {
  border-top-right-radius: 100%;
  border-bottom-right-radius: 100%;
}
.insecticides-menufact nav .page-item.active .page-link,.insecticides-menufact nav .ng-scope.active .ng-binding {
  z-index: 1;
  color: #fff;
  background-color: #01843e;
  border-color: #01843e;
}
.insecticides-menufact nav .page-link:focus{ box-shadow: none;}
.insecticides-menufact .card-footer:last-child {
  border-radius: 0;
}
.insecticides-menufact .card-footer {
  background-color: rgb(1, 132, 62);
  border-top: none;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  padding: 7px 14px 8px 14px;
}
.insecticides-menufact .card-footer a .text-muted {
  color: #fff!important;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1px;
}
.insecticides-menufact .card:hover .card-footer{opacity: 1; }
.insecticides-menufact .card:hover {
  transform: translateY(-20px);
  box-shadow: 0px 0px 43px 0px rgba(0, 0, 0, 0.25);
}

.insect-product .card-body{ padding: 0;}
.insect-product .card{
  background-color: transparent;
  border: none;
  border-radius: 0;
}
.insect-product .card h4 {
  font-size: 20px;
  color: #333333;
  font-weight: 600;
  padding-top: 20px;
}
.insect-product .card p {
  font-weight: 500;
  font-size: 17px;
  text-align: justify;
}
.insect-product .card ul {
  webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  padding-top: 10px;
}
.insect-product .card ul li {
  padding: 7px 30px;
  font-weight: 500;
  position: relative;
}
.insect-product .card ul li:before {
  position: absolute;
  content: "\f046";
  top: 10px;
  left: 0;
  font-family: 'FontAwesome';
  color: rgba(1, 132, 62, 0.65);
}
.insect-product .card h5 {
  font-size: 17px;
  color: #333333;
  font-weight: 600;
  padding-top: 12px;
}



/*febrics page*/
.formulations .card{ background-color: transparent;border: none;margin-bottom: 15px;}
.formulations .table td:last-child {
  border-right: none;
}
.formulations .table td{
  border-bottom: 2px solid #EBEFDE;
  border-right: 2px solid #EBEFDE;
  border-top: none;
  padding: 16px 15px;
  font-weight: 500;
  font-size: 17px;
  color: #666666;
  white-space: nowrap;
}
.formulations .table{background: #fff;margin-bottom: 0;}
.formulations .card-header
{
  background-color: #FBFCF8;border-bottom: transparent;
  border: 1px solid rgba(0,0,0,.125);padding: 9px 0;
}
.formulations .card-header:first-child {border-radius: 0;}
.formulations .card-body{padding: 5px 20px 20px;}
.formulations .btn-link {
    font-size: 20px;
    font-weight: 700;
    color: #202020;
    text-decoration: none;
    display: block;
    text-align: left;
    text-transform: uppercase;
}
.formulations .btn-link:after {
  position: absolute;
  font-family: 'FontAwesome';
  content: "\f067";
  top: 15px;
  right: 20px;
  color: #01843E;
  font-size: 18px;
  background: rgba(1, 132, 62, 0.03);
  height: 35px;
  width: 35px;
  text-align: center;
  line-height: 35px;
}
.formulations .btn-link[aria-expanded="true"]:after {
  content: "\f068"; /* fa-chevron-up */
}


/*export-products*/

.export-products{
  background: #FBFCF8;
}
.export-products h4 {
  color: #212121;
  font-size: 25px;
  font-weight: 700;
  line-height: 45px;
  margin-bottom: 0;
}
.export-prod {
  position: relative;
}
.export-products .form-row>.col, .export-products .form-row>[class*=col-] {
  padding-right: 10px;
  padding-left: 10px;
}
.export-prod h5 {
  background: #fff;
  padding: 18px 50px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
  color: #00843E;
  font-size: 17px;
  font-weight: 600;

}
.export-prod h5:before {
  position: absolute;
  content: "\f192";
  top: 10px;
  left: 16px;
  font-family: 'FontAwesome';
  /*background: rgba(1, 132, 62, 0.03);*/
  height: 35px;
  width: 35px;
  text-align: center;
  line-height: 35px;
  color: #53b175;
  font-size: 15px;
}
.export-prod .export-heading {
  opacity: 0;
  padding: 20px 23px;
  background: #fff;
  margin: 0 15px;
  box-shadow: 0px 0px 56px 0px rgba(0, 0, 0, 0.15);
  border-radius: 11px;
  transition: all 0.5s ease-in-out;
  position: absolute;
  z-index: 1;
  /* height: 100%; */
  left: 15px;
  right: 15px;
  transform: scale(1,0);
  transform-origin: top center;
}
.export-prod .export-heading:after {
  position: absolute;
  content: "";
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
  top: -20px;
  left: 40px;
  background: #fff;
  width: 180px;
  height: 100px;
  z-index: -1;
}
.export-prod:hover .export-heading{ opacity: 1; background: #fff;
  pointer-events: auto;
  transform: scale(1,1);}
  .export-prod .export-heading p {
    font-size: 16px;
    font-weight: 500;
  }
  .export-prod .export-heading h6 {
    font-size: 16px;
    color: #212121;
    font-weight: 600;
    padding-bottom: 5px;
  }
  .hidden {
    display: none;
  }

  #qw-form-1 h3,.quick-view-content .quick-view-aside h3{
    font-size: 45px;
    font-weight: 700;
    color: #333333;
    line-height: 45px;
    letter-spacing: 0.4px;
  }
  #qw-form-1 h3 span,.quick-view-content .quick-view-aside h3 span {
    font-size: 18px;
    color: #00843E;
    font-weight: 700;
    line-height: 22px;
    display: block;
    padding-top: 15px;
  }
  .anume-class .card-footer .text-muted {
    color: #fff !important;
    font-size: 14px;
  }
  #qw-form-1{ text-align: left; }
  #qw-form-1 ul li,.quick-view-content .quick-view-aside ul li {
   padding: 8px 0px 12px 30px;
   font-weight: 500;
   line-height: 28px;
   position: relative;
   border-bottom: 1px solid rgba(0, 0, 0, 0.05);
 }
 #qw-form-1 ul li:last-child,.quick-view-content .quick-view-aside ul li:last-child {
  border-bottom: none;
}
#qw-form-1 .btn-primary,.quick-view-content .quick-view-aside .btn-primary{
  border-radius: 0;
  padding: 15px 25px;
  margin-top: 35px;
  background: transparent;
  border: 2px solid #A6C53C;
  color: #00843E;
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 1.6px;
}
#qw-form-1 .btn-primary i,.quick-view-content .quick-view-aside i{
  padding-right: 10px;
  color: rgba(0, 132, 62, 0.45);
  font-size: 20px;
}

#qw-form-1 ul li:before,.quick-view-content .quick-view-aside ul li:before {
  position: absolute;
  content: "\f192";
  top: 9px;
  left: 0px;
  font-family: 'FontAwesome';
  color: rgba(0, 132, 62, 0.65);
  font-size: 15px;
  font-weight: 600;
}
#qw-form-1 .btn-primary:hover i,.quick-view-content .quick-view-aside .btn-primary:hover i{color: #fff;}
#qw-form-1 .btn-primary:hover,.quick-view-content .quick-view-aside .btn-primary:hover {
  background: #a6c53c;
  border-color: #a6c53c;
  color: #fff;
}

/*management page*/
/*.management-content {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
  padding: 20px;
}
.management-content p {
  font-size: 17px;
  font-weight: 500;
  }*/
  .management-page .card-body  p {
    font-size: 17px;
    font-weight: 500;
    text-align: justify;
  }
  .management-page .card-body .media{
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    padding: 25px;
  }
  
  .management-image img {
    box-shadow: 0px 10px 30px -15px rgba(0, 0, 0, 0.30);
    display: inline-block;
    position: relative;
    border: 10px solid #fff;
    height: 240px;
    width: 240px;
    border-radius: 100%;
    object-fit: cover;
    object-position: right;
  }
  .management-page .media-body h5 {
    font-weight: 700;
    font-size: 20px;
    border-bottom: 1px solid #ebefde;
    padding: 10px 0;
    color: #353535;
    text-transform: uppercase;
  }

  /*news and events*/

  .news-events .media {
    background: #fff;
    padding: 20px 30px;
    margin: 60px 0px 86px 0px;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.10);
  }

  .news-events .news-image {
    margin-top: -60px;
    background: #ffffff;
    padding: 0;
    position: relative;
    margin-bottom: 35px;
    border: solid 10px #ebefde;
    min-width: 199px;
    min-height: 199px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 199px;
    margin-left: auto;
    margin-right: auto;
  }
  .news-events .media-body h5{
    font-size: 15px;
    color: #00843E;
    font-weight: 600;
    letter-spacing: 0.4px;
    line-height: 28px;
  }
  .news-events .media-body h4 {
    font-size: 26px;
    color: #333333;
    font-weight: 700;
    line-height: 35px;
    padding-bottom: 10px;
  }
  .news-events .media-body p {
    font-size: 17px;
    font-weight: 500;
  }
  .news-events .media-body p small {
    display: block;
    font-weight: 700;
    font-size: 17px;
    line-height: 28px;
    padding-bottom: 10px;
  }
  
  
  .text-overflow {/* height: 276px;*/display:block;overflow:hidden;word-break: break-word;word-wrap: break-word;position: relative;}
.text-overflow:after {/* content: ''; *//* position: absolute; *//* width: 100%; *//* height: 28px; *//* bottom: 0px; *//* background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); */background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);/* background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); */}
.btn-overflow {display: none;text-decoration: none;    font-family: "Roboto", sans-serif;color: #000;line-height: 26px;font-size: 15px;font-weight: 600;text-align: end;padding: 8px 0px;text-transform: uppercase;}
.btn-overflow:hover{ color: #666; text-decoration: none; }
a.btn-overflow.more {
  background: #a5c53c;
  padding: 7px 24px;
  border-radius: 24px;
  color: #fefefc;
  margin-top: 18px;
  font-size: 13px;
} 
body.opennavbar {
  overflow: hidden;
} 
/* Social Icon Four - All pages */
#socialicon{position: fixed;left: 0;top: 41%;z-index: 999;}
#socialicon .social-icon {position: relative; left: 0px; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08); }
#socialicon .social-icon li {position: relative; display: block; -webkit-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 700ms ease; }
#socialicon .social-icon li a {position: relative;display: block;width: 38px;-webkit-transition: all 700ms ease;-o-transition: all 700ms ease;transition: all 700ms ease;}
#socialicon .social-icon li a:hover {color: var(--theme-color); background-color: #ffffff; background: rgba(255, 255, 255, 0.95); }
#socialicon .social-icon li:first-child {margin-left: 0; }
#socialicon .social-icon li a i {
    margin-right: 10px;
    color: #ffffff;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 17px;
    background: #fff;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    border: 1px solid rgb(255 255 255 / 15%);
    border-bottom: 0;
    display: inline-block;
}

/* #socialicon .social-icon li:last-child i{ border-bottom: 1px solid #f0f0f0; } */
#socialicon .social-icon li a:hover i:before {-webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
#socialicon .social-icon li a i:before {position: relative; left: 0px; display: inline-block; }
#socialicon .social-icon li a i:after {position: absolute; content: ''; width: 3px; left: 0; top: -1px; bottom: -1px; background: transparent; -webkit-transition: .5s ease; -o-transition: .5s ease; transition: .5s ease; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); }
#socialicon .social-icon li a:hover i:after {background-color: var(--theme-color); -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); }
#socialicon .social-icon li a span {
    opacity: 0;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    font-size: 14px;
    color: #333333;
    position: absolute;
    left: -100%;
    top: 0;
    width: auto;
    background: #fff;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    padding: 0px 20px 0px 25px;
    border: 1px solid #f0f0f0;
    border-left: 0px;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;
    height: 100%;
    line-height: 38px;
}
#socialicon .social-icon li a:hover span {opacity: 1; left: 33px; } 
#socialicon .social-icon li a i.fa-facebook {
    background: #1877f2;
}

#socialicon .social-icon li a i.fa-instagram {
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}

#socialicon .social-icon li a i.fa-linkedin {
    background: #0a66c2;
}

#socialicon .social-icon li a i.fa-youtube-play {
    background: #ff0000;
}

#socialicon .social-icon li a i.fa-whatsapp {
    background: #25d366;
}
#socialicon .social-icon li:first-child a i, #socialicon .social-icon li:first-child a {
    border-radius: 0 7px 0 0;
}

#socialicon .social-icon li:last-child a i, #socialicon .social-icon li:last-child a {
    border-radius: 0 0 10px 0;
}
img.global-loader { position: absolute; top: 27px; left: 10px; z-index: 9;}
input::-webkit-calendar-picker-indicator {
  display: none;
}

/*13-12-2019*/
div#insect_popup {background:rgba(10, 10, 10, .85); z-index:9999;}
.modal.show .modal-dialog .modal-content {background-color:transparent;}
.insect-modal.modal-dialog {
    bottom: 0;
    height: calc(100% - 40px);
    left: 0;
    margin: auto;
    max-height: 700px;
    max-width: /*980px*/1080px;
    position: absolute;
    right: 0;
    top: 0;
    width: calc(100% - 40px);
}
.quick-view-carousel {
    background: #fff; 
    width: 50%;
    margin: auto;
    float: left;
    text-align: center;
}
.insect-modal.modal-dialog button.close, .inquiry.modal-dialog button.close {
    background: #a6c53c;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-size: 28px;
    height: 44px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 4px;
    transition: all .2s;
    width: 44px; font-weight:normal;
    z-index: 999999; opacity:1;
}
.modal.fade .insect-modal.modal-dialog {
    left: 0;
    margin: 4% auto;
    max-width: 1280px;
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% - 40px);
    height: auto;
    right: 0;
}

.quick-view-aside {
    background: #FBFCF8;
    bottom: 30px;
    color: #777;
    left: auto;
    padding: 50px 0 30px 0;
    position: absolute;
    right: 0;
    top: 50%;
    width: 50%;
    height: 100%;
    transform: translateY(-50%);
}

div#inquiry_popup {
    z-index: 9999; background:rgba(10, 10, 10, .85);
	overflow-x: hidden; overflow-y: auto;
}
.quick-view-aside>div {
    height: 100%;
    overflow: auto;
    padding: 0 30px 0 30px;
    text-align: center;
}
.inquiry.modal-dialog {margin: 4% auto;
    max-width: 650px;
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% - 40px);
    height: auto;
    right: 0; background:#EBEFDE;}
	div#inquiry_popup .contact-form-detail {max-width:100%;}
		div#inquiry_popup .contact-form-detail h4 {font-size:24px;}
	.inquiry.modal-dialog button.close  {top:0;}
@media only screen and (max-width:767px) {

.quick-view-carousel, .quick-view-aside {width:100%; float:none;}
.quick-view-aside {position:relative; transform:translate(0)}
.insect-modal.modal-dialog button.close {top:0;}
.modal.show .modal-dialog .modal-content {overflow-y:auto;}
.modal.fade .insect-modal.modal-dialog .modal-body {padding:0;}
}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show {
	color: #a3c341;
}
.navbar-light .navbar-nav .active > .nav-link:before{left:25px; right:25px;}


.insecticides-menufact .insect-pic img {
    max-height: 210px;
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
    display: none !important;
}
.page-id-682 h1, .page-id-708 h1 { font-size: 32px; color: #333333; font-weight: 700; line-height: 45px; }
.page-id-695 h2, .page-id-682 h2, .page-id-708 h2 { font-size: 26px; color: #333333; font-weight: 700; line-height: 34px; }
.page-id-682 h3 { font-size: 22px; color: #333333; font-weight: 700; line-height: 34px; }
.page-id-682 h4 { font-size: 18px; color: #333333; font-weight: 700; line-height: 34px; }
.list-views li { line-height: 40px; font-weight: 500; position: relative; padding-left: 23px; text-transform: capitalize; font-size: 17px; }
.list-views li:before { position: absolute; content: "\f192"; top: 0px; left: 0px; font-family: 'FontAwesome'; color: #a6c53c; font-size: 17px; }
.list-views li a { color: #a6c53c; }
.page-id-695 ol li { list-style: decimal; padding: 0; line-height: 28px; font-weight: 500; position: relative; text-transform: capitalize; font-size: 17px; }
.page-id-695 ol { padding-left: 20px; }
.sitemap li a{ position: relative;background: #fff;
    padding: 18px 50px;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
    color: #00843E;
    font-size: 17px;
    font-weight: 600; display:block; margin:0 0 15px 0; text-transform: uppercase;}
.sitemap li a::before{position: absolute;
    content: "\f192";
    top: 10px;
    left: 16px;
    font-family: 'FontAwesome';
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 35px;
    color: #53b175;
    font-size: 15px;}
ul.subsite, ul.sub-site {
    padding:5px 0 15px 40px;
}
ul.subsite li a {
    color: #a6c53c;text-transform: capitalize;
}
ul.subsite li a::before{content:"\f178";}
ul.sub-site li a{color:#666; text-transform: capitalize;}
ul.sub-site li a::before{ content:"\f105";}
.contact01-page h6 {
    font-size: 16px;
    font-weight: 600;
    color: #A5C53B;
    margin: 15px 0 0 0;
}
.formulations .btn-link span {
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    color: #01843e;
}
.purpose h5 { font-weight: 700; font-size: 20px; border-bottom: 1px solid #ebefde; padding: 10px 0; color: #353535; }
.investor a{
  display: block;
  line-height: 30px;
  color: #333;
  font-weight: 600;
  font-size: 18px;
  background: #ffffff;
  padding: 15px 35px 15px 20px;
  border-left: 3px solid #a6c53c;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
  position: relative;
  margin: 0px 0px 20px 0px;
}
.investor a:before{
 position: absolute;
 content: '\f1c1';
 top: 50%;
 right: 23px;
 font-size: 22px;
 color: #01843e;
 font-family: 'FontAwesome';
 transform: translateY(-50%) scale(1);
 transition: all ease 0.4s;
}
.investor a:hover:before{
  transform: translateY(-50%) scale(1.2);
  color: #333;
}


/* start team page */
.team-bg { background: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); padding: 25px; margin: 0 0 30px 0; min-height: 250px; }
.team-bg .team-image img { box-shadow: 0px 10px 30px -15px rgba(0, 0, 0, 0.30); display: inline-block; position: relative;  /*border-radius: 100%;*/ object-fit: cover; object-position: right; }
.team-bg .our-team-member h4 { font-weight: 700; font-size: 20px; margin: 10px 0 5px 0; color: #353535; text-transform: uppercase; }
.team-bg .our-team-member h5 { font-size: 15px; font-weight: 600; color: rgba(1, 132, 62, 0.85); }
.team-bg .our-team-member a { background: #01843e; color: #fff; font-size: 16px; padding: 10px; display: inline-block; }
.team-bg .our-team-member h6 { font-size: 15px; font-weight: 400; text-transform: capitalize; color: #666; padding-top: 10px; padding-bottom: 0px; min-height: 70px; line-height: 25px; }
/*.team-bg .our-team-member h6 small { font-size: 15px; color: #666; font-weight: 400; }*/
.modal.fade .team-modal.modal-dialog { margin: 4% auto; max-width: 60%; position: absolute; left: 0; top: 0; right: 0; background: #fff; }
.team-modal .mod-img img { box-shadow: 0px 10px 30px -15px rgba(0, 0, 0, 0.30); margin: auto; display: block; position: relative; border: 10px solid #fff; object-fit: cover; object-position: right; }
.team-modal .mod-title { padding: 10px 0 0 0px; }
.team-modal.modal-dialog button.close, .team.modal-dialog button.close { background: #a6c53c; border: 0; color: #fff; cursor: pointer; font-size: 28px; height: 44px; margin: 0; padding: 0; position: absolute; right: 0; top: 0; transition: all .2s; width: 44px; font-weight: normal; z-index: 999999; opacity: 1; }
.team-modal .modal-body { padding: 40px 35px; }
.team-modal .our-team ul li { line-height: 28px; font-weight: 500; position: relative; padding: 0px 5px 5px 25px; font-size: 17px; text-align: left; }
.team-modal .our-team h6 { font-size: 19px; font-weight: 600; text-transform: capitalize; color: #01843e; line-height: 28px; margin: 0; }
.team-modal .our-team ul li:before { position: absolute; content: "\f192"; top: 0px; left: 0; font-family: 'FontAwesome'; color: #a6c53c; font-size: 14px; }
.team-modal .mod-title h3 { font-weight: 700; font-size: 22px; padding: 10px 0; color: #353535; text-transform: uppercase; margin: 0 0 15px 0; border-bottom: 1px solid #ebefde; }
.team-modal .our-team p { font-size: 17px; position: relative; line-height: 28px; color: #666; font-weight: 500; margin: 0 0 10px 0; }
.team-modal .mod-title h3 span { font-size: 16px; font-weight: 600; text-transform: capitalize; color: rgba(1, 132, 62, 0.85); margin: 0; }
.ourteam h4 {
    position: relative;
    display: inline-block;
    color: #333;
    font-weight: 600;
    font-size: 30px;
    width:100%;
    margin-bottom: 0;
}
.ourteam h4 .btn-link:after{
    top: 5px;
}
/* end team page */

/*  start job opening */
.job-opening .btn { font-size: 20px; background: #a6c53c; border-radius: 0px; color: #fff; padding: 15px 20px; text-transform: uppercase; letter-spacing: .5px; margin-bottom: 30px; }
.job-opening .btn i { -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; margin: 0 0 0 35px; }
@-webkit-keyframes bounce { 0%, 100%, 20%, 50%, 80% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
40% {
-webkit-transform:translateX(-30px);
transform:translateX(-30px)
}
60% {
-webkit-transform:translateX(-15px);
transform:translateX(-15px)
}
}
@keyframes bounce { 0%, 100%, 20%, 50%, 80% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
40% {
-webkit-transform:translateX(-30px);
transform:translateX(-30px)
}
60% {
-webkit-transform:translateX(-15px);
transform:translateX(-15px)
}
}
.job-opening .card { border-radius: 0px; box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1); border: 0px; padding: 30px 25px; display: block; margin-bottom: 30px; }
.job-opening .card h4 { font-weight: 700; font-size: 20px; border-bottom: 1px solid #ebefde; padding: 10px 0; color: #353535; }
.job-opening .card ul { margin: 15px 0 10px 0; }
.job-opening .card li { font-weight: 600; font-size: 17px; color: #666; text-transform: capitalize; margin: 0 0 5px 0; }
.job-opening .card li span { line-height: 28px; font-size: 15px; color: #666; font-weight: 500; margin: 0 0 0 5px; }
.job-opening .card a { padding: 8px 15px; background: #01843e; font-size: 15px; font-weight: 600; text-transform: uppercase; color: #fff; display: inline-block; letter-spacing: 1px }
.career-modal.modal-dialog button.close, .career.modal-dialog button.close { background: #a6c53c; border: 0; color: #fff; cursor: pointer; font-size: 28px; height: 44px; margin: 0; padding: 0; position: absolute; right: 0; top: 0; transition: all .2s; width: 44px; font-weight: normal; z-index: 999999; opacity: 1; }
.modal.fade .career-modal.modal-dialog { margin: 4% auto; max-width: 80%; position: absolute; left: 0; top: 0; right: 0; }
.modal.show .career-modal.modal-dialog .modal-content { background: #fff; }
.job-opening h6 { font-weight: 700; font-size: 25px; line-height: 28px; }
.job-opening .click { text-transform: uppercase; color: #212529; text-decoration: underline; }
.job-opening .click i { -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; margin: 0 0 0 30px; }
.career-content p a { color: #a6c53c; }
.career-form { box-shadow: 0px 0px 48px 0px rgba(0, 0, 0, 0.15); padding: 30px; background: #fff;position: relative;z-index: 11;margin: 40px 20px 0px 20px !important;}
.career-form .form-group { margin-bottom: 10px; }
.career-form h4 { text-align: center; font-size: 24px; color: #333333; font-weight: 700; line-height: 30px; }
.career-form .form-control { height: 55px; background-color: #F5F5F5; border: 1px solid #CDCDCD; border-radius: 0; }
.career-form textarea.form-control { height: 100px; resize: none; }
.career-form .capcha-img { margin-left: auto; display: table; }
.career-form button.btn.btn-primary { padding: 16px 65px; border-radius: 0; background: #01843E; border-color: transparent; }
.career-form input::-webkit-input-placeholder {
 color:rgba(102, 102, 102, 0.70)!important;
}
.job-opening h5 { font-size: 26px; color: #333333; font-weight: 700; }
.current-opening { background: #fff; /*box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.14);*/ padding: 20px 35px; }
.current-opening .table-striped tbody tr:nth-of-type(odd) { background-color: #f5f5f5; }
a.apply-job { background: #01843e; color: #fff; padding: 12px 40px; margin-left: auto; position: relative; display: table; border-radius: 24px; }
ul.current { margin: 0 0 20px 0; }
.current-opening .table td { border-bottom: 1px solid #ebefde; border-top: 1px solid #ebefde; }
/* .current-opening ul.current{border: 1px solid rgba(205, 205, 205, 0.5);}*/
.current-opening ul.current li:nth-child(even) { /* background: rgba(222, 222, 222, 0.3); */ border-bottom: 1px solid rgba(205, 205, 205, 0.5); width: 24.5%; color: #666; padding: 10px 20px; text-transform: capitalize; display: inline-block; margin: 0 3px 0 -5px; border-right: 1px solid rgba(205, 205, 205, 0.5); font-size: 16px; }
.current-opening ul.current li:nth-child(odd) { width: 24.5%; background: #f5f5f5; color: #202020; padding: 10px 20px; font-size: 16px; font-weight: 400; text-transform: capitalize; border-bottom: 1px solid rgba(205, 205, 205, 0.5); display: inline-block; border-left: 1px solid rgba(205, 205, 205, 0.5); }
.current-opening ul.current li:nth-child(1), .current-opening ul.current li:nth-child(2), .current-opening ul.current li:nth-child(3), .current-opening ul.current li:nth-child(4) { border-top: 1px solid rgba(205, 205, 205, 0.5); }
.current-opening .table tr:last-child td { border-bottom: 1px solid #ebefde; }
.current-opening .table-bordered td, .current-opening .table-bordered th { border: 1px solid rgb(224 225 231);font-weight: 500 }
 .career-form input:-moz-placeholder { /* Firefox 18- */
 color: rgba(102, 102, 102, 0.70) !important;
}
.career-form input::-moz-placeholder {  /* Firefox 19+ */
 color: rgba(102, 102, 102, 0.70) !important;
}
.career-form input:-ms-input-placeholder {
 color: rgba(102, 102, 102, 0.70) !important;
}
.career-form textarea::-webkit-input-placeholder {
 color: rgba(102, 102, 102, 0.70) !important;
}
.career-form textarea:-moz-placeholder { /* Firefox 18- */
 color: rgba(102, 102, 102, 0.70) !important;
}
.career-form textarea::-moz-placeholder {  /* Firefox 19+ */
 color: rgba(102, 102, 102, 0.70) !important;
}
.career-form textarea:-ms-input-placeholder {
 color: rgba(102, 102, 102, 0.70) !important;
}
.career-form input[type="file"] { display: none; }
.career-form .browse.btn.btn-group { border-radius: 0; height: 55px; background: #DDDDDD; color: #333333; position: absolute; top: 0px; right: 5px; font-size: 16px; font-weight: 400; padding: 0 30px;  line-height: 50px; }
.career-form .browse.btn.btn-group:focus { outline: none; }
.career-modal .modal-body { padding: 0; }
.career-form.current-opening { position: relative; z-index: 11; margin: 0 !important;}
.fungi-points{ width:100%; column-count:1 !important;}
.fungi-points li{ line-height:28px;}
/* end job opening */
.iso-certy h6{ font-size:20px; margin:15px 0px 15px 0px;}
.insecticides-product h2 {
    color: #333333;
    font-weight: 700;
    font-size: 32px;
    padding-bottom: 7px;
}
.guard-crop a, .state-art-product a{ color:#333; text-decoration:underline;}

/* New CSS */
#form-country_v2 .typeahead__list {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}
.project-jquerytypeahead.page-demo .typeahead__list li a {
    position: relative;
}
.project-jquerytypeahead.page-demo .result-container {
    position: absolute;
    color: #777;
    top: -1.5em;
}
.project-jquerytypeahead.page-demo .typeahead-search li a .flag-chart {
    position: absolute;
    right: 16px;
    top: 10px;
}
.flag-united-states {
    background-position: -30px top;
}
.flag-united-kingdom {
    background-position: -60px top;
}
.flag-france {
    background-position: -90px top;
}
.flag-germany {
    background-position: -120px top;
}
.flag-denmark {
    background-position: -150px top;
}
.flag-italy {
    background-position: -180px top;
}
.flag-mexico {
    background-position: -210px top;
}
.flag-brazil {
    background-position: -240px top;
}
.flag-canada {
    background-position: -270px top;
}


input.search_inpt,span.typeahead__cancel-button {
    padding: 15px !important;
}
.search_inpt button {
    padding: 15px !important;
    background: #01843E !important;
}
.search_inpt button i {
	color: #fff !important;
}
.career-form .career-table{background-color: #fff;padding:10px;box-shadow: 1px 10px 25px rgb(0 0 0 / 8%);}
.career-form .career-table b{
  font-weight: 700;
}
.public-health .anume-class {
    margin: 50px 0px 0px 0px;
}
.quick-view-carousel {
    background: #fff;
    width: 50%;
    margin: auto;
    float: left;
    text-align: center;
}

/*13-12-2019*/
  div#insect_popup { background: rgba(10, 10, 10, .85); z-index: 9999; }
  .modal.show .modal-dialog .modal-content { background-color: transparent; }
  .insect-modal.modal-dialog { bottom: 0; height: calc(100% - 40px); left: 0; margin: auto; max-height: 700px; max-width: /*980px*/1080px; position: absolute; right: 0; top: 0; width: calc(100% - 40px); }
  .quick-view-carousel { background: #fff; width: 50%; margin: auto; float: left; text-align: center; }
  .insect-modal.modal-dialog button.close, .inquiry.modal-dialog button.close { background: #a6c53c; border: 0; color: #fff; cursor: pointer; font-size: 28px; height: 44px; margin: 0; padding: 0; position: absolute; right: 0; top: 32px; transition: all .2s; width: 44px; font-weight: normal; z-index: 999999; opacity: 1; }
  .modal.fade .insect-modal.modal-dialog { left: 0; margin: 4% auto; max-width: 1280px; position: absolute; left: 0; top: 0; width: calc(100% - 40px); height: auto; right: 0; }
  .quick-view-aside { background: #FBFCF8; bottom: 30px; color: #777; left: auto; padding: 50px 0 30px 0; position: absolute; right: 0; top: 50%; width: 50%; height: 90%; transform: translateY(-50%); }
  div#inquiry_popup { z-index: 9999; background: rgba(10, 10, 10, .85); }
  .inquiry.modal-dialog { margin: 4% auto; max-width: 650px; position: absolute; left: 0; top: 0; width: calc(100% - 40px); height: auto; right: 0; background: #EBEFDE; }
  div#inquiry_popup .contact-form-detail { max-width: 100%; }
  div#inquiry_popup .contact-form-detail h4 { font-size: 24px; }
  .inquiry.modal-dialog button.close { top: 0; }
  @media only screen and (max-width:767px) {
    .quick-view-carousel, .quick-view-aside { width: 100%; float: none; }
    .quick-view-aside { position: relative; transform: translate(0) }
    .insect-modal.modal-dialog button.close { top: 0; }
    .modal.show .modal-dialog .modal-content { overflow-y: auto; }
    .modal.fade .insect-modal.modal-dialog .modal-body { max-height: 500px; padding: 0; }
  }
  .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show { color: #a3c341; }
  .navbar-light .navbar-nav .active > .nav-link:before { left: 25px; right: 25px; }
  .insecticides-menufact .insect-pic img { max-height: 210px; }
  .search h3 { font-size: 25px; font-weight: 700; color: #333; text-transform: uppercase; display: inline-block; position: relative; margin-bottom: 25px; padding-bottom: 1px; }
  /*24.12.2019*/
  .investor a { display: block; line-height: 30px; color: #333; font-weight: 600; font-size: 18px; background: #ffffff; padding: 15px 35px 15px 20px; border-left: 3px solid #a6c53c; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12); position: relative; margin: 0px 0px 20px 0px; }
  .investor a:before { position: absolute; content: '\f1c1'; top: 50%; right: 23px; font-size: 22px; color: #01843e; font-family: 'FontAwesome'; transform: translateY(-50%) scale(1); transition: all ease 0.4s; }
  .investor a:hover:before { transform: translateY(-50%) scale(1.2); color: #333; }
  .job-opening .btn { font-size: 20px; background: #a6c53c; border-radius: 0px; color: #fff; padding: 15px 20px; text-transform: uppercase; letter-spacing: .5px; margin-bottom: 30px; }
  .job-opening .btn i { -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; margin: 0 0 0 35px; }
  @-webkit-keyframes bounce { 0%, 100%, 20%, 50%, 80% {
    -webkit-transform:translateX(0);
    transform:translateX(0)
  }
  40% {
    -webkit-transform:translateX(-30px);
    transform:translateX(-30px)
  }
  60% {
    -webkit-transform:translateX(-15px);
    transform:translateX(-15px)
  }
}
@keyframes bounce { 0%, 100%, 20%, 50%, 80% {
  -webkit-transform:translateX(0);
  transform:translateX(0)
}
40% {
  -webkit-transform:translateX(-30px);
  transform:translateX(-30px)
}
60% {
  -webkit-transform:translateX(-15px);
  transform:translateX(-15px)
}
}
.job-opening .card { border-radius: 0px; box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1); border: 0px; padding: 30px 25px; display: block; margin-bottom: 30px; }
.job-opening .card h4 { font-weight: 700; font-size: 20px; border-bottom: 1px solid #ebefde; padding: 10px 0; color: #353535; }
.job-opening .card ul { margin: 15px 0 10px 0; }
.job-opening .card li { font-weight: 600; font-size: 17px; color: #666; text-transform: capitalize; margin: 0 0 5px 0; }
.job-opening .card li span { line-height: 28px; font-size: 15px; color: #666; font-weight: 500; margin: 0 0 0 5px; }
.job-opening .card a { padding: 8px 15px; background: #01843e; font-size: 15px; font-weight: 600; text-transform: uppercase; color: #fff; display: inline-block; letter-spacing: 1px }
.career-modal.modal-dialog button.close, .career.modal-dialog button.close { background: #a6c53c; border: 0; color: #fff; cursor: pointer; font-size: 28px; height: 44px; margin: 0; padding: 0; position: absolute; right: 0; top: 0; transition: all .2s; width: 44px; font-weight: normal; z-index: 999999; opacity: 1; }
.modal.fade .career-modal.modal-dialog { margin: 4% auto; max-width: 80%; position: absolute; left: 0; top: 0; right: 0; }
.modal.show .career-modal.modal-dialog .modal-content { background: #fff; }
.job-opening h6 { font-weight: 700; font-size: 25px; line-height: 28px; }
.job-opening .click { text-transform: uppercase; color: #212529; text-decoration: underline; }
.job-opening .click i { -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; margin: 0 0 0 30px; }
.career-content p a { color: #a6c53c; }
.career-form {/* box-shadow: 0px 0px 48px 0px rgba(0, 0, 0, 0.15); padding: 35px 50px;*/ background: #fff; position: relative; z-index: 11; margin: 0 !important; }
.career-form .form-group { margin-bottom: 10px; }
.career-form h4 { text-align: center; font-size: 24px; color: #333333; font-weight: 700; line-height: 30px; }
.career-form .form-control { height: 55px; background-color: #F5F5F5; border: 1px solid #CDCDCD; border-radius: 0; }
.career-form textarea.form-control { height: 100px; resize: none; }
.career-form .capcha-img { margin-left: auto; display: table; }
.career-form button.btn.btn-primary { padding: 16px 65px; border-radius: 0; background: #01843E; border-color: transparent; }
.career-form input::-webkit-input-placeholder {
 color:rgba(102, 102, 102, 0.70)!important;
}
.job-opening h5 { font-size: 26px; color: #333333; font-weight: 700; }
.current-opening { background: #fff; /*box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.14);*/ padding: 20px 35px; }
.current-opening .table-striped tbody tr:nth-of-type(odd) { background-color: #f5f5f5; }

a.apply-job { background: #01843e; color: #fff; padding: 12px 40px; margin-left: auto; position: relative; display: table; border-radius: 24px; }
ul.current { margin: 0 0 20px 0; }
.current-opening .table td { border-bottom: 1px solid #ebefde; border-top: 1px solid #ebefde; }
/* .current-opening ul.current{border: 1px solid rgba(205, 205, 205, 0.5);}*/
.current-opening ul.current li:nth-child(even) { /* background: rgba(222, 222, 222, 0.3); */ border-bottom: 1px solid rgba(205, 205, 205, 0.5); width: 24.5%; color: #666; padding: 10px 20px; text-transform: capitalize; display: inline-block; margin: 0 3px 0 -5px; border-right: 1px solid rgba(205, 205, 205, 0.5); font-size: 16px; }
.current-opening ul.current li:nth-child(odd) { width: 24.5%; background: #f5f5f5; color: #202020; padding: 10px 20px; font-size: 16px; font-weight: 400; text-transform: capitalize; border-bottom: 1px solid rgba(205, 205, 205, 0.5); display: inline-block; border-left: 1px solid rgba(205, 205, 205, 0.5); }
.current-opening ul.current li:nth-child(1), .current-opening ul.current li:nth-child(2), .current-opening ul.current li:nth-child(3), .current-opening ul.current li:nth-child(4) { border-top: 1px solid rgba(205, 205, 205, 0.5); }
.current-opening .table tr:last-child td { border-bottom: 1px solid #ebefde; }
.current-opening .table-bordered td, .current-opening .table-bordered th { border: 1px solid rgb(224 225 231);font-weight: 500 }
.career-form .career-table{background-color: #fff;padding:10px;box-shadow: 1px 10px 25px rgb(0 0 0 / 8%)}
.career-form .career-table b{
  font-weight: 700;
}
.career-form input:-moz-placeholder { /* Firefox 18- */
 color: rgba(102, 102, 102, 0.70) !important;
}
.career-form input::-moz-placeholder {  /* Firefox 19+ */
 color: rgba(102, 102, 102, 0.70) !important;
}
.career-form input:-ms-input-placeholder {
 color: rgba(102, 102, 102, 0.70) !important;
}
.career-form textarea::-webkit-input-placeholder {
 color: rgba(102, 102, 102, 0.70) !important;
}
.career-form textarea:-moz-placeholder { /* Firefox 18- */
 color: rgba(102, 102, 102, 0.70) !important;
}
.career-form textarea::-moz-placeholder {  /* Firefox 19+ */
 color: rgba(102, 102, 102, 0.70) !important;
}
.career-form textarea:-ms-input-placeholder {
 color: rgba(102, 102, 102, 0.70) !important;
}
.career-form input[type="file"] { display: none; }
.career-form .browse.btn.btn-group { border-radius: 0; height: 55px; background: #DDDDDD; color: #333333; position: absolute; top: 0px; right: 5px; font-size: 16px; font-weight: 400; padding: 0 30px;line-height: 50px; }
.career-form .browse.btn.btn-group:focus { outline: none; }
.career-modal .modal-body { padding: 0; }
.team-bg { background: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); padding: 25px; margin: 0 0 30px 0; min-height: 250px; }
.team-bg .team-image img { box-shadow: 0px 10px 30px -15px rgba(0, 0, 0, 0.30); display: inline-block; position: relative;  /*border-radius: 100%;*/ object-fit: cover; object-position: right; }
.team-bg .our-team-member h4 { font-weight: 700; font-size: 20px; margin: 10px 0 5px 0; color: #353535; text-transform: uppercase; }
.team-bg .our-team-member h5 { font-size: 15px; font-weight: 600; color: rgba(1, 132, 62, 0.85); }
.team-bg .our-team-member a { background: #01843e; color: #fff; font-size: 16px; padding: 10px; display: inline-block; }
.team-bg .our-team-member h6 { font-size: 15px; font-weight: 400; text-transform: capitalize; color: #666; padding-top: 10px; padding-bottom: 0px; min-height: 70px; line-height: 25px; }
/*.team-bg .our-team-member h6 small { font-size: 15px; color: #666; font-weight: 400; }*/
.modal.fade .team-modal.modal-dialog { margin: 4% auto; max-width: 60%; position: absolute; left: 0; top: 0; right: 0; background: #fff; }
.team-modal .mod-img img { box-shadow: 0px 10px 30px -15px rgba(0, 0, 0, 0.30); margin: auto; display: block; position: relative; border: 10px solid #fff; object-fit: cover; object-position: right; }
.team-modal .mod-title { padding: 10px 0 0 0px; }
.team-modal.modal-dialog button.close, .team.modal-dialog button.close { background: #a6c53c; border: 0; color: #fff; cursor: pointer; font-size: 28px; height: 44px; margin: 0; padding: 0; position: absolute; right: 0; top: 0; transition: all .2s; width: 44px; font-weight: normal; z-index: 999999; opacity: 1; }
.team-modal .modal-body { padding: 40px 35px; }
.team-modal .our-team ul li { line-height: 28px; font-weight: 500; position: relative; padding: 0px 5px 5px 25px; font-size: 17px; text-align: left; }
.team-modal .our-team h6 { font-size: 19px; font-weight: 600; text-transform: capitalize; color: #01843e; line-height: 28px; margin: 0; }
.team-modal .our-team ul li:before { position: absolute; content: "\f192"; top: 0px; left: 0; font-family: 'FontAwesome'; color: #a6c53c; font-size: 14px; }
.team-modal .mod-title h3 { font-weight: 700; font-size: 22px; padding: 10px 0; color: #353535; text-transform: uppercase; margin: 0 0 15px 0; border-bottom: 1px solid #ebefde; }
.team-modal .our-team p { font-size: 17px; position: relative; line-height: 28px; color: #666; font-weight: 500; margin: 0 0 10px 0; }
.team-modal .mod-title h3 span { font-size: 16px; font-weight: 600; text-transform: capitalize; color: rgba(1, 132, 62, 0.85); margin: 0; }
.combination-pro { float: left; width: 100%; position: relative; margin: 25px 0px 25px 0px; }
.combination-pro h5 { font-size: 18px; font-weight: 600; margin: 0px 0px 0px 0px; }
.modal { background: rgba(0, 0, 0, 0.7); }
.career-bottom { box-shadow: 0px 0px 48px 0px rgba(0, 0, 0, 0.15); padding: 30px; background: #fff; position: relative; z-index: 11; margin: 40px 20px 0px 20px !important; }
.ourteam h4 { position: relative; display: inline-block; color: #333; font-weight: 600; font-size: 30px; padding-bottom: 10px;}

.infra-gallary01 .item{ margin:0px 0px; padding:0px 0px; position:relative;}
.infra-gallary01 .item:before{ content:''; display:block; position:absolute; left:15px; top:15px; width:0; height:0; border-top:2px solid transparent; border-left:2px solid transparent; transition:all ease 0.3s;
-moz-transition:all ease 0.3s; -ms-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; z-index:1;}
.infra-gallary01 .item:after{ content:''; display:block; position:absolute; right:15px; bottom:15px; width:0; height:0; border-bottom:2px solid transparent; border-right:2px solid transparent; transition:all ease 0.3s;
-moz-transition:all ease 0.3s; -ms-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; z-index:1;}
.infra-gallary01 .item:hover:before{width:93%; height:92%; border-top:2px solid #fff; border-left:2px solid #fff;}
.infra-gallary01 .item:hover:after{width:93%; height:92%; border-bottom:2px solid #fff; border-right:2px solid #fff;}


 /*Public Health - 16.03.2021*/
 .public-health .health-product{ margin:0px 0px 70px 0px;}
 .public-health .health-product h4{font-size: 20px; font-weight: 600; margin: 0px 0px 20px 0px; padding: 15px 20px; background:#ffffff; color: #01843e;}
 .public-health .anume-class{ margin:50px 0px 0px 0px;}
 .public-health .card { border-radius: 0; border: none; height: 100%; box-shadow: 0px 0px 44px 0px rgba(0, 0, 0, 0.10); }
 .public-health .insect-pic { margin-top: -25%; transition: all 0.5s ease-in-out; }
 .public-health h5 { text-align: center; color: #333333; font-weight:700; font-size: 18px; margin-bottom: 0; text-transform:uppercase; }
 .public-health nav { margin: auto; display: table; }
 .public-health nav .page-link { position: relative; display: block; padding: 0; margin: 0 7px; line-height: 32px; color: #666666; background-color: #fff; border: 1px solid #01843E; width: 35px; height: 35px; border-radius: 100%; text-align: center; font-size: 20px; font-weight: 600; }
 .public-health nav .page-link span { font-size: 25px; line-height: 32px; }
 li.page-item-dot { position: relative; align-self: center; padding: 0px 0px; font-size: 25px; color: #666; margin-right: 10px; margin-left: 5px; }
 .public-health nav .page-item:first-child .page-link { border-top-left-radius: 100%; border-bottom-left-radius: 100%; }
 .public-health nav .page-item:last-child .page-link { border-top-right-radius: 100%; border-bottom-right-radius: 100%; }
 .public-health nav .page-item.active .page-link { z-index: 1; color: #fff; background-color: #01843e; border-color: #01843e; }
 .public-health nav .page-link:focus { box-shadow: none; }
 .public-health .card-footer:last-child { border-radius: 0; }
 .public-health .card-footer { background-color:#a6c53c; border-top: none; opacity: 1; transition: all 0.5s ease-in-out; padding:15px 14px 15px 14px; }
 .public-health .card-footer a .text-muted { color: #fff!important; font-size: 14px; font-weight: 400; letter-spacing: 1px; }
 .public-health .card:hover .card-footer { opacity: 1; }
 .public-health .card:hover { transform: translateY(-20px); box-shadow: 0px 0px 43px 0px rgba(0, 0, 0, 0.25); }
 .public-health .insect-pic img { max-height: 254px; }
 .public-health .anume-class .card-footer .text-muted { color:#fff !important; font-size: 14px; }
 .public-health .anume-class .card-footer .text-muted:before{ content:"\f101"; font-size:15px; color:#fff; font-family:'FontAwesome'; display:block; position:absolute; left:31%; margin:2px 0px 0px 0px;}


#qw-form-1 h3 { font-size: 45px; font-weight: 700; color: #333333; line-height: 45px; letter-spacing: 0.4px; }
#qw-form-1 h3 span { font-size: 18px; color: #00843E; font-weight: 700; line-height: 22px; display: block; padding-top: 15px; }
.anume-class .card-footer .text-muted { color: #fff !important; font-size: 14px; }
#qw-form-1 { text-align: left; }
#qw-form-1 p{ font-size:16px; color:#666; font-weight:500;}
#qw-form-1 h6{ font-size:20px; color:#333; font-weight:700;}
#qw-form-1 h5{ font-size:18px; color:#333; font-weight:600; text-align: left; text-transform:none;}
#qw-form-1 h5 small{ font-size:16px; color:#666; font-weight:500;}
#qw-form-1 ul{ margin:0px 0px 25px 0px;}
#qw-form-1 ul li { padding: 8px 0px 12px 30px; font-weight: 500; line-height: 28px; position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
#qw-form-1 ul li:last-child { border-bottom: none; }
#qw-form-1 .btn-primary { border-radius: 0; padding: 15px 25px; margin-top: 35px; background: transparent; border: 2px solid #A6C53C; color: #00843E; text-transform: uppercase; font-size: 15px; letter-spacing: 1.6px; }
#qw-form-1 .btn-primary i { padding-right: 10px; color: rgba(0, 132, 62, 0.45); font-size: 20px; }
#qw-form-1 ul li:before { position: absolute; content: "\f192"; top: 9px; left: 0px; font-family: 'FontAwesome'; color: rgba(0, 132, 62, 0.65); font-size: 15px; font-weight: 600; }
#qw-form-1 .btn-primary:hover i { color: #fff; }
#qw-form-1 .btn-primary:hover { background: #a6c53c; border-color: #a6c53c; color: #fff; }

#qw-form-1 .btn-primary:hover, #qw-form-1 .btn-primary.whatsapp-btn {
    background: #a6c53c;
    border-color: #a6c53c;
    color: #fff;
}
#qw-form-1 .btn-primary:hover i, #qw-form-1 .btn-primary.whatsapp-btn i {
    color: #fff;
}
#qw-form-1 .btn-primary.whatsapp-btn:hover {
    border: 2px solid #A6C53C;
    background-color: #fff;
    color: rgba(0, 132, 62, 0.65);
}
#qw-form-1 .btn-primary.whatsapp-btn:hover i {
    color: rgba(0, 132, 62, 0.65);
}
/*Public Health - End*/

/*******12-08-21********/
.footer-top-content .number-information p{
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 500;
  line-height: 25px;
  letter-spacing: 0.4px;
  padding-top: 0;
  margin-bottom: 5px;
}
.footer-top-content .number-information h4{
  font-size: 16px;
  color: #A5C53B;
  font-weight: 600;
  line-height: 19px;
  padding-bottom: 10px;
  margin-bottom: 0;
}
.quick-view-carousel img {
    max-height: 800px;
    width: 100%;
    object-fit: contain;
    padding: 100px;
}

.accordian_card{text-decoration: none;color: black;display: block;padding: 20px;box-shadow: 0 0 45px rgb(0 0 0 / 8%);height: 100%;}
  .card_inner{background: #fff;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);padding: 25px;}
  .accordian_name{padding: 0 0 0 55px;position: relative;margin: 0;text-align: left !important;transition: .45s;white-space: pre-line;}
  .accordian_name:before{content:'';position: absolute;top: -5px;left: 0;height: 40px;width: 40px;background:url(assets/sub-images/pdf.png) center no-repeat;background-size: contain;transition: .45s;}
  .accordian_card:hover .accordian_name{color: #01843e;}
  .accordian_card:hover .accordian_name:before{transform: scale(1.2);}
  .p-05{padding: 5px;}


    .tab {overflow: hidden; border: 1px solid #01843e;background-color: #fff;transition: .45s;}
  .tabcontent {display: none; padding: 6px 12px; border: 1px solid #ccc;border-top: none;} 
  .tab button {background-color: inherit; float: left; border: none;outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s;}
  .tab button:hover {background-color: #07ad55;color: white;}
  .tab .active {background-color: #01843e;color:white;transition: .45s;}
  .tabcontent {display: none;padding: 15px;border: 1px solid #01843e;border-top: none;}
  .tabcontent p{margin-bottom: 0;}
  .footer-content.footer-border-right ul {
    display: block;
    position: relative;
}

.footer-content.footer-border-right ul li {
    width: 100%;
    padding: 0;
}
.es_subscription_message.success {
    margin: 48px 0 17px 0;
    display: block;
    position: relative;
    border: 1px solid #fff;
    padding: 10px;
}
.emaillist {
    display: flex;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
}

.emaillist .es_subscription_form {
    display: flex;
    width: 100%;
}

input.es_txt_email {
    margin-left: 25px;
}

.footer-top .input-group .input-group-text {
    width: 100%;padding:0 0 0 18px;
}
.emaillist .input-group-prepend {
    margin-right: -1px;
    width: 84%;
    margin: 0;
}


/* 30-12-24 */
.investor-relation-inr .row{margin: -12px;}
.investor-relation-inr .row > div{ padding: 12px; }
.investor-relation-inr .investor-relation-box { padding: 70px 30px 30px; display: flex; justify-content: end; width: 100%; height: 100%; background-color: #fff; position: relative; box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.10); flex-direction: column; }
.investor-relation-inr .investor-relation-box:hover{ transform: scale(1.02); }
.investor-relation-inr .investor-relation-box > span{ font-size: 20px; min-height: 59px; font-weight: 500 !important; color: #202020; text-decoration: none; display: block; text-align: left; width: 100%; text-transform: capitalize; border-bottom: 1px solid #ededed; padding-bottom:10px ; }
.investor-relation-inr .investor-relation-box button { transition: 0.5s; background: transparent;  border: 2px solid #01843e; outline: none; position: absolute; right: 25px; top: 25px; width: 50px; height: 50px; overflow: hidden; padding: 0; border-radius: 50%; }
.investor-relation-inr .investor-relation-box:hover button{background: #01843E; }
.investor-relation-inr .investor-relation-box button span{ transition: all 0.4s cubic-bezier(0.56, 0.26, 0.31, 1.32); display: block; }
.investor-relation-inr .investor-relation-box button span:nth-child(2){ transform: translateX(-46px); }
.investor-relation-inr .investor-relation-box:hover button span:nth-child(1){ transform: translate(46px, -46px); }
.investor-relation-inr .investor-relation-box:hover button span:nth-child(2){ transform: translate(0px, -46px); }
.investor-relation-inr .investor-relation-box button span img{ object-fit: contain; width: 46px; height: 46px; transform: rotate(-45deg); padding: 10px; filter: brightness(0) saturate(100%) invert(27%) sepia(90%) saturate(4711%) hue-rotate(146deg) brightness(91%) contrast(99%); }
.investor-relation-inr .investor-relation-box:hover button span img{filter: none;}
.investor-relation-inr .investor-relation-box .investor-pdf img { width: 60px; opacity: 0.1; margin-left: -6px; margin-bottom: 10px; }

.investor-details-inr ul.investor-details-list{ background: #fff; padding: 20px 25px 20px 0; box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.10); margin-right: 25px; height: 500px; overflow: hidden; z-index: 1; position: sticky; top: 110px; }
.investor-details-inr ul.investor-details-list:hover { overflow-y: auto; }
.investor-details-inr ul.investor-details-list::-webkit-scrollbar { width: 4px; }
.investor-details-inr ul.investor-details-list::-webkit-scrollbar-thumb { background: #ccc; border-radius: 10px; box-shadow: 0 0 0 4px #f0f0f0; }
.investor-details-inr ul.investor-details-list::-webkit-scrollbar-thumb:hover { background: #555; }
.investor-details-inr ul.investor-details-list li:last-child{ border-bottom: 0; }
.investor-details-inr ul.investor-details-list li a { padding: 12px 0 12px 20px; font-weight: 500; width: 100%; height: 100%; display: block; color: #666; margin: 8px 0; position: relative; z-index: 1; text-transform: capitalize; border-left: 3px solid #a6c53c; }
.investor-details-inr ul.investor-details-list li a:after{ content: ''; position: absolute; border-radius: 0 50px 50px 0; z-index: -1; width: 0; height: 100%; display: block; top: 0; left: 5px; background-color: #01843e; }
.investor-details-inr ul.investor-details-list li:hover a, .investor-details-inr ul.investor-details-list li.active a{color: #000; color: white; border-color: #01843e;}
.investor-details-inr ul.investor-details-list li:hover a:after, .investor-details-inr ul.investor-details-list li.active a:after{width: calc(100% - 5px);}
.investor-details-inr .hover-guide { display: flex; align-items: center; justify-content: center; padding: 20px; text-align: center; width: 110px; height: 110px; border-radius: 50%; background: #01843e8f; color: #fff; backdrop-filter: blur(15px); position: absolute; pointer-events: none; /* Prevent interfering with cursor events */ top: -9999px; left: -9999px; z-index: 1; transform: translate(-50%, -50%); /* Centers the guide */ }

.investor-details-inr .investor-details-content{ background: #fff; padding: 30px; box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.10); }
.investor-details-inr .investor-details-content h2{ color: #333; font-size: 24px; font-weight: 700; line-height: 45px; text-transform: capitalize; margin-bottom: 30px; }
.investor-details-inr .investor-details-content .investor-item{ margin: 20px 0; }
.investor-details-inr .investor-details-content .investor-item .investor-item-box { display: flex; width: 100%; padding: 15px 20px; background: #fff; box-shadow: 0 0 45px rgb(0 0 0 / 8%); color: #666; align-items: center; gap: 15px; border: 1px solid transparent; position: relative; overflow: hidden; }
.investor-details-inr .investor-details-content .investor-item .investor-item-box:hover{transform: translateY(-4px) scale(0.99); border-color: #01843E;}
.investor-details-inr .investor-details-content .investor-item .investor-item-box .investor-icon span.link-icon  img{ position: absolute; right: 20px; top: 50%; opacity: 0.6; object-fit: contain; width: 30px; height: 30px; transform: translateY(-50%); }
.investor-details-inr .other-investor{display: none;}

.investor-details-content .investor-detail-subtitle{ display: block; padding-top: 15px; color: #01843E; }


@media screen and (max-width:1406px) {
  .investor-relation-inr .investor-relation-box > span { font-size: 17px; min-height: 53px; }

  .investor-details-inr ul.investor-details-list{margin-right: 0; padding: 15px 15px 15px 0; height: 440px; }
  .investor-details-inr ul.investor-details-list li a{font-size: 15px; padding: 10px 0 10px 15px;}
}
@media screen and (max-width:1200px){
  .investor-details-inr .investor-details-content .investor-item .investor-item-box { padding: 12px 16px; }
  .investor-details-inr .investor-details-content .investor-item .investor-icon img{width: 40px;}
  .investor-details-inr .investor-details-content .investor-item .investor-item-box .investor-icon span.link-icon img{width: 25px; height: 25px;}
  .investor-details-inr .investor-details-content { margin-left: 50px; }
  .investor-details-inr ul.investor-details-list{width: calc(100% + 60px);}
}
@media screen and (max-width:991px){
  .investor-details-inr ul.investor-details-list{width: 100%; padding: 25px;}
  .investor-details-inr .investor-details-content { margin-left: 0px; margin-top: 30px; }
  .investor-details-inr .other-investor{display: block; color: #01843E; text-transform: uppercase; background-color: transparent; margin: 0 0 0 auto; letter-spacing: 0;}
  .swipe-overlay-out.investor-active::after { -webkit-transition: 0.5s all ease; transition: 0.5s all ease; left: 0; right: 0; opacity: 1; }
  .investor-details-inr ul.investor-details-list{ height: 400px; overflow-y: auto; }
  .swipe-overlay-out.investor-active { font-size: 30px; padding: 4px 10px; }
  .investor-details-inr ul.investor-details-list {display: none;}
}
@media screen and (max-width:767px) {
  .investor-relation-inr .investor-relation-box > span { font-size: 15px; padding-bottom: 0; }
  .investor-relation-inr .investor-relation-box { padding: 60px 25px 25px; }

  .investor-relation-inr .investor-relation-box button { right: 20px; top: 20px; width: 40px; height: 40px; }
  .investor-relation-inr .investor-relation-box button span img { width: 36px; height: 36px; padding: 7px; }
  .investor-relation-inr .investor-relation-box button span:nth-child(2){ transform: translateX(-36px); }
  .investor-relation-inr .investor-relation-box:hover button span:nth-child(1){ transform: translate(36px, -36px); }
  .investor-relation-inr .investor-relation-box:hover button span:nth-child(2){ transform: translate(0px, -36px); }
  .investor-relation-inr .investor-relation-box .investor-pdf img { width: 50px; }

  .investor-details-inr .investor-details-content{padding:30px 25px 25px;}
  .investor-details-inr .investor-details-content h2 { font-size: 22px; margin-bottom: 22px; }
}
@media screen and (max-width:575px){
  .investor-relation-inr .investor-relation-box > span { min-height: auto; padding-bottom: 10px; }
  .investor-relation-inr .investor-relation-box button { width: 36px; height: 36px; }
  .investor-relation-inr .investor-relation-box button span img { width: 30px; height: 30px; padding: 5px; }
  .investor-relation-inr .investor-relation-box button span:nth-child(2){ transform: translateX(-30px); }
  .investor-relation-inr .investor-relation-box:hover button span:nth-child(1){ transform: translate(30px, -30px); }
  .investor-relation-inr .investor-relation-box:hover button span:nth-child(2){ transform: translate(0px, -30px); }

  .investor-details-inr .investor-details-content h2 { font-size: 20px; margin-bottom: 20px; line-height: 1.4; }
  .investor-details-inr .investor-details-content .investor-item .investor-item-box { padding: 12px 42px 12px 12px; }
  .investor-details-inr .investor-details-content .investor-item .investor-item-box .investor-icon span.link-icon img { width: 20px; height: 20px; right: 12px; }
  .investor-details-inr .investor-details-content .investor-item .investor-icon img { width: 35px; }
}
@media screen and (max-width:400px){
  .investor-details-inr .investor-details-content h2{font-size: 18px;}
  .investor-details-inr .investor-details-content { padding:30px 20px 20px; margin-top: 25px; }
  .investor-details-inr .investor-details-content .investor-item { margin: 15px 0; }
  .investor-details-inr ul.investor-details-list{padding: 20px;}
}

.investor-relation-inr h3{
    font-size: 30px;
    font-weight: 500 !important;
    margin: 0px 0px 35px 0px;
    line-height: 1.3;
    color: #000;
	       font-family: "Roboto", sans-serif;
}

/* No Record */
.no-records {
    margin: 35px auto;
    text-align: center;
    position: relative;
    padding: 20px 20px;
}

.no-records ul {
    opacity: 1;
    visibility: visible;
    position: relative;
    margin: 0px 0px;
    padding: 0px 0px;
    background: initial;
}
.no-records ul li {

    display: inline-block;
    margin: 0px 15px;
    text-align: left;
     font-family: "Roboto", sans-serif;
}
.no-records ul li i {
    background: #7C0A02;
    width: 150px;
    height: 150px;
    font-size: 50px;
    color: #fff;
    text-align: center;
    border: 1px solid #efefef;
    line-height: 150px !important;
    position: relative;
    top: -52px;
    margin-top: 30px;
}

.no-records ul li h6 {
    font-size: 50px;
    color: #333;
    font-family: 'poppinsmedium';
    margin: 0px 0px 0px 0px;
    line-height: 50px !important;
}
.no-records ul li small {
    font-size: 30px;
    color: #666;
}
/* End No Record */

/* 19-05-2025 */
.footer-top .footer-link .webplus:before {
    content: ' | ';
}
.footer-top .footer-link .webplus img {
    filter: invert(1) grayscale(1) brightness(2);
    opacity: 0.55;
    transition: 0.5s all;
}
.footer-top .footer-link .webplus:hover img {
    opacity: 0.8;
}
.footer-link ul {
    justify-content: end;
    display: flex;
    gap: 5px;
}
@media only screen and (max-width: 1199px) {
    .footer-link {
        text-align: center;
    }

    .footer-link ul {
        justify-content: center;
    }

    .footer-top footer.footer-link {
        padding-bottom: 15px;
    }
}

@media only screen and (max-width: 991px) {
    .footer-top .footer-link .webplus {
        display: block;
    }

    .footer-top .footer-link .webplus:before {
        display: none
    }
}

.investor-details-content .investor-icon img {
    width: 50px;
}


/* 20-04-2026 */

#brand-ambassador {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
}
.brand-img{ margin: -126px 0px 0px 0px; position: relative;}
.ambassador-text {padding: 25px 50px;}
.ambassador-text small{ font-size: 14px; color: #A5C539; letter-spacing: 1px; font-weight: 500;}
.ambassador-text h3{ font-size: 35px;
    color: #333333;
    font-weight: 700;
    line-height: 50px;
    text-transform: uppercase;
    letter-spacing: 0.4px;}
.brand-ambassador-brief{ max-height: 400px; overflow-y: auto;}  
.brand-ambassador-brief p{font-weight: 500;}