@import url(https://use.typekit.net/uul8cph.css);
@import url(https://use.typekit.net/uul8cph.css);
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
@import url(https://p.typekit.net/p.css?s=1&k=fwo7bar&ht=tk&f=10879.10881.10884.10885.15586.14032.14034.14038&a=11847128&app=typekit&e=css);
body {
  margin: 0;
  font-family: proxima-nova, sans-serif;
}

button,
input {
  outline: none;
}

button {
  cursor: pointer;
}
.dev-widget {
  background: white;
  padding: 5px;
  position: fixed;
  top: 20px;
  left: 20px;
  z-index: 20;
}

.d-none {
  display: none !important;
}

.no-animation {
  animation: unset !important;
}
.d-flex {
  display: flex !important;
}

.isCold {
  animation-delay: 0s !important;
  animation: slideleft 0s ease 1 forwards !important;
  opacity: 1 !important;
}

.botwidget {
  height: 100vh;
  width: 400px;
  position: fixed;
  right: 0;
  top: 0;
  transform: translate3d(1000px, 0, 0);
  transition: all 0.3s ease;
}

.botwidget.contained .powered {
  color: #3e3e3e;
  right: 20px;
}
.botwidget.contained .powered .link {
  color: #3e3e3e;
  text-decoration: none;
}
.powered .power {
  font-size: 14px;
}
.powered .link {
  color: white;
  text-decoration: none;
}

.botwidget.show {
  transform: translate3d(0, 0, 0);
}

#botWidgetClient {
  height: 100%;
  width: 100%;
  display: none;
}

#botWidgetClient.show {
  display: block;
}

#botTrigger {
  position: fixed;
  bottom: 50px;
  right: 40px;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  z-index: 10000;
  transition: all 0.3s ease;
  border: 2px solid white;
  background: #3856de;
}
#botTrigger .count {
  display: inline-block;
  height: 20px;
  width: 20px;
  background: rgb(235, 56, 94);
  font-size: 10px;
  border-radius: 50%;
  color: white;
  position: absolute;
  top: 0;
  right: 0;
  vertical-align: middle;
  line-height: 20px;
}

#botTrigger.close {
  transform: translate3d(300px, 0, 0);
}

#botClose {
  position: absolute;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #393d53;
  top: 5px;
  right: 10px;
  transition: all 0.3s ease;
  transform: translate3d(300px, 0, 0);
  border: 2px solid white;
}
#botClose:hover {
  background: rgb(222, 56, 98);
}
.botwidget.contained #botClose {
  top: -30px;
  right: 0px;
  border: 2px solid white;
}

#botClose.show {
  transform: translate3d(0, 0, 0);
}

.bot-soft-message {
  position: absolute;
  background: white;
  padding: 15px 20px;
  font-size: 13px;
  bottom: calc(100% + 20px);
  width: 150px;
  right: calc(100% - 90px);
  text-align: left;
  border-radius: 10px 10px 10px 20px;
  box-sizing: border-box;
  font-weight: 500;
  box-shadow: 0 1px 28px 0 rgba(59, 68, 164, 0.31);
  transform: scale(0);
  opacity: 0;
  transition: all 0.3s ease;
  transform-origin: bottom;
}

.bot-soft-message:after {
  content: "";
  height: 25px;
  width: 25px;
  top: 100%;
  left: 50%;
  border: 12.5px solid transparent;
  border-top: 12.5px solid white;
  box-sizing: border-box;
  display: inline-block;
  position: absolute;
}

#botTrigger:hover .bot-soft-message {
  transform: scale(1);
  opacity: 1;
}
.powered {
  position: absolute;
  bottom: 0px;
  font-family: proxima-nova, sans-serif;
  color: black;
  font-size: 13px;
  text-align: right;
  text-decoration: none;
}

.powered.right {
  right: 20px;
}
.powered.left {
  left: 20px;
}
.botwidget.expanded {
  width: 100%;
}
.iframe-holder {
  position: absolute;
  top: 40px;
  bottom: 20px;
  width: calc(100% - 420px);
  left: 380px;
  background: white;
  animation: slideRight 0.6s ease 1;
  display: none;
  padding: 20px;
  z-index: 10;
  border-radius: 10px;
}
.iframe-holder.show {
  display: block;
}

@keyframes slideRight {
  0% {
    transform: translate3d(200%, 0, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
body.fixed {
  overflow: hidden;
}

@media (max-width: 500px) {
  .botwidget {
    width: 100%;
    /* background: rgba(0,0,0,0.85); */
  }
}

@media (max-width: 375px) {
  .botwidget.contained {
    right: 0;
    min-height: 80vh;
  }
}

:root {
  --primary-color: #3856de;
  --darktext-color: #1f1e1e;
  --secondary-color: #fbbe4d;
  --secondary-lite: #fffa89;
  --brighttext-color: #ffffff;
  --input-bg: #ffffff;
  --input-text: #1f1e1e;
  --button-bg: #fbbe4d;
  --button-text: #1f1e1e;
  --bot-msg-bg: #ffffff;
  --bot-msg-text: #1f1e1e;
  --reply-text-bg: #fffa89;
  --reply-text: #1f1e1e;
  --pop-over-bg: #3856de;
  --input-placeholder: #e6e6e6;
  --option-container: #ffffff;
  --option-background: #ffffff;
  --option-text: #1f1e1e;
  --option-background-hover: #fafafa;
}

@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/MaterialIcons-Regular.4674f8de.eot); /* For IE6-8 */
  src: local("Material Icons"), local("MaterialIcons-Regular"),
    url(/assets/MaterialIcons-Regular.cff684e5.woff2) format("woff2"),
    url(/assets/MaterialIcons-Regular.83bebaf3.woff) format("woff"),
    url(/assets/MaterialIcons-Regular.5e7382c6.ttf) format("truetype");
}

body {
  font-family: inherit !important;
  font-size: 14px;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
button,
input {
  outline: none;
}

.bot-offline {
  text-align: center;
  color: #938e8e;
  font-family: "proxima-nova";
  font-weight: 600;
  margin-top: 20px;
}
button {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  font-family: inherit !important;
}
input {
  font-family: inherit !important;
}
button .material-icons {
  vertical-align: middle;
  font-size: 18px;
}
input::placeholder {
  color: var(--input-placeholder);
  opacity: 1; /* Firefox */
}

input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--input-placeholder);
}

input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: var(--input-placeholder);
}
button.primary {
  background: var(--primary-color);
  color: white;
  border: 1px solid var(--primary-color);
  padding: 8px 15px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 3px;
  -webkit-tap-highlight-color: transparent;
}
button.secondary {
  background: var(--button-bg);
  color: white;
  border-style: solid;
  border-width: 1px;
  border-color: var(--button-bg);
  padding: 8px 15px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 5px;
  -webkit-tap-highlight-color: transparent;
}
.session-expire {
  font-size: 16px;
  margin-top: 10px;
}
.sleek button.secondary:disabled {
  opacity: 1;
  cursor: not-allowed;
}
button.secondary:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.widget-submit-button:disabled:hover {
  filter: brightness(100%) !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

p {
  margin: unset;
}
/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}
.mt-5 {
  margin-top: 5px;
}
.mt-10 {
  margin-top: 10px;
}

.widget-background {
  position: relative;
  height: 100%;
  width: 100%;
}

.widget-background > img {
  width: 100%;
  height: 100vh;
  opacity: 0.7;
}

.widget-background .title {
  font-size: 28px;
  font-weight: 500;
  color: white;
  position: absolute;
  top: 30px;
  left: 20px;
}
button.default {
  background: white;
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
  padding: 8px 15px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 3px;
  margin-left: 7px;
}

.btn-retry {
  padding: 0;
}
.flex {
  display: flex;
}

.modal-container {
  display: flex;
  position: absolute;
  top: 30px;
  justify-content: center;
  align-items: center;
  width: 100vw;
}

#confirmModal {
  background: white;
  width: 260px;
  padding: 20px;
  padding-bottom: 30px;
  border-radius: 10px;
  box-shadow: 0px 10px 10px 1px rgba(0, 0, 0, 0.1);
  text-align: center;
  font-size: 13px;
  box-sizing: border-box;
  display: none;
}
#confirmModal .title {
  margin-bottom: 5px;
}
#confirmModal .sub-title {
  letter-spacing: 0.1px;
}
#confirmModal .confirm {
  margin-top: 10px;
}

.faq-wrapper {
  width: calc(100% - 30px);
  height: calc(100vh - 56px);
  box-sizing: border-box;
  will-change: scroll-position;
  padding: 100px 20px;
  text-align: center;
  position: relative;
  padding-top: 25px;
  padding-bottom: 0;
  display: none;
  overflow: hidden;
}
.faq-header {
  background: #ffffff;
  box-shadow: 0 1px 28px 0 rgba(59, 68, 164, 0.31);
  border-radius: 6px;
  padding: 10px 20px;
  width: calc(100% - 40px);
  font-size: 18px;
  font-weight: 500;
  position: relative;
}
.faq-header .link-btn {
  position: absolute;
  top: calc(50% - 10.5px);
  left: 0;
  vertical-align: middle;
  background: none;
  border: 0;
  color: var(--primary-color);
  font-size: 14px;
  font-family: inherit !important;
  font-weight: 500;
}
.faq-item {
  background: #ffffff;
  box-shadow: 0 1px 28px 0 rgba(59, 68, 164, 0.31);
  padding: 20px;
  color: var(--darktext-color);
  font-weight: 500;
  text-align: left;
  border-radius: 6px;
  margin: 10px 0;
  font-size: 15px;
  animation: errorSlideUp 0.3s ease 1;
}
.faq-item.new-faq {
  text-align: center;
}
.faq-item-header h3 {
  font-size: 15px;
  margin: 0;
  font-weight: 500;
  padding-left: 20px;
  position: relative;
  cursor: pointer;
}
.faq-item.new-faq h4 {
  font-weight: 500;
  margin: 10px;
}
.faq-item.new-faq button {
  margin-bottom: 20px;
}
.faq-item-header h3:hover {
  color: var(--primary-color);
}

.faq-item-header h3:before {
  content: "";
  height: 15px;
  width: 15px;
  border: 7.5px solid transparent;
  border-top: 7.5px solid var(--primary-color);
  position: absolute;
  left: 0;
  top: 6px;
  display: inline-block;
  box-sizing: border-box;
  transform: rotate(-90deg);
  transition: all 0.3s ease;
}
p.ans {
  opacity: 0.7;
  font-weight: 400;
  font-size: 14px;
  padding-left: 20px;
  line-height: 1.4;
  display: none;
}
.faq-items-wrapper {
  height: calc(100% - 60px);
  overflow: auto;
  padding-bottom: 260px;
}
.faq-header .link-btn .material-icons {
  vertical-align: middle;
  color: var(--primary-color);
}
.faq-item.open .ans {
  display: block;
}
.faq-item.open .faq-item-header h3:before {
  transform: none;
}
.faq-item.open .faq-item-header h3 {
  color: var(--primary-color);
}

