* {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
a {
  text-decoration: none;
}
ol,
ul {
  list-style: none;
}

body {
  font-size: 1rem;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
}

:root {
  --default: "";
}
.no-scroll {
  overflow: hidden;
}
html {
  scroll-behavior: smooth;
}
section {
  scroll-margin-top: 120px; /* Adjust based on header height */
}

.scrollbar::-webkit-scrollbar {
  width: 5px;
}

.scrollbar::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}

.scrollbar::-webkit-scrollbar-thumb:hover {
  background: #aaa;
}


/* main */
main{
  padding-top: 233px;
}
@media screen and (min-width:640px) {
  main{
    padding-top: 114px;
  }
}
@media screen and (min-width:1024px) {
  main{
    padding-top: 249px;
  }
}