#dip42{display: flex;align-items: center;justify-content: space-between;}
#f_diplomas p{margin-bottom:0px}
#s_diplomas{background: #fff;border-radius: 20px;margin: 0px 14px 14px;padding: 20px 10px;}
#btn_add_diplomas a {padding: 5px 10px;border-radius: 20px;font-size: 15px;background: #0809cb;color: #fff;display: flex;align-items: center;gap: 10px;width: fit-content;}
#btn_add_diplomas img{width: 28px;}
#btn_add_diplomas{margin-right: 15px;}
#f_diplomas, #s_diplomas{direction: rtl;padding: 20px 20px 0;}
#diplomas_items{display: flex;gap: 20px;flex-wrap: wrap;justify-content: center;margin-bottom: 150px;}
#diplomas_items .item{position: relative;flex: 0 0 45%;padding: 10px;align-items: center;justify-content: center;display: flex;flex-direction: column;background: var(--color-02);border-radius: 20px;color: #000;}
#diplomas_items .item a {font-size: 16px;font-weight: 600;text-align: center;margin-bottom: 0;}
#diplomas_items .item a img {border-radius: 12px;margin-bottom: 10px;width: 100%;height: 140px;object-fit: cover;background: #fff;}
#diplomas_items .item a p {font-size: 15px;text-align: center;}
#s_diplomas h4{font-size: 18px;font-weight: 600;border-bottom: 1px solid;width: fit-content;}
.btn_delete {background: #be3838;height: 35px;border-radius: 100%;padding: 6px;position: absolute;top: -10px;right: 0;}
.delete-diploma {height: 20px !important;width: 20px !important;}
.messageContainer {display: flex;justify-content: right;padding: 0px 20px;}
#messageDiploma {padding: 8px 12px;border-radius: 20px;direction: rtl;font-size: 16px;}
.swal2-actions button {font-family: inherit;}
.btn_edit {position: absolute;top: -10px;right: 38px;background: #fff2;margin: 0;padding: 0;height: 35px;}
#co14l {padding: 7px;border-radius: 30px;font-size: 15px;background: #0809cb;color: #fff;display: flex;align-items: center;gap: 10px;width: fit-content;}
#co14l img {width: 20px !important;height: 20px !important;margin-bottom: 0px !important;}
.btn_edit:hover{background:#fff2}
#co14l > img{background: #fff0 !important;}