.scroll-container {
        display: flex;
        overflow-x: auto;
        scroll-behavior: smooth;
        /* white-space: nowrap; */
        gap: 20px; /* Adds spacing between items*/
        padding: 10px; 
    }

.scroll-container::-webkit-scrollbar {
        display: none; /* Hide scrollbar */
    }
    
.scroll-item {
        min-width: 30%; /* Each item takes half of the viewport width */
        max-width: 350px;
        flex: 0 0 auto; /* Prevents items from shrinking */
    }

.digit-input {
        width: 40px;
        height: 50px;
        font-size: 24px;
        text-align: center;
        border: 2px solid #ced4da;
        border-radius: 5px;
        margin: 5px;
    }
.digit-input:focus {
        border-color: #007bff;
        outline: none;
        box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
    }