/*Donation Form footer text center*/ 
.neonfront_footer_lv_info .footer_center_column p {
        margin: 0 auto;
        text-align: center !important;
    }

/*Subscription Form footer text center*/ 
.nt-footer-lv-info    .cln1-content p  {
        margin: 0 auto;
        text-align: center !important;
}

/** Survey Edits **/

/* Apply flex layout to the form container */
form[name="pShoppingCartFormBean"] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}


/* Apply flex layout to the survey form wrapper */
#surveyForm.tbmain {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

/* Style for table to align items as flex items */
table {
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* Flex properties for the individual rows */
tr {
  display: flex;
  width: 100%;
  flex-direction: column;  /* Stack label and input vertically */
  justify-content: flex-start;  /* Align them at the top */
  margin-bottom: 10px;
}

/* Label styling */
.leftLabel {
  width: 100%; /* Full width */
  text-align: left; /* Align text to the left */
  padding-right: 10px; 
  display: block;  /* Ensure the label takes full width and goes on one line */
}

/* Field styling */
.rightField {
  width: 100%; /* Full width */
  display: block;  /* Make sure input takes the full width */
  text-align: left; /* Align input text to the left */
}

/* Adjust checkbox and radio inputs for better layout */
.control_checkbox,
.control_radio {
  margin-right: 10px;
}

.control_text {
  display: inline-block;
  margin-left: 5px;
}

/* Style submit button */
input[type="submit"].control_button {
  align-self: center;
  margin-top: 20px;
}

@media (min-width: 990px) {
/** width adjust the form **/
.nt-container-row {
        height: unset !important;
        width: 800px;
    }

/** center the survey form to the page**/
.col-md-offset-3 {
        margin-left: 15%;
        height: 100%;
    }
}

    @media (min-width: 600px) {

        /** width adjust the form **/
.nt-container-row {
        height: unset !important;
        width:100%;
    }

/** center the survey form to the page**/
.col-md-offset-3 {
        margin-left: 0%;
        height: 100%;
    }
    }

/** Survey buttons **/
.neoncrm-button, .neoncrm-donation-levels label.neoncrm-radio-label, .sfp-button, input[type='button'], input[type='submit'] {
    background-color: #ff6900 !important;
    color: #ffffff !important;
    padding: 15px 65px;
    font-size: 16px !important;
    float:left;
}

input[type="submit"].control_button:hover {
  background-color: #ff6900 !important; /* Change background color on hover */
  transform: scale(1.05); /* Slightly enlarge the button on hover */
  color: #ffffff !important;
}

/** Donation forms navigation header links create as buttons **/
.neonfront_header .neonfront_link {
    background: #FFA300;
    padding: 20px 50px;
    font-size: 18px;
}

.neonfront_header .neonfront_link:hover {
    background: #FEDD00; 
}