m-range {
                width: 100%;
                height: 1.5rem;
                background-color: #e2e8f0;
                border-radius: 0.25rem;
                outline: none;
                opacity: 0.7;
                -webkit-transition: opacity 0.2s ease-in-out;
                transition: opacity 0.2s ease-in-out;
            }

            .form-range:hover {
                opacity: 1;
            }

            .form-range::-webkit-slider-thumb {
                -webkit-appearance: none;
 