/* style.css */
input[type="range"] {
    height: 6px;
    border-radius: 9999px;
    background: linear-gradient(to right, #6e40c9 0%, #6e40c9 100%);
    outline: none;
    appearance: none;
  }
  
  
  input[type="range"]::-moz-range-thumb {
    height: 14px;
    width: 14px;
    border-radius: 9999px;
    background: white;
    cursor: pointer;
    border: none;
  }

  .section-fade {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 1.0s ease;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  
  .section-fade.visible {
    opacity: 1;
    visibility: visible;
    position: relative;
    z-index: 10;
  }
  

  @keyframes fadeInUp {
    0% {
      opacity: 0;
      transform: translateY(10px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  .fade-in-up {
    animation: fadeInUp 0.8s ease both;
  }