/*base override of helvatica to poppins*/
body.rebrand-2024 {
    color: #00082B; /*electric navy*/
    font-family: "Poppins", Arial, sans-serif;
    min-height: 100vh;
    padding-bottom: 280px;
}

.rebrand-2024 strong {
    font-family: "Poppins", Arial, sans-serif;
    font-weight: 600;
}

.portal-main.smart-switch .portal-details div.plan-card h2.rebrand-2024 {
    color: #00082B; /*electric navy*/
}

.portal-main.smart-switch .portal-details div.plan-card .top-tab {
    background-color: #1442B8; /*electric mid blue*/
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
}

.portal-main.smart-switch .portal-details div.plan-card.rebrand-2024 .card-spotlight .spotlight-text-container .spotlight-context {
    color: #00082B; /*electric navy*/
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.portal-main.smart-switch .portal-details div.plan-card.rebrand-2024 .card-spotlight .spotlight-text-container .spotlight-offer {
    color: #00082B; /*electric navy*/
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.portal-main.smart-switch .portal-details div.plan-card ul.rebrand-2024 li {
    font-family: "Poppins", sans-serif;
    color: #00082B; /*electric navy*/
    font-weight: 500;
    font-size: 1.3rem;
}

.portal-main.smart-switch .portal-details div.plan-card ul.spread.rebrand-2024 li {
    font-weight: 400;
    font-size: 1.3rem;
}

    /*First Year Cost w/ Bonus and Estimated Annual Bill (EAB)*/
    .portal-main.smart-switch .portal-details div.plan-card ul.spread.rebrand-2024 li strong {
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        color: #00082B; /*electric navy*/
        font-size: 1.75rem;
    }

/*Icons*/
.portal-main.smart-switch .portal-details .plans.dual .rebrand-2024 .fuel::before {
    background: url(../img/ei-icon-elec-rebrand-2024.svg);
}

.portal-main.smart-switch .portal-details .plans.elec .rebrand-2024 .fuel::before {
    background: url(../img/ei-icon-elec-rebrand-2024.svg);
}

.portal-main.smart-switch .portal-details .plans.dual .rebrand-2024 .fuel::after {
    background: url(../img/ei-icon-gas-rebrand-2024.svg);
}

.portal-main.smart-switch .portal-details .plans.gas .rebrand-2024 .fuel::after {
    background: url(../img/ei-icon-gas-rebrand-2024.svg);
}

.portal-main.smart-switch .portal-details .plans.payg .rebrand-2024 .fuel::before {
    background: url(../img/ei-icon-payg-rebrand-2024.svg);
}

.portal-main.smart-switch .portal-details div.plan-card .info-tip.rebrand-2024 {
    background: url(../img/ei-icon-info-rebrand-2024-v6.svg) -4px -4px no-repeat;
}

.portal-main.smart-switch .portal-details div.plan-card button.info-tip.rebrand-2024 {
    border: none;
}

.portal-main.smart-switch .portal-details div.plan-card ul.rebrand-2024 .info-tip {
    background: url(../img/ei-icon-info-rebrand-2024-v6.svg) -4px -4px no-repeat;
}

.portal-main.smart-switch .portal-details div.plan-card.rebrand-2024 ul.checked li::before {
    background-image: url(../img/ei-icon-check-rebrand-2024.svg);
    background-repeat: no-repeat;
    background-clip: unset;
    background-size: contain;
    background-position-x: center;
    background-position-y: center;
    width: 16px;
    height: 22px;
}

.portal-main.smart-switch .portal-details div.plan-card .card-spotlight .spotlight-text-container .checked.rebrand-2024 li::before {
    background-image: url(../img/ei-icon-check-rebrand-2024.svg);
    background-repeat: no-repeat;
    background-clip: unset;
    background-size: contain;
    background-position-x: center;
    background-position-y: center !important;
    width: 16px;
    height: 22px;
}

.portal-main.smart-switch .portal-details div.plan-card.rebrand-2024 .view-details::after {
    background: url(../img/ei-icon-chevron-rebrand-2024.svg);
}

.rebrand-2024 .portal-details__form__info__icon {
    background: url(../img/ei-icon-question-blue-rebrand-2024.svg) center/contain no-repeat;
    width: 1.8rem;
    height: 1.8rem;
    margin-left: 2.5px;
}

.portal-main.smart-switch .portal-details div.plan-card.rebrand-2024 h3 {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    color: #00082B; /*electric navy*/
}

.portal-main.smart-switch .portal-details div.plan-card.rebrand-2024 table.prices td {
    font-family: "Poppins", sans-serif;
    color: #00082B; /*electric navy*/
}

.card-body.rebrand-2024 {
    font-family: "Poppins", sans-serif;
    color: #00082B; /*electric navy*/
}

.portal-main.smart-switch .portal-details div.plan-card.rebrand-2024 small {
    font-family: "Poppins", sans-serif;
    color: #00082B; /*electric navy*/
}

/*FuturePricePlanCardText box*/
.rebrand-2024 .card.bg-light {
    background-color: #F2F5F5 !important; /*electric gray*/
}

/*switch button*/
.btn-switch.rebrand-2024 {
    font-family: "Poppins", sans-serif;
    color: #1442B8;
    background: #2BEBB5; /*electric green*/
    font-weight: 600;
}

    .btn-switch.rebrand-2024:active, .btn-switch.rebrand-2024:hover {
        background: #3BEBF5; /*light electric blue*/
    }

    .btn-switch.rebrand-2024:active {
        box-shadow: 0px 0px 8px 0px #00082BB2;
    }

/*the fake links*/
.portal-main.smart-switch .portal-details div.plan-card.rebrand-2024 .view-details {
    font-family: "Poppins", sans-serif;
    color: #1442B8; /* mid electric blue */
}

.portal-main.smart-switch .portal-details .btn-price-info.rebrand-2024 {
    font-family: "Poppins", sans-serif;
    color: #1442B8; /* mid electric blue */
}

/* pp arrows */
.portal-main.smart-switch .portal-details .pp-arrow.rebrand-2024.active::after {
    background: url(../img/ei-icon-chevron-rebrand-2024.svg);
    border-top: none;
    border-right: none;
}

.portal-main.smart-switch .portal-details .pp-arrow.rebrand-2024.active {
    background-color: #3BEBF5; /*electric light blue*/
    border: 1px solid #3BEBF5; /*electric light blue*/
}

.portal-main.smart-switch .portal-details .pp-arrow.rebrand-2024 {
    border: 1px solid #B0B4B6; /*electric light grey*/
    background-color: #B0B4B6;
}

    .portal-main.smart-switch .portal-details .pp-arrow.rebrand-2024::after {
        border-top: 2px solid #6A7276; /*electric mid grey*/
        border-right: 2px solid #6A7276;
    }

/*popups*/
.rebrand-2024 .popover-header {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    color: #00082B; /*electric navy*/
}

.rebrand-2024 .popover-body {
    font-family: "Poppins", sans-serif;
    color: #00082B; /*electric navy*/
}

/*tooltip on Price Info Modal*/
.modal-open .tooltip-inner {
    background-color: #1442B8; /* mid electric blue */
    font-family: "Poppins", sans-serif;
}

/*tooltip mprn search*/
.rebrand-2024 .tooltip-inner {
    background-color: #1442B8; /* mid electric blue */
    font-family: "Poppins", sans-serif;
}

/*price details modal*/
.rebrand-2024 .modal-lg .modal-title {
    color: #1442B8; /* mid electric blue */
}

.rebrand-2024 .modal-lg .modal-body h3 {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    color: #00082B; /*electric navy*/
}

/*pills*/
.rebrand-2024 .portal-details .filters .filters-list li {
    margin-right: 2px;
}

    .rebrand-2024 .portal-details .filters .filters-list li button {
        font-family: "Poppins", sans-serif;
        color: #6A7276; /*mid electric grey*/
        background-color: #FFFFFF;
        border: 1px solid #6A7276; /*mid electric grey*/
        font-weight: 400;
    }

        .rebrand-2024 .portal-details .filters .filters-list li button.active {
            border-color: #1442B8; /* mid electric blue */
            background-color: #1442B8; /* mid electric blue */
            color: #fff;
            outline: 0;
            font-weight: 400;
        }

        .rebrand-2024 .portal-details .filters .filters-list li button:focus {
            outline: 3px solid #00082B; /*electric navy*/
            outline-offset: 2px;
        }

@media screen and (max-width: 576px) {
    .rebrand-2024 .portal-details .filters {
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 3px;
    }
}

/*price info table */
.rebrand-2024 .table__pricing__body tr td strong, .rebrand-2024 .table__pricing__header tr th strong {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    color: #00082B; /*electric navy*/
    font-size: 1.7rem;
}

.rebrand-2024 .table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: #F2F5F5; /*electric grey*/
    color: #00082B; /*electric navy*/
}

.rebrand-2024 .modal-body p, .table td, .table th[scope=row], .rebrand-2024 .table th {
    color: #00082B; /*electric navy*/
}

/*price info close button*/
.rebrand-2024 .modal-lg .close {
    background-color: #6A7276; /*mid electric grey*/
}

/*price info link in the test*/
.rebrand-2024 .confirm-order a, .rebrand-2024 .modal-body a {
    color: #1442B8;
    font-family: "Poppins",sans-serif;
}

.rebrand-2024 .modal-body button.btn {
    color: #1442B8;
    font-family: "Poppins",sans-serif;
    font-size: 1.6rem;
    text-decoration: underline;
}

.rebrand-2024 .modal-body .btn:focus {
    outline: #00082B solid 3px !important;
    outline-offset: 3px;
    border-radius: 5px;
}

/*hi,h2 command h3 colour change*/
h2.mprn-search-header.rebrand-2024 {
    color: #1442B8;
}
/*hi,h2 command h3 colour change*/
.portal-main.smart-switch > .portal-header > .container > .row h1.rebrand-2024 {
    color: #1442B8;
}
/*Helvetica To Poppins */
.form-group .alert-search-box label.rebrand-2024 {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
}

.form-group .alert-search-box label .form-info.rebrand-2024 {
    color: #1442B8;
    font-family: "Poppins", sans-serif;
}

.question-icon-mask.rebrand-2024 {
    background: url(../img/ei-icon-question-blue-rebrand-2024.svg) no-repeat center;
}

/*Fuel Tab colour*/
.portal-header__nav ul li a.rebrand-2024 {
    color: #6A7276;
    font-family: "Poppins", sans-serif;
}

.portal-header__nav ul li.active a, .portal-header__nav ul li:hover a.rebrand-2024 {
    color: #1442B8;
    background-color: #fff;
    border-bottom: 2px solid #1442B8; /*mid electric blue*/
}
/*Icons*/
.portal-header__nav ul li.elecgas a.rebrand-2024::before {
    background: url(../img/ei-icon-elec-rebrand-2024.svg);
    z-index: 10;
}

.portal-header__nav ul li.elecgas a.rebrand-2024::after {
    left: 14px;
    background: url(../img/ei-icon-gas-rebrand-2024.svg);
    z-index: 5;
}

.portal-header__nav ul li.elec a.rebrand-2024::before {
    background: url(../img/ei-icon-elec-rebrand-2024.svg);
}

.portal-header__nav ul li.gas a.rebrand-2024::before {
    background: url(../img/ei-icon-gas-rebrand-2024.svg);
}

.portal-header__nav ul li.payg a.rebrand-2024::before {
    background: url(../img/ei-icon-payg-rebrand-2024.svg);
}

.form-control.rebrand-2024 {
    border: 1px solid #B0B4B6;
}

    .form-control.rebrand-2024:focus {
        border-color: #00082B;
        box-shadow: none;
    }
/*Find my plan text*/
.btn-secondary.rebrand-2024 {
    color: #1442B8;
}

.search-icon.rebrand-2024 {
    background-color: #1442B8;
}

.btn-close.rebrand-2024 {
    padding: .45em .25em;
}

.alert-search-box button.btn-secondary.rebrand-2024 {
    border: 1px solid #1442B8; /*border colour*/
    background-color: #FFFFFF;
}

    .alert-search-box button.btn-secondary.rebrand-2024:focus {
        background-color: #1442B8;
        color: white;
    }

    .alert-search-box button.btn-secondary.rebrand-2024:hover {
        background-color: #1442B8;
        color: #FFFFFF;
    }

.rebrand-2024 .btn-default-alt, .rebrand-2024 .btn-primary-alt, .btn-secondary.rebrand-2024 {
    font-family: "Poppins", sans-serif;
}

/*#B0B4B6 // electric light Grey
#00082B //electric Navy
#1442B8;//midelectric Blue
#FFFFFF; electric white
 #6A7276;// Electric Mid Grey
 */

.rebrand-2024 button.view-details:focus {
    border-radius: 5px;
    box-shadow: inset #00082B 0 0 0px 3px;
}


/*header*/

.rebrand-2024 .portal-menu__toggle {
    border-radius: 50%;
    background-color: #1442B8; /*electric mid blue*/
    border-color: #1442B8; /*electric mid blue*/
}

    .rebrand-2024 .portal-menu__toggle span:after, .rebrand-2024 .portal-menu__toggle span:before {
        background-color: #FFF;
    }

    .rebrand-2024 .portal-menu__toggle span {
        background-color: #FFF;
    }

    .rebrand-2024 .portal-menu__toggle.close span, .rebrand-2024 button[data-toggle=tooltip].form-info {
        background-color: transparent;
    }

/*header end*/

/*before-you-switch*/

.rebrand-2024 .before-signup h2 {
    color: #1442B8; /* mid electric blue */
}

.rebrand-2024 .before-signup p.cart-header {
    color: #1442B8; /* mid electric blue */
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}

.rebrand-2024 .before-signup span {
    font-family: "Poppins", sans-serif;
    color: #00082B; /*electric navy*/
    font-weight: 600;
}

.rebrand-2024 .before-signup p {
    font-family: "Poppins", sans-serif;
    color: #00082B; /*electric navy*/
}

.rebrand-2024 .before-signup strong {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
}

/*line breaks*/
.rebrand-2024 .portal-main hr {
    color: #B0B4B6; /*electric light grey*/
    border-color: #B0B4B6; /*electric light grey*/
}

@media screen and (max-width: 991px) {
    .portal-details-switch ol li {
        border-bottom: 1px solid #B0B4B6; /*electric light grey*/
    }
}

/*what you will need*/
.rebrand-2024 .before-signup h1 {
    color: #00082B; /*electric navy*/
}

/*step numbers*/
.rebrand-2024 .portal-details-switch ol li:before {
    color: #1442B8; /* mid electric blue */
}

/*popup links*/
.rebrand-2024 .payg label a, .portal-details p a {
    color: #1442B8; /* mid electric blue */
    font-family: "Poppins", sans-serif;
}

.rebrand-2024 .portal-details-switch ol li p {
    color: #6A7276; /*electric mid grey*/
    font-weight: 300;
}

.rebrand-2024 .before-signup ol li p.para-steps {
    color: #00082B; /*electric navy*/
    font-weight: 400;
}

/*mprn and gprn modals*/
.rebrand-2024.modal-open .modal.default .modal-dialog .modal-body h4 {
    color: #1442B8; /* mid electric blue */
}

.rebrand-2024.modal-open .modal.default .modal-dialog .modal-body p, .rebrand-2024.modal-open .modal.default .modal-dialog .modal-body ul li {
    color: #00082B; /*electric navy*/
    font-family: "Poppins", sans-serif;
}

    .rebrand-2024.modal-open .modal.default .modal-dialog .modal-body p .mob-tel, .rebrand-2024.modal-open .modal.default .modal-dialog .modal-body ul li .mob-tel {
        color: #1442B8; /* mid electric blue */
    }

/*mprn/gprn modals Okay button*/
.rebrand-2024.modal-open .modal.default .modal-dialog .btn.btn-close {
    background-color: #1442B8; /* mid electric blue */
    color: #fff;
    font-family: "Poppins", sans-serif;
}

/*mprn/gprn modals Close button*/
.rebrand-2024.modal-open .modal.default .modal-dialog button.close {
    background-color: #6A7276; /*electric mid grey*/
}

.rebrand-2024 .portal-details-switch ol {
    margin: 6rem auto 6rem;
}

/*end before-you-switch*/


/* primary CTA button */
.rebrand-2024 .btn-default, .rebrand-2024 .btn-primary {
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    background-color: #1442B8; /* mid electric blue */
    padding: 0 6em 0 1.5em;
    height: 64px;
    letter-spacing: 0.02em;
    text-wrap: nowrap;
    width: max-content;
    border: none;
}

    .rebrand-2024 .btn-default--correct-hover:focus, .rebrand-2024 .btn-default--correct-hover:hover, .rebrand-2024 .btn-default-alt:focus, .rebrand-2024 .btn-default-alt:hover, .rebrand-2024 .btn-default:focus, .rebrand-2024 .btn-default:hover, .btn-primary--correct-hover:focus, .rebrand-2024 .btn-primary--correct-hover:hover, .rebrand-2024 .btn-primary-alt:focus, .rebrand-2024 .btn-primary-alt:hover, .rebrand-2024 .btn-primary:focus, .rebrand-2024 .btn-primary:hover {
        background-color: #3BEBF5 !important; /*electric light blue*/
        border-color: #3BEBF5 !important; /*electric light blue*/
        color: #1442B8 !important; /* mid electric blue */
    }

    /*focus. three elements: white, electric navy, white*/
    .rebrand-2024 .btn-default--correct-hover:focus, .rebrand-2024 .btn-default-alt:focus, .rebrand-2024 .btn-default:focus, .btn-primary--correct-hover:focus, .rebrand-2024 .btn-primary-alt:focus, .rebrand-2024 .btn-primary:focus, .rebrand-2024 .btn-secondary:focus {
        border-color: #FFF !important; /*electric light blue*/
        border-width: 4px;
        border-style: solid;
        box-shadow: 0px 0px 0px 4px #00082B !important;
        outline-color: #FFF !important;
        outline-width: 4px !important;
        outline-offset: 4px;
        outline-style: solid !important;
    }

    .rebrand-2024 .btn-default:not(:disabled):not(.disabled):active, .rebrand-2024 .btn-primary:not(:disabled):not(.disabled):active {
        background-color: #3BEBF5; /*electric light blue*/
        border-color: #3BEBF5; /*electric light blue*/
        color: #1442B8; /* mid electric blue */
        box-shadow: 0px 0px 8px 0px #00082BB2;
    }

    .rebrand-2024 .btn-default:after, .rebrand-2024 .btn-primary:after {
        border-radius: 50%;
        width: 4.8rem;
        height: 4.8rem;
        transform: translateY(-50%) translateZ(0) scale(1);
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
        transform-origin: top center;
        content: "";
        background: url(../img/arrow-right-blue-rebrand-2024.svg) center/16px 16px no-repeat #fff;
        position: absolute;
        top: 50%;
        right: 8px;
        -webkit-transform: translateY(-50%) translateZ(0) scale(1);
        -moz-transform: translateY(-50%) translateZ(0) scale(1);
        -ms-transform: translateY(-50%) translateZ(0) scale(1);
        -o-transform: translateY(-50%) translateZ(0) scale(1);
        display: block;
    }

    .rebrand-2024 .btn-default:focus:after, .rebrand-2024 .btn-default:hover:after, .rebrand-2024 .btn-primary:focus:after, .rebrand-2024 .btn-primary:hover:after, .rebrand-2024 .btn-style-02:focus:after, .rebrand-2024 .btn-style-02:hover:after {
        background-image: url(../img/arrow-right-white-rebrand-2024.svg);
        background-color: #1442B8; /*mid electric blue*/
    }

    /*disabled version of the button*/
    .rebrand-2024 .btn-danger[disabled], .rebrand-2024 .btn-default-alt[disabled], .rebrand-2024 .btn-default[disabled], .rebrand-2024 .btn-primary-alt[disabled], .rebrand-2024 .btn-primary[disabled], .rebrand-2024 .btn-success[disabled] {
        background-color: #B0B4B6;
        border-color: #B0B4B6;
        color: #00082B; /*electric navy*/
    }

        .rebrand-2024 .btn-danger[disabled]:after, .rebrand-2024 .btn-default[disabled]:after, .rebrand-2024 .btn-primary[disabled]:after, .rebrand-2024 .btn-success[disabled]:after {
            background-image: url(../img/arrow-right-gray-rebrand-2024.svg);
        }

    /*hide the original green arrow in a circle on the left*/
    .rebrand-2024 .btn-default:before, .rebrand-2024 .btn-primary:before, .rebrand-2024 .btn-style-02:before {
        display: none;
    }

/* primary CTA mobile version modifications*/
@media screen and (max-width: 992px) {
    .rebrand-2024 .btn-default, .rebrand-2024 .btn-primary {
        height: 48px;
        font-size: 14px;
        padding-right: 80px;
        padding-left: 24px;
    }

        .rebrand-2024 .btn-default:after, .rebrand-2024 .btn-primary:after {
            width: 3.2rem;
            height: 3.2rem;
        }
}

/*end of primary CTA button*/

/*secondary CTA - based on tertiary medium size button from the style guide*/

.rebrand-2024 .btn-secondary {
    border: none;
    color: #1442B8; /*mid electric blue*/
    background-color: #2BEBB5; /*electric green*/
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 16px;
    padding-right: 90px;
    padding-left: 24px;
    height: 48px;
    text-wrap: nowrap;
}

    .rebrand-2024 .btn-secondary:hover {
        background-color: #3BEBF5;
        border: none;
        color: #1442B8;
    }

.btn-secondary:before {
    background: url(../img/arrow-right-blue-rebrand-2024.svg) center/16px 16px no-repeat;
    position: absolute;
    right: 8px;
    left: unset;
}

@media screen and (max-width: 991px) {
    .rebrand-2024 .btn-secondary {
        font-size: 14px;
        padding-right: 90px;
        padding-left: 24px;
    }
}

/*end of secondary CTA*/


/*stepper start*/

.rebrand-2024 .stepper__step .label, .rebrand-2024 .stepper__step .nb {
    color: #6A7276; /*electric mid grey*/
    border-color: #B0B4B6; /*electric light grey*/
    font-family: "Poppins", sans-serif;
    font-weight: 300;
}

.rebrand-2024 .stepper__step.active .nb {
    border-color: #1442B8; /*mid electric blue*/
    background-color: #1442B8; /*mid electric blue*/
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
}

.rebrand-2024 .stepper__step.completed .nb {
    border-color: #1442B8; /*mid electric blue*/
    background-color: #1442B8; /*mid electric blue*/
    color: #fff;
    font-weight: 600;
}

.rebrand-2024 .stepper__step .nb:after {
    background-color: #B0B4B6;
}

.rebrand-2024 .stepper__step.completed .nb::after {
    width: 9.7rem;
    right: -10rem;
}

/*patching the stepper lines for various resolutions */
@media screen and (max-width: 510px) {
    .rebrand-2024 .stepper__step .nb:after {
        width: 5rem;
        right: -5.3rem;
    }

    .rebrand-2024 .stepper__step.completed .nb:after {
        width: 6rem;
        right: -6.3rem;
    }
}

@media screen and (max-width: 575px) {
    .rebrand-2024 .stepper__step.active .nb:after {
        width: 5.2rem;
        right: -5.5rem;
    }
}

/*stepper end*/


/*step 2: your home*/



.rebrand-2024 .switch--wrapper h1.poppins, .rebrand-2024 .switch--wrapper h2.poppins, .rebrand-2024 .switch--wrapper h3.poppins, .rebrand-2024 .switch--wrapper h4.poppins {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
}

.rebrand-2024 .form-group label {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
}

.rebrand-2024 .form-info {
    font-family: "Poppins", sans-serif;
    color: #00082B; /*electric navy*/
}

.rebrand-2024 .form-control {
    border: 1px solid #B0B4B6; /*electric light grey*/
    color: #00082B; /*electric navy*/
}

input.rebrand-2024::placeholder {
    color: #6a7276;
    opacity: 1;
}

.rebrand-2024 #divDualMessage div {
    background-color: #F2F5F5;
}

