.metal-current-balance {
    display: flex;
}

.metal-current-balance p {
    font-size: 22px;
    margin-right: 50px;
    margin-bottom: 30px;
    background: #fff;
    padding: 10px 20px;
}

.metal-current-balance span {
    color: red;
    font-family: 'Google Sans Bold', sans-serif;
}





/* SUMMARY TABLE */
.m-summary {margin-bottom: 15px;}
.ms-item {
    background: #242424; 
    padding: 15px; 

}

.metal-summary-table {border-collapse: collapse; width: 100%;}
.metal-summary-table td {border: 1px solid #fafafa;}
.st-label {text-align: left;}
.st-value {text-align: right;}

.st-label, 
.st-value {
    padding: 3px 5px;
    font-size: 14px; 
    color: #a3f5c4;
}

/* +++++++++++++++++++++++++ */

.metal-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 6px;
}
.gb-a {background: rgb(255 255 255 / 100%)}

.m-grid-header {
    background: #616d6f;
    padding: 15px;
    color: #fff;
}

.m-header-items {
    display: flex;
    justify-content: space-between;
    font-size: 20px; 
    font-family: 'Google Sans Bold', sans-serif;
}

.m-header-items h1 {font-size: 16px;}
.m-header-items a {
    display: block;
    text-decoration: none;
    font-size: 16px;
    color: #f6ff58;
    transition: all 0.3s ease;
}
.m-header-items a:hover {color: #fff;}
.m-header-items i {font-size: 14px;}

.metal-wrapper {padding: 15px;}
.metal-item {padding: 15px 0;}


.idn {color: #252525; font-family: "CeraRoundProBold";}
.id {color: #000; text-decoration: none; transition: all 0.3s ease;}
.id:hover {color: #d45b3f;}

.ibg-a {background: #fffff5;}
.ibg-b {background: #edeafc;}
.ibg-c {background: #e2fbec;}
.ibg-d {background: #faeae8;}
.ibg-e {background: #ededed;}


/* .ibg {background: #ededed;} */

/* .bold {font-family: 'Google Sans Bold', sans-serif;} */
.bold {font-family: 'Circular Book';}
/* .bold {font-family: 'Gotham Rounded'; font-weight: 500; font-style: normal;} */

.metal-table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 25px;
}

.metal-table th, .metal-table td { border: 1px solid #757575;}
.metal-table td {width: 50%; padding: 5px 5px;}
.metal-table th {padding: 3px 5px;}

.reference_id {
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    font-style: italic;
    font-size: 15px;
}

.item {font-size: 14px; color: #000;}






/* .id-1 {color: #129c41; text-decoration: none; transition: all 0.3s ease;}
.id-2 {color: #5c52c7; text-decoration: none; transition: all 0.5s ease;}
.id-3 {color: #d3971a; text-decoration: none; transition: all 0.3s ease;}
.id-4 {color: #d45b3f; text-decoration: none; transition: all 0.3s ease;}

.id-1:hover,
.id-2:hover, 
.id-3:hover,
.id-4:hover {
    color: #767676;
} */