body {
  margin: 0;
  padding: 0;
  font-family: Open Sans;
}

* {
  box-sizing: border-box;
  line-height: normal;
  font-family: inherit;
  margin: unset;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  text-decoration: none;
  display: block;
}

ul {
  margin: 0;
  margin-inline: unset !important;
  padding: 0;
  list-style: none;
}

details {
  width: 100%;
}

details > summary {
  list-style: none;
}

input {
  background-color: transparent;
  width: 100%;
}

[type="text"],
input:where(:not([type])),
[type="email"],
[type="url"],
[type="password"],
[type="number"],
[type="date"],
[type="datetime-local"],
[type="month"],
[type="search"],
[type="tel"],
[type="time"],
[type="week"],
[multiple],
textarea,
select,
button {
  appearance: none;
  background-color: transparent;
  border-color: unset;
  border-width: 0;
  border-radius: unset;
  padding: unset;
  font-size: unset;
  line-height: unset;
  color: inherit;
}
input:focus-visible,
[multiple]:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: none;
}

/* Responsive adjustments for smaller screens */
@media only screen and (max-width: 550px) {
  body {
    font-size: 14px;
  }

  img {
    max-width: 100%;
    height: auto;
  }

  a {
    font-size: 14px;
  }

  ul {
    padding-left: 20px;
  }

  input {
    font-size: 14px;
  }

  button {
    font-size: 14px;
    padding: 10px;
  }

  details > summary {
    font-size: 16px;
  }
}


.header__menu a.active p {
  font-weight: bold;
  color: #d67f0d; /* Change to any color you prefer */
}