/* 
    Jump to:
    Root
    Misc
    Offer Form
    Offer Info
    Responsive
*/

/* Root */
:root {
    --green: #029999;
    --blue: #004489;
}
/* Root Ends */
/* Misc */
.welcome .section .main {
    width: 100%;
}

.welcome main #Alerts {
    display: none;
}

.offerAnchor {
    cursor: pointer;
    line-height: 1.35em;
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: #00458a;
    border: 1px solid #00458a;
    color: #fff;
    padding: 15px !important;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .1875rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

    .offerAnchor:hover {
        background-color: #099;
        border-color: #099;
        color: #fff;
        text-decoration: none;
    }

.earcu_onboarding {
    height: auto;
}

    .offerlist .bannerContainer,
    .offerlistperapplication .bannerContainer,
    .earcu_onboarding .bannerContainer {
        display: flex;
        align-items: center;
        min-height: 300px;
        position: relative;
        z-index: 1;
    }

        .offerlist .bannerContainer:before,
        .offerlistperapplication .bannerContainer:before,
        .earcu_onboarding .bannerContainer:before {
            content: '';
            background-image: url(../Images/onboarding/shapes2.png);
            background-size: cover;
            background-repeat: no-repeat;
            background-position: 50% 50%;
            position: absolute;
            top: 0;
            left: 0;
            width: 70%;
            min-width: 750px;
            height: 100%;
            z-index: 2;
        }

        .offerlist .bannerContainer img,
        .offerlistperapplication .bannerContainer img,
        .earcu_onboarding .bannerContainer img {
            position: absolute;
            top: 0;
            right: 0;
            width: 75%;
            height: 100%;
            object-fit: cover;
            object-position: 50% 50%;
            z-index: 1;
        }

        .offerlist .bannerContainer .bannerContent,
        .offerlistperapplication .bannerContainer .bannerContent,
        .earcu_onboarding .bannerContainer .bannerContent {
            max-width: 45%;
            min-width: 475px;
            position: relative;
            z-index: 3;
            color: #fff;
            text-align: left;
        }

            .offerlist .bannerContainer .bannerContent *:last-child,
            .offerlistperapplication .bannerContainer *:last-child,
            .earcu_onboarding .bannerContainer .bannerContent *:last-child {
                margin-bottom: 0;
            }

            .offerlist .bannerContainer .bannerContent h1,
            .offerlistperapplication .bannerContainer h1,
            .earcu_onboarding .bannerContainer .bannerContent h1 {
                color: inherit;
                text-transform: none;
                font-size: 3rem;
                padding-top: 0;
            }

    .earcu_onboarding .section {
        background: #F2F6F9;
    }

        .earcu_onboarding .section .main {
            width: 100%;
            margin-right: 0;
        }

            .earcu_onboarding .section .main #onboardingTopContainer {
                background: none;
            }

                .earcu_onboarding .section .main #onboardingTopContainer #intro_pageBlockContainer {
                    display: none;
                }

                .earcu_onboarding .section .main #onboardingTopContainer .onboardingMenuContainer {
                    padding: 0;
                    overflow: hidden;
                    display: flex;
                    gap: 5px;
                }

                    .earcu_onboarding .section .main #onboardingTopContainer .onboardingMenuContainer .menuItem {
                        float: none;
                        text-align: left;
                        min-width: 1px;
                        text-shadow: none;
                    }

                        .earcu_onboarding .section .main #onboardingTopContainer .onboardingMenuContainer .menuItem .menuItemInner {
                            margin-right: 0;
                        }

                            .earcu_onboarding .section .main #onboardingTopContainer .onboardingMenuContainer .menuItem .menuItemInner a {
                                font-weight: bold;
                                color: var(--blue);
                                font-size: 18px;
                                background: #fff;
                                border-radius: 0;
                                padding: 10px !important;
                                display: flex;
                                transition: all 0.2s ease;
                                gap: 5px;
                            }

                                .earcu_onboarding .section .main #onboardingTopContainer .onboardingMenuContainer .menuItem .menuItemInner a:before {
                                    content: "\f059";
                                    font-family: "FontAwesome";
                                    font-weight: 900;
                                    font-size: 30px;
                                    line-height: normal;
                                }

                        .earcu_onboarding .section .main #onboardingTopContainer .onboardingMenuContainer .menuItem.menuItem_selected a {
                            color: var(--green);
                        }

                            .earcu_onboarding .section .main #onboardingTopContainer .onboardingMenuContainer .menuItem.menuItem_selected a:before {
                                content: '\f058';
                            }

                        .earcu_onboarding .section .main #onboardingTopContainer .onboardingMenuContainer .menuItem .menuItemInner a:hover,
                        .earcu_onboarding .section .main #onboardingTopContainer .onboardingMenuContainer .menuItem.menuItem_active .menuItemInner a {
                            background: #CCEBEB;
                            color: var(--green);
                        }

    .earcu_onboarding .c_parking_bottom {
        margin-top: 0;
    }