.bot-wrapper {
  width: 100%;
  height: calc(100vh - 95px);
  overflow-y: scroll;
  overflow-x: hidden;
  box-sizing: border-box;
  will-change: scroll-position;
  animation: slowfadeinin 0.6s ease 1;
  scroll-behavior: smooth;
  scrollbar-width: none;
}
.bot-wrapper::-webkit-scrollbar {
  display: none;
  -moz-appearance: none !important;
}
.bot-wrapper.defocus {
  pointer-events: none;
  opacity: 0.8;
}

.bot-wrapper.center {
  height: calc(100vh - 10px);
}
.bot-wrapper.contained {
  height: calc(100vh - 105px);
}
.bot-interaction {
  padding-top: 47vh;
  padding-bottom: 6rem;
}

.bot-interaction.contained {
  padding-top: 12vh !important;
  padding-bottom: 8rem !important;
}

.bot-interaction.contained.hide-brand {
  padding-top: 12vh !important;
}
.bot-end-container {
  height: 30px;
  margin-top: -100px;
}
.bot-nav {
  position: fixed;
  top: 5px;
  right: 10px;
  text-align: center;
  z-index: 12;
}
.center .bot-nav {
  right: calc(100% - 40px);
}
.bot-nav.landing {
  right: 10px !important;
}
.bot-nav.left {
  right: unset !important;
  left: 10px !important;
}
.contained .bot-footer {
  position: fixed;
  z-index: 99999999;
  width: 100%;
  height: 52px;
  padding: 10px 0px;
  box-sizing: border-box;
  border-radius: 0px 0px 8px 8px;
  bottom: 55px;
}

.bot-nav button {
  display: block;
  margin: 0 auto;
  width: 30px;
  background: white;
  height: 35px;
  border: 0;
  transition: all 0.3s ease;
  box-sizing: border-box;
}

.bot-nav button:hover .shape {
  stroke: var(--primary-color);
}
.bot-nav button.up {
  border-radius: 15px 15px 0 0;
  border-bottom: 1px solid #dbdbdb;
  margin-right: 0;
  margin: 0 auto;
}
.bot-nav button.down {
  border-radius: 0 0 15px 15px;
  border-top: 1px solid #f7f7f7;
  margin-right: 0;
  margin: 0 auto;
}
.bot-interaction {
  max-width: 360px;
}

.bot-interaction.center {
  max-width: 550px;
  margin: auto;
}

.bot-interaction.edged button.secondary {
  border-radius: 0px;
}
.bot-interaction.edged .decider-step {
  border-radius: 0px;
}
.bot-interaction.edged .decider-step.sleek .decider-item {
  border-radius: 0px;
}
.bot-interaction.edged .decider-step .decider-item {
  border-radius: 0px;
}
.bot-interaction.edged .number-container {
  border-radius: 0px;
}
.bot-interaction.edged .autocomplete-container {
  border-radius: 0px;
}
.bot-interaction.edged .autocomplete-container .input-wrapper {
  border-radius: 0px;
}
.bot-interaction.edged .location-container {
  border-radius: 0px;
}
.bot-interaction.edged .location-container .input-wrapper {
  border-radius: 0px;
}
.bot-interaction.edged .button-item input + .label-text {
  border-radius: 0px;
}
.bot-interaction.edged .calander-container {
  border-radius: 0px;
}
.bot-interaction.edged .date-range-container {
  border-radius: 0px;
}
.bot-interaction.edged .date-range-submit {
  border-radius: 0px;
}
.bot-interaction.edged .payment-container {
  border-radius: 0px;
}
.bot-interaction.edged .payment-container .amount-container {
  border-radius: 0px;
}
.bot-interaction.edged .payment-container .input-wrapper .stripe-custom {
  border-radius: 0px;
}
.bot-interaction.edged .payment-container .input-wrapper .input-field {
  border-radius: 0px;
}
.bot-interaction.edged .mcq-container {
  border-radius: 0px;
}
.bot-interaction.edged .mcq-container .mcq-item {
  border-radius: 0px;
}
.bot-interaction.edged .mcq-container .focus-bar {
  border-radius: 0px;
}
.bot-interaction.edged .mcq-container.sleek .mcq-item {
  border-radius: 0px;
}
.bot-interaction.edged .mcq-container.sleek .focus-bar {
  border-radius: 0px;
}
.bot-interaction.edged .button-container {
  border-radius: 0px;
}
.bot-interaction.edged .added-option-item {
  border-radius: 0px;
}
.bot-interaction.edged .chat-container .bot-bubble {
  border-radius: 1px 4px 4px 4px;
}
.bot-interaction.edged .user-reply-bubble {
  border-radius: 3px;
}
.bot-interaction.edged .bottom-input-wrapper {
  border-radius: 5px;
}
.bot-interaction.edged .rating-container {
  border-radius: 0px;
}
.bot-interaction.edged .range-container {
  border-radius: 0px;
}
.bot-interaction.edged .time-container {
  border-radius: 0px;
}
.bot-interaction.edged .time-container select {
  border-radius: 0px;
}
.bot-interaction.edged .web-container {
  border-radius: 0px 9px 0px 0px;
}
.bot-interaction.edged .upload-container {
  border-radius: 0px;
}
.bot-interaction.edged .upload-container .uploading {
  border-radius: 0px;
}
.bot-interaction.edged .upload-container .upload-item input + .label-text {
  border-radius: 0px;
}
.bot-interaction.edged .upload-container .upload-wrapper .re-try-overlay {
  border-radius: 0px;
}
.bot-interaction.edged .exit-container button.primary {
  border-radius: 0px;
}
.bot-interaction.edged .payment-container .success-container {
  border-radius: 0px;
}

.chat-container {
  display: flex;
  margin: 15px 10px;
  margin-right: 30px;
}
.chat-container .bot-avatar {
  min-height: 38px;
  max-height: 38px;
  min-width: 38px;
  max-width: 38px;
  border-radius: 50%;
  background-image: url("https://screenshots-demo-eb.s3-eu-west-1.amazonaws.com/botimage.svg");
  background-color: var(--primary-color);
  border: 2px solid white;
  position: relative;
  animation: scaleup 0.5s ease 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.chat-container .bot-avatar img {
  height: 38px;
  width: 38px;
  border-radius: 50%;
  object-fit: cover;
}
.chat-container .bot-avatar .dot {
  position: absolute;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background: #29c06d;
  box-shadow: 0 2px 4px 0 #35b76f;
  top: -5px;
  left: -5px;
  border: 1px solid white;
}

.chat-container .bot-bubble {
  background: var(--bot-msg-bg);
  box-shadow: 0 1px 28px 0 rgba(59, 68, 164, 0.31);
  border-radius: 1px 18px 18px 18px;
  padding: 10px 20px;
  margin-left: 5px;
  color: var(--bot-msg-text);
  font-weight: 500;
  max-width: 100%;
  min-width: 40px;
  opacity: 0;
  animation: slideleft 0.7s ease 1 forwards;
  animation-delay: 0.4s;
  position: relative;
  margin-left: 8px;
  padding-bottom: 14px;
  overflow-wrap: break-word;
}

.bot-bubble svg {
  position: absolute;
  right: calc(100% - 3px);
  top: 0;
}
.bot-bubble #curve-arc {
  fill: var(--bot-msg-bg);
}

.chat-container .bot-bubble p,
h1,
h2,
h3,
ol,
ul {
  margin: 0;
}

.bot-bubble ol,
ul {
  padding-left: 12px;
}

.no-padding {
  padding: 0px !important;
}

.no-margin-top {
  margin-top: 0px !important;
}

.bot-bubble .chat-text {
  margin: 0;
}
.bot-bubble .chat-text img {
  margin-top: 5px;
}
.message-loader {
  position: absolute;
  pointer-events: none;
  box-sizing: content-box;
}

.message-loader .dot {
  height: 10px;
  width: 10px;
  background-color: var(--bot-msg-text);
  opacity: 0.3;
  display: inline-block;
  border-radius: 50%;
  position: relative;
  -webkit-animation: dots 0.9s ease-in-out infinite;
  animation: dots 0.9s ease-in-out infinite;
}

.message-loader .dot.left {
}

.message-loader .dot.center {
  -webkit-animation-delay: 0.3s;
  margin: 0 2px;
}

.message-loader .dot.right {
  -webkit-animation-delay: 0.6s;
}

.bottom-input-tray {
  position: absolute;
  bottom: 95px;
  width: calc(100% - 40px);
}
.contained .bottom-input-tray {
  width: calc(100% - 0px);
}
.bot-wrapper.contained .bot-footer .bottom-input-tray {
  bottom: 0px;
}
.bot-wrapper.contained .bottom-input-tray {
  bottom: 57px;
}

.powered-container {
  position: fixed;
  background: rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 20px;
  bottom: 55px;
}
.contained-powered {
  position: absolute;
  top: 4px;
  left: 5px;
  width: -moz-max-content;
  width: -webkit-max-content;
  width: -o-max-content;
  width: -ms-max-content;
  color: var(--pop-over-bg) !important;
  font-size: 11px;
  text-decoration: none;
  font-family: inherit !important;
  font-weight: 600 !important;
  font-style: unset !important;
  text-transform: none !important;
  text-decoration-style: unset !important;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  line-height: 1.4 !important;
  transition: all 0.3s ease;
}
.contained-powered::before {
  content: "\26A1";
  font-size: 10px;
}
.bottom-input-wrapper {
  background: var(--input-bg);
  font-weight: 500;
  color: var(--input-text);
  height: 50px;
  box-sizing: border-box;
  display: flex;
  border-radius: 30px;
  width: 93%;
  box-shadow: 0 5px 28px 0 rgba(59, 68, 164, 0.31), 0 2px 2px 0 rgba(108, 117, 124, 0.16);
  border-radius: 25px;
  left: 20px;
  padding-right: 5px;
  animation: slideUp 0.3s ease-in-out 1;
  border: 2px solid transparent;
  box-sizing: border-box;
  z-index: 5;
  position: relative;
}

.contained .bottom-input-wrapper {
  width: 100%;
  left: 0px;
  border-radius: 0px 0px 8px 8px;
  animation: none;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}

.contained .bottom-input-wrapper.edged {
  border-radius: 0px;
}