.rebrand-2024 .switch--wrapper.your-home h4 {
    color: #1442B8; /*electric mid blue*/
}

/* trying override for browser internal styling - this doesn't work*/
.rebrand-2024 input:-internal-autofill-selected {
    color: #6A7276 !important; /*electric mid grey*/
}

.rebrand-2024 .portal-details p strong {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
}

.rebrand-2024 .form-group label, .form-text {
    color: #00082B; /*electric navy*/
}

.rebrand-2024 .btn-group-separate label.btn, .rebrand-2024 .btn-group-vertical-separate label.btn {
    color: #1442B8; /*mid electric blue*/
    border: 2px solid #1442B8 !important; /*mid electric blue*/
}

    .rebrand-2024 .btn-group-separate label.btn.active, .rebrand-2024 .btn-group-vertical-separate label.btn.active {
        background: #1442B8 !important; /*mid electric blue*/
        border: 2px solid #1442B8 !important; /*mid electric blue*/
    }

.rebrand-2024 .custom-select {
    color: #00082B; /*electric navy*/
}

.rebrand-2024 .form-select {
    border: 1px solid #B0B4B6;
}

.rebrand-2024 .form-select-arrow {
    background: url(../img/arrow-blue-rebrand-2024.svg) center/11px 15px no-repeat;
}

