html {
  scroll-behavior: smooth;
}

.primary-button,
.frame-10 {
  position: relative;
}

.primary-button > .lower-left,
.primary-button > .lower-right,
.primary-button > .upper-right,
.primary-button > .upper-left,
.frame-10 > .lower-left,
.frame-10 > .lower-right,
.frame-10 > .upper-right,
.frame-10 > .upper-left {
  transition: transform 100ms ease;
  will-change: transform;
}

@media (hover: hover) and (min-width: 768px) {
  .primary-button:hover > .lower-left,
  .primary-button:focus-within > .lower-left,
  .link-block:focus-visible .primary-button > .lower-left,
  .frame-10:hover > .lower-left,
  .frame-10:focus-within > .lower-left {
    transform: translate(5px, -5px);
  }

  .primary-button:hover > .lower-right,
  .primary-button:focus-within > .lower-right,
  .link-block:focus-visible .primary-button > .lower-right,
  .frame-10:hover > .lower-right,
  .frame-10:focus-within > .lower-right {
    transform: translate(-5px, -5px);
  }

  .primary-button:hover > .upper-right,
  .primary-button:focus-within > .upper-right,
  .link-block:focus-visible .primary-button > .upper-right,
  .frame-10:hover > .upper-right,
  .frame-10:focus-within > .upper-right {
    transform: translate(-5px, 5px);
  }

  .primary-button:hover > .upper-left,
  .primary-button:focus-within > .upper-left,
  .link-block:focus-visible .primary-button > .upper-left,
  .frame-10:hover > .upper-left,
  .frame-10:focus-within > .upper-left {
    transform: translate(5px, 5px);
  }

  .primary-button:hover > .lower-left,
  .primary-button:hover > .lower-right,
  .primary-button:hover > .upper-right,
  .primary-button:hover > .upper-left,
  .primary-button:focus-within > .lower-left,
  .primary-button:focus-within > .lower-right,
  .primary-button:focus-within > .upper-right,
  .primary-button:focus-within > .upper-left,
  .link-block:focus-visible .primary-button > .lower-left,
  .link-block:focus-visible .primary-button > .lower-right,
  .link-block:focus-visible .primary-button > .upper-right,
  .link-block:focus-visible .primary-button > .upper-left,
  .frame-10:hover > .lower-left,
  .frame-10:hover > .lower-right,
  .frame-10:hover > .upper-right,
  .frame-10:hover > .upper-left,
  .frame-10:focus-within > .lower-left,
  .frame-10:focus-within > .lower-right,
  .frame-10:focus-within > .upper-right,
  .frame-10:focus-within > .upper-left {
    transition-duration: 100ms;
    transition-timing-function: ease-in;
  }
}

@media screen and (max-width: 991px) {
  .menu-button.w-nav-button {
    border: 0;
    display: block;
  }

  .menu-button:focus-visible {
    border: 0;
    outline: 2px solid #000;
    outline-offset: 2px;
  }

  .mobile-menu {
    float: none;
    width: auto;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 20;
    top: 70px;
    left: 20px;
    right: 20px;
    transition: max-height 400ms ease, opacity 400ms ease;
  }

  .navbar-logo-center-container.is-nav-open .mobile-menu {
    display: block;
  }

  .mobile-menu.is-open {
    display: block;
    max-height: 340px;
    opacity: 1;
    pointer-events: auto;
  }
}

.w-form.is-submitted form {
  display: none;
}

.turnstile-field {
  display: none;
}

.turnstile-field.is-enabled {
  display: block;
  margin-top: 12px;
  margin-bottom: 12px;
}

@media screen and (max-width: 360px) {
  .navbar-brand-three {
    margin-left: 8px;
    margin-right: 8px;
  }

  .button-text.dark {
    min-width: 0;
    font-size: 1.2rem;
  }

  .position-date-wrapper {
    min-width: 88px;
    margin-left: 8px;
    margin-right: 8px;
  }

  .div-block-8 {
    grid-row-gap: 16px;
    flex-direction: column;
  }

  .div-block-9 {
    width: 100%;
  }
}

@media screen and (min-width: 992px) {
  .mobile-menu {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .primary-button > .lower-left,
  .primary-button > .lower-right,
  .primary-button > .upper-right,
  .primary-button > .upper-left,
  .frame-10 > .lower-left,
  .frame-10 > .lower-right,
  .frame-10 > .upper-right,
  .frame-10 > .upper-left {
    transition: none;
  }

  .mobile-menu {
    transition: none;
  }
}