.about_us_banner {
  position: relative;
  width:100%;
}
.bg-about-us {
	position:absolute;
	z-index:-1;
	width:100%;
	height:100%;
	transform:translatey(19rem);
	display:none;
}
.bread-crumbs{
	position: relative;
    z-index: 10;
}
.about_us_banner .banner_image {
  width: 100%;
  height: 100%;
}
/* ellipse_item */
.about_us_banner .wrapper_ellipse {
  position: absolute;
  bottom: 11.19rem;
  right: 21%;
  transform: translate(-22%, 0);
}
.about_us_banner .wrapper_ellipse .ellipse_item {
  position: relative;
}
.about_us_banner .wrapper_ellipse .ellipse_item .ellipse_image {
  width: 12.0625rem;
  height: 12.0625rem;
}
.about_us_banner .wrapper_ellipse .ellipse_item .title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--color-white);
  text-align: center;
  width: 10rem;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px rgba(0, 0, 0, 0.15);
  font-size: var(--font-h4);
  font-style: normal;
  font-weight: 900;
  line-height: 124%; /* 1.86rem */
  text-transform: uppercase;
}
/* ocean */
.about_us_banner .wrapper_ocean {
  position: absolute;
  width: 100%;
  overflow:hidden;
  bottom: 4.5rem;
}
.about_us_banner .wrapper_ocean .ocean {
  position: relative;
  text-align: center;
  background: transparent;
  color: white;
  margin-bottom: -.5rem;
}
.about_us_banner .wrapper_ocean .waves {
  position: relative;
  width: 100vw;
  /* height: 15vh; */
  height: 8.25rem;
  margin-bottom: -7px; /*Fix for safari gap*/
}
.about_us_banner .wrapper_ocean .parallax > use {
  animation: move-forever 10s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}

@keyframes move-forever {
  0% {
    transform: translate3d(85px, 0, 0);
  }
  100% {
    transform: translate3d(-90px, 0, 0);
  }
}
@media (max-width: 768px) {
  /*.about_us_banner {
    height: 16.125rem;
  }*/
  /* ellipse_item */
  .about_us_banner .wrapper_ellipse {
    display: none;
  }
  /* ocean */
  .about_us_banner .wrapper_ocean {
    position: absolute;
    width: 100%;
    bottom: -0.3rem;
  }
  .about_us_banner .wrapper_ocean .ocean .waves {
    height: 3.2rem;
  }
}
