.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;

}