#posSummaryBlockv2_pageBlock .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner {
    background: #fff;
    border: none;
    padding: 10px;
}

    #posSummaryBlockv2_pageBlock .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner .appCompleteChartBack {
        display: flex;
        gap: 10px;
    }

        #posSummaryBlockv2_pageBlock .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner .appCompleteChartBack .appCompleteChartBlock .appCompleteChartBlockInner {
            border: none;
            background: #E5ECF3;
            height: 16px;
        }

        #posSummaryBlockv2_pageBlock .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner .appCompleteChartBack .appCompleteChartBlock.done .appCompleteChartBlockInner {
            background: var(--blue);
        }

.blocksContainer {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

    .blocksContainer .block {
        width: 100%;
        display: flex;
        flex-direction: column;
        flex: 30%;
        cursor: pointer;
        overflow: hidden;
        text-align: center;
        transition: all .2s ease;
    }

        .blocksContainer .block .blockImage {
            width: 100%;
            display: flex;
            justify-content: center;
            flex: 100%;
            max-height: 150px;
        }

            .blocksContainer .block .blockImage img {
                display: flex;
                flex: 100%;
                object-fit: cover;
                object-position: 50% 50%;
                transition: all .2s ease;
            }

.modalsContainer .modalBlock {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 750px;
    width: 100%;
    z-index: 100;
    background: var(--blue);
    padding: 40px;
    display: none;
    color: #fff;
}

    .modalsContainer .modalBlock .close {
        position: absolute;
        top: 0;
        right: 0;
        width: 40px;
        height: 40px;
        display: flex;
        flex-direction: column;
        cursor: pointer;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        color: #fff;
        opacity: 1 !important;
        text-shadow: none;
        transition: all .2s ease;
    }

        .modalsContainer .modalBlock .close:hover {
            color: var(--green);
        }

    .modalsContainer .modalBlock .modalText {
        max-height: calc(100vh - 80px);
        overflow: auto;
    }

        .modalsContainer .modalBlock .modalText h3 {
            color: inherit;
        }

.offerBlockContainer .flexslider {
    overflow: hidden;
    margin: 20px 0 0;
    padding: 0 40px;
    background: none;
    border: none;
    border-radius: 0;
}

    .offerBlockContainer .flexslider ul.slides {
        display: flex;
    }

        .offerBlockContainer .flexslider ul.slides li {
            display: flex !important;
            flex-direction: column;
        }

            .offerBlockContainer .flexslider ul.slides li .slideBlock {
                width: 100%;
                padding: 20px;
                background: var(--blue);
                color: #fff;
                display: flex;
                flex-direction: column;
                align-items: center;
                text-align: center;
                flex: 1 0 auto;
                transition: all .2s ease;
            }

                .offerBlockContainer .flexslider ul.slides li .slideBlock .slideImage {
                    margin-bottom: 10px;
                    flex: 1 0 auto;
                }

                    .offerBlockContainer .flexslider ul.slides li .slideBlock .slideImage img {
                        width: 100%;
                        height: auto;
                        object-fit: cover;
                        object-position: 50% 50%;
                    }

                    .offerBlockContainer .flexslider ul.slides li .slideBlock .slideImage i {
                        font-size: 30px;
                        transition: all .2s ease;
                    }

                .offerBlockContainer .flexslider ul.slides li .slideBlock .slideText {
                    display: flex;
                    flex: 100%;
                }

                    .offerBlockContainer .flexslider ul.slides li .slideBlock .slideText h3 {
                        color: inherit;
                        margin-bottom: 0;
                    }

                .offerBlockContainer .flexslider ul.slides li .slideBlock:hover {
                    background: var(--green);
                }

                    .offerBlockContainer .flexslider ul.slides li .slideBlock:hover .slideImage i {
                        transform: scale(1.2);
                    }

    .offerBlockContainer .flexslider ul.flex-direction-nav a {
        margin: 0;
        top: 50%;
        transform: translateY(-50%);
        opacity: 0.7;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        text-decoration: none;
        color: var(--green);
    }

        .offerBlockContainer .flexslider ul.flex-direction-nav a.flex-prev {
            left: 0;
        }

        .offerBlockContainer .flexslider ul.flex-direction-nav a.flex-next {
            right: 0;
        }

        .offerBlockContainer .flexslider ul.flex-direction-nav a:before {
            color: inherit;
            transition: all .2s ease;
        }

        .offerBlockContainer .flexslider ul.flex-direction-nav a:hover {
            opacity: 1;
        }

            .offerBlockContainer .flexslider ul.flex-direction-nav a:hover:before {
                transform: scale(1.2);
            }

    .offerBlockContainer .flexslider ol.flex-control-nav {
        position: relative;
        bottom: initial;
        display: none;
        justify-content: center;
        left: initial;
        gap: 10px;
        background: none;
        margin-top: 20px;
    }

        .offerBlockContainer .flexslider ol.flex-control-nav li {
            margin: 0;
        }

            .offerBlockContainer .flexslider ol.flex-control-nav li a {
                background: var(--green);
                opacity: 0.5;
                transition: all .2s ease;
            }

                .offerBlockContainer .flexslider ol.flex-control-nav li a.flex-active {
                    opacity: 1;
                }

.offerBlockContainer .accordionsContainer {
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
}

    .offerBlockContainer .accordionsContainer .accordion {
        width: 100%;
        overflow: hidden;
    }

        .offerBlockContainer .accordionsContainer .accordion .accordionHeader {
            display: flex;
            gap: 10px;
            color: var(--blue);
            padding: 10px 40px 10px 10px;
            background: #F2F6F9;
            cursor: pointer;
            position: relative;
            transition: all .2s ease;
        }

            .offerBlockContainer .accordionsContainer .accordion .accordionHeader .icon {
                font-size: 30px;
                line-height: normal;
            }

            .offerBlockContainer .accordionsContainer .accordion .accordionHeader h3 {
                color: inherit;
                font-size: 1.5rem;
            }

            .offerBlockContainer .accordionsContainer .accordion .accordionHeader:after {
                content: '\f078';
                font-family: "FontAwesome";
                font-size: 20px;
                color: inherit;
                transition: transform .2s ease;
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                right: 10px;
            }

        .offerBlockContainer .accordionsContainer .accordion .accordionContent {
            padding: 20px;
            border: 1px solid var(--blue);
            border-top: none;
            display: none;
        }

        .offerBlockContainer .accordionsContainer .accordion.active .accordionHeader {
            background: var(--blue);
            color: #fff;
        }

            .offerBlockContainer .accordionsContainer .accordion.active .accordionHeader:after {
                transform: translateY(-50%) rotate(180deg);
            }

.ui-widget-overlay {
    opacity: 0.7;
}
/* Misc Ends */
/* Offer Form */
.mywelcomepacks_offerform_summary .bannerContainer,
.mywelcomepacks_offerform_summary #intro_pageBlockContainer,
.mywelcomepacks_offerform_summary #posSummaryBlockv2_pageBlockContainer,
.mywelcomepacks_offerform_summary .offer-info-contact-box,
.mywelcomepacks_offerform_summary #onboardingTopContainer {
    display: none;
}

