.article-recycle-holder {
  display: flex;
  justify-content: center;
  min-height: 82vh;
}
.article-recycle-holder .wrapper-recycle {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.article-recycle-holder .wrapper-recycle .holder a:focus {
  outline: 2px solid #005fcc; /* Blue outline for focus */
  outline-offset: 4px; /* Adds space between the outline and the element */
}
@media (max-width: 767px) {
  .article-recycle-holder .wrapper-recycle {
    background: url("/static/images/icons/lightBlueBkgMobile.svg") no-repeat center -58vw;
    background-size: 766px 605px;
  }
}
.article-recycle-holder .wrapper-recycle h1 {
  color: rgb(2, 42, 186);
  font-size: 1rem;
  line-height: 1rem;
  margin-bottom: 8px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .article-recycle-holder .wrapper-recycle h1 {
    background: url("/static/images/icons/lightBlueBkgMobile.svg") no-repeat center -50vw;
    background-size: 766px 605px;
    font-family: "GalanoGrotesque-Regular";
  }
}
.article-recycle-holder .wrapper-recycle h2, .article-recycle-holder .wrapper-recycle h3 {
  color: rgb(2, 42, 186);
  line-height: 2rem;
}
.article-recycle-holder .wrapper-recycle h3 {
  font-size: 20px;
  margin-bottom: 25px;
  margin-top: 37px;
}
.article-recycle-holder .wrapper-recycle p {
  font-size: 1rem;
  line-height: 2rem;
  margin-bottom: 37px;
}
.article-recycle-holder .wrapper-recycle p a {
  color: rgb(2, 42, 186);
  text-decoration: none;
}
.article-recycle-holder .wrapper-recycle p strong {
  font-size: 1.3em;
}
[dir=rtl] .article-recycle-holder .wrapper-recycle h1 {
  direction: rtl;
  text-align: right;
}
[dir=rtl] .article-recycle-holder .wrapper-recycle ul {
  padding-left: auto;
  padding-right: 1rem;
}
[dir=rtl] .article-recycle-holder .wrapper-recycle .bread-crumb {
  text-align: right;
}
[dir=rtl] .article-recycle-holder .wrapper-recycle .bread-crumb a::before {
  right: 0;
}
.article-recycle-holder .wrapper-recycle .text-left,
.article-recycle-holder .wrapper-recycle .text-direction {
  text-align: left;
}
.article-recycle-holder .wrapper-recycle .text-left {
  padding-top: calc(150px - 1rem);
  padding-bottom: 20px;
}
.article-recycle-holder .wrapper-recycle .back-btn-wrapper {
  align-items: center;
  display: flex;
}
[dir=rtl] .article-recycle-holder .wrapper-recycle .back-btn-wrapper img {
  transform: rotate(180deg);
}
[dir=rtl] .article-recycle-holder .wrapper-recycle .text-direction {
  text-align: right;
}

@media (min-width: 768px) {
  .article-recycle-holder {
    min-height: 0;
    padding-top: 0;
  }
  .article-recycle-holder .bottom-gradient {
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    height: 100px;
    pointer-events: none;
    position: fixed;
    right: 0;
    width: 100%;
  }
  .article-recycle-holder .wrapper-recycle h1 {
    line-height: 1.2rem;
    max-width: 147px;
    padding-left: 10px;
    word-wrap: break-word;
  }
  .article-recycle-holder .wrapper-recycle h2 {
    line-height: 2.7rem;
  }
  .article-recycle-holder .wrapper-recycle h3 {
    font-size: 1.67rem;
  }
  .article-recycle-holder .wrapper-recycle .text-left {
    background-color: #F2F5FB;
    padding-top: 400px;
    position: relative;
  }
  .article-recycle-holder .wrapper-recycle .back-btn-wrapper {
    position: fixed;
    width: 22vw;
  }
}
@media (min-width: 768px) and (max-width: 1215px) {
  .article-recycle-holder .wrapper-recycle .back-btn-wrapper img {
    width: 3.6vw;
  }
}
@media (min-width: 768px) {
  [dir=rtl] .article-recycle-holder .wrapper-recycle .back-btn-wrapper h1 {
    padding-right: 10px;
  }
  .article-recycle-holder .wrapper-recycle .minus-left {
    background: url("/static/images/lightBlueBkg.svg") left -225px no-repeat;
    padding-top: calc(123px - 1.5rem);
  }
  [dir=rtl] .article-recycle-holder .wrapper-recycle .minus-left {
    background: url("/static/images/lightBlueBkgRtl.svg") right -225px no-repeat;
  }
  [dir=rtl] .article-recycle-holder .wrapper-recycle .bread-crumb {
    direction: rtl;
    text-align: right;
  }
  [dir=rtl] .article-recycle-holder .wrapper-recycle .bread-crumb a {
    padding-left: 0;
    padding-right: 1rem;
  }
  [dir=rtl] .article-recycle-holder .wrapper-recycle .bread-crumb a::before {
    background: url("/static/images/arrow-purple.svg") no-repeat center right/6px;
    content: "";
    height: 10px;
    left: auto;
    position: absolute;
    right: 0;
    top: 3px;
    transform: rotate(180deg);
    width: 6px;
  }
}
@media (min-width: 992px) {
  .article-recycle-holder {
    min-height: unset;
    position: relative;
    padding: 0;
  }
  .article-recycle-holder .wrapper-recycle h2 {
    line-height: 3.27rem;
  }
  .article-recycle-holder .wrapper-recycle p {
    font-size: 25px;
    line-height: 33px;
  }
  [dir=rtl] .article-recycle-holder .wrapper-recycle .back-btn-wrapper {
    right: 30px;
  }
  [dir=rtl] .article-recycle-holder .wrapper-recycle .back-btn-wrapper h1 {
    direction: rtl;
  }
  .article-recycle-holder .wrapper-recycle .scroll {
    -ms-overflow-style: none;
    height: 100%;
    position: relative;
    scrollbar-width: none;
  }
  .article-recycle-holder .wrapper-recycle ::-webkit-scrollbar {
    background: transparent;
    width: 0;
  }
  [dir=rtl] .article-recycle-holder .wrapper-recycle .bread-crumb {
    text-align: left;
  }
  .article-recycle-holder .wrapper-recycle .pt-11 {
    padding-top: 90px;
  }
  .article-recycle-holder .wrapper-recycle .pr {
    padding-left: 25px;
  }
  [dir=rtl] .article-recycle-holder .wrapper-recycle .pr {
    padding-left: 57px;
    padding-right: 15px;
  }
  .article-recycle-holder .wrapper-recycle .minus-left {
    padding-left: 56px;
  }
  [dir=rtl] .article-recycle-holder .wrapper-recycle .minus-left {
    padding-left: 45px;
    padding-right: 50px;
  }
}
@media screen and (min-width: 992px) and (min-width: 0\0 ) {
  .article-recycle-holder {
    height: 89.3vh;
    min-height: 89.3vh;
  }
}
@media (min-width: 992px) {
  @supports (-ms-ime-align: auto) {
    .article-recycle-holder {
      height: 89.9vh;
      min-height: 89.9vh;
    }
  }
}
@media (min-width: 1200px) {
  .article-recycle-holder .wrapper-recycle .back-btn-wrapper {
    padding-left: 20px;
  }
  .article-recycle-holder .wrapper-recycle h1 {
    max-width: none;
  }
}
@media (min-width: 1246px) {
  .article-recycle-holder .wrapper-recycle .back-btn-wrapper {
    right: 75vw;
  }
}
@media (min-width: 1680px) {
  [dir=rtl] .article-recycle-holder .wrapper-recycle .back-btn-wrapper {
    right: 7vw;
  }
}