.rebrand-2024 .custom-select option {
    color: #00082B; /*electric navy*/
}

.rebrand-2024 .custom-control-label::after {
    border: 1px solid #8D9A60;
}

.rebrand-2024 .form-group .form-checkbox-bill label {
    font-weight: 300;
}

.rebrand-2024 ul li:before {
    background-image: url(../img/ei-icon-check-rebrand-2024.svg);
    background-repeat: no-repeat;
    background-clip: unset;
    background-size: contain;
    background-position-x: center;
    background-position-y: center;
    width: 16px;
    height: 22px;
    background-color: transparent;
    border-radius: unset;
    top: 4px;
}

.rebrand-2024 .modal-form__buttons {
    flex-direction: column;
    justify-content: space-between;
    min-height: 136px; /*64+48+24*/
}

@media screen and (max-width: 991px) {
    .rebrand-2024 .modal-form__buttons {
        min-height: 112px; /*48+48+16*/
    }
}

.rebrand-2024 .step-1 #gdprText1 a {
    text-decoration: underline;
}

.rebrand-2024 .step-1 #gdprText2 a strong {
    text-decoration: underline;
}

/*step 2 - enable smart features dialog and other dialogs */

/*special fix for the secondary button on that modal*/
.rebrand-2024 #btnRejectSmartFeatures:hover {
    background-color: #3BEBF5;
    border: none;
    color: #1442B8;
}

