.field {
    font-family: "Noto Sans", Sans-serif;
    font-weight: 400;
    color: #ffffff;
    background-color: #101010;
    padding: 12px 15px;
    margin: 0px;
    border: 2px solid #444444;
    border-radius: 0;
    font-size: clamp(16px, calc(16px + ((100vw - 1024px) / 176)), 17px);
    transition: 0.3s;
}

.field:focus {
    border-color: #ffffff;
    border-radius: 0 !important;
}

.field:focus-visible {
    outline-width: 0;
}

.form-inner-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 30px;
    width: 100%;
    height: fit-content;
}

.form-inner-container p, .start-project-form-inner-container p {
    display: none !important;
}

.row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

.row.summary-details {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 5px;
}

.column {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 5px;
    width: 50%;
}

.inputs-lables {
    color: #ffffff;
    font-size: clamp(16px, calc(16px + ((100vw - 1024px) / 176)), 17px);
    font-family: "Poppins", Sans-serif;
    font-weight: 500;
}

.radio-inputs-lables {
    color: #ffffff;
    font-size: clamp(16px, calc(16px + ((100vw - 1024px) / 176)), 17px);
    font-family: "Poppins", Sans-serif;
    font-weight: 400;
}

.payment-system-radios {
    display: flex;
    flex-direction: row;
    gap: 5px;
}

.column.p-s-r-container {
    gap: 5px;
}

input[type="radio"] {
    width: 20px;
    height: 20px;
    margin-bottom: 4px;
    cursor: pointer;
    accent-color: #444444;
}

input.submit-button {
    background-color: #101010;
    color: #dddddd;
    font-family: "Poppins", Sans-serif;
    font-size: clamp(16px, calc(16px + ((100vw - 1024px) / 176)), 17px);
    line-height: 1em;
    font-weight: 600;
    padding: 15px 30px;
    border: 2px solid #444444;
    border-radius: 0;
    margin-top: 30px;
    cursor: pointer;
    transition: 0.3s;
}

input.submit-button:hover {
    color: #ffffff;
    border-color: #ffffff;
}

.row h4.form-success {
    margin: 0;
    font-size: clamp(18px, calc(18px + (2 * ((100vw - 360px) / 840))), 20px);
}

/* Form Button Disabled */ 
.start-project-form-inner-container input.submit-button {
    opacity: 0.35;
	cursor: no-drop;
}

@media (max-width: 1024px) {
    .form-inner-container {
        gap: 20px;
    }

    .row {
        gap: 20px;
    }

    input.submit-button {
        margin-top: 20px;
    }
}
@media (max-width: 767px) {
    .column {
        width: 100%;
    }

    .row {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        width: 100%;
    }

    .row.submit-row {
        align-items: flex-start;
    }
}