* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
body,
html {
  width: 100%;
  height: 100%;
}
body {
  color: black;
  overflow-y: scroll;
  --header-height: 155px;
    font-family: "Roboto", sans-serif;

  --min-content-height: calc(100vh - var(--header-height) - 518px);
  @media screen and (max-width: 1023px) {
    --header-height: 57px;
    --min-content-height: calc(100vh - var(--header-height) - 460px);
  }
  background-color: #fff;
  
}
.customScroll {
  overflow-y: scroll;
}
.customScroll::-webkit-scrollbar {
  -webkit-appearance: none;
  cursor: pointer;
}
.customScroll::-webkit-scrollbar:vertical {
  width: 10px;
}
.customScroll::-webkit-scrollbar:horizontal {
  height: 10px;
}
.customScroll::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: rgba(246, 246, 246, 0.5);
}
li {
  list-style-type: none;
}
a {
  text-decoration: none;
  color: inherit;
}
h1,
h2,
h3 {
  margin: 0;
}
button,
input[type="reset"],
input[type="submit"] {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}
fieldset {
  border: none;
  padding: 0;
  margin: 0;
}