*:not([class*="fa-"]) {
    font-family: "Plus Jakarta Sans", sans-serif !important;
}
/* Styles for the circular progress bar */
.progress-ring {
    width: 138px; /* Adjust the width as needed */
    height: 138px; /* Adjust the height as needed */
    display: inline-block;
    position: relative;
}

.progress-ring__circle-bg {
    stroke: #d2d3d4; /* Light grey background color */
    fill: transparent;
    stroke-width: 10; /* Adjust the stroke width as needed */
}

.progress-ring__circle {
    /* stroke: #28a745; /* Green color for the remaining balance */
    fill: transparent;
    stroke-width: 10; /* Adjust the stroke width as needed */
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
    stroke-linecap: round;
}

        
        
    .bransd img {
        max-width: 139px; /* Set the maximum width */
        height: auto;   /* Automatically adjust the height */
    }
    
    .label {
    font-size: 100%;
}

.text-gradient {
    background: -webkit-linear-gradient(315deg, #1e30f3 0%, #e21e80 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-primary {
    background: -webkit-linear-gradient(315deg, #1e30f3 0%, #e21e80 100%);;
    background-size: cover;
}

.plus-jakarta sans-<uniquifier> {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}



.notification-item .dot {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    content: '';
    margin-right: 8px;
}

.latest-payment {
    font-size: smaller;
    vertical-align: super;
}

.badge-myplan {
    background: -webkit-linear-gradient(315deg, #1e30f3 0%, #e21e80 100%);
    color: white;
}

.btn-myplan {
    background: -webkit-linear-gradient(315deg, #1e30f3 0%, #e21e80 100%);
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
}

.btn-myplan:hover {
    opacity: 0.8;
    color: #dfe6e9;
}

/* Footer styling */
footer.sticky-footer {
  padding: 2rem 0;
  flex-shrink: 0;
  width: 100%;
  background-color: #f8f9fa; /* Optional, adjust as needed */
  text-align: center; /* Optional, adjust as needed */
}

footer.sticky-footer .copyright {
  line-height: 1;
  font-size: 0.8rem;
}

body.sidebar-toggled footer.sticky-footer {
  width: 100%;
}