.profile-card{
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;

    /* background: rgb(181,187,255);
    background: linear-gradient(21deg, rgba(181,187,255,1) 0%, rgba(239,255,249,1) 100%); */
    border-radius: 20px;
    padding: 30px;

    /* box-shadow: 0 0 10px rgba(0,0,0,0.2); */
    border: 1px solid #e0e0e0;

    
}

#point{
    animation: squize 2s infinite;
}

@keyframes squize {
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.2);
}
100% {
    transform: scale(1);
}
}

.details-card{
    min-height: 30vh;
/* 
    background: rgb(211,202,226);
    background: linear-gradient(321deg, rgba(211,202,226,1) 0%, rgba(255,255,255,1) 100%); */
    border-radius: 20px;
    padding: 30px;
    /* box-shadow: 0 0 10px rgba(0,0,0,0.2); */
    border: 1px solid #e0e0e0;
}

.noto-sans-bengali-700 {
    font-family: "Noto Sans Bengali", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-variation-settings:
        "wdth" 100;
}



.table-card{
    min-height: 30vh;

    /* background: rgb(210,226,202);
    background: linear-gradient(321deg, rgba(210,226,202,1) 0%, rgba(252,255,227,1) 100%); */
    border-radius: 20px;
    padding: 30px;
    /* box-shadow: 0 0 10px rgba(0,0,0,0.2); */
    border: 1px solid #e0e0e0;
}


.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* For smooth scrolling on mobile devices */
}

.table-responsive table {
    width: 100%; /* Ensure the table takes up the full width of its container */
}




.color-card{
    border: 1px solid #e0e0e0;
    min-height: 100%;
    border-radius: 20px;
    padding: 30px;
}

.color-box{
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 50%;
    margin-top: 8px;
}


.title-card{
    min-height: 100%;
    border-radius: 20px;
    padding: 30px;
    border: 1px solid #e0e0e0;
}

.title-box{
    font-family: "Hind Siliguri", sans-serif;
    font-size: 1.6rem;
    border: 1px solid #007c026c;
    border-radius: 10px;
    padding: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    color: rgb(69, 69, 69);
    background-color: rgba(10, 153, 27, 0.145);
}