:root {
    --primary: #8a1538;
    --secondary: #f8d7da;
    --header-text-color: #ffffff;
    --text-header-color: #FFFFFF;
    --text-incoming-message-color: #001659;
    --text-incoming-message-background-color: #f2f2f2;
    --text-outgoing-message-color: #FFFFFF;
    --chatbot-right: 88px;
    --chatbot-bottom: calc(100% - 97%);
    --chatbot-toggler-left: 16px;
    --chatbot-toggler-bottom: 100px;
    --gradient-first-color: #3b0011 25%;
    --gradient-second-color: #7f1f3b 77%;
    --box-shadow: #3b0011 0px 3px 8px;
    --box-shadow-message: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}




.contact-chat-box .contact-incoming span {
    margin: 0 10px 7px 0;
}



.contact-tooltip-loader {
    left: 4px;
    right: initial;
}

.contact-tooltip-record {
    left: 10px;
    right: initial;
}


.contact-feedback {
    left: initial;
    right: 15px
}
.contact-feedback-popup{
    left: initial;
    right: 15px 
}
.contact-header-icons {
    left: initial;
    right: 10px
  
}

@media (max-width: 650px) {
    .contact-header-icons .contact-full-screen{
        display: none;
    }
 
    .chatbot .chat-box {
        height: 90%;
        padding: 25px 15px 100px;
    }



    .contact-chatbot .contact-header-chatbot span {
        display: block;
    }

}