/*
    Jump to:
    Root
    Misc Styling
    Landing Page Styling
    Life at Midland Heart Styling
    Meet our teams Styling
    How we hire Styling
    Early careers Styling
    Results Page Styling
    Job Description Styling
    Login/Register Styling
    Profile Styling
    Application/Onboarding Styling
        Creative Offer Info Styling
	Campaign Detail Styling
    Responsive Styling
*/

/* Root */
:root {
    --primaryColor: #990070;
    --secondaryColor: #66004b;
    --lightPurpleColor: #F9EFF5;
    --greenColor: #70965A;
    --lightGreenColor: #F5F9D9;
    --blueColor: #60c3ec;
    --lightBlueColor: #E6F6FC;
    --brownColor: #C59217;
    --greyColor: #58585A;
    --goldColor: #C68D1C;
}

/* Root Ends */

/* Misc Styling */
label {
    font-size: inherit;
}

    label *:first-child,
    .formLabel *:first-child {
        margin-top: 0 !important;
    }

    label *:last-child,
    .formLabel *:last-child {
        margin-bottom: 0 !important;
    }

a {
    font-size: inherit;
}

p:last-child {
    margin-bottom: 0;
}

div.pageBlockInner_FormBlock div.formRow {
    margin-top: 10px;
    width: 100%;
    overflow: visible;
}

    div.pageBlockInner_FormBlock div.formRow .controlError,
    div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .controlContainer,
    div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .labelContainer,
    div.pageBlockInner_FormBlock div.formRow.formRowSelectInputRow_Common .controlContainer,
    div.pageBlockInner_FormBlock div.formRow.formRowSelectInputRow_Common .labelContainer,
    div.pageBlockInner_FormBlock div.formRow.formRowTextAreaRow .controlContainer,
    div.pageBlockInner_FormBlock div.formRow.formRowTextAreaRow .labelContainer,
    div.pageBlockInner_FormBlock div.formRow.formRowMoneyInputRow .controlContainer,
    div.pageBlockInner_FormBlock div.formRow.formRowMoneyInputRow .labelContainer,
    div.pageBlockInner_FormBlock div.formRow.formRowSelectMultiCodelistRow .controlContainer,
    div.pageBlockInner_FormBlock div.formRow.formRowSelectMultiCodelistRow .labelContainer,
    .Login #login_pageBlockContainer #login_pageBlock div.formRow.formRowTextInputRow .labelContainer,
    .Login #login_pageBlockContainer #login_pageBlock div.formRow.formRowTextInputRow .controlContainer,
    .ProfileRegister #newregister_pageBlockContainer #newregister_pageBlock div.formRow.formRowTextInputRow .labelContainer,
    .ProfileRegister #newregister_pageBlockContainer #newregister_pageBlock div.formRow.formRowTextInputRow .controlContainer,
    .Application_Login #RegisterForm_pageBlockContainer #RegisterForm_pageBlock div.formRow.formRowSelectInputRow_Common .labelContainer,
    .Application_Login #RegisterForm_pageBlockContainer #RegisterForm_pageBlock div.formRow.formRowSelectInputRow_Common .controlContainer,
    div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .labelContainer,
    div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .controlContainer,
    div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .labelContainer,
    div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .controlContainer,
    div.pageBlockInner_FormBlock div.formRow.formRowCheckboxMultiRow .labelContainer,
    div.pageBlockInner_FormBlock div.formRow.formRowCheckboxMultiRow .controlContainer,
    div.pageBlockInner_FormBlock div.formRow.formRowTimeInputRow .labelContainer,
    div.pageBlockInner_FormBlock div.formRow.formRowTimeInputRow .controlContainer,
    div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteAdminPortalRow .labelContainer,
    div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteAdminPortalRow .controlContainer,
    div.pageBlockInner_FormBlock div.formRow.formRowNumericInputRow .labelContainer,
    div.pageBlockInner_FormBlock div.formRow.formRowNumericInputRow .controlContainer,
    #dialog div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .labelContainer,
    #dialog div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .controlContainer,
    .subscribe-line.subscribe-line-image .card .card-content #alertsemailform_pageBlockContainer #alertsemailform_username_formRow .labelContainer,
    .subscribe-line.subscribe-line-image .card .card-content #alertsemailform_pageBlockContainer #alertsemailform_username_formRow .controlContainer,
    div.pageBlockInner_FormBlock div.formRow.formRowPhoneInputRow .labelContainer,
    div.pageBlockInner_FormBlock div.formRow.formRowPhoneInputRow .controlContainer,
    #Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer,
    #Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer,
    #Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer,
    #Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer,
    div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .labelContainer,
    div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .controlContainer,
    div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteRow .labelContainer,
    div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteRow .controlContainer,
    #SectionCompleteBlock_completed_formRow .labelContainer,
    .quickSearchContainer .formRowTextInputRow .controlContainer,
    .textpage_filters .selectContainer {
        max-width: 500px;
        margin: 5px auto;
        display: block;
        float: none;
        text-align: left;
        width: 100%;
        color: #33475b;
        font-weight: normal;
        height: auto;
        overflow: auto;
    }

    div.pageBlockInner_FormBlock div.formRow.formRowTextLiteralRow,
    #QuickApplyForm_pageBlock #QuickApplyForm_submitinstructions_formRow .textLiteralAlignment_Left,
    div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .labelContainer,
    #SectionCompleteBlock_completed_formRow .labelContainer {
        text-align: center;
    }

        div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .labelContainer label.formLabel {
            text-align: inherit;
        }

    div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .controlContainer .radioOption input,
    div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .controlContainer .radioOption .radioOptionLabel {
        display: inline-block;
        vertical-align: middle;
        float: none;
    }

    div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow {
        float: none;
        margin: 0 auto;
        max-width: 100%;
        display: block;
        text-align: center;
    }

        div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow#SubmitForm_checkboxlegal_formRow,
        div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow#SubmitForm_contactconsent_formRow {
            max-width: 100%;
            text-align: center;
        }

        div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer,
        div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlContainer {
            float: none;
            display: inline-block;
            width: 100% !important;
            text-align: center;
        }

            div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer label {
                text-align: inherit;
            }

        div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlContainer {
            margin-right: 0;
            margin-top: 0 !important;
        }

            div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlContainer .checkboxContainer {
                width: 100%;
                text-align: center;
            }

                div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlContainer .checkboxContainer input {
                    width: auto;
                    overflow: auto;
                }

    div.pageBlockInner_FormBlock div.formRow .controlContainer .inputContainer {
        display: flex;
        align-items: flex-start;
    }

        div.pageBlockInner_FormBlock div.formRow .controlContainer .inputContainer .popup {
            margin-top: 5px;
        }

            div.pageBlockInner_FormBlock div.formRow .controlContainer .inputContainer .popup img {
                margin-top: 0;
            }

.iti {
    width: 100%;
}

.pageBlockInner_FormBlock label.formLabel {
    text-align: left;
}

    .pageBlockInner_FormBlock label.formLabel a {
        text-decoration: underline;
    }

div.pageBlockInner_FormBlock div.formRow .controlError {
    color: red;
    padding-left: 0;
}

textarea {
    min-height: 100px;
}

.pageBlockInner_FormBlock .formRowPhoneInputRow .controlContainer input.inputText,
.pageBlockInner_FormBlock .formRowTextInputRow .controlContainer input.inputText,
.pageBlockInner_TextTagReplacementBlock .formRowTextInputRow .controlContainer input.inputText,
.pageBlockInner_FormBlock .formRowSelectInputRow_Common .controlContainer select,
.pageBlockInner_FormBlock .formRowMoneyInputRow .controlContainer input,
.pageBlockInner_FormBlock .formRowDateInputRow .controlContainer input,
.pageBlockInner_FormBlock .formRowTextAreaRow .controlContainer textarea,
#Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer .inputTextArea,
#Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer .inputTextArea,
#MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressInput,
.quickSearchContainer .formRowTextInputRow .controlContainer input,
div.pageBlockInner_FormBlock div.formRow.formRowNumericInputRow .controlContainer input,
div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteRow .controlContainer input,
.textpage_filters .selectContainer select {
    padding: 12px 15px;
    font-size: 1.125rem;
    border: 1px solid #cccccb;
    color: #000;
    outline-offset: -2px;
    font-family: Nunito, sans-serif;
    width: calc(100% - 4px);
    border-radius: 5px;
    max-width: 100%;
    min-width: 1px;
    margin: 2px;
}

    .pageBlockInner_FormBlock .formRowPhoneInputRow .controlContainer input.inputText:focus,
    .pageBlockInner_FormBlock .formRowTextInputRow .controlContainer input.inputText:focus,
    .pageBlockInner_TextTagReplacementBlock .formRowTextInputRow .controlContainer input.inputText:focus,
    .pageBlockInner_FormBlock .formRowSelectInputRow_Common .controlContainer select:focus,
    .pageBlockInner_FormBlock .formRowMoneyInputRow .controlContainer input:focus,
    .pageBlockInner_FormBlock .formRowDateInputRow .controlContainer input:focus,
    .pageBlockInner_FormBlock .formRowTextAreaRow .controlContainer textarea:focus,
    .pageBlockInner_FormBlock .formRowPhoneInputRow.curFocus .controlContainer input.inputText,
    .pageBlockInner_FormBlock .formRowTextInputRow.curFocus .controlContainer input.inputText,
    .pageBlockInner_TextTagReplacementBlock .formRowTextInputRow.curFocus .controlContainer input.inputText,
    .pageBlockInner_FormBlock .formRowSelectInputRow_Common.curFocus .controlContainer select,
    .pageBlockInner_FormBlock .formRowSelectInputRow_Common.curFocus .controlContainer select.inputSelect,
    .pageBlockInner_FormBlock .formRowMoneyInputRow.curFocus .controlContainer input,
    .pageBlockInner_FormBlock .formRowDateInputRow.curFocus .controlContainer input,
    .pageBlockInner_FormBlock .formRowTextAreaRow.curFocus .controlContainer textarea,
    .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputText,
    .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputSelect,
    .bannerContainer .bannerContent #quickSearch .jobsearch-form .search-field-container input:focus,
    #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressInput:focus,
    .quickSearchContainer .formRowTextInputRow .controlContainer input:focus,
    div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteRow .controlContainer input:focus {
        border: 1px dotted;
        outline: none;
    }

.pageBlockInner_FormBlock span.mandatoryContainer {
    color: inherit;
}

.pageBlockInner_FormBlock div.curFocus label.formLabel {
    color: inherit;
}

div.pageBlockInner_FormBlock div.formRow.formRowPhoneInputRow .controlContainer {
    overflow: visible;
}

.intl-tel-input {
    width: 100%;
}

    .intl-tel-input .country-list .country,
    .intl-tel-input .country-list .divider {
        margin-top: 0;
    }

.controlContainer .passwordStrength {
    width: 100%;
}

.pageBlockInner_FormBlock .formRowDateInputRow .controlContainer input,
div.pageBlockInner_FormBlock div.formRow.formRowSelectMultiCodelistRow .controlContainer .divajaxcontainter {
    width: calc(100% - 26px);
}

div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteRow .controlContainer .inputContainer,
div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteRow .controlContainer .customButtonContainer {
    width: 100%;
}

.skillcontainer {
    float: none;
    display: inline-block;
}

