.featured-plastic-facts {
  padding-top: 35px;
  padding-bottom: 50px;
  background-color: #F8FFFC;
  overflow: hidden;
}
@media only screen and (min-width: 390px) {
  .featured-plastic-facts {
    padding-top: calc(35px + 23 * (100vw - 390px) / 1050);
  }
}
@media only screen and (min-width: 1440px) {
  .featured-plastic-facts {
    padding-top: 58px;
  }
}
@media only screen and (min-width: 390px) {
  .featured-plastic-facts {
    padding-bottom: calc(50px + 48 * (100vw - 390px) / 1050);
  }
}
@media only screen and (min-width: 1440px) {
  .featured-plastic-facts {
    padding-bottom: 98px;
  }
}
.featured-plastic-facts .heading {
  padding-bottom: 26px;
}
@media only screen and (min-width: 390px) {
  .featured-plastic-facts .heading {
    padding-bottom: calc(26px + 42 * (100vw - 390px) / 1050);
  }
}
@media only screen and (min-width: 1440px) {
  .featured-plastic-facts .heading {
    padding-bottom: 68px;
  }
}
.featured-plastic-facts .items {
  gap: 15px;
}
@media only screen and (min-width: 390px) {
  .featured-plastic-facts .items {
    gap: calc(15px + 33 * (100vw - 390px) / 1050);
  }
}
@media only screen and (min-width: 1440px) {
  .featured-plastic-facts .items {
    gap: 48px;
  }
}
@media only screen and (max-width: 575px) {
  .featured-plastic-facts .items {
    margin-left: -8px;
    margin-right: -8px;
  }
}
.featured-plastic-facts .item {
  width: 47.8%;
}
@media only screen and (min-width: 576px) {
  .featured-plastic-facts .item {
    width: 30.55%;
  }
}
.featured-plastic-facts .item:hover .front {
  opacity: 0;
  visibility: hidden;
}
.featured-plastic-facts .item:hover .back {
  opacity: 1;
  visibility: visible;
}
.featured-plastic-facts .item:hover .icon svg path:first-child {
  fill-opacity: 1;
}
.featured-plastic-facts .item:hover .icon svg path:last-child {
  fill-opacity: 0.5;
}
.featured-plastic-facts .item .back {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #376452;
  transition: 0.35s ease;
  opacity: 0;
  visibility: hidden;
}
.featured-plastic-facts .item .back .text {
  width: 100%;
  padding: 14px;
  top: 50%;
  left: 50%;
  font-size: 14px;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 390px) {
  .featured-plastic-facts .item .back .text {
    padding: calc(14px + 16 * (100vw - 390px) / 1050);
  }
}
@media only screen and (min-width: 1440px) {
  .featured-plastic-facts .item .back .text {
    padding: 30px;
  }
}
@media only screen and (min-width: 390px) {
  .featured-plastic-facts .item .back .text {
    font-size: calc(14px + 10 * (100vw - 390px) / 1050);
  }
}
@media only screen and (min-width: 1440px) {
  .featured-plastic-facts .item .back .text {
    font-size: 24px;
  }
}
.featured-plastic-facts .item .front {
  transition: 0.35s ease;
}
.featured-plastic-facts .item .front .image:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(4, 48, 58, 0.7490196078);
}
.featured-plastic-facts .item .front .image img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 164px;
}
@media only screen and (min-width: 390px) {
  .featured-plastic-facts .item .front .image img {
    height: calc(164px + 192 * (100vw - 390px) / 1050);
  }
}
@media only screen and (min-width: 1440px) {
  .featured-plastic-facts .item .front .image img {
    height: 356px;
  }
}
.featured-plastic-facts .item .front .text {
  width: 100%;
  padding: 14px;
  top: 50%;
  left: 50%;
  font-size: 14px;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 390px) {
  .featured-plastic-facts .item .front .text {
    padding: calc(14px + 16 * (100vw - 390px) / 1050);
  }
}
@media only screen and (min-width: 1440px) {
  .featured-plastic-facts .item .front .text {
    padding: 30px;
  }
}
@media only screen and (min-width: 390px) {
  .featured-plastic-facts .item .front .text {
    font-size: calc(14px + 14 * (100vw - 390px) / 1050);
  }
}
@media only screen and (min-width: 1440px) {
  .featured-plastic-facts .item .front .text {
    font-size: 28px;
  }
}
.featured-plastic-facts .item .icon {
  top: 6px;
  right: 6px;
  z-index: 2;
}
@media only screen and (min-width: 390px) {
  .featured-plastic-facts .item .icon {
    top: calc(6px + 8 * (100vw - 390px) / 1050);
    right: calc(6px + 8 * (100vw - 390px) / 1050);
  }
}
@media only screen and (min-width: 1440px) {
  .featured-plastic-facts .item .icon {
    top: 14px;
    right: 14px;
  }
}
@media only screen and (max-width: 575px) {
  .featured-plastic-facts .item .icon svg {
    width: 20px;
  }
}
.featured-plastic-facts .item .icon svg path {
  transition: 0.35s ease;
}

/*# sourceMappingURL=block.css.map*/