.container-bg {
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(15,3,77,1) 25%, rgba(0,0,0,1) 100%);
}

.customCard .card {
    background: linear-gradient(118deg, #0b3869b3 3.76%, #123d9200);
    background: var(--Card, linear-gradient(118deg, #0b3869b3 3.76%, #123d9200 100%));
    border: none;

   

}

.product-holder {
  position: relative;
  display: block;
}


.plus-image {
  position: absolute;
}


.customPrimaryHover  {
  .btn-primary {
   width: 100%;
}

  .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: hsl(356, 99%, 34%);
    border-color: #9e0303; /*set the color you want here*/
}
  

 

}





.benefitImage img {
    width: 46px;
    height: 46px;
    margin-top: 40px;
    margin-left: 20px;
}

.profileImage {


    img {
        width: 42px;
        height: 42px;
    }
}


.reviewImage img {
    margin-top: 40px;
    margin-left: 20px;
}





.bg_overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    @media (min-width: 992px) {
      right: 0;
    }

    .bg_2_overlay {
      transform: rotate(-43.515deg);
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;

      @media (min-width: 992px) {
        right: 0;
      }

      .bg2_1 {
        border-radius: 846.408px;
        background: #3540A6;
        filter: blur(292.568359375px);
        width: 846.408px;
        height: 846.408px;
        transform: rotate(-43.515deg);
      }

      .bg2_2 {
        border-radius: 572.767px;
        background: rgba(82, 0, 255, 0.30);
        filter: blur(170.3397979736328px);
        width: 572.767px;
        height: 396.091px;
        transform: rotate(-115.607deg);

        @media (min-width: 992px) {
          position: absolute;
          top: 0;
          right: 0;
        }
      }

      .bg2_3 {
        width: 354.336px;
        height: 375.242px;
        transform: rotate(-119.464deg);
        border-radius: 375.242px;
        background: rgba(92, 206, 255, 0.20);
        filter: blur(85.8200454711914px);

        @media (min-width: 992px) {
          position: absolute;
          top: 0;
          right: 0;
        }
      }
    }

    .bg_3_overlay {
      background: linear-gradient(180deg, rgba(0, 0, 0, 0.70) 35.69%, rgba(0, 0, 0, 0.00) 100%);
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;

      @media (min-width: 992px) {
        position: absolute;
        top: 0;
        right: 0;
      }
    }

    .bg_1_overlay {
      position: absolute;
      top: 0;
      right: 0;
    }
  }

  .bg_1_overlay {
    position: absolute;
    top: 0;
    right: 0;
  }