/*#submission-popup {*/
/*    position: fixed;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background-color: rgba(0, 0, 0, 0.5);*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    z-index: 9999;*/
/*}*/

/*.popup-content {*/
/*    background-color: #fff;*/
/*    padding: 20px;*/
/*    border-radius: 5px;*/
/*    text-align: center;*/
/*    max-width: 500px;*/
/*    width: 100%;*/
/*}*/

/*#popup-close-btn {*/
/*    margin-top: 20px;*/
/*    padding: 10px 20px;*/
/*    background-color: #0073aa;*/
/*    color: #fff;*/
/*    border: none;*/
/*    cursor: pointer;*/
/*}*/


/*new code*/

/* General Styles */
/*body {*/
/*    font-family: Arial, sans-serif;*/
/*}*/

/*.progress-bar {*/
/*    width: 100%;*/
/*    height: 10px;*/
/*    background-color: #e0e0e0;*/
/*    margin-bottom: 20px;*/
/*}*/

/*.progress {*/
/*    height: 100%;*/
/*}*/

/* Step Styles */
/*.step {*/
/*    margin: 20px 0;*/
/*}*/

/*label {*/
/*    display: block;*/
/*    margin: 10px 0 5px;*/
/*}*/

/*input, textarea {*/
/*    width: 100%;*/
/*    padding: 8px;*/
/*    margin-bottom: 10px;*/
/*    border: 1px solid #ccc;*/
/*    border-radius: 4px;*/
/*}*/

/*button {*/
/*    background-color: #3cae35;*/
/*    color: white;*/
/*    border: none;*/
/*    padding: 10px 15px;*/
/*    border-radius: 4px;*/
/*    cursor: pointer;*/
/*}*/

/*button:hover {*/
/*    background-color: #2f9e29;*/
/*}*/

/* Popup Styles */
/*#submission-popup {*/
/*    position: fixed;*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    background-color: rgba(0, 0, 0, 0.5);*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    z-index: 1000;*/
/*}*/

/*.popup-content {*/
/*    background-color: white;*/
/*    padding: 20px;*/
/*    border-radius: 4px;*/
/*    text-align: center;*/
/*}*/




/*second code*/





 /*Basic styling for the form, progress bar, and popup */
/*#multi-step-form {*/
/*    width: 100%;*/
/*    max-width: 600px;*/
/*    margin: 0 auto;*/
/*    background: #fff;*/
/*    padding: 20px;*/
/*    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);*/
/*}*/

/*.progress-bar {*/
/*    width: 100%;*/
/*    background: #f0f0f0;*/
/*    height: 10px;*/
/*    border-radius: 5px;*/
/*    margin-bottom: 20px;*/
/*}*/

/*.progress {*/
/*    height: 10px;*/
/*    border-radius: 5px;*/
/*    transition: width 0.3s ease-in-out;*/
/*}*/

/*.step {*/
/*    display: none;*/
/*}*/

/*#step-1, #step-2, #step-3, #step-4, #step-5, #step-6 {*/
/*    display: block;*/
/*}*/

/*button {*/
/*    background-color: #3cae35;*/
/*    color: #fff;*/
/*    padding: 10px 20px;*/
/*    border: none;*/
/*    cursor: pointer;*/
/*    font-size: 16px;*/
/*}*/

/*button:hover {*/
/*    background-color: #2f962b;*/
/*}*/

/*#submission-popup {*/
/*    position: fixed;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*    background: #fff;*/
/*    padding: 30px;*/
/*    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);*/
/*    z-index: 9999;*/
/*}*/

/*#popup-close-btn {*/
/*    background-color: #3cae35;*/
/*    color: #fff;*/
/*    padding: 10px 20px;*/
/*    border: none;*/
/*    cursor: pointer;*/
/*    font-size: 16px;*/
/*}*/

/*#popup-close-btn:hover {*/
/*    background-color: #2f962b;*/
/*}*/



/*third*/
body {
    font-family: Arial, sans-serif;
}

#multi-step-form {
    max-width: 500px;
    margin: auto;
    
}

.progress-bar {
    height: 10px;
    background-color: #e0e0e0;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 20px;
}

.progress {
    height: 100%;
    transition: width 0.4s ease;
}

.step {
    margin-bottom: 20px;
}

.step label {
    display: block;
    margin-bottom: 5px;
}

.step input,
.step textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.step-navigation {
    display: flex;
    justify-content: space-between;
    padding-top: 10px !important ;
}

.step-navigation button {
    background-color: #3cae35 !important;
    color: #fff !important;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
}

.step-navigation button:hover {
    background-color: #359a2a !important;
}

.form-container {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Box shadow */
    padding: 20px; /* Adjust padding as needed */
    background: white; /* Optional: Background color */
    border-radius: 8px; /* Optional: Rounded corners */
}

#submission-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000; /* Ensure it appears on top of other elements */
}

.heading-container {
    text-align: CENTER;
}

.main-heading {
    FONT-SIZE: 23px;
    color: #3cae35;
}

.sub-heading {
    font-size: 30px;
    padding-bottom: 10px;
}

.popup-content {
    background: #fff;
    padding: 30px; /* Increased padding for better spacing */
    border-radius: 10px;
    text-align: center;
    max-width: 90%; /* Limit max width for smaller screens */
    width: 400px; /* Set a fixed width for consistency */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); /* Optional shadow for depth */
}

.popup-content h2 {
    margin: 0 0 15px; /* Space below the heading */
}

.popup-content p {
    margin: 0 0 20px; /* Space below the text */
}

#popup-close-btn {
    background-color: #3cae35;
    color: #fff;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 5px; /* Rounded corners for the button */
    transition: background-color 0.3s; /* Smooth transition for hover effect */
}

#popup-close-btn:hover {
    background-color: #359a2a;
}