#header-container.header .header__col.header-logo,
#header-container.header .header__col.header-logo a {
  height: 50px;
}

#header-container.header .header__col.header-logo {
  width: 270px;
  margin-bottom: var(--spacing-10px);
  order: 0;
}

#header-container.header .header__col.header-logo a {
  display: var(--display-block);
  position: var(--relative);
}

#header-container.header .header__col p {
  font-family: var(--font-monaspace-neon-extrabold), sans-serif;
  font-size: 0.875rem;
  font-weight: var(--font-medium);
  padding: var(--spacing-0px) var(--spacing-10px);
}

#header-container.header .header__col p a.download-link {
  color: var(--e-global-color-primary);
  font-weight: var(--font-medium);
  text-decoration: underline;
  text-decoration-color: var(--e-global-color-primary);
  text-decoration-line: underline;
  text-decoration-thickness: 3px;
  text-underline-offset: 4px;
  transition: var(--text-transition);
}

#header-container.header .header__col p a.download-link:hover {
  color: var(--e-global-color-accent);
  text-decoration-color: var(--e-global-color-accent);
}

#header-container.header .header__col.header-logo p {
  margin: var(--spacing-1px) var(--spacing-0px) var(--spacing-0px)
    var(--spacing-0px);
}

#header-container.header .header__col.header-cta {
  display: var(--display-flex);
  flex-wrap: var(--flex-wrap-wrap);
  justify-content: var(--justify-end);
  align-items: var(--items-center);
  grid-area: header-cta;
  order: 1;
}

#header-container.header .header__col.header-cta p {
  margin: var(--spacing-8px) var(--spacing-0px) var(--spacing-0px)
    var(--spacing-0px);
}

/* ==========================================================================
 * MIT License
 * Source: https://uiverse.io/aadium/smooth-cow-62
 * Copyright - 2024 aadium (Aadi Umrani)
 *
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the “Software”),
 * to deal in the Software without restriction, including without limitation
 * the rights to use, copy, modify, merge, publish, distribute, sublicense,
 * and/or sell copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included
 * in all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS
 * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
 * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
 * IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
 * DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
 * OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE
 * USE OR OTHER DEALINGS IN THE SOFTWARE.
 * ==========================================================================
 */

.button-cta {
  display: var(--display-flex);
}

.elementor-default .button-cta__link {
  background-color: var(--e-global-color-accent);
  box-shadow: var(--shadow-inner);
  -webkit-box-shadow: var(--shadow-inner);
  transition: var(--background-transition);
  border: var(--border-width-3) var(--border-style-solid) transparent;
  border-radius: var(--rounded-xl);
  padding: var(--spacing-13px) var(--spacing-30px);
  transition: 0.2s;
}

.button-cta__link:hover {
  background-color: var(--e-global-color-accent);
  border-color: var(--e-global-color-b0ba0e0);
  box-shadow: 0px 0px 5px 0px var(--e-global-color-accent);
}

.button-cta__label {
  color: var(--e-global-color-e99e4a3);
  border-right: var(--border-width-3) var(--border-style-solid) transparent;
  display: var(--display-flex);
  font-family: var(--font-monaspace-neon-bold), sans-serif;
  font-size: 1.2rem;
  font-weight: var(--font-medium);
  height: 19px;
  letter-spacing: var(--letter-spacing-1);
  overflow: hidden;
  line-height: 1.4;
  margin: 0 auto;
  text-transform: var(--text-uppercase);
  white-space: nowrap;
}

.button-cta__link:hover .button-cta__label {
  border-right: var(--border-width-3) var(--border-style-solid) #6019bd;
  animation:
    letters 1.75s steps(22, end),
    cursor 0.4s step-end infinite;

  background: linear-gradient(
    45deg,
    var(--e-global-color-e99e4a3),
    var(--e-global-color-accent)
  );
  -webkit-background-clip: text;
  /*-webkit-text-fill-color: transparent;*/
}

@keyframes letters {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}

@keyframes cursor {
  from {
    border-color: transparent;
  }

  50% {
    border-color: var(--e-global-color-e99e4a3);
  }
}

#header-nav-container {
  padding: var(--spacing-0px);
}

#header-nav-container nav {
  height: 68px;
}

#header-nav-container ul {
  width: 1280px;
  margin: var(--spacing-0px) auto;
}

#header-nav-container ul li {
  flex-grow: 1;
}

#header-nav-container ul li a {
  align-items: var(--items-center);
  flex-direction: var(--flex-col);
  font-weight: var(--font-medium);
  justify-content: var(--justify-center);
  letter-spacing: var(--letter-spacing-1);
}

#header-nav-container ul li a span {
  align-items: var(--items-end);
  display: var(--display-flex);
  flex-wrap: var(--flex-wrap-wrap);
  font-family: var(--font-monaspace-neon-regular);
  font-size: 0.6875rem;
  height: 15px;
  line-height: 1.2;
  text-transform: var(--text-normal-case);
}