.mywelcomepacks_offerform_summary .content .section {
    padding-top: 0;
}

    .mywelcomepacks_offerform_summary .content .section .container {
        max-width: 100%;
        padding: 0;
    }

        .mywelcomepacks_offerform_summary .content .section .container #pageContent #BackBlock_pageBlockContainer {
            max-width: 72.75em;
            padding-left: .75em;
            padding-right: .75em;
            margin-left: auto;
            margin-right: auto;
        }

#onboarding-process {
    position: relative;
    min-height: 750px;
    overflow: hidden;
    padding: 20px 30px;
    background: #98DAFF;
}

    #onboarding-process .stage-buttons {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 30px;
        display: block;
        overflow: hidden;
        position: relative;
        z-index: 2;
    }

        #onboarding-process .stage-buttons .container {
            padding-top: 20px;
            width: 33.33333333%;
            float: left;
        }

            #onboarding-process .stage-buttons .container .animText h1 {
                color: #0C2340;
                font-size: 32px;
                padding-top: 0;
                margin-bottom: 0;
            }

            #onboarding-process .stage-buttons .container .animText p {
                margin-top: 20px;
                font-size: 18px;
                color: #000;
            }

            #onboarding-process .stage-buttons .container .onboarding-steps {
                margin-top: 20px;
            }

                #onboarding-process .stage-buttons .container .onboarding-steps a {
                    display: -webkit-flex;
                    display: flex;
                    border: 0;
                    background-color: transparent;
                    color: #FFFFFF;
                    text-transform: capitalize;
                    font-weight: bold;
                    font-size: 18px;
                    height: 44px;
                    width: 262px;
                    text-align: left;
                    padding-left: 20px;
                    background-image: url(../onboarding/sprites.png);
                    background-position: 0 -200px;
                    transition: none;
                    text-decoration: none;
                }

                    #onboarding-process .stage-buttons .container .onboarding-steps a p {
                        color: #0C2340;
                        margin-top: -6px !important;
                        margin-bottom: 0;
                        -webkit-align-self: center;
                        align-self: center;
                        font-weight: normal;
                        font-size: 16px;
                    }

                    #onboarding-process .stage-buttons .container .onboarding-steps a:hover,
                    #onboarding-process .stage-buttons .container .onboarding-steps a.active {
                        background-position: 0 -300px;
                    }

                    #onboarding-process .stage-buttons .container .onboarding-steps a.completed {
                        background-position: 0 -250px;
                    }

                        #onboarding-process .stage-buttons .container .onboarding-steps a:hover p,
                        #onboarding-process .stage-buttons .container .onboarding-steps a.active p,
                        #onboarding-process .stage-buttons .container .onboarding-steps a.completed p {
                            color: #fff;
                        }

    #onboarding-process #world-wrapper {
        z-index: 1;
        top: -40px;
    }

        #onboarding-process #world-wrapper > * {
            background-size: cover;
        }

