.form-container {
display: flex;
gap: 10px;
padding: 10px;
}
.input-field {
padding: 10px 35px 10px 10px;
border: 1px solid #444 !important;
background-color: #1e1e1e !important;
color: #e0e0e0 !important;
border-radius: 10px !important;
width: 200px;
font-size: 14px;
}

.input-field::placeholder {
color: #ccc;
}

.password-wrapper {
position: relative;
}
.forgot-password-icon {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
cursor: pointer;
}
.icon-lock {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
color: #ccc;
font-size: 16px;
pointer-events: none;
}
.image-list {
background-color: transparent !important;
border-radius: 0 !important;
box-shadow: none !important;
padding: 0 !important;
margin: 0 auto !important;
border: none !important;
}
.button-in-image {
opacity: 0;
transition: opacity 0.3s ease;
}

.image-list:hover .button-in-image {
opacity: 1;
}
.games-item{

background: url(https://mb66.download/wp-content/uploads/2025/04/bg-1.webp) 50% no-repeat;
background-size: cover;
border-radius: 9px;
overflow: hidden;
position: relative;
background-color: transparent !important;
}
.class-item-column {
width: 20%;
flex: 0 0 20%;
max-width: 20%;
}
@keyframes glow {
0% {
box-shadow: 0 0 5px 2px gold;
}
50% {
box-shadow: 0 0 15px 6px gold;
}
100% {
box-shadow: 0 0 5px 2px gold;
}
}

.header-button {
animation: glow 1.5s infinite;
border-radius: 9px;
}
.bg-white {
–tw-bg-opacity: 1;
background-color: rgba(241, 241, 28, 0.7);
}
h1, h2, h3, h4, h5, h6, .heading-font {
color: #ffd85d;
}
element.style {
}
.dark, .dark td {
color: #ae020d;
}