#header-nav-container ul li a span.menu-item-label-top,
#header-nav-container ul li a span.menu-item-label-bottom {
  font-size: 0.6875rem;
}

#header-nav-container ul li a span.menu-item-title {
  font-family: var(--font-monaspace-neon-bold), sans-serif;
  font-size: 1.1rem;
  text-transform: var(--text-uppercase);
}

#header-nav-container ul li a span.menu-item-label-bottom {
  margin-top: var(--spacing-3px);
}

#header-nav-container .elementor-menu-toggle {
  background-color: unset;
  padding: 0px;
}

#header-nav-container .elementor-menu-toggle .e-font-icon-svg {
  fill: var(--e-global-color-e99e4a3);
  margin: var(--spacing-20px);
  padding: var(--spacing-0px);
}

#header-nav-container ul li a.elementor-item-active {
  background-color: var(--e-global-color-accent);
}

@media (prefers-color-scheme: dark) {
  .elementor-default .button-cta__link {
    background-color: var(--e-global-color-b0ba0e0);
    box-shadow: var(--shadow-inner);
    color: var(--e-global-color-de38585);
    -webkit-box-shadow: var(--shadow-inner);
    transition: var(--background-transition);
  }

  .button-cta__link:hover {
    border-color: var(--e-global-color-accent);
  }

  .button-cta__label {
    color: var(--e-global-color-de38585);
  }

  .button-cta__link:hover .button-cta__label {
    background: linear-gradient(45deg, transparent);
  }

  @keyframes cursor {
    from {
      border-color: transparent;
    }

    50% {
      border-color: var(--e-global-color-de38585);
    }
  }

  #header-container.header .header__col p a.download-link {
    color: var(--e-global-color-39af11c);
    text-decoration-color: var(--e-global-color-39af11c);
  }

  #header-container.header .header__col p a.download-link:hover {
    color: var(--e-global-color-b0ba0e0);
    text-decoration-color: var(--e-global-color-b0ba0e0);
  }

  #header-container.header .header__col p {
    color: var(--e-global-color-e99e4a3);
  }

  #header-nav-container nav,
  #header-nav-container ul li a {
    background-color: var(--e-global-color-39af11c);
  }

  #header-nav-container ul li a.elementor-item-active,
  #header-nav-container ul li a:hover {
    background-color: var(--e-global-color-b0ba0e0);
    color: var(--e-global-color-de38585);
  }

  #header-nav-container .elementor-nav-menu--dropdown-mobile {
    background-color: var(--e-global-color-39af11c);
  }

  #header-nav-container .elementor-menu-toggle .e-font-icon-svg {
    fill: var(--e-global-color-de38585);
  }
}

@media (max-width: 1280px) {
  #header-container .e-con-inner {
    padding: var(--spacing-15px) var(--spacing-20px);
  }
}

@media (min-width: 768px) and (max-width: 1140px) {
  #header-nav-container ul {
    justify-content: var(--justify-start);
    width: var(--w-full);
  }
  #header-nav-container ul li {
    flex-grow: 1;
  }
}
@media (min-width: 768px) {
  #header-nav-container ul li a {
    border-right: var(--border-width-1) var(--border-style-solid);
    border-left: var(--border-width-1) var(--border-style-solid);
    padding: var(--spacing-0px) var(--spacing-15px);
  }
}

@media (min-width: 768px) and (prefers-color-scheme: dark) {
  #header-nav-container ul li a {
    color: var(--e-global-color-de38585);
  }
}

@media (max-width: 767px) {
  #header-container.header .header__col.header-logo {
    justify-items: var(--justify-items-center);
  }

  body #header-nav-container nav.elementor-nav-menu--dropdown {
    background-color: var(--e-global-color-primary);
    height: auto;
    position: absolute;
    margin-top: var(--spacing-0px);
  }

  #header-nav-container ul li a {
    align-items: var(--items-start);
    border-color: var(--e-global-color-e99e4a3);
    border-top: var(--border-width-1) var(--border-style-solid);
    border-bottom: var(--border-width-1) var(--border-style-solid);
    color: var(--e-global-color-e99e4a3);
  }
}

@media (max-width: 767px) and (prefers-color-scheme: dark) {
  #header-nav-container ul li a,
  #header-nav-container ul li a.elementor-item-active {
    color: var(--e-global-color-de38585);
  }
}

@media (max-width: 601px) {
  #header-container .e-con-inner {
    flex-direction: var(--flex-col);
  }

  #header-container.header .header__col.header-logo {
    margin-bottom: var(--spacing-20px);
  }

  #header-container.header .header__col.header-cta {
    justify-content: var(--justify-center);
  }

  #header-container.header .header__col.header-cta .elementor-widget-container,
  #header-container.header .header__col.header-cta a {
    width: 270px;
  }

  #header-container.header .header__col.header-cta .button-cta__label {
    justify-content: var(--justify-center);
  }
}