.form-button,
.input-field select {
    cursor: pointer
}

.form-page-flex-container,
.free-booklet-flex-container {
    max-width: 1000px;
    margin: auto;
    padding: 0 20px
}

.form-page-flex-container {
    padding: 40px 20px
}

.free-booklet-features-header-banner {
    background-color: #f7f1ea;
    padding: 20px
}

.free-booklet-features-header-banner h3 {
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    color: #63c4ba;
    line-height: 34px;
    text-shadow: 0 2px 4px rgba(12, 108, 116, .3);
    font-family: Merriweather;
    margin-bottom: 0
}

.free-booklet-flex-container {
    max-width: 1000px;
    margin: 40px auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px
}

.free-booklet-icon-box {
    display: flex;
    align-items: start;
    gap: 20px
}

.free-booklet-icon-image {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 62px;
    margin-top: 7px
}

.free-booklet-icon-image img {
    width: 100%;
    height: auto
}

.case-evaluation-icon-box p,
.free-booklet-icon-box p {
    padding-bottom: 0
}

.form-page-left h1 {
    font-family: Merriweather;
    font-weight: 700;
    font-size: 32px;
    color: #0c6c74;
    text-align: center;
    line-height: 40px;
    width: 300px;
    font-style: normal
}

#form-page-left h1 {
    width: 360px;
    line-height: 35px
}

.form-page-left .cursive-large {
    font-family: Allura;
    color: #f7a01c;
    font-weight: 500;
    font-size: 48px;
    line-height: 40px
}

.input-field .field-error {
    font-size: 13px;
    font-weight: 500;
    color: #b00020;
    padding-bottom: 0;
    position: relative;
    line-height: 13px;
    margin-bottom: 0;
    top: 1px
}

.desktop-military-branches,
.form-page-bottom-container #free-case-eval-name,
.free-eval-tablet-desktop,
.input-field .field-error:empty,
.input-field select option[disabled],
.tablet-military-branches {
    display: none
}

.bcbh-form [aria-invalid=true] {
    border: 2px solid #b00020
}

.law-booklet-image-container {
    margin: auto;
    line-height: 30px
}

#free-case-eval-images {
    margin: 30px 0 0;
    position: relative;
    top: 29px
}

.free-eval-mobile,
.military-branches-vets-container img,
.privacy-policy-container {
    margin: auto
}

.input-field select:invalid {
    color: #757575
}

.input-field select option {
    color: #2f3333
}

#free-case-eval-images:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 300px 0 0 360px;
    border-color: transparent transparent transparent #0c6b74;
    position: relative;
    bottom: 4px;
    z-index: -1
}

#free-case-eval-name p {
    text-align: center;
    line-height: 24px
}

#free-case-eval-name p:first-of-type {
    font-weight: 700;
    color: #0c6c74;
    font-family: Merriweather;
    padding-bottom: 5px;
    font-size: 22px
}

#free-case-eval-name p:last-of-type {
    font-family: "Open Sans";
    font-size: 18px;
    color: #2f3333;
    font-style: italic;
    padding-bottom: 0
}

#form-page-flex-container {
    padding: 40px 0 0
}

#free-case-eval-name {
    width: 100%;
    padding: 15px 10px
}

#form-page-left h1,
#form-page-left p,
#form-page-right {
    padding: 0 20px
}

#form-page-right form {
    margin-top: 30px;
    display: flex;
    justify-content: center
}

.military-branches-vets-container {
    background-color: #f5f5f5;
    padding: 20px 10px
}

.military-branches-vets-container+.form-page-flex-container {
    padding-top: 20px
}

.address-group {
    border: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    min-width: 0
}

form {
    background: #fff;
    box-shadow: 2px 2px 12px 0 rgba(9, 8, 8, .25);
    padding: 20px;
    margin: 20px auto 0;
    width: 100%;
    max-width: 496px
}

.form-header {
    display: flex;
    align-items: start;
    justify-content: center;
    gap: 5px;
    margin: 5px 0 12px
}

#free-case-eval-form-header {
    flex-direction: column;
    align-items: center;
    gap: 10px
}

#free-case-eval-form-header p {
    text-align: center;
    padding: 5px 0
}

#free-case-eval-form-header h2 {
    font-size: 26px
}

.form-header h2 {
    font-family: "Open Sans";
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #0c6c74;
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 0;
    text-shadow: none
}

.input-field {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
    gap: 3px
}

.input-field label {
    font-family: "Open Sans";
    font-weight: 500;
    font-size: 16px;
    color: #2f3333
}

.input-field input,
.input-field select,
.input-field textarea {
    font-family: "Open Sans";
    background: #f5f5f5;
    border: 1px solid #eaeaea;
    font-size: 16px;
    padding: 6px 10px;
    border-radius: 3px;
    min-width: 0;
    width: 100%
}

.input-field input,
.input-field select {
    height: 38px
}

.inset-fields-mobile {
    display: flex;
    gap: 12px
}

.inset-fields-mobile .input-field {
    flex: 1 1 50%;
    min-width: 0
}

.form-button {
    background: #0c6c74;
    border-radius: 3px;
    height: 50px;
    font-family: "Open Sans Condensed";
    font-weight: 700;
    font-size: 18px;
    color: #f5f5f5;
    text-align: center;
    border: 3px solid #0c6c74;
    transition: .5s;
    width: 100%;
    margin-top: 5px
}

.form-button:hover {
    border: 3px solid #0c6c74;
    background: 0 0;
    color: #0c6c74
}

.privacy-policy-inner-container {
    display: flex;
    align-items: start;
    justify-content: center;
    margin-top: 15px
}

