body,
html {
  font-family: "Montserrat", sans-serif;
  scroll-behavior: smooth;
}

.hero-gradient {
  background: linear-gradient(to right, #2faec3, #f6ba2f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.collapsible {
  background-color: #fff;
  color: black;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border-bottom: 1px solid rgb(230, 230, 230);
  text-align: left;
  outline: none;
  font-size: 16px;
}

.content {
  padding: 20px;
  display: none;
  overflow: hidden;
}

.nunito-400 {
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.nunito-500 {
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.nunito-600 {
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

.nunito-700 {
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}