.notification-page{width:100%;display:flex;flex-direction:column}.notification-page .notification__sidebar{width:25%;flex:0 0 197.447px;border-radius:9.726px;background:#fff;display:flex;justify-content:center}.notification-page .notification__sidebar .notification__menu{width:100%;list-style:none;padding:11px 0;margin:0;border:1px solid #131313;background:#fff;border-radius:10px;height:fit-content}.notification-page .notification__sidebar .notification__menu .notification__menu-item{cursor:pointer;border:none;border-radius:0;color:#000;font-family:SVN-Arial;font-size:14.59px;font-style:normal;font-weight:400;line-height:29.179px;letter-spacing:.146px}.notification-page .notification__sidebar .notification__menu .notification__menu-item.active,.notification-page .notification__sidebar .notification__menu .notification__menu-item:hover{color:#83bb3e;background:#dff0d8}.dash{width:1316px;height:1686px;display:flex;text-align:left!important;justify-content:flex-start!important;align-items:flex-start!important}.sidebar{flex-shrink:0}.sidebar__list{list-style:none;padding:0;border:1px solid #131313;background:#fff;border-radius:10px;width:195.502px;margin:0 auto}.content{flex:1;flex-grow:1}.sidebar__item{cursor:pointer;padding:10px 15px;transition:background-color .3s ease;color:#000;font-size:14.59px;font-style:normal;font-weight:400;line-height:29.179px;letter-spacing:.146px}.sidebar__item:hover{background:#dff0d8}.sidebar__item.active{color:#83bb3e;background:#dff0d8;font-size:14.59px;font-style:normal;font-weight:700;line-height:29.179px;letter-spacing:.146px}.header_notification{width:853px;margin-top:100px;padding-bottom:30px;display:flex;flex-wrap:nowrap}.title{display:flex;width:435px;height:40px;flex-direction:column;justify-content:center;flex-shrink:0;color:#000;font-family:SVN-Arial;font-size:35px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.35px;margin-left:35px}.btn{margin-left:auto}.btn-text{color:#000;text-align:right;font-family:SVN-Arial;font-size:20px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.2px;width:435px;padding-bottom:0}.notification-item{display:flex;align-items:flex-start;max-width:853px;height:183px;flex-shrink:0;border-radius:10px;background:#fff}.notification-logo{width:50px;height:51px;flex-shrink:0;margin-top:24px;margin-left:30px;margin-right:23px}.notification-main{flex:1}.notification-content{display:flex;max-width:720px;height:40px}.notification-title{display:flex;max-width:680px;height:40px;flex-shrink:0;color:#000;font-family:SVN-Arial;font-size:20px;font-weight:700}.notification-status .tick-icon{max-width:15px;height:15px;border-radius:50%;background-color:#83bb3e}.notification-text{color:#000;max-width:700px}.notification-date,.notification-text{font-family:SVN-Arial;font-size:15px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.15px}.notification-date{color:#838383;padding-top:11px}.notification-date .fa-clock-o{width:16px;height:16px;flex-shrink:0}@media(max-width:1023px){.notification{margin-top:30px}.notification .notification__sidebar{display:none}}@media(max-width:376px){.notifi-all{font-size:15px!important}.read-already{font-size:14px!important}}