div.pageBlockContainer#fileupload_OfferFile2_pageBlockContainer .formRowFileUploadRow,
div.pageBlockContainer#fileupload_OfferFile3_pageBlockContainer .formRowFileUploadRow,
div.pageBlockContainer#fileupload_OfferFile4_pageBlockContainer .formRowFileUploadRow {
    display: none;
}

.offerfilesection .downloadimage {
    margin: 0 auto;
    width: 68px;
}

.sectionInPopup div.pageBlockContainer .pageBlockHeader {
    text-align: center;
    margin-bottom: 20px;
}

    .sectionInPopup div.pageBlockContainer .pageBlockHeader .pageBlockTitle {
        width: 100%;
    }

.sectionInPopup div.pageBlockContainer div.pageBlockInner_FormBlock div.formRow {
    max-width: 500px;
    margin: 5px auto;
    display: block;
    float: none;
}

    .sectionInPopup div.pageBlockContainer div.pageBlockInner_FormBlock div.formRow .labelContainer,
    .sectionInPopup div.pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer,
    .sectionInPopup div.pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer .iti {
        width: 100%;
        float: none;
        text-align: left;
        margin-right: 0 !important;
        padding-top: 0;
    }

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

        .sectionInPopup div.pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer input,
        .sectionInPopup div.pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer select,
        .sectionInPopup div.pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer textarea {
            width: 100%;
        }

    .sectionInPopup div.pageBlockContainer div.pageBlockInner_FormBlock div.formRow#fileupload_OfferFile5_Files_formRow {
        display: none;
    }

    .sectionInPopup div.pageBlockContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow {
        display: flex;
        align-items: center;
    }

        .sectionInPopup div.pageBlockContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer,
        .sectionInPopup div.pageBlockContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlContainer {
            width: auto;
        }

    .sectionInPopup div.pageBlockContainer div.pageBlockInner_FormBlock div.formRow.formRowButtonRow {
        max-width: 100%;
        margin-top: 20px;
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 5px;
    }

    .sectionInPopup div.pageBlockContainer div.pageBlockInner_FormBlock div.formRow#SectionCompleteBlock_completed_formRow {
        max-width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .sectionInPopup div.pageBlockContainer div.pageBlockInner_FormBlock div.formRow#SectionCompleteBlock_completed_formRow .labelContainer,
        .sectionInPopup div.pageBlockContainer div.pageBlockInner_FormBlock div.formRow#SectionCompleteBlock_completed_formRow .controlContainer {
            width: auto;
            float: none;
        }

