/* style.css */

/* Style for the full-page background image */
body {
  /*  background-image: url('companyimag/bg.jpeg'); /* Replace with the path to your image */
    background-size: cover;
    background-color:#041e3b ;
    background-position: center;
    background-repeat: no-repeat;
    color: #ffffff; /* Adjust text color for better readability */
}

/* Styling for the form container */
.auth-form-light {
    background: rgba(0, 0, 0, 0.7); /* Semi-transparent dark background for better contrast */
    border-radius: 8px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

/* Button styling */
.auth-form-btn {
    background-color: #d49d05d4; /* Customize button color */
    border: none;
    color: #ffffff;
}

.auth-form-btn:hover {
    background-color: #02060c; /* Darken button color on hover */
}

/* Link color for 'Forgot password?' */
.text-center a {
    color: #ffffff;
}
/* Page-specific background */
.index-page {
   
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #ffffff;
    background-color:#041e3b ;
    
}

.index-page .auth-form-light {
    background: #b59212cc;
    border-radius: 8px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
    animation: zoomIn 0.6s ease-out;
}

/* Animations */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes zoomIn {
    from { transform: scale(0.8); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}

/* Apply animations */
.fade-in {
    animation: fadeIn 1s ease-out;
}
.zoom-in {
    animation: zoomIn 0.6s ease-out;
}

/* Style the input group icons */
.input-group-text {
    background-color: #041e3b;
    color: #fff;
    border: none;
}
.login-btn {
    background-color: #041e3b;
   
}
.form-control {
    border: none;
    box-shadow: none;
    padding: 15px;
}

/* Button styles and hover animation */
.btn-animated {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
    background-color: #041e3b;
    color: #ffffff;
    font-size: 1.2em;
}

.btn-animated:hover {
    background-color: #041e3b;
    transform: scale(1.05);
}

.btn-animated i {
    margin-right: 8px;
}

/* Forgot password link */
.text-center a {
    color: #b0b0b0;
}

.text-center a:hover {
    color: #ffffff;
}