/* Reset default browser styles */
    * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }

    /* Container with 3 columns and 3 rows */
    .grid-container {
        display: grid;
        grid-template-columns: repeat(6, 1fr); /* 3 equal columns */
        grid-template-rows: repeat(11, 150px);  /* 3 equal rows, 150px height each */
        gap: 10px; /* space between boxes */
        padding: 10px;
        background-color: #f0f0f0;
       /** max-width: 600px;**/
       width: 90%;
        margin: 50px auto;
        border: 2px solid #ccc;
    }

    /* Individual grid items */
    .grid-item {
        background-color: #4CAF50;
        color: white;
        font-size: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        transition: background-color 0.3s ease;
        transition: transform 0.10s;
    }

    /* Hover effect */
    .grid-item:hover {
        background-color: #45a049;
    }
 .a{
     text-decoration:none;
     cursor:pointer;
     color:white;
 }
 
        .bank-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
            background:linear-gradient(to bottom right, blue, green,green,blue);
        }
        .bank {
            margin: 20px;
            padding: 20px;
            border: 1px solid #ccc;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            width: 250px;
            color:white;
        }
        .bank img {
            width: 50px;
            height: 50px;
            margin-right: 10px;
        }
        .bank-name {
            font-weight: bold;
            font-size: 18px;
        }
        .account-details {
            margin-top: 10px;
        }
    .pa{
        padding: 15px 25px;
        border-radius: 8px;
        box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    }
   .da{
position: absolute;
top:40%;
left: 50%;
transform: translate(-50%, -50%); /* Moves the element back by half its width and height */
width: 60%;
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
height: 150px;
/*border: 2px solid #ccc;*/
/* line-height: 100px; Aligns text vertically */
text-align: center;
 border-radius: 5px;
    }