.mobile-menu-btn {
  display: none;
  cursor: pointer; }
  @media (max-width: 700px) {
    .mobile-menu-btn {
      display: block; } }
  .mobile-menu-btn .menu-icon {
    position: relative;
    margin: 0px;
    transform: rotate(0deg);
    transition: .5s ease-in-out;
    cursor: pointer;
    display: block; }
    .mobile-menu-btn .menu-icon:before, .mobile-menu-btn .menu-icon:after, .mobile-menu-btn .menu-icon span {
      display: block;
      position: absolute;
      height: 3px;
      width: 100%;
      background: #3F2F78;
      border-radius: 3px;
      content: '';
      transition: all 0.3s ease-in-out; }
    .mobile-menu-btn .menu-icon:before {
      top: 0px; }
    .mobile-menu-btn .menu-icon span {
      top: 10px; }
    .mobile-menu-btn .menu-icon:after {
      bottom: 0px; }

.mobile-sidebar {
  position: fixed;
  top: 0;
  right: -280px;
  width: 280px;
  height: 100%;
  background-color: white;
  z-index: 1000;
  transition: right 0.3s ease-in-out;
  box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
  overflow-y: auto; }
  .mobile-sidebar.active {
    right: 0; }
  .mobile-sidebar .sidebar-header {
    display: flex;
    justify-content: flex-end;
    padding: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .mobile-sidebar .sidebar-header .close-btn {
      font-size: 20px;
      cursor: pointer;
      color: #3F2F78; }
  .mobile-sidebar .sidebar-links {
    display: flex;
    flex-direction: column;
    padding: 20px; }
    .mobile-sidebar .sidebar-links .link {
      padding: 15px 0;
      border-bottom: 1px solid rgba(0, 0, 0, 0.05);
      text-decoration: none;
      color: #19154E;
      font-weight: 600;
      transition: color 0.2s; }
      .mobile-sidebar .sidebar-links .link:last-child {
        border-bottom: none;
        margin-top: 20px; }
      .mobile-sidebar .sidebar-links .link button {
        width: 100%;
        padding: 10px;
        background-color: #3F2F78;
        color: white;
        border: none;
        border-radius: 5px;
        cursor: pointer; }
      .mobile-sidebar .sidebar-links .link:hover {
        color: #3F2F78; }

.sidebar-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
  display: none; }

.header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
  padding: 1.25rem 1.875rem;
  background-color: transparent; }
  .header-options {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 25px; }
    @media (max-width: 700px) {
      .header-options {
        display: none; } }
  .header .link {
    text-decoration: none;
    color: #19154E;
    font-weight: 700;
    font-size: 0.875rem;
    cursor: pointer; }
    .header .link .link-button {
      background-color: #3F2F78;
      padding: 0.5rem 1rem;
      border-style: none;
      border-radius: 8px;
      cursor: pointer;
      font-weight: 700;
      transition: all 0.3s ease-in-out;
      color: #E7E9EB;
      font-size: 0.875rem; }
      .header .link .link-button:hover {
        opacity: 0.8; }

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