body {
  margin: 0;
  font-family: 'Roboto', sans-serif;
}

header {
  padding: 30px 0;
}

.rw-widget-container {
  margin: 0 0  20px 0 !important;
}

.rw-launcher {
  border-radius: 20px 0 0 20px !important;
  background-color: #0080e8 !important;
  height: 170px !important;
}

.rw-launcher::after{
  display: block;
  content: 'Need Help?';
  transform: rotate(270deg); 
  color: #edf6fd;
  min-width: 170px;
  line-height: 170px;
  font-size: 20px;
  font-weight: 300;
}

.rw-hide-sm{
  display: none !important;
}

.rw-message div {
  width: 100%;
}

.rw-replies{
  display: grid !important;
  justify-items: end;
}

.rw-replies .rw-reply{
  border-color: #004ea0 !important;
  background-color: #fff !important;
  color: #004ea0 !important;
  padding: 10px 20px !important;
  border-radius: 15px !important;
}

.rw-replies .rw-reply:hover{
 border-color: #077d58 !important;
 color: #077d58 !important;
}

.rw-response{
  width: max-content !important;
}

.rw-replies .rw-reply{
  margin-right: 10px !important;
  max-width: 450px !important;
  text-align: right !important;
  background-color: antiquewhite !important;
  justify-content: end;
}

.rw-client{
  background-color: #0077d7 !important;
  border-radius: 15px 15px 0 15px !important;
  width: max-content !important;
}

.rw-open-launcher__container img{
  display: none;
}

.rw-widget-container .rw-conversation-container{
  width: 530px;
}

.rw-conversation-container .rw-close-button {
    display: inline-block !important;
    background-color: transparent;
    border: 0;
    width: 40px;
    cursor: pointer
}
   
.rw-chat-open{
  margin: 0 !important;
}

.rw-header-buttons{
  align-items: center;
}

.rw-close {
  padding-top: 3px;
  width: 20px;
  height: 20px;
}

.rw-close:hover{
  width: 24px;
  height: 24px;
}

/* @media (min-width: 650px) {

  .header-box {
    grid-template-columns: max-content 1fr minmax(200px, 400px);
    gap: 0 20px;
  }
} */