.custom-full i{
    color:#7f00ff;
}
body.dark-mode .custom-full i{
    color:#00c6ff;
}
.account-quarter {
    width:25%;
    float:left;
    box-sizing: border-box; 
    padding-top:10px;
    padding-bottom:10px;
    padding-right:10px;
    padding-left:0px;
}
.account-third{
    width:33.33%;
    float: left; 
    box-sizing: border-box; 
    padding: 10px;
}
.account-two-third{
    width:66.66%;
    float: left; 
    box-sizing: border-box; 
    padding: 10px;
}
/* Tablet */
@media screen and (max-width: 1024px) {
    .account-quarter {
        width: 50%;
    }
    .account-third, .account-two-third{
        width:50%;
    }
}

@media screen and (min-width: 601px) and (max-width: 800px) {
    .account-third, .account-two-third{
        width:100%;
    }
}

/* Mobile */
@media screen and (max-width: 600px) {
    .account-quarter {
        width: 100%;
        padding:0px;
    }
    .account-third, .account-two-third{
        width:100%;
    }
}