.x-submit{
    width: 750px;
    max-width: 100%;
    margin: 0 auto;
    margin-top: 10rem;
    margin-bottom: 3rem;
    padding: 1rem;
}

.x-submit .heading {
    margin-bottom: .7rem;
}

.x-submit h2,
.x-submit h3,
.x-submit small,
.x-submit label {
    color: rgb(23,45,62);
}

.check-holder {
    margin-bottom: .5rem;

    display: flex;
    gap: 8px;
    align-items: flex-start;
}

.x-submit input:not(.x-submit input[type="checkbox"]), 
.x-submit textarea,
.x-submit select {
    width: 100%;
    color: rgb(23,45,62);
    background: rgb(255,255,255);
    border: 1px solid rgb(23,45,62);
    padding: 0 35px 0 14px;
}

.x-submit input:not(.x-submit input[type="checkbox"]) {
    
    border-radius: 4px;
    font-size: 16px;
    height: 40px;
    
}

.x-submit select {
    height: 40px;        }

.main-title {
    margin-bottom: 2rem;
}

.x-submit h3 {
    margin-bottom: 1.2rem;
    font-weight: 500;
}

.liner {
    border: 1px solid rgb(150, 155, 158);
    margin-bottom: 3rem;
}

.liner > .field-holder {
    padding: 1.5rem;
    border-bottom: 1px solid rgb(150, 155, 158);
}

.field-holder  > label {
    display: inline-block;
    margin-bottom: .7rem;
}

.flexer {

    /* padding: 1.5rem;  */
    display: flex;
    /* gap: 8px; */
}

.flexer > .field-holder {
    padding: 1.5rem;
    border-bottom: 1px solid rgb(150, 155, 158);
}

.flexer div:first-child {
    flex-basis: 75%;
}


@media screen and (max-width: 570px) {
    .flexer {
        flex-direction: column;
    }

    .field-holder  > label {
        width: 100%;
        margin-bottom: .2rem;
    }

    .field-holder  > small {
        display: inline-block;
        width: 100%;
        margin-bottom: .4rem;
    }
}