html {
  box-sizing: border-box;
  scroll-behavior: smooth;
}

body {
  --chat-background-color: #466F67;
}

* {
  box-sizing: inherit;
}

.chat-include-wrapper .bluechat, .chat-include-wrapper .lightbluebg {
  margin-bottom: 0 !important;
}
@media (max-width: 990px) {
  .chat-include-wrapper .bluechat, .chat-include-wrapper .lightbluebg {
    margin-bottom: 1.25rem !important;
  }
}

@media (max-width: 768px) {
  .bluechat .chathead .karlachat img {
    margin: 15px 5px 10px 24px !important;
  }

  .bluechat .chathead .chatarrow img {
    margin-left: 8px !important;
  }
}
@media (max-width: 320px) {
  .bluechat.is-visible, .bluechat {
    width: auto;
  }
}
.chatbutton {
  display: none;
}

img {
  height: auto;
  max-width: 100%;
}

#faq {
  margin-bottom: 0 !important;
}

.visual-wrap {
  position: relative;
  margin: 2rem auto 0 auto;
  max-width: 450px;
  width: 100%;
}

.notification-boxes {
  background: linear-gradient(15deg, rgba(255, 255, 255, 0.98), 50%, rgba(255, 255, 255, 0.85)), #2D74FF;
  border-radius: 0.5rem;
  width: 100%;
}

.signature {
  position: relative;
  position: relative;
  max-width: 100%;
}
.signature .johnsmith {
  max-width: 42%;
  top: 40%;
  position: absolute;
  z-index: 2;
  right: 18%;
}
.signature img {
  width: 100%;
}

.notifications {
  position: absolute;
  top: 0;
  left: 0;
}
.notifications g.st29 {
  -webkit-backdrop-filter: blur(24px) !important;
  backdrop-filter: blur(24px) !important;
}

.usaicons {
  background: #97B2AB;
  border-radius: 4px;
  position: relative;
  margin: 0;
  display: flex;
  justify-content: space-evenly;
  text-align: center;
  padding: 2rem 1rem;
}

.demo-pulse {
  animation: demo-pulse 1.4s infinite;
}

.demo-bg {
  background:#CED9DE;
  padding: 3rem 0;
}

.bg-light {
  background: linear-gradient(0deg, white, 50%, rgba(255, 255, 255, 0.93)), var(--info-blue);
}

@keyframes demo-pulse {
  0% {
    transform: scale(1);
  }
  70% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

.light-bg {
  background: linear-gradient(15deg, rgba(255, 255, 255, 0.98), 50%, rgba(255, 255, 255, 0.85)), #2D74FF;
}

.workflow-section {
  padding: 3rem 1rem;
  position: relative;
  background: #F0ECE2;
  border-radius: 8px;
}
.workflow-section .workflow-card {
  display: flex;
  flex-direction: column;
  margin: 0 0.5rem;
}
.workflow-section .workflow-card div:first-child {
  min-height: 94px;
  display: flex;
  align-items: center;
}
.workflow-section .workflow-slider {
  display: flex;
}
.workflow-section .slick-track {
  justify-content: center;
  align-items: center;
  height: 100%;
}
.workflow-section span.workflow-title {
  font-family: var(--font-medium);
  font-size: 1.125rem;
  margin-top: 1rem;
}
.workflow-section p.workflow-description {
  font-family: var(--font-regular);
  margin-top: 0.5rem;
  font-size: 1rem;
}
.workflow-section img.workflow-icon {
  display: block;
  margin: 0 auto;
}
.workflow-section .workflow-card {
  padding: 1rem 1.5rem 2rem;
  background-color: white;
  box-shadow: 0px 12px 20px rgba(45, 116, 255, 0.05);
  border-radius: 4px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .reportcard {
    position: absolute;
    left: 0;
  }

  .drop {
    margin-top: 6.5rem;
  }

  .mySlides {
    min-height: 23rem;
    overflow-y: visible;
  }

  .test-img {
    width: 3rem;
    border-radius: 4rem;
    position: relative;
    margin: 2rem auto 0 auto;
    display: block;
  }

  .credit {
    width: 90%;
    margin: 0 auto;
    position: relative;
    bottom: -15%;
    left: 0%;
    right: 0%;
  }

  .creditname, .creditinfo {
    text-align: left;
  }

  .padding30 {
    padding: 0;
  }

  .testimonials h2 {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 990px) {
  .testimonials {
    margin-bottom: 0;
  }
}
@media (max-width: 990px) {
  h2 {
    font-size: 2rem;
  }
}
.lightbluebg {
  background: transparent;
}

.slider {
  background: transparent;
}

.notification-boxes .visual-wrap {
  display: grid;
  grid-template-areas: "layers";
}

.notification-boxes .visual-wrap > * {
  grid-area: layers;
}

.integrations {
  background-color: #0a0a0a;
  padding-top:0 !important;
}

.integrations .slider {
  background: transparent;
}

.container.trusted-by-container.mb-6x {
  margin-bottom: 4rem !important;
}