@media (max-width: 767.98px) {
    .btn-sm-mobile {
      font-size: 12px;
      padding: 0.25rem 0.5rem;
    }

    .navbar-brand-logo {
      max-width: 100px;
    }

    .container-fluid {
      --bs-gutter-x: .7rem !important;
    }
  }

  .container-doc {
    padding-left: 5rem !important;
  }

  .vsmall {
    margin-left: -5rem !important;
  }


.cs-realtime {
    text-align: center;
    background: linear-gradient(325deg, #00f57e 0%, #984ef8 100%);
    background-size: 200% auto;
    color: #000;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: shine 1s linear infinite;
    animation: shine 1s linear infinite;
  }

  @-webkit-keyframes shine {
    to {
      background-position: 200% center;
    }
  }

  @keyframes shine {
    to {
      background-position: 200% center;
    }
  }