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

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow-x: hidden;
  max-width: 100vw;
}

a {
    text-decoration: none;
}
/* ------------------------------------------------------------- */
  #whatsappIcon {
    width: 50px;
    height: 50px;
    display: inline-block;
    object-fit: contain;
    vertical-align: middle;
  }

  #whatsappIconLink {
    position: fixed; 
    right: 20px; 
    z-index: 2001;
    bottom: 40px; 
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;

  box-shadow: 0 0 5px #25D366, 0 0 10px #25D366, 0 0 80px #25D366;
  animation: glow 1.5s infinite alternate;
  background-color: transparent;
  }

  @media (max-width: 1300px) {
      #whatsappIcon {
        width: 35px;
        height: 35px;
     }
   }

    @media (max-width: 1300px) {
        #whatsappIconLink {
         bottom: 20px; 
     }
   }
/* ------------------------------------------------------------ */
/* 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;
}

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

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