body {
    margin: 0;
    padding: 0;
}

.banner {
    display: flex;
    max-width: 100%; /* Set maximum width to 100% of the container */
    overflow: hidden; /* Hide overflowing content */
}

.rounded-br-full {
    border-bottom-right-radius: 9999px;
}
.banner-image {
    flex: 1; /* Distribute available space equally among images */
    width: 0; /* Reset width to allow flex to control size */
    height: auto; /* Maintain aspect ratio */
}


/* side menu */
.side-menu {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    opacity: 0.5;  
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

    .side-menu a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 25px;
        color: #bcbaba;
        display: block;
        opacity: 0;
        transition: 0.3s;
    }

    .side-menu a:hover {
        color: #f2f2f2;
    }

    .close-button {
        position: fixed;
        left: 250px;
        top: 0px;
        font-size: 20px;
        background-color: rgba(140, 140, 140, 0.858)!important;
        z-index: 2;
    }

    .show {
        opacity: 1 !important;
        transition: opacity 1s ease-in-out;
    }
    .z-index-3 {
        z-index: 2;
    }
    .hide {
        opacity: 0;

    }

    .toggle-button-css {
        position: fixed;
        left: 0px;
        top: 25vh;
        font-size: 20px;
     
    }