.notification .notification-alert{position:absolute;top:8%;right:4%;z-index:10;background-color:#fff;border:1px solid #6149cd;border-radius:14px;box-shadow:0 89px 71px rgba(0,0,0,.11)}.notification .notification-alert h3{border-bottom:1px solid #7a86a1;padding:10px 20px;font-weight:700}.notification .notification-alert .alert-box{position:relative;text-align:center;padding:3px 4px;margin-bottom:10px;min-height:250px;min-width:350px;max-height:350px;max-width:450px}.notification .notification-alert .alert-box h4{font:18px Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:600}.notification .notification-alert .alert-box .noti_body{font-size:18px;position:relative;width:100%;border-radius:8px;padding:1px 5px;display:flex;flex-direction:column;gap:2px;align-items:flex-start;margin-bottom:4px;color:#000!important;cursor:pointer;border-bottom:1px solid hsla(0,15%,79%,.3)}.notification .notification-alert .alert-box .noti_body .noti_title{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:17px;opacity:1}.notification .notification-alert .alert-box .noti_body .noti_desc{font-size:13px;opacity:70%;text-align:justify;overflow-wrap:break-word}.notification .notification-alert .alert-box .noti_body .notification_time{display:flex;width:100%;font-size:10px;justify-content:space-between}.notification .notification-alert .alert-box .noti_body .seen-status{position:absolute;top:5px;right:5px;height:10px;width:10px;border-radius:50%;background-color:#6149cd}.notification .notification-alert .alert-box .noti_body:hover{background-color:rgba(90,91,93,.169)}.notification .notification-alert .alert-box .noti_title:first-letter{text-transform:capitalize}.notification .notification-alert .alert-box ul{list-style-type:none;padding-left:5px;align-items:left;display:flex;flex-direction:column;align-items:flex-start;color:#fff}.notification .notification-alert .alert-box ul a{width:100%;padding:0}.notification .notification-alert .alert-box ul .seen{color:#fff}.notification .notification-alert .alert-box ul .unseen{color:red}.notification .notification-alert .alert-box .see-all{position:absolute;right:5px;bottom:-3px;padding:6px 8px;border-radius:10px;font-weight:600}@media(max-width:768px){.notification .notification-alert{position:fixed}}.notification h2{margin-top:10px}.notification .all-notification ul{list-style:none;padding-left:5px}.notification .all-notification ul li{display:flex;flex-direction:column;border:1px solid gray;margin-bottom:10px;padding:9px 14px;border-radius:15px;box-shadow:1px 1px 4px hsla(0,0%,50%,.204);transition:all .3s ease;cursor:pointer}.notification .all-notification ul li:hover{transform:scale(.98)}.notification .all-notification .noti_body{display:flex;flex-direction:column;gap:6px;position:relative}.notification .all-notification .noti_body .noti_top{letter-spacing:3px;font-size:22px;display:flex;align-items:center;justify-content:space-between;color:rgba(81,56,195,.835)}.notification .all-notification .noti_body .noti_top .noti_title{display:flex;align-items:center;gap:20px}@media(max-width:400px){.notification .all-notification .noti_body .noti_top .noti_title{flex-direction:column;gap:10px;align-items:flex-start}}.notification .all-notification .noti_body .noti_top .noti_desc{font-size:18px;color:gray;overflow-wrap:break-word}@media(max-width:400px){.notification .all-notification .noti_body .noti_top{flex-direction:column}}.notification .all-notification .noti_body .seen-status{position:absolute;top:13px;right:12px;height:10px;width:10px;border-radius:50%;background-color:#6149cd}.notification .all-notification .noti_body .notification_time{display:flex;align-items:center;justify-content:space-between;font-size:17px}