body {
          background-color: #e1e1e3;
        }
        h1 {
            font-size: 20px;
            font-weight: bold;
        }
        .form-control:focus {
          border-color: #303863;
          box-shadow: inset 0 1px 1px rgba(48, 56, 99, 0.075), 0 0 8px rgba(48, 56, 99, 0.6);
        } 
        .form-select:focus {
          border-color: #303863;
          box-shadow: inset 0 1px 1px rgba(48, 56, 99, 0.075), 0 0 8px rgba(48, 56, 99, 0.6);
        }        
        ol, ul {
            font-size: 12px;
        }
        h6 {
            font-size: 14px;
            font-weight: bold;
        }
    footer {
    position: fixed;
    height: 40px;
    padding-top: 8px;
    bottom: 0;
    width: 100%;
    }

    .news-slider {
      overflow: hidden;
      height: 100%; /* Adjust height as needed */
      width: 100%;
    }
    
    .news-item {
      animation: scrollNews 10s linear infinite;
    }
    
    @keyframes scrollNews {
      0% {
        transform: translateY(100%);
      }
    100% {
    transform: translateY(-100%);
      }
    }
    
    .news-item:hover {
      animation-play-state: paused;
    }
    
    .scroll-container {
        width: 100%;
        height: 100%;
        overflow: hidden;
        border: 0px solid #000;
        background-color: #fff;
    }
    
    .scroll-content {
        display: flex;
        flex-direction: column;
        position: relative;
    }

    .message {
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
        border-bottom: 1px solid #ddd;
    }