.environmntwrapper img {
  height: 250px;
  width: 250px;
  object-fit: cover;
  /* bottom: 0 !important; */
  bottom: 100px !important;
}

.envrnmnt-main .bannerFirstSec .bannerText {
  position: absolute !important;
  top: calc(100% - 74%) !important;
  left: 10% !important;
}

.envrnmnt-main .bannerFirstSec .bannerText h4 {
  font-size: 20px !important;
  width: 45%;
  line-height: 1.5;
}

@media screen and (min-width: 992px) and (max-width: 1500px) {
  .envrnmnt-main .bannerFirstSec .imgOverlay img {
    width: 65vw !important;
  }
}
.envrnmnt-main .bannerFirstSec .imgOverlay::before {
  content: inherit !important;
}
.resrce-eff-main {
  padding: 80px 0;
  position: relative;
}
.sustainable-chain {
  background-color: #f8f8f8;
}
.resrce-eff-main h2,
.key-envirnmnt-main h2 {
  width: 100%;
  font-size: 2.5rem;
  color: #231f20;
  font-family: "gothambold";
  text-align: center;
  margin-bottom: 3rem;
}
.key-envirnmnt-main h2 {
  margin-bottom: 5rem !important;
}
.section.faq {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}

.faq .accordion {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* row-gap: 1rem; */
}

.faq .accordion__item {
  padding: 25px 0px;
  position: relative;
  width: 100%;
  border-bottom: 1px solid #919191;
  cursor: pointer;
}

.faq .accordion__item:after {
  position: absolute;
  right: 1rem;
  content: "+";
  font-size: 40px;
  top: 5px;
  font-family: "gothammedium";
}

.faq .accordion__item.open:after {
  content: "−";
}

.faq .accordion__item p {
  margin-top: 1rem;
  margin-bottom: 0;
  font-family: "gothambook";
}

