:root {
    --bs-primary: #182951;
    --bs-secondary:#CFAC65;
    --bs-primary-rgb: 24, 41, 81;
    --bs-secondary-rgb: 207, 172, 101;
}
.icon-shape {
    display: inline-flex;
    padding: 12px;
    text-align: center;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    height:3rem;
    width:3rem;
}

.icon-shape i {
        font-size: 1.28rem;
    }

.card-stats .card-body {
    padding: 1rem 1.5rem;
}

.circle {
    display: inline-block;
    background-color: #C1C5C8;
    margin: -10px;
    vertical-align: middle;
    border-radius: 50%;
    
}

.profileImage {
    font-family: Arial, Helvetica, sans-serif;
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    background: #004D3C;
    font-size: 3.5rem;
    color: #fff;
    text-align: center;
    line-height: 7.8rem;
    vertical-align:middle;
    margin: 0.2rem 0;
}

.circle-inner {
    color: #182951;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    height: 50px;
    width: 50px;
  
    font-size: 20px;
}
#password:focus ~ .far-fa-eye {
    margin-left: -30px !important;
    cursor: pointer !important;
    z-index: 5 !important;
}