/* Chat Icon */

#toggle-chat, #toggle-chat-head {
  padding: 0;
  position: fixed;
  bottom: 2%;
  right: 20px;
  min-width: 100px;
  z-index: 998;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

#toggle-chat-head {
    z-index: 997;
}

#toggle-chat .chat-img, #toggle-chat-head .chat-img {
    transition: none !important;
}

#toggle-chat .chat-img:hover, #toggle-chat-head .chat-img:hover {
    transform: none !important;
}

#toggle-chat .chat-wrapper {
    position: relative;
    width: 200px;
}

#toggle-chat-head .chat-wrapper {
    position: relative;
    width: 151px;
}

#toggle-chat .card-product .card-product-wrapper {
    width: 245px;
    aspect-ratio: initial;
    border-radius: 0;
}

#toggle-chat-head .card-product .card-product-wrapper {
    width: 151px;
    aspect-ratio: initial;
    border-radius: 0;
}

/* Toggle Chat Box */
#chat-check {
    display: none !important
}

#chat-check:checked~.chat-card {
    opacity: 1;
    z-index: 999;
}

#chat-check:checked~.chat-icons {
    display: none;
}

/* Chat Box */
#chat1.chat-card {
    position: fixed;
    bottom: 2%;
    right: 20px;
    width: 400px;
    background-color: #fff;
    border-radius: 5px;
    opacity: 0;
    transition: all 0.4s;
    z-index: -100;
    box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.14), 0 10px 20px -2px rgba(0, 0, 0, 0.1) !important;
}

#chat1 .chat-wrapper {
    position:relative;

}

#chat1 a.nav-link {
    font-size: 18px;
    padding: 0;
}

#chat1 .chat-heading {
    font-size: 18px;
    padding-right: .5rem !important;
    padding-left: .5rem !important;
}

#chat1 .avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    /* border: 2px solid #e01032; */
    padding: 2px;
    flex: none;
}

#chat1 input:focus {
    outline: 0px !important;
    box-shadow: none !important;
}

#chat1 .card-text {
    border: 2px solid #ddd;
    border-radius: 8px;
}

#chat1 .btn-rounded {
    border-radius: 50%;
}

#chat1 .msg-btn:hover, .msg-btn i:hover {
    color: #e01032;
}

#chat1 .msg-btn, .msg-btn i{
    color:#000;
}

#chat1 .close-chat:hover {
    color:#e01032;
}

#chat1 .close-chat {
    border-radius: 50%;
    background-color: #f9fafb;
    color: #000;
    padding: 5px 8px 5px 8px;
}

.slider-prev-next {
    z-index: 998;
}