.buttonsRight,
.buttonsRight ul li,
.buttonsLeft,
.buttonsLeft ul li {
    width: 100%;
    text-align: center;
    max-width: 500px;
    margin: 0 auto !important;
    float: none;
    display: block;
    overflow: hidden;
    padding: 0;
}

    .buttonsRight ul li:before,
    .buttonsLeft ul li:before {
        display: none !important;
    }

    .buttonsRight ul li a,
    .buttonsRight ul li input,
    .buttonsLeft ul li a,
    .buttonsLeft ul li input,
    ul.pageBlockHeaderButtons {
        float: none;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100%;
    }

    .buttonsLeft button.buttonAnchor,
    .buttonsRight button.buttonAnchor,
    .buttonsLeft input.buttonSubmit,
    .buttonsRight input.buttonSubmit,
    .buttonsLeft a.buttonAnchor,
    .buttonsRight a.buttonAnchor,
    #posdesc_pageBlockContainer #posdesc_pageBlock a.right,
    #homepage .googleMapsButton,
    button.buttonAnchor,
    button.buttonSubmit,
    input.buttonSubmit,
    a.buttonAnchor,
    div.posDescriptionContainer317 .BigVacancyMap .moreJobs a,
    #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a,
    #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressButton,
    .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li a,
    .backButtonContainer a,
    #posBrowser_Filter_pageBlock .filtersSummary .alternateViews a,
    #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersExpander a,
    mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent .buttonsRight a,
    .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent .buttonsRight input.buttonSubmit,
    .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .controlContainer .buttonsLeft ul li .fileuploadbutton,
    #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .statusContainer a,
    .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .centerJobBox .BigVacancyMap .mapContainer .ButtonHolder .bigMapButton .closeMapButton,
    .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .centerJobBox .BigVacancyMap .mapContainer .ButtonHolder .bigMapButton .googleMapsButton,
    .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .bottomJobBox .mapContainer .ButtonHolder .miniMapButton,
    .mapContainer .ButtonHolder .miniMapButton a,
    .mapContainer .ButtonHolder .bigMapButton .closeMapButton,
    .mapContainer .ButtonHolder .bigMapButton .googleMapsButton,
    #Application_Section_Rare_pageView .rare_button {
        position: relative;
        display: inline-block;
        width: auto;
        padding: 15px 20px;
        background: var(--primaryColor);
        border: none !important;
        font-size: 1rem;
        font-weight: 700;
        font-family: Nunito, sans-serif;
        color: #fff !important;
        line-height: 1;
        transition: all .3s;
        margin: 2.5px 0;
        float: none;
        text-decoration: none !important;
        width: auto;
        height: auto;
        min-width: 1px;
        text-align: center;
        border-radius: 5px;
    }

        .buttonsLeft button.buttonAnchor:hover,
        .buttonsRight button.buttonAnchor:hover,
        .buttonsLeft input.buttonSubmit:hover,
        .buttonsRight input.buttonSubmit:hover,
        .buttonsLeft a.buttonAnchor:hover,
        .buttonsRight a.buttonAnchor:hover,
        .pageView #posdesc_pageBlockContainer #posdesc_pageBlock a.right:hover,
        #homepage .googleMapsButton:hover,
        button.buttonAnchor:hover,
        button.buttonSubmit:hover,
        input.buttonSubmit:hover,
        a.buttonAnchor:hover,
        #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a:hover,
        .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li a:hover,
        .backButtonContainer a:hover,
        #posBrowser_Filter_pageBlock .filtersSummary .alternateViews a:hover,
        #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersExpander a:hover,
        mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent .buttonsRight a:hover,
        .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent .buttonsRight input.buttonSubmit:hover,
        .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .controlContainer .buttonsLeft ul li .fileuploadbutton:hover,
        #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .statusContainer a:hover,
        .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .centerJobBox .BigVacancyMap .mapContainer .ButtonHolder .bigMapButton .closeMapButton:hover,
        .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .centerJobBox .BigVacancyMap .mapContainer .ButtonHolder .bigMapButton .googleMapsButton:hover,
        .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .bottomJobBox .mapContainer .ButtonHolder .miniMapButton:hover,
        #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressButton:hover,
        .mapContainer .ButtonHolder .miniMapButton a:hover,
        .mapContainer .ButtonHolder .bigMapButton .closeMapButton:hover,
        .mapContainer .ButtonHolder .bigMapButton .googleMapsButton:hover,
        #Application_Section_Rare_pageView .rare_button:hover {
            background: var(--secondaryColor);
            border-color: var(--secondaryColor);
            color: #fff;
        }

        .buttonsLeft button.buttonAnchor:focus,
        .buttonsRight button.buttonAnchor:focus,
        .buttonsLeft input.buttonSubmit:focus,
        .buttonsRight input.buttonSubmit:focus,
        .buttonsLeft a.buttonAnchor:focus,
        .buttonsRight a.buttonAnchor:focus,
        .pageView #posdesc_pageBlockContainer #posdesc_pageBlock a.right:focus,
        #homepage .googleMapsButton:focus,
        button.buttonAnchor:focus,
        button.buttonSubmit:focus,
        input.buttonSubmit:focus,
        a.buttonAnchor:focus,
        #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a:focus,
        .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li a:focus,
        .backButtonContainer a:focus,
        #posBrowser_Filter_pageBlock .filtersSummary .alternateViews a:focus,
        #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersExpander a:focus,
        mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent .buttonsRight a:focus,
        .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent .buttonsRight input.buttonSubmit:focus,
        .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .controlContainer .buttonsLeft ul li .fileuploadbutton:focus,
        #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .statusContainer a:focus,
        .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .centerJobBox .BigVacancyMap .mapContainer .ButtonHolder .bigMapButton .closeMapButton:focus,
        .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .centerJobBox .BigVacancyMap .mapContainer .ButtonHolder .bigMapButton .googleMapsButton:focus,
        .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .bottomJobBox .mapContainer .ButtonHolder .miniMapButton:focus,
        #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressButton:focus,
        .mapContainer .ButtonHolder .miniMapButton a:focus,
        .mapContainer .ButtonHolder .bigMapButton .closeMapButton:focus,
        .mapContainer .ButtonHolder .bigMapButton .googleMapsButton:focus,
        #Application_Section_Rare_pageView .rare_button:focus {
            outline: 2px dashed #000;
        }

        a.buttonAnchor.green {
            background: var(--greenColor) !important;
        }

        a.buttonAnchor.blue {
            background: var(--blueColor) !important;
        }

        a.buttonAnchor.white {
            background: #fff !important;
            color: #000 !important;
        }

            a.buttonAnchor.green:hover,
            a.buttonAnchor.blue:hover,
            a.buttonAnchor.white:hover {
                background: var(--secondaryColor) !important;
                color: #fff !important;
            }

.actionTextButtonContainer .buttonsRight,
.actionTextButtonContainer .buttonsRight ul li,
.fileuploadcontainer .buttonsLeft,
.fileuploadcontainer .buttonsLeft ul li {
    width: 100%;
}

.tooltip2_Surround,
.tooltip2_SurroundClosing {
    display: none !important;
}

.charCounterValue {
    float: left;
}

video,
img:not(.logo) {
    max-width: 100%;
}

.eArcuInfoHeader,
#EarcuHeadingTextBlockTitle,
.pageBlockTitle {
    display: none;
}

.ui-dialog.ui-widget.ui-widget-content {
    border: none;
    z-index: 1001 !important;
}

    .ui-dialog.ui-widget.ui-widget-content .ui-dialog-titlebar {
        border: .125rem solid #000;
        border-bottom: none;
        background: #efefef;
        color: #000;
    }

    .ui-dialog.ui-widget.ui-widget-content div.ui-dialog-titlebar .ui-dialog-titlebar-close,
    .ui-dialog.ui-widget.ui-widget-content div.ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
        outline: none !important;
    }

    .ui-dialog.ui-widget.ui-widget-content .ui-dialog-content {
        border: .125rem solid #000;
        border-top: none;
        background: #efefef;
        color: #000;
    }

.modalContent {
    min-height: 1px !important;
}

.ui-widget-overlay {
    z-index: 1000 !important;
    opacity: 0.7;
    background: #000;
}

.hidden {
    display: none !important;
}

.bannerContainer {
    height: 40vh;
    width: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
}

    .bannerContainer img {
        width: 50%;
        object-fit: cover;
        object-position: 50% 50%;
    }

    .bannerContainer .bannerContent {
        flex: 50%;
        padding: 50px;
        background: var(--primaryColor);
        color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        .bannerContainer .bannerContent h1 {
            margin-top: 0;
        }

        .bannerContainer .bannerContent .quickSearchContainer #quickSearch {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

            .bannerContainer .bannerContent .quickSearchContainer #quickSearch .formRowTextInputRow {
                width: 100%;
            }

                .bannerContainer .bannerContent .quickSearchContainer #quickSearch .formRowTextInputRow .controlContainer {
                    max-width: 100%;
                    margin: 0;
                    position: relative;
                }

                    .bannerContainer .bannerContent .quickSearchContainer #quickSearch .formRowTextInputRow .controlContainer:before {
                        content: "\f002";
                        font-family: "Font Awesome 6 Pro";
                        color: #fff;
                        position: absolute;
                        top: 50%;
                        left: 12px;
                        transform: translateY(-50%);
                        font-weight: 700;
                    }

                    .bannerContainer .bannerContent .quickSearchContainer #quickSearch .formRowTextInputRow .controlContainer input {
                        border-color: #fff;
                        background: none;
                        color: #fff;
                        margin: 0;
                        width: 100%;
                        padding-left: 36px;
                    }

                        .bannerContainer .bannerContent .quickSearchContainer #quickSearch .formRowTextInputRow .controlContainer input::placeholder {
                            color: inherit;
                        }

                .bannerContainer .bannerContent .quickSearchContainer #quickSearch .formRowTextInputRow#location .controlContainer:before {
                    content: '\f3c5';
                }

            .bannerContainer .bannerContent .quickSearchContainer #quickSearch .buttonContainer {
                display: flex;
                gap: 20px;
            }

                .bannerContainer .bannerContent .quickSearchContainer #quickSearch .buttonContainer button.buttonSubmit {
                    background: #fff;
                    color: #000 !important;
                    flex: 100%;
                }

                .bannerContainer .bannerContent .quickSearchContainer #quickSearch .buttonContainer a.buttonAnchor {
                    background: var(--greenColor);
                    min-width: 140px;
                }

                    .bannerContainer .bannerContent .quickSearchContainer #quickSearch .buttonContainer button.buttonSubmit:hover,
                    .bannerContainer .bannerContent .quickSearchContainer #quickSearch .buttonContainer a.buttonAnchor:hover {
                        background: var(--secondaryColor);
                        color: #fff !important;
                    }

        .bannerContainer .bannerContent .m-breadcrumbs {
            width: 100%;
        }

            .bannerContainer .bannerContent .m-breadcrumbs .m-breadcrumbs__inner,
            .bannerContainer .bannerContent .m-breadcrumbs .m-breadcrumbs__inner .m-breadcrumbs__links {
                padding: 0;
                color: inherit;
            }

                .bannerContainer .bannerContent .m-breadcrumbs .m-breadcrumbs__inner .m-breadcrumbs__links .m-breadcrumbs__item a {
                    color: inherit;
                }

                .bannerContainer .bannerContent .m-breadcrumbs .m-breadcrumbs__inner .m-breadcrumbs__links .m-breadcrumbs__item:not(:last-child):after {
                    content: '\f054';
                    font-family: "Font Awesome 6 Pro";
                }

                .bannerContainer .bannerContent .m-breadcrumbs .m-breadcrumbs__inner .m-breadcrumbs__links .m-breadcrumbs__item:last-child a {
                    font-weight: bold;
                    pointer-events: none;
                    cursor: initial;
                }

body:before {
    content: '';
    z-index: -1;
    opacity: 0;
    transition: opacity .4s ease;
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

body.cookiesOpen,
body.modalOpen {
    overflow: hidden;
}

    body.cookiesOpen:before,
    body.modalOpen:before {
        z-index: 9991;
        opacity: 0.7;
    }

.cookiesButton {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 80px;
    height: 80px;
    z-index: 9990;
}

    .cookiesButton a {
        clip-path: polygon(0 0, 0% 100%, 100% 100%);
        background: var(--primaryColor);
        display: block;
        height: 100%;
        position: relative;
        transition: all .2s ease;
        color: #fff;
    }

        .cookiesButton a:hover {
            background: #000;
        }

        .cookiesButton a i {
            position: absolute;
            bottom: 10px;
            left: 10px;
            font-size: 30px;
        }

.gdprcookie {
    z-index: 9992;
    background: var(--primaryColor);
}

    .gdprcookie.too-big {
        position: fixed;
        bottom: 1.5rem;
        top: 1.5rem;
        overflow: auto;
    }

    .gdprcookie h1 {
        font-size: 24px;
        line-height: 32px;
    }

    .gdprcookie h2 {
        font-size: 20px;
        line-height: 28px;
    }

    .gdprcookie ul {
        color: #fff;
    }

    .gdprcookie input[type=checkbox] {
        position: relative;
        opacity: 1;
        width: auto;
    }

        .gdprcookie input[type=checkbox] + label {
            color: inherit;
            display: inline-block;
            position: relative;
        }

    .gdprcookie .gdprcookie-buttons {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
        margin-top: 20px;
    }

        .gdprcookie .gdprcookie-buttons button {
            transition: all .2s ease;
            margin: 0;
        }

            .gdprcookie .gdprcookie-buttons button:disabled {
                pointer-events: none;
            }

            .gdprcookie .gdprcookie-buttons button:not(:disabled):hover {
                background: rgba(255, 255, 255, 0.3);
            }

footer {
    position: relative;
    background: #fff;
    z-index: 11;
}

.pageBlockInner_GridBlock div.gridContentWithHeader {
    background: none;
}

.pageBlockInner_FormBlock div.selectmultipleContainer ul.selectmultiplelist li {
    display: flex;
    align-items: center;
}

.pageBlockInner_GridBlock table.gridTable th {
    width: 100% !important;
}

#EarcuIntroTextBlockTitle {
    display: none;
}

