@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;700&family=Prompt:wght@100;300;400;500;600;800;900&display=swap";
@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css";
.offcanvas-collapse {
  top: 12%; }
  @media (min-width: 579px) {
    .offcanvas-collapse {
      height: 100vh; } }

@media (max-width: 991.98px) {
  .hamburger-icon {
    --bs-navbar-toggler-focus-width: 0rem; }
    .hamburger-icon span {
      height: 5px;
      width: 40px;
      display: block;
      /* color: #5d8ed3; */
      /* z-index: 1; */
      position: relative;
      background: #5d8ed3;
      margin-bottom: 5px;
      transform-origin: 42px -18px;
      transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease; }
      .hamburger-icon span:first-child {
        transform-origin: 0% 0%; }
      .hamburger-icon span:nth-last-child(2) {
        transform-origin: 0% 100%; }
    .hamburger-icon.hamburger-act span {
      opacity: 1;
      transform: rotate(45deg) translate(-2px, -1px);
      transform: rotate(45deg) translate(14px, -1px);
      background: #232323; }
      .hamburger-icon.hamburger-act span:nth-last-child(3) {
        opacity: 0;
        transform: rotate(0deg) scale(0.2, 0.2); }
      .hamburger-icon.hamburger-act span:nth-last-child(2) {
        transform: rotate(-45deg) translate(0, -1px);
        transform: rotate(-45deg) translate(-1px, 14px); }

  .offcanvas-collapse {
    position: fixed;
    bottom: 0;
    left: 100%;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: #fff;
    transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out; }

  .offcanvas-collapse.open {
    visibility: visible;
    transform: translateX(-100%);
    z-index: 1; } }
.user-bottom {
  position: fixed;
  bottom: 5%;
  bottom: calc(100vh - 92vh);
  width: 100%; }
  .user-bottom .user-bottom--inner {
    width: 88%;
    margin: 0 auto;
    display: block; }
    .user-bottom .user-bottom--inner .ph-caret-down {
      transform: rotate(180deg); }
  .user-bottom .region-nav-additional {
    position: absolute;
    inset: auto auto 0px 0px;
    transform: translate(40px, -55px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    z-index: 1000;
    min-width: 10rem;
    padding: 0.5rem 0;
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 0.25rem; }
    .user-bottom .region-nav-additional ul li {
      display: block;
      width: 100%; }
      .user-bottom .region-nav-additional ul li a {
        padding: 0.25rem 1rem; }

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden; }

.nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  color: rgba(255, 255, 255, 0.75);
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch; }

.nav-underline .nav-link {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  color: #6c757d; }

.nav-underline .nav-link:hover {
  color: #007bff; }

.nav-underline .active {
  font-weight: 500;
  color: #343a40; }

.text-white-50 {
  color: rgba(255, 255, 255, 0.5); }

.bg-purple {
  background-color: #6f42c1; }

/*# sourceMappingURL=offcanvas.css.map */