/* Section photography from the existing MR.BOX media library. */
.mrbox-quality-release[data-banner-page="index"] { --mrbox-banner-photo: url("/assets/img/banner/mb1.png"); }
.mrbox-quality-release[data-banner-page="b2b"] { --mrbox-banner-photo: url("/assets/img/banner/about1.png"); }
.mrbox-quality-release[data-banner-page="catalog"] { --mrbox-banner-photo: url("/assets/img/banner/about33.jpg"); }
.mrbox-quality-release[data-banner-page="product"] { --mrbox-banner-photo: url("/assets/img/banner/fqbg22.jpg"); }
.mrbox-quality-release[data-banner-page="about"] { --mrbox-banner-photo: url("/assets/img/banner/about3.jpg"); }
.mrbox-quality-release[data-banner-page="portfolio"] { --mrbox-banner-photo: url("/assets/img/banner/about4.jpg"); }
.mrbox-quality-release[data-banner-page="action"] { --mrbox-banner-photo: url("/assets/img/banner/fqbg11.jpg"); }
.mrbox-quality-release[data-banner-page="blog"] { --mrbox-banner-photo: url("/assets/img/banner/about.jpg"); }
.mrbox-quality-release[data-banner-page="news-single"] { --mrbox-banner-photo: url("/assets/img/banner/about.jpg"); }
.mrbox-quality-release[data-banner-page="faq"] { --mrbox-banner-photo: url("/assets/img/banner/fqbg22.jpg"); }

.mrbox-quality-release[data-banner-page] #breadcrumb.breadcrumb-section {
  background-image: linear-gradient(rgba(25, 18, 13, .60), rgba(25, 18, 13, .64)), var(--mrbox-banner-photo) !important;
  background-position: center, center 56% !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-blend-mode: normal !important;
}
.mrbox-quality-release[data-banner-page] #slider-area .slider-img-bg {
  background-image: var(--mrbox-banner-photo) !important;
  background-size: cover !important;
  background-position: center !important;
}
@media (max-width: 768px) {
  .mrbox-quality-release[data-banner-page] #slider-area .slider-content-box,
  .mrbox-quality-release[data-banner-page] #slider-area .slider-main-text {
    background-image: none !important;
  }
}

.mrbox-quality-release[data-banner-page] #slider-area .slider-content-box {
  background-image: var(--mrbox-banner-photo) !important;
  background-size: cover !important;
  background-position: center !important;
}
.mrbox-quality-release.page-b2b #slider-area .slider-main-text :is(h1,h2) {
  opacity: 1 !important;
  transform: none !important;
}