.custom-img {
        width: 100%;
        max-width: 100%;
    }

    @media (max-width: 400px) {

        /* Small devices */
        .custom-img {
            max-width: 200px;
        }
    }

    @media (min-width: 577px) and (max-width: 768px) {

        /* Medium devices */
        .custom-img {
            max-width: 350px;
        }
    }

    @media (min-width: 769px) {

        /* Large devices */
        .custom-img {
            max-width: 400px;
        }
    }

    .left-panel {
        background-color: #ddd5ca;
        /* Light brown/caramel color */
        color: #343a40;
        /* Dark text */
        min-height: 100vh;
        /* Full viewport height */
    }

    .nav-item:hover {
        background-color: #614b46;
        /* Bootstrap primary color */
        color: white;
        /* White text for contrast */
    }

 
    .nav-link {
        color: white;
    }

    .nav-link:hover, .nav-link:focus {
        color: #cccccc;
    }

    .nav-link.active {
        color: #ffcc00;
    }

    .main-content {
        /*background-color: white;*/

        background-color:#f7f1f1
        /* White background */
        color: black;
        /* Black text */
        min-height: 1000px;
        /* Minimum height */
    }

    .sub-menu {
        display: none;
    }

    .carousel-inner img {
        width: 100%;
        height: auto;
    }