#dropdown-1 {
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

#dropdown-1.active {
  display: block;
  opacity: 1;
}

#dropdown-3 {
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

#dropdown-3.active {
  display: block;
  opacity: 1;
}
.has-scrolled {
  color: #F0E8D3;
  background-color: #232822;
}

.has-scrolled-invert {
  background-color: white;
}

color:
}

/* General div styles */
div {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400; /* specific to p tags */
  letter-spacing: .23px;
}

/* Ensure h1, h2, etc., have higher priority */
h1, h2, h3, h4, h5, h6 {
  font-size: inherit; /* Adjust as needed */
  line-height: inherit; /* Adjust as needed */
  font-weight: inherit; /* Adjust as needed */
  letter-spacing: inherit; /* Adjust as needed */
}

/* Specifically target div inside h1, h2, etc. */
h1 div, h2 div, h3 div, h4 div, h5 div, h6 div {
  font-size: inherit; /* Or specify a custom size */
  line-height: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
}

/* Small devices (phones) - up to 640px */
@media (max-width: 640px) {
  div {
    font-size: 14px;
    line-height: 26px;
    font-weight: 400; /* specific to p tags */
    letter-spacing: .23px;
  }

  /* Ensure h1, h2, etc., still take precedence on small devices */
  h1 div, h2 div, h3 div, h4 div, h5 div, h6 div {
    font-size: inherit; /* Or specify a custom size */
    line-height: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
  }
}

/* Medium devices (tablets) - 641px to 1024px */
@media (min-width: 641px) and (max-width: 1024px) {
  div {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400; /* specific to p tags */
    letter-spacing: .23px;
  }

  h1 div, h2 div, h3 div, h4 div, h5 div, h6 div {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
  }
}

/* Large devices (desktops) - 1025px to 1280px */
@media (min-width: 1025px) and (max-width: 1280px) {
  div {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400; /* specific to p tags */
    letter-spacing: .23px;
  }

  h1 div, h2 div, h3 div, h4 div, h5 div, h6 div {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
  }
}


.gap-y-8 {
 row-gap: 32px; 
}

/* Extra large devices (larger desktops) - 1281px and above */
@media (min-width: 1281px) {
  div {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400; /* specific to p tags */
    letter-spacing: .23px;
  }

  h1 div, h2 div, h3 div, h4 div, h5 div, h6 div {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
  }
}