{% import "../_variables.css" as var %}

.pageHeaderTitle_wrap {
  padding: 225px 0 200px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
  position: relative;
}

.pageHeaderTitle_wrap::before {
    content: '';
    background: linear-gradient(180deg, rgb(34 34 34/60%), rgb(34 34 34/90%));
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pageHeaderTitle_content {
  max-width: 1140px;
  margin: 0 auto;
  width: 100%;
  padding: 0 40px;
  text-align: center;
  color: #fff;
  position: relative;
}

.pageHeaderTitle_content h1, .pageHeaderTitle_content p {
 color: #fff; 
}

.border_angle {
border: 50vw solid transparent;
    width: 0;
    height: 0;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
    transform: scaleY(0.105) translateY(-50%);
    -webkit-transform: scaleY(0.105) translateY(-50%);
    -o-transform: scaleY(0.105) translateY(-50%);
    -moz-transform: scaleY(0.105) translateY(-50%);
    -ms-transform: scaleY(0.105) translateY(-50%);
    position: absolute;
    transform-origin: top center;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 2;
}

.border_angle_l {
	border-left-color: #fff;
}

.border_angle_r {
	border-right-color: #fff;
}

@media(max-width: 767px) {
  .pageHeaderTitle_wrap {
    padding: 175px 0 100px;
  }
}