.bottom-input-wrapper.contained {
  width: 100% !important;
}
.bottom-input-wrapper input,
textarea {
  background: var(--input-bg);
  color: var(--input-text);
}
.bottom-input-wrapper.short-text input {
  font-weight: 500;
  color: var(--input-text);
  padding-left: 20px;
  width: calc(100% - 64px);
}
.bottom-input-wrapper.long-text {
  height: 100px;
  padding: 20px;
  border-radius: 10px;
  font-family: inherit !important;
}
.bottom-input-wrapper.long-text .name-text {
  font-weight: 500;
  color: var(--input-text);
  padding: 0px;
  padding-right: 10px;
  font-family: inherit !important;
  border-radius: 0;
  resize: none;
  width: calc(100% - 45px);
}
.bottom-input-wrapper.long-text .name-text:focus {
  outline: 0 !important;
}

.validation-tray {
  position: absolute;
  width: calc(100% - 30px);
  height: 56px;
  border-radius: 12px 12px 0 0;
  background: #d25050;
  z-index: 4;
  left: 22px;
  bottom: 24px;
  box-sizing: border-box;
  padding: 5px 10px;
  color: white;
  font-weight: 500;
  opacity: 1;
  animation: errorSlideUp 0.3s ease-in 1 forwards;
  display: none;
}
.bot-interaction.contained .validation-tray {
  width: calc(100% - 10px) !important;
}

.contained .validation-tray {
  left: 3px;
  bottom: 21px;
  animation: errorSlideUpContained 0.3s ease-in 1 forwards;
}
.validation-tray.long-text {
  bottom: 75px;
}

.bottom-input-wrapper.focused {
  border: 2px solid var(--button-bg);
}
.bottom-input-wrapper .name-text {
  height: calc(100% - 3px);
  border: 0;
  font-weight: 500;
  color: var(--input-text);
  width: calc(100% - 82px);
  font-size: 16px;
  padding-left: 40px;
  padding-right: 4px;
  border-radius: inherit;
}
@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */ 
  .bottom-input-wrapper .name-text {
    height: calc(100% - 10px);
  }
  .location-container .input-wrapper .location-input {
    font-size: 16px;
  }
  .autocomplete-container .input-wrapper .autocomplete-input {
    font-size: 16px;
  }
}

.bottom-input-wrapper .name-text:disabled {
  cursor: not-allowed;
  background-color: var(--input-bg);
}
.contained .bottom-input-wrapper .name-text {
  padding-left: 10px;
  width: calc(100% - 55px);
}

.bottom-input-wrapper .btn-submit {
  background-color: var(--button-bg);
  height: 40px;
  width: 40px;
  border-radius: 50%;
  border: 0;
  background-origin: border-box;
  margin-top: 3px;
  transition: all 0.3s ease-in-out;
  -webkit-tap-highlight-color: transparent;
}
.bottom-input-wrapper .type-2 {
  width: 40px !important;
  margin: 0px !important;
}
.bottom-input-wrapper .btn-submit svg {
  transition: all 0.3s ease-in-out;
}
.contained .bottom-input-wrapper .btn-submit {
  height: 35px;
  width: 35px;
  margin-top: 6px;
  padding: 0;
}
.contained .bottom-input-wrapper .btn-submit svg {
  margin-top: 4px;
  margin-right: 3px;
  height: 18px;
  width: 18px;
}
.bottom-input-wrapper .btn-submit:hover svg {
  transform: rotate(+45deg);
}
.bottom-input-wrapper .btn-submit:disabled {
  cursor: not-allowed !important;
  background-color: #dadada;
}
.bottom-input-wrapper .btn-submit:disabled:hover {
  cursor: not-allowed !important;
  box-shadow: none;
  transform: none;
}
.bottom-input-wrapper .btn-submit:disabled svg {
  transition: none;
}
.bottom-input-wrapper .btn-submit:disabled:hover svg {
  transform: none;
}
.bottom-input-wrapper .btn-submit:hover {
  transform: scale(1.1);
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.bottom-input-wrapper .icon {
  display: inline-block;
  position: absolute;
  left: 0px;
  top: -1px;
  height: 47px;
  width: 50px;
  text-align: center;
  border: 0;
  background: none;
  pointer-events: none;
}
.bottom-input-wrapper .icon .material-icons {
  font-size: 18px;
  color: var(--input-text);
  opacity: 0.7;
}

.big {
  font-size: 24px;
}
.user-reply-container {
  text-align: right;
  margin: 10px auto;
  margin-right: 20px;
}
.bot-interaction.center .user-reply-container {
  margin: 10px 40px;
  margin-right: 20px;
}
.user-reply-bubble {
  display: inline-block;
  text-align: left;
  max-width: 230px;
  padding: 10px 20px;
  background: var(--reply-text-bg);
  box-shadow: 0 2px 15px 0 rgba(198, 198, 198, 0.5);
  border-radius: 15px 10px 2px 15px;
  color: var(--reply-text);
  min-width: 40px;
  font-weight: 500;
  white-space: normal;
  animation: errorSlideUp 0.3s ease 1;
  position: relative;
  overflow-wrap: break-word;
}
.user-reply-bubble img {
  width: 200px;
  min-height: 200px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxuc1N2Zz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnCiAgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJwogIHhtbG5zWGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHZlcnNpb249JzEuMCcgdmlld0JveD0nMCAwIDEyOCAxMjgnIHhtbFNwYWNlPSdwcmVzZXJ2ZScgaGVpZ2h0PSc1MHB4JyB3aWR0aD0nNTBweCc+CiAgPGc+CiAgICA8Y2lyY2xlIGN4PScxNicgY3k9JzY0JyByPScxNicgZmlsbD0nIzAwMDAwMCcgZmlsbE9wYWNpdHk9JzEnIC8+CiAgICA8Y2lyY2xlIGN4PScxNicgY3k9JzY0JyByPScxNC4zNDQnIGZpbGw9JyMwMDAwMDAnIGZpbGxPcGFjaXR5PScxJyB0cmFuc2Zvcm09J3JvdGF0ZSg0NSA2NCA2NCknIC8+CiAgICA8Y2lyY2xlIGN4PScxNicgY3k9JzY0JyByPScxMi41MzEnIGZpbGw9JyMwMDAwMDAnIGZpbGxPcGFjaXR5PScxJyB0cmFuc2Zvcm09J3JvdGF0ZSg5MCA2NCA2NCknIC8+CiAgICA8Y2lyY2xlIGN4PScxNicgY3k9JzY0JyByPScxMC43NScgZmlsbD0nIzAwMDAwMCcgZmlsbE9wYWNpdHk9JzEnIHRyYW5zZm9ybT0ncm90YXRlKDEzNSA2NCA2NCknIC8+CiAgICA8Y2lyY2xlIGN4PScxNicgY3k9JzY0JyByPScxMC4wNjMnIGZpbGw9JyMwMDAwMDAnIGZpbGxPcGFjaXR5PScxJyB0cmFuc2Zvcm09J3JvdGF0ZSgxODAgNjQgNjQpJyAvPgogICAgPGNpcmNsZSBjeD0nMTYnIGN5PSc2NCcgcj0nOC4wNjMnIGZpbGw9JyMwMDAwMDAnIGZpbGxPcGFjaXR5PScxJyB0cmFuc2Zvcm09J3JvdGF0ZSgyMjUgNjQgNjQpJyAvPgogICAgPGNpcmNsZSBjeD0nMTYnIGN5PSc2NCcgcj0nNi40MzgnIGZpbGw9JyMwMDAwMDAnIGZpbGxPcGFjaXR5PScxJyB0cmFuc2Zvcm09J3JvdGF0ZSgyNzAgNjQgNjQpJyAvPgogICAgPGNpcmNsZSBjeD0nMTYnIGN5PSc2NCcgcj0nNS4zNzUnIGZpbGw9JyMwMDAwMDAnIGZpbGxPcGFjaXR5PScxJyB0cmFuc2Zvcm09J3JvdGF0ZSgzMTUgNjQgNjQpJyAvPgogICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0ndHJhbnNmb3JtJyB0eXBlPSdyb3RhdGUnIHZhbHVlcz0nMCA2NCA2NDszMTUgNjQgNjQ7MjcwIDY0IDY0OzIyNSA2NCA2NDsxODAgNjQgNjQ7MTM1IDY0IDY0OzkwIDY0IDY0OzQ1IDY0IDY0JyBjYWxjTW9kZT0nZGlzY3JldGUnIGR1cj0nNTYwbXMnIHJlcGVhdENvdW50PSdpbmRlZmluaXRlJyAvPgogIDwvZz4KPC9zdmc+) 50% 50% no-repeat;
}
.user-reply-bubble img > .pre > .user-reply-bubble {
  min-width: 200px;
}
.bot-interaction.center .user-reply-bubble {
  max-width: 90%;
}
.user-reply-bubble pre {
  white-space: unset;
  margin: unset;
  font-family: inherit !important;
}
.user-reply-bubble a {
  color: var(--reply-text);
}
.user-reply-bubble svg {
  position: absolute;
  bottom: 0;
  left: calc(100% - 6px);
}
.user-reply-bubble #arc {
  fill: var(--reply-text-bg);
}

.btn-submit #btn-send {
  fill: var(--button-text);
}

.user-reply-bubble .re-do {
  position: absolute;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: white;
  color: var(--secondary-lite);
  left: -35px;
  top: 6px;
  transition: all 0.3s ease-out;
  transform: scale(0.9);
  border: 0;
  transform-origin: right;
  padding: 0;
}
.user-reply-bubble .re-do:hover {
  transform: scale(1.2);
}
.user-reply-bubble .re-do:hover .material-icons {
  transition: all 0.3s ease-out;
  transform: rotate(120deg);
}
.user-reply-bubble .re-do .material-icons {
  position: relative;
  transition: all 0.3s ease-out;
  color: var(--primary-color);
  top: 0px;
  left: -1px;
}
#faqButton {
  height: 26px;
  background: white;
  color: var(--primary-color);
  font-weight: 700;
  font-size: 13px;
  bottom: 20px;
  left: 30px;
  position: absolute;
  background: #fffefe;
  box-shadow: 0 2px 4px 0 rgba(198, 187, 187, 0.5);
  border-radius: 13px;
  border: 0;
}
#faqButton.active {
  background: var(--primary-color);
  color: white;
}

#faqButton .tooltip {
  position: absolute;
  width: auto;
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  font-size: 13px;
  padding: 3px 10px;
  bottom: calc(50% - 10px);
  right: 45px;
  opacity: 0;
  transition: all0.3s ease;
  transform: translate3d(0, 10px, 0);
  border-radius: 3px;
}
#faqButton .tooltip:after {
  content: "";
  height: 10px;
  width: 10px;
  display: inline-block;
  box-sizing: border-box;
  border: 5px solid transparent;
  border-left: 5px solid rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 100%;
  top: 5px;
}
#faqButton:hover .tooltip {
  transform: none;
  opacity: 1;
}

