* {
  scrollbar-width: none !important;
}

.login-bg{ 
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 100vh;
}

.support-card{
  background-image: url('../images/backgrounds/support-bg.jpg');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}


/* chat */
.chat-wrapper {
  scrollbar-width: none !important;
}

.chat-message .msg-content {
  width: 100% !important;
}

.chat-message .message-out .d-flex,
.chat-message .message-in .d-flex {
  min-width: fit-content;
  max-width: 50%;
}

.diva-btn {
         overflow: hidden;
    width: 66px;
    height: 106px;
    background-color: #ffffff;
    position: fixed;
    bottom: 10vh !important;
    right: 0;
    border: 3px solid #019099;
    border-radius: 50px;
}

.diva-btn h6 {
color: #019099 !important;
}

#chatBox {
  overflow-y: auto;
  scrollbar-width: none !important;
  max-height: 500px;
  min-height: 500px;
  background: linear-gradient(
      rgba(255, 255, 255, 0.829),
      rgba(255, 255, 255, 0.808)
    ),
    url("../images/backgrounds/chat-bg.jpg");
  background-position: center;
}

@media (max-width: 767px) {
  #chatBox { 
    min-height: 100vh;
    background: linear-gradient(
        rgba(255, 255, 255, 0.85),
        rgba(255, 255, 255, 0.85)
      ),
      url("../images/backgrounds/chat-bg.jpg");
    background-size: cover;
    background-position: center;
  }

  .chat-message .msg-content {
    width: 100% !important;
  }
}

#chatMessages {
  overflow-y: auto;
  scrollbar-width: none !important;
  max-height: 500px;
  min-height: 500px;
  background: linear-gradient(
      rgba(255, 255, 255, 0.829),
      rgba(255, 255, 255, 0.808)
    ),
    url("../images/backgrounds/chat-bg.jpg");
  background-position: center;
}

.category-box {
  border: 1px solid black;
  overflow: hidden;
  padding: 0;
  border-radius: 10px;
  background-image: url("../images/backgrounds/market-bg.jpg");
  background-size: contain;
}

.cat-seperate {
  background: #00838d;
  background-image: url("../images/backgrounds/maket-seperate.jpg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin: 0;
  padding: 10px;
  height: 55px;
  border-bottom: 2px solid #acacac;
}

.card-bg-fx{
   background-size: cover; background-position: center; background-repeat: no-repeat;
}

/* check mark list style */
.key-feature ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.key-feature ul li {
  position: relative;
  padding-left: 28px; /* space for icon */
  margin-bottom: 10px;
  font-size: 13px;
  color: #c5c5c5;
}

.key-feature ul li::before {
  content: "\ea5e"; /* ti ti-check unicode */
  font-family: "tabler-icons";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 16px;
  color: var(--bs-success); /* green check mark */
}


.product-brief{
  color: #c5c5c5;
}

.product-brief ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.product-brief ul li {
  position: relative;
  padding-left: 28px; /* space for icon */
  margin-bottom: 5px;
   font-size: 13px;
  color: #c5c5c5;
}

.product-brief ul li::before {
  content: "\eb2e"; /* ti ti-check unicode */
  font-family: "tabler-icons";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 13px;
  color: rgb(247, 189, 0); /* green check mark */
}