.heroCarousel-custom {
  margin: 0 -2.14286rem 2.14286rem;
  background: #141821; }
  .heroCarousel-custom .heroCarousel-slide .heroCarousel-image-wrapper {
    position: relative;
    min-height: 455px; }
    .heroCarousel-custom .heroCarousel-slide .heroCarousel-image-wrapper img {
      min-height: 455px; }
    .heroCarousel-custom .heroCarousel-slide .heroCarousel-image-wrapper:before {
      content: '';
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      right: 0;
      background: rgba(0, 0, 0, var(--overlay)); }
    .heroCarousel-custom .heroCarousel-slide .heroCarousel-image-wrapper:after {
      content: '';
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      right: 0;
      background: url("../img/gradient.png") left repeat-y; }
  .heroCarousel-custom .heroCarousel-slide .heroCarousel-content {
    text-align: left;
    width: 84%; }
    @media (min-width: 0px) and (max-width: 750px) {
      .heroCarousel-custom .heroCarousel-slide .heroCarousel-content {
        max-height: 100%;
        width: 100%;
        padding: 0 3rem;
        text-align: center; } }
    .heroCarousel-custom .heroCarousel-slide .heroCarousel-content > * {
      max-width: 770px; }
    .heroCarousel-custom .heroCarousel-slide .heroCarousel-content .heroCarousel-logo {
      margin-bottom: 1.42857rem; }
    .heroCarousel-custom .heroCarousel-slide .heroCarousel-content .heroCarousel-title {
      font-weight: 800;
      text-transform: uppercase;
      font-size: 2.57143rem;
      display: block;
      margin-bottom: 1.42857rem;
      line-height: 1.2; }
      @media (min-width: 0px) and (max-width: 750px) {
        .heroCarousel-custom .heroCarousel-slide .heroCarousel-content .heroCarousel-title {
          font-size: clamp(1.71429rem, 2vw, 2.14286rem); } }
    .heroCarousel-custom .heroCarousel-slide .heroCarousel-content .heroCarousel-description {
      font-weight: 500; }
      .heroCarousel-custom .heroCarousel-slide .heroCarousel-content .heroCarousel-description > * {
        font-size: 1rem; }
        @media (min-width: 0px) and (max-width: 750px) {
          .heroCarousel-custom .heroCarousel-slide .heroCarousel-content .heroCarousel-description > * {
            font-size: clamp(0.85714rem, 3vw, 1rem); } }
    .heroCarousel-custom .heroCarousel-slide .heroCarousel-content .heroCarousel-action {
      font-weight: 700;
      font-size: 1rem;
      padding: 1rem 2.14286rem;
      margin: 0;
      border: 0; }