#play {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  color: var(--primary-color);
  margin-top: 5px;
  padding: 0;
}
#play .material-icons {
  color: var(--primary-color);
}

.dev-widget {
  width: 200px;
  background: white;
  position: fixed;
  border-radius: 10px;
  padding: 20px;
  top: 30px;
  left: 50%;
  text-align: center;
  padding-bottom: 40px;
  transform: translateX(-50%);
  box-shadow: 1px 10px 10px 1px rgba(0, 0, 0, 0.2);
  display: none;
}
.dev-widget .select-color {
  text-align: center;
  width: 50%;
  float: left;
}
.dev-widget .select-color label {
  display: block;
  margin-bottom: 5px;
}
.dev-widget .select-color input {
  height: 30px;
  width: 30px;
  border: 0;
  border-radius: 50%;
}
.dev-widget #closeDevWidget {
  position: absolute;
  top: 10px;
  right: 10px;
  background: transparent;
  border: 0;
}
#pick-color {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  margin-top: 5px;
}
#pick-color .material-icons {
  color: var(--primary-color);
}

/*payment*/
.payment-container {
  background: var(--option-container);
  box-shadow: 0 1px 28px 0 rgba(59, 68, 164, 0.31);
  border-radius: 10px;
  padding: 10px;
  max-width: 300px;
  margin: 10px auto;
  box-sizing: border-box;
  position: relative;
  right: 1px;
  width: 85%;
  animation: errorSlideUp 0.3s ease 1;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.payment-container .payment-item {
  border-radius: 5px;
}

.payment-container .amount-container {
  padding: 10px;
  background-color: var(--primary-color);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  line-height: 20px;
  margin-bottom: 10px;
}

.payment-container .input-wrapper {
  margin-bottom: 10px;
}

.payment-container button {
  font-size: 16px;
  background: var(--primary-color);
  border-color: var(--primary-color);
}

.payment-container .input-wrapper .input-field {
  width: calc(100% - 33px);
  padding: 0.8rem 1rem;
  background: #fff;
  border: 1px solid #dadada;
  border-radius: 5px;
  transition: border 300ms;
  font-weight: 500;
  font-size: 15px;
}

.payment-container .input-wrapper .input-field:focus {
  border-color: var(--primary-color);
}
.payment-container .input-wrapper input::placeholder {
  color: #757575;
}

.payment-container .input-wrapper .stripe-custom {
  width: calc(100% - 33px);
  font-size: 1.4rem;
  line-height: 2rem;
  padding: 0.8rem 1rem;
  background: #fff;
  border: 1px solid #dadada;
  border-radius: 5px;
  transition: border 300ms;
}

.payment-container .input-wrapper .stripe-custom.StripeElement--focus {
  border-color: var(--primary-color);
}
.payment-container .input-wrapper .stripe-custom .InputElement {
  font-size: 12px;
  font-weight: normal;
}

.payment-container .item-right {
  margin-right: 5px;
}
.payment-container .item-left {
  margin-left: 5px;
}
.payment-container .title {
  color: var(--popover_text_colour);
  font-size: 16px;
  font-weight: 600;
}
.payment-container .sub-title {
  color: var(--popover_text_colour);
  font-size: 13px;
  font-weight: 600;
}
.payment-container .secure-info {
  display: flex;
  justify-content: center;
  align-items: center;
}
.payment-container .info {
  margin-top: 10px;
  text-align: center;
}
.payment-container .lock {
  font-size: 12px;
}
.payment-container .tc {
  font-size: 12px;
  font-family: inherit !important;
  margin-bottom: 10px;
}
.payment-container .tc .tc-link {
  cursor: pointer;
  color: black;
  text-decoration: none;
}
.payment-container .secure {
  font-size: 13px;
  font-weight: bold;
}

.payment-container .error {
  color: red;
  font-size: 12px;
  margin-bottom: 10px;
}

.payment-container .success-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
  border: 0.5px solid #dadada;
  border-radius: 10px;
}

.success-container .success-sign {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #009900;
  min-height: 40px;
  min-width: 40px;
  border-radius: 50%;
}

.success-container .success-sign.fail {
  background-color: #dd3f3d;
}

.success-sign .done {
  font-size: 35px;
  color: white;
}

.success-container .message {
  margin-top: 10px;
  font-size: 16px;
  font-weight: bold;
}

.payment-container .re-try-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.1);
  top: 0;
  left: 0;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  display: none;
}

/*MCQ*/

.mcq-container {
  background: var(--option-container);
  box-shadow: 0 1px 28px 0 rgba(59, 68, 164, 0.31);
  border-radius: 10px;
  padding: 10px;
  max-width: 300px;
  margin: 10px auto;
  box-sizing: border-box;
  position: relative;
  right: 1px;
  width: 85%;
  animation: errorSlideUp 0.3s ease 1;
}

.mcq-container.sleek {
  background: transparent;
  box-shadow: none;
}

.mcq-container.sleek .mcq-item:not(:first-child) {
  margin: 5px 2px;
}

.center .mcq-container {
  max-width: 600px;
  width: 80%;
}
.options.grid .label {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.options .label {
  display: block;
}
.options {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.options.nowrap {
  flex-wrap: nowrap;
}
.options.grid {
  flex-direction: row;
}
.options.options.grid .mcq-item {
  flex-basis: 26%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  padding-left: 20px;
  text-align: center;
  min-height: 45px;
  margin: 5px;
  -webkit-tap-highlight-color: transparent;
}

.mcq-item {
  background: var(--option-background);
  box-shadow: 0 2px 7px 0 rgba(177, 164, 164, 0.5);
  border-radius: 5px;
  padding: 15px 20px;
  padding-left: 40px;
  margin: 3px 2px;
  font-weight: 500;
  color: var(--option-text);
  position: relative;
  box-sizing: inherit;
  flex-basis: 100%;
	cursor: pointer !important;
}

.options.options.grid .decider-item {
  flex-basis: 26%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  padding: 4px;
  text-align: center;
  min-height: 40px;
  margin: 5px;
  word-break: break-word;
}

.decider-item {
  background: var(--option-background);
  border: 1px solid transparent;
  box-shadow: 0 2px 7px 0 rgba(177, 164, 164, 0.5);
  border-radius: 30px;
  padding: 15px 20px;
  padding-left: 40px;
  margin: 3px 2px;
  font-weight: 500;
  color: var(--option-text);
  position: relative;
  box-sizing: inherit;
  flex-basis: 100%;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.decider-item.focus-bar {
  border: 1px solid var(--secondary-color);
  background: var(--secondary-lite);
  color: var(--option-text);
}

.decider-item:hover {
  background: var(--secondary-lite);
  border: 1px solid var(--secondary-color);
  color: var(--option-text);
}
.mcq-item svg {
  vertical-align: middle;
}
.mcq-item input {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
}
.options.options.grid .mcq-item svg {
  display: block;
  margin: 5px auto;
}

.options.options.grid .mcq-item input ~ .label-text {
  position: static;
  padding: 0 8px;
}
.mcq-item .focus-bar {
  pointer-events: none;
  position: absolute;
  height: calc(100% - 2px);
  width: calc(100% - 2px);
  border: 2px solid transparent;
  top: 0;
  left: 0;
  border-radius: 5px;
  box-sizing: inherit;
}

.options.grid .mcq-item input ~ .label-text:before {
  top: 5px;
  left: 5px;
  opacity: 0;
}

.mcq-item input ~ .label-text:before {
  content: "\E836";
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  position: absolute;
  left: 10px;
  top: 12px;
}
.mcq-item input:checked ~ .label-text:before {
  content: "\E86c";
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  color: var(--secondary-color);
  opacity: 1;
}
.options.grid .mcq-item input:checked ~ .label-text:before {
  opacity: 1;
}
.mcq-item input:checked ~ .focus-bar {
  border: 2px solid var(--secondary-color);
}
.secondary.widget-submit-button {
  width: 100%;
  height: 45px;
  font-weight: 700;
  position: relative;
  z-index: 1;
  border-radius: 5px;
}

.mcq-item input[disabled] ~ .label-text:before {
}
.mcq-item input[disabled] ~ svg {
  opacity: 0.2;
}
.mcq-item input[disabled] ~ .label-text {
  opacity: 0.2;
  color: #dadada;
}
.mcq-container .widget-submit-button {
  margin-top: 10px;
}
.mcq-container .widget-submit-button.hide {
  display: none !important;
}
.mcq-container .re-try-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.1);
  top: 0;
  left: 0;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  display: none;
}
.mcq-container.sleek .re-try-overlay {
  background: transparent;
}
.mcq-container .widget-submit-button:hover {
  filter: brightness(90%);
}
.re-try-overlay .btn-retry {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background: #8f98af;
  animation: scaleup 0s ease forwards;
  border: 0;
  animation-delay: 0s;
}
.re-try-overlay .btn-retry:hover .material-icons {
  transform: rotate(120deg);
  transition: all 0.4s ease;
}
.re-try-overlay .btn-retry .material-icons {
  transition: all 0.3s ease-out;
  color: white;
}
.number-container {
  background: #ffffff;
  box-shadow: 0 1px 28px 0 rgba(59, 68, 164, 0.31);
  border-radius: 6px;
  padding: 10px;
  max-width: 246px;
  margin: 10px auto;
  flex-wrap: wrap;
  position: relative;
  animation: errorSlideUp 0.3s ease 1;
}

.center .number-container {
  margin: 10px 60px;
}
.number-container .number-input-wrapper {
  width: 100%;
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}
.number-input-wrapper button {
  width: 45px;
  height: 45px;
  padding: 0;
  color: var(--primary-color);
  background-color: white;
  border: 1px solid #dbdbdb;
  border-radius: 50%;
  box-sizing: border-box;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}
.number-input-wrapper button .material-icons {
  font-size: 30px;
}
.number-input-wrapper input {
  height: 45px;
  width: calc(100% - 105px);
  text-align: center;
  font-size: 20px;
  border: 1px solid #dbdbdb;
  border-radius: 5px;
  box-sizing: border-box;
}
.number-input-wrapper input:focus {
  border: 1px solid var(--primary-color);
}
.number-container .btn-submit {
  width: 100%;
  border: 0;
  background: var(--button-bg);
}
.number-container .btn-submit:hover {
  filter: brightness(0.9);
}
.number-container .secondary {
  width: 100%;
  margin-top: 10px;
  height: 40px;
  color: var(--button-text);
  font-weight: 600;
  box-shadow: 0px 10px 10px 0 rgba(0, 0, 0, 0.1);
}
.number-container .re-try-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 6px;
  display: none;
}
.number-container .re-try-overlay .btn-retry {
  height: 30px;
  width: 30px;
  background: white;
  position: relative;
  top: 20px;
  left: -40px;
}
.number-container .instructions {
  font-size: 12px;
  margin-block-end: 0;
  margin-block-start: 6px;
  text-align: center;
}
.number-container .re-try-overlay .btn-retry .material-icons {
  color: var(--primary-color);
}
.range {
  max-width: 250px;
  margin: 0 auto;
}
.range-container .secondary {
  width: 100%;
  margin-top: 10px;
  height: 40px;
  color: var(--button-text);
  font-weight: 600;
  box-shadow: 0px 10px 10px 0 rgba(0, 0, 0, 0.1);
}
.range-container .secondary:hover {
  filter: brightness(90%);
}

