/*  CHat  */
.chatbg {
  position: relative;
  z-index: 0;
}

.dark .chatbg::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url('../images/pattern-chat.svg');
  background-repeat: repeat-x;
  /* background-size: contain; */
    background-size: 30%;  
  opacity: 0.5;
  z-index: -1;
}

.chatbg::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url('../images/pattern-chat.svg');
  background-repeat: repeat-x;
  /* background-size: contain; */
    background-size: 30%;  
  opacity: 0.2;
  z-index: -1;
}

/* only for mobile and tablet  */
@media (max-width: 1023px) {
 .chatbg::before { background-size: contain !important; }
 .dark .chatbg::before {background-size: contain !important; }

}
 
  /*  */