
<style>

.roko-instabot-widget.rokoinstabot-preview.mobile-device .head .close, .roko-instabot-widget.rokoinstabot-preview:hover .head .close { 
        background-size: 10vh;
 }

.roko-instabot-widget.rokoinstabot-preview .head .close {
        background-size: 10vh;
}

.roko-instabot-widget.rokoinstabot-preview .conversation .message-container {
        border: 3px solid #42ce9f;
}

.roko-instabot-widget.rokoinstabot-preview .conversation .message .avatar-container .question .text {
    font-size: 16px !important;
    line-height: 18px !important;
    font-weight: 600 !important;
} 

.roko-instabot-widget .emoji-icon {
    width: 18px;
    height: 18px;
    display: inline-block;
}

 .roko-instabot-widget {
                    background-color: rgb(235, 230, 255);
                    background-image: none;
                }

.roko-instabot-widget .conversation .message .avatar-container .avatar {
                background-image: url('https://static.instabot.io/501235b8-a484-4677-a52b-1bd4ab8360b7/2249ceb9-88ef-4e1c-ae33-da9b14efdd71');
                height: 20px;
                width: 20px;
                background-size: cover;
                border-radius: 50%;
                margin-right: 6px;
                margin-top: 6px;
                flex-shrink: 0;
            }

            .roko-instabot-widget-button {
                
                background-color: rgb(21, 146, 120);
                background-image: url(https://static.instabot.io/501235b8-a484-4677-a52b-1bd4ab8360b7/2249ceb9-88ef-4e1c-ae33-da9b14efdd71);
                border: 2px solid #159278;

            }

            .roko-instabot-widget .conversation .message a {
                cursor: pointer;
                color: #00e5ff;
                text-decoration: underline;
                border: 1px solid transparent;
}  

.roko-instabot-widget .conversation a {
                cursor: pointer;
                color: #00e5ff;
                text-decoration: underline;
                border: 1px solid transparent;
} 

.roko-instabot-widget .head .main .avatar {
                background-image: url('https://static.instabot.io/501235b8-a484-4677-a52b-1bd4ab8360b7/2249ceb9-88ef-4e1c-ae33-da9b14efdd71');
            }

.roko-instabot-widget .head {
                    background: linear-gradient(to right, rgb(21, 146, 120), rgb(21, 146, 120));
                    color: rgb(255, 255, 255);
                }

.roko-instabot-widget .conversation .message .avatar {
                background-color: rgb(21, 146, 120);
                background-image: url('https://static.instabot.io/501235b8-a484-4677-a52b-1bd4ab8360b7/2249ceb9-88ef-4e1c-ae33-da9b14efdd71');
            }

              .roko-instabot-widget .typing {
                    background-color: rgb(0, 1, 66);
                }
                .roko-instabot-widget .conversation .message .question .tail {
                border-right-color: rgb(0, 1, 66);
            }
            .roko-instabot-widget .conversation .message .question {
                background-color: rgb(0, 1, 66);
                color: rgb(255, 255, 255);
            }


            .roko-instabot-widget.rokoinstabot-preview .head .close {
    width: 16px;
    height: 16px;
    top: 34px;
    right: 29px;
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1.32' height='9.903' rx='.66' transform='rotate(134.95 2.511 5.149)' fill='%23404040'/%3E%3Crect width='1.32' height='9.903' rx='.66' transform='rotate(-134.95 2.16 3.792) skewX(.099)' fill='%23404040'/%3E%3C/svg%3E);
    background-color: #b7b3b3;
    background-repeat: no-repeat;
    background-position: 50%;
    display: none;
    z-index: 20;
    border-radius: 8px;

}

 .roko-instabot-widget .conversation .message.type-3 .actions-container .wrap .action,
                .roko-instabot-widget .conversation .message.type-6 .actions-container .wrap .action {
                    border-color: rgb(21, 146, 120);
                    background-color: rgb(255, 255, 255);
                    color: rgb(21, 146, 120);
                }

                .roko-instabot-widget .response {
                background-color: rgb(21, 146, 120);
                color: rgb(255, 255, 255);
            }
            .roko-instabot-widget .response .tail {
                border-left-color: rgb(21, 146, 120);
            }

    /*
}
.roko-instabot-widget .conversation .message.type-2 a {
                cursor: pointer;
                color: #00e5ff;
                text-decoration: underline;
                border: 1px solid transparent;
}  
  

            
            .roko-instabot-widget .head .close:before, .roko-instabot-widget .head .close:after {
                background-color: rgb(255, 255, 255);
            }
            .roko-instabot-widget.full-screen .head {
                border-bottom-width: 1px;
            }
            
            
            
            
            .roko-instabot-widget .conversation .message .avatar::after {
                content: ""
            }

            


            .roko-instabot-widget .conversation .message.type-3 .actions-container,
            .roko-instabot-widget .conversation .message.type-4 .actions-container,
            .roko-instabot-widget .conversation .message.type-3 .actions-container .action,
            .roko-instabot-widget .conversation .message.type-4 .actions-container .action .card-action,
            .roko-instabot-widget .conversation .message.type-4 .actions-container .action .card-box .card-info { }
        
                
               
                
                .roko-instabot-widget .head .head-logo {
                    display: none;
                }
                .roko-instabot-widget .head .head-logo:before {
                    background-image: none;
                }
              
                .roko-instabot-widget .typing > div {
                    background-color: rgb(255, 255, 255);
                }
                .roko-instabot-widget .send-btn {
                    background-color: rgb(21, 146, 120);
                    color: rgb(255, 255, 255);
                }
               
                .roko-instabot-widget .conversation .message.type-3 .actions-container .wrap .action .icon,
                .roko-instabot-widget .conversation .message.type-6 .actions-container .wrap .action .icon {
                    border-color: rgb(21, 146, 120);
                }
                .roko-instabot-widget .conversation .message.type-3 .actions-container .wrap .action .icon:before {
                    background-color: rgb(21, 146, 120);
                }
                .roko-instabot-widget .conversation .message.type-4 .actions-container .wrap .action .card-action .text {
                    color: rgb(21, 146, 120);
                }
                .roko-instabot-widget .conversation .message.type-4 .actions-container .wrap .action .card-action {
                    background-color: rgb(255, 255, 255);
                }
                .roko-instabot-widget .conversation .message.type-4 .actions-container .wrap .action:hover .card-action,
                .roko-instabot-widget .conversation .message.type-4 .actions-container .wrap .action.selected .card-action {
                    background-color: rgb(21, 146, 120);
                }
                .roko-instabot-widget .conversation .message.type-4 .actions-container .wrap .action:hover .card-action .text,
                .roko-instabot-widget .conversation .message.type-4 .actions-container .wrap .action.selected .card-action .text {
                    color: rgb(255, 255, 255);
                }
                .roko-instabot-widget .conversation .message.type-6 .actions-container .wrap .action .icon:before {
                    background-color: rgb(21, 146, 120);
                }
                .roko-instabot-widget .conversation .message.type-6 .actions-container .wrap .action .icon svg path {
                    stroke: rgb(255, 255, 255);
                }
                .roko-instabot-widget .conversation .message.type-6 .actions-container .wrap .action.selected .icon {
                    background-color: rgb(21, 146, 120);

                }
            */
                
</style>









            