.main { background: #FFFFFF; border-radius: 20px; display: flex; margin-top: 40px; } .title { display: flex; align-items: center; color: #6D678E; margin: 35px 25px; font: bold 1em Arial, Sans-serif; text-transform: uppercase; } .banks { flex: 1; } .banksLogo { margin: 0 10px; } .rupeeHolder { margin: 0 10px; display: flex; align-items: center; justify-content: center; aspect-ratio: 1; background: #6C6F7E; border-radius: 50%; width: 23px; } .rupeeLogo { background: #6C6F7E; border-radius: 50%; color: #FFFFFF; } .totalBalance { flex: 2; } .totalBalanceAmountHolder { display: flex; margin: 35px 25px; } .amount { font: bold 4em Arial, Sans-serif; } .message { margin: 35px 25px; }