.plan-card {
    background-color: #0D1619;
    border: 1px solid #22292E;
    border-radius: 10px;
    padding: 10px;
    transition: 0.3s ease-in-out;
    position: relative;
    overflow: hidden;
  }
  
  .plan-card:hover {
    box-shadow: 0 0 10px rgba(34, 41, 46,0.5);
    transform: scale(1.02);
  }
  
  .card-title {
    font-weight: 600;
    font-size: 24px;
    color: #fff;
  }
  
  .card  .text-muted {
    font-size: 18px;
    color: #ccc !important;
  }
  .card h4 {
    font-size: 24px;
    color: #fff;
  }
 
  .plan_badge {
    background-color: #FF0000 !important;
    padding: 7px 20px;
    max-width: 100px;
    width: 100%;
    color: #fff;
    position: absolute;
    top: 0;
    right: -4px;
    border-bottom-left-radius: 10px;
  }
  .list-unstyled li {
    color: #fff;
  }
  .payment-summary {
    background-color: #0D1619;
    border: none;
    color: #fff;
    font-size: 0.95rem;
  }
  
  .payment-summary .btn-info {
    background-color: #FF0000;
    border: none;
  }
  
  .payment-summary .btn-info:hover {
    background-color: #FF0000;
  }
  
  .custom_alert_warning{
    border: 1px solid #A95B0D;
    background-color: #a95b0d57;
  }

  .choose_plan_btn{
    background-color: #22292E;
    color: #FFF;
    border: none;
    &:active,
    &:hover{
      background-color: #22292E !important;
      color: #FFF !important;
      border: none;
    }
  }

  .bg-gray-btn{
    background-color: #ccc;
    &:hover{
      background-color: #ccc;
      color: #000;
    }
  }