.m-site_header__inner:after,
.m-site_header__inner:before {
    display: none;
}

.m-site_navigation__links {
    margin-left: auto;
}

.greenColor {
    color: var(--greenColor);
}

.o-wrapper--green {
    background: var(--greenColor);
    color: #fff;
}

.o-wrapper--lightgreen {
    background: var(--lightGreenColor);
}

.blueColor {
    color: var(--blueColor);
}

.o-wrapper--blue {
    background: var(--blueColor);
    color: #fff;
}

    .o-wrapper--blue * {
        color: inherit;
    }

    .o-wrapper--blue a.buttonAnchor.white {
        color: var(--blueColor);
    }

.o-wrapper--lightblue {
    background: var(--lightBlueColor);
}

.purpleColor {
    color: var(--primaryColor);
}

.highlight.purple {
    background: var(--primaryColor);
    color: #fff;
}

.o-wrapper--lightPurple {
    background: var(--lightPurpleColor);
}

.goldColor {
    color: var(--goldColor);
}

.mt-6 {
    margin-top: 6vh;
}

.d-flex {
    display: flex;
}

.row-reverse {
    flex-direction: row-reverse;
}

.paddingy0 {
    padding-top: 0;
    padding-bottom: 0;
}

.mediaContainer iframe {
    aspect-ratio: 16/9;
}

@media print, screen and (min-width: 64em) and (min-width: 40em) {

    .o-grid--four-col .o-grid__item,
    .o-grid--five-col .o-grid__item {
        padding-right: .9375rem;
        padding-left: .9375rem;
    }
}

@media print, screen and (min-width: 64em) {
    .o-grid--four-col .o-grid__item {
        width: 25%;
        float: left;
        padding-right: .9375rem;
        padding-left: .9375rem;
    }

        .o-grid--four-col .o-grid__item,
        .o-grid--four-col .o-grid__item:last-child:not(:first-child) {
            float: left;
            clear: none;
        }

    .o-grid--five-col .o-grid__item {
        width: 20%;
        float: left;
        padding-right: .9375rem;
        padding-left: .9375rem;
    }

        .o-grid--five-col .o-grid__item,
        .o-grid--five-col .o-grid__item:last-child:not(:first-child) {
            float: left;
            clear: none;
        }
}

.o-wrapper:has(.fifty-fifty):not(.paddingNormal) {
    padding: 0;
}

.fifty-fifty {
    max-width: 81.25rem;
    margin-left: auto;
    margin-right: auto;
}

    .fifty-fifty > div {
        flex: 50%;
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        .fifty-fifty > div.mediaContainer img,
        .fifty-fifty > div.mediaContainer video,
        .fifty-fifty > div.mediaContainer iframe {
            width: calc(100% - 30px);
            margin-left: 30px;
        }

        .fifty-fifty > div.mediaContainer img {
            object-fit: cover;
            object-position: 50% 50%;
            height: 100%;
        }

            .fifty-fifty > div.mediaContainer img.contain {
                object-fit: contain;
                max-width: 500px;
                margin: 0 auto;
            }

        .fifty-fifty > div.textContainer {
            padding: 4vh 8.33333%;
        }

            .fifty-fifty > div.textContainer > *:first-child {
                margin-top: 0;
            }

    .fifty-fifty.row-reverse > div.mediaContainer img,
    .fifty-fifty.row-reverse > div.mediaContainer video,
    .fifty-fifty.row-reverse > div.mediaContainer iframe {
        margin-left: 0;
        margin-right: 30px;
    }

.full-width {
    max-width: 100%;
}

.justify-center {
    justify-content: center;
}

.m-quicklinks__column--image video,
.m-quicklinks__column--image iframe {
    width: 100%;
}

.hang {
    z-index: 1;
    margin-bottom: -75px;
    background: none;
}

    .hang + .o-wrapper {
        padding-top: calc(6vh + 75px);
    }

h1:first-child,
h2:first-child,
h3:first-child {
    margin-top: 0;
}

h1:last-child,
h2:last-child,
h3:last-child,
ul:last-child,
ol:last-child {
    margin-bottom: 0;
}

h2:has(strong) {
    font-weight: 400;
}

.textContainer ul {
    list-style: none;
    padding-left: 0;
}

    .textContainer ul li {
        position: relative;
        padding-left: 20px;
        margin-bottom: 10px;
    }

        .textContainer ul li:last-child {
            margin-bottom: 0;
        }

        .textContainer ul li:before {
            content: '';
            position: absolute;
            top: 6px;
            left: 0;
            width: 10px;
            height: 10px;
            background: var(--greenColor);
        }

        .textContainer ul li:after {
            content: '';
            position: absolute;
            top: 6px;
            left: 6px;
            border-style: solid;
            border-width: 0 10px 10px 0;
            border-color: transparent #fff transparent transparent;
        }

        .textContainer ul li:nth-child(3n+2):before {
            background: var(--blueColor);
        }

        .textContainer ul li:nth-child(3n+3):before {
            background: var(--primaryColor);
        }

.o-wrapper--lightgrey .textContainer ul li:after {
    border-color: transparent #f1f1f1 transparent transparent;
}

.m-site_navigation__item#life a:hover {
    color: var(--greenColor);
    border-color: var(--greenColor);
}

.m-site_navigation__item#teams a:hover,
.m-site_navigation__item#early a:hover {
    color: var(--blueColor);
    border-color: var(--blueColor);
}

.m-site_navigation__btn--link {
    background: var(--primaryColor);
    color: #fff;
}

    .m-site_navigation__btn--link:hover {
        background: var(--secondaryColor);
    }

.stickyApplyContainer {
    position: fixed;
    top: 25%;
    transform: translateY(-50%) rotate(90deg);
    right: -40px;
    z-index: 10;
}

    .stickyApplyContainer a.buttonAnchor {
        margin-top: 0;
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
        background: var(--brownColor);
        height: 52px;
    }

        .stickyApplyContainer a.buttonAnchor:hover {
            background: var(--secondaryColor);
        }

#pojo-a11y-toolbar {
    bottom: 0;
}

    #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle {
        bottom: 0;
    }

        #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
            background: var(--greenColor);
            color: #fff;
            transition: all .2s ease;
        }

.textpage_working,
.textpage_teams,
.textpage_early,
.textpage_apprentice {
    #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a

{
    background: var(--primaryColor);
}

}

#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a:hover {
    background: var(--secondaryColor);
}

#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay {
    background: #fff;
}

body.pojo-a11y-grayscale {
    filter: none;
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
}

    body.pojo-a11y-grayscale #pojo-container .o-wrapper--page,
    body.pojo-a11y-grayscale #pojo-a11y-toolbar,
    body.pojo-a11y-grayscale .stickyApplyContainer {
        -webkit-filter: grayscale(100%);
        -webkit-filter: grayscale(1);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
    }

.pb-6 {
    padding-bottom: 6vh !important;
}

.o-wrapper--purple {
    background: #F0DAEA;
}
/* Misc Styling Ends */
/* Landing Page Styling */
.home .bannerContainer {
    height: 60vh;

    @media (min-width: 1200px) {
        height: 792px;
    }
}

    .home .bannerContainer .bannerContent {
        position: absolute;
        top: 0;
        left: 0;
        width: 45%;
        height: 100%;
        z-index: 1;
        background: rgb(153, 0, 112);
        background: linear-gradient(90deg, rgba(153, 0, 112, 1) 0%, transparent 100%);
    }

    .home .bannerContainer img {
        width: 100%;
    }

#pageLinks .o-grid__item {
    display: flex;
    flex-direction: column;
    flex: 100%;
}

    #pageLinks .o-grid__item .m-grid_card {
        height: auto;
        flex: 1 0 auto;
    }

        #pageLinks .o-grid__item .m-grid_card .m-grid_card__media {
            padding: 20px;
            color: #fff;
            text-decoration: none;
            font-size: 30px;
            transition: all .3s ease;
            flex: 1 0 auto;
            display: flex;
            gap: 20px;
            align-items: center;
            line-height: normal;
        }

            #pageLinks .o-grid__item .m-grid_card .m-grid_card__media img {
                transition: all .3s ease;
            }

            #pageLinks .o-grid__item .m-grid_card .m-grid_card__media:after {
                content: '';
                position: absolute;
                top: 0;
                right: 0;
                border-color: transparent #f1f1f1 transparent transparent;
                border-style: solid;
                border-width: 0 30px 30px 0;
            }

            #pageLinks .o-grid__item .m-grid_card .m-grid_card__media:hover,
            #pageLinks .o-grid__item:first-child .m-grid_card .m-grid_card__media:hover {
                background: var(--secondaryColor);
                color: #fff;
            }

            #pageLinks .o-grid__item .m-grid_card .m-grid_card__media img {
                max-height: 50px;
            }

.m-logo_rotator__logowrapper .modalContent {
    width: 100%;
}

#benefits .m-logo_rotator__logo {
    text-decoration: none;
}

#benefits .m-logo_rotator__logowrapper {
    padding: 30px 20px;
    border: 2px solid var(--greenColor);
    cursor: pointer;
    transition: all .2s ease;
}

    #benefits .m-logo_rotator__logowrapper img {
        max-width: 50px;
        max-height: 50px;
        transition: all .2s ease;
    }

    #benefits .m-logo_rotator__logowrapper h3 {
        margin-bottom: 0;
        color: inherit;
    }

    #benefits .m-logo_rotator__logowrapper:hover {
        background: var(--greenColor);
        color: #fff;
    }

        #benefits .m-logo_rotator__logowrapper:hover .m-logo_rotator__img {
            filter: brightness(0) invert(1);
        }

.sliderContainer {
    .flexslider

{
    padding: 0 80px;
    background: none;
    border: none;
    margin: 0;
    list-style: none;
    position: relative;
    ul

{
    list-style: none;
    display: flex;
    li

{
    padding: 0;
    margin: 0;
    display: flex !important;
    flex-direction: column;
    &:before

{
    display: none;
}

.slideContent {
    position: relative;
    padding: 40px;
    border: 2px solid var(--primaryColor);
    border-radius: 5px;
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 100%;
    h3

{
    margin: 0;
    text-align: center;
    margin-top: -65px;
    padding: 0 30px;
    background: #fff;
    display: flex;
    gap: 20px;
    align-items: center;
    span .highlight

{
    font-size: inherit;
    padding: 3px 15px;
    border-radius: 5px;
    text-transform: uppercase;
}

}

.blocksContainer {
    display: flex;
    flex: 100%;
    gap: 20px;
    margin-top: 30px;
    .slideBlock

{
    display: flex;
    gap: 20px;
    flex: 33.3333%;
    &:not(:last-child):after

{
    content: '\f054';
    font-family: "Font Awesome 6 Pro";
    font-size: 30px;
    font-weight: 700;
    color: var(--primaryColor);
    align-self: center;
}

.blockContent {
    padding: 20px;
    border-radius: 5px;
    max-height: 300px;
    overflow: auto;
    h4

{
    margin-top: 0;
}

}
}
}
}
}
}

ol.flex-control-nav {
    margin-top: 30px;
    list-style: none;
    bottom: initial;
    position: relative;
    display: none;
    gap: 12px;
    justify-content: center;
    li

{
    list-style: none;
    padding: 0;
    margin: 0;
    &:before

{
    display: none;
}

a {
    width: 11px;
    height: 11px;
    border: 1px solid var(--primaryColor);
    background: none;
    transition: all .2s ease;
    &.flex-active

{
    background: var(--primaryColor);
}

}
}
}

ul.flex-direction-nav {
    position: initial;
}

    ul.flex-direction-nav li {
        position: initial;
        a

{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    transition: all .2s ease;
    border: none;
    background: var(--primaryColor);
    color: #fff;
    border-radius: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 1 !important;
    z-index: initial;
    width: 60px;
    height: 60px;
    font-size: 24px;
    &:before

{
    color: inherit;
    text-shadow: none;
    font-size: inherit;
}

&:hover {
    background: var(--secondaryColor);
}

&.flex-prev {
    left: 10px;
}

&.flex-next {
    right: 10px;
}

&.flex-disabled {
    opacity: 0.3 !important;
    pointer-events: none;
    cursor: initial;
}

}
}
}

.flexslider#apprenticeSlider {
    .flex-viewport

{
    border: 2px solid var(--blueColor);
    border-radius: 5px;
    position: relative;
    &:before, &:after

{
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    font-size: 3rem;
    color: var(--blueColor);
    font-weight: 900;
}

&:before {
    content: "\f10d";
    top: -10px;
    left: 10px;
}

&:after {
    content: "\f10e";
    bottom: -10px;
    right: 10px;
}

}

ul li .slideContent {
    margin-top: 0;
    border: none;
    border-radius: 0;
    padding: 60px;
}

.quote {
    text-align: center;
    width: 100%;
}

.author {
    width: 100%;
    text-align: end;
    font-weight: bold;
    color: var(--blueColor);
    font-size: 1.25rem;
}

ul.flex-direction-nav li {
    a

{
    background: var(--blueColor);
    &:hover

{
    background: #50B3DC;
}

}
}

ol.flex-control-nav {
    li

{
    a

{
    border: 1px solid var(--blueColor);
    &.flex-active

{
    background: var(--blueColor);
}

}
}
}
}

