@font-face {
  font-family: "Charter-Black";
  src: url("./assets/fonts/Charter/Charter-Black.ttf");
}
@font-face {
  font-family: "Charter-BlackItalic";
  src: url("./assets/fonts/Charter/Charter-BlackItalic.ttf");
}
@font-face {
  font-family: "Charter-Bold";
  src: url("./assets/fonts/Charter/Charter-Bold.ttf");
}
@font-face {
  font-family: "Charter-Italic";
  src: url("./assets/fonts/Charter/Charter-Italic.ttf");
}
@font-face {
  font-family: "Charter";
  src: url("./assets/fonts/Charter/Charter-Roman.ttf");
}

@font-face {
  font-family: "Charter-Black";
  src: url("./assets/fonts/Charter/Charter-Black.ttf");
}

@font-face {
  font-family: "CircularStd-Bold";
  font-weight: bold;
  src: url("./assets/fonts/CircularStd-Bold.ttf");
}
@font-face {
  font-family: "CircularStd-Medium";
  font-weight: 500;
  src: url("./assets/fonts/CircularStd-Medium.ttf");
}
@font-face {
  font-family: "CircularStd-Book";
  font-weight: normal;
  src: url("./assets/fonts/Circular-Book.ttf");
}

*,
html {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
body {
  font-family: "CircularStd-Book", Arial, sans-serif;
  color: #003e29;
  font-size: 14px;
}

.header-section {
  background-image: url("./assets/images/background.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
}
.header-section-green {
  background-image: url("./assets/images/background-yellow.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
}

#mobile-menu {
  opacity: 0;
  transform: translateY(-20px);
}

#mobile-menu.show {
  opacity: 1;
  transform: translateY(0);
}

.active-faq {
  color: #008000; /* Text in green */
  font-weight: bold;
  border-left: 4px solid #008000; /* Green border */
  padding-left: 1rem; /* Ensure padding aligns */
}