.bg-gradient {
    background: #C9D6FF;
    background: -webkit-linear-gradient(to right, #E2E2E2, #C9D6FF); 
    background: linear-gradient(to right, #E2E2E2, #C9D6FF);
    } 
    .princing-item ul li {
      margin-bottom:1.4rem;
    }
    .pricing-divider {
    border-radius: 20px;
    background: #5b03e4;
    padding: 1em 0 4em;
    position: relative;
    }
    .blue .pricing-divider{
    background: rgba(198,61,255,1); 
    }
    .green .pricing-divider {
    background: #1AA85C; 
    }
    .red b {
      color: #5b03e4
    }
    .blue b {
      color:#2D5772
    }
    .green b {
      color:#1AA85C
    }
    .pricing-divider-img {
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 100%;
        height: 80px;
    }
    .deco-layer {
        -webkit-transition: -webkit-transform 0.5s;
        transition: transform 0.5s;
    }
    .btn-custom  {
      background:rgba(198,61,255,1); color:#fff; border-radius:20px
    }
    
    .img-float {
      width:50px; position:absolute;top:-3.5rem;right:1rem
    }
    
    .princing-item {
      transition: all 150ms ease-out;
    }
    .princing-item:hover {
      transform: scale(1.05);
    }
    .princing-item:hover .deco-layer--1 {
      -webkit-transform: translate3d(15px, 0, 0);
      transform: translate3d(15px, 0, 0);
    }
    .princing-item:hover .deco-layer--2 {
      -webkit-transform: translate3d(-15px, 0, 0);
      transform: translate3d(-15px, 0, 0);
    }
    


.col-4-replace {
    flex: 0 0 auto;
    width: 25%;
}

.karte {
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
}

.karte button {
    margin-bottom: 25px;
}

.pricingText {
    font-size: 50px;
    font-weight: bold;
}
.pricingHeading {
    font-weight: normal;
}


#borderedTabJustified {
    width:30%;
    /* border: 0px solid black; */
}

#borderedTabJustified button {
    color: #5b03e4;
    font-size: 20px;
}



.modal-header, .modal-body, .modal-footer {
  background-color: #002175;
}

.modal-header {
  color: white;
}