.background-radial-gradient {
            background-color: hsl(0, 0%, 0%);
        }
        /* Style for the logo */
        .logo {
            display: inline-block; /* Display the logo inline */
            vertical-align: middle; /* Center the logo vertically */
            padding: 8px; /* Add padding to all sides of the logo */
        }

        /* Style for the header text */
        .header-text {
            display: inline-block; /* Display the text inline */
            vertical-align: middle; /* Center the text vertically */
            color: rgb(2, 2, 2); /* Text color */
            font-size: 20px; /* Adjust the font size as needed */
            margin-left: 10px; /* Add some spacing between the logo and text */
        }

        /* Media query for small screens */
        @media screen and (max-width: 768px) {
            /* Adjust the header styles for small screens */
            .header {
                height: auto; /* Let the height be determined by the content */
                padding: 10px; /* Add padding for better spacing on small screens */
            }

            .logo, .header-text {
                display: block; /* Stack the logo and text vertically */
                margin: 5px auto; /* Center-align the logo and text */
                padding: 0; /* Reset padding */
            }
        }

        .bg-glass {
            background-color: hsla(0, 0%, 0%, 0.9) !important;
            backdrop-filter: saturate(100%) blur(25px);
        }
    
        .password-toggle {
            position: absolute;
            top: 50%;
            right: 12px; /* Adjust the distance from the right as needed */
            transform: translateY(-50%);
            cursor: pointer;
        }
        
        .form-control {
            padding-right: 30px; /* Adjust to make space for the icon */
        }