/* Style for each section */
.fade-in-section {
  /* height: auto; Let the section height adjust based on content */
  /* padding: 60px 20px; Adjust padding based on your design */
  /* margin-bottom: 50px; Space between sections */
  /* display: flex; */
  /* justify-content: center; */
  /* align-items: center; */
  /* font-size: 2rem; */
  opacity: 0; /* Initially hidden */
  transform: translateY(70px); /* Sections start slightly below the viewport */
  transition: opacity 1s ease, transform 1s ease; /* Smooth fade-in and slide-in effect */
  /* background-color: #f0f0f0; Light background for better visibility */
  /* text-align: center; Center text horizontally */
}

/* Make the section visible when it enters the viewport */
.fade-in-section.visible {
  opacity: 1; /* Make the section fully visible */
  transform: translateY(0); /* Bring the section back to its normal position */
}