.privacy-policy-inner-container img {
    position: relative;
    top: 2px
}

.privacy-policy-inner-container p {
    font-size: 16px;
    line-height: 22px;
    color: #0c6c74;
    text-align: center;
    padding-bottom: 0;
    width: 260px
}

.form-page-left {
    display: flex;
    flex-direction: column;
    align-items: center
}

.form-page-right {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center
}

.form-content {
    width: 100%;
    max-width: 406px;
    margin: auto
}

.case-evaluation-icon-boxes-master-container {
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: center;
    gap: 20px;
    max-width: 1000px;
    margin: 30px auto 50px;
    padding: 0 20px
}

.case-evaluation-icon-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .25);
    padding: 20px;
    max-width: 320px
}

.case-evaluation-icon-box img {
    margin-bottom: 12px
}

.case-evaluation-icon-box h3 {
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    text-shadow: 0 2px 4px rgba(12, 108, 116, .3);
    font-family: Merriweather;
    margin-bottom: 15px;
    width: 225px;
    color: #63c4ba
}

.case-evaluation-icon-box:last-of-type h3 {
    width: 260px
}

.bcbh-form-overlay,
.bcbh-form-shell {
    position: relative
}

.bcbh-form-success {
    padding: 15px 20px;
    background: #f0f7f0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    margin: 45px 0 12px
}

.bcbh-form-success-inner {
    display: flex;
    align-items: center;
    gap: 15px
}

.bcbh-form-success .bcbh-form-success-inner img {
    margin-top: 0
}

.bcbh-form-success-message {
    margin: 0;
    font-weight: 500;
    font-family: "Open Sans";
    color: #2f3333;
    font-style: italic;
    padding-bottom: 0
}

@media (min-width:650px) {
    form {
        width: 100%
    }

    .inset-fields-tablet {
        display: flex;
        gap: 12px
    }

    .inset-fields-tablet .input-field {
        min-width: 0;
        flex: 1 1 50%
    }

    .form-content {
        width: 95%;
        margin: auto
    }

    .form-header {
        gap: 10px;
        margin: 5px 0 20px
    }
}

@media (min-width:725px) {
    .tablet-military-branches {
        display: block
    }

    .lg-mobile-military-branches {
        display: none
    }
}

@media (min-width:768px) {
    #free-case-eval-name p:first-of-type {
        font-size: 24px
    }

    .case-evaluation-icon-boxes-master-container {
        margin: -30px auto 50px
    }

    .free-booklet-icon-box {
        display: flex;
        align-items: center;
        gap: 20px;
        max-width: 490px
    }

    .free-booklet-icon-image {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 62px;
        margin-top: 0
    }

    .form-page-left {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 72%;
        margin: auto
    }

    #form-page-flex-container {
        display: flex;
        align-items: flex-start
    }

    #form-page-right form {
        margin-top: 0
    }

    #form-page-right {
        width: 52%
    }

    #free-case-eval-images {
        margin: 50px 0 0
    }

    #free-case-eval-form-header h2 {
        width: 310px
    }

    .form-page-bottom-container #free-case-eval-name {
        display: block;
        position: relative;
        bottom: 83px;
        z-index: -1;
        height: 83px
    }
}

@media (min-width:900px) {
    .tablet-military-branches {
        display: none
    }

    .desktop-military-branches {
        display: block
    }
}

@media (min-width:1000px) {
    .free-case-evaluation-form .bcbh-form-shell .bcbh-form-overlay {
        top: 150px
    }

    .bcbh-form-overlay {
        height: 525px;
        top: 30%
    }

    .free-booklet-flex-container {
        gap: 30px 20px;
        padding: 0
    }

    .military-branches-vets-container {
        padding: 40px 0
    }

    .military-branches-vets-container+.form-page-flex-container {
        padding-top: 40px
    }

    .form-page-flex-container {
        display: flex;
        padding: 50px 20px;
        gap: 25px
    }

    .form-page-left,
    .form-page-left .sm-light-underline,
    .law-booklet-image-container {
        margin: 0
    }

    .form-page-right {
        width: 500px
    }

    form {
        margin: auto
    }

    .form-content {
        width: 89%
    }

    #form-page-right form {
        margin-top: 10px
    }

    .free-eval-mobile {
        display: none
    }

    .free-eval-tablet-desktop {
        display: block;
        margin: auto
    }

    #free-case-eval-images .free-eval-tablet-desktop {
        position: unset;
        width: 365px;
        height: 326px
    }

    #free-case-eval-images {
        top: 30px;
        width: 475px;
        margin: 0
    }

    #free-case-eval-images:after {
        bottom: 5px;
        left: -7px;
        border-width: 315px 0 0 500px
    }

    #free-case-eval-name p {
        text-align: center;
        width: 400px;
        margin: auto
    }
}

@media (min-width:1024px) {
    .case-evaluation-icon-boxes-master-container {
        padding: 0
    }

    .form-page-flex-container {
        padding: 50px 0
    }

    .form-page-left {
        width: 47%
    }

    .form-header {
        align-items: start;
        gap: 0;
    }
}

@media (min-width:1200px) {
    .law-booklet-image-container {
        margin: 0;
        position: relative;
        width: 550px;
        height: auto
    }

    .law-booklet-image-container img {
        width: 550px;
        height: auto;
        position: absolute;
        top: 0;
        left: -40px
    }

    #free-case-eval-images {
        top: 30px;
        width: 475px
    }

    #free-case-eval-images .free-eval-tablet-desktop {
        position: unset;
        width: 365px;
        height: 326px
    }

    #free-case-eval-images:after {
        left: 0
    }
}