.proposal-details-section {
    /* padding-top: 113px; */
}
.proposal-details-section .tabs div:hover {
    background-color: #f2f1f9;
    color: #8379b8;
    border-radius: 25px;
}
html[lang="ar"] .proposal-details-section .user-details .span-2::after {
    left: 90px;
}

.proposal-details-section .tabs div i:hover {
    color: #8379b8;
}

.proposal-details-section .tabs div img {
    margin-right: 10px;
}

.proposal-details-section .col2 .top-content {
    display: flex;
    justify-content: space-between;
}

.proposal-details-section .col2 .top-content button {
    background-color: #8379b8;
    height: 40px;
    width: 20%;
    border-radius: 168px;
    font-weight: Bold;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #ffffff;
    border: none;
    outline: none;
}

.proposal-details-section .col2 .row1 {
    display: flex;
    width: 100%;
}

.proposal-details-section .col2 .proposal {
    box-shadow: 0px 16px 88px 0px #0000001a;
    border-radius: 30px;
    background-color: #ffffff;
    padding: 30px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.proposal-details-section .col2 .proposal-item {
    width: 100%;
}

.proposal-details-section .col2 .proposal-item .first-row {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.proposal-details-section .col2 .proposal-item .first-row .user-data {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 7px;
}

.proposal-details-section .col2 .proposal-item .first-row .user-data span {
    font-weight: Bold;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0%;
}

.proposal-details-section .col2 .proposal-item .first-row .seen-time {
    display: flex;
    gap: 10px;
    align-items: center;
    width: 60%;
    justify-content: flex-end;
}

.proposal-details-section .col2 .proposal-item .first-row .seen-time .seen {
    border: 1px solid #44bda4;
    border-radius: 20px;
    color: #44bda4;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0%;
    text-align: center;
}

.proposal-details-section .col2 .proposal-item .first-row .seen-time .time {
    width: 38%;
    background-color: #e9ecef;
    color: #808080;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0%;
    text-align: center;
    border-radius: 35px;
    padding: 5px 10px;
}

.proposal-details-section .col2 .proposal-item .location {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 500;
    font-size: 14px;
    height: 20px;
    margin-bottom: 7px;
}

.proposal-details-section .col2 .proposal-item .location i {
    color: #f05271;
}

.proposal-details-section .col2 .proposal-item .location span {
    line-height: 0px;
    letter-spacing: 0%;
}

.proposal-details-section .col2 .proposal-item .social {
    display: flex;
    gap: 10px;
}

.proposal-details-section .col2 .proposal-item .social .instgram {
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 0%;
}

.proposal-details-section .col2 .proposal-item .social .instgram i {
    color: #f05271;
}

.proposal-details-section .col2 .proposal-item .social .facebook {
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 0%;
}

.proposal-details-section .col2 .proposal-item .social .facebook i {
    color: #2779e2;
}

.proposal-details-section .col2 .proposal-item .social .youtube {
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 0%;
}

.proposal-details-section .col2 .proposal-item .social .youtube i {
    color: #f05271;
}

.proposal-details-section .col2 .proposal-item .social .rating {
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 0%;
}

.proposal-details-section .col2 .proposal-item .social .rating i {
    color: #f8992c;
}

.proposal-details-section .col2 .row2 {
    display: flex;
    gap: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 1px solid #8080804d;
}

.proposal-details-section .col2 .row2 .title {
    color: #808080;
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 5px;
}

.proposal-details-section .col2 .row2 .Offered {
    font-weight: Bold;
    font-size: 15px;
    line-height: 16px;
    color: #f05271;
}

.proposal-details-section .col2 .row2 .details {
    font-weight: Bold;
    font-size: 15px;
    line-height: 16px;
    color: #f8992c;
}

.proposal-details-section .col2 .row3 {
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
}

.proposal-details-section .col2 .row3 .buttons {
    display: flex;
    gap: 20px;
}

.proposal-details-section .col2 .row3 .add-to {
    background-color: transparent;
    outline: none;
    border-radius: 50px;
    border: 1px solid #808080;
    font-weight: Bold;
    font-size: 14px;
    color: #808080;
    padding: 10px 15px;
}

.proposal-details-section .col2 .row3 .take-interview {
    outline: none;
    border: none;
    border-radius: 50px;
    background-color: #8379b8;
    font-weight: Bold;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0%;
    text-align: center;
    color: #ffffff;
    padding: 10px 20px;
}

.proposal-details-section .col2 .row3 .reject {
    outline: none;
    border: 1px solid #8379b8;
    background-color: transparent;
    border-radius: 50px;
    font-weight: Bold;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0%;
    text-align: center;
    color: #8379b8;
    padding: 5px 25px;
}

.proposal-details-section .col2 .row3 .accept {
    outline: none;
    border: none;
    background-color: #8379b8;
    border-radius: 50px;
    font-weight: Bold;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0%;
    text-align: center;
    color: #ffffff;
    padding: 5px 25px;
}

.proposal-details-section .col2 .cover-letter {
    box-shadow: 0px 16px 88px 0px #0000001a;
    background-color: #ffffff;
    border-radius: 30px;
    padding: 25px;
    margin-bottom: 25px;
}

.proposal-details-section .col2 .cover-letter .top-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 24px;
    padding-bottom: 15px;
    border-bottom: 1px solid #808080;
}

.proposal-details-section .col2 .cover-letter .top-title div {
    color: #8379b8;
    font-weight: 600;
    font-size: 24px;
    line-height: 19px;
    letter-spacing: 0%;
}

.proposal-details-section .col2 .cover-letter .description {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #808080;
    margin-top: 10px;
}
.proposal-details-section .col2 .attachment {
    box-shadow: 0px 16px 88px 0px #0000001a;
    background-color: #ffffff;
    border-radius: 30px;
    padding: 25px;
    margin-top: 20px;
}

.proposal-details-section .col2 .attachment .top-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 24px;
    padding-bottom: 15px;
    border-bottom: 1px solid #808080;
}

.proposal-details-section .col2 .attachment .top-title div {
    color: #8379b8;
    font-weight: 600;
    font-size: 24px;
    line-height: 19px;
    letter-spacing: 0%;
}

.proposal-details-section .col2 .attachment .description {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #f05271;
    margin-top: 10px;
}

.proposal-details-section .col2 .proposal-item .first-row .user-data i {
    color: #44bda4;
}

@media (max-width: 1082px) {
    .proposal-details-section .center-container .row {
        flex-direction: column;
    }
}