.section-breadcrumb {
  position: relative;
  background-image: var(--bg-breadcrumb);
  background-size: cover;
  background-position: center;
  padding: 75px 0;
  text-align: center; }
  .section-breadcrumb:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(34, 45, 53, 0.8); }
  .section-breadcrumb .breadcrumb-shop {
    background: transparent;
    border: none;
    position: relative; }
    .section-breadcrumb .breadcrumb-shop .breadcrumb-list .breadcrumb-arrows {
      display: flex;
      justify-content: center;
      color: var(--clr_page_service_detail_brc);
      font-size: 15px;
      letter-spacing: 2px;
      padding: 0; }
      .section-breadcrumb .breadcrumb-shop .breadcrumb-list .breadcrumb-arrows span {
        font-weight: 600; }
      .section-breadcrumb .breadcrumb-shop .breadcrumb-list .breadcrumb-arrows a {
        color: var(--clr_page_service_detail_brc); }
        .section-breadcrumb .breadcrumb-shop .breadcrumb-list .breadcrumb-arrows a:hover {
          color: var(--shop-text-hover); }
      .section-breadcrumb .breadcrumb-shop .breadcrumb-list .breadcrumb-arrows > li + li:before {
        content: '';
        width: 6px;
        height: 6px;
        background: #062A4D;
        border-radius: 50%;
        margin: 0 8px 0 12px;
        display: inline-block; }
  .section-breadcrumb .breadcrumb-content {
    position: relative;
    color: var(--clr_page_service_detail_brc); }
    .section-breadcrumb .breadcrumb-content h1 {
      font-size: 45px;
      margin: 0;
      color: currentColor; }
  @media (max-width: 1199px) and (min-width: 992px) {
    .section-breadcrumb {
      padding: 80px 0; }
      .section-breadcrumb .breadcrumb-content h1 {
        font-size: 40px; } }
  @media (max-width: 991px) {
    .section-breadcrumb {
      padding: 60px 0; }
      .section-breadcrumb .breadcrumb-content h1 {
        font-size: 30px; } }
  @media (max-width: 767px) {
    .section-breadcrumb .breadcrumb-shop .breadcrumb-list .breadcrumb-arrows {
      font-size: 12px; }
    .section-breadcrumb .breadcrumb-content h1 {
      font-size: 24px; } }