 <style>
        .carousel-inner img {
            width: 100%;
            height: auto;
           object-fit: cover;
            min-width: 400px;
            min-height: 400px;
        }

        .carousel-item {
            height: 100%;
            max-height: 400px;
        }

        .carousel-inner {
            max-height: 400px;
        }


 .notices-container {
            height: 200px; /* Adjust height as needed */
            overflow: hidden;
            position: relative;
        }
        .notices {
            position: relative;
        }
        .notice {
            padding: 10px;
            border-bottom: 1px solid #ccc;
        }
        .notice a {
            text-decoration: none;
            color: #007bff;
        }
        .notice a:hover {
            text-decoration: underline;
        }
        

         main {
            flex: 1;
        }
        footer {
            background-color: #343a40;
            color: white;
            text-align: center;
            padding: 1em 0;
        }
        .footer {
            background-color: #2b2b2e;
            padding: 40px 0;
        }
        .footer a {
            color: #fff;
        }
        .footer a:hover {
            text-decoration: none;
        }
        .footer .social-icons a {
            font-size: 24px;
            margin: 0 10px;
            color: #fff;
        }
    </style>