.walletAll {
    aspect-ratio: 1/1;
    height: 45vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

#walletBox {
    background-color: var(--tile_bg);
    border-radius: 20px;
    width: 80%;
    height: 80%;
    align-items: center;
    clip-path: url("#circle")
}

#walletBox1 {
    background-color: var(--tile_bg);
    border-radius: 20px;
    width: 80%;
    height: 80%;
    align-items: center;
    clip-path: url("#circle1")
}

.walletTitle {
    font-weight: bold;
    font-family: Gilroy;
    margin-top: 15%;
    color: white;
    text-align: center;
    font-size: 3.5vh
}

.walletPoints {
    display: flex;
    justify-content: center;
    font-family: Gilroy;
    font-weight: bold;
    color: white;
    align-items: flex-end;
    height: 40%;
    font-size: 10vh;
}

.walletBottomText {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    color: white;
    height: 20%;
    text-align: center;
    font-family: Gilroy;
    font-size: 3.5vh;
    font-weight: lighter
}

.walletIcon, .walletIcon1 {
    height: 12%;
    width: 12%;
    background-color: var(--tile_bg);
    border-radius: 50%;
    position: absolute;
    margin-bottom: 80%;
    display: flex;
    align-items: center;
    justify-content: center
}

.walletIcon1 {
    margin-bottom: 48%;
    margin-left: 80%;
}

    .walletIcon:first-child, .walletIcon1:first-child {
        font-size: 3vh;
        display: flex;
        justify-content: center;
        align-items: center;
        color: white
    }