/* ---------- Global Reset ---------- */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Quicksand', sans-serif;
}
body {
  cursor: none;
  height: 100%;
  background-color: #e0e0e0;
  background-image: url('https://www.transparenttextures.com/patterns/dark-circles.png');
}

/* ---------- Custom Cursor ---------- */
.custom-cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 2px solid red;
  border-radius: 50%;
  background: #fff;
  pointer-events: none;
  z-index: 9999999;
  transform: translate(-50%, -50%);
  transition: transform 0.05s ease-out;
}

.custom-header {
  padding-top: 100px;
  z-index: 10;
  position: relative;
  height: 10vh;
}

.bamboo-img {
  position: absolute;
  top: 0;
  left: 0;
  width: clamp(90px, 20vw, 200px);
  z-index: 100;
  pointer-events: none;
  filter: drop-shadow(1px 1px 10px rgba(0, 0, 0, 0.5));
}

/* section1 starts here  */
.section1 {
  position: relative;
  height: 80vh;
  display: flex;
  align-items: center; 
  justify-content: center;
}

.sec1-p {
  display: flex;
  flex-direction: column;
  font-size: clamp(14px, 2vw, 18px);
  line-height: 2;
  font-weight: 500;
  width: 90%;
  text-align: justify;
  margin: 0 auto; 
  color: rgb(96, 95, 95);
}
.site-logo {
  position: absolute;
  height: 10vh;
  bottom: 6%;
  right: 8%;
  width: clamp(120px, 15vw, 180px);
}
.site-logo img {
  width: 100%;
  height: auto;
}