/* Start use by duitnow */
.badge-icon {
    display: inline-block;
    background-color: transparent; /* Set background to transparent */
    /* color: #007bff; /* Text color */
    /* border: 2px solid #007bff; /* Add a border for the badge */
    border-radius: 50%; /* Makes it circular */
    padding: 8px; /* Adjust padding as needed */
    margin-right: 10px; /* Optional: Adjust margin as needed */
    vertical-align: middle; /* Aligns it vertically with text */
    box-shadow: 0 2px 5px 0 rgba(50,50,93,0.1),0 1px 1px 0 rgba(0,0,0,0.07); /* Add a subtle drop shadow */
    transition: transform 0.3s ease-in-out; /* Optional: Add a hover effect */
  }
  
  /* Optional: Hover effect to scale the icon slightly on hover */
  .badge-icon:hover {
    transform: scale(1.1);
  }


.center-page {
    -ms-flex-align: center;
    align-items: center;
    background-color: #e9ecef;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    /* height: 100vh; */
    -ms-flex-pack: center;
    justify-content: center;
}

.center-card-footer {
    padding: 0.75rem 1.25rem;
    border-top: 0 solid rgba(0,0,0,.125);
    color: #6c757d!important;
}
/* End use by duitnow */