.faq .accordion__item:not(.open) p {
  display: none;
}
.faq .open h3 {
  color: #ff7315;
}
.faq h3 {
  color: #231f20;
  font-family: "gothambold";
  font-size: 24px;
  margin-bottom: 0;
  text-transform: capitalize;
}
.faq p {
  color: #1d1d1d;
}
.key-envirnmnt-main {
  padding: 75px 0;
  background-color: #fcfcf1;
  position: relative;
}
.environment-img1 {
  width: 220px;
  position: absolute;
  top: -50px;
  left: -20px;
}
.environment-img2 {
  width: 200px;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 991px) {
  .environment-img1,
  .environment-img2 {
    display: none;
  }
}
.keyenvirmnt-box {
  background-color: #f8f8e4;
  padding: 30px;
  padding-top: 20px;
  margin-bottom: 50px;
}
.keyenvirmnt-box h6 {
  font-family: gothammedium;
  font-size: 15px;
  margin-bottom: 10px;
}
.keyenv-mainhd {
  color: #ff7315;
  font-family: "gothambold" !important;
  font-size: 18px !important;
  margin-bottom: 5px !important;
}
.keyenvirmnt-box a {
  font-size: 13px;
  color: #231f20;
  font-family: gothambook;
}
.keyenvirmnt-box p {
  font-size: 14px;
  color: #231f20;
  line-height: 1.25;
  font-family: gothammedium;
}
.border-box1 {
  justify-content: space-between;
  display: flex;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 15px 0;
  margin-bottom: 15px;
}
.border-box1 p {
  margin-bottom: 0;
  color: #b6b52e;
  font-size: 13px;
  font-family: gothammedium;
}
.border-box1 p span {
  color: #231f20;
  font-family: gothambook;
}
.border-box-sub {
  display: flex;
}
.border-box-sub img {
  margin-right: 3px;
  height: 30px;
  margin-top: 7px;
}
.border-boxline {
  position: relative;
}
.border-boxline:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: -15px;
  top: 10%;
  background: #ccc;
  height: 33px;
  width: 1px;
}
.key-numbr {
  color: #f0f0c5;
  font-family: "gothamblack";
  position: absolute;
  font-size: 60px;
  top: -46px;
  left: 35px;
}
.key-transprnt {
  background-color: transparent;
}
p.usgbc-para {
  font-size: 13px;
  line-height: 1.3;
  margin-bottom: 10px;
  font-family: "gothammedium";
}
.keyenv-paras {
  font-size: 13px !important;
  color: #231f20 !important;
  line-height: 1.3 !important;
  font-family: "gothammedium" !important;
  margin-bottom: 6px;
}
.border-boxline-env:after {
  right: -35px;
}
.last-box-head {
  font-family: gothammedium;
  font-size: 15px;
  margin-bottom: 10px;
}
.last-box-main {
  background-color: #f8f8e4;
  padding: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
  display: flex;
  margin-bottom: 70px;
  width: 100%;
}
.border-dbl:after {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0px;
  top: 0%;
  background: #ccc;
  height: 80px;
  width: 1px;
}
.border-dbl:before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: -39px;
  top: 0%;
  background: #ccc;
  height: 80px;
  width: 1px;
}
.border-dbl {
  justify-content: space-between;
  display: flex;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 15px 0;
  margin-bottom: 15px;
  position: relative;
}
.border-dbl p {
  margin-bottom: 0;
  color: #b6b52e;
  font-size: 13px;
  font-family: gothammedium;
}
.border-dbl p span {
  color: #231f20;
  font-family: gothambook;
}
.key-evirnmnt-lastp {
  font-size: 14px;
  color: #231f20;
  line-height: 1.25;
  font-family: gothammedium;
  margin-bottom: 0;
}
.key-environ-ul {
  padding-inline-start: 20px;
  list-style-type: auto;
  color: #231f20;
  margin-top: -35px;
  font-family: "gothambook";
}
.resource-cornr {
  width: 200px;
  position: absolute;
  top: -30px;
  left: 1px;
  transform: rotateY(180deg);
}
.resource-cornr2img {
  position: absolute;
  width: 160px;
  height: 127px;
  object-fit: cover;
  right: 79px;
  top: -27px;
}
@media screen and (max-width: 991px) {
  .resource-cornr2img,
  .resource-cornr {
    display: none;
  }
  .last-box-main {
    flex-direction: column;
  }
  .envrnmnt-main .bannerFirstSec .bannerText h4 {
    width: 100%;
  }
  .envrnmnt-main img {
    display: block !important;
  }
  .envrnmnt-main .bannerFirstSec {
    display: flex;
  }
  .envrnmnt-main .imgOverlay.desktop-banner {
    order: 2;
  }
  .envrnmnt-main {
    padding-bottom: 0 !important;
  }
  .resrce-eff-main h2,
  .key-envirnmnt-main h2 {
    font-size: 1.75rem;
    margin-bottom: 1rem;
  }
  .faq h3 {
    font-size: 20px;
  }
  .resrce-eff-main,
  .key-envirnmnt-main {
    padding: 40px 0;
  }
  .section.faq {
    margin-bottom: 25px;
  }
  .border-boxline-env:after {
    right: -65px;
  }
  .border-boxline:after {
    right: -35px;
  }
  .border-dbl:before,
  .border-dbl:after {
    content: none;
  }
}
.casestudyenv,
.envrnmnt-main {
  background-color: #17480c !important;
}
.casestudyenv .titleWrappper p {
  color: #17480c !important;
}
.env-img-2,
.env-img-3,
.env-img-4,
.env-img-7,
.env-img-6,
.env-img-7,
.gov-img-2,
.gov-img-4,
.gov-img-5,
.gov-img-6,
.soc-img-2,
.soc-img-3,
.soc-img-5,
.soc-img-6 {
  display: none;
}
@media (min-width: 768px) {
  .netzero-desk {
    display: block;
  }
  .netzero-mob {
    display: none;
  }
  .netzero-desk1 {
    display: block;
  }
  .netzero-mob1 {
    display: none;
  }
}
@media (max-width: 767px) {
  .netzero-desk {
    display: none;
  }
  .netzero-mob {
    display: block;
  }
  .netzero-desk1 {
    display: none;
  }
  .netzero-mob1 {
    display: block;
  }
}