/* Custom scrollbar styles */
::-webkit-scrollbar {
    width: 12px; /* Adjust the width as needed */
  }
  
  ::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom, #a8e063, #56ab2f); /* Gradient from light green to olive green */
    border-radius: 10px; /* Rounded corners for the scrollbar thumb */
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(to bottom, #9bd856, #4f9927); /* Darker gradient on hover */
  }
  
  ::-webkit-scrollbar-track {
    background: #f1f1f1; /* Background color of the scrollbar track */
    border-radius: 10px;
  }
 html{
    scroll-behavior: smooth;
 }
 .fade-in-section {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  }
  
  .fade-in-section.is-visible {
    opacity: 1;
    transform: translateY(0);
  }


  @media (min-width: 212px) and (max-width: 788px) {
    .hidden-sm-only {
        display: none;
    }
    .show-sm-only {
        display: flex;
    }

}