.notification_wrapper[data-v-8e819d3c]{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;padding:2rem 6rem;row-gap:2rem;width:100%}@media screen and (max-width:1200px){.notification_wrapper[data-v-8e819d3c]{padding:2rem 0}}@media screen and (max-width:1024px){.notification_wrapper[data-v-8e819d3c]{padding:2rem 0}}.notification_wrapper .heading[data-v-8e819d3c]{color:var(--black-1,#001f3f);font-family:Poppins;font-size:46px;font-weight:700}.notification_wrapper .notification_card[data-v-8e819d3c]{background:var(--white,#fff);border-radius:20px;box-sizing:border-box;flex-direction:column;row-gap:1rem;width:100%}.notification_wrapper .notification_card .unread[data-v-8e819d3c]{background:var(--blue-7,#eff3ff)}.notification_wrapper .notification_card .row[data-v-8e819d3c]{align-items:center;border-bottom:1px solid var(--black-6,#e5e6eb);box-sizing:border-box;-moz-column-gap:2rem;column-gap:2rem;cursor:pointer;display:flex;flex-direction:row;padding:2rem;width:100%}@media screen and (max-width:800px){.notification_wrapper .notification_card .row[data-v-8e819d3c]{align-items:flex-start;flex-direction:column;row-gap:2rem}}.notification_wrapper .notification_card .row[data-v-8e819d3c]:last-child{border-bottom:none;border-end-end-radius:20px;border-end-start-radius:20px}.notification_wrapper .notification_card .row[data-v-8e819d3c]:first-child{border-start-end-radius:20px;border-start-start-radius:20px}.notification_wrapper .notification_card .row .left[data-v-8e819d3c]{align-items:center;-moz-column-gap:1rem;column-gap:1rem;display:flex;flex-direction:row;order:1;width:71%}.notification_wrapper .notification_card .row .left .avatar[data-v-8e819d3c]{border-radius:50%;height:50px;-o-object-fit:cover;object-fit:cover;width:50px}@media screen and (max-width:800px){.notification_wrapper .notification_card .row .left[data-v-8e819d3c]{order:2;width:100%}}@media screen and (max-width:350px){.notification_wrapper .notification_card .row .left[data-v-8e819d3c]{align-items:flex-start;flex-direction:column}}.notification_wrapper .notification_card .row .left .des[data-v-8e819d3c]{align-items:flex-start;display:flex;flex-direction:column}.notification_wrapper .notification_card .row .left .des .freelancer_name[data-v-8e819d3c]{color:var(--black-1,#001f3f);font-family:Poppins;font-size:15px;font-weight:500}.notification_wrapper .notification_card .row .left .des .text[data-v-8e819d3c]{color:var(--black-1,#001f3f);font-size:14px;font-weight:400;line-height:28px}.notification_wrapper .notification_card .row .left .des span[data-v-8e819d3c]{color:var(--text-black-4,#9ea3ae);font-size:12px;font-weight:400}.notification_wrapper .notification_card .row .right[data-v-8e819d3c]{align-items:center;-moz-column-gap:1rem;column-gap:1rem;display:flex;flex-direction:row;justify-content:flex-end;order:2;position:relative;width:28%}@media screen and (max-width:800px){.notification_wrapper .notification_card .row .right[data-v-8e819d3c]{order:1;width:100%}}.notification_wrapper .notification_card .row .right .top-right-svg[data-v-8e819d3c]{position:absolute;right:0;top:-50px}@media screen and (max-width:800px){.notification_wrapper .notification_card .row .right .top-right-svg[data-v-8e819d3c]{top:-10%}}.notification_wrapper .notification_card .row .right .btn[data-v-8e819d3c]{background-color:transparent;border:2px solid var(--yellow-1,#ffb802);border-radius:22px;box-sizing:border-box;color:var(--black-1,#001f3f);cursor:pointer;font-size:14px;font-weight:500;padding:.7rem 1.6rem;transition:all .5s ease-in-out}.notification_wrapper .notification_card .row .right .btn[data-v-8e819d3c]:hover{background-color:#ffb802}