:root { --site-bg: #F4F7FF; }

@media (max-width: 767.98px){

  html, body{
    background: var(--site-bg) !important;
  }

  .breadcrumbs-wrapper,
  .container.breadcrumbs-wrapper,
  .breadcrumbs-wrapper .container,
  .breadcrumbs,
  .breadcrumbs-inner{
    background: var(--site-bg) !important;
    background-image: none !important;
    box-shadow: none !important;
    border: 0 !important;
  }
  .breadcrumbs-wrapper::before,
  .breadcrumbs-wrapper::after,
  .breadcrumbs::before,
  .breadcrumbs::after{
    background: var(--site-bg) !important;
    background-image: none !important;
  }

  .content-wrapper::before,
  .content-wrapper::after,
  .page-wrap::before,
  .page-wrap::after{
    background: transparent !important;
    background-image: none !important;
  }

  .page-wrap, .page, .page-layout,
  .container-wrapper, .content, .content-wrapper, .main-content,
  [data-testid="pageWrap"], [data-testid="contentWrap"]{
    background: var(--site-bg) !important;
  }
}