.flexslider#accredSlider {
    ul .slides li

{
    text-align: center;
    img

{
    margin-bottom: 0;
    max-height: 100px;
    width: auto;
    display: inline-block;
    object-fit: contain;
    object-position: 50% 50%;
}

}

ol.lex-control-nav {
    display: flex;
}

}
}

@media print, screen and (min-width: 40em) {
    #pageLinks .o-grid__item {
        flex: 50%;
    }
}

@media print, screen and (min-width: 64em) {
    #pageLinks .o-grid__item {
        flex: 25%;
    }
}

#accredSlider.flexslider .slides img {
    max-height: 130px;
    object-fit: contain;
    object-position: 50% 50%;
}

/* Landing Page Styling Ends */
/* Life at Midland Heart Styling  */
.textpage_working {
    background: var(--greenColor);
}

    .textpage_working .bannerContainer .bannerContent {
        background: var(--greenColor);
    }

.modalsContainer .modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9992;
    background: #fff;
    display: none;
    padding: 40px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    border-bottom: 10px solid var(--greenColor);
}

    .modalsContainer .modal .close {
        position: absolute;
        top: 0;
        right: 0;
        padding: 20px;
        font-size: 20px;
        cursor: pointer;
        transition: all .2s ease;
        line-height: 1;
    }

        .modalsContainer .modal .close:hover {
            color: var(--primaryColor);
        }

    .modalsContainer .modal .modalContent {
        max-height: calc(100vh - 90px);
        overflow: auto;
    }

        .modalsContainer .modal .modalContent img {
            max-width: 95px;
        }

#belonging .m-logo_rotator__logowrapper {
    padding: 0;
}

#belonging .o-grid__item {
    cursor: pointer;
}

    #belonging .o-grid__item .m-grid_card__media {
        display: flex;
        flex-direction: column;
        text-align: center;
    }

        #belonging .o-grid__item .m-grid_card__media .text-container {
            margin: 5px;
            background-color: #FFF 0;
            transition: background-color .3s;
        }

        #belonging .o-grid__item .m-grid_card__media .text {
            display: flex;
            flex-direction: column;
            gap: 5px;
            padding: 15px;
            color: #fff;
        }

            #belonging .o-grid__item .m-grid_card__media .text h3 {
                margin: 0;
            }

            #belonging .o-grid__item .m-grid_card__media .text p {
                font-weight: bold;
            }

    #belonging .o-grid__item:nth-of-type(4n-3) {
        --text-color: #70965A;
    }

    #belonging .o-grid__item:nth-of-type(4n-2) {
        --text-color: #60c3ec;
    }

    #belonging .o-grid__item:nth-of-type(4n-1) {
        --text-color: #990070;
    }

    #belonging .o-grid__item:nth-of-type(4n) {
        --text-color: #c9983b;
    }

    #belonging .o-grid__item:hover .text-container {
        background-color: #FFF;
    }

    #belonging .o-grid__item:hover .text {
        color: var(--text-color);
    }

    #belonging .o-grid__item .modalContent {
        text-align: left;
        padding: 0 15px 15px;
        background: var(--text-color);
        color: #fff;
        border: 5px solid var(--text-color);
        border-top: none;
    }

        #belonging .o-grid__item .modalContent * {
            color: inherit;
        }

    #belonging .o-grid__item:hover .modalContent {
        background: #fff;
        color: var(--text-color);
    }

@media print, screen and (min-width: 64em) {
    .textpage_working #benefits .m-logo_rotator__wrapper--logos {
        justify-content: center;
    }

    .textpage_working #benefits .m-logo_rotator__logo {
        width: 20%;
        float: none;
    }
}

/* Life at Midland Heart Styling Ends */

/* Meet our teams Styling */
.textpage_teams {
    background: var(--blueColor);
}

    .textpage_teams .bannerContainer .bannerContent {
        background: var(--blueColor);
    }

/* Meet our teams Styling Ends */

/* How we hire Styling */
#faqs .m-accordion__items {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    #faqs .m-accordion__items .m-accordion__accordion-item {
        border-radius: 5px;
        overflow: hidden;
        border-left: 10px solid var(--primaryColor);
        background: #fff;
    }

        #faqs .m-accordion__items .m-accordion__accordion-item .m-accordion__accordion-title {
            padding: 20px 30px 20px 20px;
            border: none;
            transition: all .4s ease;
        }

            #faqs .m-accordion__items .m-accordion__accordion-item .m-accordion__accordion-title:before {
                content: '\f078';
                right: 20px;
                height: auto;
                color: inherit;
            }

        #faqs .m-accordion__items .m-accordion__accordion-item .m-accordion__accordion-content {
            padding: 20px;
        }

        #faqs .m-accordion__items .m-accordion__accordion-item.is-active .m-accordion__accordion-title {
            background: var(--primaryColor);
            color: #fff;
        }

            #faqs .m-accordion__items .m-accordion__accordion-item.is-active .m-accordion__accordion-title:before {
                transform: translateY(-50%) rotate(180deg);
            }

        #faqs .m-accordion__items .m-accordion__accordion-item:nth-child(7n+2) {
            border-color: var(--greenColor);
        }

        #faqs .m-accordion__items .m-accordion__accordion-item.is-active:nth-child(7n+2) .m-accordion__accordion-title {
            background: var(--greenColor);
            color: #000;
        }

        #faqs .m-accordion__items .m-accordion__accordion-item:nth-child(7n+3) {
            border-color: #F3ADDE;
        }

        #faqs .m-accordion__items .m-accordion__accordion-item.is-active:nth-child(7n+3) .m-accordion__accordion-title {
            background: #F3ADDE;
        }

        #faqs .m-accordion__items .m-accordion__accordion-item:nth-child(7n+4) {
            border-color: var(--blueColor);
        }

        #faqs .m-accordion__items .m-accordion__accordion-item.is-active:nth-child(7n+4) .m-accordion__accordion-title {
            background: var(--blueColor);
        }

        #faqs .m-accordion__items .m-accordion__accordion-item:nth-child(7n+5) {
            border-color: var(--brownColor);
        }

        #faqs .m-accordion__items .m-accordion__accordion-item.is-active:nth-child(7n+5) .m-accordion__accordion-title {
            background: var(--brownColor);
        }

        #faqs .m-accordion__items .m-accordion__accordion-item:nth-child(7n+6) {
            border-color: #999999;
        }

        #faqs .m-accordion__items .m-accordion__accordion-item.is-active:nth-child(7n+6) .m-accordion__accordion-title {
            background: #999999;
        }

        #faqs .m-accordion__items .m-accordion__accordion-item:nth-child(7n+7) {
            border-color: #D2C295;
        }

        #faqs .m-accordion__items .m-accordion__accordion-item.is-active:nth-child(7n+7) .m-accordion__accordion-title {
            background: #D2C295;
        }

/* How we hire Styling Ends */

/* Early careers Styling */
.textpage_early,
.textpage_apprentice {
    background: var(--blueColor);
}

    .textpage_early .bannerContainer .bannerContent,
    .textpage_apprentice .bannerContainer .bannerContent {
        background: var(--blueColor);
    }

    .textpage_early #benefits .m-logo_rotator__logowrapper,
    .textpage_apprentice #benefits .m-logo_rotator__logowrapper {
        border-color: var(--blueColor);
    }

    .textpage_apprentice #benefits .m-logo_rotator__logowrapper {
        padding: 0;
    }

        .textpage_apprentice #benefits .m-logo_rotator__logowrapper h3 {
            width: 100%;
            padding: 30px 20px;
            margin: 0;
        }

        .textpage_apprentice #benefits .m-logo_rotator__logowrapper img {
            max-width: 100%;
            width: 100%;
            max-height: 300px;
            object-fit: cover;
            object-position: 50% 10%;
        }

        .textpage_early #benefits .m-logo_rotator__logowrapper:hover,
        .textpage_apprentice #benefits .m-logo_rotator__logowrapper:hover {
            background: var(--blueColor);
            color: #fff;
        }

            .textpage_early #benefits .m-logo_rotator__logowrapper:hover img {
                filter: brightness(0) invert(1);
            }

            .textpage_apprentice #benefits .m-logo_rotator__logowrapper:hover img {
                filter: none;
            }

@media print, screen and (min-width: 64em) {
    .textpage_apprentice #benefits .m-logo_rotator__logo {
        width: 33.3333%;
    }
}

.textpage_early .modalsContainer .modal,
.textpage_apprentice .modalsContainer .modal {
    border-color: var(--blueColor);
}

    .textpage_apprentice .modalsContainer .modal .modalContent {
        display: flex;
        gap: 20px;
    }

        .textpage_apprentice .modalsContainer .modal .modalContent img {
            max-width: 250px;
            width: 100%;
            object-fit: cover;
        }

.textpage_early .sliderContainer .flexslider ul li .slideContent {
    border-color: var(--blueColor);
}

    .textpage_early .sliderContainer .flexslider ul li .slideContent .blocksContainer {
        margin-top: 0;
    }

        .textpage_early .sliderContainer .flexslider ul li .slideContent .blocksContainer .slideBlock:not(:last-child):after {
            content: '\2f';
            color: var(--blueColor);
        }

.textpage_early .sliderContainer .flexslider ul.flex-direction-nav li a {
    background: var(--blueColor);
}

    .textpage_early .sliderContainer .flexslider ul.flex-direction-nav li a:hover {
        background: var(--secondaryColor);
    }

/* Early careers Styling Ends */
/* Results Page Styling */
.pos_find_results .bannerContainer,
.pos_find_results_map .bannerContainer {
    height: auto;
}

    .pos_find_results .bannerContainer .bannerContent h1,
    .pos_find_results_map .bannerContainer .bannerContent h1 {
        margin-bottom: 10px;
    }

    .pos_find_results .bannerContainer .bannerContent .quickSearchContainer,
    .pos_find_results_map .bannerContainer .bannerContent .quickSearchContainer {
        margin-bottom: 10px;
    }