.sectionInPopup #MyWelcomePacks_OfferForm_TaxInformation_pageView #Edit_OFFERTAXINFORMATION_pageBlock label {
    justify-content: flex-start;
}

div.pageBlockContainer.offerfilesection .downloadcontainer {
    width: 100%;
    margin-left: 0;
    border: none;
}

    div.pageBlockContainer.offerfilesection .downloadcontainer .downloaddesc {
        float: none;
        width: 100%;
    }
/* Offer Form Ends */
/* Offer Info */
.mywelcomepacks_offerinformation_summary #posSummaryBlockv2_pageBlockContainer {
    display: block;
}

    .mywelcomepacks_offerinformation_summary #posSummaryBlockv2_pageBlockContainer .PosMyWelcomePackSummaryLinks {
        display: none;
    }

.mywelcomepacks_offerinformation_summary #MyWelcomePacks_OfferInformation_Summary_pageView,
.mywelcomepacks_offerinformation_summary .OfferSectionsSummaryBlockContainer,
.mywelcomepacks_offerinformation_summary .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock {
    overflow: visible;
}

    .mywelcomepacks_offerinformation_summary .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        overflow: visible;
        margin-bottom: 0;
    }

        .mywelcomepacks_offerinformation_summary .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem {
            width: 100%;
            flex: 30%;
            overflow: visible;
            margin: 0;
            background: none;
            border: none;
            text-align: left;
            display: flex;
            flex-direction: column;
            gap: 5px;
        }

            .mywelcomepacks_offerinformation_summary .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem .ulListItemLabel {
                text-align: left;
                margin: 0;
                padding: 0;
                position: relative;
                z-index: 1;
                overflow: visible;
            }

                .mywelcomepacks_offerinformation_summary .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem .ulListItemLabel a {
                    display: block;
                    max-width: calc(100% - 30px);
                    text-decoration: none !important;
                }

                .mywelcomepacks_offerinformation_summary .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem .ulListItemLabel:after {
                    position: absolute;
                    bottom: -17.5px;
                    right: -12.5px;
                    color: var(--green);
                    font-family: "FontAwesome";
                    font-size: 25px;
                    font-weight: 900;
                    line-height: normal;
                    background: #fff;
                    border-radius: 100%;
                    width: 25px;
                    height: 25px;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                }

            .mywelcomepacks_offerinformation_summary .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem .ulListItemValueContainer {
                display: block;
                position: relative;
                overflow: hidden;
                height: 200px;
                width: 100%;
            }

                .mywelcomepacks_offerinformation_summary .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem .ulListItemValueContainer .ulListItemValue {
                    display: none;
                }

                .mywelcomepacks_offerinformation_summary .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem .ulListItemValueContainer:after {
                    content: '';
                    width: 100%;
                    height: inherit;
                    background-size: cover;
                    background-position: 50% 50%;
                    background-image: url(../Images/onboarding/infoSection1.jpg?d=2024-04-23);
                    display: block;
                    transition: all .2s ease;
                    flex: 100%;
                }

            .mywelcomepacks_offerinformation_summary .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem:nth-child(5n+2) .ulListItemValueContainer:after {
                background-image: url(../Images/onboarding/infoSection2.jpg?d=2024-04-23);
            }

            .mywelcomepacks_offerinformation_summary .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem:nth-child(5n+3) .ulListItemValueContainer:after {
                background-image: url(../Images/onboarding/infoSection3.jpg?d=2024-05-14);
                background-position: 50% 100%;
            }

            .mywelcomepacks_offerinformation_summary .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem:nth-child(5n+4) .ulListItemValueContainer:after {
                background-image: url(../Images/onboarding/infoSection4.jpg);
            }

            .mywelcomepacks_offerinformation_summary .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem:nth-child(5n+5) .ulListItemValueContainer:after {
                background-image: url(../Images/onboarding/infoSection5.jpg);
            }

            .mywelcomepacks_offerinformation_summary .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem:hover .ulListItemValueContainer:after {
                transform: scale(1.2);
            }

            .mywelcomepacks_offerinformation_summary .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem.Completed .ulListItemLabel:after {
                content: '\f058';
            }