input[type="range"] {
  width: 100%;
  height: 28px; /* thumbHeight + (2 x thumbBorderWidth)*/
  -webkit-appearance: none; /*remove the line*/
  outline: none;
  border: 10px; /*for firefox on android*/
  margin: 8px 0;
  -moz-appearance: none;
}
input[type="range"]:disabled {
  cursor: none !important;
  -moz-appearance: none;
  -webkit-appearance: none;
}
input[type="range"]::-webkit-slider-runnable-track {
  background: #ccc; /*trackColor*/
  height: 15px; /*trackHeight*/
  border-radius: 6px; /*trackHeight*/
  transition: 0.3s;
}
.filler {
  pointer-events: none;
  height: 15px;
  background: var(--primary-color);
  position: relative;
  top: -29px;
  border-radius: 6px;
  transition: all 0.1s ease;
  box-sizing: border-box;
  opacity: 0;
}
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: red; /*thumbColor*/
  width: 28px; /* thumbHeight + (2 x thumbBorderWidth)*/
  height: 28px; /* thumbHeight + (2 x thumbBorderWidth)*/
  border-radius: 50%;
  margin-top: -8px; /* -[thumbHeight + (2 x thumbBorderWidth) - trackHeight]/2*/
  cursor: pointer;
  border: 4px solid #fff; /*border-width should be equal to thumbBorderWidth if you want same border width across all browsers and border-color should match the background*/
  transition: 0.3s;
  z-index: 10;
  position: relative;
  background: #ffffff;
  border: 1px solid #dcdcdc;
  box-shadow: 0 2px 4px 0 rgba(108, 105, 105, 0.5);
}

input[type="range"]::-moz-focus-outer {
  border: 0;
}
input[type="range"]::-moz-range-track {
  background: #ccc; /*trackColor*/
  position: relative;
  height: 15px; /*trackHeight*/
  border-radius: 4px; /*trackHeight*/
}
input[type="range"]::-moz-range-track + .filler {
  position: relative;
  display: none;
}
input[type="range"]::-moz-range-progress {
  background-color: #3856de;
  height: 15px;
  border-radius: 6px;
}
input[type="range"]::-moz-range-thumb {
  width: 28px; /* thumbHeight + (2 x thumbBorderWidth)*/
  height: 28px; /* thumbHeight + (2 x thumbBorderWidth)*/
  border-radius: 50%;
  margin-top: -8px; /* -[thumbHeight + (2 x thumbBorderWidth) - trackHeight]/2*/
  cursor: pointer;
  border: 4px solid #fff; /*border-width should be equal to thumbBorderWidth if you want same border width across all browsers and border-color should match the background*/
  transition: 0.3s;
  z-index: 10;
  position: relative;
  background: #ffffff;
  border: 1px solid #dcdcdc;
  box-shadow: 0 2px 4px 0 rgba(108, 105, 105, 0.5);
}

input[type="range"]::-moz-focus-outer {
  border: 0;
}
input[type="range"]::-moz-range-track {
  background: #ccc; /*trackColor*/
  position: relative;
  height: 15px; /*trackHeight*/
  border-radius: 4px; /*trackHeight*/
}
.range-container {
  max-width: 267px;
  margin: 10px 0px 10px 48px;
  padding: 12px;
  background: white;
  box-sizing: border-box;
  background: #ffffff;
  box-shadow: 0 1px 28px 0 rgba(59, 68, 164, 0.31);
  border-radius: 5px;
  position: relative;
}
.min-max-container {
  display: flex;
  justify-content: space-between;
  font-weight: 500;
}
.hide {
  display: none;
}
.range-container #directValue {
  height: 40px;
  width: 100%;
  margin: 0;
  border-radius: 5px;
  padding: 0 10px;
  box-sizing: border-box;
  border: 1px solid #dbdbdb;
  font-size: 15px;
  text-align: center;
}
.range-container .opacity {
  opacity: 1;
}
.range-container #directValue:focus {
  border: 1px solid var(--primary-color);
}

.range-container .re-try-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 6px;
  display: none;
}
.range-container .re-try-overlay .btn-retry {
  height: 30px;
  width: 30px;
  background: white;
  position: relative;
  top: 20px;
  left: -40px;
}
.range-container .re-try-overlay .btn-retry .material-icons {
  color: var(--primary-color);
}
.range-container[type="range"] {
  cursor: none;
}
.carousel-holder {
  transition: all 0.3s ease;
}
.secondary.full-width-submit-btn {
  width: 100%;
  margin-top: 10px;
  height: 40px;
  font-family: inherit !important;
  color: var(--button-text) !important;
  font-weight: 600;
  box-shadow: 0px 10px 10px 0 rgba(0, 0, 0, 0.1) !important;
}
.secondary.full-width-submit-btn:hover {
  filter: brightness(95%);
}

.carousel-container {
  background: #ffffff;
  box-shadow: 0 1px 28px 0 rgba(59, 68, 164, 0.31);
  border-radius: 7px;
  width: 250px;
  padding: 5px;
  box-sizing: border-box;
  margin: 10px auto;
  position: relative;
  min-height: 227px;
}
.center .carousel-container {
  margin: 10px 50px;
}
.carousel-container .re-try-overlay {
  display: none;
}
.carousel-wrapper {
  overflow-x: hidden;
}
.carousel-item {
  box-sizing: border-box;
  width: 100%;
  background: #1f1e1e;
  float: left;
  position: relative;
}
.carousel-item img {
  width: 100%;
  height: 180px;
  position: relative;
  filter: saturate(70%);
}
.carousel-item[aria-checked="true"]::after {
  content: "\E86c";
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 32px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  color: var(--secondary-color);
  opacity: 1;
  position: absolute;
  top: 10px;
  right: 10px;
}
.carousel-item[aria-checked="true"] img {
  filter: saturate(110%);
}
.carousel-item .option-footer {
  background: var(--primary-color);
  padding: 10px;
  color: white;
  margin-top: -1px;
}
.carousel-item .option-footer .option-title {
  margin: 0;
  color: var(--brighttext-color);
  font-weight: 500;
}
.carousel-container .nav button {
  background: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(145, 137, 137, 0.5);
  height: 45px;
  width: 45px;
  border-radius: 50%;
  color: var(--primary-color);
  border: 0;
  position: absolute;
  opacity: 0.8;
  -webkit-tap-highlight-color: transparent;
}
.carousel-container .nav button .material-icons {
  color: var(--primary-color);
  font-size: 32px;
}
.carousel-container .btn-left {
  top: 90px;
  left: -22.5px;
}
.carousel-container .btn-right {
  top: 90px;
  right: -22.5px;
}
.carousel-container .nav button:hover {
  transform: scale(1.05);
  opacity: 1;
}
.carousel-container .re-try-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  align-items: center;
  justify-content: center;
}
.carousel-item.disable {
  pointer-events: none;
  opacity: 0.6;
}
.autocomplete-container {
  background: var(--option-container);
  box-shadow: 0 1px 28px 0 rgba(59, 68, 164, 0.31);
  border-radius: 5px;
  min-width: 300px;
  max-width: 80%;
  margin: 10px auto;
  padding: 20px;
  box-sizing: border-box;
  position: relative;
}
.autocomplete-container.multiple {
  background: var(--option-container);
  margin-top: 0;
}
.autocomplete-container .input-wrapper {
  display: flex;
  height: 38px;
  border-radius: 30px;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
  position: relative;
  background: var(--option-container);
}
.autocomplete-container .input-wrapper input {
  width: calc(100% - 38px);
  box-sizing: border-box;
  padding-left: 20px;
  border-radius: 30px;
  border: 0;
  font-size: 14px;
  color: var(--input-text);
  background: var(--option-container);
}
.autocomplete-container .input-wrapper.focused {
  border: 1px solid var(--secondary-color);
}
.autocomplete-container .input-wrapper .btn-round-submit {
  height: 38px;
  width: 38px;
  background: var(--secondary-color);
  color: white;
  border-radius: 50%;
  border: 0;
  transform: scale(0.8);
  transition: 0.3s linear;
}
.autocomplete-container .added-option {
  height: 120px;
  margin: 10px 0;
  display: none;
  overflow: auto;
}
.autocomplete-container .added-option.multiple {
  display: block;
}
.added-option-item {
  background: var(--option-background);
  border: 1px solid var(--option-background-hover);
  box-shadow: 0 2px 7px 0 rgba(177, 164, 164, 0.5);
  color: var(--option-text);
  border-radius: 20px;
  padding: 10px;
  padding-right: 40px;
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  font-size: 13px;
  cursor: pointer;
  margin-bottom: 5px;
  margin-left: 5px;
}

.added-option-item button {
  position: absolute;
  right: 5px;
  top: 9px;
  background: transparent;
  border: 0;
}
.suggestion-wrapper {
  position: absolute;
  top: calc(100% + 1px);
  width: 100%;
  height: auto;
  background: var(--option-background);
  box-shadow: 1px 10px 10px 1px rgba(0, 0, 0, 0.3);
  border: 1px solid var(--option-background-hover);
  z-index: 10;
  padding-bottom: 5px;
  display: none;
}
.suggestion-wrapper .suggestion-item {
  padding: 8px 20px;
  border-bottom: 1px solid var(--option-background-hover);
  cursor: pointer;
  font-weight: 500;
  color: var(--option-text);
}
.bold {
  font-size: 24px;
}
.suggestion-wrapper .suggestion-item:hover {
  background: var(--option-background-hover);
}
.suggestion-item-wrapper {
  max-height: 105px;
  overflow: auto;
}
.autocomplete-container .secondary {
  display: none;
}

.suggestion-message {
  font-size: 12px;
  padding: 10px 20px;
  border-bottom: 1px solid var(--option-background-hover);
  margin: 0;
  opacity: 0.7;
  color: var(--option-text);
}
.autocomplete-container .btn-round-submit.multiple {
  display: none;
}

.autocomplete-container .btn-round-submit.hidden {
  opacity: 0;
  display: none;
}
.autocomplete-container .secondary.multiple {
  display: block;
}
.add-new-item {
  padding: 10px 20px;
  position: relative;
  border-bottom: 1px solid var(--option-background-hover);
  color: var(--option-text);
}