#posBrowser_Filter_pageBlockContainer {
    width: 30%;
    float: left;
    margin-right: 3%;
}

    #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle {
        border: none;
        padding: 0;
        overflow: hidden;
    }

        #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock {
            overflow: hidden;
            padding: 0;
        }

            #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersSummary {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                align-items: center;
                margin-bottom: 10px;
            }

                #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersSummary .alternateViews a:after {
                    font-family: "Font Awesome 6 Pro";
                    margin-left: 5px;
                    display: inline-block;
                    font-weight: 900;
                }

                #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersSummary .alternateViews a.alternateViewsButton_List:after {
                    content: '\f03a';
                }

                #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersSummary .alternateViews a.alternateViewsButton_Map:after {
                    content: '\f5a0';
                }

                #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersSummary .alternateViews a.alternateViewsButton_Selected {
                    display: none;
                }

            #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersExpander {
                padding-top: 20px;
                position: relative;
                display: none;
            }

                #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersExpander a {
                    width: auto;
                    padding-right: 35px;
                    position: relative;
                }

                    #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersExpander a:after {
                        content: '\25BC';
                        font-weight: bold;
                        right: 15px;
                        transition: transform 0.4s ease;
                        position: absolute;
                    }

                    #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersExpander a.filtersExpanderButton_Expanded:after {
                        transform: rotate(180deg);
                    }

            #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer {
                border: none;
                display: block;
                transition: all .4s ease;
                overflow: hidden;
            }

                #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer {
                    padding: 0;
                    background: none;
                    display: flex;
                    flex-direction: column;
                    gap: 10px;
                }

                    #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow {
                        width: 100%;
                        margin-bottom: 0;
                        text-align: left;
                    }

                        #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow.poscodelist8 {
                            display: none;
                        }

                        #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .HeaderContainer {
                            background: #f1f1f1;
                            color: var(--primaryColor);
                            font-size: 16px;
                            line-height: 28px;
                            padding-right: 16px;
                            border: none;
                            overflow: hidden;
                        }

                            #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .HeaderContainer .HeaderLabel {
                                padding: 0;
                                float: none;
                                font-size: inherit;
                                color: inherit;
                                position: relative;
                                width: 100%;
                                padding: 11px 30px 12px 16px;
                                cursor: pointer;
                            }

                                #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .HeaderContainer .HeaderLabel:after {
                                    content: '\f068';
                                    font-family: "Font Awesome 6 Pro";
                                    font-weight: bold;
                                    position: absolute;
                                    top: 50%;
                                    right: 0;
                                    transform: translateY(-50%);
                                }

                        #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer {
                            margin: 0;
                            padding: 24px;
                            background: #f1f1f1;
                        }

                            #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer .LocationValue {
                                padding: 0;
                            }

                                #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer .LocationValue .locationValueLabel:after {
                                    content: ':';
                                }

                            #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList {
                                padding: 0;
                                padding-bottom: 1px;
                                display: flex;
                                flex-direction: column;
                                gap: 10px;
                                max-height: 320px;
                                overflow: auto;
                            }

                                #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li {
                                    padding: 0;
                                    float: none;
                                    background: none;
                                    width: 100%;
                                    margin: 0;
                                    padding-left: 30px;
                                }

                                    #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li.ValueItem_selected {
                                        background: none;
                                    }

                                    #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li.ValueItem_empty:not(.ValueItem_selected) {
                                        display: none;
                                    }

                                    #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li a {
                                        font-size: inherit;
                                        color: var(--primaryColor);
                                        text-decoration: none !important;
                                        font-weight: 400;
                                    }

                                        #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li a .label {
                                            color: inherit;
                                            font-size: inherit;
                                            padding: 0;
                                            border-radius: 0;
                                            display: initial;
                                            background: none;
                                            line-height: inherit;
                                            cursor: inherit;
                                            white-space: initial;
                                        }

                                    #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li.ValueItem_selected a {
                                        font-weight: bold;
                                        text-decoration: underline;
                                    }

                                    #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li.possibleDistancesLabel {
                                        width: 100%;
                                        background: none;
                                        padding: 0;
                                        border: none;
                                        cursor: initial;
                                        pointer-events: none;
                                    }

                                        #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li.possibleDistancesLabel:before {
                                            display: none;
                                        }

                                        #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li.possibleDistancesLabel:after {
                                            content: ':';
                                        }

                        #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ButtonsContainer a.RemoveLink {
                            display: block;
                        }

                        #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .FilterContainer.closed .HeaderContainer .HeaderLabel:after {
                            content: "\f067";
                        }

                        #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .FilterContainer.closed .ValueContainer {
                            display: none;
                        }

                #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .ButtonsRow {
                    display: none;
                }

#posBrowser_ResultsGrid_pageBlockContainer {
    margin: 0;
}

#MapBlock_pageBlockContainer {
    float: left;
    width: 60%;
}

    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock,
    #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock {
        padding: 0;
    }

        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop,
        #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop {
            border: none;
            position: relative;
            overflow: visible;
            width: 100%;
            display: none;
        }

            #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridAlternateViewsContainer,
            #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop .TilesGridAlternateViewsContainer {
                margin: 0;
            }

                #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer,
                #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer {
                    padding: 0;
                    margin: 0;
                }

                #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridAlternateViewsContainer,
                #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop .TilesGridAlternateViewsContainer,
                #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer,
                #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer,
                #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingContainer,
                #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingContainer .TilesGridSortingInnerContainer {
                    float: none;
                    display: inline-block;
                    vertical-align: middle;
                }

                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer,
                    #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer,
                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingContainer .TilesGridSortingInnerContainer {
                        display: flex;
                    }

                        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer .alternateViewsText,
                        #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer .alternateViewsText,
                        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer .alternateViewsCurrent,
                        #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer .alternateViewsCurrent,
                        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingContainer .TilesGridSortingInnerContainer .sortingText,
                        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingContainer .TilesGridSortingInnerContainer .sortingCurrent {
                            float: none;
                        }

                        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer .alternateViewsText,
                        #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer .alternateViewsText,
                        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingContainer .TilesGridSortingInnerContainer .sortingText {
                            color: var(--primaryColor);
                            font-weight: bold;
                        }

                        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer .alternateViewsCurrent a,
                        #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer .alternateViewsCurrent a,
                        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingContainer .TilesGridSortingInnerContainer .sortingCurrent a {
                            font-size: inherit;
                        }

            #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingPopup {
                z-index: 10;
                background: #fff;
                border-radius: 0;
                border: 2px solid #f1f1f1;
            }

                #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingPopup a {
                    font-size: inherit;
                }

        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles {
            display: flex;
            align-items: center;
        }

            #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles .pagingText,
            #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles .pagingButtons {
                float: none;
                padding-top: 0;
            }

            #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles .pagingButtons {
                display: flex;
                gap: 5px;
            }

                #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles .pagingButtons a {
                    background: none;
                    border: none;
                    margin: 0;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    text-align: center;
                    width: auto;
                    height: auto;
                    line-height: 1;
                    font-size: 25px;
                    color: var(--primaryColor);
                    transition: all .2s ease;
                    text-decoration: none;
                }

                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles .pagingButtons a:hover {
                        color: var(--creamColor);
                    }

                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles .pagingButtons a:before {
                        content: '\f32b';
                        font-family: "Font Awesome 6 Pro";
                        font-weight: 300;
                    }

                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles .pagingButtons a.scroller_moveprev:before {
                        content: '\f32a';
                    }

                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles .pagingButtons a.buttonDisabled {
                        opacity: 0.3;
                        cursor: initial;
                        pointer-events: none;
                    }

                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles .pagingButtons a img {
                        display: none;
                    }

        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent {
            padding-top: 0;
        }

            #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer {
                display: flex;
                flex-wrap: wrap;
                gap: 20px;
            }

                #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder {
                    width: 100%;
                    border-bottom: none;
                    overflow: auto;
                    position: relative;
                    display: flex;
                    flex-direction: column;
                    flex: 48%;
                    max-width: calc(50% - 10px);
                    background: #fff;
                    border: 1px solid var(--primaryColor);
                    transition: all .2s ease;
                }

                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer {
                        width: 100%;
                        border: none;
                        margin: 0 !important;
                        padding: 20px;
                        height: auto;
                        overflow: hidden;
                        position: relative;
                        text-align: left;
                        display: flex;
                        flex-direction: column;
                        flex: 1 0 auto;
                        gap: 10px;
                        background: none;
                    }

                        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader {
                            padding: 0;
                            float: none;
                        }

                            #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader .rowLabel a {
                                text-decoration: none !important;
                                color: var(--primaryColor);
                                font-size: 16px;
                                transition: all .2s ease;
                            }

                        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer {
                            float: none;
                            font-size: 14px;
                        }

                            #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer,
                            #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer {
                                margin: 0;
                                padding: 0;
                            }

                                #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer,
                                #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer .rowItemsInnerContainer2 {
                                    display: flex;
                                    flex-direction: column;
                                    gap: 10px;
                                }

                                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span {
                                        display: block;
                                        width: 100%;
                                        color: var(--creamColor);
                                        transition: all .2s ease;
                                    }

                                        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span.comma,
                                        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span.lastpublisheddate_vacancyColumn {
                                            display: none;
                                        }

                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder:hover {
                        background: var(--primaryColor);
                        color: #fff;
                    }

                        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder:hover .rowContainer .rowHeader .rowLabel a,
                        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder:hover .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span {
                            color: #fff;
                        }

            #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .noResults .createAlertsContainer {
                width: 100%;
                text-align: center;
            }

                #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .noResults .createAlertsContainer .buttonsContainer .buttonsLeft {
                    display: inline-block;
                }

                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .noResults .createAlertsContainer .buttonsContainer .buttonsLeft .createAlertsButton {
                        width: auto;
                    }

.posListHover {
    display: none !important;
}

#MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer {
    position: relative;
    left: initial !important;
    width: 100%;
    box-sizing: border-box;
    background: #f1f1f1;
    border: none;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

    #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressInnerContainer {
        width: 100%;
        max-width: 500px;
    }

        #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressInnerContainer form {
            display: flex;
            flex-direction: column;
            gap: 5px;
        }

            #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressInnerContainer form .addressLabel {
                width: 100%;
                text-align: left;
            }

            #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressInnerContainer form .addressInput {
                width: 100%;
                position: relative;
                display: inline-block;
                vertical-align: middle;
                margin: 0;
            }

/* Results Page Styling Ends */

/* Job Description Styling */
#posdesc_pageBlockContainer #posdesc_pageBlock .LeftJobBox {
    width: 100%;
}

    #posdesc_pageBlockContainer #posdesc_pageBlock .LeftJobBox .PosDescriptionText {
        display: flex;
        flex-direction: column;
    }

        #posdesc_pageBlockContainer #posdesc_pageBlock .LeftJobBox .PosDescriptionText .earcu_posdescriptionContainer {
            padding-right: 0;
            text-align: left;
        }

        #posdesc_pageBlockContainer #posdesc_pageBlock .LeftJobBox .PosDescriptionText .rightBlock {
            padding: 1.5rem;
            background: #f1f1f1;
            margin-bottom: 1.5rem;
        }

            #posdesc_pageBlockContainer #posdesc_pageBlock .LeftJobBox .PosDescriptionText .rightBlock.recruiterContainer {
                padding: 0;
                display: flex;
            }

                #posdesc_pageBlockContainer #posdesc_pageBlock .LeftJobBox .PosDescriptionText .rightBlock.recruiterContainer .rec-img img {
                    height: 100%;
                }

                #posdesc_pageBlockContainer #posdesc_pageBlock .LeftJobBox .PosDescriptionText .rightBlock.recruiterContainer .recruiterText {
                    padding: 1.5rem;
                    flex: 100%;
                    display: flex;
                    flex-direction: column;
                    gap: 16px;
                }

                    #posdesc_pageBlockContainer #posdesc_pageBlock .LeftJobBox .PosDescriptionText .rightBlock.recruiterContainer .recruiterText p {
                        margin-bottom: 0;
                    }

                        #posdesc_pageBlockContainer #posdesc_pageBlock .LeftJobBox .PosDescriptionText .rightBlock.recruiterContainer .recruiterText p:empty {
                            display: none;
                        }

                        #posdesc_pageBlockContainer #posdesc_pageBlock .LeftJobBox .PosDescriptionText .rightBlock.recruiterContainer .recruiterText p.recruitername {
                            font-weight: 700;
                            color: var(--bs-heading-color);
                            font-size: 1.5rem;
                        }

            #posdesc_pageBlockContainer #posdesc_pageBlock .LeftJobBox .PosDescriptionText .rightBlock.jobValues .posdescriptionPropertyBox {
                margin: 0;
                border: none;
                padding: 0;
            }

                #posdesc_pageBlockContainer #posdesc_pageBlock .LeftJobBox .PosDescriptionText .rightBlock.jobValues .posdescriptionPropertyBox ul {
                    display: flex;
                    gap: 1.5rem;
                    flex-wrap: wrap;
                }

                    #posdesc_pageBlockContainer #posdesc_pageBlock .LeftJobBox .PosDescriptionText .rightBlock.jobValues .posdescriptionPropertyBox ul li {
                        margin-bottom: 0;
                    }

                        #posdesc_pageBlockContainer #posdesc_pageBlock .LeftJobBox .PosDescriptionText .rightBlock.jobValues .posdescriptionPropertyBox ul li .jobSumValue {
                            margin: 0;
                        }

            #posdesc_pageBlockContainer #posdesc_pageBlock .LeftJobBox .PosDescriptionText .rightBlock.hide {
                display: none;
            }

        #posdesc_pageBlockContainer #posdesc_pageBlock .LeftJobBox .PosDescriptionText .vidMap {
            margin-top: 1.5rem;
            display: flex;
            gap: 10px;
            justify-content: center;
        }

            #posdesc_pageBlockContainer #posdesc_pageBlock .LeftJobBox .PosDescriptionText .vidMap .videoOuterContainer {
                flex: 50%;
                max-width: 50%;
                width: 100%;
            }

                #posdesc_pageBlockContainer #posdesc_pageBlock .LeftJobBox .PosDescriptionText .vidMap .videoOuterContainer .movieOuterContainer > .moviePlayerContainer {
                    max-width: 100% !important;
                }

            #posdesc_pageBlockContainer #posdesc_pageBlock .LeftJobBox .PosDescriptionText .vidMap .VacancyMap {
                flex: 50%;
                width: 100%;
                max-width: 50%;
                display: flex;
                flex-direction: column;
            }

                #posdesc_pageBlockContainer #posdesc_pageBlock .LeftJobBox .PosDescriptionText .vidMap .VacancyMap .map,
                #posdesc_pageBlockContainer #posdesc_pageBlock .LeftJobBox .PosDescriptionText .vidMap .VacancyMap .map #JobDescriptionMap_vacancyMap_pageBlockContainer,
                #posdesc_pageBlockContainer #posdesc_pageBlock .LeftJobBox .PosDescriptionText .vidMap .VacancyMap .map #JobDescriptionMap_vacancyMap_pageBlockContainer .pageBlockContainerMiddle,
                #posdesc_pageBlockContainer #posdesc_pageBlock .LeftJobBox .PosDescriptionText .vidMap .VacancyMap .map #JobDescriptionMap_vacancyMap_pageBlockContainer .pageBlockContainerMiddle #JobDescriptionMap_vacancyMap_pageBlock,
                #posdesc_pageBlockContainer #posdesc_pageBlock .LeftJobBox .PosDescriptionText .vidMap .VacancyMap .map #JobDescriptionMap_vacancyMap_pageBlockContainer .pageBlockContainerMiddle #JobDescriptionMap_vacancyMap_pageBlock .pageBlockInner,
                #posdesc_pageBlockContainer #posdesc_pageBlock .LeftJobBox .PosDescriptionText .vidMap .VacancyMap .map #JobDescriptionMap_vacancyMap_pageBlockContainer .pageBlockContainerMiddle #JobDescriptionMap_vacancyMap_pageBlock .pageBlockInner .mapContainer,
                #posdesc_pageBlockContainer #posdesc_pageBlock .LeftJobBox .PosDescriptionText .vidMap .VacancyMap .map #JobDescriptionMap_vacancyMap_pageBlockContainer .pageBlockContainerMiddle #JobDescriptionMap_vacancyMap_pageBlock .pageBlockInner .mapContainer #vacancyMap {
                    display: flex;
                    flex-direction: column;
                    flex: 1 0 auto;
                }

                    #posdesc_pageBlockContainer #posdesc_pageBlock .LeftJobBox .PosDescriptionText .vidMap .VacancyMap .map #JobDescriptionMap_vacancyMap_pageBlockContainer {
                        margin: 0;
                    }

                        #posdesc_pageBlockContainer #posdesc_pageBlock .LeftJobBox .PosDescriptionText .vidMap .VacancyMap .map #JobDescriptionMap_vacancyMap_pageBlockContainer .pageBlockContainerMiddle #JobDescriptionMap_vacancyMap_pageBlock {
                            padding: 0;
                        }

                            #posdesc_pageBlockContainer #posdesc_pageBlock .LeftJobBox .PosDescriptionText .vidMap .VacancyMap .map #JobDescriptionMap_vacancyMap_pageBlockContainer .pageBlockContainerMiddle #JobDescriptionMap_vacancyMap_pageBlock .pageBlockInner .mapContainer #vacancyMap {
                                height: auto;
                                min-height: 128px;
                                background-size: cover !important;
                            }

                            #posdesc_pageBlockContainer #posdesc_pageBlock .LeftJobBox .PosDescriptionText .vidMap .VacancyMap .map #JobDescriptionMap_vacancyMap_pageBlockContainer .pageBlockContainerMiddle #JobDescriptionMap_vacancyMap_pageBlock .pageBlockInner .mapContainer .ButtonHolder .miniMapButton {
                                padding: 0;
                                background: none;
                            }

                                #posdesc_pageBlockContainer #posdesc_pageBlock .LeftJobBox .PosDescriptionText .vidMap .VacancyMap .map #JobDescriptionMap_vacancyMap_pageBlockContainer .pageBlockContainerMiddle #JobDescriptionMap_vacancyMap_pageBlock .pageBlockInner .mapContainer .ButtonHolder .miniMapButton a {
                                    width: 100%;
                                }

