@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap");
body {
  font-family: "Manrope", sans-serif;
  margin: 0;
  letter-spacing: 0.4px;
}

input, textarea, select, button {
  letter-spacing: inherit;
  border: none;
  outline: none;
  background: none;
  font-family: inherit;
}

*, :after, :before {
  box-sizing: border-box;
}
.modal .modal-dialog {
  max-width: 330px;
}
.modal .modal-dialog .modal-content {
  background-color: transparent;
  border: none;
}
.modal .modal-dialog .modal-content .modal-body {
  padding: 0;
}

.chatFloater {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 7;
}
.chatFloater .tooltip {
  position: absolute;
  right: 65px;
  bottom: 8px;
  line-height: 35px;
  padding: 0 14px;
  border-radius: 6px;
  background-color: #5E5291;
  color: #fff;
  font-size: 14px;
  transition: 0.3s all ease-in-out;
  white-space: nowrap;
}
.chatFloater .tooltip::after {
  content: "";
  position: absolute;
  right: -8px;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 10px;
  background: #5E5291;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.chatFloater .tooltip.remove {
  transform: scale(0.4);
  opacity: 0;
  transform-origin: right;
}
.chatFloater .chatMinimize {
  height: 50px;
  width: 50px;
  background-color: #5E5291;
  border-radius: 50%;
  cursor: pointer;
  margin-left: auto;
  background-position: center;
  background-size: 55%;
  background-image: url("data:image/svg+xml,%3Csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.57764e-05 13.6945C-0.00549845 15.8209 0.491322 17.9186 1.45004 19.8167C2.58679 22.0912 4.33433 24.0042 6.49692 25.3416C8.65952 26.679 11.1517 27.3879 13.6945 27.3889C15.8209 27.3944 17.9186 26.8976 19.8167 25.9389L29 29L25.9389 19.8167C26.8976 17.9186 27.3944 15.8209 27.3889 13.6945C27.3879 11.1517 26.679 8.65951 25.3416 6.49692C24.0042 4.33433 22.0912 2.58679 19.8167 1.45004C17.9186 0.491323 15.8209 -0.00549833 13.6945 4.58974e-05H12.8889C9.5308 0.18531 6.35902 1.60271 3.98087 3.98087C1.60272 6.35902 0.18531 9.5308 4.57764e-05 12.8889V13.6945Z' fill='white'/%3E%3Cpath d='M6 11H22' stroke='%23B9A260' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M6 16.5H17' stroke='%23B9A260' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  transition: all 0.2s ease-in-out;
}
.chatFloater .chatMinimize:hover {
  transition: all 0.2s cubic-bezier(0.6, 0.4, 0, 1);
  transform: scale(1.1);
}
.chatFloater .chatMinimize.open {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='16' viewBox='0 0 28 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26 14L14 2L2 14' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: 45%;
}
.chatFloater .chatMinimize.open:hover {
  transform: scale(1);
}

@property --angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
@keyframes spin {
  0% {
    --angle: 0deg;
  }
  100% {
    --angle: 360deg;
  }
}
.chatbotBox {
  max-width: 650px;
  width: 100%;
  padding: 20px;
  margin: 0 auto;
  border-radius: 12px;
  transition: all 0.4s ease-in-out;
  transform-origin: bottom right;
  background-color: #fff;
  border: 1px solid #e3e3e3;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.chatbotBox.active {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.chatbotBox .chatHeader {
  border-bottom: 1px solid #c6c6c6;
  padding: 15px 0 10px 0;
  margin: 0 15px;
  font-weight: 700;
  font-size: 18px;
  display: flex;
  align-items: center;
}
.chatbotBox .chatHeader:before {
  content: "";
  display: block;
  width: 29px;
  height: 29px;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.62532e-05 13.6945C-0.00549798 15.8209 0.491323 17.9186 1.45004 19.8167C2.58679 22.0912 4.33433 24.0042 6.49692 25.3416C8.65952 26.679 11.1517 27.3879 13.6945 27.3889C15.8209 27.3944 17.9186 26.8976 19.8167 25.9389L29 29L25.9389 19.8167C26.8976 17.9186 27.3944 15.8209 27.3889 13.6945C27.3879 11.1517 26.679 8.65951 25.3416 6.49692C24.0042 4.33433 22.0912 2.58679 19.8167 1.45004C17.9186 0.491323 15.8209 -0.00549833 13.6945 4.58974e-05H12.8889C9.5308 0.18531 6.35902 1.60271 3.98087 3.98087C1.60272 6.35902 0.18531 9.5308 4.62532e-05 12.8889V13.6945Z' fill='%23B9A260'/%3E%3Cpath d='M7 11H21' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M7 16.5H16.625' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.chatbotBox .chatHeader .close {
  margin-left: auto;
  width: 35px;
  height: 35px;
  overflow: hidden;
  border-radius: 100px;
  border: none;
  transition: all 0.4s ease-in-out;
  display: flex;
  padding: 0;
}
.chatbotBox .chatHeader .close:before {
  content: "";
  display: block;
  flex: 0 0 auto;
  width: 35px;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.6;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1L1 13' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 1L13 13' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.chatbotBox .chatHeader .close:hover {
  background-color: #ccc;
}
.chatbotBox .chatBody {
  font-size: 12px;
  background-color: #fff;
  overflow-y: auto;
  flex: 1;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #888 #f1f1f1;
}
.chatbotBox .chatBody .chatMessage {
  color: #000;
  font-weight: 500;
  display: inline-flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 4px;
}
.chatbotBox .chatBody .chatMessage .chat {
  padding: 6px 12px;
  border-radius: 8px;
  margin-bottom: 8px;
  max-width: 290px;
  word-wrap: break-word;
}
.chatbotBox .chatBody .chatMessage .optionsButton {
  max-width: 290px;
}
.chatbotBox .chatBody .chatMessage .optionsButton button {
  border: 1px solid #5E5291;
  padding: 7px 15px;
  line-height: 1;
  text-align: left;
  font-size: 12px;
  margin-bottom: 6px;
  border-radius: 4px;
  color: #5E5291;
  transition: all 0.3s ease-in-out;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  cursor: pointer;
}
.chatbotBox .chatBody .chatMessage .optionsButton button:hover {
  background-color: #efedf5;
}
.chatbotBox .chatBody .chatMessage .typingDots {
  display: flex;
  align-items: center;
  height: 30px;
}
.chatbotBox .chatBody .chatMessage .typingDots span {
  width: 8px;
  height: 8px;
  margin: 0 3px;
  background-color: #888;
  border-radius: 50%;
  animation: typingDots 1.5s infinite ease-in-out;
}
.chatbotBox .chatBody .chatMessage .typingDots span:nth-child(1) {
  animation-delay: 0s;
}
.chatbotBox .chatBody .chatMessage .typingDots span:nth-child(2) {
  animation-delay: 0.2s;
}
.chatbotBox .chatBody .chatMessage .typingDots span:nth-child(3) {
  animation-delay: 0.4s;
}
@keyframes typingDots {
  0% {
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
.chatbotBox .chatBody .chatMessage.chatAI .chat {
  background-color: #eee;
}
.chatbotBox .chatBody .chatMessage.chatUser {
  justify-content: flex-end;
  align-items: flex-end;
}
.chatbotBox .chatBody .chatMessage.chatUser .chat {
  background-color: #aeffe3;
}
.chatbotBox .chatBody::-webkit-scrollbar {
  width: 6px;
}
.chatbotBox .chatBody::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}
.chatbotBox .chatBody::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}
.chatbotBox .chatBody::-webkit-scrollbar-thumb:hover {
  background: #555;
}
@media (max-width: 460px) {
  .chatbotBox .chatBody {
    min-height: 300px;
    max-height: 50vh;
    height: auto;
  }
  .ipadConinater .chatbotBox {
    height: 311px !important;
    padding: 15px 13px 25px 14px !important;
  }
  .chatbotBox.iPad .actions {bottom: 20px !important; }
  .ipadConinater .taskInput {bottom: 25px !important;font-size: 12px; padding: 10px; width: 40% !important;}
  .ipadConinater .chatBody video {height: 210px !important;border-radius: 0 !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important;}
  .ipadConinater .chatbotBox.iPad .actions{bottom: 30px !important;}
  .modal .modal-dialog {max-width: 100%;}
  .ipadConinater .chatbotBox.iPad .actions{gap: 5px !important;}
  .chatbotBox.iPad .actions button{flex: 0 0 auto; height: 30px !important; width: 30px !important;}
  .chatbotBox.iPad .actions button.leave{width: auto !important;}
  .chatbotBox.iPad .actions .leave {font-size: 12px !important; padding: 4px 12px !important;}
  .chatbotBox.modal .chatBody{flex: 1 1; min-height: auto; max-height: 100%;}
}
.chatbotBox .chatTyping {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 15px;
  padding-left: 15px;
  background-color: #f3f3f3;
  border-radius: 10px;
  transition: all 0.3s ease-in-out;
  border: 1px solid transparent;
}
.chatbotBox .chatTyping input {
  border: none;
  width: 100%;
  font-family: inherit;
  padding: 15px 10px 20px 10px;
  outline: none;
  border-radius: inherit;
  font-size: 14px;
  line-height: 1.2;
}
.chatbotBox .chatTyping:has(input:focus) {
  background-color: #FFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-color: #ddd;
}
.chatbotBox .chatTyping .overlay {
  display: flex;
}
.chatbotBox .chatTyping .overlay button {
  cursor: pointer;
  text-indent: -999px;
  background-size: 50%;
  width: 35px;
  transition: all 0.3s ease-in-out;
  height: 35px;
  border: none;
  padding: 0;
  overflow: hidden;
  background-position: center;
  border-radius: 100px;
  background-repeat: no-repeat;
  background-color: transparent;
}
.chatbotBox .chatTyping .overlay button:hover {
  background-color: #e0e0e0;
}
.chatbotBox .chatTyping .overlay .voice {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='20' viewBox='0 0 19 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 1L7 19' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M12.8574 5.4248L12.8574 15.2534' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M17.877 8.2334L17.877 13.8498' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M1 8.2334L1 13.8498' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-size: 40%;
}
.chatbotBox .chatTyping .overlay .send {
  color: white;
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.142 10.0003H4.58564M20.142 10.0003L1.05078 19.1924L4.58564 10.0003M20.142 10.0003L1.05078 0.807617L4.58564 10.0003' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.chatbotBox .chatTyping .overlay .microphone {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='24' viewBox='0 0 16 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 1C7.20435 1 6.44129 1.31607 5.87868 1.87868C5.31607 2.44129 5 3.20435 5 4V12C5 12.7956 5.31607 13.5587 5.87868 14.1213C6.44129 14.6839 7.20435 15 8 15C8.79565 15 9.55871 14.6839 10.1213 14.1213C10.6839 13.5587 11 12.7956 11 12V4C11 3.20435 10.6839 2.44129 10.1213 1.87868C9.55871 1.31607 8.79565 1 8 1Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 10V12C15 13.8565 14.2625 15.637 12.9497 16.9497C11.637 18.2625 9.85652 19 8 19C6.14348 19 4.36301 18.2625 3.05025 16.9497C1.7375 15.637 1 13.8565 1 12V10' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 19V23' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 23H12' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: 35%;
}
.chatbotBox .chatTyping .overlay .microphone.mute {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.00293L23 23.0029' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 9.00302V12.003C9.00052 12.596 9.17675 13.1755 9.50643 13.6684C9.83611 14.1612 10.3045 14.5453 10.8523 14.7722C11.4002 14.999 12.0029 15.0584 12.5845 14.9429C13.1661 14.8273 13.7005 14.542 14.12 14.123M15 9.34302V4.00302C15.0007 3.25905 14.725 2.54134 14.2264 1.98922C13.7277 1.4371 13.0417 1.08996 12.3015 1.0152C11.5613 0.940427 10.8197 1.14336 10.2207 1.58461C9.62172 2.02586 9.20805 2.67393 9.06 3.40302' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.0002 16.9529C16.024 17.9494 14.7723 18.6314 13.4058 18.9115C12.0393 19.1917 10.6202 19.0571 9.33068 18.5252C8.04115 17.9933 6.93995 17.0882 6.16836 15.9261C5.39677 14.764 4.98998 13.3978 5.00019 12.0029V10.0029M19.0002 10.0029V12.0029C18.9998 12.4154 18.963 12.827 18.8902 13.2329' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 19.0029V23.0029' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 23.0029H16' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: 45%;
}
.chatbotBox .chatTyping.phoneNum {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.chatbotBox .chatTyping.phoneNum .isd {
  padding-left: 10px;
  user-select: none;
  margin-right: -5px;
  position: relative;
  font-size: 14px;
}
.chatbotBox .chatTyping.phoneNum input {
  width: auto;
  flex: 1;
  padding-top: 15px;
  padding-bottom: 15px;
  -moz-appearance: textfield;
}
.chatbotBox .chatTyping.phoneNum input::-webkit-outer-spin-button, .chatbotBox .chatTyping.phoneNum input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
@media (max-width: 460px) {
  .chatbotBox .chatTyping input {
    font-size: 16px;
  }
  .chatbotBox .chatTyping.phoneNum .isd {
    font-size: 16px;
  }
}
.chatbotBox .start {
  border: 1px solid #99d2e9;
  position: absolute;
  left: 0;
  top: calc(100% + 10px);
  font-size: 14px;
  display: flex;
  padding: 8px 10px;
  align-items: center;
  line-height: 1;
  color: #000;
  border-radius: 6px;
  background-color: #ccf0ff;
  transition: all 0.3s ease-in-out;
}
.chatbotBox .start:before {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.55469V4.8889H4.33421' stroke='%23606060' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.2248 10.4455V7.11133H9.89062' stroke='%23606060' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.8306 4.3329C11.5488 3.53646 11.0698 2.82439 10.4383 2.26314C9.80687 1.70189 9.04352 1.30975 8.21952 1.12331C7.39551 0.936864 6.5377 0.962199 5.72614 1.19695C4.91457 1.43169 4.17569 1.8682 3.57846 2.46574L1 4.8886M13.2254 7.1114L10.647 9.53426C10.0497 10.1318 9.31087 10.5683 8.4993 10.8031C7.68773 11.0378 6.82993 11.0631 6.00592 10.8767C5.18191 10.6903 4.41857 10.2981 3.7871 9.73686C3.15564 9.17561 2.67665 8.46354 2.39481 7.66711' stroke='%23606060' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  content: "";
  background-repeat: no-repeat;
  background-position: top;
  width: 12px;
  background-size: 100%;
  height: 10px;
  margin-right: 8px;
}
.chatbotBox .start:hover {
  background-color: #aae5fd;
}
.chatbotBox.modal {
  background-image: url("chatbot/iphone.png?Revised");
  background-repeat: no-repeat;
  background-position: center top;
  background-color: transparent;
  padding: 30px 30px;
  max-width: 330px;
  height: 680px;
  border: none;
  box-shadow: none;
}
.chatbotBox.modal .chatBody {
  height: 300px;
  background-color: transparent;
  margin-top: 40px;
}
.chatbotBox.modal .chatTyping {
  border-radius: 100px;
}
.chatbotBox.iPad {
  background-image: url("video/ipad.png");
  background-size: 100%;
  max-width: 700px;
  background-repeat: no-repeat;
  background-position: center;
  height: 540px;
  padding: 25px 24px 25px 26px;
  box-shadow: none;
  border: none;
  flex-direction: row;
  align-items: center;
}
.chatbotBox.iPad .chatBody video {
  height: 490px;
  object-fit: cover;
  border-radius: 13px;
}
.chatbotBox.iPad #loader {
  width: 12px;
  aspect-ratio: 1;
  border-radius: 50%;
  animation: l5 1s infinite linear alternate;
  margin: 0 auto;
  text-indent: -9999px;
  overflow: hidden;
}
@keyframes l5 {
  0% {
    box-shadow: 20px 0 #000, -20px 0 rgba(0, 0, 0, 0.1333333333);
    background: #000;
  }
  33% {
    box-shadow: 20px 0 #000, -20px 0 rgba(0, 0, 0, 0.1333333333);
    background: rgba(0, 0, 0, 0.1333333333);
  }
  66% {
    box-shadow: 20px 0 rgba(0, 0, 0, 0.1333333333), -20px 0 #000;
    background: rgba(0, 0, 0, 0.1333333333);
  }
  100% {
    box-shadow: 20px 0 rgba(0, 0, 0, 0.1333333333), -20px 0 #000;
    background: #000;
  }
}
.chatbotBox.iPad .chatBody {
  background-color: transparent;
}
.chatbotBox.iPad .actions {
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  bottom: 40px;
  display: flex;
  align-items: center;
  max-width: 450px;
  width: 100%;
}
.chatbotBox.iPad .actions .leave {
  padding: 5px 20px;
  background-color: #b13845;
  color: #FFF;
  letter-spacing: 0.6px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 600;
  margin-left: auto;
  cursor: pointer;
}
.chatbotBox.iPad .actions .microphone {
  cursor: pointer;
  text-indent: -999px;
  background-size: 50%;
  width: 35px;
  transition: all 0.3s ease-in-out;
  height: 35px;
  border: none;
  padding: 0;
  overflow: hidden;
  text-indent: -999px;
  background-position: center;
  border-radius: 100px;
  background-repeat: no-repeat;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='24' viewBox='0 0 16 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 1C7.20435 1 6.44129 1.31607 5.87868 1.87868C5.31607 2.44129 5 3.20435 5 4V12C5 12.7956 5.31607 13.5587 5.87868 14.1213C6.44129 14.6839 7.20435 15 8 15C8.79565 15 9.55871 14.6839 10.1213 14.1213C10.6839 13.5587 11 12.7956 11 12V4C11 3.20435 10.6839 2.44129 10.1213 1.87868C9.55871 1.31607 8.79565 1 8 1Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 10V12C15 13.8565 14.2625 15.637 12.9497 16.9497C11.637 18.2625 9.85652 19 8 19C6.14348 19 4.36301 18.2625 3.05025 16.9497C1.7375 15.637 1 13.8565 1 12V10' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 19V23' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 23H12' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: 35%;
  background-color: #fff;
}
.chatbotBox.iPad .actions .microphone:hover {
  background-color: #e0e0e0;
}
.chatbotBox.iPad .actions .microphone.mute {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.00293L23 23.0029' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 9.00302V12.003C9.00052 12.596 9.17675 13.1755 9.50643 13.6684C9.83611 14.1612 10.3045 14.5453 10.8523 14.7722C11.4002 14.999 12.0029 15.0584 12.5845 14.9429C13.1661 14.8273 13.7005 14.542 14.12 14.123M15 9.34302V4.00302C15.0007 3.25905 14.725 2.54134 14.2264 1.98922C13.7277 1.4371 13.0417 1.08996 12.3015 1.0152C11.5613 0.940427 10.8197 1.14336 10.2207 1.58461C9.62172 2.02586 9.20805 2.67393 9.06 3.40302' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.0002 16.9529C16.024 17.9494 14.7723 18.6314 13.4058 18.9115C12.0393 19.1917 10.6202 19.0571 9.33068 18.5252C8.04115 17.9933 6.93995 17.0882 6.16836 15.9261C5.39677 14.764 4.98998 13.3978 5.00019 12.0029V10.0029M19.0002 10.0029V12.0029C18.9998 12.4154 18.963 12.827 18.8902 13.2329' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 19.0029V23.0029' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 23.0029H16' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: 45%;
}

/*# sourceMappingURL=chatbot.css.map */

    
/* video ipad css */
.ipadConinater .modal-dialog {max-width: 700px !important;}
.ipadConinater .chatbotBox {background-color: transparent !important; display: block; position: relative;}
.ipadConinater #loader {position: absolute; top: 50%; left: 50%; transform: translate(-50%);}
.ipadConinater .taskInput {position: absolute; bottom: 35px; left: 6%; width: 45%; background-color: #f4f4f5; border-radius: 10px;}
.ipadConinater .chatbotBox.iPad .actions {width: 50% !important; left: unset !important; right: 5%; transform: none !important; gap: 10px; justify-content: flex-end; }
.ipadConinater .chatbotBox.iPad .actions .stopTalking {
  cursor: pointer;
  text-indent: -999px;
  background-size: 50%;
  width: 35px;
  transition: all 0.3s ease-in-out;
  height: 35px;
  border: none;
  padding: 0;
  overflow: hidden;
  text-indent: -999px;
  background-position: center;
  border-radius: 100px;
  background-repeat: no-repeat;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='143' height='197' viewBox='0 0 143 197' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M59.6327 196.689C23.1861 196.689 0.947266 173.317 0.947266 131.826V46.4736C0.947266 42.1493 3.72662 39.0607 8.05095 39.0607C12.2725 39.0607 15.3611 42.1493 15.3611 46.4736V99.0851C15.3611 102.895 18.4497 105.468 21.7444 105.468C25.245 105.468 28.4369 102.895 28.4369 99.0851V20.4253C28.4369 15.9982 31.2167 13.0123 35.4378 13.0123C39.7621 13.0123 42.7479 15.9982 42.7479 20.4253V93.8339C42.7479 97.6438 45.8365 100.218 49.234 100.218C52.7347 100.218 55.9265 97.6438 55.9265 93.8339V7.65876C55.9265 3.33443 58.8091 0.142578 63.1334 0.142578C67.2517 0.142578 70.2375 3.33443 70.2375 7.65876V93.8339C70.2375 97.4378 73.1201 100.218 76.724 100.218C80.2243 100.218 83.3133 97.4378 83.3133 93.8339V20.4253C83.3133 15.9982 86.2987 13.0123 90.5202 13.0123C94.8441 13.0123 97.7272 15.9982 97.7272 20.4253V121.736C97.7272 126.471 100.713 129.869 105.037 129.869C108.744 129.869 111.832 128.222 114.2 123.074L128.203 91.7749C130.056 87.3478 133.762 85.0824 137.572 86.5242C141.69 88.1715 143.131 92.0838 141.175 97.4378L122.952 148.299C110.391 183.407 88.3581 196.689 59.6327 196.689Z' fill='%23888'/%3E%3C/svg%3E%0A");
  background-size: 35%;
  background-color: #fff;
}
.ipadConinater .chatbotBox.iPad .actions .stopTalking:hover {
  background-color: #e0e0e0;
}
.ipadConinater .chatbotBox.iPad .actions .speaker {
  cursor: pointer;
  text-indent: -999px;
  background-size: 50%;
  width: 35px;
  transition: all 0.3s ease-in-out;
  height: 35px;
  border: none;
  padding: 0;
  overflow: hidden;
  text-indent: -999px;
  background-position: center;
  border-radius: 100px;
  background-repeat: no-repeat;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 22 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.88'%3E%3Cpath d='M10 1.07031L5 5.07031H1V11.0703H5L10 15.0703V1.07031Z' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.07 1C19.9447 2.87528 20.9979 5.41836 20.9979 8.07C20.9979 10.7216 19.9447 13.2647 18.07 15.14M14.54 4.53C15.4774 5.46764 16.004 6.73918 16.004 8.065C16.004 9.39082 15.4774 10.6624 14.54 11.6' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 40%;
  background-color: #fff;
}
.ipadConinater .chatbotBox.iPad .actions .speaker.off {
  cursor: pointer;
  text-indent: -999px;
  background-size: 50%;
  width: 35px;
  transition: all 0.3s ease-in-out;
  height: 35px;
  border: none;
  padding: 0;
  overflow: hidden;
  text-indent: -999px;
  background-position: center;
  border-radius: 100px;
  background-repeat: no-repeat;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='16' viewBox='0 0 23 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.88'%3E%3Cpath d='M10 1L5 5H1V11H5L10 15V1Z' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 5L16 11' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 5L22 11' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 40%;
  background-color: #fff;
}
.ipadConinater .chatbotBox.iPad .actions .speaker:hover {
  background-color: #e0e0e0;
}
.ipadConinater .chatbotBox.iPad .actions .leave {margin-left: 0 !important;}
.voiceWrap .modal-dialog { background: #FFFFFF;}

.voiceWrapper {display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 20px;}
.voiceWrapper .imageWrap {width: 150px; height: 150px; border-radius: 50%; background: #ccc; background: url("../assets/images/voice-img.png"); background-position: center; background-repeat: no-repeat;}
.voiceWrapper .txtWrap {text-align: center;}
.voiceWrapper .txtWrap h2 {font-size: 20px; margin-bottom: 0; color: #263263;}
.voiceWrapper .txtWrap p {font-size: 14px; margin-bottom: 0; color: #8288B5;}
.voiceWrapper .controls {gap: 70px; display: flex;}
.voiceWrapper button {padding: 0; font-size: 14px; color: #5D649F; display: flex; flex-direction: column; align-items: center;}
.voiceWrapper button:focus {outline: none;}
.voiceWrapper button:hover {background: none;}
.voiceWrapper button .startIcon {display: flex; width: 50px; height: 50px; background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.9609 0.00318177C18.0635 0.00348012 18.0635 0.00348012 18.1681 0.0037845C22.8764 0.0256561 27.0921 1.97443 30.3908 5.29308C31.2772 6.20883 32.0254 7.23984 32.6696 8.33814C32.7096 8.40598 32.7496 8.47382 32.7908 8.54372C33.8968 10.4533 34.5661 12.5261 34.8846 14.7062C34.9022 14.8159 34.9198 14.9255 34.9379 15.0386C35.011 15.6527 34.9994 16.2746 35 16.8923C35 16.96 35.0001 17.0277 35.0001 17.0975C34.9934 21.7561 33.1147 25.9519 29.8663 29.2592C28.9107 30.209 27.8321 31.0063 26.6708 31.6876C26.6029 31.7275 26.5351 31.7675 26.4652 31.8087C24.5944 32.8922 22.5341 33.5881 20.395 33.9025C20.3348 33.9118 20.2745 33.921 20.2124 33.9306C17.6378 34.2734 15.0049 33.9622 12.5504 33.1642C12.4854 33.1434 12.4204 33.1226 12.3534 33.1012C8.20738 31.7485 4.79784 28.5779 2.79211 24.7557C0.728177 20.6691 0.435942 15.9018 1.8447 11.5683C1.87588 11.4708 1.87588 11.4708 1.9077 11.3713C3.3064 7.08427 6.57068 3.74351 10.505 1.68942C12.8114 0.524183 15.3872 -0.010396 17.9609 0.00318177ZM14.5807 1.32409C14.5047 1.34242 14.4287 1.36076 14.3503 1.37965C11.7088 2.03378 9.45202 3.25676 7.38211 5.01569C7.31465 5.07173 7.2472 5.12776 7.1777 5.18549C6.73891 5.55691 6.36648 5.96001 5.99776 6.40005C5.8939 6.51782 5.8939 6.51782 5.78794 6.63798C3.57673 9.19098 2.04566 12.6657 2.00729 16.0765C2.00639 16.1434 2.00549 16.2104 2.00456 16.2794C1.98813 17.8204 2.02635 19.2925 2.39844 20.7973C2.41523 20.8677 2.43202 20.938 2.44931 21.0105C2.70858 22.0684 3.12444 23.0492 3.59821 24.0275C3.64155 24.1178 3.64155 24.1178 3.68577 24.2099C4.3599 25.5949 5.24917 26.8538 6.32789 27.9533C6.46454 28.0937 6.59779 28.2369 6.73103 28.3806C7.84644 29.5628 9.17934 30.4697 10.6123 31.2261C10.7027 31.275 10.7931 31.3239 10.8863 31.3743C11.9227 31.9162 12.9998 32.2996 14.1308 32.5874C14.2023 32.6057 14.2737 32.6241 14.3473 32.6429C15.5503 32.9348 16.7349 33.0145 17.9666 33.0085C18.0399 33.0083 18.1132 33.0081 18.1886 33.0079C19.2834 33.0031 20.3428 32.9669 21.4102 32.7028C21.4863 32.6844 21.5623 32.6661 21.6406 32.6472C24.3798 31.9689 26.9117 30.6665 28.9353 28.681C29.0758 28.5444 29.219 28.4111 29.3627 28.2779C31.9955 25.7938 33.811 21.9512 33.978 18.3195C33.9804 18.1965 33.9823 18.0734 33.9837 17.9504C33.9846 17.8834 33.9855 17.8164 33.9864 17.7474C34.0028 16.2071 33.9665 14.7335 33.5925 13.2295C33.5752 13.1587 33.558 13.0879 33.5402 13.0149C33.0245 10.9642 32.0784 9.11018 30.8238 7.41524C30.7649 7.33553 30.706 7.25582 30.6454 7.1737C28.0252 3.81288 24.2316 1.66 20.0156 1.08365C19.3525 1.01633 18.6903 1.01511 18.0243 1.01837C17.9144 1.01867 17.9144 1.01867 17.8023 1.01898C16.7076 1.02374 15.6482 1.0599 14.5807 1.32409Z' fill='black'/%3E%3Cpath d='M14.3387 7.65177C14.435 7.64867 14.435 7.64867 14.5332 7.64551C15.5042 7.64979 16.2867 8.17503 17.0785 8.68427C17.2213 8.7748 17.2213 8.7748 17.367 8.86716C17.6694 9.05918 17.971 9.25232 18.2726 9.44566C18.4711 9.57247 18.6696 9.69924 18.8681 9.826C19.2575 10.0748 19.6465 10.3241 20.0354 10.5737C20.5137 10.8803 20.9933 11.1847 21.4739 11.4876C22.358 12.0449 23.2404 12.605 24.1212 13.1676C24.3529 13.315 24.5855 13.461 24.8183 13.6067C24.9571 13.6944 25.0959 13.7821 25.2347 13.8698C25.2963 13.9078 25.3579 13.9459 25.4213 13.985C26.0156 14.3632 26.5443 14.8117 26.844 15.4618C26.8799 15.5374 26.9159 15.6129 26.9529 15.6908C27.2677 16.4674 27.2504 17.4976 26.9997 18.294C26.5201 19.3945 25.5747 19.9634 24.5928 20.564C24.2654 20.7656 23.9419 20.9731 23.6181 21.1803C22.8282 21.6855 22.0352 22.1858 21.2422 22.6861C20.688 23.0359 20.1348 23.3872 19.5819 23.7391C19.4978 23.7926 19.4137 23.8461 19.3271 23.9012C18.8858 24.1819 18.4451 24.4635 18.0051 24.7464C17.9156 24.8037 17.8261 24.8611 17.7339 24.9202C17.5647 25.0286 17.3957 25.1373 17.227 25.2463C15.9899 26.0383 15.0534 26.4894 13.5657 26.3348C12.6825 26.1152 11.9772 25.6288 11.4604 24.8812C10.9864 24.0268 10.9409 23.1396 10.9443 22.1816C10.9438 22.055 10.9432 21.9284 10.9424 21.8019C10.9408 21.4611 10.9409 21.1204 10.9414 20.7796C10.9417 20.4939 10.9411 20.2081 10.9406 19.9224C10.9393 19.2477 10.9394 18.573 10.9405 17.8983C10.9415 17.205 10.9402 16.5117 10.9377 15.8184C10.9357 15.2205 10.9351 14.6226 10.9356 14.0247C10.9359 13.6687 10.9357 13.3128 10.9341 12.9569C10.9327 12.6219 10.9331 12.2871 10.9348 11.9521C10.9353 11.7725 10.934 11.5928 10.9326 11.4132C10.9418 10.3019 11.1902 9.32303 11.9968 8.52276C12.7261 7.92466 13.4005 7.67038 14.3387 7.65177ZM12.5848 9.42944C12.1691 9.95539 11.9744 10.425 11.9721 11.1047C11.9713 11.2129 11.9706 11.3212 11.9697 11.4328C11.9698 11.5503 11.9699 11.6678 11.97 11.7889C11.9695 11.9149 11.9688 12.041 11.9681 12.167C11.9665 12.5083 11.9661 12.8497 11.9659 13.191C11.9658 13.4046 11.9654 13.6181 11.9649 13.8317C11.9632 14.5777 11.9625 15.3236 11.9626 16.0696C11.9627 16.7635 11.9608 17.4573 11.9579 18.1512C11.9554 18.7482 11.9545 19.3451 11.9546 19.9421C11.9546 20.2981 11.9541 20.654 11.9521 21.01C11.9503 21.3451 11.9503 21.6801 11.9517 22.0152C11.952 22.1957 11.9504 22.3761 11.9488 22.5566C11.9552 23.4563 12.1433 24.1428 12.764 24.8116C13.2833 25.2745 13.8931 25.4346 14.5809 25.4119C15.3931 25.2961 16.1163 24.734 16.7959 24.3044C16.8713 24.2568 16.9467 24.2093 17.0244 24.1603C17.5381 23.8357 18.0503 23.5088 18.5621 23.1813C18.9881 22.9089 19.4148 22.6376 19.8415 22.3663C20.0103 22.2589 20.1792 22.1514 20.348 22.044C20.4736 21.9641 20.4736 21.9641 20.6017 21.8826C20.8591 21.7187 21.1166 21.5547 21.374 21.3908C21.4593 21.3364 21.5446 21.2821 21.6324 21.2262C21.8024 21.1179 21.9724 21.0097 22.1423 20.9014C22.5534 20.6395 22.9652 20.3788 23.3784 20.1203C23.457 20.0711 23.5355 20.0218 23.6165 19.9711C23.7627 19.8796 23.909 19.7883 24.0555 19.6974C25.4376 18.8343 25.4376 18.8343 26.172 17.4331C26.279 16.7624 26.1145 16.1937 25.7481 15.6291C25.1263 14.8793 24.1627 14.3872 23.3427 13.8814C22.5468 13.3872 21.7547 12.8877 20.9663 12.3816C20.2254 11.9062 19.4835 11.4326 18.7384 10.9638C18.3458 10.7167 17.9544 10.4679 17.5642 10.2172C17.4747 10.1598 17.3853 10.1025 17.2931 10.0434C17.1217 9.93349 16.9505 9.82328 16.7794 9.71275C15.436 8.85208 13.9 7.95654 12.5848 9.42944Z' fill='black'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 65%;
  background-color: #DBDEF3;
  border-radius: 50%;
  margin-bottom: 5px;
}
.voiceWrapper button .muteIcon {display: flex; width: 50px; height: 50px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.00293L23 23.0029' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 9.00302V12.003C9.00052 12.596 9.17675 13.1755 9.50643 13.6684C9.83611 14.1612 10.3045 14.5453 10.8523 14.7722C11.4002 14.999 12.0029 15.0584 12.5845 14.9429C13.1661 14.8273 13.7005 14.542 14.12 14.123M15 9.34302V4.00302C15.0007 3.25905 14.725 2.54134 14.2264 1.98922C13.7277 1.4371 13.0417 1.08996 12.3015 1.0152C11.5613 0.940427 10.8197 1.14336 10.2207 1.58461C9.62172 2.02586 9.20805 2.67393 9.06 3.40302' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.0002 16.9529C16.024 17.9494 14.7723 18.6314 13.4058 18.9115C12.0393 19.1917 10.6202 19.0571 9.33068 18.5252C8.04115 17.9933 6.93995 17.0882 6.16836 15.9261C5.39677 14.764 4.98998 13.3978 5.00019 12.0029V10.0029M19.0002 10.0029V12.0029C18.9998 12.4154 18.963 12.827 18.8902 13.2329' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 19.0029V23.0029' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 23.0029H16' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 40%;
  background-color: #DBDEF3;
  border-radius: 50%;
  margin-bottom: 5px;
}
.voiceWrapper button .unMuteIcon {display: flex; width: 50px; height: 50px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='24' viewBox='0 0 16 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 1C7.20435 1 6.44129 1.31607 5.87868 1.87868C5.31607 2.44129 5 3.20435 5 4V12C5 12.7956 5.31607 13.5587 5.87868 14.1213C6.44129 14.6839 7.20435 15 8 15C8.79565 15 9.55871 14.6839 10.1213 14.1213C10.6839 13.5587 11 12.7956 11 12V4C11 3.20435 10.6839 2.44129 10.1213 1.87868C9.55871 1.31607 8.79565 1 8 1Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 10V12C15 13.8565 14.2625 15.637 12.9497 16.9497C11.637 18.2625 9.85652 19 8 19C6.14348 19 4.36301 18.2625 3.05025 16.9497C1.7375 15.637 1 13.8565 1 12V10' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 19V23' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 23H12' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 27%;
  background-color: #DBDEF3;
  border-radius: 50%;
  margin-bottom: 5px;
}
.voiceWrapper button .closeIcon {display: flex; width: 50px; height: 50px; background-image: url("data:image/svg+xml,%3Csvg width='364' height='368' viewBox='0 0 364 368' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.333 350.667L347.316 20.6836' stroke='white' stroke-width='33.3333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.333 17.3337L347.316 347.317' stroke='white' stroke-width='33.3333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 32%;
  background-color: #DC2626;
  border-radius: 50%;
  margin-bottom: 5px;
}
@media (max-width: 460px) {
  .voiceWrapper {gap: unset;}
  .voiceWrapper .imageWrap {width: 80px;height: 80px;background-size: 100% 100%;}
  .voiceWrapper button .muteIcon {width: 45px; height: 45px;}
  .voiceWrapper button .closeIcon {width: 45px; height: 45px;}
}

.phoneagent {display: flex; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 20px;}
.phoneagent .chatBody{display: flex;align-items: center;} 
.phoneagent .timer{
  background-color: #ddd;
  padding: 5px 18px;
  border-radius: 25px;
  font-weight: 600;
  margin-bottom: 11px;
  display: block;
    margin: 0 auto 22px;
}
.phoneagent .imageWrap {width: 150px; height: 150px; margin: 0 auto;border-radius: 50%; background: #ccc; background: url("../assets/images/voice-img.png"); background-position: center; background-repeat: no-repeat;}
.phoneagent .txtWrap {text-align: center;}
.phoneagent .txtWrap h2 {font-size: 20px; margin-bottom: 0; color: #263263;}
.phoneagent .txtWrap p {font-size: 14px; margin-bottom: 0; color: #8288B5;}
.phoneagent .controls {gap: 70px; display: flex;margin-top: 15px;}
.phoneagent button {padding: 0; font-size: 14px; color: #5D649F; display: flex; flex-direction: column; align-items: center;}
.phoneagent button:focus {outline: none;}
.phoneagent button:hover {background: none;}
.phoneagent button .startIcon {display: flex; width: 50px; height: 50px; background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.9609 0.00318177C18.0635 0.00348012 18.0635 0.00348012 18.1681 0.0037845C22.8764 0.0256561 27.0921 1.97443 30.3908 5.29308C31.2772 6.20883 32.0254 7.23984 32.6696 8.33814C32.7096 8.40598 32.7496 8.47382 32.7908 8.54372C33.8968 10.4533 34.5661 12.5261 34.8846 14.7062C34.9022 14.8159 34.9198 14.9255 34.9379 15.0386C35.011 15.6527 34.9994 16.2746 35 16.8923C35 16.96 35.0001 17.0277 35.0001 17.0975C34.9934 21.7561 33.1147 25.9519 29.8663 29.2592C28.9107 30.209 27.8321 31.0063 26.6708 31.6876C26.6029 31.7275 26.5351 31.7675 26.4652 31.8087C24.5944 32.8922 22.5341 33.5881 20.395 33.9025C20.3348 33.9118 20.2745 33.921 20.2124 33.9306C17.6378 34.2734 15.0049 33.9622 12.5504 33.1642C12.4854 33.1434 12.4204 33.1226 12.3534 33.1012C8.20738 31.7485 4.79784 28.5779 2.79211 24.7557C0.728177 20.6691 0.435942 15.9018 1.8447 11.5683C1.87588 11.4708 1.87588 11.4708 1.9077 11.3713C3.3064 7.08427 6.57068 3.74351 10.505 1.68942C12.8114 0.524183 15.3872 -0.010396 17.9609 0.00318177ZM14.5807 1.32409C14.5047 1.34242 14.4287 1.36076 14.3503 1.37965C11.7088 2.03378 9.45202 3.25676 7.38211 5.01569C7.31465 5.07173 7.2472 5.12776 7.1777 5.18549C6.73891 5.55691 6.36648 5.96001 5.99776 6.40005C5.8939 6.51782 5.8939 6.51782 5.78794 6.63798C3.57673 9.19098 2.04566 12.6657 2.00729 16.0765C2.00639 16.1434 2.00549 16.2104 2.00456 16.2794C1.98813 17.8204 2.02635 19.2925 2.39844 20.7973C2.41523 20.8677 2.43202 20.938 2.44931 21.0105C2.70858 22.0684 3.12444 23.0492 3.59821 24.0275C3.64155 24.1178 3.64155 24.1178 3.68577 24.2099C4.3599 25.5949 5.24917 26.8538 6.32789 27.9533C6.46454 28.0937 6.59779 28.2369 6.73103 28.3806C7.84644 29.5628 9.17934 30.4697 10.6123 31.2261C10.7027 31.275 10.7931 31.3239 10.8863 31.3743C11.9227 31.9162 12.9998 32.2996 14.1308 32.5874C14.2023 32.6057 14.2737 32.6241 14.3473 32.6429C15.5503 32.9348 16.7349 33.0145 17.9666 33.0085C18.0399 33.0083 18.1132 33.0081 18.1886 33.0079C19.2834 33.0031 20.3428 32.9669 21.4102 32.7028C21.4863 32.6844 21.5623 32.6661 21.6406 32.6472C24.3798 31.9689 26.9117 30.6665 28.9353 28.681C29.0758 28.5444 29.219 28.4111 29.3627 28.2779C31.9955 25.7938 33.811 21.9512 33.978 18.3195C33.9804 18.1965 33.9823 18.0734 33.9837 17.9504C33.9846 17.8834 33.9855 17.8164 33.9864 17.7474C34.0028 16.2071 33.9665 14.7335 33.5925 13.2295C33.5752 13.1587 33.558 13.0879 33.5402 13.0149C33.0245 10.9642 32.0784 9.11018 30.8238 7.41524C30.7649 7.33553 30.706 7.25582 30.6454 7.1737C28.0252 3.81288 24.2316 1.66 20.0156 1.08365C19.3525 1.01633 18.6903 1.01511 18.0243 1.01837C17.9144 1.01867 17.9144 1.01867 17.8023 1.01898C16.7076 1.02374 15.6482 1.0599 14.5807 1.32409Z' fill='black'/%3E%3Cpath d='M14.3387 7.65177C14.435 7.64867 14.435 7.64867 14.5332 7.64551C15.5042 7.64979 16.2867 8.17503 17.0785 8.68427C17.2213 8.7748 17.2213 8.7748 17.367 8.86716C17.6694 9.05918 17.971 9.25232 18.2726 9.44566C18.4711 9.57247 18.6696 9.69924 18.8681 9.826C19.2575 10.0748 19.6465 10.3241 20.0354 10.5737C20.5137 10.8803 20.9933 11.1847 21.4739 11.4876C22.358 12.0449 23.2404 12.605 24.1212 13.1676C24.3529 13.315 24.5855 13.461 24.8183 13.6067C24.9571 13.6944 25.0959 13.7821 25.2347 13.8698C25.2963 13.9078 25.3579 13.9459 25.4213 13.985C26.0156 14.3632 26.5443 14.8117 26.844 15.4618C26.8799 15.5374 26.9159 15.6129 26.9529 15.6908C27.2677 16.4674 27.2504 17.4976 26.9997 18.294C26.5201 19.3945 25.5747 19.9634 24.5928 20.564C24.2654 20.7656 23.9419 20.9731 23.6181 21.1803C22.8282 21.6855 22.0352 22.1858 21.2422 22.6861C20.688 23.0359 20.1348 23.3872 19.5819 23.7391C19.4978 23.7926 19.4137 23.8461 19.3271 23.9012C18.8858 24.1819 18.4451 24.4635 18.0051 24.7464C17.9156 24.8037 17.8261 24.8611 17.7339 24.9202C17.5647 25.0286 17.3957 25.1373 17.227 25.2463C15.9899 26.0383 15.0534 26.4894 13.5657 26.3348C12.6825 26.1152 11.9772 25.6288 11.4604 24.8812C10.9864 24.0268 10.9409 23.1396 10.9443 22.1816C10.9438 22.055 10.9432 21.9284 10.9424 21.8019C10.9408 21.4611 10.9409 21.1204 10.9414 20.7796C10.9417 20.4939 10.9411 20.2081 10.9406 19.9224C10.9393 19.2477 10.9394 18.573 10.9405 17.8983C10.9415 17.205 10.9402 16.5117 10.9377 15.8184C10.9357 15.2205 10.9351 14.6226 10.9356 14.0247C10.9359 13.6687 10.9357 13.3128 10.9341 12.9569C10.9327 12.6219 10.9331 12.2871 10.9348 11.9521C10.9353 11.7725 10.934 11.5928 10.9326 11.4132C10.9418 10.3019 11.1902 9.32303 11.9968 8.52276C12.7261 7.92466 13.4005 7.67038 14.3387 7.65177ZM12.5848 9.42944C12.1691 9.95539 11.9744 10.425 11.9721 11.1047C11.9713 11.2129 11.9706 11.3212 11.9697 11.4328C11.9698 11.5503 11.9699 11.6678 11.97 11.7889C11.9695 11.9149 11.9688 12.041 11.9681 12.167C11.9665 12.5083 11.9661 12.8497 11.9659 13.191C11.9658 13.4046 11.9654 13.6181 11.9649 13.8317C11.9632 14.5777 11.9625 15.3236 11.9626 16.0696C11.9627 16.7635 11.9608 17.4573 11.9579 18.1512C11.9554 18.7482 11.9545 19.3451 11.9546 19.9421C11.9546 20.2981 11.9541 20.654 11.9521 21.01C11.9503 21.3451 11.9503 21.6801 11.9517 22.0152C11.952 22.1957 11.9504 22.3761 11.9488 22.5566C11.9552 23.4563 12.1433 24.1428 12.764 24.8116C13.2833 25.2745 13.8931 25.4346 14.5809 25.4119C15.3931 25.2961 16.1163 24.734 16.7959 24.3044C16.8713 24.2568 16.9467 24.2093 17.0244 24.1603C17.5381 23.8357 18.0503 23.5088 18.5621 23.1813C18.9881 22.9089 19.4148 22.6376 19.8415 22.3663C20.0103 22.2589 20.1792 22.1514 20.348 22.044C20.4736 21.9641 20.4736 21.9641 20.6017 21.8826C20.8591 21.7187 21.1166 21.5547 21.374 21.3908C21.4593 21.3364 21.5446 21.2821 21.6324 21.2262C21.8024 21.1179 21.9724 21.0097 22.1423 20.9014C22.5534 20.6395 22.9652 20.3788 23.3784 20.1203C23.457 20.0711 23.5355 20.0218 23.6165 19.9711C23.7627 19.8796 23.909 19.7883 24.0555 19.6974C25.4376 18.8343 25.4376 18.8343 26.172 17.4331C26.279 16.7624 26.1145 16.1937 25.7481 15.6291C25.1263 14.8793 24.1627 14.3872 23.3427 13.8814C22.5468 13.3872 21.7547 12.8877 20.9663 12.3816C20.2254 11.9062 19.4835 11.4326 18.7384 10.9638C18.3458 10.7167 17.9544 10.4679 17.5642 10.2172C17.4747 10.1598 17.3853 10.1025 17.2931 10.0434C17.1217 9.93349 16.9505 9.82328 16.7794 9.71275C15.436 8.85208 13.9 7.95654 12.5848 9.42944Z' fill='black'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 65%;
  background-color: #DBDEF3;
  border-radius: 50%;
  margin-bottom: 5px;
}
.phoneagent  button .muteIcon {display: flex; width: 50px; height: 50px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.00293L23 23.0029' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 9.00302V12.003C9.00052 12.596 9.17675 13.1755 9.50643 13.6684C9.83611 14.1612 10.3045 14.5453 10.8523 14.7722C11.4002 14.999 12.0029 15.0584 12.5845 14.9429C13.1661 14.8273 13.7005 14.542 14.12 14.123M15 9.34302V4.00302C15.0007 3.25905 14.725 2.54134 14.2264 1.98922C13.7277 1.4371 13.0417 1.08996 12.3015 1.0152C11.5613 0.940427 10.8197 1.14336 10.2207 1.58461C9.62172 2.02586 9.20805 2.67393 9.06 3.40302' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.0002 16.9529C16.024 17.9494 14.7723 18.6314 13.4058 18.9115C12.0393 19.1917 10.6202 19.0571 9.33068 18.5252C8.04115 17.9933 6.93995 17.0882 6.16836 15.9261C5.39677 14.764 4.98998 13.3978 5.00019 12.0029V10.0029M19.0002 10.0029V12.0029C18.9998 12.4154 18.963 12.827 18.8902 13.2329' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 19.0029V23.0029' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 23.0029H16' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 40%;
  background-color: #DBDEF3;
  border-radius: 50%;
  margin-bottom: 5px;
}
.phoneagent  button .unMuteIcon {display: flex; width: 50px; height: 50px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='24' viewBox='0 0 16 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 1C7.20435 1 6.44129 1.31607 5.87868 1.87868C5.31607 2.44129 5 3.20435 5 4V12C5 12.7956 5.31607 13.5587 5.87868 14.1213C6.44129 14.6839 7.20435 15 8 15C8.79565 15 9.55871 14.6839 10.1213 14.1213C10.6839 13.5587 11 12.7956 11 12V4C11 3.20435 10.6839 2.44129 10.1213 1.87868C9.55871 1.31607 8.79565 1 8 1Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 10V12C15 13.8565 14.2625 15.637 12.9497 16.9497C11.637 18.2625 9.85652 19 8 19C6.14348 19 4.36301 18.2625 3.05025 16.9497C1.7375 15.637 1 13.8565 1 12V10' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 19V23' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 23H12' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 27%;
  background-color: #DBDEF3;
  border-radius: 50%;
  margin-bottom: 5px;
}
.phoneagent  button .closeIcon {display: flex; width: 50px; height: 50px; background-image: url("data:image/svg+xml,%3Csvg width='364' height='368' viewBox='0 0 364 368' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.333 350.667L347.316 20.6836' stroke='white' stroke-width='33.3333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.333 17.3337L347.316 347.317' stroke='white' stroke-width='33.3333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 32%;
  background-color: #DC2626;
  border-radius: 50%;
  margin-bottom: 5px;
}
@media (max-width: 460px) {
  .phoneagent{display: flex;align-items: center;justify-content: center;}
  .chatbotBox.phoneagent .chatBody{margin-top: 0px;}
  .phoneagent .imageWrap { width: 110px; height: 110px;}
  .phoneagent button .muteIcon {width: 45px; height: 45px;}
  .phoneagent button .closeIcon {width: 45px; height: 45px;}
}

.recordingWrapper {
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  /* margin: 10px; */
  font-size: 12px;
}
.recordingWrapper button {
  text-indent: -999px;
  overflow: hidden;
  width: 20px;
  height: 20px;
  margin-right: 6px;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.435913 12.3299C0.439503 12.5383 0.500133 12.7417 0.611203 12.918C0.722273 13.0943 0.879543 13.2368 1.06591 13.3299C1.25202 13.4351 1.46215 13.4904 1.67591 13.4904C1.88967 13.4904 2.09981 13.4351 2.28591 13.3299L10.9359 7.97994C11.1241 7.88927 11.2829 7.74732 11.3941 7.57042C11.5052 7.39352 11.5641 7.18885 11.5641 6.97994C11.5641 6.77103 11.5052 6.56636 11.3941 6.38946C11.2829 6.21256 11.1241 6.07061 10.9359 5.97994L2.28591 0.669939C2.09981 0.564782 1.88967 0.509521 1.67591 0.509521C1.46215 0.509521 1.25202 0.564782 1.06591 0.669939C0.879543 0.763128 0.722273 0.905616 0.611203 1.08192C0.500133 1.25822 0.439503 1.4616 0.435913 1.66994V12.3299Z' fill='black'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;
  background-color: transparent;
  border: none;
  border-radius: 100px;
}
@keyframes sound {
  0% {
    opacity: 0.35;
    height: 3px;
 }
  100% {
    opacity: 1;
    height: 25px;
 }
}
.recordingWrapper .track {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
}
.recordingWrapper .track .bar {
  background: #000;
  bottom: 1px;
  height: 3px;
  width: 3px;
  margin: 0px 2px;
  border-radius: 10px;
}
.recordingWrapper .track .bar.animate {
  animation: sound 6ms -600ms linear infinite alternate;
}
.recordingWrapper .track .bar:nth-child(1) {
  left: 1px;
  animation-duration: 474ms;
}
.recordingWrapper .track .bar:nth-child(2) {
  left: 15px;
  animation-duration: 433ms;
}
.recordingWrapper .track .bar:nth-child(3) {
  left: 29px;
  animation-duration: 407ms;
}
.recordingWrapper .track .bar:nth-child(4) {
  left: 43px;
  animation-duration: 458ms;
}
.recordingWrapper .track .bar:nth-child(5) {
  left: 57px;
  animation-duration: 400ms;
}
.recordingWrapper .track .bar:nth-child(6) {
  left: 71px;
  animation-duration: 427ms;
}
.recordingWrapper .track .bar:nth-child(7) {
  left: 85px;
  animation-duration: 441ms;
}
.recordingWrapper .track .bar:nth-child(8) {
  left: 99px;
  animation-duration: 419ms;
}
.recordingWrapper .track .bar:nth-child(9) {
  left: 113px;
  animation-duration: 487ms;
}
.recordingWrapper .track .bar:nth-child(10) {
  left: 127px;
  animation-duration: 442ms;
}
.recordingWrapper .time {
  margin-left: 6px;
}
/* comming soon modal start  */
.comingSoon-wrapper .comingSoon-container{ align-items: center; justify-content: center; background-image: none !important; background-color: #fff !important; max-width: 100% !important; height: 400px;}
.comingSoon-wrapper .text-wrapper{text-align: center;}
.comingSoon-wrapper .comingSoon-img{
  height: auto;
  width: 170px;
  margin-bottom: 30px;
  filter: drop-shadow(5px 2px 5px rgba(0, 0, 0, 0.5));
}
.comingSoon-wrapper .more-txt{
  font-size: 18px;
  max-width: 75%;
  margin: 0 auto;
  line-height: 1.4;
}
.comingSoon-wrapper.modal-dialog{
  max-width: 500px !important;
}
.comingSoon-wrapper.modal{ align-items: center;}
@media (max-width:480px) {
  .chatbotBox.modal{
        height: 570px;
        background-size: 100%;
        max-width: 290px;
  }
  .comingSoon-wrapper .comingSoon-container{
    height: 400px;
    max-width: 90% !important;
  }
  .chatbotBox.iPad{background-size: 100% 100%;}
}
/* comming soon modal end */