.banner_pages {
  background: url(../images/pages_banner/2.jpg);
  height: 300px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.banner_pages::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:rgb(0 59 115 / 46%);
  pointer-events: none;
  z-index: 1;
}

.banner_content {
  position: relative;
  z-index: 2;
  text-align: center;
}

.banner_content h1 {
  color: #fff;
  font-size: 52px;
  font-weight: 700;
  letter-spacing: 2px;
  margin: 0 0 30px 0;
  font-family: 'Poppins',sans-serif;
}

.breadcrumbs {
  display: inline-block;
  background: #022d55c4;
  color: #fff;
  padding: 11px 30px;
  border-radius: 6px;
  font-size: 17px;
  font-family: 'Poppins', Arial, sans-serif;
  font-weight: 600;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  opacity: 0.96;
}
.breadcrumbs span {
  color: #fff;
  font-weight: 400;
}

@media(max-width:900px){
  
  /* start css for banner section here(**** */
    .banner_content h1{
      line-height: 46px;
      font-size: 44px;
      margin-bottom: 25px;
    }

    .breadcrumbs{
      width: 95%;
    }
  /* end css for banner section here(**** */
}