.profile-container{
    width: 97%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    
}
.profile-content{
    max-width: 1000px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* background-color: black; */
    min-height: 40vh;
    border-radius: 30px;
    background: url('../images/bgProfil.png');
    /* color: white; */
    padding: 30px;
    background-size: 500px;
    background-repeat: no-repeat;
    background-position: center bottom;
    /* padding: 20px; */
    /* background-size: contain; */
}

.student-card{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    max-width: 700px;width: 100%;
    border-radius: 30px;
    backdrop-filter: blur(30px);
    color:black;
    padding: 20px;
    /* border: 1px solid black; */
    box-shadow: 0px 0px 10px black;
    /* background:black; */
    background-image: url('../images/astronomer.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-size: 200px;
    background-position: right bottom;
  
    
}
.student-header{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width:90%;
    padding: 20px;
}
.esroLogo-Img{
    width: 80px;
    height: 80px;
    border-radius: 50%;
}
.student-cardNo{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}