html {
  scroll-behavior: smooth;
}

@font-face {
  font-family: "Calibri";
  src: url("./assets/fonts/calibri.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  /* ascent-override: 70%;
  descent-override: 35%;
  line-gap-override: 0%; */
}

@font-face {
  font-family: "Calibri_bold";
  src: url("./assets/fonts/calibri_bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  
}

@font-face {
  font-family: "Blenda";
  src: url("./assets/fonts/Blenda Script.otf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  ascent-override: 70%;
  descent-override: 10%;
  line-gap-override: 0%;
}
.blenda {
  font-family: "Blenda";
}
a {
  color:#3573b7;
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Calibri"!important;
  font-size: 14px;
  color: #848e9f;
  overflow-x: hidden;
  margin: 0;
}
button, p, label, a, h1, h2, h3, h4 {
  font-family: "Calibri", sans-serif!important;
}
.chat-bot-master-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100dvh;
}
.chat-bot-wrapper {
  position: relative;
  height: 94dvh;
  width: 85%;
  border-radius: 20px;
  overflow: auto;
  z-index: 10;
  margin-bottom: -1rem;
}
.header {
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  color: #fff;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0.5rem;
  padding: 0rem 1.5rem;
  height: 9dvh;
  background-color: #F4FAFF!important;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}
.header p, .header h3 {
  margin: 8px;
}
.header h3 {
  font-weight: 500;
  font-size: 1rem;
  color:#161616;
}
.header p {
  font-size: 1rem;
}
.header img {
  max-width: 60%;
  height: fit-content;
  max-height: 3.6em;
}
.chat-bot {
  position: relative;
  margin: auto;
  height: 80dvh;
  /* background-color: rgb(237 246 254)!important; */
  /* -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px); */
  background-image: url(./assets//chat-bg.svg);
  overflow: auto;
}
.chat-bot-button {
  position: fixed;
  right: 2em;
  bottom: 2.6em;
  z-index: 10;
  background: #fff;
  padding: 10px;
  width: 48px;
  border-radius: 100%;
  box-shadow: 0px 0px 3px #a4a4a4;
  cursor: pointer;
}
.close-bot {
  position: absolute;
  top: -0.8rem;
  right: -0.7rem;
  color: #fff;
  font-size: 1em;
  cursor: pointer;
  background: #6e6ed5;
  width: 24px;
  height: 24px;
  padding: 3px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.web-chat-wrapper {
  height: 81.5dvh;
}
.video-banner img {
  height: 670px;
}
.member__img {
  max-height: 246px;
}
.adaptivecard-parent-container {
  display: none;
}

.language-option button {
  color: black;
  background: #e6e6e6;
  padding: 10px 24px;
  font-size: 15px;
  border-radius: 30px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.language-option button:hover {
  background: #bee3ff;
}
.language-option {
  right: 6.3em;
  bottom: 1em;
  z-index: 10;
  display: grid;
  gap: 0.7rem;
  position: fixed;
}
.active-bot {
  display: none;
}
.show-language-switch {
  display: none;
}

/* Chat bot UI */
/* Chat box styles */

.webchat__imageAvatar__image img {
  transform: translate(-51%, -51%)!important;
  width: 60%!important;
  object-fit: cover;
}

/* Card styles */
div.webchat__carousel-layout .webchat__carousel-filmstrip__content .webchat__carousel-filmstrip__complimentary-content {
  max-width: 80%;
  margin: auto;
  padding-bottom: 30px;
  margin-top: 16vh !important;
}

div.webchat__carousel-layout .react-film__main ul.webchat__carousel-filmstrip__attachments.react-film__filmstrip__list {
  flex-flow: wrap!important;
  gap: 0.6rem!important;
}
div.webchat__carousel-layout ul.webchat__carousel-filmstrip__attachments.react-film__filmstrip__list > li {
  min-width: 25%!important;
  padding: 0 !important;
}
div.webchat__carousel-layout ul.webchat__carousel-filmstrip__attachments.react-film__filmstrip__list > li .webchat__bubble__content {
  border-radius: 20px!important;
  padding: 5px 10px;
  box-shadow: 0px 0px 1px #e1e1e1;
  cursor: pointer;
}
div.webchat__carousel-layout ul.webchat__carousel-filmstrip__attachments.react-film__filmstrip__list > li:first-child .webchat__bubble__content,
div.webchat__carousel-layout ul.webchat__carousel-filmstrip__attachments.react-film__filmstrip__list > li:nth-child(2) .webchat__bubble__content,
div.webchat__carousel-layout ul.webchat__carousel-filmstrip__attachments.react-film__filmstrip__list > li:nth-child(3) .webchat__bubble__content{
  height: 110px;
}
div.webchat__carousel-layout ul.webchat__carousel-filmstrip__attachments.react-film__filmstrip__list > li:nth-child(4) .webchat__bubble__content,
div.webchat__carousel-layout ul.webchat__carousel-filmstrip__attachments.react-film__filmstrip__list > li:nth-child(5) .webchat__bubble__content,
div.webchat__carousel-layout ul.webchat__carousel-filmstrip__attachments.react-film__filmstrip__list > li:nth-child(6) .webchat__bubble__content{
  height: 150px;
}
div.webchat__carousel-layout  ul.webchat__carousel-filmstrip__attachments.react-film__filmstrip__list > li .webchat__bubble__content .webchat__adaptive-card-renderer .ac-container.ac-adaptiveCard > div:first-child {
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: 0.1px;
  color: #484848 !important;
}
div.webchat__carousel-layout  ul.webchat__carousel-filmstrip__attachments.react-film__filmstrip__list > li .webchat__bubble__content .webchat__adaptive-card-renderer .ac-container.ac-adaptiveCard > div:last-child {
  font-size: 15px !important;
  font-weight: 400 !important;
  letter-spacing: 0.1px;
  color: #888888 !important;
  line-height: 1.5 !important;
}

span.webchat__activity-status--slotted.webchat__activity-status {
  font-size: 11px;
  color: #888888;
}
.webchat__css-custom-properties > div {
  background-color: transparent!important;
}
.webchat__send-box {
  padding: 0 1.5rem 1.5rem;
  /* background-color: rgb(237 246 254) !important; */
  /* -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px); */
  background-color: transparent!important;
}
.webchat__suggested-action {
  border-radius: 5px !important;
}
.webchat__initialsAvatar {
  background-color: transparent !important;
}   
.webchat__stacked-layout__avatar-gutter:has(.webchat__initialsAvatar--fromUser) {
    display: none!important;
}
.webchat__stacked-layout--from-user .webchat__stacked-layout__avatar-gutter,
.webchat__stacked-layout--from-user .webchat__stacked-layout__nub-pad {
  display: none!important;
}
.webchat__bubble__nub-pad {
  width: 0px!important;
}
.webchat__defaultAvatar {
  border-radius: 0!important;
}
.ac-pushButton {
  border-radius: 12px !important;
  border-color: #d5d5d5 !important;
  color: #7962EA !important;
}
.ac-pushButton[aria-pressed="true"] {
  background-color: rgb(255 255 255)!important;
}
.webchat__adaptive-card-renderer .ac-textBlock p {
  color: #6B7584 !important;
  font-size: 13px;
  text-transform: capitalize;
  text-align: left;
}
.webchat__adaptive-card-renderer .ac-actionSet {
  display: flex!important;
  flex-flow: wrap!important;
  align-items: stretch!important;
  gap: 0.5rem!important;
} 
.webchat__stacked-layout--from-user .webchat__bubble__content {
  background: #F4F4F4 !important;
  border-top-right-radius: 0 !important;
  color: #000 !important;
  border-bottom-left-radius: 15px !important;
  border-bottom-right-radius: 15px !important;
  border-top-left-radius: 15px !important;
  border: none!important;
}
.webchat__stacked-layout--from-user .webchat__bubble__content p {
  color:#000!important;
}
.ac-adaptiveCard .ac-container img {
  position: absolute;
  right: 0;
  width: 127px!important;
  bottom: 0;
}
.ac-adaptiveCard div[role="heading"] p {
  color: #000 !important;
}
.webchat__adaptive-card-renderer {
  background: #fff !important;
  border: 1px solid #d5d5d5 !important;
  border-radius: 13px;
}
.webchat__adaptive-card-renderer .ac-pushButton.style-positive {
  background-color: rgb(121 98 234) !important;
  color: white !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.webchat__bubble__content {
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: transparent!important;
  border: none!important;
  min-height: 38px;
  color: #000!important;
}
.webchat__bubble__content p {
  font-size: 14px!important;
}
/* .chat-bot-wrapper .webchat__send-icon */
 .chat-bot-wrapper .webchat__attachment-icon__icon, .webchat__icon-button__shade {
  display: none;
}
.chat-bot-wrapper .webchat__icon-button[title='Upload file'] {
  border: 1px solid #d1d1d1;
  border-radius: 11px;
}
.chat-bot-wrapper .webchat__icon-button[title='Upload file']::before{
  content: "";
  background-image: url(https://cxuwebassets.blob.core.windows.net/webassets/MOJ/custom-chatbot-icons/image-3.png);
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: 40% 42%;
  background-position: center;
  background-repeat: no-repeat;
}

.chat-bot-wrapper .webchat__send-button {
  width: 52px!important;
  position: absolute !important;
  right: 0;
}

.chat-bot-wrapper .webchat__send-button::before{
  content: "";
  background-image: url(https://cxuwebassets.blob.core.windows.net/webassets/MOJ/custom-chatbot-icons/new-send-button.png);
  margin-right: 3.2rem;
  cursor: pointer;
  position: absolute;
  top: 6px;
  width: 2.7rem;
  height: 2.5rem;
  background-size: 100% 100%;
}
.webchat__send-box__main > form::before {
  content: "";
  background-image: url(https://cxuwebassets.blob.core.windows.net/webassets/MOJ/custom-chatbot-icons/chat-star-icon.png);
  cursor: pointer;
  position: absolute;
  top: 0.8rem;
  height: 1.5rem;
  width: 1.5rem;
  max-width: 100%;
  margin-left: 0.2rem;
  background-size: 100% 100%;
}
.webchat__send-box-text-box__input {
  padding-left: 2.3rem!important;
  padding-right: 2.8rem!important;
}
.webchat__basic-transcript__scrollable .webchat__basic-transcript__transcript {
  padding: 0 0.8rem;
}
.webchat__basic-transcript {
  background-color:transparent!important;
}
.webchat__toaster + div {
  background-color: transparent!important;
  
}
.webchat__upload-button {
  position: absolute !important;
  width: 35px !important;
  left: 10px;
  height: 35px;
  bottom: 10px;
}

button.btn-prompts {
  position: absolute;
  display: flex;
  bottom: 1.2rem;
  left: 4rem;
  border: 1px solid #d1d1d1;
  border-radius: 11px;
  width: 35px;
  height: 35px;
  padding: 8px;
  z-index: 0;
}

.webchat__suggested-actions__item-box button {
  color: #7962EA !important;
  border: 1px solid #d2d2d2 !important;
  border-radius: 12px !important;
}

/* Loader */
.loader {
  width: 60px;
  height: 60px;
  margin: auto;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='30' cy='50' r='10' fill='%23006ed2'%3E%3Canimate attributeName='cy' values='50;40;50;60;50' dur='1.8s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='70' cy='50' r='10' fill='%23006ed2'%3E%3Canimate attributeName='cy' values='50;60;50;40;50' dur='1.8s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E") no-repeat center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}


/* Scales animation */
@keyframes balance {
  0%, 100% { transform: translateY(0); }
  25% { transform: translateY(-10px); }
  50% { transform: translateY(0); }
  75% { transform: translateY(10px); }
}


.webchat__connectivityStatus {
  position: absolute;
    bottom: 7.7rem;
    left: 0.7rem;
    background-color: #EDF6FF;
    padding: 5px;
    border-radius: 2px;
    color: rgb(94, 94, 94);
}

.webchat__typingIndicator {
  margin-left: 1rem;
  margin-bottom: -.5rem;
  border-radius: 30px;
}
/* .loader {
  position: absolute;
  width: 50px;
  aspect-ratio: 1;
  color:#006ed2;
  background:
    radial-gradient(circle at 60% 65%, currentColor 62%, #0000 65%) top left,
    radial-gradient(circle at 40% 65%, currentColor 62%, #0000 65%) top right,
    linear-gradient(to bottom left, currentColor 42%,#0000 43%) bottom left ,
    linear-gradient(to bottom right,currentColor 42%,#0000 43%) bottom right;
  background-size: 50% 50%;
  background-repeat: no-repeat;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.loader:after {
  content: "";
  position: absolute;
  inset: 0;
  background: inherit;
  opacity: 0.4;
  animation: l3 1s infinite;
}
@keyframes l3 {
  to {transform:scale(1.8);opacity:0}
}
@keyframes gradient {
  0% {
    background-position: 0% 50%, 100% 50%;
  }
  50% {
    background-position: 100% 50%, 200% 50%;
  }
  100% {
    background-position: 200% 50%, 300% 50%;
  }
} */
.bg-image {
  background-image: url(https://cxuwebassets.blob.core.windows.net/webassets/MOJ/custom-chatbot-icons/sata-barbara-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.bg-overlay {
  background-color: black;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.adaptivecard-parent-container .webchat__activity-status--slotted {
  display: none!important;
}

div.webchat__basic-transcript__scrollable {
  height: 67.5dvh!important;
  transition: height 0.7s ease;
}
div div.scrollable-container-height-added {
  height: 100% !important;
  transition: height 0.4s ease;
}
.webchat__suggested-actions--carousel-layout button[aria-label="Previous"],
.webchat__suggested-actions--carousel-layout button[aria-label="Next"] {
  display: none;
}
.webchat__suggested-actions--carousel-layout .react-film__filmstrip .react-film__filmstrip__list {
justify-content: end;
}
.webchat__suggested-actions--carousel-layout .react-film__filmstrip li {
  padding: 0!important;
}
.adaptivecard-parent-container .webchat__stacked-layout__attachment-row {
  width: calc(100% - 0.7em)!important;
}
.adaptivecard-parent-container {
  position: absolute;
  bottom: 4.5rem;
  z-index: 10;
  margin-bottom: 1.2rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.webchat__send-box .webchat__send-box__main {
  border: 1px solid rgb(230, 230, 230);
  min-height: 50px!important;
  border-radius: 6px;
}

.adaptivecard-parent-container p {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-weight: bold;
  color: #6B7584;
  font-size: 13px;
  margin-bottom: 8px;
}
.prompts-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.adaptivecard-parent-container p img:last-child {
  width: 11px;
}
.adaptivecard-parent-container p img:first-child {
  width: 20px;
}
.prompts-wrapper button {
  margin-bottom: 0.8rem;
}
.adaptivecard-inner-wrapper {
  display: flex!important;
;
  justify-content: start;
  gap: 0.5rem;
  grid-template-columns: repeat(2, 1fr);
}
.adaptivecard-inner-wrapper button {
  border: none;
  padding: 6px 10px;
  border-radius: 25px !important;
  border-color: #d5d5d5 !important;
  color: black !important;
  background: #EDF6FF;
  width:fit-content;
  font-size: 12px;
  cursor: pointer;
}
.webchat__render-markdown--message-activity {
  color: #000;
  font-size: 14px!important;
}
.webchat__render-markdown .webchat__render-markdown__pure-identifier {
  color: #3573b7;
  text-decoration: none;
}
.webchat__link-definitions__list-item-text,
.webchat__link-definitions .webchat__link-definitions__open-in-new-window-icon
{
  color: #cacaca!important;
  text-decoration: none!important;
}
.webchat__link-definitions .webchat__link-definitions__list-item-box {
  background-color: #292929!important;
  border-color: #353535!important;
}
.webchat__link-definitions .webchat__link-definitions__badge
{
  background-color: #292929!important;
  border-color: grey!important;
}
.webchat__link-definitions .webchat__link-definitions__badge {
  color: #f1f1f1!important;
}
.close-button {
  position: absolute;
  right: 1rem;
  top: 1.2rem;
  background-color: transparent;
  color: #000; 
  border: none;
  font-size: 28px;
  cursor: pointer;
  z-index: 10;
}

.floating-button {
    position: fixed;
    bottom: 20px;
    right: 50%;
    transform: translateX(50%);
    width: 190px;
    height: 56px;
    color: white;
    border-radius: 30px;
    border: none;
    font-size: 16px;
    cursor: pointer;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 0;
    padding: 2px;
  transition: all 0.3s ease;
  background-image: linear-gradient(116deg, #4a84c1 0%, #c0dfff 133.07%);
}
.button-text {
  display: flex;
    align-items: center;
    justify-content: space-between;
    height: 52px;
    border-radius: 30px;
    background-color: #fff;
    padding-left: 0px;
    padding-right: 0rem;
    color: #353535;
    font-weight: 600;
}
.toggle-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.toggle-icon-wrapper + div img {
  width: 45px;
}
.toggle-icon-wrapper + div {
  padding-right: 1.4rem;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .25rem;
}
.toggle-icon {
    position: absolute;
    width: 38px!important;
    left: 8px;
    top: 8px;
}
.button-text img {
  width: 60px;
}

.webchat__render-markdown .webchat__render-markdown__pure-identifier img, .webchat__render-markdown__external-link-icon {
  margin-right: 5px;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-size: 10px 11px;
  width: 11px;
  height: 11px;
}

/* Css after chat initialized */
.chatInitialized .prompts-body {
  display: none;
}
.chatInitialized .mock-input-container {
  display: none;
}

.chatInitialized div.webchat__basic-transcript__scrollable {
    margin-top: 16dvh;
    height: 49dvh !important;
}
.chatInitialized #webchat {
  height: 100%;
}
.chatInitialized .prompts-wrapper .prompts-top h1 {
    color: #212121;
    font-size: 1.3rem;
}
.chatInitialized .prompts-top .logo img {
    width: 60px;
    height: 60px;
    margin-top: 0.7rem;
}
.chatInitialized .top-buttons, .chatInitialized .prompts-bottom #prompts-title, .chatInitialized .prompt-card p {
  display: none;
}
.chatInitialized .prompts-bottom {
  padding-bottom: 0;
  padding-top: 0;
}
.chatInitialized .prompt-card img {
    display: block;
    margin: 0;
    width: 15px;
    height: 15px;
}
.chatInitialized .prompt-card h3 {
    font-weight: 400;
    color: #0D0D0D;
    font-size: 0.8rem;
    margin: 0 0 0px;
}
.chatInitialized .prompt-card {
    display: flex;
    border-radius: 30px;
    gap: 0.6rem;
    padding: 10px;
}

.chatInitialized .prompts{
  grid-template-columns: repeat(4, minmax(auto, 1fr));
  position: absolute;
  bottom: 4.5rem;
}
.chatInitialized .prompts-top {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0rem);
}
.webchat__typing-indicator {
  margin-left: 1rem;
  border-radius: 15px;
}
.back-button img {
 width: 8px;
 height: 14px;
}
.chatInitialized .back-button {
 display: none;
}
.back-button {
 display: none;
 align-items: center;
 gap: .8rem;
 position: absolute;
 left: 1.6rem;
 top: 1rem;
color: #26577F;
font-weight: 500;
cursor: pointer;
z-index: 10;
}
/* Prompts */
.prompts-wrapper {
  display: block;
}
.prompts-body {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.prompts-wrapper .prompts-top .subtitle {
  color: #0C0C0C;
  font-size: 1.15rem;
  margin-bottom: 0;
  margin-top: .5rem;
}
.prompts-wrapper .prompts-top p:not(.subtitle) {
  color:#777777;
  width: 60%;
  text-align: center;
  line-height: 1.5;
  margin-top: 0.5rem;
}
.prompts-wrapper .prompts-top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.prompts-wrapper .prompts-top sup {
  position: absolute;
  font-size: 1rem;
  margin-top: -1rem;
}
.prompts-wrapper .prompts-top h1 {
 color: #212121;
 font-size: 1.6rem;
 font-weight: 400;
}
.logo img {
  width: 75px;
  height: 75px;
  margin-top: 1.2rem;
}

.top-buttons {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  margin: 1rem 0 2rem;
}

.top-buttons img {
  width: 20px;
}
.prompt-card img {
    width: 20px;
    margin-bottom: 15px;
}

.top-buttons button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap:8px;
  border: 1px solid #d3d9e9;
  background: white;
  border-radius: 30px;
  padding: 12px 18px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.top-buttons button:hover {
  background: #eef2ff;
}

.top-buttons button.active {
  background: #1F6BAD;
  color: white;
  border-color: #1F6BAD;
}


.prompts {
  display: grid;
  grid-template-columns: repeat(4, minmax(240px, 1fr));
  gap: 15px;
}

.prompt-card {
  border-radius: 12px;
  padding: 25px 15px;
  border: 1px solid #E6E9EC;
  text-align: left;
  cursor: pointer;
  transition: all 0.25s ease;
}

.prompt-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.prompt-card h3 {
  color: #1F6BAD;
  font-size: 0.9rem;
  margin: 0 0 6px;
}

.prompt-card p {
  font-size: 0.8rem;
  color: #8F8F8F;
  margin: 0;
}

.prompts-bottom {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 2rem;
}
.prompts-bottom #prompts-title {
  color: #26577F;
  font-size: 0.9rem;
  font-weight: 400;
}

/* Mock Input */
.mock-input-container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 1.5rem .8rem;
}
.mock-input-container img {
  position: absolute;
  width: 28px;
  top: 10px;
  left: 2.38rem;
}
.mock-input-container #mockInput {
  width: 100%;
  border: 1px solid rgb(230, 230, 230);
  min-height: 50px !important;
  border-radius: 6px;
  padding: 0 3.8rem 0 3.5rem;
  box-sizing: border-box;
  font-family: "Calibri", sans-serif;
  font-size: 15px;
}

.mock-input-container #mockSendButton {
  position: absolute;
  right: 2.3rem;
  top: .8rem;
  width: 25px;
  height: 25px;
  border: none;
  background-color: transparent;
  background-image: url(https://cxuwebassets.blob.core.windows.net/webassets/MOJ/custom-chatbot-icons/sb-send-icon.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  cursor: pointer;
}

@media (max-width: 1200px) {
  .prompts {
    grid-template-columns: repeat(2, minmax(240px, 1fr));
    overflow: auto;
    max-height: 18dvh;
  }
  
}

@media (min-width: 1900px){
  .top-buttons {
  margin: 2rem 0 4rem;
}
}
@media (min-width: 768px){
  .adaptivecard-parent-container .webchat__bubble {
    max-width: 100%!important;
  }
  .adaptivecard-parent-container  .ac-pushButton {
  width: 47%;
  }
}
@media (max-width: 767px){
  .chatInitialized .prompt-card img {
    display: none!important;
}
  .chatInitialized .prompts-top {
      left: 30%;
      transform: translate(-20%, 0rem);
  }
  .chatInitialized .prompts-wrapper .prompts-top h1 {
    font-size: 1.1rem;
}
  .top-buttons {
      margin: 1rem 0 1rem;
  }
  .footer {
    display: none!important;
  }
  button.btn-prompts {
    bottom: 1.2rem;
  }
  .prompts-wrapper .prompts-top h1 {
    font-size: 1.3rem;
  }
  .prompts-wrapper .prompts-top p:not(.subtitle) {
    width: 92%;
  }
  .prompts {
    grid-template-columns: repeat(1, minmax(100%, 1fr));
  }
  .chatInitialized .prompts { 
    overflow: auto;
    width: 88%;
  }
  .chatInitialized .prompt-card {
      width: max-content;
  }
  .prompts-wrapper .prompts-top .subtitle {
    text-align: center;
    font-size: 1rem;
  }
  .chat-bot-wrapper {
    width: 97%;
    margin-bottom: -6.5rem;
  }
  .chat-bot-wrapper .webchat__send-button::before {
    top: 0.3rem;
  }
  
  .adaptivecard-parent-container {
    width: calc(100% - 3.4em);
  }
  .adaptivecard-parent-container .ac-pushButton {
    width: 46%;
  }
  .adaptivecard-parent-container .webchat__stacked-layout__attachment-row {
    width: calc(100% - 0.4em)!important;
  }
  .close-bot {
    top: 0.9rem;
    right: 0.8rem;
  }
  .adaptivecard-inner-wrapper button {
    font-size: 10px;
}
}
.status,
.webchat__link-definitions__list .webchat__link-definitions__open-in-new-window-icon,
details.webchat__link-definitions, .webchat__render-markdown__pure-identifier {
  display: none;
}
.webchat__link-definitions__list {
  pointer-events: none;
}

/* Footer */
.footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #F3F7FB;
  padding-left: 1.55rem;
  padding-right: 1.55rem;
  color: #000;
  height: 5dvh;
}