body {
  font-family: "Roboto", sans-serif !important;
  min-height: 100dvh;
  overflow: hidden;
  overflow-y: auto;
  background: transparent linear-gradient(168deg, #ffffff 0%, #eff4ed 100%) 0% 0% no-repeat padding-box;
  display: flex;
  flex-direction: column;
}
.primary-font-color {
  color: #1c1c1c !important;
}
.secondary-font-color {
  color: #f5f5f5 !important;
}
.turtle-green-font-color {
  color: #73c059 !important;
}
.white-font-color {
  color: #ffffff !important;
}
.fs-5 {
  font-size: 0.3125rem !important;
}
.fs-6 {
  font-size: 0.375rem !important;
}
.fs-7 {
  font-size: 0.4375rem !important;
}
.fs-8 {
  font-size: 0.5rem !important;
}
.fs-9 {
  font-size: 0.5625rem !important;
}
.fs-10 {
  font-size: 0.625rem !important;
}
.fs-11 {
  font-size: 0.6875rem !important;
}
.fs-12 {
  font-size: 0.75rem !important;
}
.fs-13 {
  font-size: 0.8125rem !important;
}
.fs-14 {
  font-size: 0.875rem !important;
}
.fs-15 {
  font-size: 0.9375rem !important;
}
.fs-16,
header nav .navbar-collapse .navbar-nav .nav-item a,
main.chat-view-main-wrapper .chat-box-container #chatbox #messages .message p {
  font-size: 1rem !important;
}
.fs-17 {
  font-size: 1.0625rem !important;
}
.fs-18 {
  font-size: 1.125rem !important;
}
.fs-19 {
  font-size: 1.1875rem !important;
}
.fs-20 {
  font-size: 1.25rem !important;
}
.fs-21 {
  font-size: 1.3125rem !important;
}
.fs-22 {
  font-size: 1.375rem !important;
}
.fs-23 {
  font-size: 1.4375rem !important;
}
.fs-24 {
  font-size: 1.5rem !important;
}
.fs-25 {
  font-size: 1.5625rem !important;
}
.fs-26 {
  font-size: 1.625rem !important;
}
.fs-27 {
  font-size: 1.6875rem !important;
}
.fs-28 {
  font-size: 1.75rem !important;
}
.fs-29 {
  font-size: 1.8125rem !important;
}
.fs-30 {
  font-size: 1.875rem !important;
}
.fs-31 {
  font-size: 1.9375rem !important;
}
.fs-32 {
  font-size: 2rem !important;
}
.fs-33 {
  font-size: 2.0625rem !important;
}
.fs-34 {
  font-size: 2.125rem !important;
}
.fs-35 {
  font-size: 2.1875rem !important;
}
.fs-36 {
  font-size: 2.25rem !important;
}
.fs-37 {
  font-size: 2.3125rem !important;
}
.fs-38 {
  font-size: 2.375rem !important;
}
.fs-39 {
  font-size: 2.4375rem !important;
}
.fs-40 {
  font-size: 2.5rem !important;
}
.fs-41 {
  font-size: 2.5625rem !important;
}
.fs-42 {
  font-size: 2.625rem !important;
}
.fs-43 {
  font-size: 2.6875rem !important;
}
.fs-44 {
  font-size: 2.75rem !important;
}
.fs-45 {
  font-size: 2.8125rem !important;
}
.fs-46 {
  font-size: 2.875rem !important;
}
.fs-47 {
  font-size: 2.9375rem !important;
}
.fs-48 {
  font-size: 3rem !important;
}
.fs-49 {
  font-size: 3.0625rem !important;
}
.fs-50 {
  font-size: 3.125rem !important;
}
.fw-100 {
  font-weight: 100 !important;
}
.fw-200 {
  font-weight: 200 !important;
}
.fw-300 {
  font-weight: 300 !important;
}
.fw-400,
main.chat-view-main-wrapper .chat-box-container #chatbox #messages .message p {
  font-weight: 400 !important;
}
.fw-500 {
  font-weight: 500 !important;
}
.fw-600 {
  font-weight: 600 !important;
}
.fw-700,
header nav .navbar-collapse .navbar-nav .nav-item a {
  font-weight: 700 !important;
}
.fw-800 {
  font-weight: 800 !important;
}
.fw-900 {
  font-weight: 900 !important;
}
header {
  background-color: #1c1c1c;
  padding: 1.25rem 0;
}
@media screen and (max-width: 576px) {
  header nav .navbar-brand img {
    max-width: 180px;
  }
}
@media screen and (min-width: 1200px) {
  header nav .navbar-collapse .navbar-nav {
    gap: 2rem;
  }
}
header nav .navbar-collapse .navbar-nav .nav-item a {
  color: #ffffff;
}
header nav .navbar-collapse .navbar-nav .nav-item a:hover {
  color: #73c059;
}
header nav .navbar-collapse .navbar-nav .nav-item a.active {
  color: #73c059;
}
main {
  flex-grow: 1;
}
main.chat-view-main-wrapper {
  display: flex;
  flex-direction: column;
}
main.chat-view-main-wrapper .chat-box-container {
  padding-bottom: 135px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
main.chat-view-main-wrapper .chat-box-container:has(#messages .message) {
  display: block;
}
main.chat-view-main-wrapper .chat-box-container #chatbox #messages {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
main.chat-view-main-wrapper .chat-box-container #chatbox #messages .message {
  display: flex;
  width: fit-content;
  flex-direction: column;
}
main.chat-view-main-wrapper .chat-box-container #chatbox #messages .message p {
  margin: 0;
  color: #ffffff;
}
main.chat-view-main-wrapper .chat-box-container #chatbox #messages .message.user {
  background-color: #3f3f3f;
  border-radius: 21px 0px 20px 21px;
  color: #ffffff;
  justify-content: flex-end;
  padding: 0.625rem 1.25rem;
  margin-left: auto;
}
main.chat-view-main-wrapper .chat-box-container #chatbox #messages .message.bot {
  background-color: #73c059;
  color: #ffffff;
  border-radius: 20px 21px 21px 0px;
}
main.chat-view-main-wrapper .chat-box-container iframe {
  border-radius: 20px;
  width: 100%;
}
.chat-view-wrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #ffffffa3;
  padding: 1.563rem 0 3.125rem;
  backdrop-filter: blur(36px);
  -webkit-backdrop-filter: blur(36px);
}
@media screen and (max-width: 576px) {
  .chat-view-wrapper {
    padding: 1.563rem 0;
  }
}
.chat-view-wrapper .chat-input-wrapper {
  height: 60px;
  border-radius: 1rem;
  border: 1px solid #728e69;
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.75rem;
}
.chat-view-wrapper .chat-input-wrapper:hover {
  border: 2px solid #808080;
}
.chat-view-wrapper .chat-input-wrapper:focus-within {
  border: 2px solid #73c059;
}
.chat-view-wrapper .chat-input-wrapper:focus-within .btn .img-active {
  display: block;
}
.chat-view-wrapper .chat-input-wrapper:focus-within .btn .img-default {
  display: none;
}
.chat-view-wrapper .chat-input-wrapper input {
  border: none;
  outline: none;
  box-shadow: none;
  padding: 0;
  background: transparent;
}
.chat-view-wrapper .chat-input-wrapper .btn .img-active {
  display: none;
}