form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Style for the non-bulleted headings in the list */
.list-heading {
    list-style-type: none; /* Removes the bullet point */
    font-weight: bold;     /* Makes the heading text bold */
    margin-top: 10px;      /* Adds some space above the heading */
}

/* Styles the nested list to create the indentation */
.indented-list {
    /* Adjust this value to control the amount of indentation */
    padding-left: 20px;
    margin-top: 5px; /* Adds a little space below the heading */
}

/* This ensures all your list items (including the indented ones) have no default bullets */
.membership-type ul li {
    list-style-type: none;
}



.text-field {
    gap: 15px;
}

.form-cta {
    display: flex;
    gap: 10px;
    padding-bottom: 10px;
    flex-wrap: wrap;
}

.form-cta .form-btn {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.form-cta .form-btn.cancel {
    background: #2b2b2b;
}
.w100 {width: 100%;}
.h250{height: 250px;}
.rc7 {  border-radius: 7px;}
wa-icon {
    padding-right: 10px;
}
.form-group {
    display: flex;
    flex-direction: column;
}
.form-group-icon {
    display: flex;
    gap: 10px;
    align-items: center;
}
.form-group-icon i,
.form-group-icon svg,
.form-group-icon button {
    width: 25px;
    display: flex;
    justify-content: center;
}
.form-link-icon {
    display: flex;
    gap: 10px;
    padding: 0;
}
.form-link-icon i,
.form-link-icon svg {
    width: 25px;
}
.p1 p{
    margin: 1px;
    padding: 0px;
}
.updown{
    margin-bottom:  20px;
}
.updown a{
    padding: 10px;
    --fa-primary-color: #164cd4;
    --fa-secondary-color: #dd3687;
}

.btns{
    justify-content: flex-start;
    position: relative;
}
.btns a{
    margin:1px;
    padding: 10px;
}
#actualSubmit{
    padding: 10px;
    font-size: 1em  ;
}
.input-transparent-90per{
    width:90%;
    font-size: 1.25em;
    color: #000;
    background-color:transparent;
    border: medium #ED686A solid;
}
.input-transparent-100pix{
    width: 100px;
    color: #727070;
    background-color: transparent;
    border: medium #ED686A solid;
}

#card-errors{
    color: #F43A3D;
}


.input-group button {
    margin-left: 10px; /* Adjust spacing as needed */
}

.radio-fields .fr {
    display: flex;
    align-items: center;
    margin-bottom: 5px; /* Adjust spacing as needed */
}

.radio-fields label {
    width: 90%; /* Adjust width as needed */
}
.radio-fields .fr {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.radio-fields label {
    /*  width: 150px; /* Adjust width as needed */
    margin-right: 50px; /* Add margin between label and input */
}

.radio-fields input[type="radio"] {
    margin-right: 5px; /* Add margin between input and button */
}


.initPrompt  { border: #ccc 3px solid; }
.errorPrompt { border: red 3px solid; background: sandyBrown;	}
.goodPrompt  { border: green 3px solid; background: #C4F7CE;}
.ep2, .ep1 {color:#FC5185;}
.ep1 {margin:-8px 0 20px 0;   }
.w100 {width: 100%;}

.floating-label .ep1 {
    margin: 0;
}

/* Changes made by Nick 10/09/25 */
.form-group {
    display: flex;
    flex-direction: column;
    gap: 5px;
}


.form-fields-container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

input, select, textarea {
    background-color: #F4F4F5FF;
    border: solid 1px #A1A1AAFF;
    border-radius: 4px;
    padding: 5px 10px;
}