/* ********breadcrumbs******** */
.breadcrumbs {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1;
}
.breadcrumbs ul {
  padding: 0;
  margin: 15px 0 0 15px;
}
.breadcrumbs ul li {
  list-style: none;
  position: relative;
  margin: 0 10px 0 3px;
  display: inline-flex;
  font-size: 0.75rem;
}
.breadcrumbs ul li:after {
  content: "/";
  position: absolute;
  right: -10px;
}
.breadcrumbs ul li:first-child {
  margin-left: 0;
}
.breadcrumbs ul li:last-child:after {
  display: none;
}
.breadcrumbs ul li a {
  color: #000;
}
.breadcrumbs ul li a:hover {
  text-decoration: underline;
}
/* *******************backbtn-inner******************* */
.backbtn-inner {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  margin: 15px auto;
  z-index: 1;
  display: none;
  max-width: 1366px;
}
.backbtn-inner .container {
  max-width: 100%;
}
.backbtn-inner a {
  position: relative;
  padding-left: 25px;
  background: none;
  outline: none;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  display: block;
  font-size: 0.85rem;
}
.backbtn-inner a:before {
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  content: "\f177";
  left: 0;
  font-size: 1.25rem;
  color: rgba(0, 0, 0, 1);
  top: -5px;
}
/* ************banner inner ************ */
.inner-banner {
  position: relative;
}
.inner-banner .bannerimg-wrap {
  padding: 0;
  margin: 0;
}
.inner-banner .bannerimg-wrap img {
  width: 100%;
}
.inner-bannertxt,
.inner-bannertxt-prodcat-detail {
  position: absolute;
  left: 0;
  top: 40%;
  right: 0;
  margin: 0 auto;
  width: 100%;
  z-index: 1;
}
.inner-bannertxt-prodcat-detail {
  top: auto;
  bottom: 40%;
}
.prodbanner-txt-left,
.prodbanner-txt-right,
.productcat-desc-bannertxt,
.vision-bannertxt,
.awards-bannertxt,
.faqs-bannertxt,
.ourbusiness-innertxt {
  font-size: 2.625rem;
  font-weight: 800;
  color: #fff;
  text-shadow: 0px 0px 6px rgba(150, 150, 150, 1);
}
.prodbanner-txt-left,
.prodbanner-txt-right {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 0 0 6%;
}
.prodbanner-txt-right {
  margin: 0 7% 0 0;
  text-align: right;
}
.productcat-desc-bannertxt {
  margin: 0 0 5% 6%;
  text-align: center;
  max-width: 500px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
/* ***********prodcat************ */
.prodimg {
  background: url(../../images/product-imgs/prod-bg.html) center top no-repeat;
  position: relative;
  background-size: 130%;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  overflow: hidden;
}
.prodimg img {
  width: 40% !important;
  margin: 20px auto;
  display: block;
}
.prodCataImg {
  max-height: inherit;
}
.prodCataImg img {
  width: 100% !important;
}
.prod-name {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #ffea00;
  padding: 5px 20px;
  font-weight: 600;
  border-top-right-radius: 10px;
  -webkit-border-top-right-radius: 10px;
}
.tab-prod-cat .card {
  position: relative;
  transition: transform 0.5s;
}
.tab-prod-cat .card .btn {
  font-weight: 500;
  font-size: 1rem;
}
.tab-prod-cat .card .card-title {
  font-size: 1.25rem;
  color: #008c44;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tab-prod-cat .card .card-text {
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 30px;
  min-height: 95px;
}

.tab-prod-cat .card:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1);
  box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.15);
  content: "";
  opacity: 0;
  z-index: -1;
}
.tab-prod-cat .card:hover,
.tab-prod-cat .card:focus {
  transform: scale3d(1, 1, 1);
}
.tab-prod-cat .card:hover:after,
.tab-prod-cat .card:focus:after {
  opacity: 1;
}
.tab-prod-cat .card:hover .prodimg {
  background-size: 135%;
  transition: 0.4s;
}

.slide-bot-tab-product .nav-tabs .nav-link {
  opacity: 0.5;
}
.slide-bot-tab-product .nav-tabs .nav-link.active {
  opacity: 1;
}

/* *****************prod desc**************** */
p {
  font-size: 1rem;
  color: #000;
  padding: 0;
  margin: 0;
  line-height: 1.5rem;
}
.prod-descimg-box {
  position: relative;
}
.prod-descimg-box .prodinfo-circle {
  background: #008c44;
  width: 100px;
  height: 100px;
  position: absolute;
  top: -1%;
  right: 5%;
  color: #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  font-size: 1.875rem;
  text-align: center;
  font-weight: 700;
  padding-top: 30px;
}
.prod-des-txt p {
  line-height: 1.8;
}
.prod-des-txt p.note-prod {
  font-size: 0.6875rem;
  border-bottom: 1px solid #ffea00;
  margin: 15px 0 15px;
  padding-bottom: 20px;
}
.porod-desc-btns {
  text-align: center;
}
.porod-desc-btns .btn {
  width: 90%;
  max-width: 0 auto;
  font-size: 1.25rem;
  padding: 0.625rem 0;
}
.tech-specbg {
  background: url(../../images/product-imgs/techspec-bg-dark.html) center
    bottom no-repeat;
  max-width: 1366px;
  margin: 0 auto;
}
.tech-specbg .table-responsive table td {
  font-weight: 400;
  font-size: 1rem;
}
.tech-specbg .table-responsive table td:nth-child(1) {
  width: 25%;
  color: #137f3a;
  font-size: 2.5625rem;
  font-weight: 800;
  text-align: right;
}
.techspec-righttxt {
  font-size: 1rem;
  border-top: 3px solid #ffea00;
  font-weight: 500;
  line-height: 1.7;
  padding-right: 20%;
}

.keybenifit-bg {
  border-bottom: 6px solid #ffea00;
  max-width: 1366px;
  margin: 0 auto;
}
.keybenifit-bg h2,
.ferti-benefit-bg h2 {
  font-size: 2rem;
  color: #fff;
  font-weight: 700;
  position: relative;
  padding: 0 0 0 75px;
}
.keybenifit-bg h2:before,
.ferti-benefit-bg h2:before {
  content: "";
  width: 60px;
  height: 50%;
  left: 0;
  top: 6px;
  position: absolute;
  background: #ffea00;
}
.ferti-benefit-bg h2:before {
  height: 20px;
  top: 5px;
}
ul.keybenifit-list {
  padding: 0;
  margin: 30px 0 0 75px;
}
ul.keybenifit-list li {
  list-style: none;
  font-weight: 600;
  position: relative;
  line-height: 5.3;
  margin-bottom: 15px;
  padding: 0 0 0 90px;
}
ul.keybenifit-list li > span {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 80px;
}

.keybenifit-bg1 {
  background: none;
  position: relative;
  overflow: hidden;
  padding-bottom: 180px;
}
.keybenifit-bg1 ul.keybenifit-list li {
  color: #fff;
}
#myVideo {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

.use-urea {
  margin: 6rem 0 0;
}
.use-urea p {
  line-height: 28px;
}
.use-urea-wrap .headingmain p {
  font-size: 1.3rem;
  color: #222;
  margin: 0 20%;
}
.use-urea-wrap {
  align-items: center;
}
.use-urea-wrap .imgwrap {
  position: relative;
}
.use-urea-wrap .textwrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.use-urea-wrap .textwrap .text-box {
  margin: -13% 0 0 -2%;
}
.use-urea-wrap .textwrap .text-box a.playbtn {
  font-size: 7rem;
  font-weight: 900;
  color: #fff;
}
.use-urea-wrap .textwrap .text-box a.playbtn:hover {
  color: #ffea00;
}
.use-urea-txtbox {
  margin: 0;
}

.beneficial-slider-box {
  max-width: 1366px;
  margin: 0 auto;
}

.tech-desc-margin {
  margin-top: 100px;
}
.prod-detal-txtwrap {
  height: auto;
}
.prod-detal-txtwrap .headingmain h2,
.prod-detal-txtwrap .headingmain h1 {
  margin-bottom: 20px;
}
.prod-desc-img-device {
  display: none;
}
#productimg-stick {
  z-index: 2;
}
/* .prod-detal-txtwrap-scroll{width:120%;} */
.prod-nutrients-space {
  margin: 65px 0 0 0;
  background: #f4f4f4;
  padding: 40px 35px 30px;
}
.product-nutrienthead {
  font-weight: 600;
  font-size: 1rem;
}
ul.prodnutri-filter-list {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}
ul.prodnutri-filter-list li {
  padding: 0;
  min-width: 88px;
  text-align: center;
  margin: 5px 12px 5px 0;
}
ul.prodnutri-filter-list li a {
  border: 1px solid #028c44;
  padding: 5px 0 7px;
  display: block;
  color: #028c44;
  opacity: 0.5;
  cursor: default;
}
ul.prodnutri-filter-list li a:hover {
  color: #028c44;
}
ul.prodnutri-filter-list li.active a {
  background: #028c44;
  color: #fff;
  opacity: 1;
}
ul.prodnutri-filter-list li a .bigtxt {
  font-size: 2.625rem;
  font-weight: 500;
  line-height: 3rem;
}
ul.prodnutri-filter-list li a .smalltxt {
  font-size: 0.75rem;
  display: block;
  font-weight: 600;
  margin-top: 5px;
}
ul.prodnutri-filter-list li:last-child {
  margin-right: 0;
}

.color-orange {
  background: orange !important;
  border: 0 !important;
}
.color-blue {
  background: blue !important;
  border: 0 !important;
}
.color-silver {
  background: #c0c0c0 !important;
  border: 0 !important;
}

/**** description fertilisers ****/

.proddesc-biosecond {
  padding-bottom: 140px;
}
.with-la {
  max-width: 1366px;
  padding: 0;
}
.fertiliser-benefitbox .with-la .row.no-gutters {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
  padding: 70px 0;
}
.bg-green {
  background-color: #008c44;
  position: relative;
  overflow: hidden;
}
.subhead-fertiliser {
  font-size: 2rem;
  color: #fff;
  font-weight: 700;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 25px;
}
.subhead-fertiliser:before {
  content: "";
  width: 170px;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  background-color: #ffea00;
}
.fertilisercat-txt {
  font-size: 1rem;
  color: #fff;
  font-weight: 500;
  line-height: 2rem;
}
.ferticattxt-box {
  padding: 0 35% 0 10%;
}
.ferticattxt-box-right {
  padding: 0 10% 0 35%;
}

