.page_header_area {
  padding:8% 5%;
  color: #333;
  position: relative;
  line-height: 1;

}


.page_header_title {
  text-align: center;
  font-weight: 700;
  font-size: 28px;
  letter-spacing: .2em;
  margin-bottom: 10px;
  color:#333;
}

.page_header_sub {
  text-align: center;
  font-size: 14px;
  color: rgba(0,0,0,0.5);
}



.page_header_bg01 {
  background:url(/_images/psd/page-title-assets/title-bg-01.jpg) center center ;
  background-size: cover;
}

.page_header_bg02 {
  background: url(/_images/psd/page-title-assets/title-bg-02.jpg) center center ;
  background-size: cover;
}

.page_header_bg03 {
  background: url(/_images/psd/page-title-assets/title-bg-03.jpg) center center ;
  background-size: cover;
}

.page_header_bg04 {
  background: url(/_images/psd/page-title-assets/title-bg-04.jpg) center center ;
  background-size: cover;
}

.page_header_bg05 {
  background: url(/_images/psd/page-title-assets/title-bg-05.jpg) center center ;
  background-size: cover;
}

.page_header_bg06 {
  background: url(/_images/psd/page-title-assets/title-bg-06.jpg) center center ;
  background-size: cover;
}

.page_header_bg07 {
  background: url(/_images/psd/page-title-assets/title-bg-07.jpg) center center ;
  background-size: cover;
}
.page_header_bg08 {
  background: url(/_images/psd/page-title-assets/title-bg-08.jpg) center center ;
  background-size: cover;
}
.page_header_bg09 {
  background: url(/_images/psd/page-title-assets/title-bg-09.jpg) center center ;
  background-size: cover;
}


.breadcrumb-area {
  padding:12px;
  font-size: 14px;
  background: #FFF;
  border-bottom: 1px solid #ddd;
}

.breadcrumb {
  margin-bottom: 0;
}


.breadcrumb > li {
    display: inline-block;
    font-size: .9em;
    text-transform: uppercase;
    text-shadow: none;
}


.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    color: #ccc;
    content: var(--bs-breadcrumb-divider, "/");
}







/*????*/
.breadcrumb-wrap .breadcrumb {
  background: #FFF;
  margin-bottom: 0;
  font-size: 14px;
}
.breadcrumb-wrap .breadcrumb li{
  display: inline-block;
}

.breadcrumb-wrap .breadcrumb > li + li:before {
    color: inherit;
    opacity: 0.5;
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054";

    padding: 0 7px 0 5px;
}



@media (max-width: 991px) {
.breadcrumb-wrap .breadcrumb {
  font-size: 12px;
}
}





@media screen and (max-width: 576px){

.page_header_area {
  padding:14%;
  margin-top: 0px;

}


.page_header_title {
  
  font-size: 20px;
  letter-spacing: .2em;
  margin-bottom: 4px;

  text-shadow: 2px 2px 3px rgb(255 255 255 / 80%), -2px 2px 3px rgb(255 255 255 / 80%), 2px -2px 3px rgb(255 255 255 / 80%), -2px -2px 3px rgb(255 255 255 / 80%), 2px 0px 3px rgb(255 255 255 / 80%), 0px 2px 3px rgb(255 255 255 / 80%), -2px 0px 3px rgb(255 255 255 / 80%), 0px -2px 3px rgb(255 255 255 / 80%);


}

.page_header_sub {
  font-size: 12px;
}

.breadcrumb-area {
  padding:6px 0;
  font-size: 12px;

  letter-spacing: 0;
}



}