.add-new-item button {
  position: absolute;
  padding: 10px;
  background: transparent;
  border: 0;
  color: var(--primary-color);
  right: 0;
  top: -1px;
}

.autocomplete-container .re-try-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  display: none;
}

.location-container {
  box-shadow: 0 1px 28px 0 rgba(59, 68, 164, 0.31);
  border-radius: 5px;
  min-width: 300px;
  max-width: 80%;
  margin: 10px auto;
  padding: 20px;
  box-sizing: border-box;
  position: relative;
  background: var(--option-container);
}

.location-container.sleek {
  background: transparent;
  box-shadow: none;
}

.location-container .input-wrapper {
  display: flex;
  height: 38px;
  border-radius: 30px;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
  position: relative;
  background: var(--option-container);
}
.location-container .input-wrapper input {
  width: calc(100% - 38px);
  box-sizing: border-box;
  padding-left: 20px;
  border-radius: 30px;
  border: 0;
  color: var(--input-text);
  background: var(--option-container);
  font-size: 14px;
}
.location-container .input-wrapper.focused {
  border: 1px solid var(--secondary-color);
}
.location-container .input-wrapper .btn-round-submit {
  height: 38px;
  width: 38px;
  background: var(--secondary-color);
  color: white;
  border-radius: 50%;
  border: 0;
  transform: scale(0.8);
  transition: 0.3s linear;
}
.location-container .added-option {
  height: 120px;
  margin: 10px 0;
  display: none;
  overflow: auto;
}
.location-container .added-option.multiple {
  display: block;
}

.location-suggestion-wrapper {
  position: absolute;
  top: calc(100% + 1px);
  width: 100%;
  height: auto;
  background: var(--option-background);
  box-shadow: 1px 10px 10px 1px rgba(0, 0, 0, 0.3);
  border: 1px solid var(--option-background-hover);
  z-index: 10;
  display: none;
}
.location-suggestion-wrapper .location-suggestion-item {
  padding: 8px 20px;
  border-bottom: 1px solid var(--option-background-hover);
  cursor: pointer;
  font-weight: 500;
  color: var(--option-text);
}
.bold {
  font-size: 24px;
}
.location-suggestion-wrapper .location-suggestion-item:hover {
  background: var(--option-background-hover);
}
.location-suggestion-item-wrapper {
  max-height: 170px;
  overflow: auto;
}
.location-container .secondary {
  display: none;
}

.location-container .btn-round-submit.multiple {
  display: none;
}

.location-container .btn-round-submit.hidden {
  opacity: 0;
  display: none;
}
.location-container .secondary.multiple {
  display: block;
}

.location-container .re-try-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  display: none;
}

.full-screen-check {
  height: auto;
  padding: 20px;
  min-width: 300px;
  width: 80%;
  position: relative;
  background: white;
  border-radius: 10px;
}
.full-screen-check button {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 40px;
  width: 40px;
  border-radius: 50%;
}
.time-container {
  background: white;
  box-shadow: 1px 10px 10px 1px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  padding: 20px;
  width: 280px;
  margin: 10px auto;
  border-radius: 10px;
  position: relative;
}
.center .time-container {
  margin: 10px 52px;
}
.time-container .re-try-overlay {
  display: none;
}
.time-container select {
  background-image: linear-gradient(180deg, #f3f3f3 0%, #ffffff 100%);
  border: 1px solid #d6d6d6;
  border-radius: 3px;
  font-family: inherit !important;
  height: 36px;
  border-radius: 3px;
  font-size: 18px;
  font-weight: 500;
  width: 60px;
}
.time-container .mins {
  margin: 0 6px;
}
.time-container select:focus {
  outline: none;
  border: 2px solid var(--secondary-color);
}
.time-container .btn-submit-round {
  height: 36px;
  width: 36px;
  background: var(--button-bg);
  border-radius: 50%;
  border: 0;
  position: relative;
  right: -10px;
}
.time-container .re-try-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  align-items: center;
  justify-content: center;
}
.yesorno-container {
  background: #ffffff;
  box-shadow: 0 1px 28px 0 rgba(59, 68, 164, 0.31);
  border-radius: 5px;
  max-width: 300px;
  margin: 10px auto;
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
  animation: errorSlideUp 0.3s ease 1;
  position: relative;
}

.yesorno-container button {
  margin: 5px;
}

.center .decider-step {
  max-width: 600px;
}
.decider-step {
  background: var(--option-container);
  box-shadow: 0 1px 28px 0 rgba(59, 68, 164, 0.31);
  border-radius: 10px;
  padding: 10px;
  max-width: 300px;
  margin: 10px auto;
  box-sizing: border-box;
  position: relative;
  right: 1px;
  width: 85%;
  animation: errorSlideUp 0.3s ease 1;
}

.decider-step.sleek {
  background: transparent;
  box-shadow: none;
}

.bot-interaction.edged .decider-step.sleek .decider-item {
  border-radius: 0px;
}

.decider-step .re-try-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  display: none;
}

.decider-container {
  background: #ffffff;
  box-shadow: 0 1px 28px 0 rgba(59, 68, 164, 0.31);
  border-radius: 15px;
  max-width: 300px;
  margin: 10px auto;
  padding: 12px;
  box-sizing: border-box;
  text-align: center;
  animation: errorSlideUp 0.3s ease 1;
  position: relative;
}

.decider-container button {
  margin: 5px;
}

.decider-btn-default {
  background: #ffffff;
  border: 1px solid #dadde0;
  box-shadow: 0 2px 7px 0 rgba(177, 164, 164, 0.5);
  padding: 8px 20px;
  color: #5b666d;
  font-size: 14px;
  font-weight: 500;
  min-width: 38%;
}
.decider-btn-default:hover,
.decider-btn-default.selected {
  color: var(--darktext-color);
}

.decider-container .re-try-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  display: none;
}

.decider-container .re-try-overlay .btn-retry .material-icons {
  color: var(--primary-color);
}
.btn-default {
  background: #ffffff;
  border: 1px solid #dadde0;
  box-shadow: 0 2px 7px 0 rgba(177, 164, 164, 0.5);
  padding: 8px 20px;
  color: #5b666d;
  font-size: 14px;
  font-weight: 500;
}
.btn-default:hover,
.btn-default.selected {
  color: var(--darktext-color);
}
button.round {
  border-radius: 20px;
}
.btn-secondary-lite {
  box-shadow: 0 2px 7px 0 rgba(177, 164, 164, 0.5);
  padding: 8px 20px;
  background: var(--secondary-lite);
  border: 1px solid var(--secondary-color);
  font-size: 14px;
  font-weight: 500;
}
.btn-secondary-lite:hover,
.btn-secondary-lite.selected {
  background-color: var(--secondary-color);
  color: var(--darktext-color);
}
.yesorno-container .re-try-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  display: none;
}

.button-container {
  background: var(--option-container);
  box-shadow: 0 1px 28px 0 rgba(59, 68, 164, 0.31);
  border-radius: 5px;
  max-width: 300px;
  margin: 10px auto;
  padding: 20px;
  box-sizing: border-box;
  text-align: left;
  animation: errorSlideUp 0.3s ease 1;
  position: relative;
}

.button-container.sleek {
  background: transparent;
  box-shadow: none;
  padding: 10px;
}

.button-container .re-try-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  display: none;
}