div.posDescriptionContainer317 .BigVacancyMap {
    display: none;
    width: 100%;
}

    div.posDescriptionContainer317 .BigVacancyMap #JobDescriptionMap_BigVacancyMap_pageBlockContainer #JobDescriptionMap_BigVacancyMap_pageBlock {
        padding: 0;
    }

    div.posDescriptionContainer317 .BigVacancyMap .ButtonHolder .bigMapButton {
        padding: 0;
        background: none;
    }

        div.posDescriptionContainer317 .BigVacancyMap .ButtonHolder .bigMapButton span,
        div.posDescriptionContainer317 .BigVacancyMap .ButtonHolder .bigMapButton a {
            width: 100%;
        }

    div.posDescriptionContainer317 .BigVacancyMap #vacancyMap {
        background-size: cover !important;
    }


body.pos_description:not(:has(.ApplyNowContainer a.buttonAnchor)) .stickyApplyContainer {
    display: none;
}
/* Job Description Styling Ends */
/* Login/Register Styling */
#UsernameForm_pageBlock .ssoIconsInnerContainer {
    text-align: center;
    max-width: 100%;
}

    #UsernameForm_pageBlock .ssoIconsInnerContainer .ssoIcon {
        float: none;
        display: inline-block;
        vertical-align: middle;
    }

.passwordreset_request #form_pageBlockContainer .blockSummarySurround {
    text-align: center;
}

/* Login/Register Styling Ends */
/* Profile Styling */
.welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}

    .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow {
        width: 100%;
        flex: 48%;
        padding: 1.5rem;
        overflow: hidden;
        position: relative;
        background: #f1f1f1;
        display: block;
        cursor: pointer;
        transition: all .2s ease;
        margin: 0;
    }

        .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer {
            padding: 0;
            margin: 0;
            overflow: visible;
        }

            .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconImage {
                display: none;
            }

            .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconValue {
                margin-left: 0;
                display: flex;
                flex-direction: column;
                gap: 10px;
            }

                .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconValue .iconLabel {
                    margin-bottom: 0;
                    float: left;
                    text-transform: lowercase;
                }

                    .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconValue .iconLabel:first-letter {
                        text-transform: uppercase
                    }

                    .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconValue .iconLabel a {
                        text-decoration: none;
                        color: inherit;
                        font-size: 2.05rem;
                        line-height: 2.5rem;
                        margin-bottom: 1rem;
                    }


                .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconValue .iconDescription {
                    color: inherit;
                }

            .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconRowValues {
                line-height: 27px;
                font-size: .9em;
                overflow: visible;
                float: right;
                color: inherit;
            }

                .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconRowValues .iconRowValue {
                    margin: 0;
                    float: none;
                    display: inline-block;
                    vertical-align: middle;
                }

                    .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconRowValues .iconRowValue .iconRowValueLabel {
                        margin-right: 0;
                    }

                        .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconRowValues .iconRowValue .iconRowValueLabel:after {
                            content: ':';
                            margin-right: 5px;
                        }

                    .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconRowValues .iconRowValue .iconRowValueData {
                        font-weight: normal;
                    }

                        .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconRowValues .iconRowValue .iconRowValueData:after {
                            content: '|';
                            padding: 0 12px;
                        }

                    .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconRowValues .iconRowValue.iconRowValue_additional_information_required {
                        color: red;
                    }

                    .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconRowValues .iconRowValue:last-child .iconRowValueData:after {
                        display: none;
                    }

        .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow:hover:before {
            height: 100%;
        }

        .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow:hover {
            background: var(--primaryColor);
            color: #fff;
        }

            .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow:hover .iconContainer .iconValue .iconLabel,
            .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow:hover .iconContainer .iconRowValues,
            .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow:hover .iconContainer .iconValue .iconDescription {
                color: #fff;
            }

                .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow:hover .iconContainer .iconValue .iconLabel a,
                .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow:hover .iconContainer .iconRowValues .iconRowValue,
                .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow:hover .iconContainer .iconRowValues .iconRowValue .iconRowValueData:after {
                    color: #fff;
                }

.pageBlockInner_FormBlock .formRowIconRow .iconRowValues .iconRowValueHighLight {
    transition: all .15s ease;
}

#MyDetails_Username_pageView #Summary_emailList_formRow .emailButtonsContainer .buttonsRight {
    max-width: 100%;
}

    #MyDetails_Username_pageView #Summary_emailList_formRow .emailButtonsContainer .buttonsRight ul {
        display: flex;
        gap: 5px;
        justify-content: flex-end;
    }

        #MyDetails_Username_pageView #Summary_emailList_formRow .emailButtonsContainer .buttonsRight ul li {
            width: auto;
            margin: 0;
        }

.mydetails div.pageBlockTitle {
    padding: 0;
    display: block;
    width: 100%;
}

.mydetails #MyDetails_pageView div.pageBlockContainer:first-of-type:before {
    display: none;
}

.mydetails #MyDetails_pageView div.pageBlockContainer:before {
    content: '';
    width: 100%;
    margin: 50px 0;
    overflow: hidden;
    height: 2px;
    background: #999999;
    display: block;
}

.mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent {
    padding: 0;
    margin-bottom: 20px;
}

    .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent#intro_pageBlock,
    .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent#MyDetailsStauts_pageBlock {
        padding: 0;
        border-radius: 0;
        background: none;
    }

    .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent .labelContainer {
        color: inherit;
    }

    .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent#ShowCurrentAppLink_pageBlock .buttonsRight,
    .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent#ShowCurrentAppLink2_pageBlock .buttonsRight {
        margin-top: 20px;
    }

        .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent#ShowCurrentAppLink_pageBlock .buttonsRight,
        .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent#ShowCurrentAppLink_pageBlock .buttonsRight ul li,
        .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent#ShowCurrentAppLink2_pageBlock .buttonsRight,
        .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent#ShowCurrentAppLink2_pageBlock .buttonsRight ul li {
            width: 100%;
            text-align: center;
        }

.mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft {
    width: 100%;
}

    .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuProfileSummary {
        display: none;
    }

    .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks {
        border: none;
        overflow: auto;
        padding: 0;
    }

        .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li {
            float: left;
            width: 49.5%;
            margin-bottom: 10px;
            padding: 0;
        }

            .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li:before {
                display: none;
            }

            .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li:nth-child(2n+2) {
                float: right;
            }

            .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li a {
                display: block;
                text-align: center;
            }

.mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuRight {
    display: none;
}

.mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuBottom {
    margin-top: 20px;
}

#MyDetails_pageView .editblocklink a,
#Application_Section_PersonalDetails_pageView .editblocklink a {
    margin: 0 !important;
}

.mydetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer {
    border: none;
}

    .mydetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer .rowHeader {
        padding: 0;
    }

        .mydetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer .rowHeader .rowLabel {
            margin: 10px 0 0;
        }

    .mydetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer .rowContentContainer .rowItemsContainer {
        margin: 0;
        padding: 0;
    }

        .mydetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer .rowContentContainer .rowItemsContainer .rowItemContainer,
        .mydetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer .rowContentContainer .rowItemsContainer .rowItemContainer .rowItemLabel {
            padding: 0;
        }

#MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer:nth-child(2n+1) {
    clear: left;
}

#MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 {
    padding: 20px;
    border: none;
    text-align: center;
    min-height: 90px;
    margin: 0;
}

    #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .logoContainer {
        width: 100%;
        margin-bottom: 20px;
    }

        #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .logoContainer img {
            margin: 0 auto;
            display: block;
        }

    #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .statusContainer {
        margin-left: 0;
        float: left;
        width: 100%;
    }

        #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .statusContainer .connectedContainer {
            margin-bottom: 20px;
        }

#Welcome_pageView #ToDoList_pageBlockContainer,
#Welcome_pageView #ToDoList_pageBlockContainer #ToDoList_pageBlock {
    overflow: visible;
}

    #Welcome_pageView #ToDoList_pageBlockContainer #ToDoList_pageBlock .ulListItem:before {
        display: none;
    }

    #Welcome_pageView #ToDoList_pageBlockContainer #ToDoList_pageBlock .ulListItemLabel {
        padding: 20px;
        background-image: none;
        text-align: center;
        background: #f1f1f1;
        border: none;
    }

#MyDetails_pageView #eArcuContactConsent .buttonsRight .buttonAnchor:hover {
    color: #fff;
}

.pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowButtons {
    padding: 0;
}

