html {
	font-size: 14px;
	position: relative;
	min-height: 100%;
	scrollbar-gutter: stable;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}


body {
    font-family: "Nunito Sans",sans-serif;
    padding: 0;
    margin: 0;
    margin-bottom: 60px;
    background-color: #f2f6f9;
}
  
a {
    text-decoration: none;
}

*, *:before, *:after {
    box-sizing: border-box;
}


.textbox {
    border: 2px solid #007bff; /* Blue border */
    border-radius: 5px; /* Rounded corners */
    padding: 10px 15px; /* Padding inside the input */
    font-size: 16px; /* Font size */
    color: #333; /* Text color */
    width: 100%;
}

    .textbox:focus {
        border-color: #0056b3; /* Darker blue border on focus */
        box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Add glow effect */
        outline: none; /* Remove default outline */
    }


.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}



.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
    text-align: start;
}