.breadcrumb {
      position: relative;
      width: 100%;
      height: 350px; 
      /*background-image: url('/assets/bredc.jpg');*/
      background: linear-gradient(135deg, #fdfbf7 0%, #f4eee3 100%);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      display: flex;
      align-items: center;
      color: white;
    }

    .breadcrumb::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(14, 14, 14, 0.655); /* dark overlay */
      z-index: 1;
      opacity: 9;
    }

    .breadcrumb h1 {
      width: 100%;
      text-align: center;
      font-size: 3.2rem;
      text-transform: uppercase;
      font-weight: bold;
      z-index: 2;
      position: relative;
      font-weight: 600;
    font-family: "Poppins", sans-serif;
    }

    /* Responsive text */
  
    @media (max-width: 768px) {
      .breadcrumb {
        height: 30vh;
      }
      .breadcrumb h1 {
        font-size: 2.7rem;
      }
    }

    @media (max-width: 480px) {
      .breadcrumb {
        height: 22vh;
      }
      .breadcrumb h1 {
        text-align: center;
        font-size:1.7rem;
      }
    }