.sb-bg-image {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%;
      }

      .margin-center {
        margin: auto;
      }

      /* -------------------------------------
          HORIZONTAL CARDS CAROUSEL
        ------------------------------------ */
      .swiperHor-container .swiper-wrapper {
        margin-bottom: 1rem;
      }

      .swiperHor-container .swiper-button-prev, .swiper-button-next {
        z-index: 55;
      }

      .swiperHor-container {
        overflow: hidden;
        padding-bottom: 3rem;
      }

      .swiperHor-container .swiper-slide {
        margin-bottom: 1rem;
        opacity: 1;
        height: 100%;
        margin: 0;
        padding: .5rem;
      }

      .sb-card-hor {
        max-width: 550px;
      }

      .sb-card-hor .sb-img-wrap {
        z-index: 2;
        display: flex;
        margin: 0;
      }

      .sb-card-hor .sb-card-image {
        max-width: 100%;
        width: auto;
        max-height: 550px;
        margin: 0 auto;
      }

      .sb-card-hor .sb-card-content {
        padding: 3em 1em 1em 1rem !important;
        margin-top: -2em;
        z-index: 1;
        background-color:#1e2023;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
        text-align: center;
        min-height: 117px;
      }
      .sb-card-hor .sb-card-content {
      color:#fff;
      }
      .sb-card-hor .sb-card-content p {
        font-size: 85%;
      }

      .sb-card-hor .sb-card-content p:last-child {
        margin-bottom: 0px;
      }

      .swiperHor-container .swiper-button-prev, .swiper-button-next {
        background-color: #cd1b32 !important;
        color: #fff !important;
        border-radius: 40px !important;
        padding: 1.5em !important;
        width: 1.5em !important;
        height: 1.5em !important;
        background-size: unset;
        top: 95%;
      }

      .swiperHor-container .swiper-button-prev .svg-inline--fa,
      .swiperHor-container .swiper-button-next .svg-inline--fa {
        opacity: 1 !important;
        box-shadow: none !important;
        transition: all 0.3s !important;
        font-size: 1.25em !important;
      }

      .swiperHor-container .swiper-button-prev:focus,
      .swiperHor-container .swiper-button-next:focus,
      .swiperHor-container .swiper-button-prev:hover,
      .swiperHor-container .swiper-button-next:hover {
        background-color: #5a5b5c !important;
        box-shadow: none !important;
        transition: all 0.3s !important;
        color: #fff !important;
        border-radius: 40px !important;
        padding: 1.5em !important;
      }

      .swiperHor-container .swiper-button-prev {
        right: 70px;
      }

      .swiperHor-container .swiper-button-next {
        right: 0px;
      }

      .swiperHor-container .swiper-button-prev,
      .swiperHor-container .swiper-rtl .swiper-button-next {
        left: auto;
      }
      .swiperHor-container .swiper-button-prev,
      .swiperHor-container .swiper-button-next {
        padding: 0;
        width: 3em;
        height: 3em;
        align-items: center;
        justify-content: center;
      }
      .swiperHor-container .swiper-button-prev:focus,
      .swiperHor-container .swiper-button-next:focus,
      .swiperHor-container .swiper-button-prev:hover,
      .swiperHor-container .swiper-button-next:hover {
        padding: 0;
      }
      .swiperHor-container .swiper-button-prev i,
      .swiperHor-container .swiper-button-next i {
        line-height: 1;
      }
      .swiperHor-container .flex-center {
        display: flex;
        flex-direction: column;
        justify-content: center;
      }

      .swiperHor-container .swiper-scrollbar-drag {
        background: #cd1b32;
      }

      .swiperHor-container .swiper-scrollbar {
        left: 1%;
        z-index: 50;
        height: 5px;
        width: calc(100% - 130px);
      }

      .swiperHor-container .swiper-scrollbar {
        border-radius: 10px;
        position: relative;
        -ms-touch-action: none;
        background: rgba(0, 0, 0, 0.1);
      }

      @media screen and (max-width: 768px) {
        .swiperHor-container .swiper-button-prev {
          left: calc(100% - (100px + 1em)) !important;
        }

        .swiperHor-container .swiper-button-next {
          right: 1em !important;
        }

        .cardHor-inner {
          width: 100%;
        }

        .sb-card-hor .sb-card-content p {
          font-size: 95%;
        }
      }

          .swiperHor-container .sb-card-image {
        width: 100%;
        height: auto;
        aspect-ratio: 3 / 2;
        object-fit: contain;
      }
      /* -------------------------------------
          X HORIZONTAL CARDS CAROUSEL
        ------------------------------------ */