/* new contact-box css start */
.contact-box {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  flex-direction: column;
  position: fixed;
  right: 30px;
  bottom: 11.5%;
  padding: 10px 0;
  width: 52px;
  height: 176px;
  border-radius: 26px;
  box-shadow: 0 0 8px 0 #00000021;
  background-color: #fff;
}
.contact-box .contact-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  z-index: var(--z-index-sidebar);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.contact-popper .whatsapp-content-box {
  display: flex;
  column-gap: 10px;
  align-items: center;
}
.contact-popper .whatsapp-content-box .whatsapp-code {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 96px;
  height: 96px;
}
.contact-popper .whatsapp-content-box .whatsapp-code img {
  width: 96px;
  height: 96px;
  object-fit: contain;
}
.contact-popper .whatsapp-content-box .whatsapp-title {
  font-size: 16px !important;
  color: #272727;
  font-family: "MuktaSemiBold";
  line-height: 130%;
}
.contact-popper .whatsapp-content-box .whatsapp-text {
  max-width: 181px;
  color: #7e8492;
  font-family: "MuktaRegular";
  line-height: 151%;
}
.contact-box .contact-item.whatsapp-contact {
  background-image: url("../../../src/images/no_whatsapp.svg");
}
.contact-box .contact-item.whatsapp-contact:hover {
  background-image: url("../../../src/images/whatsapp.svg");
}
.contact-box .contact-item.email-contact {
  background-image: url("../../../src/images/no_telegram.svg");
}
.contact-box .contact-item.email-contact:hover {
  background-image: url("../../../src/images/telegram.svg");
}
.contact-box .contact-item.telegram-contact {
  background-image: url("../../../src/images/home/no_customer_serve.svg");
}
.contact-box .contact-item.telegram-contact:hover {
  background-image: url("../../../src/images/home/customer_serve.svg");
}
/* el-popover start */
.contact-popper.el-popover {
  border-radius: 6px;
  border: none;
}
.contact-popper.el-popover .el-popover__title {
  margin-bottom: 0;
  font-size: 16px !important;
  color: #272727;
  font-family: "MuktaSemiBold";
  line-height: 130%;
}
.contact-popper.el-popover .special-contact-text {
  color: #0086ff;
  font-family: "MuktaRegular";
  line-height: 151%;
}
.contact-popper.el-popover .special-contact-text.link-w {
  max-width: 190px;
  user-select: all;
}
.contact-popper.el-popover .normal-contact-text {
  color: #7e8492;
  font-family: "MuktaRegular";
  line-height: 151%;
}
.contact-popper.el-popover .normal-contact-text.normal-contact-mw {
  display: inline-block;
  max-width: 268px;
}
.contact-popper.el-popover .teams-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.contact-popper.el-popover .teams-content .copy-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.contact-popper.el-popover .teams-content .copy-icon {
  background-image: url("../../../src/images/no_copy.svg");
}
.contact-popper.el-popover .teams-content .copy-icon:hover {
  background-image: url("../../../src/images/copy.svg");
}
/* el-popover end */
/* new contact-box css end */

/* chat widget start */
#chat-widget-container {
  bottom: 10px !important;
  right: 16px !important;
  /* max-height: calc(100% - 160px) !important;
  z-index: var(--z-index-sidebar) !important; */
}
@media screen and (max-width: 768px) {
  .contact-box {
    right: 20px;
  }
}
@media screen and (max-width: 500px) {
  #chat-widget-container {
    bottom: 10px !important;
    right: 10px !important;
  }
}
@media screen and (max-width: 465px) {
  .contact-box {
    bottom: 12.5%;
  }
}
@media screen and (max-width: 375px) {
  #chat-widget-container {
    bottom: 0px !important;
    right: 10px !important;
  }
}
/* chat widget end */