.mywelcomepacks_offerinformation_section:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: all 0.2s ease;
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

html:has(.modalOpen),
.mywelcomepacks_offerinformation_section.modalOpen {
    overflow: hidden;
}

    .mywelcomepacks_offerinformation_section.modalOpen:before {
        opacity: 1;
        z-index: 99;
    }

.mywelcomepacks_offerinformation_section .content {
    z-index: initial;
}

.mywelcomepacks_offerinformation_section #TitleBlock_pageBlockContainer {
    display: none;
}

.mywelcomepacks_offerinformation_section #MyWelcomePacks_OfferInformation_Section_pageView #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerLayoutBox {
    background: #fff;
}

    .mywelcomepacks_offerinformation_section #MyWelcomePacks_OfferInformation_Section_pageView #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerLayoutBox .offerLayoutPlaceHolder {
        display: flex;
        flex-direction: column;
        flex: 1 0 auto;
        position: relative;
        background: none;
    }

        .mywelcomepacks_offerinformation_section #MyWelcomePacks_OfferInformation_Section_pageView #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerLayoutBox .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder {
            padding: 30px;
            display: flex;
            flex-direction: column;
            flex: 1 0 auto;
        }

            .mywelcomepacks_offerinformation_section #MyWelcomePacks_OfferInformation_Section_pageView #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerLayoutBox .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlockContainer {
                padding: 0;
            }

                .mywelcomepacks_offerinformation_section #MyWelcomePacks_OfferInformation_Section_pageView #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerLayoutBox .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlockContainer:first-child h2:first-child {
                    padding-top: 0;
                }

                .mywelcomepacks_offerinformation_section #MyWelcomePacks_OfferInformation_Section_pageView #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerLayoutBox .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlockContainer p:not(:last-child) {
                    margin-bottom: 1rem !important;
                }

                .mywelcomepacks_offerinformation_section #MyWelcomePacks_OfferInformation_Section_pageView #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerLayoutBox .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlockContainer p:last-child,
                .mywelcomepacks_offerinformation_section #MyWelcomePacks_OfferInformation_Section_pageView #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerLayoutBox .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlockContainer ul:last-child {
                    margin-bottom: 0;
                }

                .mywelcomepacks_offerinformation_section #MyWelcomePacks_OfferInformation_Section_pageView #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerLayoutBox .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlockContainer.hasMedia.image .imageContainer img {
                    object-fit: cover;
                    object-position: 50% 50%;
                    max-width: 100%;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                }

                .mywelcomepacks_offerinformation_section #MyWelcomePacks_OfferInformation_Section_pageView #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerLayoutBox .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlockContainer.hasMedia.image.tall .imageContainer img {
                    object-position: 50% 10%;
                }

    .mywelcomepacks_offerinformation_section #MyWelcomePacks_OfferInformation_Section_pageView #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerLayoutBox:nth-child(odd) .offerLayoutPlaceHolder:nth-child(even) {
        background: transparent;
    }

    .mywelcomepacks_offerinformation_section #MyWelcomePacks_OfferInformation_Section_pageView #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerLayoutBox .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder:has(.hasMedia) {
        padding: 0;
    }

.valuesContainer {
    width: 100%;
    margin-top: 20px;
}

    .valuesContainer .blocksContainer .block {
        flex: 19%;
        border: 1px solid var(--blue);
        padding: 10px;
    }

        .valuesContainer .blocksContainer .block .blockImage img {
            object-fit: contain;
            transform: scale(0.8);
        }

        .valuesContainer .blocksContainer .block:hover {
            border-color: var(--green);
        }

            .valuesContainer .blocksContainer .block:hover .blockImage img {
                transform: scale(1);
            }