.interviewbookingbyapplication div.pageBlockContainer .pageBlockInner_GridBlock table.gridTable thead,
.interviewbookingbyapplication div.pageBlockContainer .pageBlockInner_GridBlock table.gridTable tbody,
.interviewbookingbyapplication div.pageBlockContainer .pageBlockInner_GridBlock table.gridTable tr {
    width: 100%;
}

    .interviewbookingbyapplication div.pageBlockContainer .pageBlockInner_GridBlock table.gridTable tr th:nth-child(n+3),
    .interviewbookingbyapplication div.pageBlockContainer .pageBlockInner_GridBlock table.gridTable tr td:nth-child(n+3) {
        width: 25%;
    }

.interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

    .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small .mapInnerContainer {
        width: 100%;
        margin: 0;
    }

.pageBlockInner_GridBlock table.gridTable {
    width: 100% !important;
    display: block;
}

div.pageBlockInner_FormBlock div.boxedText {
    background: none;
}

#MyJobFeedForm_pageBlockContainer #MyJobFeedForm_pageBlock .formRow .labelContainer,
.pos_alertcriteria #Form_pageBlockContainer #Form_pageBlock .formRow .labelContainer {
    font-weight: bold;
}

.myjobfeed div.pageBlockInner_FormBlock div.formRow#MyJobFeedForm_multicodelist2_formRow,
.myjobfeed div.pageBlockInner_FormBlock div.formRow#MyJobFeedForm_multicodelist12_formRow {
    display: none;
}

.pageBlockInner_GridBlock div.gridContent {
    border: none;
    padding-top: 0;
}

.pageBlockInner_GridBlock table.gridTable th {
    background: none;
}

/* Profile Styling Ends */
/* Application/Onboarding Styling */
div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer {
    padding-bottom: 0;
    margin-bottom: 0;
}

    div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer,
    .pos_description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer {
        display: block;
        height: auto;
    }

        div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem,
        .pos_description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem {
            display: block;
            width: 100%;
        }

            div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner,
            .pos_description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner {
                margin: 0;
                border: none;
                background: none;
            }

                div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner .MySummaryItemTitle,
                .pos_description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner .MySummaryItemTitle {
                    display: none;
                }

                div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner .MySummaryItemContent,
                .pos_description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner .MySummaryItemContent {
                    margin: 0;
                    font-size: 18px;
                    font-weight: 700;
                    color: var(--primaryColor);
                    margin-bottom: 28px;
                }

            div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem.statusInfo .MySummaryItemInner .MySummaryItemContent,
            .pos_description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem.statusInfo .MySummaryItemInner .MySummaryItemContent {
                color: inherit;
                font-weight: normal;
            }

                div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem.statusInfo .MySummaryItemInner .MySummaryItemContent .appCompleteChartBack,
                .pos_description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem.statusInfo .MySummaryItemInner .MySummaryItemContent .appCompleteChartBack {
                    margin-bottom: 15px;
                }

#posSummaryBlockv2_pageBlock .appCompleteChartBlock .appCompleteChartBlockInner {
    border-radius: 15px;
}

#posSummaryBlockv2_pageBlock .appCompleteChartBlock.done .appCompleteChartBlockInner {
    background: var(--secondaryColor);
    border-color: var(--secondaryColor);
}

div.pageBlockContainer#HasAdditionalInformation_pageBlockContainer {
    padding-bottom: 0;
}

div.pageBlockContainer#sectionslist_pageBlockContainer,
div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer {
    padding-top: 0;
}

    div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList,
    div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList {
        display: flex;
        flex-wrap: wrap;
        gap: 1.5rem;
    }

        div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem,
        div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem {
            border: none;
            margin: 0;
            height: auto;
            font-weight: normal;
            background: #f1f1f1;
            width: 100%;
            flex: 48%;
            padding: 1.5rem;
            overflow: hidden;
            position: relative;
            transition: all .2s ease;
        }

            div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem:before,
            div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem:before {
                display: none;
            }

            div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem .ulListItemLabel,
            div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem .ulListItemLabel {
                padding: 0;
                margin: 0;
                float: left;
            }

                div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem .ulListItemLabel a,
                div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem .ulListItemLabel a {
                    font-weight: normal;
                    text-decoration: none !important;
                    margin: 0;
                    font-weight: 700;
                    color: inherit;
                    font-size: 20px;
                }

            div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem .ulListItemValueContainer,
            div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem .ulListItemValueContainer {
                float: right;
                padding-right: 5px;
                display: block;
                padding-top: 2px;
                color: red;
                transition: all .2s ease;
            }

                div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem .ulListItemValueContainer .ulListItemValue,
                div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem .ulListItemValueContainer .ulListItemValue {
                    font-size: .9em;
                }

            div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem:hover,
            div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem:hover,
            div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem.Completed,
            div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem.Completed {
                background: var(--primaryColor);
                color: #fff;
            }

                div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem:hover .ulListItemLabel,
                div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem:hover .ulListItemValueContainer,
                div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem:hover .ulListItemLabel,
                div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem:hover .ulListItemValueContainer,
                div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem.Completed .ulListItemLabel,
                div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem.Completed .ulListItemValueContainer,
                div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem.Completed .ulListItemLabel,
                div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem.Completed .ulListItemValueContainer {
                    color: #fff;
                }

                    div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem:hover .ulListItemLabel a,
                    div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem:hover .ulListItemLabel a,
                    div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem.Completed .ulListItemLabel a,
                    div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem.Completed .ulListItemLabel a {
                        color: #fff !important;
                    }

#Application_Section_Rare_pageView .rare_buttons {
    flex-wrap: wrap;
}

#BackBlock_pageBlockContainer,
#ButtonBlock_pageBlockContainer {
    background: none !important;
    padding: 0 !important;
}

.pageBlockContainer_GridBlock .pageBlockContent_GridBlock {
    padding: 0;
}

.earcu_application .pageBlockContainer_GridBlock .pageBlockContent_GridBlock .gridTableContainer .rowContainer,
.earcu_application .pageBlockContainer_GridBlock .pageBlockContent_GridBlock#questionsSummary_pageBlock {
    border: none;
    border-bottom: 1px dashed silver;
    margin-bottom: 10px;
    padding: 20px;
    background: #fff;
}

    .earcu_application .pageBlockContainer_GridBlock .pageBlockContent_GridBlock .gridTableContainer .rowContainer:last-of-type {
        border-bottom: none;
    }

    .earcu_application .pageBlockContainer_GridBlock .pageBlockContent_GridBlock .gridTableContainer .rowContainer .rowLabel {
        margin: 0;
        margin-left: 2px;
    }

    .earcu_application .pageBlockContainer_GridBlock .pageBlockContent_GridBlock .gridTableContainer .rowContainer .rowItemContainer .cell_ApplicationsGrid_status[title~=Additional] {
        color: red;
    }

#Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer,
#Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .labelContainer {
    max-width: 100%;
}

.pageBlockInner_FormBlock div.formRowFileUploadRow ul.fileupload {
    text-align: center;
}

    .pageBlockInner_FormBlock div.formRowFileUploadRow ul.fileupload li.fileOuterContainer {
        float: none;
        display: inline-block;
    }

.pageBlockInner_FormBlock div.formRowFileUploadRow .filesContainer.uploadedFilesContainer {
    height: auto !important;
}

.pageBlockInner_FormBlock div.formRowFileUploadRow .filesContainer .dropHere {
    height: auto !important;
    display: block;
    text-align: center;
    padding: 10px 0 !important;
}

.pageBlockInner_FormBlock div.formRowFileUploadRow .filesContainer .nofilesmessage {
    display: none;
}

.mywelcomepacks_offerinformation_section #TitleBlock_pageBlockContainer {
    display: none;
}

.pos_description_review #intro_pageBlockContainer #intro_pageBlock {
    text-align: center;
    color: #fff;
}

#posSummaryBlockv2_pageBlock .PosMyWelcomePackSummaryLinks {
    display: none;
}

#Edit_OFFERGENERICFORM1_pageBlockContainer #Edit_OFFERGENERICFORM1_pageBlock #Edit_OFFERGENERICFORM1_Text1_formRow .controlContainer input {
    text-transform: uppercase;
}

#Application_Section_Rare_pageView #countrylist {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

    #Application_Section_Rare_pageView #countrylist input {
        width: 25px;
    }

    #Application_Section_Rare_pageView #countrylist .countrylabel {
        width: calc(100% - 35px);
        margin-right: 0;
    }

#Application_Section_Rare_pageView .rare_contentheader {
    color: var(--primaryColor);
    letter-spacing: initial;
    text-transform: lowercase;
    font-weight: bold;
}

    #Application_Section_Rare_pageView .rare_contentheader:first-letter {
        text-transform: uppercase;
    }

#Application_Section_Rare_pageView #rare_contextualinformation .rarebutton.selected {
    background: var(--primaryColor);
    color: #fff;
}

#Application_Section_Rare_pageView .rare_button {
    margin: 10px 10px 10px 0
}

#signatureoptions .buttonsRight {
    max-width: 100%;
}

    #signatureoptions .buttonsRight ul#optionslist {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

        #signatureoptions .buttonsRight ul#optionslist li {
            max-width: 100%;
            padding: 0;
            width: auto;
            margin: 0 !important;
        }

.earcu_onboarding .pageBlockInner_FormBlock div.textLiteral.textLiteralAlignment_Unknown {
    text-align: left;
}

/* Creative Offer Info Styling */
.offerBlockContainer.purpleColor *:not(h2),
.offerBlockContainer.greenColor *:not(h2),
.offerBlockContainer.blueColor *:not(h2),
.offerBlockContainer.goldColor *:not(h2) {
    color: #000;
}

#MyWelcomePacks_OfferInformation_Section_pageView.OfferInfoExamplePage #OfferInfoBlock_pageBlock .imageContent {
    max-width: 100%;
}

/*.mywelcomepacks_offerinformation_section .bannerContainer img {
    object-fit: contain;
}*/

.mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

    .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox {
        margin: 0;
        background: none !important;
    }

        .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox .offerLayoutPlaceHolder {
            background: none !important;
        }

            .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder {
                padding: 0 !important;
            }

                .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlockContainer_Text {
                    padding: 0;
                }

        .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder {
            display: flex;
            flex-wrap: wrap;
            gap: 1.5rem;
            justify-content: center;
        }

            .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock {
                flex: 45%;
                max-width: calc(50% - 7.5px);
                padding: 30px 130px 30px 30px;
                background: #F2DBE9;
                display: flex;
                flex-direction: column;
                gap: 5px;
                position: relative;
            }

                .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock h2 {
                    margin: 0;
                    color: var(--primaryColor);
                }

                .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock p,
                .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock ul,
                .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock ul li {
                    margin: 0;
                }

                    .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock p strong,
                    .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.pensionContainer strong {
                        color: var(--goldColor);
                    }

                    .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock p:has(img) {
                        position: absolute;
                        top: 30px;
                        right: 30px;
                        background: #fff;
                        border-radius: 100%;
                        width: 100px;
                        height: 100px;
                        overflow: hidden;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        text-align: center;
                    }

                        .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock p:has(img) img {
                            width: auto;
                            max-width: 75px;
                            max-height: 60px;
                            margin: 0;
                        }

                .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock ul {
                    display: flex;
                    flex-direction: column;
                    gap: 5px;
                }

                .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock.blue {
                    background: #DDEFF9;
                }

                    .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock.blue h2 {
                        color: var(--blueColor);
                    }

                .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock.gold {
                    background: #F5ECD5;
                }

                    .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock.gold h2 {
                        color: var(--goldColor);
                    }

                    .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock.gold strong {
                        color: var(--primaryColor);
                    }

                .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock.altColour {
                    background: #F5ECD5;
                }

                    .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock.altColour h2 {
                        color: var(--goldColor);
                    }

                    .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock.altColour strong {
                        color: inherit;
                    }

                    .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock.altColour:nth-child(4n+2) {
                        background: #F6E6EE;
                    }

                        .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock.altColour:nth-child(4n+2) h2 {
                            color: var(--primaryColor);
                        }

                    .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock.altColour:nth-child(4n+2) {
                        background: #F6E6EE;
                    }

                        .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock.altColour:nth-child(4n+2) h2 {
                            color: var(--primaryColor);
                        }

                    .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock.altColour:nth-child(4n+3) {
                        background: #DDEFF9;
                    }

                        .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock.altColour:nth-child(4n+3) h2 {
                            color: var(--blueColor);
                        }

                    .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock.altColour:nth-child(4n+4) {
                        background: #EEEFF0;
                    }

                        .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock.altColour:nth-child(4n+4) h2 {
                            color: var(--greyColor);
                        }

        .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer.inclusion .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock p:has(img) {
            background: none;
            border-radius: 0;
            width: 125px;
            height: 51px;
        }

            .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer.inclusion .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock p:has(img) img {
                max-width: 125px;
                max-height: 51px;
            }

        .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.accreditationsContainer {
            padding: 20px 0;
            border-top: 1px solid #000;
            border-bottom: 1px solid #000;
        }

            .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.accreditationsContainer .offerLayoutInnerPlaceHolder {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                align-items: center;
            }

                .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.accreditationsContainer .offerLayoutInnerPlaceHolder .offerBlockContainer {
                    flex: 30%;
                    max-width: 200px;
                }

    .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer.hasPension {
        gap: 0;
    }

        .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer.hasPension .offerLayoutBox:first-of-type:not(.pensionContainer) {
            margin-bottom: 30px;
        }

    .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.pensionContainer {
        padding: 30px;
        background: #F5ECD5 !important;
    }

        .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.pensionContainer .offerBlockContainer {
            display: flex;
            flex-direction: column;
            gap: 5px;
        }

            .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.pensionContainer .offerBlockContainer h2 {
                color: var(--primaryColor);
                margin: 0;
            }

            .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.pensionContainer .offerBlockContainer p {
                margin: 0;
            }

        .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.pensionContainer .offerLayoutPlaceHolder_Multi .offerLayoutInnerPlaceHolder {
            display: flex;
            flex-direction: column;
            gap: 5px;
        }

            .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.pensionContainer .offerLayoutPlaceHolder_Multi .offerLayoutInnerPlaceHolder img {
                max-width: 100px !important;
            }

        .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.pensionContainer + .offerLayoutBox.pensionContainer {
            padding-top: 0;
        }

        .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.pensionContainer + .offerLayoutBox.pensionFooter {
            padding: 10px 30px;
            background: #C48D1B !important;
            color: #fff;
        }

