/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
.hs-menu-wrapper ul {
  display: flex;
  flex-direction: column;
  gap: 1.5rem; /* This is the spacing between each element. 1rem = your base font size; most likely 16px */
  align-items: center; /* Center items horizontally in column layout */
  justify-content: center; /* Center items vertically in column layout */
}

@media screen and (min-width: 1024px) {
  .hs-menu-wrapper ul {
    flex-direction: row;
    justify-content: center; /* Center items horizontally in row layout */
    align-items: center; /* Center items vertically in row layout */
  }
      .badges {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-bottom: 24px;
    }

    .badge {
      background: rgba(6, 182, 212, 0.1);
      border: 1px solid rgba(6, 182, 212, 0.3);
      color: var(--accent);
      padding: 8px 12px;
      border-radius: 8px;
      font-size: 12px;
      font-weight: 600;
      transition: all var(--transition);
    }

    .badge:hover {
      background: rgba(6, 182, 212, 0.2);
      border-color: var(--accent);
    }
}
}/*****************************************/