@import url("header.css");
@import url("hero.css");
@import url("about.css");
@import url("programmes.css");
@import url("video.css");
@import url("education.css");
@import url("gallery.css");
@import url("newsletter.css");
@import url("footer.css");
@import url("responsive.css");

@import url("about-page.css");
@import url("program-page.css");
@import url("activity-page.css");
@import url("calendar-page.css");
@import url("contact-page.css");

body {
  margin: 0;
  font-family: "Averia Sans Libre", Sans-serif;
  box-sizing: border-box;
  /* text-decoration: none; */
}

a{
  text-decoration: none;
  color: inherit;
}

/* Hide default cursor */
body {
  cursor: none;
}

/* Inner dot */
.cursor-dot {
  width: 8px;
  height: 8px;
  background: #f4a15d;
  border-radius: 50%;
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 999999;
  transform: translate(-50%, -50%);
}

/* Outer circle */
.cursor-outline {
  width: 35px;
  height: 35px;
  border: 2px solid #f4a15d;
  border-radius: 50%;
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 999998;
  transform: translate(-50%, -50%);
  transition: all 0.08s ease-out;
}

/* Hover effect on links/buttons */
a:hover ~ .cursor-outline,
button:hover ~ .cursor-outline {
  transform: translate(-50%, -50%) scale(1.5);
}


@media (max-width: 768px) {
    body {
        cursor: auto;
    }
    .cursor-dot,
    .cursor-outline {
        display: none;
    }
}