/* Creative Offer Info Styling Ends */
/* Application/Onboarding Styling Ends */

/* Campaign Detail Styling */
#Campaign_Detail_pageView #campaign_pageBlock {
    padding: 0;
}

    #Campaign_Detail_pageView #campaign_pageBlock .infoContainer .imageContainer {
        display: none;
    }

    #Campaign_Detail_pageView #campaign_pageBlock .infoContainer .descContainer {
        text-align: left;
        margin: 0;
    }

    #Campaign_Detail_pageView #campaign_pageBlock .linkContainer {
        display: none;
    }

.campaign_detail .o-wrapper .textContainer ul li:before {
    content: "";
    display: inline-block;
    width: 13px;
    height: 14px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAWCAMAAAD3n0w0AAAAYFBMVEUAAACnDHioDninD3moDXepC3iqC3amAHOoDnioDnioDnmoD3ioDnioDXmoDnmoDnioDXipDHmqAICoD3moDnmnDninDnioDnioD3mpDXipDnioDnqpDnmqD3ilD3ioD3nePfs6AAAAH3RSTlMAQPvzOSMXBurl186zmJGAZCsMvrioo4R4c1lYSjMRyyVWWAAAAHZJREFUGNN9kEcOgDAQAwOE3nsn//8lUpyDVwr4OJooa6vJUKJH2fSG0yikZhjGgEnEtHLqZjgBYJozLJx6CrVztGSYDYBaqKtTZ3FW4lNbwEUW+K46ilHw+yXEHWLBLE8t64R4oHrGrMTjVojaN+fP8Dqg3GAvTNsiRzBIInoAAAAASUVORK5CYII=);
    top: 5px;
    left: 0;
}

.campaign_detail .o-wrapper .textContainer ul li:after {
    display: none;
}

.campaign_detail .sliderContainer {
    margin-top: 30px;
}

.campaign_detail .flexslider ul li .slideContent {
    margin-top: 0;
    padding: 0;
    border: none;
}

    .campaign_detail .flexslider ul li .slideContent .imageContainer img {
        margin: 0;
    }

    .campaign_detail .flexslider ul li .slideContent .textContainer {
        padding: 20px;
        background: #70965A;
        flex: 1 0 auto;
    }

.campaign_detail .flexslider ul li:nth-child(4n+2) .slideContent .textContainer {
    background: #F3ADDE;
}

.campaign_detail .flexslider ul li:nth-child(4n+3) .slideContent .textContainer {
    background: #D2C295;
}

.campaign_detail .flexslider ul li:nth-child(4n+4) .slideContent .textContainer {
    background: #58C6E8;
}

.campaign_detail .flexslider.jobsSlider {
    margin-top: 20px;
}

    .campaign_detail .flexslider.jobsSlider ul.slides li {
        margin: 0;
    }

        .campaign_detail .flexslider.jobsSlider ul.slides li > a {
            display: flex;
            flex-direction: column;
            flex: 1 0 auto;
            text-decoration: none;
            padding: 20px;
            background: #fff;
            border: 1px solid #990070;
            font-weight: normal;
            transition: all .2s ease;
        }

    .campaign_detail .flexslider.jobsSlider ul li > a h4 {
        margin-top: 0;
    }

    .campaign_detail .flexslider.jobsSlider ul.slides li > a .descContainer {
        color: #000;
        transition: all .2s ease;
    }

    .campaign_detail .flexslider.jobsSlider ul.slides li > a:hover {
        background: #990070;
        color: #fff;
    }

        .campaign_detail .flexslider.jobsSlider ul.slides li > a:hover .descContainer {
            color: #fff;
        }
/* Campaign Detail Styling Ends */
/* Responsive Styling */
@media all and (max-width:1024px) {
    .d-flex {
        flex-wrap: wrap;
    }

        .d-flex > div {
            flex: 100%;
            width: 100%;
        }

            .d-flex > div.mediaContainer img,
            .d-flex > div.mediaContainer video {
                margin: 0 !important;
                width: 100%;
            }

            .d-flex > div.mediaContainer img {
                aspect-ratio: 15/7;
                object-position: 50% 0%;
            }

    .row-reverse {
        flex-direction: column;
    }

    .fifty-fifty > div.textContainer {
        padding: 4vh 15px;
    }

    .hang {
        margin-bottom: 0;
    }

        .hang + .o-wrapper {
            padding-top: 4vh;
        }

    .sliderContainer .flexslider {
        padding: 0 15px;
    }

        .sliderContainer .flexslider ul {
            display: block;
        }

            .sliderContainer .flexslider ul li .slideContent {
                padding: 30px 15px;
                flex: unset;
            }

                .sliderContainer .flexslider ul li .slideContent h3 {
                    margin-top: 0;
                    padding: 0;
                    flex-direction: column;
                    gap: 5px;
                }

                .sliderContainer .flexslider ul li .slideContent .blocksContainer {
                    flex-direction: column;
                    gap: 10px;
                }

                    .sliderContainer .flexslider ul li .slideContent .blocksContainer .slideBlock {
                        width: 100%;
                        flex: 100%;
                        flex-direction: column;
                        gap: 10px;
                    }

                        .sliderContainer .flexslider ul li .slideContent .blocksContainer .slideBlock:not(:last-child):after {
                            content: '\f078';
                        }

        .sliderContainer .flexslider ol.flex-control-nav {
            display: flex;
        }

        .sliderContainer .flexslider ul.flex-direction-nav {
            display: none;
        }
}

@media all and (max-width:991px) {
    .bannerContainer {
        flex-direction: column-reverse;
        height: auto !important;
    }

        .bannerContainer img {
            max-height: 300px;
            width: 100%;
        }

        .bannerContainer .bannerContent {
            position: relative !important;
            top: initial !important;
            width: 100% !important;
            padding: 20px 15px 30px;
        }

    .home .bannerContainer .bannerContent {
        background: var(--primaryColor);
    }

    .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li {
        width: 100%;
        text-align: center;
    }

        .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li a {
            display: inline-block;
            width: auto;
        }

    #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer {
        width: 100%;
        text-align: center;
    }
}

@media all and (max-width:767px) {

    #posBrowser_Filter_pageBlockContainer,
    #posBrowser_ResultsGrid_pageBlockContainer,
    #MapBlock_pageBlockContainer {
        width: 100%;
        margin-right: 0;
    }

    #posdesc_pageBlockContainer #posdesc_pageBlock .LeftJobBox .PosDescriptionText .vidMap {
        flex-direction: column;
    }

        #posdesc_pageBlockContainer #posdesc_pageBlock .LeftJobBox .PosDescriptionText .vidMap .videoOuterContainer,
        #posdesc_pageBlockContainer #posdesc_pageBlock .LeftJobBox .PosDescriptionText .vidMap .VacancyMap {
            max-width: 100%;
        }

            #posdesc_pageBlockContainer #posdesc_pageBlock .LeftJobBox .PosDescriptionText .vidMap .VacancyMap .map #JobDescriptionMap_vacancyMap_pageBlockContainer .pageBlockContainerMiddle #JobDescriptionMap_vacancyMap_pageBlock .pageBlockInner .mapContainer #vacancyMap {
                min-height: 1px;
                aspect-ratio: 16/9;
            }

    div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem,
    div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem,
    .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow {
        flex: 100%;
    }

        .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconValue .iconLabel,
        .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconRowValues,
        div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem .ulListItemLabel,
        div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem .ulListItemLabel,
        div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem .ulListItemValueContainer,
        div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem .ulListItemValueContainer {
            width: 100%;
            text-align: center;
        }

    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter,
    #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridFooter {
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: center;
        margin-bottom: 10px;
    }

    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter,
    #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridFooter {
        margin-bottom: 0;
        margin-top: 10px;
    }

    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader .rowLabel {
        float: none;
    }

    .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .jobValues .posdescriptionPropertyBox,
    .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox,
    .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .rightBlock {
        padding: 20px;
    }

    .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer .benefitBlocksContainer .benefitBlock {
        flex: 100%;
    }

    #MyDetails_Username_pageView #Summary_emailList_formRow .emailValuesContainer,
    #MyDetails_Username_pageView #Summary_emailList_formRow .emailButtonsContainer,
    #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer {
        width: 100%;
    }

        #MyDetails_Username_pageView #Summary_emailList_formRow .emailButtonsContainer .buttonsRight ul {
            justify-content: center;
            flex-direction: column;
        }

    #Pos_Description_pageView #posdesc_pageBlockContainer .ApplyNowContainer,
    #Pos_Description_pageView #posdesc_pageBlockContainer .ApplyViaEmailContainer {
        display: none;
    }

    .stickyApplyContainer {
        top: initial;
        transform: none;
        right: 0;
        left: 0;
        bottom: 0;
    }

        .stickyApplyContainer a.buttonAnchor {
            width: 100%;
            border-radius: 0;
            margin-bottom: 0;
        }

    .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox {
        flex-direction: column;
    }

        .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock {
            max-width: 100%;
            flex: 100%;
        }
}

@media all and (max-width:500px) {
    .ui-dialog.ui-widget.ui-widget-content {
        width: 100% !important;
    }

    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder {
        flex: 100%;
        max-width: 100%;
    }

        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span {
            width: 100%;
            display: block;
        }

            #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span:after {
                display: none;
            }

    #Application_Section_Rare_pageView #rare_content {
        width: 100%;
    }

    .bannerContainer .bannerContent .quickSearchContainer #quickSearch .buttonContainer {
        flex-direction: column;
    }

        .bannerContainer .bannerContent .quickSearchContainer #quickSearch .buttonContainer a.buttonAnchor {
            min-width: 1px;
            width: 100%;
        }

    .m-logo_rotator__logo {
        width: 100%;
    }

    .modalsContainer .modal {
        left: 15px;
        right: 15px;
        transform: translateY(-50%);
    }

    .modalsContainer .modal {
        padding: 40px 20px 20px;
    }

        .modalsContainer .modal .close {
            padding: 10px;
        }

    #belonging .o-grid__item .m-grid_card__media .text-container {
        margin-bottom: 0;
    }

    .textpage_apprentice .modalsContainer .modal .modalContent {
        flex-direction: column;
        text-align: center;
    }

        .textpage_apprentice .modalsContainer .modal .modalContent img {
            display: none;
        }

    .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox .offerLayoutPlaceHolder {
        width: 100% !important;
    }

    .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock {
        padding: 30px;
    }

        .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock h2 {
            order: 2;
        }

        .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock p {
            order: 3;
        }

        .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock ul {
            order: 4;
        }

        .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock p:has(img) {
            order: 1;
            position: relative;
            top: initial;
            right: initial;
        }

    .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.accreditationsContainer .offerLayoutInnerPlaceHolder {
        flex-direction: column;
        gap: 10px;
    }

        .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.accreditationsContainer .offerLayoutInnerPlaceHolder .offerBlockContainer {
            max-width: 100%;
        }
}
/* Responsive Styling Ends */