.banner-img {
        width: 100%;
        width: -moz-available;
        /* WebKit-based browsers will ignore this. */
        width: -webkit-fill-available;
        /* Mozilla-based browsers will ignore this. */
        width: fill-available;
        height: auto;
    }
    
    @media screen and (max-width: 768px) {
    
        /* Adjust the height to your preferred value */
        .banner-img {
            height: 600px;
            /* Example height in pixels */
            display: block;
        }
    }
    
    .df-messenger-class {
        z-index: 9999999;
        position: fixed;
        bottom: 16px;
    
        /* right: 16px; */
        right: 15px;
        /* --df-messenger-chat-window-height: 465px; */
        /* --df-messenger-chat-window-width: 400px; */
        --df-messenger-chat-window-offset: 5px;
        --df-messenger-default-focus-color: #D8E4D9;
        --df-messenger-default-primary-color: #816431;
    
    }
    
    
    .bg {
        height: 97vh;
        /* Full viewport height */
        background-image: url('./image.png');
        /* URL to your image */
        background-size: cover;
        /* Cover the entire container */
        background-position: center;
        /* Center the image */
        background-repeat: no-repeat;
        /* Do not repeat the image */
        color: white;
        /*Text color for visibility */
    }