/* LOGIN FORM CSS*/
/* Hide carousel on small screens */
@media (max-width: 767px) {
    #carouselExampleControls {
        display: none !important;
    }
}

    .img-avatar {
        margin-top: 150px !important; /* logo position up/down */
    }
    
     /* Increase font size of text entered in form fields */
    #inputUsername1,
    #inputPassword1 {
        font-size: 15px;   /* Adjust size as needed */
        color: black;      /* Optional: make typed text clear */
    }
    
    /* Remove rectangular border on username field */
    #inputUsername1 {
        border: none !important;
        box-shadow: none !important; /* removes Bootstrap's shadow */
    }

 /* Target placeholder text */
     #inputUsername1::placeholder,
    #inputPassword1::placeholder {
        font-size: 16px;   /* Increase font size */
        color: black;    /* Change to your desired color */
        opacity: 1;        /* Ensure the color shows fully */
    }
    
    /* FORGOT P/W FORM CSS*/
    
    /* Hide carousel on small screens */
@media (max-width: 767px) {
    #carouselExampleControls {
        display: none !important;
    }
}

    .img-avatar {
        margin-top: 150px !important; /* logo position up/down */
    }
    
    /* Increase font size of text entered in form fields */
    #inputUsername1,#inputUserGroup1, #inputNewPassword1, 
    #inputConfirmPassword1{
        font-size: 15px;   /* Adjust size as needed */
        color: black;      /* Optional: make typed text clear */
    }
    
    /* Remove rectangular border on username field */
    #inputUsername1 {
        border: none !important;
        box-shadow: none !important; /* removes Bootstrap's shadow */
    }

    /* Target placeholder text */
    #inputUsername1::placeholder,
    #inputUserGroup1::placeholder,
    #inputNewPassword1::placeholder,
    #inputConfirmPassword1::placeholder {
        font-size: 15px;
        color: black;
        opacity: 1; /* Ensures placeholder isn't faded */
    }