/* Shared subpage banner; keeps the approved About-page design and theme. */
.subpage-banner.breadcumb-wrapper {
  padding-top: 96px;
  background-position: center;
}
.subpage-banner.breadcumb-wrapper::after {
  background: linear-gradient(90deg, rgba(21, 22, 28, .94) 0%, rgba(21, 22, 28, .78) 25%, rgba(21, 22, 28, .24) 60%, rgba(21, 22, 28, .12) 100%);
}
.subpage-banner::before {
  content: "";
  position: absolute;
  right: 80px;
  bottom: -90px;
  width: 76px;
  height: 290px;
  background: var(--theme-color);
  box-shadow: 30px 0 0 rgba(234, 85, 1, .22);
  transform: skewX(-24deg);
  pointer-events: none;
}
.subpage-banner .container { position: relative; z-index: 1; }
.subpage-banner .breadcumb-title {
  max-width: 760px;
  text-align: left;
  font-size: 72px;
  margin: 0 0 20px;
}
.subpage-banner .subpage-banner-text {
  max-width: 440px;
  color: var(--white-color);
  font-size: 20px;
  line-height: 1.55;
  margin: 0;
}
.subpage-banner .breadcumb-menu { margin-top: 56px; }
@media (max-width: 1199px) {
  .subpage-banner.breadcumb-wrapper { padding-top: 76px; }
  .subpage-banner .breadcumb-title { font-size: 64px; }
  .subpage-banner::before { right: 55px; width: 58px; height: 240px; }
}
@media (max-width: 767px) {
  .subpage-banner.breadcumb-wrapper { padding-top: 64px; }
  .subpage-banner.breadcumb-wrapper::after {
    background: linear-gradient(90deg, rgba(21, 22, 28, .9), rgba(21, 22, 28, .6) 65%, rgba(21, 22, 28, .3));
  }
  .subpage-banner .breadcumb-title { font-size: 56px; }
  .subpage-banner .subpage-banner-text { font-size: 18px; }
  .subpage-banner .breadcumb-menu { margin-top: 40px; }
  .subpage-banner::before { right: 25px; bottom: -80px; width: 34px; height: 170px; box-shadow: 14px 0 0 rgba(234, 85, 1, .22); }
}
@media (max-width: 575px) {
  .subpage-banner.breadcumb-wrapper { background-position: 48% center; }
  .subpage-banner .breadcumb-title { font-size: 48px; }
  .subpage-banner .breadcumb-menu { display: inline-block; padding: 12px 24px; }
}