html,
        body {
            height: 100% !important;
            font-family: "Open Sans", sans-serif !important;
        }
        
        body {
            background-image: url(/images/bg-img2.png) !important;
            background-size: cover !important;
            background-repeat: no-repeat !important;
            background-position: center !important;
        }

        .main {
            background-color: #F1F0F0 !important;
            margin: 10px 5px !important;
        }
        
        .css-eycyw2 .main {
            border-top: none !important;
        }
        
        .css-1vieo9r {
            background-color: #F1F0F0 !important;
        }
        
        .css-o3xlyv {
            background-color: #fff !important;
            font-size: 14px !important;
            line-height: 20px !important;
        }
        
        .css-1s8geyi,
        [data-css-1s8geyi] {
            color: #000000 !important;
            font-weight: 500 !important;
            font-size: 10px !important;
        }

        .css-115fwte svg, [data-css-115fwte] svg {
            fill: #000 !important;
        }
        
        .chat-window {
            display: flex !important;
            flex-direction: row !important;
            justify-content: center !important;
            padding: 15px 0 !important;
        }
        
        .chat-window .logo {
            width: 65% !important;
            padding: 0 15px !important;
            display: flex !important;
            align-items: flex-start !important;
            justify-content: end !important;
            flex-direction: column !important;
            gap: 20px !important;
            position: relative !important;
            z-index: 9 !important;
            flex-grow: 1;
        }

            .chat-window .logo h2 {
                margin: 0;
                position: absolute;
                left: 20px;
                bottom: 200px;
                font-size: 120px;
                font-weight: 900;
                color: #ffffff8f;
                line-height: 80px;
                display: none;
            }

            .chat-window .logo img {
                height: 150px !important;
                filter: brightness(0) invert(1) !important;
            }

        .chat-window .logo img.partner-logo {
            height: 80px !important;
        }

        .chat-window .imgs {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 30px !important;
        }
        
        .from-user .css-o3xlyv {
            background-color: #f1f0f0 !important;
            border-radius: 50px !important;
            padding: 10px 15px !important;
        }
        
        .css-mhj5i1.from-user,
        [data-css-mhj5i1].from-user {
            border-radius: 6px !important;
            border: none !important;
            background: transparent !important;
        }
        
        .css-mhj5i1:not(.from-user),
        [data-css-mhj5i1]:not(.from-user) {
            border-radius: 6px !important;
        }
        
        body {
            margin: 0 !important;
        }
        
        #chatwindow {
            width: 35% !important;
            padding: 10px 20px !important;
        }
        
        .chat-section {
            height: calc(100vh - 50px) !important;
            overflow: hidden !important;
            background-color: #fff !important;
            position: relative !important;
            border-radius: 5px !important;
            box-shadow: 0 0 40px #0000004d !important;
        }
        
        .css-1l9a57c, [data-css-1l9a57c] {
            border-top: 1px solid #ddd !important;
        }

        .css-nil {
            background: #f1f0f0 !important;
        }

        .css-hza43i > :last-child, [data-css-hza43i] > :last-child {
            border-style: none !important;
        }

        .css-hza43i > :first-child, [data-css-hza43i] > :first-child {
            background-color: rgb(196 65 65) !important;
        }
        
        #heading {
            z-index: 9 !important;
            position: relative !important;
            background: #000 !important;
            padding: 10px 15px !important;
            border-radius: 5px 5px 0 0 !important;
            max-height: 50px !important;
            overflow: hidden !important;
            color: #fff !important;
        }

        .heading h1 {
            font-size: 20px !important;
            font-weight: 600 !important;
            color: #3b3b3b !important;
        }
        
        .css-1fyy09s {
            background-color: transparent !important;
        }
        
        h1 {
            margin: 0 !important;
            font-size: 18px !important;
            line-height: 30px !important;
            font-weight: 600 !important;
        }
        
        #webchat {
            border-bottom-left-radius: 4px !important;
            border-bottom-right-radius: 4px !important;
            height: calc(100% - 50px) !important;
            overflow: hidden !important;
            z-index: 9 !important;
            position: relative !important;
        }
        
        #webchat * {
            font-family: "Open Sans", sans-serif !important;
        }
        
        .css-2p02md>.content>.webchat__row>.bubble,
        [data-css-2p02md]>.content>.webchat__row>.bubble,
        .css-2p02md>.content>.webchat__row>.timestamp,
        [data-css-2p02md]>.content>.webchat__row>.timestamp {
            max-width: 90% !important;
        }
        
        .css-1tdb3h1>img,
        [data-css-1tdb3h1]>img {
            transform: translate(-50%, -50%) !important;
            height: 26px !important;
            width: auto !important;
        }
        
        .css-1dgbgmu,
        [data-css-1dgbgmu] {
            background: #ececec !important;
        }
        
        .css-u4skb7>button,
        [data-css-u4skb7]>button {
            padding: 5px 10px !important;
            border-radius: 20px !important;
            font-size: 13px !important;
            height: auto !important;
        }
        
        .css-u4skb7>button:not(:disabled),
        [data-css-u4skb7]>button:not(:disabled) {
            border: 1px solid #fff !important;
            color: #071b49 !important;
            font-weight: 600 !important;
            cursor: pointer !important;
            box-shadow: 0 0 40px #0000004d !important;
        }

        .css-mhj5i1:not(.from-user), [data-css-mhj5i1]:not(.from-user) {
            border: 1px solid #d0d0d0 !important;
        }

        button.css-115fwte[title="Send"] {
            background: #bb3848 !important;
            border-radius: 50px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
        }

        button.css-115fwte[title="Send"] svg path {
            fill: #fff !important;
        }

        button.ac-pushButton.style-default {
            border: none !important;
            background: #bb3848 !important;
            color: #fff !important;
            border-radius: 5px !important;
        }

        .ac-textBlock {
            font-size: 18px !important;
            margin-bottom: 10px !important;
        }

        .ac-textInput {
            padding: 8px 10px !important;
            border-radius: 5px !important;
            border: 1px solid #ddd !important;
        }
        
        @media screen and (max-width:991px) {
            .chat-window .logo {
                width: 50% !important;
            }
            #chatwindow {
                width: 65% !important;
            }
            .chat-window .logo img {
                height: 110px !important;
            }
            .chat-window .logo h2 {
                bottom: 140px;
                font-size: 80px;
                line-height: 55px;
            }
        }
        
        @media screen and (max-width:767px) {
            .chat-window {
                flex-wrap: wrap !important;
            }
            #chatwindow {
                width: 100% !important;
            }
            .chat-window .logo {
                width: 100% !important;
                gap: 10px !important;
                align-items: center !important;
            }
            .chat-window .logo img {
                height: 60px !important;
            }
            .chat-window .logo img.partner-logo {
                height: 40px !important;
            }
            .chat-section {
                height: calc(100vh - 115px) !important;
                margin: 0 15px !important;
            }
            .heading {
                display: none !important;
            }
            .css-eycyw2 .main {
                padding: 0 !important;
            }
            .chat-window .imgs {
                background: transparent !important;
                padding: 0 !important;
                box-shadow: none !important;
            }
            .chat-window .logo h2 {
                display: none;
            }
        }