
        .BG_image{
          background-size: cover;
          background-repeat: no-repeat;
          background-position: 50% 50%;
        }

        .margin-center{
          margin:auto;
        }

      /* -------------------------------------
          SQUISH SINGLE CARD CAROUSEL
        ------------------------------------ */
          .swiperSingle .single-card {
            border-radius: 0.35rem;
          }

          .swiperSingle .swiper-slide.swiper-slide-active {
            opacity: 1;
          }

          .single-card-inner {
            background-color: #333;
          padding: 3% !important;
          color: #fff;
          border-radius: 4px;
            display: flex;
            position: relative;
            box-shadow:  0px 6px 19px -3px rgba(0, 0, 0, 0.4);
            width: 70%;
            min-height: 300px;
          }

          .single-card-inner .background {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0px;
            left: 0px;
            z-index: 0;
            opacity: 0.5;
            border-radius: 0.3rem;
            background-position: bottom center;
          }

          .single-card .cardText {
            z-index: 1;
            margin:auto;
          }

          .swiperSingle .swiper-buttonOuter{
            display: flex;
            justify-content: flex-end;
            width: 70%;
            margin:auto;
            padding: .5rem .5rem 1rem;
          }
           .swiperSingle .swiper-button-prev,
           .swiperSingle .swiper-button-next {
            position: relative;
            display: inline;
            top: 0%;
            margin-top: 0px;
            color:  linear-gradient(252deg, rgba(240,7,80,1) 0%, rgba(209,100,130,1) 50%, rgba(137,107,148,1) 75%, rgba(75,43,109,1) 100%);
            width: 44px;
            height: 44px;
            border-radius: 50%;
            padding: 30px;
              /* left: unset; */
          }
      /*.swiperSingle .swiper-button-prev {
        left: auto !important;
      }*/
          .swiperSingle .swiper-button-next,
          .swiperSingle .swiper-container-rtl .swiper-button-prev {
            right: 0px;
          }

          .swiperSingle .swiper-button-prev .svg-inline--fa,
          .swiperSingle .swiper-button-next .svg-inline--fa {
            font-size: 1.5em;
          }

          .swiperSingle .swiper-buttonOuter .svg-inline--fa {
            position: absolute;
            top: 0.7em;
            left: 0.7em;
            opacity: .9;
          }
          @media screen and (max-width: 767px) {
            .single-card-inner {
              width: 100%;
            }
            .swiperSingle .swiper-button-prev .svg-inline--fa,
            .swiperSingle .swiper-button-next .svg-inline--fa {
                font-size: 1.8em;
            }
            .swiperSingle .swiper-buttonOuter {
              width: 95%;
            }
          }
      .swiperSingle .swiper-slide {
        display: flex;
        justify-content: center;
        text-align: left;
        font-size: unset;
        background: transparent;
      }
      /* -------------------------------------
          X SQUISH SINGLE CARD CAROUSEL
        ------------------------------------ */
    