.Personal_Info {
    background: #F2F2F2 0% 0% no-repeat padding-box;
    border-radius: 5px;
    padding: 20px 40px 0px 10px;
}

.Personal_Info .top_div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
}

.Personal_Info .top_div .user_img_div {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* padding: 10px; */
    border: 2px solid #0F3768;
}

.Personal_Info .top_div .user_img_div .user_img {
    width: 100%;
    height: 100%;
    border-radius: 100px;
}

.Personal_Info .top_div  .user_img_div .name_initials h1 {
    font-size: 28px;
    font-weight: 900;
    color: orangered;
    margin-bottom: 0px;
}

.Personal_Info .top_div .edit_icon_holder {
    cursor: pointer;
}

.Personal_Info .top_div .edit_icon_holder .edit_icon {}

.Personal_Info .personal_info_form {}

.Personal_Info .personal_info_form .bottom_text {
    font-size: 13px;
    color: #158B01;
    margin-bottom: 0px;
    font-weight: 500;
    text-decoration: underline;
    text-align: right;
    margin-top: 5px;
    cursor: pointer;
}

.Personal_Info .personal_info_form .mobile_group {
    position: relative;
}

.Personal_Info .personal_info_form .mobile_group .delete_icon {
    position: absolute;
    right: 8px;
    top: 20px;
}

.Personal_Info .personal_info_form .mobile_group .delete_icon .delete_icon {
    color: #707070;
    cursor: pointer;
    font-size: 15px;
}

.Personal_Info .personal_info_form .btns_holder {
    display: flex;
    justify-content: center;
    margin: 24px 0px;
}

.Personal_Info .personal_info_form .btns_holder .save_btn,
.Personal_Info .personal_info_form .btns_holder .cancel_btn {
    width: 150px;
    margin: 0px 5px;
}

.Personal_Info .personal_info_form .btns_holder .save_btn .Green_Btn {
    background: transparent radial-gradient(closest-side at 50% 52%, #36D100 24%, #021730 178%) 0% 0% no-repeat padding-box !important;
}


.Personal_Info .personal_info_form .btns_holder .save_btn  .Green_Btn,
.Personal_Info .personal_info_form .btns_holder .cancel_btn  .Gray_Btn {
    width: 150px;
    border-radius: 5px;
    padding: 10px 0px;
    font-size: 15px;
    margin: 0px 5px;
}





@media(min-width:0px) and (max-width:767.98px) {
    .Personal_Info {
        padding: 20px 10px 0px 10px;
    }

    .Personal_Info .top_div .user_img_div {
        width: 50px;
        height: 50px;
    }
}

@media(min-width:768px) and (max-width:991px) {

    .Personal_Info .input_group .form-label,
    .form-check-label {
        font-size: 12px;
    }

    .Personal_Info .input_group {
        margin-bottom: 10px;
    }

    .Personal_Info .input_group .form-control,
    .Personal_Info .input_group .form-control::placeholder,
    .css-1jqq78o-placeholder {
        font-size: 13px;
    }
}

@media(min-width:768px) and (max-width:991px) {}