/* profile_style.css */
.profile-pic-thumbnail {
    width: 256px;
    height: 256px;
    object-fit: cover;
    cursor: pointer;
    float: right;
    margin-left: 20px;
}
.modal-img {
    width: 100%;
    height: auto;
}
.thumbnail {
    width: 100px;
    height: 100px;
    object-fit: cover;
    cursor: pointer;
}
.notification {
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    position: relative;
}
.notification.success {
    background-color: lightgreen;
}
.notification.warning {
    background-color: lightcoral;
}
.notification .close {
    position: absolute;
    top: 5px;
    right: 10px;
    color: black;
    cursor: pointer;
}
.profile-options {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 20px;
}
.profile-options .option {
    flex: 1 0 30%;
    margin: 10px;
    text-align: center;
    background-color: #f8f9fa;
    padding: 20px;
    border-radius: 10px;
    cursor: pointer;
    transition: background-color 0.3s;
}
.profile-options .option:hover {
    background-color: #e2e6ea;
}
@media (max-width: 767px) {
    .profile-options .option {
        flex: 1 0 45%;
    }
}