h3{
  font-size: 18px;
}
.page-banner {
    background:  var(--primary-color);
    overflow: hidden;
    border-bottom: 13px solid #ccc;
    position: relative;
  }
  
  .page-banner h3 {
    color: #fff;
    margin-left: 20px;
  }
  
  .page-banner .shape {
    right: -100px;
  }
  
  .page-banner .shape,
  .page-banner .shape2 {
    width: 200px;
    height: 200px;
    background:linear-gradient(150deg, #73bf43, #265d04);
    opacity: 0.6;
    position: absolute;
    top: 0;
    border-radius: 40px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg) !important;
  }
  
  .page-banner .shape2 {
    left: -100px;
  }
  
  .page-banner .shape3 {
    width: 300px;
    height: 300px;
    background: linear-gradient(90deg, #73bf43, #265d04);
    opacity: 0.6;
    position: absolute;
    top: -150px;
    left: 45%;
    border-radius: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
  .page-banner .breadcrumb .breadcrumb-item.active {
    color: #fff;
    font-weight: 600;
  }
  
  .page-banner .breadcrumb .breadcrumb-item a {
    color: #f4f4f4;
    text-decoration: none;  
    font-size: 14px;
  }
  .breadcrumb-item span{
    color: black;
    font-size: 14px;
  }