/* General Reset and Base Layout */
* {
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

html, body {
    height: 100%;
}

h2 {
  font-family: 'Source Sans Pro';
  background: linear-gradient(90deg, #2f73bd, #3fa2bf);
  padding: 6px 40px;
  text-align: center;
  border-radius: 5px;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  color: white; /* fallback */
}

/* Hover shimmer effect on text */
h2:hover {
  background: linear-gradient(
    90deg,
    #ff6ec4,
    #7873f5,
    #4e54c8,
    #6dd5ed,
    #ff6ec4
  );
  background-size: 300% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shimmer 2s ease-in-out infinite;
}
    

/* Main container splits screen */
#main {
    display: flex;
    height: 600px;
}

/* Left side image */
/* #main::before {
    content: "";
    flex: 1;
    background: url('../images/login/3139256.jpg') no-repeat center center;
    background-size: cover;
} */

/* Right side login container */
.data_container2 {
    flex: 1;
    background-color: #fff;
}

/* Inner login box */
.login_box {
    background: #ffffff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
}

/* Logo/Header */
.page_heading {
    font-weight: bold;
    color: #23299d;
}

.page_heading:hover {
    background: linear-gradient(90deg, #ff6ec4, #7873f5, #4e54c8, #6dd5ed, #ff6ec4);
    background-size: 300% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shimmer 2s ease-in-out infinite;
}

@keyframes shimmer {
    0% { background-position: 0% center; }
    50% { background-position: 100% center; }
    100% { background-position: 0% center; }
}

/* Form section */
.form_login {
    width: 100%;
}

.form_lable {
    color: #333;
    display: block;
}

/* Input fields */
.colum_10 {
    border: 1px solid #ccc;
    font-size: 14px;
}

/* Login button */
.button_defoult {
    width: 100%;
    /* padding: 12px; */
    background-color: #007bff;
    color: white;
    font-size: 15px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.button_defoult:hover {
    background-color: #0056b3;
}

/* Error Message */
.error_text {
    color: red;
    font-size: 13px;
    margin-bottom: 10px;
    display: block;
    text-align: center;
}

/* Forgot password link */
.text-highlight {
    color: #007bff;
    font-size: 13px;
    text-decoration: none;
    float: right;
    margin-top: -10px;
    margin-bottom: 15px;
}

.text-highlight:hover {
    text-decoration: underline;
}

/* Centering helper */
.Pull_center {
    text-align: center;
}

.clear {
    clear: both;
}

/* Responsive behavior */
@media screen and (max-width: 768px) {
    #main {
        flex-direction: column;
    }

    #main::before {
        display: none;
    }

    .data_container2 {
        flex: unset;
        height: auto;
    }

    .login_box {
        margin: auto;
    }
}