.eligibility-section {
     position: relative;
     padding: 100px 20px;
     text-align: center;
     color: var(--white-color);
     overflow: hidden;
 }

 .eligibility-bg {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 0;
 }

 .eligibility-bg img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     filter: brightness(0.45);
     transition: transform 10s ease;
 }

 .eligibility-bg img:hover {
     transform: scale(1.1);
 }

 .eligibility-bg .overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     /* background: #05050559; */
     z-index: 1;
 }

 .eligibility-container {
     position: relative;
     z-index: 2;
     max-width: 520px;
     margin: 0 auto;
     background: rgba(255, 255, 255, 0.1);
     backdrop-filter: blur(12px);
     border-radius: 20px;
     padding: 40px 30px;
     box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
     animation: fadeUp 1s ease forwards;
 }

 .eligibility-container h2 {
     font-size: 32px;
     font-weight: 700;
     margin-bottom: 10px;
     color: var(--white-color);
 }

 .eligibility-container p {
     font-size: 16px;
     color: var(--gainsboro-color);
     margin-bottom: 30px;
 }

 .form-step {
     display: none;
     flex-direction: column;
     gap: 20px;
     animation: fadeIn 0.6s ease forwards;
 }

 .form-step.active {
     display: flex;
 }

 label {
     text-align: left;
     font-weight: 600;
     color: var(--white-color);
 }

 input,
 select {
     padding: 12px 15px;
     border-radius: 8px;
     border: none;
     width: 100%;
     outline: none;
     font-size: 16px;
 }

 button {
     padding: 12px 25px;
     border-radius: 25px;
     border: none;
     background: var(--lime-green-color);
     color: var(--white-color);
     font-weight: 600;
     cursor: pointer;
     transition: all 0.3s ease;
 }

 button:hover {
     background: var(--vista-blue-color);
     transform: translateY(-2px);
 }

 .form-result {
     display: none;
     animation: fadeIn 0.6s ease forwards;
 }

 .form-result h3 {
     font-size: 26px;
     margin-bottom: 10px;
     color: var(--white-color);
 }

 .restart-btn {
     background: var(--warning-yellow-color);
     color: #000;
     margin-top: 20px;
 }

 .restart-btn:hover {
     background: var(--middle-yellow-color);
 }

 @keyframes fadeIn {
     from {
         opacity: 0;
         transform: translateY(20px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 @keyframes fadeUp {
     from {
         opacity: 0;
         transform: translateY(30px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 /* Responsive */
 @media (max-width: 768px) {
     .eligibility-container {
         padding: 30px 20px;
         max-width: 90%;
     }

     .eligibility-container h2 {
         font-size: 26px;
     }

     input,
     select {
         font-size: 15px;
     }
 }