html {
  scroll-behavior: smooth;
  max-width: 100vw;
  overflow-x: hidden;
}

body {
  /* margin: 0;
  padding: 0; */
  box-sizing: border-box;
  overflow-x: hidden;
  background-color: white;
  max-width: 100vw;
}

    @media (max-width: 768px) {
      body {
        margin: 0;
        padding: 0; 
     }
   }

a {
    text-decoration: none;
}

/* ------------------------------------------------------------- */

/* Scrolling Animation - Transition  */
.fade-in-section {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  will-change: opacity, transform;
}

.fade-in-section.visible {
  opacity: 1;
  transform: translateY(0);
}

.delay-1 {
  transition-delay: 0.3s;
}

.delay-2 {
  transition-delay: 0.3s;
}

.delay-3 {
  transition-delay: 0.3s;
}