.scForm {
    margin: 0 5% 50px;
    font-size: 16px;
    grid-column: 2 / span 10;
}

    .scForm h2 {
        font-size: 1.25rem;
        margin-bottom: 25px;
    }

    .scForm p {
        font-family: "Arial W01 Light", Roboto, Arial, sans-serif;
        font-size: 16px;
        line-height: 1.625;
    }

    .scForm a {
        color: #525f6b;
        text-decoration: underline;
        font-size: 16px;
    }

    .scForm .field-border,
    .scForm .field-content-ddl {
        margin: 0 0 22px;
    }

    .scForm .field-content-ddl {
        margin-bottom: 0;
    }

    .scForm label {
        color: #525f6b;
        font-size: 1rem;
    }

    .scForm label,
    .scForm legend {
        display: block;
        margin-bottom: 8px;
    }

    .scForm input[type="text"],
    .scForm input[type="number"],
    .scForm input[type="tel"],
    .scForm input[type="email"],
    .scForm textarea {
        background-color: #ffffff;
        border: 2px solid #88735b;
        border-radius: 5px;
        color: #000000;
    }

        .scForm input[type="text"]:focus,
        .scForm input[type="number"]:focus,
        .scForm input[type="tel"]:focus,
        .scForm input[type="email"]:focus,
        .scForm textarea:focus {
            outline: 3px solid #000000;
            border: 2px solid #000000;
        }

    .scForm input,
    .scForm textarea,
    .scForm .field-content-ddl {
        width: 50%;
    }

input {
    border: 1px solid #f3f3f3;
    box-sizing: border-box;
    accent-color: #8f98a2;
    height: 45px;
    padding: 12px 23px;
    width: 100%;
}

.scfForm .field-content-ddl select,
.scfForm .styled-select select {
    width: 100%;
}

.field-content-ddl,
.styled-select {
    color: #8f98a2;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    max-width: 100%;
}

    .field-content-ddl select,
    .styled-select select {
        padding: 12px 37px 12px 22px;
        border-radius: 5px;
        width: 100%;
        font-size: 14px;
        font-family: "Arial W01 Bold903304", Roboto, Arial, sans-serif;
        background-color: #ffffff;
        border: 2px solid #88735b;
        border-radius: 5px;
        color: #000000;
    }

        .field-content-ddl select:focus,
        .styled-select select:focus {
            outline: 3px solid #000000;
            border: 2px solid #000000;
        }

.scForm input[type="submit"] {
    border-radius: 5px;
    text-align: center;
    padding: 13px 20px 14px;
    transition: all 0.3s ease-in-out;
    box-sizing: border-box;
    display: inline-block;
    border: 2px solid transparent;
    text-decoration: none;
    color: #fff;
    background-color: #525f6b;
    line-height: 1;
    font-size: 14px;
    font-family: "Arial W01 Bold903304", Roboto, Arial, sans-serif;
    width: auto;
    -webkit-appearance: button;
    cursor: pointer;
}

input[type="checkbox"],
input[type="radio"] {
    height: 18px;
    width: 18px;
    margin: 0px 10px 0px 0px;
    vertical-align: middle;
}

.field-content-radio input {
    height: 18px;
    width: 20px;
}

.scForm span.field-validation-error {
    margin-top: 17px;
    position: relative;
    display: block;
    color: #fff;
    background-color: #e30613;
    border-radius: 5px;
    padding: 22px 10px;
    text-align: center;
    clear: both;
    line-height: 1.375;
    width: calc(50% - 20px);
}

    .scForm span.field-validation-error:after {
        content: "";
        position: absolute;
        left: 50%;
        top: -8px;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #e30613;
        margin-left: -8px;
    }
