.new-noti{margin-bottom:30px}.new-noti h1{font-family:Poppins-SemiBold;font-size:16px;color:#1a0000;letter-spacing:.12px;margin-bottom:0;margin-left:8px}.filter-bar{padding-bottom:8px;border-bottom:.5px solid #969696}.filter-bar span{cursor:pointer;font-family:Poppins-Regular;font-size:14px;color:#969696;letter-spacing:.11px;display:inline-block;margin-right:32px}.filter-bar .active{color:#bd1d2c}.width-for-noti{overflow:hidden}.width-for-noti .noti-day{overflow-x:hidden}.width-for-noti .noti-day h4{font-family:Poppins-Regular;font-size:12px;color:#1a0000;letter-spacing:.09px;margin-bottom:12px;position:relative}.width-for-noti .noti-day h4:after{content:"";width:100%;height:.5px;background-color:#969696;position:absolute;z-index:100;left:80.5px;top:50%;transform:translateY(-50%)}.width-for-noti .noti-day .noti-item{margin-bottom:21px;padding-right:20px;position:relative}.width-for-noti .noti-day .noti-item .img-react{position:relative;width:48px;height:48px;margin-right:12px}.width-for-noti .noti-day .noti-item .img-react .writer-avt{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.width-for-noti .noti-day .noti-item .img-react .react{width:24px;height:24px;border-radius:50%;position:absolute;z-index:100;bottom:-11%;right:-9%}.width-for-noti .noti-day .noti-item h5{font-family:Poppins-Regular;font-size:12px;color:#1a0000;line-height:14px;letter-spacing:.06px}.width-for-noti .noti-day .noti-item span{font-family:Poppins-Regular;font-size:10px;color:#1a0000;line-height:14px;letter-spacing:.06px}.width-for-noti .noti-day .noti-item p{font-family:Poppins-Regular;font-size:8px;line-height:14px;letter-spacing:.05px;color:#212529}.width-for-noti .noti-day .noti-item button{position:absolute;z-index:100;right:10px;top:50%;transform:translateY(-50%)}.width-for-noti .noti-day .noti-item button:hover{transform:translateY(-50%) scale(1.5)}.width-for-noti::-webkit-scrollbar{width:5px}.width-for-noti::-webkit-scrollbar-track{background-color:#fff}.width-for-noti::-webkit-scrollbar-thumb{background-color:#d5d5dc}.width-for-noti::-webkit-scrollbar-thumb:hover{background-color:#000}@media screen and (min-width:320px){.filter-bar span{margin-right:11px}}@media screen and (min-width:360px){.filter-bar span{margin-right:24px}}@media screen and (min-width:768px){.filter-bar span{margin-right:32px}}