.buttons-wrapper.sleek {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.button-item svg {
  height: 15px;
  width: 15px;
  margin-right: 5px;
}
.button-item input {
  height: 0;
  width: 0;
  display: none;
}
.button-item.sleek {
  flex: 100%;
}

.button-item.sleek label {
  width: 100%;
}
.center .button-container {
  max-width: 85%;
}

.button-item {
  display: inline-block;
  margin: 5px 0;
  position: static;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

.button-item:not(:last-child) {
  margin-right: 8px;
}

.button-item.sleek {
  margin-right: 0px;
  margin: 2px 0;
}
.button-item label {
  display: inline-block;
  height: 45px;
}
.button-item.sleek input + .label-text {
  width: calc(100% - 44px);
}

.button-item input + .label-text {
  background: var(--option-background);
  border: 1px solid transparent;
  box-shadow: 0 2px 7px 0 rgba(177, 164, 164, 0.5);
  padding: 12px 20px;
  color: var(--option-text);
  font-size: 14px;
  font-weight: 500;
  border-radius: 20px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
}
.button-item input:checked + .label-text {
  background: var(--secondary-lite);
  border: 1px solid var(--secondary-color);
  color: var(--option-text);
}
.button-item .label-text:hover {
  background: var(--secondary-lite);
  border: 1px solid var(--secondary-color);
  color: var(--option-text);
}

.button-item input[disabled] + .label-text:hover {
  background: var(--option-background);
  border: 1px solid transparent;
  color: var(--option-text);
}

.button-item.sleek input[disabled] + .label-text:hover {
  opacity: 1;
  background: #dadada;
  border: 1px solid #dadada;
  color: #959798;
}

.button-item input[disabled] + .label-text {
  opacity: 0.3;
}

.button-item.sleek input[disabled] + .label-text {
  opacity: 1;
  background: #dadada;
  border: 1px solid #dadada;
  color: #959798;
}
.button-container .secondary.full-width-submit-btn.hide {
  display: none;
}

.upload-container {
  background: var(--option-container);
  box-shadow: 0 1px 28px 0 rgba(59, 68, 164, 0.31);
  border-radius: 5px;
  max-width: max-content;
  margin: 10px 62px;
  padding: 10px 20px;
  box-sizing: border-box;
  text-align: left;
  animation: errorSlideUp 0.3s ease 1;
  position: relative;
}

.upload-container.sleek {
  background: transparent;
  box-shadow: none;
  padding: 10px;
}

.upload-container .uploading {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 2;
}
.upload-container .uploading svg {
  height: 30px;
  width: 30px;
  position: absolute;
  right: -35px;
}

.upload-container .upload-wrapper .uploading {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: calc(100% - 18px);
  height: 69%;
  top: 9px;
  left: 9px;
  right: 0;
  bottom: 0;
  border-radius: 23px;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 2;
}
.upload-container .upload-wrapper .uploading svg {
  height: 30px;
  width: 30px;
  position: absolute;
  right: -35px;
}

.upload-container .re-try-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 6px;
  display: none;
}

.upload-container .re-try-overlay .btn-retry {
  height: 30px;
  width: 30px;
  background: white;
  position: relative;
  top: 8px;
  left: -40px;
}

.upload-container .upload-wrapper .re-try-overlay {
  position: absolute;
  height: 70%;
  width: calc(100% - 18px);
  top: 9px;
  left: 9px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 22px;
  display: none;
}

.upload-container .upload-wrapper .re-try-overlay .btn-retry {
  height: 30px;
  width: 30px;
  background: white;
  position: relative;
  top: 8px;
  left: -40px;
}

.upload-container .re-try-overlay .btn-retry .material-icons {
  color: var(--primary-color);
}

.upload-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.upload-wrapper.sleek {
  flex-wrap: wrap;
  flex-direction: column;
}
.upload-item svg {
  height: 15px;
  width: 15px;
  margin-right: 5px;
}
.upload-item input {
  height: 0;
  width: 0;
  display: none;
}
.upload-item.sleek {
  flex: 100%;
}

.upload-item.sleek label {
  width: 100%;
}

.upload-item {
  display: inline-block;
  /* margin: 5px 0; */
  position: static;
  box-sizing: border-box;
}

.upload-item:not(:last-child) {
  margin-right: 8px;
}

.upload-item.sleek {
  margin-right: 0px;
  margin: 2px 0;
}
.upload-item label {
  display: inline-block;
  height: 45px;
}
.upload-item.sleek input + .label-text {
  width: calc(100% - 44px);
}

.upload-item input + .label-text {
  background: var(--option-background);
  border: 1px solid transparent;
  box-shadow: 0 2px 7px 0 rgba(177, 164, 164, 0.5);
  padding: 12px 20px;
  color: var(--option-text);
  font-size: 14px;
  font-weight: 500;
  border-radius: 20px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
}
.upload-item input:checked + .label-text {
  background: var(--secondary-lite);
  border: 1px solid var(--secondary-color);
  color: var(--option-text);
}
.upload-item .label-text:hover {
  background: var(--secondary-lite);
  border: 1px solid var(--secondary-color);
  color: var(--option-text);
}

.upload-item input[disabled] + .label-text:hover {
  background: var(--option-background);
  border: 1px solid transparent;
  color: var(--option-text);
}

.upload-item.sleek input[disabled] + .label-text:hover {
  opacity: 1;
  background: #dadada;
  border: 1px solid #dadada;
  color: #959798;
}

.upload-item input[disabled] + .label-text {
  opacity: 0.8;
  cursor: not-allowed;
}

.upload-item.sleek input[disabled] + .label-text {
  opacity: 1;
  background: #dadada;
  border: 1px solid #dadada;
  color: #959798;
  cursor: not-allowed;
}
.upload-container .secondary.full-width-submit-btn.hide {
  display: none;
}

.rating-container {
  position: relative;
  display: block;
  width: 230px;
  padding: 10px 30px;
  background: white;
  border-radius: 60px;
  height: auto;
  box-sizing: border-box;
  margin: 10px auto;
  box-shadow: 0 1px 28px 0 rgba(59, 68, 164, 0.31);
}

.center .rating-container {
  margin: 10px 40px;
}
.rating-item {
  height: 30px;
  width: 30px;
  background: url(/assets/ratings.551f94e1.svg);
  background-position: 0px -30px;
  background-repeat: no-repeat;
  display: inline-block;
  margin: 10px 2px;
  cursor: pointer;
  transition: all 0.3s ease;
  opacity: 0.6;
}
.rating-item.selected {
  background-position: 0px 4px;
  opacity: 1;
}
.rating-item.hoverselected {
  background-position: 0px 4px;
  opacity: 0.8;
}

.rating-item.smiley.one {
  background-position: 0px -100px;
}
.rating-item.smiley.one.selected {
  background-position: 0px -65px;
}
.rating-item.smiley.two {
  background-position: -31px -100px;
}
.rating-item.smiley.two.selected {
  background-position: -31px -66px;
}
.rating-item.smiley.three {
  background-position: -62px -100px;
}
.rating-item.smiley.three.selected {
  background-position: -62px -66px;
}
.rating-item.smiley.four {
  background-position: -93px -100px;
}
.rating-item.smiley.four.selected {
  background-position: -93px -66px;
}
.rating-item.smiley.five {
  background-position: -125px -100px;
}
.rating-item.smiley.five.selected {
  background-position: -125px -67px;
}
.rating-container .re-try-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  display: none;
}
.exit-container {
  text-align: center;
  position: relative;
  width: calc(100% - -40px);
  animation: slideUp 0.3s ease-in-out 1;
  transition-delay: all 1s ease-in-out;
  z-index: 999;
}

.contained .exit-container {
  width: calc(100% - 0px);
  bottom: 8px;
}
.exit-container button.primary {
  font-size: 16px;
  width: 250px;
  padding: 11px 20px;
  border-radius: 40px;
  box-shadow: 0px 10px 10px 0 rgba(0, 0, 0, 0.2);
}
.exit-container .re-try-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  display: none;
  position: absolute;
}
.exit-container .re-try-overlay .btn-retry {
  position: absolute;
  top: 5px;
  left: 30px;
  background: white;
}
.exit-container .re-try-overlay .btn-retry .material-icons {
  color: var(--primary-color);
}

.web-container {
  background: #ffffff;
  box-shadow: 0 1px 28px 0 rgba(59, 68, 164, 0.31);
  border-radius: 9px;
  max-width: 80%;
  min-width: 320px;
  margin: 10px auto;
  padding: 10px;
  box-sizing: border-box;
  animation: errorSlideUp 0.3s ease 1;
  position: relative;
}
.web-container .re-try-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  display: none;
  position: absolute;
}
.iframe-container {
  position: relative;
}
.iframe-container iframe {
  height: 320px;
  width: 100%;
}
.iframe-container .expand {
  background: #ffffff;
  height: 47px;
  width: 47px;
  border-radius: 50%;
  border: 1px solid #cecfd3;
  position: absolute;
  top: -15px;
  right: -15px;
}
.external-link-container {
  display: flex;
  box-sizing: border-box;
  padding: 20px 0;
}
.external-link-container .link {
  flex-basis: calc(100% - 50px);
}
.external-link-container button {
  border: 0;
  background: transparent;
  width: 50px;
  text-align: right;
}
.iframe-container.external {
  display: none;
}
.external-link-container.iframe {
  display: none;
}
.calander-container {
  width: 300px;
  height: auto;
  background: #ffffff;
  box-shadow: 0 1px 28px 0 rgba(59, 68, 164, 0.31);
  border-radius: 5px;
  margin: 10px auto;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
.center .calander-container,
.center .date-range-container {
  margin: 10px 40px;
}
.calander-container .re-try-overlay {
  position: absolute;
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.header {
  height: 75px;
  background-color: var(--primary-color);
}
.header .top {
  display: flex;
  padding: 10px;
}
.header .top button {
  height: 25px;
  width: 25px;
  background: rgba(0, 0, 0, 0.6);
  border: 0;
  border-radius: 3px;
  color: white;
  font-weight: 500;
  padding: 0;
}
.nav-right:disabled {
  background: rgba(0, 0, 0, 0.3) !important;
  cursor: not-allowed !important;
}
.nav-left:disabled {
  background: rgba(0, 0, 0, 0.3) !important;
  cursor: not-allowed !important;
}
.header .top button .material-icons {
  font-size: 20px;
  margin: 0;
}
.header .top select {
  background: rgba(255, 255, 255, 0.3);
  border: 0;
  font-size: 14px;
  font-weight: 500;
}
.header .top select#months {
  width: 107px;
  margin: 0 5px;
  margin-left: 20px;
}
.header .top select#years {
  width: 80px;
  margin: 0 5px;
  margin-right: 20px;
}

.header .bottom {
  padding: 0 20px;
  display: flex;
  font-size: 12px;
  margin-top: 5px;
}
.header .bottom .day-label {
  flex-grow: 1;
  text-align: center;
  color: white;
}
.body {
  padding: 20px;
}
.days {
  display: flex;
  padding: 20px;
  flex-wrap: wrap;
}
.day {
  flex-grow: 1;
  text-align: center;
  height: 32px;
  border: 1px solid #f7f7f7;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  flex-basis: 13%;
  font-weight: 500;
  color: var(--darktext-color);
  font-size: 13px;
  cursor: pointer;
}
.day:hover {
  background: var(--secondary-lite);
}
.day.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.day.selected {
  background-color: var(--secondary-color);
  color: var(--darktext-color);
}

.date-range-container {
  background: var(--primary-color);
  box-shadow: 0 3px 8px 0 rgba(164, 159, 159, 0.5);
  border-radius: 4px;
  padding: 20px;
  width: 300px;
  margin: 10px auto;
  box-sizing: border-box;
  position: relative;
}
.date-range-submit {
  background: #ffffff;
  box-shadow: 0 22px 28px 0px rgba(59, 68, 164, 0.31);
  padding: 10px;
  width: 300px;
  border-radius: 0px 0px 4px 4px;
  box-sizing: border-box;
  position: relative;
  top: -42px;
  margin: 0px auto;
}
.date-range-submit .re-try-overlay {
  position: absolute;
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.date-range-container + .calander-container {
  position: relative;
  top: -20px;
}
.date-range-container .re-try-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.1);
  top: 0;
  left: 0;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  display: none;
}
.date-range-wrapper {
  display: flex;
  align-items: center;
}
.date-range-wrapper .from-date,
.date-range-wrapper .end-date {
  font-size: 16px;
  color: white;
  font-weight: 500;
  text-decoration: none;
  flex-basis: 130px;
  text-align: center;
  line-height: 1.5;
}
.date-range-wrapper > .material-icons {
  font-size: 23px;
  margin: 0 5px;
  color: var(--secondary-color);
}
.date-range-wrapper .from-date.focused,
.date-range-wrapper .end-date.focused {
  border-bottom: 1px solid white;
  color: var(--secondary-lite);
}
.date-range-wrapper .submit-date {
  height: 30px;
  width: 35px;
  border: 0;
  border-radius: 50%;
  background: var(--button-bg);
  position: relative;
  left: 10px;
}
.date-range-wrapper .submit-date:hover svg {
  transform: rotate(+45deg);
}
.date-range-wrapper .submit-date > svg {
  position: absolute;
  transition: all 0.3s ease-in-out;
  left: 6px;
  top: 7px;
}

@-webkit-keyframes dots {
  0% {
    opacity: 1;
  }
}

@keyframes dots {
  0% {
    opacity: 1;
  }
}