.rebrand-2024 .portal-details.plan-switch h3 {
    font-family: "Poppins", sans-serif;
    color: #00082B; /*electric navy*/
    font-weight: 600;
}

.rebrand-2024 .portal-details.plan-switch p {
    font-family: "Poppins", sans-serif;
    color: #00082B; /*electric navy*/
    font-weight: 300;
}

.rebrand-2024 .portal-details h2 {
    color: #1442B8;
}

.rebrand-2024 .modal-lg .modal-title__smaller, .rebrand-2024 .modal-lg .modal-title__underline {
    border-bottom: .1rem solid #B0B4B6; /*electric light grey*/
}

.rebrand-2024 .modal-lg .modal-footer__your-plan {
    border-top: 1px solid #B0B4B6; /*electric light grey*/
}

.rebrand-2024 .modal-lg .modal-body ul li {
    padding-left: 2.5rem;
}

.rebrand-2024 .custom-control-label::before {
    background: url(../img/icon-tick-rebrand-2024.svg) center / contain no-repeat;
}

/*end enable smart features dialog*/

/* plan changed popup */

.rebrand-2024 .chevron-right::before {
    background: url(../img/arrow-blue-rebrand-2024.svg);
}

.rebrand-2024 .prices--table .spacer {
    border-bottom: .1rem solid #B0B4B6; /*electric light grey*/
}

