/* Font and Layout Setup */
.text-container {
    height: 20px; /* Reduced height by 40% */
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

/* Readable Futuristic Text Animation */
.animated-text {
    font-weight: bold;
    font-size: 13.8px; /* Reduced size by 40% (original was 28px) */
    font-family: 'Poppins', sans-serif; /* Clean, modern font */
    background: linear-gradient(90deg, #00bcd4, #009688, #4caf50); /* Gradient with teal and green */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    white-space: nowrap;
    border-right: 3px solid rgba(254, 251, 251, 0.75); /* Blinking cursor */
    animation: blink-cursor 0.75s step-end infinite;
}

/* Blinking Cursor Effect */
@keyframes blink-cursor {
    50% {
        border-color: transparent;
    }
}

/* Dynamic Futuristic Background */
.site-header {
    background: linear-gradient(120deg, #001f3f, #004d4b, #002a2f); /* Deep blues and teal */
    background-size: 400% 400%;
    animation: gradientShift 8s ease infinite;
}

/* Smooth Gradient Transition for the Background */
@keyframes gradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

/* Additional Styling for the Header */
.site-header {
    padding: 12px 0; /* Reduced padding to match header height */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4); /* Subtle shadow for depth */
}



/*1*/
.captcha-verification {
    text-align: center;
    margin: 20px 0;
}

.captcha-image {
    margin: 10px 0;
    width: 100px; /* Adjust size as needed */
    height: auto;
}

.btn {
    background-color: #28a745; /* Bootstrap green color */
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 10px;
}

.btn:hover {
    background-color: #218838; /* Darker green on hover */
}


/**/
a {
    display: inline-block;
    color: #ffffff;
    text-decoration: none;
  }

/*login form*/