/*Style changes 29/02/24 - a new CSS file has been created for these style changes due to issues with YARN. When issues with YARN have been resolved, these styles should be added to scss files and compiled in the usual way.*/

.case-form-desktop {
    display: none;
    width: 100%;
}

.case-form-mobile .section {
    overflow: hidden;
}

@media screen and (min-width: 992px) {

    .case-form-desktop {
        display: block;
    }

    .case-form-mobile {
        display: none;
    }

    .form-case-updates .typography {
        float: right;
    }
}

.form-case-updates .typography h3 {
    color: #313c5b;
}


@media screen and (min-width: 992px) {

    .form-case-updates form {
        float: right;
    }
}


.form-case-updates form .form-wrapper {
    max-width: 500px;
    margin: 0 auto;
}

.form-case-updates .form__field {
    margin: 5px 0;
}

.form-case-updates .form__field-email {
    float: left;
    width: 55%;
}

    .form-case-updates .form__field-email .form__input {
        padding: 10px;
        border-radius: 3px;
    }

.form-case-updates .form__submit {
    float: right;
    width: 45%;
    margin-top: 5px;
    text-align: right;
}

    .form-case-updates .form__submit button {
        width: 95%;
        padding: 8px 30px;
        font-size: 16px;
        height: 40px;
        /*        background-color: #2591d0;
*/ text-transform: uppercase;
        position: relative;
        border-radius: 3px;
    }

/*        .form-case-updates .form__submit button:hover {
            background-color: #313c5b;
        }*/



/*.form-case-updates .form__submit button :before {
    content: "";
    background: url("/assets/landing-pages/chevron-right.png") top right no-repeat;
    background-size: cover;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-bottom: -2px;
    margin-left: 10px;
}
*/

.form-case-updates .checkbox {
    width: 100%;
}

.form-case-updates .checkbox__label {
    font-size: 12px;
}