.offerBlockContainer .groupsContainer .flexslider ul.slides li .slideBlock {
    background: none;
    border: 1px solid var(--blue);
    color: var(--blue);
    transition: all .2s ease;
}

    .offerBlockContainer .groupsContainer .flexslider ul.slides li .slideBlock .slideImage {
        max-height: 100px;
    }

        .offerBlockContainer .groupsContainer .flexslider ul.slides li .slideBlock .slideImage img {
            object-fit: contain;
            max-height: inherit;
            transition: all .2s ease;
        }

    .offerBlockContainer .groupsContainer .flexslider ul.slides li .slideBlock:hover {
        border-color: var(--green);
    }

        .offerBlockContainer .groupsContainer .flexslider ul.slides li .slideBlock:hover .slideImage img {
            transform: scale(1.2);
        }

#OfferInfoBlock_pageBlock .offerBlockContainer.offerBlockContainer_FileGroup ul.fileList {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}

    #OfferInfoBlock_pageBlock .offerBlockContainer.offerBlockContainer_FileGroup ul.fileList li a {
        cursor: pointer;
        line-height: 1.35em;
        display: inline-block;
        font-weight: 400;
        color: #212529;
        text-align: center;
        vertical-align: middle;
        user-select: none;
        background: #00458a;
        border: 1px solid #00458a;
        color: #fff;
        padding: 15px !important;
        font-size: 1rem;
        line-height: 1.5;
        border-radius: .1875rem;
        text-decoration: none;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }

        #OfferInfoBlock_pageBlock .offerBlockContainer.offerBlockContainer_FileGroup ul.fileList li a:after {
            content: '\f019';
            font-family: "FontAwesome";
            margin-left: 5px;
        }

        #OfferInfoBlock_pageBlock .offerBlockContainer.offerBlockContainer_FileGroup ul.fileList li a:hover {
            background-color: #099;
            border-color: #099;
            color: #fff;
        }

.offerBlockContainer .videoContainer {
    position: relative;
    width: 100%;
    margin-top: 30px;
    padding: 0 40px;
}

    .offerBlockContainer .videoContainer iframe {
        width: 100%;
        aspect-ratio: 16/9;
    }
/* Offer Info Ends */
/* Offer info box */
.offer-info-contact-box {
    border: 2px solid var(--blue);
    background-color: #FFF;
    padding: 15px;
    margin-bottom: 15px;
}

    .offer-info-contact-box p {
        margin-bottom: 0;
        text-align: center;
    }

    .offer-info-contact-box a {
        font-weight: bold;
    }
/* Offer info box Ends */
/* Responsive Styling */
@media all and (max-width:991px) {
    .offerlist .bannerContainer:before,
    .offerlistperapplication .bannerContainer:before,
    .earcu_onboarding .bannerContainer:before {
        width: 100%;
    }

    .offerlist .bannerContainer img
    .offerlistperapplication .bannerContainer img,
    .earcu_onboarding .bannerContainer img {
        width: 50%;
    }

    .offerlist .bannerContainer .bannerContent,
    .offerlistperapplication .bannerContainer .bannerContent,
    .earcu_onboarding .bannerContainer .bannerContent {
        min-width: 1px;
        max-width: 100%;
    }

    .earcu_onboarding .section .main #onboardingTopContainer .onboardingMenuContainer {
        flex-wrap: wrap;
    }

        .earcu_onboarding .section .main #onboardingTopContainer .onboardingMenuContainer .menuItem {
            width: 100% !important;
            flex: 49%;
        }

    #onboarding-process {
        min-height: 700px;
        padding: 20px;
    }

        #onboarding-process .stage-buttons {
            padding: 0;
        }

            #onboarding-process .stage-buttons .container {
                width: 50%;
            }

                #onboarding-process .stage-buttons .container .animText p {
                    margin-top: 0px;
                }

        #onboarding-process #world-wrapper {
            top: 0;
        }

    .mywelcomepacks_offerinformation_section #MyWelcomePacks_OfferInformation_Section_pageView #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerLayoutBox {
        flex-wrap: wrap;
    }

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

            .mywelcomepacks_offerinformation_section #MyWelcomePacks_OfferInformation_Section_pageView #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerLayoutBox .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder {
                padding: 20px;
            }

                .mywelcomepacks_offerinformation_section #MyWelcomePacks_OfferInformation_Section_pageView #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerLayoutBox .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlockContainer.hasMedia.image .imageContainer img {
                    position: relative;
                    top: initial;
                    left: initial;
                    max-height: 300px;
                }

            .mywelcomepacks_offerinformation_section #MyWelcomePacks_OfferInformation_Section_pageView #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerLayoutBox .offerLayoutPlaceHolder:has(.hasMedia) {
                order: 2;
            }

    .valuesContainer .blocksContainer .block {
        flex: 30%;
    }
}

