/* body {
    margin: 20px;
  } */
  
  .notice-section {
    /* border: 2px solid blue;
    border-radius: 10px;
    background: lightblue; */
    overflow: hidden;
    position: relative;
    /* height: 200px;  */
  }  /*Set the desired height for the scrolling area */
  
  .notice-section ul {
    list-style: none;
    padding: 5px;
    margin: 0;
    animation: scrollUp 20s linear infinite; 
    /* Adjust animation duration as needed */
  }
  
  .notice-section ul li {
    margin-bottom: 7px;
    padding: 3px;
    background-color: #f8f9fa;
    border: 1px solid #d7d9db;
    border-radius: 5px;
  }
  
  @keyframes scrollUp {
    0% {
      transform: translateY(40%);
    }
    100% {
      transform: translateY(-100%);
    }
  }