html {
      scroll-behavior: smooth;
    }

    .hero-bg {
      background: linear-gradient(to left, rgb(0, 0, 0, .8), rgb(0, 0, 0, .8)), url("assets/unnamed.webp");
      background-position: center;
      background-size: 100% auto;
      transform: scale(1.02);
    }

    .main-nav.open {
      display: flex !important;
    }

    .spinner {
      display: none;
      animation: spin .8s linear infinite;
    }

    .btn-submit.loading .spinner {
      display: inline-block;
    }

    .btn-submit.loading .submit-text {
      opacity: .85;
    }

    @keyframes spin {
      to {
        transform: rotate(360deg);
      }
    }

    .hp-field {
      position: absolute !important;
      left: -10000px !important;
      width: 1px;
      height: 1px;
      overflow: hidden;
    }

    @media (max-width: 780px) {
      body {
        padding-bottom: 58px;
      }
    }