@keyframes hide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes showup {
  0% {
    position: absolute;
    width: auto;
    height: auto;
  }
  100% {
    position: static;
    height: auto;
    width: auto;
    opacity: 1;
  }
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes scaleup {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes slideleft {
  0% {
    transform: translateX(-10px);
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}

@keyframes slowfadeinin {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@keyframes slideDown {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  100% {
    opacity: 1;
    transform: translateY(100px);
  }
}

@keyframes slideUp {
  0% {
    transform: translateY(-100px);
    opacity: 0;
  }
}
@keyframes errorSlideUp {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
}

@keyframes errorSlideUpContained {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
}
@media (max-width: 320px) {
  .user-reply-bubble {
    max-width: 220px;
  }
  .center .calander-container,
  .center .date-range-container {
    margin: 10px !important;
  }
  .center .carousel-container {
    margin: 10px 36px;
  }
  .center .range-container {
    margin: 10px 0px 10px 46px;
  }
  .center .time-container {
    margin: 10px 21px;
  }
  .center .mcq-container {
    width: 90%;
  }
  .web-container {
    min-width: 300px;
  }
  .bot-wrapper.center {
    height: calc(100vh - 20px);
  }
  .center .number-container {
    margin: 10px 10px 10px 45px;
  }
  .bot-bubble .chat-text img {
    width: 190px !important;
  }
  .mcq-slide {
    width: 267px !important;
  }
  .mcq-slide__wrap {
    padding: 10px !important;
  }
  .mcq-slide__controls-item__left {
    left: 25px !important;
  }
  .mcq-slide__controls-item__right {
    right: 1px !important;
  }
  .mcq-slide__item {
    height: 210px !important;
    min-height: 210px !important;
  }
  .mcq-slide__item.active {
    width: 230px !important;
    height: 230px !important;
    min-height: 230px !important;
    min-width: 230px !important;
  }
  .mcq-slide .re-try-overlay {
    left: 45% !important;
  }
}
@media (max-width: 375px) {
  .center .rating-container {
    margin: 10px 25px !important;
  }
  .center .number-container {
    margin: 10px 10px 10px 45px !important;
  }
  .bot-wrapper.center {
    height: calc(100vh - 20px);
  }
  .bottom-input-wrapper {
    width: 100%;
  }
  .bottom-input-wrapper.long-text {
    height: 90px;
  }
  .center .bottom-input-tray {
    bottom: 20px;
  }
  .validation-tray {
    width: calc(100% - 6px);
  }
  .validation-tray.long-text {
    bottom: 65px;
    left: 23px;
  }
}

@media (min-width: 376px) and (max-width: 430px) {
  .bot-interaction {
    max-width: 380px;
  }
  .bot-interaction.center {
    max-width: 380px;
    margin: none;
  }
  .bottom-input-wrapper.long-text {
    height: 90px;
  }
  .bot-wrapper.center .validation-tray {
    width: calc(100% - 6px);
  }
  .validation-tray.long-text {
    bottom: 65px;
    left: 23px;
  }
  .bot-wrapper.center .bottom-input-wrapper {
    width: 100%;
  }
  .center .bottom-input-tray {
    bottom: 20px;
  }
  .bot-wrapper.center {
    height: calc(100vh - 20px);
  }
}

@media (min-width: 410px) and (max-width: 430px) {
  .bot-interaction {
    max-width: 410px;
  }
  .bot-interaction.center {
    max-width: 410px;
    margin: none;
  }
  .bottom-input-tray {
    width: calc(100% - 20px);
  }
  .validation-tray {
    width: calc(100% - 32px);
  }
  .validation-tray.long-text {
    bottom: 75px;
    left: 22px;
  }
  .bot-wrapper.center {
    height: calc(100vh - 20px);
  }
  .center .bottom-input-tray {
    width: calc(100% - 40px);
  }
}

@media (min-width: 431px) and (max-width: 768px) {
  .validation-tray {
    width: calc(100% - 45px);
  }
  .validation-tray.long-text {
    bottom: 75px;
    left: 23px;
  }
  .bot-wrapper.center {
    height: calc(100vh - 20px);
  }
  .center .bottom-input-tray {
    max-width: 570px;
    width: 100%;
    bottom: 20px;
  }
}

@media screen and (min-width: 769px) {
  .bot-wrapper.center {
    height: calc(100vh - 20px);
  }
  .center .bottom-input-tray {
    width: 570px;
    bottom: 20px;
  }
  .validation-tray {
    width: calc(100% - 45px);
  }
  .validation-tray.long-text {
    bottom: 75px;
    left: 23px;
  }
}

select {
  font-family: inherit !important;
}

option {
  font-family: inherit !important;
}
.mb-80 {
  margin-bottom: 8rem !important;
}
.mb-25 {
  margin-bottom: 2.5rem !important;
}

.mcq-slide {
  position: relative;
  width: 290px;
  padding: 1rem;
  border-radius: 7px;
}

.mcq-slide__wrap {
  overflow-x: hidden;
  padding: 30px;
  width: 100%;
}

.mcq-slide__wrap__scroll-wrapper {
  padding: 0px 11px;
  display: flex;
}

.mcq-slide__item {
  box-sizing: border-box;
  border-radius: 10%;
  margin: 18px 8px 8px 8px;
  padding: 20px 20px;
  width: 230px;
  height: 230px;
  min-height: 230px;
  min-width: 230px;
  opacity: 0.5;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  background-size: contain;
  background-position: center center;
  position: relative;
  background-repeat: no-repeat;
  cursor: pointer;
}

.mcq-slide__item__overlay {
  box-sizing: border-box;
  border-radius: 10%;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  top: -8px;
  left: -8px;
  margin: 8px;
  padding: 20px 20px;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 1000;
}

.mcq-slide__item[aria-checked="true"]::after {
  content: "\E86c";
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 32px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  color: var(--secondary-color);
  opacity: 1;
  position: absolute;
  top: 10px;
  left: 20px;
  filter: saturate(110%);
  z-index: 1001;
}

.mcq-slide__item.disable {
  pointer-events: none;
  opacity: 0.6;
}

.mcq-slide__item.active {
  position: relative;
  opacity: 1;
  margin: 8px;
  width: 250px;
  height: 250px;
  min-height: 250px;
  min-width: 250px;
}
.mcq-slide__item__tag-container {
  z-index: 1001;
  box-sizing: border-box;
  flex: 1 1 auto;
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
}

.mcq-slide__item__tag {
  z-index: 1001;
  background-color: var(--button-bg);
  color: var(--button-text);
  padding: 5px 15px;
  border-radius: 15px;
  font-size: 12px;
  font-weight: 500;
}
.mcq-slide-content {
  position: relative;
  cursor: pointer;
  top: 84px;
  z-index: 1001;
}

.mcq-slide-content.active {
  padding: 0 14px !important;
}

.mcq-slide__item__title {
  color: #ffffff;
  z-index: 1001;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
}
.mcq-slide__item__sub-title {
  z-index: 1001;
  color: #fff;
  box-sizing: border-box;
  font-size: 14px;
  margin-bottom: 10px;
}

.mcq-slide__item__footer {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  z-index: 1001;
}

.mcq-slide__item__footer .slide-footer-currency {
  color: #ffffff;
  font-size: 22px;
  font-weight: 700;
  margin: auto 0px;
}
.mcq-slide__item__footer .slide-footer-btn {
  background-color: var(--button-bg);
  color: var(--button-text);
  padding: 5px 22px;
  border-radius: 15px;
  cursor: pointer;
  font-weight: 700;
}

.mcq-slide__item[aria-checked="true"] .slide-footer-btn:hover {
  background-color: var(--secondary-color);
}

.mcq-slide__controls-item {
  position: absolute;
  box-shadow: 0 2px 4px 0 rgba(145, 137, 137, 0.5);
  transition: all 300ms;
  user-select: none;
}

.mcq-slide .re-try-overlay {
  position: absolute;
  height: 100%;
  width: 108%;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  display: none;
  top: 0%;
  left: 0%;
  transform: translate(5%, 0%);
}

.mcq-slide__controls-item__left {
  top: calc(50% - 25px);
  left: 30px;
  min-height: 38px;
  min-width: 38px;
  background-color: var(--button-bg);
  border-radius: 100%;
  transition: all 300ms;
  cursor: pointer;
}
.mcq-slide__controls-item__right {
  top: calc(50% - 25px);
  right: -28px;
  min-height: 38px;
  min-width: 38px;
  background-color: var(--button-bg);
  border-radius: 100%;
  transition: all 300ms;
  cursor: pointer;
}

.mcq-slide__controls-item > .material-icons {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--button-text);
  font-size: 38px;
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .bottom-input-wrapper .name-text {
      height: -webkit-fill-available;
      height: auto;
    }
  }
}

/*
 * https://use.typekit.net/fwo7bar.css
 */

/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * aktiv-grotesk:
 *   - http://typekit.com/eulas/00000000000000003b9b0328
 *   - http://typekit.com/eulas/00000000000000003b9b032d
 *   - http://typekit.com/eulas/00000000000000003b9b032a
 * futura-pt:
 *   - http://typekit.com/eulas/00000000000000000001008f
 *   - http://typekit.com/eulas/000000000000000000010091
 *   - http://typekit.com/eulas/000000000000000000013365
 *   - http://typekit.com/eulas/000000000000000000010095
 *   - http://typekit.com/eulas/000000000000000000012192
 *
 * © 2009-2019 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2019-09-18 07:22:03 UTC"}*/

@font-face {
font-family:"futura-pt";
src:url("https://use.typekit.net/af/2cd6bf/00000000000000000001008f/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/2cd6bf/00000000000000000001008f/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/2cd6bf/00000000000000000001008f/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:500;
}

@font-face {
font-family:"futura-pt";
src:url("https://use.typekit.net/af/309dfe/000000000000000000010091/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/309dfe/000000000000000000010091/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/309dfe/000000000000000000010091/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;
}

@font-face {
font-family:"futura-pt";
src:url("https://use.typekit.net/af/9b05f3/000000000000000000013365/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/9b05f3/000000000000000000013365/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/9b05f3/000000000000000000013365/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;
}

@font-face {
font-family:"futura-pt";
src:url("https://use.typekit.net/af/cf3e4e/000000000000000000010095/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/cf3e4e/000000000000000000010095/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/cf3e4e/000000000000000000010095/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:400;
}

@font-face {
font-family:"futura-pt";
src:url("https://use.typekit.net/af/c4c302/000000000000000000012192/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/c4c302/000000000000000000012192/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/c4c302/000000000000000000012192/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:600;
}

@font-face {
font-family:"aktiv-grotesk";
src:url("https://use.typekit.net/af/affdf5/00000000000000003b9b0328/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/affdf5/00000000000000003b9b0328/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/affdf5/00000000000000003b9b0328/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;
}

@font-face {
font-family:"aktiv-grotesk";
src:url("https://use.typekit.net/af/b5ce2a/00000000000000003b9b032d/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/b5ce2a/00000000000000003b9b032d/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/b5ce2a/00000000000000003b9b032d/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;
}

@font-face {
font-family:"aktiv-grotesk";
src:url("https://use.typekit.net/af/67187a/00000000000000003b9b032a/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/67187a/00000000000000003b9b032a/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/67187a/00000000000000003b9b032a/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:500;
}

.tk-futura-pt { font-family: "futura-pt",sans-serif; }
.tk-aktiv-grotesk { font-family: "aktiv-grotesk",sans-serif; }