.rebrand-2024 .prices--table .heading {
    font-weight: 600;
}

.rebrand-2024 .prices--table .bold-prices {
    font-weight: 600;
}

.rebrand-2024 .btn-i-understand {
    color: #fff;
    background-color: #1442B8; /*electric mid blue*/
    font-weight: 500;
    border: none;
    height: 56px;
}

.rebrand-2024 .prices--table td, .rebrand-2024 .prices--table th {
    padding: 0.3rem 0rem !important;
}

.rebrand-2024 .table.prices--table {
    margin-bottom: unset;
}
/* end of plan changed popup */


/*step 2 end*/

/*About You Start*/

.rebrand-2024 .switch--wrapper h1,
.rebrand-2024 .switch--wrapper h2 {
    color: #1442B8; /*electric mid blue*/
}

.rebrand-2024 .switch--wrapper h3 {
    color: #00082B; /*electric navy*/
}

.rebrand-2024 .form-control:focus {
    border: 1px solid #00082B; /*electric navy*/
    box-shadow: none;
}


.rebrand-2024 .custom-select:focus {
    border: 1px solid #00082B;
    box-shadow: none;
}

.rebrand-2024 .form-group.row .displaydiv {
    display: flex;
}
/*text at the bottom of the page*/
.rebrand-2024 .mb-6 {
    margin-bottom: 4rem !important;
    font-family: "Poppins", sans-serif;
    color: #00082B; /*electric navy*/
}

