.blob{width:100%;box-shadow:0 0 0 0#000;transform:scale(1);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(0,0,0,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px transparent}to{transform:scale(.95);box-shadow:0 0 0 0 transparent}}.promocode{border-style:dashed;font-size:2em;margin:auto;width:50%;padding:10px;text-align:center;display:block}.cta-button{display:inline-block;padding:.5rem 1rem;background-color:#07c;color:#fff;text-align:center;font-size:14px;font-weight:600;text-decoration:none;border-radius:3px;transition:background-color .3s}.cta-button:hover{background-color:#005fa3;text-decoration:none}@media (max-width:767px){.hide-on-mobile{display:none}}
  /* General desktop styles */
  .header__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    background-color: #30823E;
  }

  .main__logo {
    width: 150px;
  }

  .jet-nav ul {
    display: flex;
    gap: 20px;
  }

  .jet-nav ul li a {
    color: white;
    text-decoration: none;
  }

  .header__buttons .btn {
    color: white;
    padding: 10px 20px;
    border: 2px solid #fff; /* border */
    color: #fff; /* text */
    border-radius: 5px;
    text-decoration: none;
    margin-left: 10px;
  }
  
  /* Styling only the Login button */
  .header__buttons a:nth-child(1) {
    background-color: transparent; /* Transparent background */
    background-color: #fff;
    color: #30823E; /* Purple text */
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
	animation: pulse 2s infinite;
  }

  /* Hover effect for Login button */
  .header__buttons a:nth-child(1):hover {
    background-color: #EAD02C; /* Purple background on hover */
    color: #ffffff; /* White text on hover */
  }
  

  .burger-menu {
    display: none;
    cursor: pointer;
  }

  /* Desktop-only layout change */
  @media (min-width: 1025px) {
    .header__wrapper {
      flex-direction: row;
    }

    /* Adjusting the layout order */
    .jet-nav {
      order: 2; /* Menu will be in the center */
    }

    .header__buttons {
      order: 3; /* Buttons will be on the right */
      display: flex;
    }

    .main__logo {
      order: 1; /* Logo will stay on the left */
    }
  }

  /* Mobile and tablet styles */
  @media (max-width: 1024px) {
    .header__wrapper {
      flex-direction: column;
      align-items: flex-start;
    }

    .top-row {
      display: flex;
      justify-content: space-between;
      width: 100%;
    }

    .burger-menu {
      display: block;
      margin-left: auto;
    }

    .jet-nav {
      display: none;
      flex-direction: column;
      width: 100%;
      align-items: center;
    }

    .header__buttons {
      margin-top: 10px;
      display: flex;
      justify-content: center;
      width: 100%;
    }

    .burger-menu.active + .jet-nav {
      display: flex;
    }

    .jet-nav.active {
      display: flex;
      flex-direction: column;
      width: 100%;
      background-color: #30823E;
      position: absolute;
      top: 60px;
      left: 0;
    }

    .jet-nav ul {
      flex-direction: column;
      gap: 15px;
      padding: 20px 0;
    }

    .jet-nav ul li a {
      color: white;
      padding: 10px;
      width: 100%;
      text-align: center;
    }
  }
	@media (min-width: 768px) {
	.two-column {
		display: flex;
		gap: 20px;
	}
	.column {
		flex: 1;
		padding: 10px;
	}