.ferticattxt-box-right .subhead-fertiliser:before {
  left: auto;
  right: 0;
}
.prodhead-inner {
  font-weight: 700;
  color: #008c44;
}
.prodinner-paraxt {
  font-size: 1.125rem;
  line-height: 1.8;
  margin-top: 30px;
  color: #000;
  font-weight: 500;
}
.ferti-benefit-bg {
  max-width: 1366px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.bf-benefitimg {
  height: auto;
  width: 100%;
}
.fertiliser-benefitbox {
  position: relative;
  left: 0;
  top: 0;
  color: #fff;
  width: 100%;
}
.bf-benefits-text {
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
  margin: 20px 70px 0 75px;
  line-height: 2rem;
}

.bf-benefits-circle-outer,
.bf-benefits-circle-inner,
.bf-benefits-circle-outer1 {
  width: 440px;
  height: 440px;
  border: 5px solid transparent;
  position: relative;
  margin: 10% 10% 0 0;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.bf-benefits-circle-inner {
  position: absolute;
  width: 460px;
  height: 460px;
  margin: -15px 0 0 -15px;
  -moz-animation: spinoffPulse 80s infinite linear;
  -webkit-animation: spinoffPulse 80s infinite linear;
  animation: spinoffPulse 80s infinite linear;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: 2px dashed rgb(255, 234, 0);
}
.bf-benefits-circle-outer1 {
  position: absolute;
  width: 440px;
  height: 440px;
  margin: -5px 0 0 -5px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: 5px solid rgba(255, 255, 255, 0.6);
}

.bf-benefit-icon1,
.bf-benefit-icon2,
.bf-benefit-icon3,
.bf-benefit-icon4 {
  display: block;
  width: 170px;
  position: absolute;
  transform: rotate(40deg);
  top: 65px;
  left: -55px;
}
.bf-benefit-icon1::after,
.bf-benefit-icon2::after,
.bf-benefit-icon3::after,
.bf-benefit-icon4::after {
  content: "";
  position: absolute;
  width: 96px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.8);
}
.bf-benefit-icon2 {
  transform: rotate(15deg);
  top: 160px;
  left: -102px;
}
.bf-benefit-icon3 {
  transform: rotate(-10deg);
  top: 260px;
  left: -105px;
}
.bf-benefit-icon4 {
  transform: rotate(-40deg);
  top: 365px;
  left: -55px;
}
.circle-bficon {
  display: block;
  width: 130px;
  height: 130px;
  position: absolute;
  top: -70px;
  left: -95px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
/* .circle-bficon-inner{display: block; width: 62px; height: 62px; overflow: hidden; border:2px solid rgba(255, 255, 255, 0.4); margin: 5px 0 0 5px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; -webkit-border-radius: 50%;; border-radius: 50%;} */
.benefits-circle-product {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0 auto;
  text-align: center;
  width: 140px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.circle-play-bficon {
  background: #fff;
  width: 115px;
  height: 115px;
}
.circle-play-bficon a {
  display: block;
  padding: 20px;
  font-size: 75px;
  line-height: 0;
  color: #424242;
}
.circle-play-bficon a:hover {
  color: #008c44;
}
.cropimg-bf {
  position: absolute;
  bottom: 0;
  right: 30px;
  width: 130px;
}
.leafimg-bf {
  position: absolute;
  bottom: 0;
  left: 30px;
  width: 210px;
}

.bf-benefit-icon1 .circle-bficon {
  transform: rotate(-40deg);
}
.bf-benefit-icon2 .circle-bficon {
  transform: rotate(-15deg);
}
.bf-benefit-icon3 .circle-bficon {
  transform: rotate(10deg);
}
.bf-benefit-icon4 .circle-bficon {
  transform: rotate(40deg);
}
.rotatecrop-img {
  -webkit-animation: 6s rotatecrop infinite linear;
  animation: 6s rotatecrop infinite linear;
}
.rotatecrop-img1 {
  -webkit-animation: 4s rotatecrop1 infinite linear;
  animation: 4s rotatecrop1 infinite linear;
}

@-moz-keyframes spinoffPulse {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spinoffPulse {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes rotatecrop {
  0% {
    -webkit-transform: rotate(-10deg);
  }
  35% {
    -webkit-transform: rotate(-20deg);
  }
  70% {
    -webkit-transform: rotate(-15deg);
  }
  100% {
    -webkit-transform: rotate(-10deg);
  }
}

@-webkit-keyframes rotatecrop1 {
  0% {
    -webkit-transform: rotate(0deg);
  }
  35% {
    -webkit-transform: rotate(10deg);
  }
  70% {
    -webkit-transform: rotate(5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}

.bioferti-sliderbox {
  overflow: hidden;
}

.video-link-method {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 7rem;
  font-weight: 100;
  line-height: normal;
}
.video-link-method .videoicon-ferti {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translateY(-35%);
  padding: 34% 0;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  color: #fff;
  display: block;
  -webkit-transition: ease-in-out all 0.3s;
  transition: ease-in-out all 0.3s;
}
.video-link-method:hover .videoicon-ferti {
  background-color: rgba(0, 0, 0, 0.5);
}
.video-link-method:hover .videoicon-ferti {
  color: #008c44;
}
.playicon-ferti {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}

ul.bioicon-detail {
  margin: 20px 40px 0 75px;
}
ul.bioicon-detail li {
  position: relative;
  margin: 0 0 20px 0;
  padding: 0 0 5px 25px;
  font-size: 1.4rem;
  font-weight: 400;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  transition: all 0.3s;
}
ul.bioicon-detail li:before {
  content: "\f111";
  position: absolute;
  left: 0;
  top: 5px;
  color: #ffea00;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: 0.875rem;
}

.opadown,
.opadown:before {
  color: #aeaeae !important;
  transition: all 0.3s;
}
.opaup {
  color: #ffea00;
  transition: all 0.3s;
}

/* *********slider************** */
.slider-beneficial {
  width: 100%;
  max-width: 100%;
  height: 450px;
  overflow: hidden;
  margin: 50px auto;
}
.slider-beneficial ul {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin: 0;
  padding: 0;
}
.slider-beneficial ul li {
  display: table-cell;
  vertical-align: bottom;
  position: relative;
  width: 33.3333%;
  height: 250px;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 500ms ease;
}
.slider-beneficial ul li div {
  display: block;
  overflow: hidden;
  width: 100%;
}
.slider-beneficial ul li div span {
  display: block;
  width: 100%;
  height: 640px;
  overflow: hidden;
  position: absolute;
}
.slider-beneficial ul li div a {
  cursor: default;
  display: block;
  height: 640px;
  width: 100%;
  position: relative;
  z-index: 3;
  vertical-align: bottom;
  padding: 15px 20px 15px 0;
  box-sizing: border-box;
  color: #fff;
  text-decoration: none;
  font-family: Open Sans, sans-serif;
  transition: all 200ms ease;
}
.slider-beneficial ul li div a * {
  opacity: 0;
  margin: 0;
  width: 100%;
  text-overflow: ellipsis;
  position: relative;
  z-index: 5;
  overflow: hidden;
  -webkit-transform: translateY(-120px);
  transform: translateY(-120px);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.slider-beneficial ul li div a h2 {
  padding-left: 130px;
  font-family: Montserrat, sans-serif;
  position: relative;
  max-width: 430px;
  font-size: 1.875rem;
  font-weight: 700;
  margin-bottom: 20px;
  top: 75px;
  line-height: 1.5;
}
.slider-beneficial ul li div a h2:before {
  content: "";
  width: 120px;
  height: 25px;
  left: 0;
  top: 6px;
  position: absolute;
  background: #ffea00;
}
.slider-beneficial ul li div a p {
  top: 75px;
  font-size: 1rem;
  color: #fff;
  width: 700px;
  line-height: 2;
  padding-left: 130px;
}
.slider-beneficial ul:hover li {
  width: 25%;
}
.slider-beneficial ul:hover li:hover {
  width: 60%;
}
.slider-beneficial ul:hover li:hover a {
  background: rgba(0, 0, 0, 0.5);
}
.slider-beneficial ul:hover li:hover a * {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
/* *********slider************** */
#bottom-products-prod-detail .card-text {
  margin-bottom: 30px;
  font-size: 0.875rem;
}

/* ************* leadership *************** */
/* .leadershipbg1, .leadershipbg2{background: url(/assets/images/leadership-bg1.jpg) center top no-repeat; background-size: cover; padding:60px 0 0 0;} */
.leadershipbg1,
.leadershipbg2 {
  padding: 0px;
}
/* .leadershipbg2{background-image: url(/assets/images/leadership-bg2.jpg);} */
.leadership-contentbox {
  max-width: 100%;
  margin: 0 auto;
  position: relative;
}
.leadership-contentbox img {
  width: 100%;
}
.leadership-toptxt {
  position: absolute;
  width: 630px;
  right: 5%;
  top: 0;
  margin: 140px 0 0 0;
}
.leadership-toptxt-left {
  right: auto;
  left: 5%;
}
/* .leadership-contentbox .leadership-imgleft{} */
.leadership-contentbox .headingmain h2 {
  letter-spacing: -1px;
  font-size: 1.875rem;
  padding-left: 15px;
}
.leadership-contentbox .headingmain h2 span {
  font-size: 1rem;
  color: #424242;
  padding: 0 0 0 10px;
  letter-spacing: normal;
  font-weight: 600;
}
.leadership-contentbox .headingmain h2 span:before {
  display: none;
}
.leadership-contentbox .middletxt-leader {
  border-left: 3px solid #2a9e62;
  margin: 0 0 20px 30px;
  padding: 0 0 0 30px;
  line-height: 2;
}
.leadership-contentbox .leadertop-followbtn {
  margin: 0 0 0 63px;
}
.leadership-contentbox .leadertop-followbtn a {
  color: #424242;
  position: relative;
  font-size: 1rem;
  font-weight: 600;
}
.leadership-contentbox .leadertop-followbtn a:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  height: 1px;
  background: #424242;
  width: 60%;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.leadership-contentbox .leadertop-followbtn a:hover:before {
  width: 100%;
}
.leadership-contentbox .leadertop-followbtn a .twitter-follow {
  margin: 0 0 0 10px;
  font-size: 1.75rem;
  color: #6aace8;
}
.leadership-tabtxt {
  font-size: 1.875rem;
  line-height: 1.7;
}
.leadershiptabs {
  padding: 60px 0;
}
.leadershiptabs .leadertab-btn {
  margin: 0 0 20px;
}
.leadershiptabs .leadertab-btn .nav-tabs {
  border: 0;
}
.leadershiptabs .leadertab-btn .nav-tabs .nav-link {
  width: 40%;
  position: relative;
  border: none;
  color: #424242;
}
.leadershiptabs .leadertab-btn .nav-tabs .nav-link h2 {
  font-size: 1.375rem;
  font-weight: 600;
}
.leadershiptabs .leadertab-btn .nav-tabs .nav-link:hover {
  color: #424242;
}
.leadershiptabs .leadertab-btn .nav-tabs .nav-link.active {
  color: #2a9e62;
}
.leadershiptabs .leadertab-btn .nav-tabs .nav-link:before {
  border-bottom: 5px solid #ffea00;
  position: absolute;
  content: "";
  width: 0%;
  height: 1px;
  top: 40px;
  z-index: 1;
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.leadershiptabs .leadertab-btn .nav-tabs .nav-link.active:before {
  width: 60%;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.tabcontent-leader .leader-deck h5.card-title {
  font-size: 1.125rem;
  color: #008c44;
  font-weight: 600;
  position: relative;
}
.tabcontent-leader .leader-deck h5.card-title a {
  position: absolute;
  right: 0;
  top: -7px;
  color: #6aace8;
  font-size: 1.5rem;
}
.tabcontent-leader .leader-deck .card-text {
  font-size: 0.875rem;
  line-height: 2;
}
.tabcontent-leader .leader-deck .card-body {
  padding-left: 0;
  padding-right: 0;
}
.tabcontent-leader .leader-deck .card-text span {
  padding: 0;
  margin: 0;
  display: block;
}
.tabcontent-leader .leader-deck .card-footer {
  padding: 0;
  background: none;
  border: 0;
  font-size: 0.875rem;
  color: #000;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding-bottom: 5px;
  border-radius: 0;
  text-align: right;
}
.tabcontent-leader .leader-deck .card-footer a {
  font-size: 0.875rem;
  color: #000;
}
.tabcontent-leader .leader-deck .card-footer a:hover {
  color: #2a9e62;
}
.mb-leader-card {
  margin-bottom: 6rem;
}

.leadership-modal .modal-dialog {
  max-width: 1000px;
}
.leadership-modal .modal-dialog .modal-body {
  padding: 50px;
}
.close-leadership-modal {
  right: 15px;
  background: none;
  border: none;
  position: absolute;
  top: 15px;
  cursor: pointer;
  font-size: 50px;
  font-weight: 400;
  z-index: 10;
  line-height: 30px;
}
.leadership-modal .modal-dialog .modal-body h5 {
  font-size: 1.875rem;
  color: #2a9e62;
}
.leadership-modal .modal-dialog .modal-body h5 small {
  display: block;
  font-size: 0.875rem;
  color: #424242;
}
.leadership-modal .modal-dialog .modal-body .poptxt {
  color: #424242;
  font-size: 1rem;
  line-height: 1.8;
  margin-top: 20px;
}
.leadership-modal .modal-dialog .modal-body .followpop {
  position: absolute;
  right: -10px;
  bottom: -10px;
  background: #eee;
  padding: 10px;
  color: #000;
  font-weight: 600;
}
.leadership-modal .modal-dialog .modal-body .followpop a {
  margin-left: 10px;
}
.twitter-follow-blue {
  color: #6aace8;
  font-size: 1.5rem;
}
.orangepopimgbox {
  width: 30px;
  height: 30px;
  background: #ff9501;
  position: absolute;
  top: -10px;
  right: -10px;
}
.popimg {
  max-width: 329px;
}

.text,
.text1 {
  display: none;
}
.loadmore-btn-box {
  text-align: center;
  width: 100%;
}
.loadmore-btn-box button {
  color: #008c44;
  background: white;
  border: 1px solid #008c44;
  font-size: 1rem;
  padding: 10px 30px;
  cursor: pointer;
  font-weight: 600;
}
.know-tourlink-wrap {
  margin: 30px 0 40px 63px;
  font-weight: 500;
}
/* .know-tourlink-wrap a{color: #000;} */
.know-tourlink-wrap a:hover {
  color: #008c44;
}
.know-tourlink-wrap a.knowmore {
  margin-right: 70px;
}
.know-tourlink-wrap a .fa-external-link {
  font-size: 1.0625rem;
  margin-left: 10px;
}

.board-meeting-leadership {
  padding: 100px 0 100px;
}
.boardmeeting-head {
  font-size: 2rem;
  color: #008c44;
  font-weight: 700;
  margin: 60px 0 30px;
}
.boardmeeting-head span {
  position: relative;
}
.boardmeeting-head .underline-head {
  display: block;
}
.boardmeeting-head .underline-head:before {
  display: none;
}
.boardmeeting-head span:before {
  border-bottom: 7px solid #ffea00;
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  bottom: -15px;
  z-index: 1;
  left: 0;
  right: 0;
}
.board-meeting-txt {
  font-size: 1rem;
  line-height: 2;
  font-weight: 500;
}

.watchvideo-link {
  position: absolute;
  right: 80px;
  bottom: 25px;
  font-size: 1rem;
  display: none;
}
.watchvideo-link a {
  color: #fff;
}
.watchvideo-link a .fa-play-circle {
  font-size: 2.5rem;
  position: relative;
  padding-right: 10px;
  top: 7px;
}
.leadership-imgleft {
  position: relative;
}
.modal-content.leadership-video {
  background: #000;
}
.breadcrumbs + .leadersip-topimgs .watchvideo-link {
  display: none;
}
/****leadership card effect*****/
.leader-cardbox {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: block;
}
.leader-cardbody-inner {
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 0;
  margin: 0;
  padding: 0;
  transition: all 0.3s;
}
.leadership-effect {
  padding: 20px;
  bottom: 45%;
}
.imgleader {
  background: rgba(0, 140, 68, 0);
}
.imgleader:hover {
  background: rgba(0, 140, 68, 0);
}
.imgleader .card-img-top {
  opacity: 1;
  transition: all 0.3s;
}
.imgleader:hover .card-img-top {
  opacity: 0.2;
}

.leader-cardbox1 {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: block;
}
.imgleader1 {
  overflow: hidden;
  transition: all 0.4s;
}
.imgleader1:hover {
  background-color: rgba(0, 140, 68, 1);
}
.imgleader1 .card-img-top {
  transition: all 0.4s;
  transform: scale(1);
}
.imgleader1:hover .card-img-top {
  transform: scale(1.08);
}
.imgleader1 .leader-cardbody-inner1 {
  transition: all 0.4s;
}
.imgleader1:hover .leader-cardbody-inner1 {
  padding: 0 20px;
  transition: all 0.4s;
}
.imgleader1:hover h5,
.imgleader1:hover .card-text,
.imgleader1:hover .card-footer {
  color: #fff !important;
  transition: all 0.4s;
}

/* ************vision mission**************** */
.vision-bannertxt {
  text-align: left;
  position: relative;
}
.vision-bannertxt span {
  position: relative;
}
.vision-bannertxt span:before {
  border-bottom: 7px solid #ffea00;
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  top: 50px;
  z-index: 1;
  left: 0;
  right: 0;
}
.vision-banner-box {
  bottom: 25%;
  top: auto;
}
.headingmain .heading-vision {
  font-size: 1.5625rem;
  font-weight: 700;
}
.vision-top {
  padding: 70px 0;
}
.vision-top .vision-toptext,
.vision-toptext p {
  text-align: center;
  line-height: 2 !important;
  font-size: 1rem !important;
}

.vision-2020 {
  max-width: 1366px;
  margin: 0 auto;
}
.vision-2020 .headingmain h2 {
  text-align: left;
}
.vision-2020txt {
  color: #000;
  line-height: 2;
}
.vision2020img {
  position: relative;
}
.vision2020img:after {
  border-bottom: 6px solid #ffea00;
  position: absolute;
  content: "";
  width: 50%;
  height: 1px;
  bottom: 50px;
  right: -30%;
}

.visioncorp-plan {
  background: #eef1f2;
  padding: 60px 0 40px;
}
ul.corpplan-list {
  padding: 0;
  margin: 40px 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
ul.corpplan-list li {
  display: block;
  position: relative;
  padding-left: 90px;
  margin-bottom: 40px;
  min-height: 67px;
  width: 39%;
}
/* ul.corpplan-list li:before{content: ''; position: absolute; left: 0; top: 0; background:url(/assets/images/corp-planlist-img.png) left top no-repeat; padding: 35px 37px;} */
.corpplan-listicon {
  position: absolute;
  left: 0;
}

.bgfeatures {
  background: #eef1f2;
}
.bgfeatures-img {
  max-width: 1366px;
  margin: 0 auto;
  background-size: cover;
}
ul.features-listing {
  padding: 0;
  margin: 0;
}
ul.features-listing li {
  list-style-type: disc;
  font-size: 1rem;
  color: #fff;
  padding-left: 10px;
  position: relative;
  margin-bottom: 30px;
  line-height: 1.7;
}
ul.features-listing li:after {
  content: "";
  position: absolute;
  height: 1px;
  width: 95px;
  background: #918e89;
  bottom: -11px;
  left: -45px;
}
ul.features-listing li:last-child:after {
  display: none;
}

.mission-box {
  padding: 70px 0 350px;
  background: url(../../images/missionbg.html) center bottom no-repeat;
}
.mission-box .mission-toptxt {
  text-align: center;
  line-height: 1.8;
}
ul.mission-listing {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
ul.mission-listing li {
  position: relative;
  list-style: none;
  font-size: 1rem;
  padding-left: 25px;
  margin-bottom: 30px;
  width: 47%;
}
ul.mission-listing li:before {
  content: "";
  left: 0;
  top: 6px;
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #008c44;
}

.vision-salient-featuretxt {
  position: absolute;
  top: 3rem;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.featureimg {
  position: relative;
  height: 580px;
}
.featureimg .vfeaimg {
  height: 100%;
}
/* ********************awards************************** */
.awards-banner-box {
  top: 41%;
}
.awards-bannertxt {
  text-align: left;
}
.awards-bannertxt span {
  position: relative;
  display: inline-flex;
}
.awards-bannertxt span:before {
  border-bottom: 7px solid #ffea00;
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  bottom: -10px;
  z-index: 1;
  left: 0;
  right: 0;
}
.awards-masonrycards {
  padding: 50px 0 70px;
}
.awards-masonrycards .card-columns {
  column-count: 2;
}
.awards-masonrycards .card-columns .card {
  background: transparent;
  margin-bottom: 0.75rem !important;
}
.awards-masonrycards blockquote {
  padding: 0;
}
.awards-masonrycards blockquote p {
  line-height: 2;
}
.rankspace {
  margin-bottom: 30px;
}
.awards-top {
  background: url(../../images/awardsbg.html) center top repeat-x #f4f3ef;
}
.accolades-list {
  background: #f4f3ef;
}
ul.awards-bottomlist {
  padding: 0;
  margin: 2rem 0 2rem;
  text-align: center;
}
ul.awards-bottomlist li {
  list-style: none;
  width: 24.6%;
  margin: 0 0 5rem 0;
  display: inline-block;
  vertical-align: top;
}
ul.awards-bottomlist li a {
  text-decoration: none;
  color: #149351;
}
ul.awards-bottomlist li a:hover {
  text-decoration: underline;
}
.awards-listbox {
  background: url(../../images/accolades-listimgbg.html) center top no-repeat;
  color: #149351;
  font-weight: 600;
  padding: 0 28%;
  text-transform: uppercase;
  height: 154px;
  display: flex;
  justify-content: center;
  text-align: center;
  flex-direction: column;
}

.awards-searchfilter {
  padding: 0;
}
.awards-searchfilter-color {
  background: #008c44;
  padding: 20px 0;
  width: 100%;
  z-index: 10;
}
.heading-filter {
  font-size: 1.875rem;
  font-weight: 300;
  color: #fff;
}
.heading-filter span {
  font-size: 0.875rem;
  display: block;
  text-transform: uppercase;
  line-height: 1.5rem;
}
.filter-select span {
  font-size: 0.875rem;
  text-transform: uppercase;
  color: #fff;
  padding: 0 0 0 0;
}
.filter-select {
  padding: 0;
  margin: 0;
  position: relative;
  font-weight: 300;
}
.filter-select-media {
  top: 5px;
}
.filter-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0 !important;
  background: #2c3e50;
  background-image: none;
  background: #008c44;
  background-image: none;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0 0 0 5px;
  color: #fff;
  cursor: pointer;
  font-size: 1.875rem;
  font-weight: 300;
  font-family: "Montserrat", sans-serif;
  border-bottom: 1px solid #66ba8f !important;
}
.select {
  position: relative;
  display: block;
  height: 3em;
  line-height: 3;
  overflow: hidden;
}
.filter-select select option {
  font-size: 12px;
}
.filter-select select::-ms-expand {
  display: none;
}

.filter-select .select::after {
  content: "";
  position: absolute;
  top: 40%;
  right: 0;
  bottom: 0;
  padding: 0 1em;
  background: #34495e;
  pointer-events: none;
  background: url(../../images/arrowwhite.html) no-repeat;
  width: ;
}
.filter-select .select:hover::after {
  color: #f39c12;
}
.filter-select .select::after {
  transition: 0.25s all ease;
}

.search-filter-bottom {
  background: #f4f3ef;
  padding: 40px 0;
}
.awards-searchfilter-color .filter-btns-box button {
  display: inline-block;
  font-family: "Montserrat", sans-serif;
  padding: 0 0 5px;
  border: 0;
  margin: 0 7%;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 300;
  cursor: pointer;
  position: relative;
}
.awards-searchfilter-color .filter-btns-box button:before {
  border-bottom: 2px solid #66ba8f;
  position: absolute;
  content: "";
  width: 0%;
  height: 1px;
  bottom: -3px;
  z-index: 1;
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.awards-searchfilter-color .filter-btns-box button.active:before {
  width: 110%;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.awards-searchfilter-color .filter-btns-box button:focus {
  outline: 0 none;
}
.awards-searchfilter-color .filter-btns-box button:first-of-type {
  margin-left: 0;
}
.awards-searchfilter-color .filter-btns-box button:last-of-type {
  margin-right: 5%;
}
.awards-searchfilter-color .filter-btns-box button:focus {
  outline: 0 none;
}
.awards-searchfilter-color fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
.awards-searchfilter-color .filter-btns-box button:first-child {
  margin-left: 0;
}

.icon-filterawwards {
  display: block;
  margin: 0 auto 5px;
}

.btn-innoimg {
  background: none;
}
.btn-techimg {
  background: none;
}
.btn-sustainimg {
  background: none;
}
.btn-otherimg {
  background: none;
}

.container-filter {
  padding: 0;
}

.container-filter .mix {
  display: none;
}
.container-filter h5.card-title {
  font-size: 1.125rem;
  font-weight: 700;
  color: #008c44;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 10px;
  min-height: 75px;
  text-align: left;
  line-height: 1.6;
}
#Filters {
  height: 150px;
  z-index: 1;
  position: relative;
}
.stick-awards-filter {
  position: fixed;
  top: 72px;
  transition: all 0.5s;
}

/* ***************awards detail******************* */
/* .awards-detailhead .container{max-width:1300px !important} */
.awards-detailhead {
  max-width: 1366px;
  margin: 0 auto;
  padding: 60px 0 20px;
}
.awards-detailhead .heading-cat,
.heading-innerdetail {
  display: inline-block;
  background-color: #008c44;
  color: #fff;
  font-size: 1.875rem;
  padding: 15px 30px 14px 30px;
  font-weight: 500;
}
.awards-detailhead .heading-cat span,
.heading-innerdetail span {
  display: block;
}
.bgaward-detail-inno-head {
  background: url(../../images/innovation-icon.html) left center no-repeat;
}

.awards-detailhead .subheading-cat,
.subheading-innerdetail {
  display: inline-block;
  color: #008c44;
  position: relative;
  font-size: 2.5rem;
  font-weight: 700;
  margin-left: 60px;
}
.awards-detailhead .subheading-cat {
  max-width: 70%;
  line-height: 46px;
}
.awards-detailhead .subheading-cat:after,
.subheading-innerdetail:after {
  content: "";
  position: absolute;
  bottom: -8px;
  height: 5px;
  background-color: #ffea00;
  width: 100%;
  left: 0;
}
.awards-detail-text {
  padding: 0;
}
.awards-detail-text p {
  padding: 0;
  margin: 0 0 20px 0;
  font-size: 1rem;
  color: #000;
  line-height: 2;
}
.accolades-list-detail {
  background: #fff;
}
.awards-detail-slider-box {
  max-width: 1366px;
  margin: 20px auto 90px;
  padding: 20px 0 90px;
}

.awards-sliderimg {
  margin: 0 30px;
}
.awardsdetail-slider .slick-slide {
  opacity: 0.9;
  transform: scale(0.85);
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}

.awardsdetail-slider .slick-active.slick-center {
  transform: scale(1);
  opacity: 1;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.awardsdetail-slider .slick-prev,
.awardsdetail-slider .slick-next {
  width: 26px;
  height: 30px;
  opacity: 1;
  background: none;
  top: 43%;
}
.awardsdetail-slider .slick-prev {
  left: 21%;
}
.awardsdetail-slider .slick-next {
  right: 21%;
}
.awardsdetail-slider .slick-prev:after,
.awardsdetail-slider .slick-next:after {
  content: "\f104";
  position: absolute;
  width: 26px;
  height: 30px;
  top: 0;
  left: 0px;
  font-family: "Font Awesome 5 Pro";
  color: #b2b2b2;
  font-size: 40px;
  line-height: 30px;
}
.awardsdetail-slider .slick-next {
  transform: rotate(180deg);
}
.awardsdetail-slider .slick-prev.slick-disabled,
.awardsdetail-slider .slick-next.slick-disabled {
  opacity: 0.55;
  cursor: default;
}
/* ********************* faqs ********************* */
.faqs-banner-box {
  top: 44%;
}
.faqs-bannertxt {
  text-align: left;
}
.faqs-bannertxt span {
  position: relative;
}
.faqs-bannertxt span:before {
  border-bottom: 7px solid #ffea00;
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  top: 50px;
  z-index: 1;
  left: 0;
  right: 0;
}
.faqtop-greenbox {
  background: #008c44;
}
.searchbox-faqs {
  width: 100%;
  position: relative;
}
.searchbox-field-faq {
  -webkit-appearance: none;
  box-shadow: none;
  background: none;
  border: 0;
  border-bottom: 1px solid #66ba8f;
  margin: 0;
  padding: 0 70px 20px;
  width: 100%;
  font-size: 2.125rem;
  font-weight: 300;
  font-family: "Montserrat", sans-serif;
  color: #fff;
}
.faq-search-close-icon {
  width: 40px;
  height: 45px;
  position: absolute;
  right: 0;
  top: 10%;
  border: 1px solid transparent;
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
  outline: 0;
  cursor: pointer;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
}
.faq-search-close-icon:after {
  color: #fff;
  font-size: 40px;
  content: "\f00d";
  display: block;
  position: absolute;
  z-index: 1;
  right: 5px;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
}
.searchbox-field-faq:not(:valid) ~ .faq-search-close-icon {
  display: block;
}

.searchicon-faqs {
  width: 45px;
  height: 40px;
  position: absolute;
  left: 0;
  top: 0;
  border: none;
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
  outline: 0;
  cursor: pointer;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
}
.searchicon-faqs:after {
  color: #fff;
  font-size: 35px;
  content: "\f002";
  display: block;
  position: absolute;
  z-index: 1;
  left: 5px;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
}

#searchbox-faq input::placeholder,
#searchbox-media input::placeholder {
  color: #fff;
}
#searchbox-faq::-webkit-input-placeholder,
#searchbox-media::-webkit-input-placeholder {
  color: #fff;
}
#searchbox-faq:-moz-placeholder,
#searchbox-media:-moz-placeholder {
  color: #fff;
}
#searchbox-faq::-moz-p,
#searchbox-media::-moz-p {
  color: #fff;
}
#searchbox-faq:-ms-input-placeholder,
#searchbox-media:-ms-input-placeholder {
  color: #fff;
}
#searchbox-faq::-webkit-input-placeholder,
#searchbox-media::-webkit-input-placeholder {
  color: #fff;
}

.faq-tablinks {
  margin: 30px 0 0 0;
}
ul.tabs-faq {
  padding: 0;
  margin: 0;
  border: none;
  text-align: center;
}
ul.tabs-faq li {
  margin: 0 6%;
  text-align: center;
  font-size: 1.25rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  display: inline-block;
}
ul.tabs-faq li a.active {
  font-weight: 500;
}
ul.tabs-faq li a {
  color: #fff;
}

.accordion-faq {
  width: 100%;
}
.accordion-faq .card {
  border: none;
}
.accordion-faq .card-header {
  padding: 0;
  margin: 0;
  background: none;
  border: 0;
}
.accordion-faq .card-header a {
  color: #373737;
}
.accordion-faq h5 {
  font-size: 1.5625rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}
.accordion-faq .card-body {
  font-size: 1.25rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  padding: 20px 0;
  border-bottom: 1px solid #99d1b4;
  margin-bottom: 20px;
}

.accordion-faq .mb-0 > a {
  display: block;
  position: relative;
}
.accordion-faq .mb-0 > a:after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  right: 0;
  font-size: 25px;
}
.accordion-faq .mb-0 > a {
  padding: 20px 0;
}
.accordion-faq .mb-0 > a[aria-expanded="true"] {
  color: #008c44;
}
.accordion-faq .mb-0 > [aria-expanded="true"] {
  border-bottom: 1px solid #99d1b4;
}
.accordion-faq .mb-0 > a[aria-expanded="true"]:after {
  content: "\f077";
  color: #008c44;
}
.accordion-faq .mb-0 > a[aria-expanded="false"] {
  border-bottom: 1px solid #999;
  margin-bottom: 20px;
}

.bottom-cards-faqs {
  padding: 1rem 0 6rem;
}
.bottom-slider-faqs {
  position: relative;
}
a.bottom-slider-faqs img {
  width: 100%;
}
a.bottom-slider-faqs {
  margin: 0 2.5%;
  display: block;
  overflow: hidden;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
a.bottom-slider-faqs:hover {
  transform: scale(1.05);
}
a.bottom-slider-faqs:nth-child(3) {
  margin-right: 0;
}
.bottom-slider-faqs .slick-initialized .slick-slide {
  margin: 0 10px;
}
.faqproduct-txt {
  position: absolute;
  font-size: 1.5625rem;
  top: 25px;
  left: 25px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.8);
}
.abc {
  transform: translate(0px, 50px);
}
.faq-select {
  width: 170px;
  margin: 0 auto;
  padding-bottom: 10px;
}
.faq-select select:focus {
  background: none;
  color: #fff;
}
.faq-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0 !important;
  background: #2c3e50;
  background-image: none;
  background: #008c44;
  background-image: none;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0 0 0 5px;
  color: #fff;
  cursor: pointer;
  font-size: 1.375rem;
  font-weight: 300;
  font-family: "Montserrat", sans-serif;
  /* border-bottom: 1px solid #66ba8f !important; */
}
.select {
  position: relative;
  display: block;
  height: 3em;
  line-height: 3;
  overflow: hidden;
  background: none;
}
.faq-select select option {
  font-size: 12px;
  color: #000 !important;
}
.faq-select select::-ms-expand {
  display: none;
}

.faq-select .select::after {
  content: "";
  position: absolute;
  top: 30%;
  right: 0;
  bottom: 0;
  padding: 0 1em;
  background: #34495e;
  pointer-events: none;
  background: url(../../images/arrowwhite.html) no-repeat;
  width: ;
}
.faq-select .select:hover::after {
  color: #f39c12;
}
.faq-select .select::after {
  transition: 0.25s all ease;
}

.faqs-product-slider .slick-slide {
  overflow: hidden;
}
/* **********************media center******************** */
.media-filtertop {
  background: #008c44;
  padding: 40px 0;
  width: 100% !important;
  transition: all 0.5s;
}
.filterby-media {
  font-size: 0.875rem;
  text-transform: uppercase;
  color: #fff;
}
.searchbox-media {
  box-shadow: none;
  background: none;
  border: 0;
  border-bottom: 1px solid #66ba8f;
  margin: 5px 0 0 0;
  padding: 0 40px 10px 0;
  width: 100%;
  font-size: 2.125rem;
  font-weight: 300;
  font-family: "Montserrat", sans-serif;
  color: #fff;
}
.media-searchbtn {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 15px;
  top: 10px;
  cursor: pointer;
  background: url(https://www.iffco.in/assets/images/magnifier.svg);
  border: none;
}
.mt-media-filter {
  margin-top: 4px;
}
.filter-select-media .select {
  height: 3.3rem;
}
.media-press {
  padding: 60px 0 30px;
  border-bottom: 1px solid #e5e5e5;
}
.media-press-space {
  padding-bottom: 0;
}
.media-live {
  padding-bottom: 60px;
}
.media-press .headingmain h2 {
  font-weight: 600;
  margin-bottom: 30px;
  text-align: left;
  padding-bottom: 0;
}
.press-rsec .box-bottom-text {
  font-size: 1rem;
  margin: 10px 0 0;
  line-height: 1.8;
  text-align: left;
}
a.media-viewmore {
  width: auto;
  height: 206px;
  position: relative;
  background: #008c44;
  display: block;
  color: #fff;
}
.viewmore-icon {
  width: 61px;
  height: 61px;
  left: 7px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 17% auto 0;
  position: absolute;
}
.viewmore-icon .box1-square,
.viewmore-icon .box2-square,
.viewmore-icon .box3-square {
  position: absolute;
  top: 0;
  left: 0;
  border: 3px solid #fff;
  height: 45px;
  width: 45px;
  background: #008c44;
  z-index: 3;
  transition: all 0.3s ease 0s;
}
.viewmore-icon .box2-square {
  top: 7px;
  left: 7px;
  z-index: 2;
}
.viewmore-icon .box3-square {
  top: 14px;
  left: 14px;
  z-index: 1;
}
a.media-viewmore .viewmoretxt {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto 17%;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 400;
}
.viewmore-icon .box1-square:before {
  content: "+";
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  top: -30%;
  font-size: 3rem;
  font-weight: 300;
}

a.media-viewmore:hover .viewmore-icon .box1-square,
a.media-viewmore:hover .viewmore-icon .box2-square,
a.media-viewmore:hover .viewmore-icon .box3-square {
  top: 0;
  left: 0;
  border-color: yellow;
  color: yellow;
  transition: all 0.3s ease 0s;
}
.press-rsec .videobox-bottom-text {
  font-size: 1.375rem;
  color: #009c44;
  font-weight: 800;
  margin-top: 10px;
}
.press-rsec .videobox-bottom-text span {
  display: block;
  color: #000;
  font-size: 0.875rem;
  font-weight: 500;
}

.tenderpadd .heading-tenders h2 {
  text-align: center;
  margin-bottom: 30px;
}

.cooperativeBanner .reach-bannerimg img {
  width: 100%;
}
.cooperativeBanner .our-reachbanner-txt-wrap {
  left: 65px;
}

.box4 {
  text-align: center;
}
.box4:before {
  content: "";
}
.box4 {
  overflow: hidden;
}

.box4 {
  position: relative;
  display: block;
}
.box4 img {
  border: 1px solid #eee;
}
.box4:before {
  width: 0;
  height: 200%;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0;
  left: -250px;
  bottom: 0;
  transform: skewX(-36deg);
  transition: all 0.5s ease 0s;
}
.box4:hover:before {
  width: 200%;
}
.box4 img {
  width: 100%;
  height: auto;
}
.box4 .box-content {
  width: 100%;
  height: 100%;
  padding-top: 33%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0);
  transition: all 0.3s ease 0s;
}
.box4:hover .box-content {
  transform: scale(1);
}
.box4 .medialink {
  font-size: 1rem;
  font-weight: 400;
  color: #fff;
  padding: 8px 25px;
  letter-spacing: 0.5px;
  margin: 0;
  font-family: "Montserrat", sans-serif;
  background: #008c44;
}
.box4 .videoicon-media a {
  color: #fff;
  width: 100%;
  height: 100%;
  padding-top: 25%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(1);
  transition: all 0.3s ease 0s;
  font-size: 4rem;
  font-weight: 700;
}

.box4:hover .videoicon-media a {
  font-size: 4rem;
  font-weight: 700;
  color: #008c44;
}
/* @media only screen and (max-width:990px){.box4{margin-bottom:30px}
}
@media only screen and (max-width:767px){.box4:before{left:-400px}
.box4:hover:before{width:300%}
} */
#tender-section-2 a.media-box {
  cursor: default;
}
a.media-box {
  color: #000;
  display: block;
}
a:hover.media-box {
  color: #000;
}
.media-box img {
  border: 1px solid #eee;
  width: 100%;
  transition: all 0.3s ease 0s;
}
.media-box .exploremore {
  position: relative;
  bottom: 0;
  left: 0;
  transform: translateY(-15px);
  transition: all 0.6s ease 0s;
  opacity: 0;
  text-align: left;
}
.media-box:hover .exploremore {
  transform: translateY(0);
  opacity: 1;
}
.media-box:hover img {
  opacity: 0.5;
}
.media-box:hover .box-bottom-text {
  text-decoration: underline;
}
.text-head {
  display: block;
  font-weight: 700;
  margin-bottom: 5px;
}

.media-box:hover .greenbox-tenders,
.media-box:hover .prosystem-tenders {
  background: #008c44;
  -webkit-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
}
.media-box:hover .greenbox-date-tenders,
.media-box:hover .prodystem-text-tenders {
  color: #fff;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.media-videowrap {
  margin: 0 0 0px 0;
  border-bottom: none;
}
.iffco-livebox {
  width: 100%;
  margin: 0 auto;
  border-right: 1px solid #e8e8e8;
  padding: 0 30px 0 15px;
}
.iffco-livebox a {
  color: #060606;
  display: block;
  line-height: 1.8;
}
.iffco-livebox a:hover {
  color: #008c44;
}
.iffco-livebox a .iffco-livebox-txt {
  min-height: 100px;
}
.iffco-livebox a:hover .iffco-livebox-txt {
  text-decoration: underline;
}
.iffco-livebox a .iffco-livebox-date {
  font-size: 0.75rem;
  color: #000;
  position: relative;
  line-height: 25px;
}
.iffco-livebox a:hover .iffco-livebox-date {
  text-decoration: none;
}
.iffco-livebox a .iffco-livebox-date:after {
  content: "";
  position: absolute;
  padding: 0 0 0 50px;
  background: url(../../images/media-img/horn.html) right top no-repeat;
  width: 29px;
  height: 27px;
}

.exploremore {
  position: relative;
  margin: 30px 0 0 0;
}
.exploremore span {
  font-size: 1rem;
  font-weight: 400;
  color: #fff;
  padding: 8px 25px;
  letter-spacing: 0.5px;
  margin: 0;
  font-family: "Montserrat", sans-serif;
  background: #008c44;
}
.exploremore a {
  background: #008c44;
  color: #fff;
  padding: 10px 30px;
  font-weight: 500;
  font-size: 1rem;
}

.mediaf-stick {
  z-index: 10;
  position: relative;
  height: 152px;
}
.bottom-boxmedia {
  margin: 0 !important;
}
.mediabox-video img {
  border: none !important;
}
/* .mfilter-space{margin-bottom: 80px} */
.mfilter-height {
  height: 130px !important;
}

.latest-video-media {
  display: block;
  transition: all 0.3s;
  overflow: hidden;
  background: #fff;
}
.latest-video-media .textbox {
  display: flex;
}
.latest-video-media .play {
  font-size: 3.2rem;
  padding-right: 10px;
  line-height: 0;
  color: #008c44;
  transition: all 0.3s;
}
.latest-video-media:hover .play {
  color: #000;
}
.latest-video-media h5 {
  color: #008c44;
  font-weight: 800;
  font-size: 1.3rem;
}
.latest-video-media h6 {
  display: block;
  color: #000;
  font-size: 0.875rem;
  font-weight: 500;
}
.latest-video-media .textbox {
  padding: 20px 15px;
}
.latest-video-media .imgbox img {
  width: 100%;
  transform: scale(1);
  transition: all 0.3s;
}
.latest-video-media:hover .imgbox img {
  transform: scale(1.03);
}
/* ***************media inner************** */
.heading-innerdetail {
  padding: 25px 30px;
}
.subheading-innerdetail:after {
  width: 110% !important;
}
.media-detail-slider-box {
  max-width: 1366px;
  margin: 20px auto 50px;
}
.media-detail-img {
  text-align: center;
}
.space-inner {
  padding: 40px 0;
}
.mandi-app-detail-bg {
  max-width: 100%;
  background: #f5f5f5;
}
.mandi-app-detail-space {
  padding: 90px 0 320px;
}
.imobileimg {
  position: absolute;
  left: 0;
  top: -130px;
}
.imobile-text-box {
  margin: 0 0 0 470px;
  position: relative;
}
.heading-imobiletext {
  font-size: 1.875rem;
  color: #008c44;
  padding: 0 50px;
  text-align: center;
  font-weight: 500;
  line-height: 1.5;
}
.imobile-iconimg {
  padding: 0;
  text-align: center;
  margin-top: 50px;
}
.imandi-link {
  position: absolute;
  bottom: -110px;
  font-size: 1.875rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
.imandi-link a {
  color: #008c44;
}
.imandi-link a:hover {
  color: #008c44;
  text-decoration: underline;
}
/* *********************** tenders ************************** */
.greenbox-tenders {
  background-color: #eee;
  width: 100%;
  height: 100%;
  min-height: 206px;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
}
.greenbox-tenders:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 0;
  border-top: 70px solid white;
  border-left: 70px solid transparent;
}
.greenbox-tenders:after {
  content: "\f062";
  position: absolute;
  right: 2px;
  top: -23px;
  color: #008c44;
  font-weight: 600;
  font-size: 3.6rem;
  font-family: "Font Awesome 5 Pro";
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
/* .greenbox-tenders:hover:after{color: #000; -webkit-transition: all 0.3s; transition: all 0.3s; top: -20px; right: -10px;} */
.greenbox-date-tenders {
  font-size: 1.5rem;
  color: #7a7a7a;
  text-align: center;
}

.prosystem-tenders {
  background-color: #eee;
  width: 100%;
  height: 100%;
  min-height: 206px;
  -webkit-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
}
.prodystem-text-tenders {
  font-size: 1rem;
  color: #000;
  padding: 20px;
  text-align: left;
}

.tender-icons {
  padding: 70px 0 60px;
}
ul.tenders-contact {
  padding: 0;
  margin: 0;
  text-align: center;
}
ul.tenders-contact li {
  display: inline-block;
  font-size: 1.5625rem;
  font-weight: 600;
  color: #008c44;
  margin: 0 6%;
}
ul.tenders-contact li a {
  padding: 20px 0 20px 80px;
  color: #008c44;
}
ul.tenders-contact li a:hover {
  color: #008c44;
}
ul.tenders-contact li a span {
  position: relative;
}
ul.tenders-contact li a span:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  width: 0%;
  height: 3px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background: #ffea00;
  margin: 0 auto -10px;
}
ul.tenders-contact li a:hover span:before {
  width: 100%;
}
.tender-venderreg-icon {
  background: url(../../images/vender-reg-icon.html) left top no-repeat;
}
.tender-contact-icon {
  background: url(../../images/contact-icon.html) left top no-repeat;
}
.tender-help-icon {
  background: url(../../images/help-icon.html) left top no-repeat;
}

.tender-note {
  padding: 20px 0 80px;
}
.tender-note-text {
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.7;
  padding-right: 150px;
}
.tickertender {
  color: #fff;
  font-size: 1.5rem;
}
.tickertender marquee {
  position: relative;
  top: -30px;
  margin: 0 0 0 145px;
  font-size: 1.375rem;
}
.tickertender .notification-ticker {
  font-weight: 600;
}
.tender-tickerbox {
  background: #008c44;
  padding-top: 15px;
  height: 60px;
}

.searchDetailCont .prodimg {
  background-size: 135%;
  padding: 20px;
  text-align: center;
  /* max-height: initial; */
}
.searchDetailCont .prodimg img {
  margin: 0;
  max-width: 100%;
  display: inline-block;
}

/* media latest press release section */
.media-latest-pr .pr_row {
  border-bottom: solid 1px #eaeaea;
  margin: 0 0 20px;
  padding: 0 0 20px;
}

.media-latest-pr .pr_row:last-child {
  margin: 0;
  padding: 0;
  border: none;
}
.corpoLatest .pr_row:last-child {
  border-bottom: solid 1px #eaeaea;
  margin: 0 0 20px;
  padding: 0 0 20px;
}
.corpoLatest .col-12:last-child .pr_row {
  border-bottom: 0;
}

.media-latest-pr .pr_row .pr_text {
  font-weight: 500;
}
.media-latest-pr .pr_row .pr_text a {
  color: #000;
}
.media-latest-pr .pr_row .pr_text a:hover {
  text-decoration: underline;
}
.media-latest-pr .pr_row .knowmore {
  color: #fff;
}
.media-latest-pr .pr_row .knowmore:hover {
  color: #008c44;
}
.media-latest-pr .pr_row ul {
  justify-content: flex-end;
}
.media-latest-pr .pr_row ul li {
  position: relative;
  padding: 0 30px 0 0;
  margin: 0 25px 0 0;
  position: relative;
}
.media-latest-pr .pr_row ul li:last-child {
  padding-right: 0;
  margin-right: 0;
}
.media-latest-pr .pr_row ul li:after {
  position: absolute;
  right: 0;
  top: 8px;
  width: 1px;
  background: #cccccc;
  height: 27px;
  content: "";
}
.media-latest-pr .pr_row ul li a {
  color: #000;
  font-weight: 500;
}

.media-latest-pr .pr_row ul li:last-child:after {
  display: none;
}
.media-latest-pr .pr_row ul li a.share-icon {
  position: relative;
  line-height: 44px;
}

@media (max-width: 767px) {
  .media-latest-pr .pr_row ul {
    justify-content: flex-start;
    margin-top: 15px;
  }
}
.btn-viewall {
  background-color: #008c44;
  border-color: #008c44;
  position: relative;
  border: 1px solid #008c44;
  padding: 10px 25px;
  border-radius: 0px;
  min-width: 165px;
}
@media (max-width: 767px) {
  .pressRelDownPdf img {
    max-width: 24px;
  }
}
/* @end media latest press release section */

/* ************************** farmers initiatives ********************** */
.fdpbox {
  margin: 70px 0 0 0;
  width: 100%;
  position: relative;
  z-index: 10;
  background: #fff;
}
.fdpnav {
  border-top: 1px solid #f6f6f6;
  border-bottom: 1px solid #d4d4d2;
  width: 100%;
  background: #fff;
}
.fdpnav ul {
  padding: 0;
  margin: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  -ms-flex-pack: distribute;
  display: flex;
  justify-content: space-around;
}
.fdpnav ul li {
  position: relative;
  font-size: 1rem;
  font-weight: 600;
  padding: 0 25px;
}
.fdpnav ul li:after {
  border-bottom: 6px solid #ffea00;
  transform: skew(45deg);
  position: absolute;
  content: "";
  width: 0%;
  height: 1px;
  top: 62px;
  z-index: 1;
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.fdpnav ul li.active-link:after {
  width: 100%;
}
.fdpnav ul li a {
  padding: 20px 0;
  display: block;
  color: #000;
}

.farmerini-bannertxt {
  top: 16%;
}
.farmerini-bannertxt-small {
  font-size: 1.125rem;
  font-weight: 400;
  color: #fff;
  margin-top: 30px;
  line-height: 2;
  width: 500px;
}

.fini-bottombox-outer {
  background: #f5f5f5;
}

.fini-bottombox {
  background: #fff;
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 80px;
  -webkit-box-shadow: 0px 8px 6px -1px rgba(125, 125, 125, 1);
  -moz-box-shadow: 0px 8px 6px -1px rgba(125, 125, 125, 1);
  box-shadow: 0px 8px 6px -1px rgba(125, 125, 125, 1);
}
.fdpimgbox {
  width: 100%;
  margin: 20px 0 60px;
}

.fini-bottombox-outer:nth-child(3) .fini-bottombox {
  -webkit-border-radius: 15px 15px 0 0;
  border-radius: 15px 15px 0 0;
  margin: -165px auto 0;
}

.fini-bottombox-outer:nth-last-child(2) {
  padding-bottom: 80px;
}
.fini-bottombox-outer:nth-last-child(2) .fini-bottombox {
  -webkit-border-radius: 0 0 15px 15px;
  border-radius: 0 0 15px 15px;
}

.fdp-textbox-wrap {
  margin-bottom: 80px;
}
.fini-bottombox-outer .fdp-textbox-wrap {
  margin-bottom: 0px;
}
.fdp-righttxt {
  color: #6b6b6b;
  font-size: 1rem;
  line-height: 2;
  font-weight: 500;
}
.fdpleft-number {
  font-size: 310px;
  color: rgba(53, 53, 53, 0.1);
  font-weight: 800;
  line-height: 0.75;
}
.fdpleft-heading {
  font-size: 3.25rem;
  color: #353535;
  font-weight: 800;
  padding: 0 20px 0 0;
  line-height: 1.4;
  position: relative;
}
.fdpleft-heading:after {
  position: absolute;
  content: "";
  height: 3px;
  background: #ffea00;
  bottom: -20px;
  left: 0;
  width: 85%;
}
.fdpleft-smalltxt {
  color: #353535;
  font-size: 0.875rem;
  text-transform: uppercase;
  margin: 30px auto 0;
  font-weight: 600;
  position: relative;
}
.fdp-planticon {
  position: absolute;
  right: 4px;
  bottom: 27px;
}

.playicon-stsc {
  color: #000000;
  font-size: 0.9375rem;
  font-weight: 500;
  margin: 20px 0 0 0;
}
.playicon-stsc a {
  color: #000;
}
.playicon-stsc a:hover {
  color: #008c44;
}
.playicon-stsc .watchvideotxt {
  margin: 0 0 0 10px;
}
.fini-knowmore {
  margin-top: 30px;
}

/* .ourb-bannertxt{width: 340px;}
.ourbusiness-bottombox{padding: 0; overflow: hidden;}
.our-bussiness-tabwrap.nav-tabs .nav-link{padding: 50px 0 50px 90px; margin: 0; border: 0; display: block; width: 50%; text-align: center; color: #818181; background: #575757; position: relative;}
.our-bussiness-tabwrap.nav-tabs .nav-link.active{color: #fff; background: #037D3A;}
.our-bussiness-tabwrap.nav-tabs .nav-link h2{font-size: 1.625rem; font-weight: 600; padding:0; margin: 0;}
.our-bussiness-tabwrap.nav-tabs .nav-link .actimg{display: none;}
.our-bussiness-tabwrap.nav-tabs .nav-link .non-actimg{display: block;}
.our-bussiness-tabwrap.nav-tabs .nav-link.active .non-actimg{display: none;}
.our-bussiness-tabwrap.nav-tabs .nav-link.active .actimg{display: block}

.ourbuss-tabicon-nven, .ourbuss-tabicon-inven{position: absolute; left: 100px; top: 25%; width: 104px; height: 63px; overflow: hidden;}
.ourbuss-tabicon-inven{top: 10%; width: 88px; height: 100px;} */
/********** not profit *************/
.notprofit-toptab {
  position: relative;
  z-index: 10;
  width: 100%;
}
.notprofit-toptab-inner {
  width: 100%;
  background: #fff;
  margin: 0 auto;
}
.notprofit-bottomimg-box {
  position: relative;
}
.notprofit-bottomimg-box .imgw {
  width: 100%;
}
.notprofit-txtbox {
  position: absolute;
  top: 10%;
  left: 8px;
  width: 100%;
}
.notprofit-txtbox .toplogo {
  width: 163px;
  height: 58px;
}
.notprofit-txtbox > h2 {
  font-size: 2.875rem;
  font-weight: 800;
  color: #353535;
  margin: 25px 0 20px;
}
.notprofit-txtbox .blocktxt {
  font-size: 1rem;
  font-weight: 500;
  color: #353535;
  margin-bottom: 30px;
  line-height: 2;
  width: 480px;
}
.whitenot-profit {
  color: #fff !important;
}
.whiteBreadcrumbs ul li,
.whiteBreadcrumbs ul li a {
  color: #fff;
}

#pressRelease .date {
  font-size: 11px;
}
.headingmain h2 .date {
  font-size: 12px;
  color: gray;
}
.pressRelDownPdf li {
  margin: 0 8px;
  position: relative;
}
.pressRelDownPdf .social_link {
  z-index: 2;
}
.pressRelDownPdf li .sharethis-inline-share-buttons {
  position: absolute;
  width: 165px;
  left: 50%;
  transform: translate(-50%);
  top: 52px;
  opacity: 0 !important;
  z-index: -1 !important;
}
.pressRelDownPdf li .sharethis-inline-share-buttons.open {
  opacity: 1 !important;
  z-index: 1 !important;
}

@media (max-width: 767px) {
  .pressRelDownPdf li .sharethis-inline-share-buttons {
    top: 35px;
    left: auto;
    right: -90px;
  }
  #st-1 .st-btn {
    margin: 5px 0;
  }
  .st-btn.st-remove-label {
    display: inline-block !important;
  }
}

.features-listingNewDgn {
  background-color: #fff;
  padding: 35px 28px 35px 60px;
  margin-bottom: 25px;
}
.features-listingNewDgn li {
  position: relative;
  margin-bottom: 12px;
}
.features-listingNewDgn li:before {
  position: absolute;
  left: -20px;
  top: 8px;
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #2a9e62;
}

.awards-searchfilter .noRecord {
  padding-top: 0;
  margin-top: -54px;
}
#st-2.st-right {
  z-index: 1;
}

.ourBusinessDetailBanner {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
}
.ourBusinessDetailBanner .bannerImgSec {
  width: 70%;
}
.ourBusinessDetailBanner .bannerImgSec img {
  max-width: 100%;
}
.ourBusinessDetailBanner .bannerContent {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url("https://www.iffco.in/assets/images/yellow icon.svg") no-repeat;
  background-size: contain;
  align-items: center;
  display: flex;
}
.ourBusinessDetailBanner .bannerContent .content {
  width: 40%;
}
.ourBusinessDetailBanner .bannerContent .content h1 {
  color: #008c44;
  font-weight: 800;
  font-size: 2.5rem;
  text-shadow: none;
  line-height: 36px;
}
.ourBusinessDetailBanner .bannerContent .content span::before {
  display: none;
}
.ourBusinessDetailBanner .bannerContent .content h1 {
  font-size: 2.2rem;
  margin-top: 10px;
}

.npi-imglogo-device {
  width: 163px;
  height: 58px;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

ul.notprofit-toplinks {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-around;
}
ul.notprofit-toplinks li {
  padding: 0;
}
ul.notprofit-toplinks li a {
  display: flex;
  align-items: center;
  padding: 25px 0;
  position: relative;
  height: 100px;
}
ul.notprofit-toplinks li a:after {
  border-bottom: 6px solid #ffea00;
  transform: skew(45deg);
  position: absolute;
  content: "";
  width: 0%;
  height: 1px;
  bottom: -0;
  z-index: 1;
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
ul.notprofit-toplinks li.active-link a:after {
  width: 100%;
}

ul.notprofit-toplinks li .logolinks img {
  width: 130px;
}
ul.notprofit-toplinks li .logolinks-txt {
  font-size: 0.75rem;
  color: #353535;
  font-weight: 600;
  padding-left: 10px;
}

.npi-stickheight {
  height: 100px;
}
.stick-npi {
  position: fixed;
  top: 72px;
  padding: 0 !important;
  transition: all 0.5s;
}
.stick-npi ul.notprofit-toplinks li a {
  padding: 15px 0;
  height: 85px;
}

/* ********************* search result ******************** */
.search-res-tablinks {
  margin: 30px 0 0 0;
}
ul.tabs-search-res {
  padding: 0;
  margin: 0;
  border: none;
  text-align: center;
}
ul.tabs-search-res li {
  margin: 0 5%;
  text-align: center;
  font-size: 1.25rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  display: inline-block;
}
ul.tabs-search-res li a.active {
  font-weight: 500;
}
ul.tabs-search-res li a {
  color: #fff;
}
.searchres-close-icon {
  right: 90px;
}
.searchres-close-icon:before {
  content: "";
  bottom: 2px;
  right: -25px;
  border-right: 2px solid #31a168;
  width: 1px;
  height: 40px;
  position: absolute;
}
.microphone-search-result {
  position: absolute;
  right: 15px;
  bottom: 8px;
  font-size: 2.5rem;
  background: none;
  border: none;
  color: #fff;
}

.search-resluthead {
  padding: 0;
  margin: 0;
}
.search-resluthead .head-sresult {
  position: relative;
  font-size: 1.125rem;
  font-weight: 700;
  color: #008c44;
}
.search-resluthead span {
  position: relative;
  z-index: 45;
  background: #fff;
  padding-right: 5px;
}
.search-resluthead:after {
  content: "";
  position: absolute;
  left: 0;
  margin-left: 5%;
  bottom: 5px;
  border-bottom: 2px solid #99d1b4;
  width: 94%;
}
.search-card .card-body .card-title {
  font-size: 1.25rem;
  font-weight: 700;
  color: #008c44;
}
.search-card .card-body .card-text {
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 30px;
}
/* .searchresult-cardheight{height: 270px;} */

.search-slider-wrap {
  max-width: 1366px;
  margin: 0 auto;
  padding-bottom: 100px;
}

.stick {
  position: fixed;
  top: 72px;
  padding: 15px 0 !important;
  transition: all 0.5s;
}
.stickop {
  top: 75px !important;
}
/* ********************** contact us *************************** */
.contactmap-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.contactmap-wrap .mapouter {
  position: relative;
  text-align: right;
  height: 70vh;
  width: 100%;
}
.contactmap-wrap .mapouter #gmap_canvas {
  overflow: hidden;
  background: none !important;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.contact-addressbox {
  position: absolute;
  left: 20%;
  right: 0;
  top: 15%;
  width: 100%;
  width: 590px;
  background: #fff;
  margin: 0;
  transform: translateX(-30%);
  -webkit-box-shadow: 0px 0px 18px -2px rgba(0, 0, 0, 0.55);
  -moz-box-shadow: 0px 0px 18px -2px rgba(0, 0, 0, 0.55);
  box-shadow: 0px 0px 18px -2px rgba(0, 0, 0, 0.55);
}
.contact-address-inner {
  padding: 30px 25px 20px;
}
ul.contact-greenbox {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  clear: both;
  margin: 0 0 15px;
  padding-left: 40px;
}
ul.contact-greenbox li {
  background: #008c44;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.8rem;
  margin: 0 10px;
  padding: 5px 15px;
  border-radius: 15px;
}

ul.contact-detail {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
ul.contact-detail li {
  background-repeat: no-repeat;
  line-height: 2rem;
  font-size: 1.0625rem;
  background-position: left top;
  width: 100%;
  padding-left: 50px;
  padding-bottom: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 5px;
}
ul.contact-detail .addrs {
  background-image: url(../../images/production-unit/address_pointer.html);
}
ul.contact-detail .addrs h2 {
  font-size: 1.25rem;
  word-break: break-all;
}
ul.contact-detail .telephones {
  background-image: url(../../images/production-unit/call_icon.html);
}
ul.contact-detail .fax {
  background-image: url(../../images/production-unit/fax_icon.html);
  -ms-flex-preferred-size: 40%;
  width: 60%;
}
ul.contact-detail .getdirection {
  background-image: url(../../images/production-unit/direction_icon.html);
  -ms-flex-preferred-size: 25%;
  width: 38%;
  display: none;
}
ul.contact-detail .pipalia {
  background-image: url(../../images/production-unit/user_icon.html);
  -ms-flex-preferred-size: 40%;
  width: 60%;
}
ul.contact-detail .miles {
  -ms-flex-preferred-size: 25%;
  flex-basis: 38%;
}
ul.contact-detail h2 {
  font-size: 1.5rem;
  font-weight: 500;
  color: #000;
  margin: 0;
  padding: 0;
}
/* ************** statis financial ******************** */
.sfr-section1top-txt {
  font-size: 1.5rem;
  font-weight: 500;
  color: #000;
  line-height: 2.6rem;
}
.sfr-section1top-subtxt {
  font-size: 1rem;
  line-height: 2rem;
  margin: 20px 0 0 0;
  position: relative;
  z-index: 1;
}
.srf-section1-top {
  position: relative;
}
.srf-section1-top:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  background: #ffea00;
  height: 125%;
  z-index: 1;
}
.sfr-graph1box {
  width: 720px;
  margin: 0 auto;
}
.sfr-graph1box-txt {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #ccd6eb;
  margin: 0 10px;
}
.graph1txt-left {
  font-size: 1.375rem;
  font-weight: 700;
  color: #008c44;
}
.graph1txt-right {
  color: #000;
  font-size: 1.125rem;
}

.total-prodslider {
  max-width: 100%;
  margin: 0 auto;
  position: relative;
}
.statis-sliderbox {
  position: relative;
}
/* .statis-sliderimg1{background: url(/assets/images/totalprod-sliderimg1.jpg) center top no-repeat; background-size: 100%; height: 100vh} */
.statis-sliderimg {
  padding: 0;
}
.statis-sliderimg img {
  width: 100%;
}
.statis-slidertxt-wrap {
  position: absolute;
  bottom: 15%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 630px;
  color: #fff;
}
.statis-slidertxt-wrap .statis-slidertxt1,
.statis-slidertxt-wrap .statis-slidertxt1-totalinc,
.statis-slidertxt-wrap .statis-slidertxt1-turnover {
  font-size: 2.125rem;
  font-weight: 600;
  position: relative;
}
.statis-slidertxt-wrap .statis-slidertxt1::after,
.statis-slidertxt-wrap .statis-slidertxt1-totalinc::after,
.statis-slidertxt-wrap .statis-slidertxt1-turnover::after {
  content: "";
  height: 2px;
  width: 58%;
  right: 0;
  background: yellow;
  position: absolute;
  top: 20px;
}
.statis-slidertxt-wrap .statis-slidertxt1-totalinc::after {
  width: 64%;
}
.statis-slidertxt-wrap .statis-slidertxt1-turnover::after {
  width: 75%;
}

.statis-slidertxt-wrap .statis-slidertxt2 {
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 1px;
}
.statis-slidertxt-wrap .statis-slidertxt1-count {
  font-size: 8rem;
  line-height: 8rem;
  font-weight: 800;
}

.total-incomeslider {
  max-width: 1366px;
  margin: 0 auto;
  position: relative;
}
.total-incomeslider .statis-sliderimg {
  position: relative;
}

.turnover-slider {
  max-width: 1366px;
  margin: 0 auto;
  position: relative;
}
.turnover-slider .statis-sliderimg {
  position: relative;
}

.graph-filterbox {
  position: relative;
  z-index: 2;
}
.graphfilter-wrap {
  background: #008c44;
  padding: 30px 0;
  width: 100% !important;
  transition: all 0.5s;
}
.graph-filtertxt-left {
  color: #fff;
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
}
.graph-reports {
  padding: 75px 0 10px;
}
.reportshead {
  position: relative;
  z-index: 1;
}
.reportshead h3 {
  text-align: center;
  color: #008c44;
  font-size: 1.5625rem;
  font-weight: 700;
  padding-bottom: 50px;
  position: relative;
}
.reportshead h3 span {
  padding: 0 15px;
  position: relative;
  z-index: 1;
}
.reportshead h3 span:after {
  left: auto;
  right: -55px;
}
.bg-white {
  background-color: #fff;
}

.reportshead h3 span font {
  padding: 0 15px;
  position: relative;
  z-index: 1;
}

.download-annualreport-btn {
  padding: 0;
  margin: 0;
}
.download-annualreport-btn a {
  background: #008c44;
  border: 2px solid #008c44;
  display: block;
  position: relative;
  color: #fff;
  padding: 35px 0 35px 50px;
  font-size: 1.75rem;
  font-weight: 300;
}
.download-annualreport-btn a:after {
  content: "\f175";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  color: #fff;
  font-size: 40px;
  position: absolute;
  right: 7%;
  top: 25%;
  position: absolute;
}
.download-annualreport-btn a:hover {
  background: #fff;
  color: #008c44;
  font-weight: 500;
}
.download-annualreport-btn a:hover:after {
  animation: download 2s infinite;
  color: #008c44;
}
.download-annualreport-btn a span {
  position: relative;
}

.iffcoglance {
  padding: 0 0 75px 0;
}
.iffco-glanceimg {
  padding: 0;
}
.glance-txt {
  font-size: 2rem;
  font-weight: 300;
}
.filterby-glance {
  background: #008c44;
  padding: 35px 30px 0;
  height: 150px;
}
.padding-glance {
  padding-right: 0;
}
.download-glance-report {
  padding-left: 0;
}
.download-glance-report a {
  position: relative;
  background: #a1a1a3;
  display: block;
  font-size: 0.875rem;
  text-transform: uppercase;
  color: #fff;
  padding: 40px 0 0 0;
  border-left: 2px solid #fff;
  text-align: center;
  color: #fff;
  height: 150px;
}
.download-glance-report a:after {
  content: "\f175";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  color: #fff;
  font-size: 25px;
  position: absolute;
  right: 0;
  left: 0;
  margin: 25px auto 0;
}
.download-glance-report a:hover {
  background: #5c5f5c;
}
.download-glance-report a:hover:after {
  animation: download 2s infinite;
}
.statistic-stick {
  height: 152px;
}

#production-trends {
  width: 100%;
  height: 600px;
  margin: 0;
  position: relative;
}
#evolution-graph {
  width: 100%;
  height: 400px;
  margin: -40px 0 0 0;
  position: relative;
}
#market-cap-graph {
  width: 100%;
  height: 400px;
  margin: 0;
  position: relative;
}
#profit-taxchart {
  position: relative;
  margin-top: -80px;
  height: 600px;
}
#profit-taxchart:after {
  content: "";
  position: absolute;
  bottom: 52px;
  width: 100%;
  border-bottom: 1px solid #ccd6eb;
}
#production-performance-chart {
  position: relative;
  margin-top: -0;
}
#prod-performance-pie {
  position: relative;
  width: 100%;
}
.pietop-text {
  font-size: 1.125rem;
  color: #000;
  margin-bottom: 10px;
  text-align: center;
}
.pietop-text a {
  color: #000;
  position: relative;
}
.pietop-text a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  border-bottom: 1px solid #008c44;
  width: 100%;
}
.pietop-text span {
  color: #008c44;
  font-size: 1.875rem;
  font-weight: 800;
}
.proft-taxchart-millions {
  position: absolute;
  right: 0;
  width: 92px;
  border: 0;
  bottom: 10px;
}
.proft-taxchart-millions .graph1txt-right {
  text-align: right;
}
/* ****************************** milestone ********************************** */
.milestone-sec1 {
  padding: 60px 0 0;
}
.milestone-sec-years {
  background: #f2f6f3;
  margin: 60px 0 0 0;
}
.milestone-sec-years h5 {
  font-weight: 600;
  text-transform: uppercase;
}
.milestone-sec-years .btn-outline-primary {
  border-color: #ccc;
  background-color: transparent;
}
.card-milestone-year .card {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.card-milestone-year .card:hover {
  box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
  transform: scale(1.02);
}
.card-milestone-year .card-body {
  position: relative;
  min-height: 80%;
}
.card-milestone-year .card-body .card-title-year,
.mile-whitebox .card-title-year {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  color: #2f2e2e;
  line-height: 2rem;
}
.card-milestone-year .card-body .card-title,
.mile-whitebox .card-title {
  font-size: 1.25rem;
  text-transform: none;
  font-weight: 500;
  color: #1d8134;
  position: relative;
  margin-bottom: 25px;
  display: inline-flex;
}
.card-milestone-year .card-body .card-title:before,
.mile-whitebox .card-title:before {
  content: "";
  position: absolute;
  width: 100%;
  border-bottom: 2px solid #ffea00;
  bottom: -8px;
}
.card-milestone-year .card-body .card-text,
.mile-whitebox .card-text {
  font-size: 0.75rem;
}
.miletopimgs-box {
  overflow: hidden;
}
.miletopimgs-box img {
  transform: scale(1);
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}
.miletopimgs-box img:hover {
  transform: scale(1.05);
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}

.card-milestone-year .card-body .downarrow {
  position: absolute;
  right: 25px;
  bottom: -0px;
}
.card-milestone-year .card-body .downarrow:before {
  content: "";
  border: solid #000;
  top: 6px;
  right: 0;
  border-width: 0 1px 1px 0;
  position: absolute;
  display: inline-block;
  padding: 7px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.card-milestone-year .card-body .downarrow:after {
  content: "";
  border: solid #000;
  top: 15px;
  right: 0;
  border-width: 0 1px 1px 0;
  position: absolute;
  display: inline-block;
  padding: 7px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.card-milestone-year .card-body .dir-arrow {
  position: absolute;
  left: -14px;
  top: 20px;
}
.card-milestone-year .card-body .dir-arrow .triangle-left {
  font-size: 3rem;
  color: #fff;
}

.mile-greenbox {
  background: #1d8134;
  border-left: 15px solid #f2f6f3;
  border-right: 15px solid #f2f6f3;
  position: relative;
}
.milegreenbox-txtwrap {
  width: 80%;
  margin: 30px 0 0 30px;
  color: #fff;
}
.milegreenbox-txtwrap .greentoptxt,
.milegreenbox-txtwrap .greentoptxt p {
  font-size: 1.25rem;
  font-weight: 300;
  border-left: 3px solid #ffea00;
  padding: 0 0 0 20px;
}
.milegreenbox-txtwrap .greentoptxt p {
  border: 0;
  padding: 0;
  color: #fff;
  line-height: unset;
}
.milegreenbox-txtwrap .green-name {
  font-size: 1.25rem;
  font-weight: 600;
  text-transform: uppercase;
}
.milegreenbox-txtwrap #designation {
  display: block;
  font-size: 0.625rem;
  font-weight: 400;
}
.refresh-mile {
  position: absolute;
  right: 15px;
  bottom: 15px;
}
.refresh-mile a .fa-sync {
  color: yellow;
  font-weight: 200;
  font-size: 2rem;
  transition: 0.7s;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -ms-transition: 0.7s;
  -o-transition: 0.7s;
}
.refresh-mile a .fa-sync:hover {
  transition: 0.7s;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -ms-transition: 0.7s;
  -o-transition: 0.7s;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.mile-whitebox {
  background: #fff;
  border-left: 15px solid #f2f6f3;
  border-right: 15px solid #f2f6f3;
  position: relative;
}
.milewhitebox-txtwrap {
  padding: 30px;
}

.milestone-slider {
  background: #f2f6f3;
}
.milestone-slider .headingmain h2 span font {
  background-color: #f2f6f3 !important;
}

.select-yearwrap {
  max-width: 100%;
  margin: 0 auto;
}
.slider-year-nav h3 {
  text-align: center;
  font-size: 1.25rem;
  color: rgba(255, 255, 255, 0.6);
}
.slider-year-nav h3 span {
  position: relative;
  cursor: pointer;
}
.slider-year-nav h3 span:before {
  content: "";
  position: absolute;
  height: 1px;
  width: 110%;
  top: 60%;
  left: -54px;
  background: rgba(255, 255, 255, 0.6);
}
/* .slider-year-nav h3 span:after{content: ''; position: absolute; height: 1px; width: 40%; top: 60%; right: -25px; background: rgba(255, 255, 255, 0.6);} */
.slider-year-nav .slick-current.slick-active h3 span {
  color: yellow;
  font-weight: 700;
}

/*
.slider-for-insidemile .slider-track {transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);}
.slider-for-insidemile .item {height: 100%; position: relative; z-index: 1;}
.slider-for-insidemile .item img {width: 100%; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);-webkit-transform: scale(1.2); transform: scale(1.2);}
.slider-for-insidemile .item.slick-active img {-webkit-transform: scale(1); transform: scale(1);} */

.slidertxtbox {
  background: #fff;
  margin: 0 50px 0 0;
  position: relative;
  transition: all 0.5s;
}
.slidertxtbox-inner {
  padding: 10px 18px;
  position: relative;
}
.slider-bott-year {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  color: #2f2e2e;
  line-height: 1.5rem;
}
.slider-bott-title {
  font-size: 1.25rem;
  text-transform: none;
  font-weight: 500;
  color: #1d8134;
  position: relative;
  margin-bottom: 18px;
  display: inline-flex;
}
.slider-bott-title:before {
  content: "";
  position: absolute;
  width: 100%;
  border-bottom: 2px solid #ffea00;
  bottom: -8px;
}
.slider-bott-text {
  font-size: 0.75rem;
  line-height: 1.5rem;
  min-height: 60px;
}

.slider-nav-insidemile {
  margin-top: 35px;
}
.slider-nav-insidemile > .slick-list {
  padding: 0 20% 0 0;
}
.slider-nav-insidemile .slick-slide {
  opacity: 0.3;
}
/* .slider-nav-insidemile .slick-slide .slidertxtbox{ margin:0;} */
.slider-nav-insidemile .item.slick-active {
  opacity: 0.6;
}
.slider-nav-insidemile .slick-current.slick-active {
  opacity: 1;
}
.slider-nav-insidemile .slick-track {
  margin-left: 0;
}
.slider-nav-insidemile .slick-current.slick-active .slidertxtbox:before {
  content: "";
  top: 0;
  left: 0;
  height: 5px;
  width: 100%;
  position: absolute;
  animation: yellowline 8s;
  animation-delay: 1s;
}
/* ************ swiper mile *************** */
.slider-yeargreenbox {
  background: #008c44;
  padding: 15px 17%;
  position: relative;
}
.selectyear-slidertxt {
  position: absolute;
  left: 80px;
  top: 18px;
  font-weight: 500;
  color: #fff;
}
.gallery-thumbs .swiper-slide {
  text-align: center;
  font-size: 1.25rem;
  color: rgba(255, 255, 265, 0.6);
  cursor: pointer;
  position: relative;
}
.gallery-thumbs .swiper-slide:before {
  content: "";
  position: absolute;
  height: 1px;
  width: 40%;
  top: 50%;
  left: -18px;
  background: rgba(255, 255, 255, 0.6);
}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
  color: yellow;
  font-weight: 700;
}

.year-arrow.swiper-button-next,
.year-arrow.swiper-button-prev {
  top: 0;
  margin: 0;
  margin-top: 0px;
  width: 10px;
}
.year-arrow.swiper-button-next {
  right: 15px;
}
.year-arrow.swiper-button-prev {
  left: 15px;
}
.year-arrow.swiper-button-next.swiper-button-white,
.year-arrow.swiper-button-prev.swiper-button-white {
  background-size: 10px;
}

.mileslideimg-show {
  display: none;
}
.mileslideimg-hide {
  display: block;
}
.milestone-slider .slider-yeargreenbox .year-arrow {
  top: 6px;
}

/******************** our reach ***********************/
.reach-sec1 {
  padding: 60px 0 0;
}
.our-reach-banner {
  position: relative;
}
.our-reach-banner .reach-bannerimg {
  padding: 0;
  text-align: right;
}
.our-reachbanner-txt-wrap {
  position: absolute;
  left: 15px;
  bottom: 10%;
  width: 355px;
}
.our-reachbanner-txt-wrap > h1 {
  font-size: 2.5rem;
  color: #1d8134;
  font-weight: 800;
}
.our-reach-banner .our-reachbanner-txt-wrap > h1 {
  margin: 0.67em 0;
}
.our-reachbanner-txt-wrap > h1 > span {
  position: relative;
}
.our-reachbanner-txt-wrap > h1 > span:after {
  content: "";
  position: absolute;
  bottom: -5px;
  width: 100%;
  border-bottom: 5px solid #ffea00;
  left: 0;
}
.our-reachbanner-txt-wrap > h4 {
  font-size: 1.375rem;
  color: #000;
  font-weight: 600;
  line-height: 2.7rem;
}
.reach-bannercopy-bottom,
.reach-bannercopy-bottom p {
  font-size: 1rem;
  color: #000;
  line-height: 2.5rem;
}

.reach-counterborder-left,
.reach-counterborder-right,
.reach-counterborder-center {
  border: 1px solid #d7d7d7;
  min-height: 200px;
}
.reach-counterborder-center {
  border-color: #5f5c5c;
  border-width: 2px;
}
.counterbox {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 12%;
}
.counter-txt {
  font-size: 1.375rem;
  text-align: left;
  font-weight: 700;
  margin-left: 10px;
  position: relative;
}
.counter-txt:after {
  content: "";
  position: absolute;
  bottom: -5px;
  width: 100%;
  border-bottom: 3px solid #ffea00;
  left: 0;
}
.counter-no {
  font-size: 8rem;
  font-weight: 800;
  text-align: left;
  line-height: 7rem;
  color: #ffea00;
}
.countxt-center {
  text-align: center;
}
.counter-centerpadd {
  padding-top: 8%;
}

.reach-produnits-wrap {
  padding: 60px 0;
}
.reach-produnit-left {
  background: #f7f7f7;
  padding: 35px 20px 35px 50px;
  min-height: 483px;
}
.reach-produnit-left > h2 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1d8134;
  margin-bottom: 40px;
}
.reach-produnit-left .nav-tabs a {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 40px;
  color: #000;
}
.reach-produnit-left .nav-tabs a > h3 {
  font-size: 1.375rem;
  font-weight: 600;
  text-transform: uppercase;
}
.reach-produnit-left .nav-tabs a:hover {
  border: none;
  padding: 0;
}
.reach-produnit-left .nav-tabs .nav-link {
  position: relative;
}
.reach-produnit-left .nav-tabs .nav-link:after {
  content: "";
  position: absolute;
  bottom: -12px;
  width: 0%;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  border-bottom: 3px solid #ffea00;
  left: -8%;
}
.reach-produnit-left .nav-tabs .nav-link.active {
  background: none;
  border: none;
  color: #000;
}
.reach-produnit-left .nav-tabs .nav-link.active:after {
  content: "";
  position: absolute;
  bottom: -12px;
  width: 18%;
  border-bottom: 3px solid #ffea00;
  left: -8%;
}
.reach-produnit-left .nav-tabs .nav-link {
  border: 0;
  border-radius: 0;
}
.reach-produnit-left .nav-tabs {
  border: 0;
}

.reach-produnit-right {
  padding: 0;
  position: relative;
}
.produnit-decs-box {
  width: 310px;
  background: #fff;
  padding: 25px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.produnit-decs-box .produnit-destxt {
  font-size: 1rem;
  line-height: 1.5;
}

.address-mapwrap {
  position: relative;
}
.reach-mapbox {
  height: 500px;
  display: none;
}
.reach-mapbox .gmap_canvas {
  height: 100%;
}
.reach-mapbox .gmap_canvas #gmap_canvas {
  height: 100%;
  width: 100%;
}

.reach-address-filter {
  border-bottom: 1px solid #e1e1df;
  padding: 20px 0;
}
.reachtxtbox-search {
  width: 100%;
  font-size: 20px;
  padding: 15px 120px 15px 30px;
  border: 1px solid #ccc;
}
.reachsubmit {
  background: url(../../images/search-icon.png) center center no-repeat;
  background-size: 22px;
  width: 25px;
  height: 25px;
  border: 0;
  position: absolute;
  right: 85px;
  top: 16px;
  cursor: pointer;
}
.reach-location {
  position: absolute;
  right: 30px;
  top: 10px;
  border-left: 1px solid #ccc;
  padding: 5px 0 3px 12px;
}
.reach-location .fa-location {
  font-size: 25px;
  color: #868686;
  cursor: pointer;
  font-weight: 200;
}
.bgreach-filterleft {
  background: #f5f5f5;
  padding: 15px 0 4px 25px;
}

.radio-reach {
  margin: 0 0 5px 0;
}
.radio-reach input[type="radio"] {
  position: absolute;
  opacity: 0;
}
.radio-reach input[type="radio"] + .radio-reach-label:before {
  content: "";
  background: transparent;
  border-radius: 100%;
  border: 1px solid #666;
  display: inline-block;
  width: 25px;
  height: 25px;
  position: relative;
  top: -0.2em;
  margin-right: 10px;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
}
.radio-reach-label {
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
}
.radio-reach input[type="radio"]:checked + .radio-reach-label:before {
  background-color: #e30303;
  box-shadow: inset 0 0 0 0.45rem #f5f5f5;
}
.radio-reach input[type="radio"]:focus + .radio-reach-label:before {
  outline: none;
  border-color: #666;
}

.info-corpo {
  position: relative;
  display: inline-block;
}
.info-corpo .fa-info-circle {
  color: #000;
}
.info-corpo:hover .fa-info-circle {
  color: red;
}
.info-corpo .tipcorpo {
  display: none;
  position: absolute;
  right: -150px;
  bottom: 135%;
  background: #ebebeb;
  color: #000;
  font-size: 9px;
  width: 175px;
  font-weight: 600;
  padding: 6px 10px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.info-corpo:hover .tipcorpo {
  display: block;
}
.info-corpo:hover .tipcorpo:before {
  content: "\f0d7";
  position: absolute;
  left: 11px;
  bottom: -17px;
  font-size: 20px;
  color: #ebebeb;
  font-family: "Font Awesome 5 Pro";
}

.reach-filter-select-box {
  border: 1px solid #636363;
  position: relative;
  padding: 20px 20px;
  margin: 10px auto 5px;
}
.reach-filter-select-box .filterstate {
  position: absolute;
  top: -7px;
  font-weight: 600;
  left: 10px;
  background: #fff;
  font-size: 0.6875rem;
  color: #000;
  padding: 0 6px;
}

.select-filter-reach {
  width: 100%;
  border: none;
}

.address-block-wrap-reach {
  padding: 2.5rem 0 6rem;
}
#loadmore-add {
  padding: 10px 50px;
  font-size: 1.25rem;
  display: none;
}
.errortxt-state-hide .errortxt-reach-state {
  font-size: 0.6875rem;
  color: red;
  display: none;
}
.filter-selectbox-error .reach-filter-select-box {
  border: 1px solid red;
}
.filter-selectbox-error .filterstate {
  color: red;
}
.filter-selectbox-error .errortxt-reach-state {
  display: block;
}

.getdirection a {
  color: #000;
}
/* ******************* cooperative initiatives ********************* */
.cooperative-ini {
  padding: 60px 0 0;
  height: calc(100vh - 16.1vh);
  position: relative;
}
.coop-inihead {
  font-size: 2rem;
  font-weight: 800;
  color: #1d8134;
}
.coop-inihead span {
  position: relative;
}
.coop-inihead span:before {
  border-bottom: 6px solid #ffea00;
  transform: skew(-45deg);
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  bottom: -15px;
  z-index: 1;
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.cooper-ini-toptxt {
  color: #000;
  font-size: 1rem;
  font-weight: 600;
  line-height: 2.5rem;
  margin: 40px 0 0 0;
}
.cooperative-topslider {
  width: 65%;
  margin: 0 auto;
}
.greycropt-coini {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 250px;
}

.businessInfo {
  border-bottom: 1px solid #e4e0e0;
  padding: 12px 0;
}
.businessInfo ul {
  display: flex;
  align-items: flex-start;
}
.businessInfo ul li {
  display: flex;
  margin-right: 6%;
  align-items: center;
}
.businessInfo ul li:first-child {
  max-width: 42%;
}
.businessInfo ul li:last-child {
  margin-right: 0;
  align-items: center;
}
.businessInfo ul li span {
  color: #000;
  font-size: 1rem;
  margin-right: 20px;
}
.businessInfo ul li h5 {
  color: #008c44;
  font-weight: 800;
  font-size: 1.5rem;
  margin: 0;
}

.arrowsliderdown-cooperative {
  position: absolute;
  left: 0px;
  bottom: 0%;
  right: 0;
  width: 90px;
  height: auto;
  margin: auto;
  padding: 0px;
  text-align: center;
  z-index: 14;
}
.arrowsliderdown-cooperative a {
  font-size: 12px;
  color: #000;
}
.arrowsliderdown-cooperative a span {
  display: block;
  line-height: 16px;
}
.arrowsliderdown-cooperative .arrow {
  text-align: center;
  margin: 8% 0;
}
.arrowsliderdown-cooperative .bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

.arrw {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  bottom: 0;
}

.cooperative-ini-tabing {
  padding: 50px 0 0 0;
}
.tablink-cooperative-ini {
  border-top: 1px solid #c1c1c1;
  border-bottom: 1px solid #c1c1c1;
  padding: 15px 0;
  width: 100%;
  z-index: 10;
  background: #fff;
}
.navtab-coopini {
  border: 0;
}
.navtab-coopini > .nav-link {
  width: 33%;
  text-align: center;
  border: 0;
  color: #000;
  font-size: 1rem;
  font-weight: 600;
}
.navtab-coopini > .nav-link {
  position: relative;
  padding: 0;
}
.navtab-coopini > .nav-link:before {
  border-bottom: 6px solid #ffea00;
  transform: skew(-45deg);
  position: absolute;
  content: "";
  width: 0;
  height: 1px;
  bottom: -17px;
  z-index: 1;
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.navtab-coopini > .nav-link.active:before {
  border-bottom: 6px solid #ffea00;
  transform: skew(-45deg);
  position: absolute;
  content: "";
  width: 200px;
  height: 1px;
  bottom: -17px;
  z-index: 1;
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.navtab-coopini > .nav-link:nth-child(1):before {
  bottom: -28px;
}
.bgcoop-ini {
  padding: 30px 50px;
}
.cooini-bgtxt {
  font-size: 1.125rem;
  text-align: center;
  font-weight: 600;
  line-height: 2.3;
}
.cooini-bgtxt > strong {
  font-weight: 700;
  font-size: 1.5rem;
}

.cooini-bgtxt.ratna p {
  line-height: 1.5rem;
}

.tabcontent-wrap-cooini .tab-content > .tab-pane {
  display: block !important;
}

.navtab-coopini-subtab {
  border: 0;
}
.navtab-coopini-subtab > .nav-link {
  border: 0;
  text-align: center;
  background: #575757;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.8rem;
  padding: 30px 50px;
  margin: 0 1px;
  color: rgba(255, 255, 255, 0.4);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.navtab-coopini-subtab > .nav-link.active {
  background: #008c44;
  color: #ffea00;
}
.navtab-coopini-subtab > .nav-link > .bgcrop {
  background: url(../../images/cropbg.html) center center no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 25px 30px 15px;
  height: 115px;
  width: 254px;
  background-position: 0 -140px;
  position: relative;
}
.navtab-coopini-subtab > .nav-link.active > .bgcrop {
  background-position: 0 0;
}

.navtab-coopini-subtab > .nav-link > .bgcrop:before {
  content: "* * *";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.navtab-coopini-subtab > .nav-link.active > .bgcrop:after {
  content: "\f0d7";
  position: absolute;
  bottom: -6px;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-weight: 900;
  font-size: 3rem;
  font-family: "Font Awesome 5 Pro";
}
.cooperative-cards-bottom .card-title {
  color: #008c44;
  font-weight: 700;
}
.cooperative-cards-bottom .card-text {
  min-height: 70px;
}

.cooper-shukla-box {
  border: 1px solid #707070;
  background: #fff;
  width: 950px;
  margin: 180px auto 40px;
  padding: 150px 60px 50px;
  position: relative;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.cooper-shukla-box .shuklatxt-head {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 2;
  color: #000;
  padding: 0 120px 30px;
  text-align: center;
}
.cooper-shukla-box .shuklatxt {
  font-size: 1rem;
  color: #000;
  text-align: center;
  line-height: 2;
  font-weight: 500;
}
.cooper-shukla-greenboxtop {
  display: flex;
  background: #008c44;
  width: 620px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 20px 50px;
  position: relative;
  margin: -245px auto 50px;
}
.smiritiimg {
  padding: 0;
  margin: 0;
}
.smiritiimg img {
  border: 8px solid #fff;
  border-radius: 100%;
}
.smiriti-cropologo {
  color: #ffea00;
  text-transform: uppercase;
  text-align: center;
  margin-left: 60px;
  font-size: 1.375rem;
  position: relative;
  background: url(../../images/cropbg.html) center center no-repeat;
  font-weight: 500;
  line-height: 1.4;
  padding: 25px 0 0 0;
  height: 135px;
  width: 300px;
  background-size: cover;
  background-position: 0 -0;
  position: relative;
}
.smiriti-cropologo:before {
  content: "* * *";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.jlntxt-head {
  font-size: 2rem;
  font-weight: 800;
  color: #008c44;
  text-align: center;
  margin: 80px 0 0;
}

.outterbox-jln {
  padding: 0;
}
.jln-yellowbox {
  background: #fffeef;
  width: 980px;
  display: flex;
  height: 420px;
  position: relative;
  margin: 160px 0 60px 185px;
  border: 1px solid #844e2e;
  -webkit-border-bottom-left-radius: 20px;
  border-bottom-left-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.jlnimg {
  position: absolute;
  left: -185px;
  top: -120px;
}
.jln-lefttxt-box {
  padding: 60px 60px 0 250px;
  width: 625px;
  border-right: 1px solid #844e2e;
  position: relative;
}
.browncrop {
  position: absolute;
  bottom: 15px;
  right: 15px;
}
.jln-lefttxt-box > h5 {
  padding: 0;
  margin: 0;
  color: #894f2e;
  font-weight: 500;
  font-size: 1.4375rem;
  margin-bottom: 20px;
}
.jln-lefttxt-box .jlnleft-txt {
  font-size: 0.875rem;
  color: #000;
  line-height: 2;
}

.jln-rightxt-box {
  width: 300px;
  margin: 0 auto;
  padding: 50px 0 0;
}
.jln-rightxt-box .yeartxt {
  font-size: 109px;
  color: #1d8134;
  line-height: 100px;
  font-weight: 800;
}
.jln-rightxt-box .yeartxt-smalltxt {
  font-size: 1.1875rem;
  color: #000;
  font-weight: 500;
  padding-top: 5px;
  border-top: 1px solid #000;
}
.lacture-txt {
  margin-top: 50px;
}

.past-speacker-coini-wrap {
  padding: 0;
}
.pastspeak-head {
  font-size: 2rem;
  font-weight: 800;
  color: #008c44;
  text-align: center;
  margin: 50px 0;
}
.past-spkrimg {
  position: relative;
}
.past-speakerhead {
  color: #1d8134;
  font-size: 1.375rem;
  font-weight: 600;
}
.past-speakertxt {
  font-size: 1rem;
  margin: 15px 0 30px;
  line-height: 2;
}
.dwnbtn-pastspkr {
  width: 230px;
}
.dwnbtn-pastspkr .dwnicon {
  padding-left: 10px;
}
.past-spkryear {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #ffea00;
  padding: 5px 80px;
  font-weight: 600;
  border-top-right-radius: 10px;
  -webkit-border-top-right-radius: 10px;
}

.coopoerative-stick {
  position: relative;
  height: 74px;
}

ul.cooper-shukla-boxlisting {
  width: 950px;
  margin: 0 auto 80px;
}
ul.cooper-shukla-boxlisting li {
  position: relative;
  padding-left: 25px;
  margin-top: 20px;
}
ul.cooper-shukla-boxlisting li:before {
  content: "";
  left: 0;
  top: 6px;
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #008c44;
}
ul.cooper-shukla-boxlisting li.shukla-listiinghead {
  font-size: 1.5rem;
  font-weight: 700;
  color: #008c44;
  padding: 0;
  margin: 0;
}
ul.cooper-shukla-boxlisting li.shukla-listiinghead:before {
  display: none;
}

/**************** meet our farmers ******************/
.bg-grey {
  background-color: #f4f4f4;
}
.meet-farmer-sec1 {
  padding: 80px 0 0 0;
}
.meet-farmer-sec1 .meetfarmer-head {
  font-size: 2rem;
  padding: 0;
  margin: 0 auto 25px;
  color: #037d3a;
  font-weight: 700;
  text-align: center;
}
.mfstxt-top {
  color: #757575;
  font-size: 1.125rem;
  font-weight: 500;
  text-align: center;
  padding: 0 20%;
  line-height: 2rem;
}

.meet-farmer-sec2 {
  margin: 60px auto 0;
}
.video-meetfarmer .modal-content {
  background: #000;
}

.meet-farmer-sec3 {
  max-width: 1366px;
  margin: 0 auto;
}
.meet-farmer-sec3 > h2 {
  font-size: 2rem;
  padding: 0;
  margin: 20px auto 25px;
  color: #037d3a;
  font-weight: 700;
  text-align: center;
}
.plot-demo-videowrap {
  padding: 0;
  margin: 50px auto 50px;
}
.slide-videobox-demo {
  width: 550px;
  margin-right: 40px;
}

.meet-farmer-sec4 {
  padding: 0;
  margin-bottom: 2px;
}
.meet-farmer-sec4 img {
  width: 100%;
}

.mof-plotdemo .latest-video-media {
  background: transparent;
}
/****************story of iffco**********************/
.bgstorytop {
  padding-top: 50px;
  background: rgba(255, 251, 159, 1);
  background: -moz-linear-gradient(
    left,
    rgba(255, 251, 159, 1) 0%,
    rgba(255, 216, 0, 1) 80%,
    rgba(255, 216, 0, 1) 100%
  );
  background: -webkit-linear-gradient(
    left,
    rgba(255, 251, 159, 1) 0%,
    rgba(255, 216, 0, 1) 80%,
    rgba(255, 216, 0, 1) 100%
  );
  background: -o-linear-gradient(
    left,
    rgba(255, 251, 159, 1) 0%,
    rgba(255, 216, 0, 1) 80%,
    rgba(255, 216, 0, 1) 100%
  );
  background: -ms-linear-gradient(
    left,
    rgba(255, 251, 159, 1) 0%,
    rgba(255, 216, 0, 1) 80%,
    rgba(255, 216, 0, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(255, 251, 159, 1) 0%,
    rgba(255, 216, 0, 1) 80%,
    rgba(255, 216, 0, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffb9f', endColorstr='#ffd800', GradientType=1 );
}

.lookingback {
  margin: 0 auto;
  color: rgb(113 45 15 / 35%);
  text-align: center;
  text-transform: uppercase;
  font-size: 140px;
  font-weight: 900;
  line-height: 140px;
}
.top-imgsbox-story {
  position: absolute;
  width: 1260px;
  margin: 0 auto;
  left: 0;
  right: 0;
  transform: translateY(-330px);
}
.topimgstory-left {
  position: absolute;
  left: 0;
  top: 30px;
  width: 349px;
}
.topmid-imgstory {
  position: absolute;
  left: -110px;
  right: 0;
  top: -20px;
  margin: 0 auto;
  width: 640px;
}
.topimgstory-right {
  position: absolute;
  right: 0;
  top: 50px;
  width: 349px;
}

.sec1story-textbox {
  background-color: #75c043;
  position: relative;
  z-index: 1;
  padding-bottom: 100px;
}
.sec1story-textbox::after {
  content: "";
  position: absolute;
  transform: rotate(180deg);
  width: 100%;
  height: 88px;
  bottom: -25px;
  left: 0;
  background: url(../../images/storyof-iffco/top-wave2.html) repeat-x;
}
.story1-toptxt1 {
  text-align: center;
  color: #fff;
  font-size: 1.375rem;
  font-weight: 500;
}
.story1-toptxt2 {
  text-align: center;
  max-width: 780px;
  margin: 90px auto 0;
  font-size: 2rem;
  color: #fff;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 0.5px;
}

.sec2-storyprod {
  background-color: #482e05;
  padding: 100px 0 0 0;
  position: relative;
}
.story-prodimg-left {
  padding-left: 75px;
}
.story-prodimg-right {
  text-align: right;
  padding-right: 75px;
}
.story-productimgs {
  position: relative;
  text-align: center;
  z-index: 1;
  margin: -230px 0 0;
  top: 70px;
}

.sec3-storyurea-wrap {
  background-color: #61b12c;
  padding-top: 250px;
  position: relative;
}
.story-ureaopen {
  text-align: center;
}
.story-everything {
  background-color: #c1f8ff;
  position: relative;
}
.story-everything-txt {
  text-align: center;
  color: #03414e;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 2.1875rem;
  line-height: 1.3;
  margin: -70px 0 50px;
  position: relative;
}
.story-agribox {
  max-width: 100%;
  margin: 0 auto;
}
.story-agribox img {
  width: 100%;
}
.wavetop-storyagri-color {
  fill: #61b12c;
  fill-rule: evenodd;
}
.wavebott-storyagri-color {
  fill: #44b649;
  fill-rule: evenodd;
}

.wavetop-storyagri,
.wavebott-storyagri,
.bottomwave {
  width: 100%;
  height: 70px;
  position: absolute;
}
.wavetop-storyagri {
  top: -25px;
}
.wavebott-storyagri {
  bottom: -25px;
  transform: rotate(180deg);
  z-index: 9;
}

.year_lists {
  position: fixed;
  right: 0;
  top: 50%;
  bottom: 0;
  margin: 0;
  padding: 0;
  width: 150px;
  height: 200px;
  margin-top: -100px;
  z-index: 10;
  display: flex;
  flex-direction: column;
}
.year_lists li {
  font-size: 0.975rem;
  color: #007c4c;
  /* border-bottom: solid 1px transparent; */
  font-size: 80%;
  padding: 6px 0;
  position: relative;
  opacity: 0.4;
}
.year_lists li.active {
  /* border-color: #007C4C; */
  font-size: 100%;
  font-weight: 700;
  margin: 6px 0;
  opacity: 1;
}

.year_lists li a {
  color: #007c4c;
  /* border-bottom: solid 1px transparent; */
}
.year_lists li.active a {
  /* border-color: #007C4C; */
}

.year_lists li:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  height: 1px;
  width: 0px;
  transition: all 0.5s;
  background: #007c4c;
}
.year_lists li.active:after {
  width: 100%;
}
.year_lists.highlight_1960 li {
  color: #007c4c;
}
.year_lists.highlight_1960 li.active:after {
  background: #007c4c;
}
.year_lists.highlight_1970 li,
.year_lists.highlight_1970 li a {
  color: #00c56e;
}
.year_lists.highlight_1970 li.active:after {
  background: #00c56e;
}
.year_lists.highlight_1980 li,
.year_lists.highlight_1980 li a {
  color: #c7b600;
}
.year_lists.highlight_1980 li.active:after {
  background: #c7b600;
}
.year_lists.highlight_1990 li,
.year_lists.highlight_1990 li a {
  color: #c7b600;
}
.year_lists.highlight_1990 li.active:after {
  background: #c7b600;
}
.year_lists.highlight_2000 li,
.year_lists.highlight_2000 li a {
  color: #5b391b;
}
.year_lists.highlight_2000 li.active:after {
  background: #5b391b;
}
.year_lists.highlight_2010 li,
.year_lists.highlight_2010 li a {
  color: #f0b256;
}
.year_lists.highlight_2010 li.active:after {
  background: #f0b256;
}
.year_lists.highlight_2020 li {
  color: #00911b;
}
.year_lists.highlight_2020 li.active:after {
  background: #00911b;
}

.yearly-wrapstart {
  padding: 0;
  margin: 0;
  position: relative;
}
.year1960,
.year1970,
.year1980,
.year1990,
.year2000,
.year2010,
.year2020 {
  background-color: #ebfde8;
  height: calc(100vh);
  position: relative;
  z-index: 8;
}
.year1970 {
  background-color: #03414e;
  z-index: 7;
}
.year1980 {
  background-color: #fafdd6;
  z-index: 6;
}
.year1990 {
  background-color: #433f00;
  z-index: 5;
}
.year2000 {
  background-color: #faeac5;
  z-index: 4;
}
.year2010 {
  background-color: #522c0b;
  z-index: 3;
}
.year2020 {
  background-color: #ceffdf;
  z-index: 2;
}

.bottomwave {
  bottom: -25px;
  transform: rotate(180deg);
}
.year1960-svgcolor {
  fill: #ebfde8;
  fill-rule: evenodd;
}
.year1970-svgcolor {
  fill: #03414e;
  fill-rule: evenodd;
}
.year1980-svgcolor {
  fill: #fafdd6;
  fill-rule: evenodd;
}
.year1990-svgcolor {
  fill: #433f00;
  fill-rule: evenodd;
}
.year2000-svgcolor {
  fill: #faeac5;
  fill-rule: evenodd;
}
.year2010-svgcolor {
  fill: #522c0b;
  fill-rule: evenodd;
}
.year2020-svgcolor {
  fill: #ceffdf;
  fill-rule: evenodd;
}

.illuscontainer {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 90%;
  text-align: center;
}
.illustration-inner1960 {
  width: 910px;
  height: 315px;
  margin: 0 auto;
}
.illustration-inner1960-year {
  width: 483px;
  height: 170px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5px;
  transform: translateX(-5%);
  margin: 0 auto;
}

.illustration-inner1970 {
  width: 942px;
  height: 302px;
  margin: 0 auto;
}
.illustration-inner1970-year {
  width: 483px;
  height: 170px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 12px;
  transform: translateX(2%);
  margin: 0 auto;
}

.illustration-inner1980 {
  width: 1007px;
  height: 302px;
  margin: 0 auto;
}
.illustration-inner1980-year {
  width: 483px;
  height: 170px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  transform: translateX(2.8%);
  margin: 0 auto;
}

.illustration-inner1990 {
  width: 1015px;
  height: 270px;
  margin: 0 auto;
}
.illustration-inner1990-year {
  width: 483px;
  height: 170px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 14px;
  transform: translateX(-5%);
  margin: 0 auto;
}

.illustration-inner2000 {
  width: 987px;
  height: 683px;
  margin: 0 auto;
}
.illustration-inner2000-year {
  width: 483px;
  height: 170px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 240px;
  transform: translateX(-0%);
  margin: 0 auto;
}

.illustration-inner2010 {
  width: 1035px;
  height: 398px;
  margin: 0 auto;
}
.illustration-inner2010-year {
  width: 483px;
  height: 170px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5px;
  transform: translateX(-4.8%);
  margin: 0 auto;
}

.illustration-inner2020 {
  width: 1169px;
  height: 398px;
  margin: 0 auto;
}
.illustration-inner2020-year {
  width: 483px;
  height: 170px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 50px;
  transform: translateX(-7.8%);
  margin: 0 auto;
}

.story-legacywrap {
  background: #ffdc14;
  padding: 100px 0 0;
}
.legacytxt {
  font-size: 1.8125rem;
  font-weight: 800;
  color: #008e31;
  text-transform: uppercase;
}

.illustration-text {
  font-size: 1.3rem;
  font-weight: 500;
  text-align: center;
  position: absolute;
  bottom: -22%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 910px;
  transition: all 0.4s;
}
.illustration-text-space1980 {
  bottom: -15%;
}
.illustration-text-space1990 {
  bottom: -20%;
}
.illustration-text-space2000 {
  bottom: 54px;
  max-width: 555px;
  line-height: 23px;
}
.illustration-text-space2010 {
  bottom: -26%;
}
.illustration-text-space2020 {
  bottom: -27%;
}

.illustxtcolor1960 {
  color: #007c4c;
  opacity: 0;
  transform: translateY(50px);
}
.illustxtcolor1970 {
  color: #00c176;
  opacity: 0;
  transform: translateY(50px);
}
.illustxtcolor1980 {
  color: #c4b500;
  opacity: 0;
  transform: translateY(50px);
}
.illustxtcolor1990 {
  color: #c4b500;
  opacity: 0;
  transform: translateY(50px);
}
.illustxtcolor2000 {
  color: #5b391b;
  opacity: 0;
  transform: translateY(50px);
}
.illustxtcolor2010 {
  color: #f0b256;
  opacity: 0;
  transform: translateY(50px);
  width: 940px;
}
.illustxtcolor2020 {
  color: #008e31;
  opacity: 0;
  transform: translateY(50px);
}

/* #holder {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
} */
.cls-1 {
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.cls-1.visible {
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

.cls-1 {
  fill: #007c4c;
}
.cls-2 {
  fill: none;
  stroke: #007c4c;
  stroke-miterlimit: 10;
  stroke-width: 2px;
}
.cls-3 {
  fill: none;
}

.st1 {
  fill: #00c56e;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.st2 {
  fill: none;
  stroke: #00c56e;
  stroke-miterlimit: 10;
}
.st3 {
  fill: none;
  stroke: #00c56e;
  stroke-width: 0.846;
  stroke-miterlimit: 10;
}
.st4 {
  fill: none;
  stroke: #00c56e;
  stroke-width: 0.591;
  stroke-miterlimit: 10;
}
.st5 {
  fill: none;
  stroke: #00c56e;
  stroke-width: 0.721;
  stroke-miterlimit: 10;
}

.st8 {
  fill: none;
  stroke: #00c56e;
  stroke-width: 0.916;
  stroke-miterlimit: 10;
}
.st9 {
  fill: none;
  stroke: #00c56e;
  stroke-width: 0.968;
  stroke-miterlimit: 10;
}
.st10 {
  fill: #007442;
  opacity: 0;
}
.st11 {
  fill: none;
  stroke: #00c56e;
  stroke-width: 0.737;
  stroke-miterlimit: 10;
}
.st12 {
  fill: none;
  stroke: #00c56e;
  stroke-width: 1.672;
  stroke-miterlimit: 10;
}
.st13 {
  fill: none;
  stroke: #00c56e;
  stroke-width: 1.041;
  stroke-miterlimit: 10;
}
.st14 {
  fill: none;
  stroke: #00c56e;
  stroke-width: 0.955;
  stroke-miterlimit: 10;
}
.st15 {
  fill: none;
  stroke: #00c56e;
  stroke-width: 0.984;
  stroke-miterlimit: 10;
}
.st16 {
  fill: none;
  stroke: #00c56e;
  stroke-width: 0.986;
  stroke-miterlimit: 10;
}
.st17 {
  fill: none;
  stroke: #00c56e;
  stroke-width: 0.653;
  stroke-miterlimit: 10;
}
.st18 {
  fill: none;
  stroke: #00c56e;
  stroke-width: 0.71;
  stroke-miterlimit: 10;
}
.st19 {
  fill: none;
  stroke: #00c56e;
  stroke-width: 0.913;
  stroke-miterlimit: 10;
}
.st20 {
  fill: none;
  stroke: #00c56e;
  stroke-width: 1.147;
  stroke-miterlimit: 10;
}
.st21 {
  fill: none;
  stroke: #00c56e;
  stroke-width: 1.301;
  stroke-miterlimit: 10;
}
.st22 {
  fill: none;
  stroke: #00c56e;
  stroke-width: 0.937;
  stroke-miterlimit: 10;
}
.st23 {
  fill: none;
  stroke: #00c56e;
  stroke-width: 0.5;
  stroke-miterlimit: 10;
}

.st25 {
  fill: none;
  stroke: #00c56e;
  stroke-width: 0.489;
  stroke-miterlimit: 10;
}
.st26 {
  fill: none;
  stroke: #00c56e;
  stroke-width: 0.488;
  stroke-miterlimit: 10;
}

/********1980*****************/
.st1980-0 {
  fill: #c7b600;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.st1980-1 {
  fill: none;
}
.st1980-2 {
  fill: none;
  stroke: #00c56e;
  stroke-miterlimit: 10;
}
.st1980-3 {
  clip-path: url(#SVGID_2_);
}
.st1980-4 {
  fill: none;
  stroke: #c7b600;
  stroke-width: 0.75;
  stroke-miterlimit: 10;
}
/* .st1980-5{clip-path:url(#SVGID_4_);} */
.st1980-6 {
  fill: none;
  stroke: #c7b600;
  stroke-miterlimit: 10;
}
.st1980-7 {
  fill: none;
  stroke: #c7b600;
  stroke-width: 0.5;
  stroke-miterlimit: 10;
}
/* .st1980-8{clip-path:url(#SVGID_6_);} */
/* .st1980-9{clip-path:url(#SVGID_8_);} */
.st1980-10 {
  fill: #fbfdd2;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.st1980-11 {
  fill: none;
  stroke: #c7b600;
  stroke-width: 1.065;
  stroke-miterlimit: 10;
}
.st1980-12 {
  fill: none;
  stroke: #c7b600;
  stroke-width: 0.928;
  stroke-miterlimit: 10;
}
.st1980-13 {
  fill: none;
  stroke: #c7b600;
  stroke-width: 0.925;
  stroke-miterlimit: 10;
}
.st1980-14 {
  fill: none;
  stroke: #c7b600;
  stroke-width: 0.853;
  stroke-miterlimit: 10;
}
.st1980-15 {
  fill: none;
  stroke: #c7b600;
  stroke-width: 0.852;
  stroke-miterlimit: 10;
}
.st1980-16 {
  fill: none;
  stroke: #c7b600;
  stroke-width: 0.848;
  stroke-miterlimit: 10;
}
.st1980-17 {
  fill: none;
  stroke: #c7b600;
  stroke-width: 0.932;
  stroke-miterlimit: 10;
}
.st1980-18 {
  fill: none;
  stroke: #c7b600;
  stroke-width: 0.888;
  stroke-miterlimit: 10;
}
.st1980-19 {
  fill: none;
  stroke: #c7b600;
  stroke-width: 0.773;
  stroke-miterlimit: 10;
}
.st1980-20 {
  fill: none;
  stroke: #c7b600;
  stroke-width: 0.594;
  stroke-miterlimit: 10;
}
.st1980-21 {
  opacity: 0.3;
  fill: none;
  stroke: #c7b600;
  stroke-width: 0.594;
  stroke-miterlimit: 10;
  enable-background: new;
}
/* .st1980-22{clip-path:url(#SVGID_10_);} */
.st1980-23 {
  fill: #fafdd6;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.st1980-24 {
  fill: none;
  stroke: #c7b600;
}
.st1980-25 {
  font-family: "Montserrat-ExtraBold";
}
.st1980-26 {
  font-size: 13px;
}
/****************1990*******************/
.st1990-0 {
  fill: none;
  stroke: #c7b600;
  stroke-width: 1.37;
  stroke-miterlimit: 10;
}
.st1990-1 {
  fill: none;
  stroke: #c7b600;
  stroke-miterlimit: 10;
}
.st1990-2 {
  fill: none;
  stroke: #c7b600;
  stroke-width: 0.884;
  stroke-miterlimit: 10;
}
.st1990-3 {
  clip-path: url(#SVGID_2a_);
}
.st1990-4 {
  clip-path: url(#SVGID_4a_);
}
.st1990-5 {
  clip-path: url(#SVGID_6a_);
}
.st1990-6 {
  fill: none;
  stroke: #c7b600;
  stroke-width: 0.75;
  stroke-miterlimit: 10;
}
.st1990-7 {
  clip-path: url(#SVGID_8a_);
}
.st1990-8 {
  clip-path: url(#SVGID_10a_);
}
.st1990-9 {
  clip-path: url(#SVGID_12a_);
}
.st1990-10 {
  fill: none;
  stroke: #c7b600;
  stroke-width: 0.81;
  stroke-miterlimit: 10;
}
.st1990-11 {
  fill: none;
  stroke: #c7b600;
  stroke-width: 0.845;
  stroke-miterlimit: 10;
}
.st1990-12 {
  fill: none;
  stroke: #c7b600;
  stroke-width: 0.672;
  stroke-miterlimit: 10;
}
.st1990-13 {
  fill: none;
  stroke: #c7b600;
  stroke-width: 0.484;
  stroke-miterlimit: 10;
}
.st1990-14 {
  fill: none;
  stroke: #c7b600;
  stroke-width: 0.504;
  stroke-miterlimit: 10;
}
.st1990-15 {
  fill: none;
  stroke: #c7b600;
  stroke-width: 0.401;
  stroke-miterlimit: 10;
}
.st1990-16 {
  clip-path: url(#SVGID_14a_);
}
.st1990-17 {
  clip-path: url(#SVGID_16a_);
}
.st1990-18 {
  fill: none;
  stroke: #c7b600;
  stroke-width: 0.5;
  stroke-miterlimit: 10;
}
/*********************2000************************/
.st2000-1,
.st2000-5,
.st2000-11 {
  fill: none;
}
.st2000-2,
.st2000-13 {
  fill: #fff;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.st2000-3 {
  clip-path: url(#st2000-1a);
}
.st2000-4 {
  fill: #5b391b;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.st2000-5 {
  stroke: #53b6a2;
  stroke-width: 1.3px;
}
.st2000-5,
.st2000-11 {
  stroke-miterlimit: 10;
}
.st2000-6 {
  clip-path: url(#st2000-2a);
}
.st2000-7 {
  opacity: 0.595;
}
.st2000-8 {
  opacity: 0;
  fill: url(#st2000-3a);
}
.st2000-9 {
  fill: #5b381a;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.st2000-10,
.st2000-12 {
  fill: #fdeac1;
}
.st2000-10 {
  font-size: 8px;
  font-family: Montserrat-Black, Montserrat;
  font-weight: 800;
}
.st2000-11 {
  stroke: #fdeac1;
}
/***********************2010************************/
.st2010-1,
.st2010-2,
.st2010-3,
.st2010-4,
.st2010-6,
.st2010-8,
.st2010-11,
.st2010-13,
.st2010-14,
.st2010-16 {
  fill: none;
}
.st2010-2,
.st2010-3,
.st2010-4,
.st2010-8,
.st2010-11,
.st2010-13,
.st2010-14,
.st2010-16 {
  stroke: #f0b256;
}
.st2010-2,
.st2010-4,
.st2010-6,
.st2010-8,
.st2010-11,
.st2010-14,
.st2010-16 {
  stroke-miterlimit: 10;
}
.st2010-3,
.st2010-4,
.p {
  stroke-width: 0.6px;
}
.st2010-5 {
  fill: #f0b256;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.st2010-6 {
  stroke: #53b6a2;
}
.st2010-7 {
  clip-path: url(#st2010-id1);
}
.st2010-8,
.p {
  fill-rule: evenodd;
}
.st2010-9 {
  fill: #53b6a2;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.st2010-10 {
  clip-path: url(#st2010-id2);
}
.st2010-11 {
  stroke-width: 0.4px;
}
.st2010-12 {
  clip-path: url(#st2010-id3);
}
.st2010-14 {
  stroke-width: 0.5px;
}
.st2010-15 {
  fill: #522c0b;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
.st2010-17 {
  clip-path: url(#st2010-id4);
}
.st2010-18 {
  clip-path: url(#st2010-id5);
}
.st2010-19 {
  fill: #00911b;
  font-size: 1px;
  font-family: Montserrat-Medium, Montserrat;
  font-weight: 500;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
.st2010-20 {
  clip-path: url(#st2010-id6);
}
.st2010-21 {
  clip-path: url(#st2010-id7);
}
.st2010-22 {
  stroke: none;
}
/**********************2020*************************/
.st2020-1,
.st2020-2,
.st2020-3,
.st2020-4,
.st2020-7,
.st2020-8,
.st2020-9 {
  fill: none;
}
.st2020-2,
.st2020-3,
.st2020-4,
.st2020-7,
.st2020-8,
.st2020-9,
.st2020-18 {
  stroke: #00911d;
}
.st2020-2,
.st2020-3,
.st2020-4,
.st2020-7,
.st2020-8,
.st2020-9 {
  stroke-miterlimit: 10;
}
.st2020-3,
.st2020-4 {
  stroke-width: 2px;
}
.st2020-3,
.st2020-5,
.st2020-7,
.st2020-9 {
  fill-rule: evenodd;
}
.st2020-5,
.st2020-6,
.st2020-14 {
  fill: #00911b;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.st2020-8,
.st2020-9 {
  stroke-width: 0.883px;
}
.st2020-10 {
  clip-path: url(#st2020-id1);
}
.st2020-11 {
  clip-path: url(#st2020-id2);
}
.st2020-12 {
  clip-path: url(#st2020-id3);
}
.st2020-13 {
  clip-path: url(#st2020-id4);
}
.st2020-14 {
  font-size: 9px;
  font-family: Montserrat-Medium, Montserrat;
  font-weight: 500;
}
.st2020-15 {
  clip-path: url(#st2020-id5);
}
.st2020-16 {
  clip-path: url(#st2020-id6);
}
.st2020-17 {
  clip-path: url(#st2020-id7);
}
.st2020-18 {
  fill: #ceffdf;
  stroke-width: 0.6px;
}
.st2020-19 {
  fill: #00911d;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.desktop-yearwrap {
  display: block;
}
.device-yearwrap {
  display: none;
}

/***************** awasthi - pothen ***************/
.awasthi-pothen-tabs {
  background: #fff;
  width: 100%;
  border-top: 3px solid #ffea07;
}
.awasthi-pothen-tabs-inner {
  padding: 0;
  -webkit-box-shadow: 0px 6px 5px -6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 6px 5px -6px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 6px 5px -6px rgba(0, 0, 0, 0.3);
  margin-bottom: 10px;
}
.awasthi-pothen-tabs-inner a {
  color: #000;
  padding-top: 10px;
  display: block;
  opacity: 0.4;
}
.awasthiWrap .leadertop-followbtn a {
  opacity: 1;
}
.toptabmd {
  display: flex;
  justify-content: center;
  align-items: center;
}
.toptabmd .toptabmd-left {
  font-size: 1.25rem;
  font-weight: 800;
  text-align: right;
  margin-right: 20px;
}
.toptabmd .toptabmd-left span {
  display: block;
  font-size: 1rem;
  font-weight: 400;
}
.awasthi-pothen-tabs-inner .nav-tabs {
  border: none;
}
.awasthi-pothen-tabs-inner .nav-tabs .nav-item {
  margin: 0;
}
.awasthi-pothen-tabs-inner .nav-tabs a.nav-link {
  padding-bottom: 0;
  border: none;
}
.awasthi-pothen-tabs-inner .nav-tabs .active {
  background-color: #fffce2;
  opacity: 1 !important;
}
.awasthi-pothen-tabs-inner .nav-tabs .active .toptabmd .toptabmd-left {
  color: #008b42;
}

.poul-wrap h2 {
  font-size: 3.25rem;
  color: #1d8134;
  font-weight: 700;
  position: relative;
}
.poul-wrap h2:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -25px;
  width: 100%;
  height: 2px;
  background-color: #ffea00;
}
.poultophead {
  position: relative;
  margin-top: 180px;
}
.poultext {
  font-size: 0.875rem;
  color: #000;
  width: 210px;
  top: 0;
  right: 15px;
  position: absolute;
  font-weight: 500;
  line-height: 2;
}
.poultophead h3 {
  position: absolute;
  top: 155px;
  right: 40px;
  font-size: 1.5625rem;
  font-weight: 700;
  color: #1d8134;
}
.poultophead h3 > span {
  display: block;
  font-size: 1.0625rem;
  font-weight: 500;
  margin-top: 15px;
}

.poul-achiveside-wrap {
  margin-top: 40px;
}
.poul-achievment {
  padding: 50px 0;
}
.poul-achievment h4 {
  font-size: 2.0625rem;
  font-weight: 700;
  color: #1d8134;
}
.poul-achievebox {
  background-color: #fff;
  border: 1px solid rgba(132, 78, 46, 0.5);
  margin: 0 auto 23px;
  width: 90%;
  position: relative;
  min-height: 300px;
}
.poulachievebox-inner {
  padding: 35px;
  position: relative;
  font-size: 1rem;
  font-weight: 500;
  color: #000;
  line-height: 2.3;
}
.poulachive-cropimg {
  width: 41px;
  height: 50px;
  position: absolute;
  bottom: -22px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.poulslider {
  width: 90%;
  margin: 0 auto;
}

.poulslider .slick-prev,
.poulslider .slick-next {
  width: 26px;
  height: 30px;
  opacity: 1;
  background: none;
  top: 40%;
}
.poulslider .slick-prev {
  left: -45px;
}
.poulslider .slick-next {
  right: -45px !important;
}
.poulslider .slick-prev:after,
.poulslider .slick-next:after {
  content: "\f104";
  position: absolute;
  width: 26px;
  height: 30px;
  top: 0;
  left: 0px;
  font-family: "Font Awesome 5 Pro";
  color: #333;
  font-size: 40px;
  line-height: 30px;
}
.poulslider .slick-next {
  transform: rotate(180deg);
}
.poulslider .slick-prev.slick-disabled,
.poulslider .slick-next.slick-disabled {
  opacity: 0.55;
  cursor: default;
}

.bg-grey-f4 {
  background: #f4f4f4;
}
.achive-wrap1 {
  padding: 235px 0 50px 0;
}
.achive-wrap1 .imageround-achive img {
  border-radius: 10px;
}
.achive-right1 {
  position: relative;
}
.achive-leafbig {
  width: 540px;
  position: absolute;
  right: 0;
  top: -50%;
}
.achiveright-txt1 {
  color: #000;
  font-size: 0.875rem;
  font-weight: 600;
  position: absolute;
  top: 40%;
  line-height: 2;
  width: 240px;
  padding-left: 20px;
}

.achive-wrap2 {
  padding: 100px 0 50px 0;
}
.imageround-achive2 {
  position: relative;
}
.imageround-achive2 .overlapimg-achive {
  position: absolute;
  left: 0;
  z-index: 1;
  top: 175px;
}
.achive-right2 {
  position: relative;
  background: rgba(0, 140, 68, 1);
  min-height: 710px;
}
.achive-right2-inner {
  padding: 0;
  margin: 44px 0 0 180px;
  width: 334px;
}
.achive-right2-inner > h4,
.achive-right3-inner > h4 {
  color: rgba(255, 234, 0, 1);
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.5;
  padding-right: 100px;
  margin-bottom: 20px;
}
.achive-right2-inner .textwhite-right2,
.achive-right3-inner .textwhite-right3 {
  color: #fff;
  font-size: 0.875rem;
  min-height: 266px;
  line-height: 2.5;
  padding-right: 30%;
}
.achive-right2-inner .textwhite-right2 p,
.achive-right3-inner .textwhite-right3 p {
  color: #fff;
  font-size: 0.875rem;
  line-height: 2.5;
}
.achive2smallimg {
  position: relative;
}
.achive2leaf,
.achive3leaf {
  position: absolute;
  top: -65px;
  left: -144px;
  width: 255px;
}

.achive-wrap3 {
  padding: 100px 0 50px 0;
}
.achive-right3 {
  background-color: rgba(0, 140, 68, 1);
}
.achive3leaf {
  top: -70px;
  left: auto;
  right: -155px;
  z-index: 1;
}
.achive3img img {
  width: 100%;
}
.achive-right3-inner {
  padding: 60px;
  text-align: right;
}
.achive-right3-inner > h4 {
  padding: 0 0 0 135px;
}
.textwhite-right3 {
  min-height: auto !important;
  padding: 0 0 0 20% !important;
}

.mdtabs-wrap {
  padding: 0px 0 50px;
}
.mdtabsbg {
  padding: 50px 0 0;
}
.mdtabs-inner {
  max-width: 1366px;
  margin: 0 auto;
}
.tablinks-md {
  border: 0;
  justify-content: center;
}
.tablinks-md .nav-link {
  position: relative;
  border: none;
  color: #424242;
  margin: 0 5%;
}
.tablinks-md .nav-link:before {
  border-bottom: 5px solid #ffea00;
  position: absolute;
  content: "";
  width: 0%;
  height: 1px;
  top: 40px;
  z-index: 1;
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.tablinks-md .nav-link > h4 {
  font-size: 1.375rem;
  font-weight: 600;
}
.tablinks-md .nav-link.active {
  background: none;
  color: #2a9e62;
}
.tablinks-md .nav-link.active:before {
  width: 100%;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.tab-content-md {
  margin-top: 60px;
}

.awards-detail-slider-box.slidermd {
  margin-bottom: 20px;
}
.poulnagar-wrap {
  padding: 60px 0;
}
.poul-nagartxt {
  text-align: center;
}
.poul-nagartxt p {
  font-size: 1.25rem;
  font-weight: 500;
  color: #000;
  text-align: center;
  line-height: 2.2;
}
.poul-nagartxt > span {
  color: #1d8134;
}
.poulnagar-boxouter {
  border: 1px solid #894f2e;
  margin: 30px 0 0 0;
  padding: 15px 0;
}
.poulnagar-box p {
  color: #894f2e;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 500;
}

.poulbottom-gallery-wrap {
  padding: 0 0 70px;
}
.poul-bottomgall-space {
  margin-bottom: 30px;
  overflow: hidden;
}
.poul-bottomgall-space img {
  transform: scale(1);
  transition: all 0.3s;
  -webkit-transition: all 0.7s;
}
.poul-bottomgall-space:hover img {
  transform: scale(1.06);
}

/***************** our business ********************/
.ourbusiness-bannertxt {
  top: 10%;
}
.ourbusiness-bannertxt-small,
.ourbusiness-bannertxt-small p {
  font-size: 1.125rem;
  font-weight: 500;
  color: #fff;
  margin-top: 30px;
  line-height: 2;
  width: 330px;
}
.tablinks-business-outer {
  background-color: #f5f5f5;
  padding: 50px 0 0;
}
.topcontent-business {
  font-size: 1.15rem;
  font-weight: 600;
  color: #000;
  margin-bottom: 50px;
  background-color: #fffeef;
}
.topcontent-business .indepTextTop {
  position: relative;
}
.topcontent-business .indepTextTop:after {
  border-bottom: 6px solid #ffea00;
  position: absolute;
  content: "";
  width: 200px;
  height: 1px;
  bottom: 0;
  z-index: 1;
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.bottcontent-business {
  font-size: 1.125rem;
  font-weight: 400;
  padding: 0 31% 40px;
  text-align: center;
  margin: 0 auto;
  border-bottom: 2px solid #ffea00;
}
.bottcontent-business p {
  font-size: 1.125rem;
  font-weight: 400;
  margin: 0 auto;
}

.tabsbusiness {
  text-align: center;
  display: flex;
  justify-content: center;
  margin-bottom: 35px;
  border: 0;
}
.tabsbusiness a > h2 {
  font-size: 1.125rem;
  font-weight: 600;
}
.tabsbusiness .nav-link {
  padding: 18px 70px;
  border: 0;
  border-radius: 7px;
  color: #000000;
  background: #dddddd;
  margin: 0 10px;
}
.tabsbusiness .nav-link:hover {
  color: #000;
}
.tabsbusiness .nav-link.active {
  background-color: #00803c;
  color: #fff;
}
.tab-content-business > .tab-pane {
  display: block !important;
}
.tabcontent-cards-business {
  background-color: #fff;
  padding: 0 0 80px;
}
.tabcontent-cards-business .card {
  border: 0;
  background-color: #f0f0f0;
  position: relative;
  transition: all 0.3s;
}
.tabcontent-cards-business .card:hover {
  -webkit-box-shadow: 0px 0px 12px -2px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: 0px 0px 12px -2px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 12px -2px rgba(0, 0, 0, 0.33);
}
.tabcontent-cards-business .card .imgcard-bussiness {
  width: 84%;
  left: 0;
  right: 0;
  margin: -48% auto 0;
  position: relative;
}
.tabcontent-cards-business .card .card-body {
  padding: 20px 8%;
}
.tabcontent-cards-business .card .card-body .card-title {
  font-weight: 800;
  font-size: 1.375rem;
  color: #353535;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #707070;
  max-height: 50px;
  overflow: hidden;
}
.tabcontent-cards-business .card .card-logo {
  padding: 0;
  margin-bottom: 25px;
}
.tabcontent-cards-business .card .card-logo img {
  max-height: 50px;
}
.tabcontent-cards-business .card .card-text {
  font-size: 0.875rem;
  color: #000;
  line-height: 1.75rem;
}

.readmore-businesscard {
  font-size: 0.8125rem;
  color: #e60000;
  font-weight: 600;
  display: block;
  margin: 10px 0 15px;
}
.readmore-businesscard:hover {
  color: #e60000;
  text-decoration: underline;
}
.tabcontent-cards-business .card .card-body .btn {
  position: relative;
  padding-right: 42px;
}
.tabcontent-cards-business .card .card-body .btn:before {
  content: "";
  width: 12px;
  height: 12px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  right: 15px;
  top: 8px;
  position: absolute;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.tabcontent-cards-business .card .card-body .btn:after {
  content: "";
  display: block;
  width: 1px;
  height: 18px;
  background-color: #fff;
  -webkit-transform: rotate(-135deg) translate(15px, 4px);
  transform: rotate(-135deg) translate(15px, 4px);
  right: 14px;
  top: 19px;
  position: absolute;
}
.tabcontent-cards-business .card .card-body .btn:hover:before {
  border-color: #008c44;
}
.tabcontent-cards-business .card .card-body .btn:hover:after {
  background-color: #008c44;
}
.businesscard-space {
  margin-top: 250px;
}

/*********** our business inner *****************/
.ourbusiness-bannertxt-inner {
  top: 8%;
}
.visit-banner {
  margin: 10px 0 0;
}
.ourbusiness-bannertxt-inner-wrap {
  width: 500px;
}
.ourbus-innerbanner-logo {
  padding: 0;
  max-width: 120px;
}
.ourbus-innerbanner-logo img {
  max-width: 100%;
}
.ourbusiness-innertxt {
  margin-bottom: 50px;
}
.ourbusiness-innertxt span {
  position: relative;
  display: inline-flex;
}
.ourbusiness-innertxt span:before {
  border-bottom: 1px solid #fff;
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  bottom: -20px;
  z-index: 1;
  left: 0;
  right: 0;
}
.ourbuss-activity-linebox {
  padding: 0;
  margin-top: 25px;
}
.ourbuss-activity-linebox .yellowbox {
  background-color: #ffea00;
  font-size: 0.6875rem;
  padding: 7px 15px;
  color: #000;
  text-align: center;
  font-weight: 700;
}
.ourbuss-activity-linebox .whitetxt {
  font-size: 1.5rem;
  color: #fff;
  font-weight: 700;
  margin-top: 10px;
}
.visitlink {
  text-align: center;
  padding: 30px 0 40px;
}
.visit-banner {
  padding: 0;
  margin: 20px 0 0;
  text-align: left;
}

/**************careers**************/
.careers-bannerhead {
  width: 350px;
  text-transform: uppercase;
}
section.careers-wrap {
  padding: 0 0 60px;
  max-width: 1366px;
  margin: 0 auto;
}
.career-topsec {
  padding-top: 60px !important;
}
.careers-head {
  font-size: 2.25rem;
  font-weight: 800;
  color: #000;
  position: relative;
  padding: 0 0 0 40px;
  line-height: 1.4;
}
.careers-head::before {
  height: 120%;
  width: 20px;
  content: "";
  position: absolute;
  left: 0;
  top: -10px;
  background: rgba(80, 170, 52, 1);
  background: -moz-linear-gradient(
    top,
    rgba(80, 170, 52, 1) 0%,
    rgba(227, 219, 22, 1) 100%
  );
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0%, rgba(80, 170, 52, 1)),
    color-stop(100%, rgba(227, 219, 22, 1))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(80, 170, 52, 1) 0%,
    rgba(227, 219, 22, 1) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(80, 170, 52, 1) 0%,
    rgba(227, 219, 22, 1) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(80, 170, 52, 1) 0%,
    rgba(227, 219, 22, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(80, 170, 52, 1) 0%,
    rgba(227, 219, 22, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50aa34', endColorstr='#e3db16', GradientType=0 );
}

.greybox-commonvision p {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 2.2;
  padding: 20px 40px;
}
.career-mission-wrap {
  padding: 0;
  position: relative;
}
.career-visionbox {
  font-size: 1.125rem;
  color: #000;
  font-weight: 500;
  line-height: 2;
  width: 360px;
  padding: 20px;
  position: absolute;
  top: 25%;
  right: 25%;
}
.workforcebox-career {
  position: absolute;
  height: 75%;
  left: 7%;
  top: 0;
  padding: 15px;
  width: 370px;
  margin: 4% 0 3%;
}
.workforcebox-career .innerworkforce {
  background: #fff;
  border: 1px solid #dedede;
  height: 100%;
}

.visit-banner {
  padding: 0;
  margin: 20px 0 0;
  text-align: left;
}

.gmap_canvas {
  position: relative;
  overflow: hidden;
  height: 100%;
}
#map,
#commonMap,
#innermap {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: visible !important;
}
.social_link {
  display: none;
  position: absolute;
  right: 0;
  top: 40px;
  border: 1px solid #d7d3d3;
  padding: 5px;
  background-color: #fff;
  z-index: 999;
  min-width: 75px;
  font-size: 0;
}
.social_link li {
  display: inline-block;
  margin: 0 !important;
  padding: 0 8px !important;
  border-right: #eb9eab solid 1px;
  font-size: 15px;
}
.social_link li:after {
  display: none;
}
.social_link li:last-child {
  border-right: 0;
}

#prod-tech-spec {
  position: relative;
}
#prod-tech-spec .playbtn {
  font-size: 5rem;
  font-weight: 900;
  color: #fff;
  opacity: 0.9;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.workforcetxt {
  display: flex;
  width: 100%;
}
.workforce-number,
.workforce-number1 {
  display: flex;
  justify-content: center;
  padding: 15% 0 17%;
  border-bottom: 1px solid #dedede;
}
.workforce-yellowtxt {
  color: #ffea00;
  font-size: 92px;
  font-weight: 800;
  line-height: 40px;
}
.workforce-blacktxt {
  border-bottom: 1px solid #ffea00;
  font-weight: 800;
  color: #000;
  line-height: 1.3;
  margin-left: 10px;
}
.workforce-number1 {
  border: none;
  display: block;
  text-align: center;
  padding: 8% 0 0;
}
.workforce-number1 .workforce-yellowtxt {
  line-height: 75px;
}
.workforce-number1 .workforce-blacktxt {
  border: 0;
}
.culprogress-box {
  margin-bottom: 25px;
  position: relative;
}

.culpro-txtbox {
  position: absolute;
  bottom: 0;
  padding: 0px 30px 0 50px;
  margin-bottom: 15px;
  color: #fff;
}
.culpro-txtbox p {
  color: #ffffff;
}
.culpro-txtbox:before {
  content: "";
  width: 10px;
  height: 60px;
  background-color: #fff;
  left: 25px;
  top: 3px;
  position: absolute;
}
.culpro-txtbox-head {
  font-weight: 700;
  font-size: 1.125rem;
  text-transform: uppercase;
}
.culture-progress-wrap .culprogress-box img {
  width: 100%;
}

.lightpath-box {
  width: 339px;
  margin: 0 auto;
}
.lightpath-boxhead {
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.lightpath-txtbox {
  background-color: #5dae31;
  color: #fff;
  padding: 15px 20px;
  line-height: 1.6;
}
.lightpath-boxtxt {
  height: 65px;
  overflow: hidden;
}
.lightpath-boxtxt,
.lightpath-boxtxt p {
  letter-spacing: 0.5px;
  color: #fff;
}

.lightpath-slider .slick-prev,
.lightpath-slider .slick-next {
  width: 26px;
  height: 30px;
  opacity: 1;
  background: none;
  top: 40%;
}
.lightpath-slider .slick-prev {
  left: -35px;
}
.lightpath-slider .slick-next {
  right: -35px !important;
}
.lightpath-slider .slick-prev:after,
.lightpath-slider .slick-next:after {
  content: "\f104";
  font-weight: 100;
  position: absolute;
  width: 26px;
  height: 30px;
  top: 0;
  left: 0px;
  font-family: "Font Awesome 5 Pro";
  color: #333;
  font-size: 50px;
  line-height: 30px;
}
.lightpath-slider .slick-next {
  transform: rotate(180deg);
}
.lightpath-slider .slick-prev.slick-disabled,
.lightpath-slider .slick-next.slick-disabled {
  opacity: 0.55;
  cursor: default;
}

.ourheros-box {
  width: 94.5%;
  margin: 0 auto;
  position: relative;
}
.ourhero-txtbox {
  position: absolute;
  bottom: 0;
  width: 350px;
  background: #5dae31;
  margin: 0 0 0 25px;
  padding: 25px;
  color: #fff;
}
.ourhero-boxhead {
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.ourhero-boxtxt {
  letter-spacing: 0.5px;
}

.ourheroslider .slick-prev,
.ourheroslider .slick-next {
  width: 26px;
  height: 30px;
  opacity: 1;
  background: none;
  top: 40%;
}
.ourheroslider .slick-prev {
  left: -35px;
}
.ourheroslider .slick-next {
  right: -35px !important;
}
.ourheroslider .slick-prev:after,
.ourheroslider .slick-next:after {
  content: "\f104";
  font-weight: 100;
  position: absolute;
  width: 26px;
  height: 30px;
  top: 0;
  left: 0px;
  font-family: "Font Awesome 5 Pro";
  color: #333;
  font-size: 50px;
  line-height: 30px;
}
.ourheroslider .slick-next {
  transform: rotate(180deg);
}
.ourheroslider .slick-prev.slick-disabled,
.ourheroslider .slick-next.slick-disabled {
  opacity: 0.55;
  cursor: default;
}
@media (max-width: 767px) {
  .careers-head {
    font-size: 1.25rem;
    margin-bottom: 20px;
    padding-left: 24px;
  }
  .careers-head:before {
    top: 0;
    width: 12px;
  }
  .career-visionbox {
    position: relative;
    right: 0;
  }
  .workforcebox-career {
    position: relative;
    height: auto;
    left: 0;
    top: auto;
    width: 100%;
    margin: 0;
  }
  .workforce-number1 {
    padding: 15px 0;
  }
  .ourhero-txtbox {
    margin: 0;
    width: 100%;
  }
}
/* end career */

.ocean {
  width: 100%;
  position: relative;
  background: #75c043;
  margin: 210px 0 0 0;
  height: 50px;
}

.wave {
  background: url(../../images/storyof-iffco/top-wave2.html) repeat-x;
  position: absolute;
  top: -40px;
  width: 30400px;
  height: 198px;
  -webkit-animation: wave 50s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.5s infinite;
  animation: wave 50s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.5s infinite;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.wave:nth-of-type(1) {
  top: -90px;
  -webkit-animation: wave 120s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
  animation: wave 120s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
  opacity: 1;
  background: url(../../images/storyof-iffco/top-wave1.html) repeat-x;
}

@-webkit-keyframes wave {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -1600px;
  }
}

@keyframes wave {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -1600px;
  }
}
@-webkit-keyframes swell {
  0%,
  100% {
    -webkit-transform: translate3d(0, -25px, 0);
    transform: translate3d(0, -25px, 0);
  }
  50% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
}
@keyframes swell {
  0%,
  100% {
    -webkit-transform: translate3d(0, -25px, 0);
    transform: translate3d(0, -25px, 0);
  }
  50% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
}
/*************/

.text-effect {
  text-align: center;
  text-transform: uppercase;
  margin: auto;
  opacity: 0.4;
}
.text-effect span {
  color: rgba(113, 45, 15, 0.05);
  font-size: 140px;
  font-weight: 800;
  text-shadow: 0 0 2px rgba(255, 216, 0, 0.8), 0 5px 5px rgba(0, 0, 0, 0.1),
    0 -2px 3px rgba(0, 0, 0, 0.1), 0 -5px 10px rgba(255, 255, 255, 0.5),
    0 5px 10px rgba(0, 0, 0, 0.3), 0 3px 4px rgba(255, 255, 255, 0.2),
    0 0 20px rgba(255, 255, 255, 0.45);
  display: inline-block;
  animation: animate 1.5s ease-in-out infinite alternate;
  line-height: 140px;
}
.text-effect span:nth-child(1) {
  animation-delay: 0s;
}
.text-effect span:nth-child(2) {
  animation-delay: 0.15s;
}
.text-effect span:nth-child(3) {
  animation-delay: 0.3s;
}
.text-effect span:nth-child(4) {
  animation-delay: 0.45s;
}
.text-effect span:nth-child(5) {
  animation-delay: 0.6s;
}
.text-effect span:nth-child(6) {
  animation-delay: 0.75s;
}
.text-effect span:nth-child(7) {
  animation-delay: 0.9s;
}
.text-effect span:nth-child(8) {
  animation-delay: 1.05s;
}
.text-effect span:nth-child(9) {
  animation-delay: 1.2s;
}
.text-effect span:nth-child(10) {
  animation-delay: 1.35s;
}
@keyframes animate {
  to {
    text-shadow: 0 0 2px rgba(204, 208, 212, 0.2), 0 0 3px rgba(0, 0, 0, 0.02),
      0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(255, 255, 255, 0),
      0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(255, 255, 255, 0),
      0 0 0 rgba(255, 255, 255, 0);
  }
}
@media only screen and (max-width: 990px) {
  .text-effect span {
    font-size: 115px;
  }
}
@media only screen and (max-width: 767px) {
  .text-effect span {
    font-size: 75px;
  }
}
@media only screen and (max-width: 479px) {
  .text-effect span {
    font-size: 55px;
  }
}
@media only screen and (max-width: 359px) {
  .text-effect span {
    font-size: 40px;
  }
}

@-webkit-keyframes mover {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(10px);
  }
}
@keyframes mover {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(10px);
  }
}