@media all and (max-width:767px) {
    .offerlist .bannerContainer,
    .offerlistperapplication .bannerContainer,
    .earcu_onboarding .bannerContainer {
        min-height: 200px;
    }

        .offerlist .bannerContainer:before,
        .offerlistperapplication .bannerContainer:before,
        .earcu_onboarding .bannerContainer:before {
            background-image: none;
            background: var(--blue);
        }

        .offerlist .bannerContainer img,
        .offerlistperapplication .bannerContainer img,
        .earcu_onboarding .bannerContainer img {
            display: none;
        }

        .offerlist .bannerContainer .bannerContent,
        .offerlistperapplication .bannerContainer .bannerContent,
        .earcu_onboarding .bannerContainer .bannerContent {
            text-align: center;
        }

    .earcu_onboarding .section .main #onboardingTopContainer .onboardingMenuContainer .menuItem {
        flex: 100%;
    }

    #posSummaryBlockv2_pageBlock .MySummaryItemsContainer {
        display: flex;
        flex-direction: column;
        gap: 5px;
        width: 100%;
        height: auto;
    }

        #posSummaryBlockv2_pageBlock .MySummaryItemsContainer .MySummaryItem {
            width: 100%;
            display: block;
            height: auto;
        }

            #posSummaryBlockv2_pageBlock .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner {
                margin-left: 0;
                margin-right: 0;
            }

    #onboarding-process .stage-buttons .container {
        width: 100%;
    }

        #onboarding-process .stage-buttons .container .onboarding-steps {
            display: flex;
            flex-wrap: wrap;
            gap: 5px;
        }

            #onboarding-process .stage-buttons .container .onboarding-steps a {
                background-image: none;
                background: #fff;
                border: 2px solid #0065AA;
                padding: 10px 20px;
                height: auto;
                text-align: center;
                flex: 45%;
            }

                #onboarding-process .stage-buttons .container .onboarding-steps a p {
                    margin-top: 0;
                    text-align: inherit;
                    width: 100%;
                }

                #onboarding-process .stage-buttons .container .onboarding-steps a:hover,
                #onboarding-process .stage-buttons .container .onboarding-steps a.active {
                    background: #0065AA;
                }

                #onboarding-process .stage-buttons .container .onboarding-steps a.completed {
                    background: #18871E;
                    border-color: #18871E;
                }

    #onboarding-process #world-wrapper {
        padding: 0;
        min-height: 500px;
        position: relative;
    }

    .mywelcomepacks_offerinformation_summary .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem {
        flex: 40%;
    }

    .blocksContainer .block {
        flex: 48% !important;
    }

    .modalsContainer .modalBlock {
        max-width: 100%;
        left: 0;
        transform: translateY(-50%);
        padding: 40px 20px;
    }

    .offerBlockContainer .flexslider {
        padding: 0;
    }

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

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

@media all and (max-width:500px) {
    #onboarding-process .stage-buttons .container .onboarding-steps a {
        flex: 100%;
    }

    .mywelcomepacks_offerinformation_summary .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem {
        flex: 100%;
    }

        .mywelcomepacks_offerinformation_summary .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem .ulListItemLabel:after {
            right: 0;
        }

        .mywelcomepacks_offerinformation_summary .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem .ulListItemValueContainer,
        .mywelcomepacks_offerinformation_summary .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem .ulListItemValueContainer:after {
            height: auto;
            aspect-ratio: 16/9;
        }

    .blocksContainer .block {
        flex: 100% !important;
    }
}
/* Responsive Styling Ends */