.rebrand-2024 .step-1 a {
    font-family: "Poppins", sans-serif;
    color: #1442B8; /*electric mid blue*/
}

/* New or Existing Customer selection */
.rebrand-2024 .form-check--border .custom-control-label.v-centered-radio:after {
    top: calc(50% - 10px);
}

.rebrand-2024 .form-check--border.form-radio .custom-control-label.v-centered-radio:before {
    top: calc(50% - 6px );
}

.rebrand-2024 .step-1 a.btn-primary {
    color: #fff;
    padding: 0.7em 6em 0.7em 1.5em;
}

.rebrand-2024 .step-1 a.btn-primary:focus {
    padding: 0.5em 6em 0.5em 1.5em;
}

@media screen and (max-width: 992px) {
    .rebrand-2024 .step-1 a.btn-primary {
        padding-right: 80px;
        padding-left: 24px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .rebrand-2024 .step-1 a.btn-primary:focus {
        padding-right: 80px;
        padding-left: 24px;
        padding-top: 1px;
        padding-bottom: 1px;
    }
}

/*About You End*/

/*Meter Readings Start*/
.rebrand-2024 .portal-details p {
    font-family: "Poppins", sans-serif;
    color: #00082B; /*electric navy*/
}

.rebrand-2024 .input-group-text.input-addon.input-kwh {
    color: #6A7276; /*ELecric Mid Grey*/
    background-color: #FFFFFF;
    font-size: 1.6rem;
    font-family: "Poppins", sans-serif;
    margin-left: 1px;
    border-radius: 0rem;
}

/*Meter Readings End*/

/*Payment Detail Starts*/
.rebrand-2024 .custom-radio .custom-control-label::before {
    width: 1.1rem;
    height: 1.1rem;
    background: #1442B8 !important; /*electric mid blue*/
}
/*Payment Detail Ends*/

/*Summary Detail Starts*/
.rebrand-2024 .confirm-order.your-confirmation h4 {
    color: #1442B8; /*electric mid blue*/
}

.rebrand-2024 .portal-details .table td {
    font-family: "Poppins", sans-serif;
    color: #00082B; /*electric navy*/
}

.rebrand-2024 .confirm-order .table td.check:before {
    background: url(../img/check-coreblue-rebrand-2024.svg) 0 0 / contain no-repeat;
}

.rebrand-2024 .btn-xs:after {
    background: url(../img/arrow-blue-rebrand-2024.svg) center / contain no-repeat;
}

.rebrand-2024 .form-group-wrapper--with-border {
    border: 1px solid #B0B4B6; /*electric light grey*/
}

.rebrand-2024 .form-check--border.form-radio .custom-control-label:after {
    border-color: #6A7276; /*electric mid grey*/
}



.rebrand-2024 .form-check--border:after {
    border-bottom: 1px solid #B0B4B6; /*electric light grey*/
}
/*Summary Detail Ends*/

/*Here are Your Plans Starts*/
.rebrand-2024 .alert.alert-search-box {
    background-color: #FFFFFF;
    border: #F2F5F5;
    font-family: "Poppins", sans-serif;
    color: #00082B; /*electric navy*/
    box-shadow: 0px 1px 1px 0px #F2F5F5;
}

.rebrand-2024 a.search-link {
    color: #1442B8; /*electric mid blue*/
    font-family: "Poppins", sans-serif;
}

.rebrand-2024 a.back-arrow:before {
    background: url(../img/arrow-blue-rebrand-2024.svg) no-repeat center;
    background-size: contain;
}
/*Here are Your Plans ENds*/

/*Error Meassages Starts*/
.rebrand-2024 .alert.alert-danger {
    background-color: transparent;
    color: #DC1E00;
}

.rebrand-2024 .alert, .list-group-item, .media-title {
    font-family: "Poppins", sans-serif;
}

.rebrand-2024 .form-correct-border {
    border: 1px solid #00082B;
}

.rebrand-2024 .form-error-border {
    border: 1px solid #DC1E00;
}

.rebrand-2024 .form-correct-adderrorimage {
    background: url(../img/arrow-red-rebrand-2024.svg) center/11px 15px no-repeat;
}
/*Error Meassages Ends*/

/*Header*/
.rebrand-2024 .portal-menu__nav__item__link {
    font-family: "Poppins", sans-serif;
    color: #1442B8; /*electric mid blue*/
}
/*Footer*/



.rebrand-2024 .portal-footer ul li a, .portal-footer ul li button {
    color: #1442B8; /*electric mid blue*/
    font-family: "Poppins", sans-serif;
}



    .rebrand-2024 .portal-footer ul li a:after, .portal-footer ul li button:after {
        background-color: #1442B8; /*electric mid blue*/
    }

footer .rebrand-2024-base-brand {
    background-color: #fff;
    position: relative;
    z-index: 1;
}

.rebrand-baseline {
    border-top: 1px solid #1442b8;
    padding-top: 3rem;
}

.rebrand-2024 footer {
    border-top: solid 2px #f2f5f5;
    background-color: #009ed9;
}

    .rebrand-2024 footer .curve {
        background-color: #009ed9 !important;
        padding: 0 !important;
    }

.rebrand-2024 .curve {
    --curveBg: #FFFFFF;
    background-color: var(--curveBg) !important;
    padding: 0 !important;
}

    .rebrand-2024 .curve .curve-mask {
        --curveMaskBg: #FFFFFF;
        background-color: var(--curveMaskBg) !important;
        width: 100%;
        height: 100%;
        padding: 3.5rem 0 6rem 0;
        mask-image: url(../img/curve-mask-larger.svg);
        mask-position: center bottom;
    }

footer .rebrand-2024-footer-links-container {
    padding: 2.5rem 0 4rem;
    color: #fff;
    letter-spacing: .02em;
    z-index: 500;
    position: relative;
}

    footer .rebrand-2024-footer-links-container ul {
        list-style-type: none;
        padding-left: 0;
        margin-bottom: 9rem;
    }

.rebrand-2024-mt-5-footer {
    padding-bottom: 5rem;
}

.rebrand-2024 footer .bottom-footer {
    padding: 3.2rem 0;
}


@media screen and (max-width: 960px) {
    .rebrand-2024 .container {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }
}

.rebrand-2024 footer .content-block {
    margin-bottom: 0;
}

.rebrand-2024 footer .bottom-footer a {
    width: 40px;
    height: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    margin-right: 1.5rem;
    border: solid 2px #fff;
    border-radius: 50%;
    color: #009ed9;
}
.rebrand-2024 .portal-footer ul li.active a, .rebrand-2024 .portal-footer ul li:hover a {
    color: #00082B; /*electric navy*/
    text-decoration: underline;
}
.rebrand-2024 footer .bottom-footer .rebrand-copy-right {
    margin-top: 1.5rem;
    font-size: 14px;
    line-height: 1.5;
    font-family: Poppins, Arial, sans-serif;
    font-weight: 400;
    color: #00082b;
}



.rebrand-2024 .rebrand-copy-right {
    display: flex;
    width: 100%;
}

.rebrand-2024 footer svg:not(.ds-svg):not([class*=duet-]>svg) {
    display: inline-block;
    width: 2.4rem;
    height: 2.4rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
}

.rebrand-2024 footer svg {
    stroke-linecap: round;
    stroke-linejoin: round;
}

.rebrand-2024 footer img, footer svg {
    vertical-align: middle;
}

@media (hover: hover) {
    .rebrand-2024 footer .bottom-footer a:hover {
        background-color: #3bebf5; /*electric light blue*/
        color: #1442B8; /*electric mid blue*/
        border-color: #3bebf5; /*electric light blue*/
    }
}

.rebrand-2024 footer svg:not(.ds-svg):not([class*=duet-]>svg) + span.sr-only, footer svg:not(.ds-svg):not([class*=duet-]>svg) + span.visually-hidden {
    margin-left: 0;
}

.rebrand-2024 footer svg:not(.ds-svg):not([class*=duet-]>svg) + span {
    display: inline-block;
    margin-left: .5rem;
}

.rebrand-2024 footer .sr-only {
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    overflow: hidden;
    border: none;
    padding: 0;
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

.rebrand-2024 footer.sr-only {
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    overflow: hidden;
    border: none;
    padding: 0;
    position: absolute;
}

.rebrand-2024 .portal-footer {
    border-top: solid 2px #f2f5f5;
    background-color: #009ed9;
    padding: 0;
}

@media screen and (max-width: 991px) {
    .rebrand-2024 .portal-menu__nav ul {
        display: block;
        padding-top: 2rem;
        max-height: calc(100vh - 140px);
        overflow-y: auto;
        background: #F2F5F5;
    }
}

@media screen and (max-width: 991px) {
    .rebrand-2024 .portal-footer ul li a:after, .portal-footer ul li button:after {
        background-color: #1442B8; /*electric mid blue*/
    }
}

@media (min-width: 1200px) {
    .rebrand-2024 .rebrand-copy-right {
        display: flex;
        justify-content: right;
    }
}

@media (max-width: 900px) {
    .rebrand-2024 .rebrand-copy-right {
        display: flex;
        justify-content: center;
    }
}

@media (min-width: 1200px) {
    .rebrand-2024 footer .bottom-footer .col-12 {
        display: flex;
        justify-content: left;
    }
}

@media (max-width: 900px) {
    .rebrand-2024 footer .bottom-footer .col-12 {
        display: flex;
        justify-content: center;
    }
}

@media (min-width: 400px) {
    .rebrand-2024 footer .container {
        max-width: 1080px;
    }
}

@media (min-width: 1200px) {
    footer .rebrand-2024-footer-links-container ul li a {
        font-size: 16px;
        font-family: Poppins, Arial, sans-serif;
        padding: 0 2rem;
    }
}

@media screen and (min-width: 961px) {
    footer .rebrand-2024-base-brand {
        padding: 0rem 0;
    }
}

@media screen and (max-width: 991px) {
    footer .rebrand-baseline {
        padding-top: 0rem;
        border: none;
    }
}

@media screen and (max-width: 960px) {
    .rebrand-2024 .curve .curve-mask {
        padding: 1.5rem 0 1.5rem 0;
    }
}

@media screen and (max-width: 991px) {
    body.rebrand-2024 {
        padding-bottom: 475px;
    }
}

.rebrand-2024 .portal-details.before-signup {
    padding-bottom: 11rem;
}

@media screen and (min-width: 579px) and (max-width: 645px) {
    .rebrand-2024 .portal-details.before-signup {
        padding-bottom: 140px;
    }
}

@media screen and (min-width: 645px) and (max-width: 961px) {
    .rebrand-2024 .portal-details.before-signup {
        padding-bottom: 95px;
    }
}

@media screen and (min-width: 961px) and (max-width: 991px) {
    .rebrand-2024 .portal-details.before-signup {
        padding-bottom: 160px;
    }
}

@media screen and (min-width: 991px) and (max-width: 1204px) {
    .rebrand-2024 .portal-details.before-signup {
        padding-bottom: 100px;
    }
}

@media screen and (min-width: 579px) and (max-width: 645px) {
    .rebrand-2024-mt-5-footer {
        padding-bottom: 5rem;
    }
}

@media screen and (min-width: 645px) and (max-width: 961px) {
    .rebrand-2024-mt-5-footer {
        padding-bottom: 7rem;
    }
}

@media screen and (min-width: 961px) and (max-width: 991px) {
    .rebrand-2024-mt-5-footer {
        padding-bottom: 14rem;
    }
}

@media screen and (min-width: 991px) and (max-width: 1204px) {
    .rebrand-2024-mt-5-footer {
        padding-bottom: 3rem;
    }
}


/* post brand refresh changes */

/* step 3: meter reading */
.rebrand-2024 .form-group label span.reading-hint {
    font-weight: 400;
}

/* active focus around radio buttons */
.rebrand-2024 .btn-group-separate label.btn:has(input:focus), .rebrand-2024 .btn-group-separate label.btn:has(input:focus-visible) {
    outline-color: #00082B;
    outline-width: 4px;
    outline-offset: 4px;
    outline-style: solid;
}

.alert-dismissible button.btn-close {
    border-radius: 15px;
    padding: unset;
    width: 30px;
    font-size: 17px;
    opacity: 1;
    color: #949494;
    height: 30px;
    background: #ffffff;
    border: 1px solid #949494;
    top: 6px;
    right: 6px;
}

    .alert-dismissible button.btn-close:focus {
        outline-color: #00082B;
        outline-width: 3px;
        outline-offset: 2px;
        outline-style: solid;
    }

.rebrand-2024 .modal-body button.btn.btn-close {
    text-decoration: unset;
}

.modal.default .modal-dialog button.close:focus {
    outline: #00082B solid 3px !important;
    outline-offset: 2px;
}

/* for the logo, to look the same with and without the link */
.portal-menu-logo-correction {
    margin-bottom: 7px;
}

/* visible focus indicators - sitewide */

.rebrand-2024 a:not(.btn):focus {
    outline: #00082B solid 3px !important;
    outline-offset: 3px;
    border-radius: 5px;
}

.rebrand-2024 .bottom-footer a:not(.btn):focus {
    border-radius: 50%;
}

.form-group .alert-search-box label button.form-info.rebrand-2024:focus {
    outline: #00082B solid 3px;
    outline-offset: 1px;
    border-radius: 5px;
}

.btn-close.rebrand-2024:focus {
    outline: #00082B solid 3px !important;
    outline-offset: 1px;
    border-radius: 5px;
}

.portal-main.smart-switch .portal-details div.plan-card button.info-tip.rebrand-2024:focus {
    outline: #00082B solid 3px;
    outline-offset: 1px;
    border-radius: 4px;
}

.btn-switch:focus {
    outline: #00082B solid 3px !important;
    outline-offset: 4px;
}

.portal-main.smart-switch .portal-details button.pp-arrow.rebrand-2024:focus {
    outline: #00082B solid 3px;
    outline-offset: 3px;
}

.rebrand-2024 .portal-main.smart-switch .portal-details .btn-price-info:focus {
    outline: #00082B solid 3px;
    outline-offset: 3px;
    border-radius: 5px;
}

.custom-control-input:focus ~ .custom-control-label::after {
    border-color: #0075b0;
    box-shadow: none;
    outline: #00082B solid 3px !important;
    outline-offset: 4px;
}

.rebrand-2024 .confirm-order a:focus, .rebrand-2024 .modal-body a:focus {
    outline: #00082B solid 3px !important;
    outline-offset: 3px;
    border-radius: 4px;
}

.rebrand-2024 button.portal-details__form__info__icon:focus {
    outline: #00082B solid 3px !important;
    outline-offset: 3px;
    border-radius: 4px;
}

.rebrand-2024 button[data-toggle=tooltip].form-info:focus {
    outline: #00082B solid 3px !important;
    outline-offset: 2px;
    border-radius: 5px;
}
.portal-main.smart-switch .portal-details div.plan-card ul.spread.rebrand-2024 li .displaydiv {
    display: flex;
}
/* end of visible focus indicators */