/*recipeB*/

.heading-wrap {
    width: 100%;
    padding: 30px 0 30px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media (min-width: 768px) {
    .toggle-intetnet .smartphone-plans-subtext,
    .calculator .smartphone-plans-subtext {
        min-height: 60px !important;
    }

    .brs-selector {
        min-height: 40px !important;
    }

    .lines-selector {
        min-height: 40px !important;
    }
}

.rpl-top-filter-wrap-b .rp-calc-title-b {
    font-weight: 550;
    font-family: "satoshi-variable" !important;
}

.rpl-top-filter-wrap-b .lines-item-btn-b {
    background: #fff;
    font-weight: 550;
    font-family: "satoshi-variable" !important;
}

.rpl-top-filter-wrap-b .lines-item-btn-b {
    border: 1px solid #d1d1d1;
    font-size: 22px;
    border-radius: 100px;
    padding: 8px 14px;
    text-decoration: none;
    vertical-align: middle;
    font-weight: 700;
    border-radius: 1000px;
    font-weight: 550;
    line-height: 21px;
    min-height: 30px;
}

.rpl-top-filter-wrap-b .btn-primary:hover {
    color: #00549a;
    border-color: #00549a;
    background-color: #00549914;
}

.rpl-top-filter-wrap-b .btn-primary:active:focus {
    color: #00549a;
    border-color: #00549a;
}

.rpl-top-filter-wrap-b .lines-item-btn-b:focus {
    /*background-color: #fff;*/
    color: #00549a;
    border: 1px solid #d1d1d1;
    text-align: center;
    cursor: pointer;
}

.rpl-top-filter-wrap-b .lines-item-btn-b:hover {
    color: #00549a;
    border-color: #00549a;
    background-color: #00549914
}

.rpl-top-filter-wrap-b .btn-primary, .btn-primary:active, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:focus {
    color: #00549a;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    text-align: center;
    cursor: pointer;
}

.rpl-top-filter-wrap-b .btn-members-b {
    font-size: 20px;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    color: #00549a;
    vertical-align: middle;
    padding-bottom: 3px;
}

@media (max-width: 991.98px) and (min-width: 768px) {
    .toggle-intetnet .smartphone-plans-subtext,
    .calculator .smartphone-plans-subtext {
        min-height: 60px !important;
    }

    .rpl-top-filter-wrap-b .rp-calc-title-b {
        font-size: 14px;
        line-height: 16px;
    }

    .rpl-top-filter-wrap-b .blue-cta.btn.btn-primary-white .lines-item-btn-b.rp-lines-width.rp-lines-txt-b {
        padding: 6px 12px;
        min-height: 24px;
        border-radius: 60px;
        font-size: 14px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
}

@media (max-width: 768.98px) {
    .rpl-top-filter-wrap-b .btn-members-b {
        font-size: 18px;
        /* background: #fff;*/
        border: 0;
        cursor: pointer;
        /* color: #fff !important;*/
        vertical-align: middle;
        padding-bottom: 3px;
    }

    .rpl-top-filter-wrap-b .rp-lines-txt-b {
        color: #00549a;
        font-family: BellSlim;
        font-size: 18px;
        font-weight: 900;
        letter-spacing: -0.4px;
        line-height: 22px;
    }
}

.rpl-top-filter-wrap-b .rp-lines-txt-b {
    color: #00549a;
    font-family: BellSlim;
    font-size: 20px;
    font-weight: 900;
    letter-spacing: -0.4px;
    line-height: 22px;
}

.rpl-top-filter-wrap-b .rp-lines-pre-txt {
    color: #00549a;
    font-family: Arial;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 22px;
    text-align: center;
}

.rpl-top-filter-wrap-b .rp-tab-btn-right .nav-pills .nav-link {
    padding: 11px 20px !important;
}

.rpl-top-filter-wrap-b .smartphone-plans-controls .nav-pills .nav-link.active {
    text-wrap-mode: nowrap;
}

.rpl-top-filter-wrap-b .smartphone-plans-controls .nav-pills .nav-link {
    text-wrap-mode: nowrap;
}

.rpl-top-filter-wrap-b .rp-surtitle-top {
    color: #111111;
    font-family: "satoshi-variable",Arial;
    font-size: 16px;
    font-weight: 650;
    line-height: 25px;
}

@media (min-width: 640px) {
    .rpl-top-filter-wrap-b .filter-sides-wrap {
        display: flex !important;
        flex-direction: row;
        align-items: center;
        justify-content: center
    }

    .rpl-top-filter-wrap-b .rp-left-filter-wrap {
        border: 1px solid #d1d1d1;
        margin-bottom: 0px;
        text-align: right;
        padding-right: 30px;
    }

    .rpl-top-filter-wrap-b .rp-left-filter-text {
        padding-bottom: 15px;
        text-align: right;
    }

    .rp-right-filter-wrap {
        margin-bottom: 0px;
        text-align: left;
        padding-left: 30px;
    }

    .rpl-top-filter-wrap-b .lines-item-btn-b {
        padding-left: 10px;
    }
}
@media (min-width: 314px) and (max-width: 767px) {
    .rpl-top-filter-wrap-b.d-flex {         
        padding-left: 10px;
    }
}

    @media (min-width: 314px) and (max-width: 639.98px) {
        .rpl-top-filter-wrap-b.d-flex {
            flex-direction: column !important;           
        }

        .rpl-top-filter-wrap-b .filter-sides-wrap {
            display: flex !important;
            flex-direction: column;
            align-items: center;
            justify-content: center
        }

        .rpl-top-filter-wrap-b .rp-lines-txt-b {
            color: #00549a;
            font-family: BellSlim;
            font-size: 16px;
            font-weight: 900;
            letter-spacing: -0.4px;
            line-height: 20px;
        }

        .rpl-top-filter-wrap-b .rp-left-filter-wrap {
            border-right: none;
            margin-bottom: 30px;
            text-align: center;
            padding-right: 0;
            width: 100%;
        }

        .rpl-top-filter-wrap-b .rp-left-filter-text {
            padding-bottom: 15px;
            text-align: center;
        }

        .rpl-top-filter-wrap-b .rp-right-filter-wrap {
            margin-bottom: 25px;
            text-align: center;
            padding-left: 0px;
            width: 100%;
        }

        .rpl-top-filter-wrap-b .rp-right-filter-text {
            padding-bottom: 15px;
            text-align: center;
        }

        .rpl-top-filter-wrap-b .rp-top-filter-wrap {
            display: inline !important;
        }

        .rpl-top-filter-wrap-b .lines-item-btn-b {
            padding-left: 10px;
        }
    }

    @media (min-width: 1180px) {
        .clearfix {
            clear: both;
        }

        .blue-cta {
            float: right
        }
    }

    .bg-bell-blue .inverted .blue-cta.btn-primary:hover {
        border-color: #00549a;
        background-color: #00549914;
    }

    .chevron-right-cta::after {
        content: "";
        background-image: url(/styles/media/Mobility/css/images/icon-arrow-small-right.svg);
        width: 16px;
        height: 16px;
        display: inline-flex;
        background-position: center;
    }

    .log-anchor-text {
        font-size: 14px;
        color: #0070ce;
        text-decoration: none;
        font-weight: 500;
    }
    /* Recipe B end*/

    /* Recipe C start */

    .recipe-a .filter-sides-wrap {
        display: flex; 
        flex-direction: row !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        gap: 0px !important;
    }

@media (max-width: 640px) {
    .recipe-a .filter-sides-wrap {
        flex-direction: column !important;
        gap: 0 !important;
        align-items: stretch !important;
    }

    .recipe-a .rp-left-filter-wrap,
    .recipe-a .rp-right-filter-wrap {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center;
    }

    .recipe-a .rp-left-filter-wrap {
        border-right: none !important;
        margin-bottom: 24px !important; 
    }
}


    /* Existing css for Recipe A */
    .rpl-top-filter-wrap {
        display: flex;
    }

.rp-calc-title {
    color: #fff !important;
    font-weight: 550;
    font-family: satoshi-variable, Arial, Helvetica, sans-serif;
}

.rpl-top-filter-wrap .lines-item-btn {
    background: #003778 !important;
    border-color: #003778 !important;
    color: #fff !important;
    font-weight: 550;
    font-family: satoshi-variable, Arial, Helvetica, sans-serif;
}

    .rpl-top-filter-wrap .lines-item-btn {
        border: 1.5px solid #003778;
        font-size: 18px;
        border-radius: 100px;
        padding: 6px 14px;
        text-decoration: none;
        vertical-align: middle;
        font-weight: 700;
    }

    .btn-members {
        font-size: 22px;
        background: none;
        border: 0;
        cursor: pointer;
        color: #fff !important;
        vertical-align: middle;
        padding-bottom: 3px;
    }


    .rp-lines-txt {
        color: #111111;
        font-family: BellSlim;
        font-size: 22px;
        font-weight: 900;
        letter-spacing: -0.4px;
        line-height: 24px;
    }

.rp-lines-pre-txt {
    color: #111111;
    font-family: satoshi-variable, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 22px;
    text-align: center;
}


    .rp-tab-btn-right .nav-pills .nav-link {
        padding: 11px 20px !important;
    }

    .smartphone-plans-controls .nav-pills .nav-link.active {
        text-wrap-mode: nowrap;
    }

    .smartphone-plans-controls .nav-pills .nav-link {
        text-wrap-mode: nowrap;
    }

.rp-surtitle-top {
    color: #111111;
    font-family: satoshi-variable, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 650;
    line-height: 25px;
}


    @media (min-width: 639.98px) {
        .filter-sides-wrap {
            display: flex !important;
            flex-direction: row;
            align-items: center;
            justify-content: center
        }

        .rp-left-filter-wrap {
            border-right: 1px solid #E1E1E1;
            margin-bottom: 0px;
            text-align: right;
            padding-right: 30px;
        }

        .rp-left-filter-text {
            padding-bottom: 15px;
            text-align: right;
        }

        .rp-right-filter-wrap {
            margin-bottom: 0px;
            text-align: left;
            padding-left: 30px;
            margin-left: 0px;
        }
        .rp-right-filter-text {
            padding-bottom: 15px;
            text-align: left;
        }
        .filter-sides-wrap-md {
            display: inline !important;
        }
        .lines-item-btn {
            display: inline-block !important;
            padding-left: 10px;
            padding-right: 14px;
        }
    }
    @media (min-width: 314px) and (max-width: 640px) {
        .filter-sides-wrap {
            display: flex !important;
            flex-direction: column;
            align-items: center;
            justify-content: center
        }
        .rp-left-filter-wrap {
            border-right: none;
            margin-bottom: 30px;
            text-align: center;
            padding-right: 0;
            width: 100%;
        }
        .rp-left-filter-text {
            padding-bottom: 15px;
            text-align: center;
        }
        .rp-right-filter-wrap {
            margin-bottom: 25px;
            text-align: center;
            padding-left: 0px;
            width: 100%;
        }
        .rp-right-filter-text {
            padding-bottom: 15px;
            text-align: center;
        }
        .rp-top-filter-wrap {
            display: inline !important;
        }
        .lines-item-btn {
            display: inline-block !important;
            padding-left: 10px;
            padding-right: 14px;
        }
    }

    /*Tab C*/
    .byod-radio-label, .buy-new-radio-label, .with-internet-radio-label, .mob-only-radio-label {
        display: flex;
        align-items: center;
        gap: 5px;
        margin-bottom: 8px;
    }

    .byod-radio-text, .buy-new-radio-text, .with-internet-radio-text, .mob-only-radio-text {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .rp-small-popup-title {
        font-family: satoshi-variable, Arial, Helvetica, sans-serif;
        font-weight: 550;
        font-size: 22px;
        line-height: 31px;
        color: #111111;
    }

    .rp-small-popup-txt {
        font-family: satoshi-variable, Arial, Helvetica, sans-serif;
        font-weight: 550;
        font-size: 14px;
        line-height: 20px;
        color: #111111;
    }

    .rp-pop-small-txt {
        font-family: satoshi-variable, Arial, Helvetica, sans-serif;
        font-weight: 450;
        font-size: 12px;
        line-height: 17px;
        color: #555555;
    }

    .rp-price-small-txt {
        font-family: satoshi-variable, Arial, Helvetica, sans-serif;
        font-weight: 700;        
        color: #339043;
    }

    .rp-price-green-txt {
        font-family: satoshi-variable, Arial, Helvetica, sans-serif;
        font-weight: 700;        
        color: #339043;
    }

    .saving-text-c.saving-horizontal .saving-list li .rp-price-small-txt {
        font-size: 16px;
    }

    input[type="radio"].big-radio {
        width: 18px;
        height: 18px;
        margin-right: 8px;
    }

    .rpl-top-filter-wrap-c {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
    }

    #showByodTabPopup, #showWithInternetTabPopup {
        padding: 11px 20px !important;
    }

        #showByodTabPopup.showByodTabPopup-active .chevron-up-c,
        #showWithInternetTabPopup.showWithInternetTabPopup-active .chevron-up-c {
            display: inline-block;
        }

        #showByodTabPopup.showByodTabPopup-active .chevron-down-c,
        #showWithInternetTabPopup.showWithInternetTabPopup-active .chevron-down-c {
            display: none;
        }

    #showByodTabPopup, #showWithInternetTabPopup {
        padding: 11px 20px !important;
    }

    .repc-byod-dropdown-btn-icon, .repc-int-dropdown-btn-icon {
        margin-left: 10px;
    }

    #showByodTabPopup.showLineCountPopup-active, #showWithInternetTabPopup.showWithInternetTabPopup-active {
        padding: 0 !important;
    }

    .showByodTabPopup-active, .showWithInternetTabPopup-active {
        background-color: #003778 !important;
        color: #fff !important;
        border-color: #003778 !important;
        padding: 11px 26px !important;
        font-size: 16px !important;
        line-height: 18px !important;
    }

    #repc-byod-2y-cta .btn {
        border-radius: 60px !important;
        font-weight: 550;
        font-family: "satoshi-variable", Arial, sans-serif;
        min-height: 30px;
        padding: 11px 26px !important;
    }

    #repc-with-internet-cta .btn {
        border-radius: 60px !important;
        font-weight: 550;
        font-family: "satoshi-variable", Arial, sans-serif;
        min-height: 30px;
        padding: 11px 26px !important;
    }

  /*  .with-internet-options-popup, .byod-options-popup {
        display: none;
        position: absolute;
        z-index: 1000;
        width: 425px;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 8px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.15);
        padding: 16px;
    }*/

    #with-internet-popup, #byod-tab-popup {
        margin-top: 10px;
        text-align: left;
    }

    .lines-item-btn {
        display: inline-block !important;
        padding-left: 10px;
        padding-right: 14px;
    }

    .smartphone-plans-controls .nav-pills .nav-link.active {
        text-wrap-mode: nowrap;
    }

    .smartphone-plans-controls .nav-pills .nav-link {
        text-wrap-mode: nowrap;
    }

    .rp-surtitle-top {
        color: #000;
        font-family: "satoshi-variable",Arial;
        font-size: 16px;
        font-weight: 650;
        line-height: 25px;
    }

    #showWithInternetTabPopup.showWithInternetTabPopup-active .icon {
        filter: brightness(0) invert(1);
    }

    #lineCountPopup {
        margin-top: 10px;
        text-align: left;
    }

    .repc-byod_dropdown-btn, .repc-with-internet_dropdown-btn {
        cursor: pointer;
        background: #fff;
        border: 1.5px solid #e1e1e1;
        font-size: 16px;
        line-height: 18px;
        border-radius: 60px !important;
        padding: 11px 22px;
        text-decoration: none;
        height: 56px;
    }

    .rpl-top-filter-wrap .lines-item-btn {
        border: 1.5px solid #003778;
        font-size: 18px;
        border-radius: 100px;
        padding: 6px 14px;
        text-decoration: none;
        vertical-align: middle;
        font-weight: 700;
    }

    @media (min-width: 992px) {
        .width-640 {
            width: 640px;
        }
    }

    .rp-lines-txt {
        color: #111111;
        font-family: BellSlim;
        font-size: 22px;
        font-weight: 900;
        letter-spacing: -0.4px;
        line-height: 24px;
    }

    .rp-lines-pre-txt {
        color: #111111;
        font-family: Arial;
        font-size: 18px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 22px;
        text-align: center;
    }

    .rp-surtitle-top {
        color: #000;
        font-family: "satoshi-variable",Arial;
        font-size: 16px;
        font-weight: 650;
        line-height: 25px;
    }

    @media (max-width: 991.98px) and (min-width: 768px) {
        .width-175-sm {
            width: 175px;
        }
    }

    @media (min-width: 639.98px) {
        .lines-item-btn {
            display: inline-block !important;
            padding-left: 10px;
            padding-right: 14px;
        }
    }

    @media (min-width: 314px) and (max-width: 640px) {
        .rp-left-filter-wrap {
            border-right: none;
            margin-bottom: 30px;
            text-align: center;
            padding-right: 0;
            width: 100%;
        }

        .rp-left-filter-text {
            padding-bottom: 15px;
            text-align: center;
        }

        .rp-right-filter-wrap {
            margin-bottom: 25px;
            text-align: center;
            padding-left: 0px;
            width: 100%;
        }

        .rp-right-filter-text {
            padding-bottom: 15px;
            text-align: center;
        }

        .rp-top-filter-wrap {
            display: inline !important;
        }

        .lines-item-btn {
            display: inline-block !important;
            padding-left: 10px;
            padding-right: 14px;
        }
    }


    /*Recipe B & C*/
    .repc-dropdown-btn-icon, repc-byod-dropdown-btn-icon, repc-int-dropdown-btn-icon {
        font-weight: 700;
        font-size: 12px;
        float: right;
    }

    .repc-list-separator {
        margin: 15px 0;
        border: 0;
        border-top: 1px solid #e1e1e1;
    }

    .rpl-top-filter-wrap-c {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: stretch;
        gap: 15px;
        width: 100%;
    }

    .line-count-radio-label, .byod-radio-label, .buy-new-radio-label, .with-internet-radio-label, .mob-only-radio-label {
        display: flex;
        align-items: center;
        gap: 5px; /* space between radio and text */
        margin-bottom: 8px;
    }

    .line-count-radio-text, .byod-radio-text, .buy-new-radio-text, .with-internet-radio-text, .mob-only-radio-text {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .lines-popup {
        position: relative;
    }

    .saving-horizontal {
        text-align: left;
    }

        .saving-horizontal .saving-list {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            justify-content: flex-start;
            gap: 32px;
            list-style: none;
            padding: 0;
            margin: 0;
        }

            .saving-horizontal .saving-list li {
                display: flex;
                align-items: center;
                gap: 12px;
                font-size: 16px;
                font-weight: 500;
                text-align: left;
            }

            .saving-horizontal .saving-list img {
                display: inline-block;
                vertical-align: middle;
            }

    .repc-dropdown-cta {
        min-height: 16px;
        border-radius: 100px !important;
        vertical-align: baseline;
        padding: 5px;
    }

    .byod-2y-cta, .with-internet-cta {
        position: relative;
    }

    #repc-lines-cta .btn, #repc-byod-2y-cta .btn, #repc-with-internet-cta .btn, .repc-dropdown-btn {
        display: flex !important;
        align-items: center !important;
        justify-content: center;
        height: 48px;
        line-height: 48px;
        padding: 11px 26px !important;
        border-radius: 100px !important;
        /*border: 1.5px solid #E1E1E1;*/
        font-weight: 600;
        /*color: #0070CE;*/
        color: #00549A;
        text-align: center;
    }

    #repc-lines-cta .btn,
    #repc-byod-2y-cta .btn,
    #repc-with-internet-cta .btn,
    .repc-dropdown-btn {
        display: flex !important;
        align-items: center !important;
        justify-content: center;
        height: 48px;
        line-height: 48px;
        padding: 11px 26px !important;
        border-radius: 100px !important;
        /*border: 1.5px solid #E1E1E1;*/
        font-size: 16px;
        font-weight: 600;
        color: #0070CE;
        text-align: center;
    }

        #repc-lines-cta .btn i,
        #repc-byod-2y-cta .btn i,
        #repc-with-internet-cta .btn i,
        .repc-dropdown-btn i {
            vertical-align: middle;
            line-height: 1;
        }

    #applyLineCount, #applyWithInternetOption, #applyByodOption {
        display: flex !important;
        align-items: center !important;
        justify-content: center;
        height: 56px;
        padding: 16px 32px;
        border-radius: 1000px !important;
        border-color: #003778;
        background: #0070CE;
        font-size: 14px;
        font-weight: 600;
        color: #fff !important;
        line-height: normal; /* Remove any fixed line-height */
    }

    .rpl-top-filter-wrap-c,
    .filter-sides-wrap {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;
        width: 100%;
        gap: 15px;
    }

    #repc-lines-cta,
    #repc-byod-2y-cta,
    #repc-with-internet-cta {
        display: flex;
        align-items: center;
        margin: 0;
        padding: 0;
        width: auto;
        min-width: 0;
    }

    .right-container-wrap-c {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 15px;
    }

    .repc-dropdown-btn-text {
        font-size: 16px;
    }
    /*reciper C*/
    .rpl-top-filter-wrap-c {
        display: flex !important;
        justify-content: flex-start !important;
        align-items: center;
    }

    .chevron-up-c {
        display: none;
    }

    .chevron-down-c {
        display: inline-block;
    }

    .showLineCountPopup.showLineCountPopup-active .chevron-up-c {
        display: inline-block;
    }

    .showLineCountPopup.showLineCountPopup-active .chevron-down-c {
        display: none;
    }

    .repc-dropdown-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        cursor: pointer;
        background: #fff;
        border: 1.5px solid #e1e1e1;
        font-size: 15px;
        line-height: 18px;
        border-radius: 60px !important;
        padding: 11px 22px !important;
        text-decoration: none;
        height: 40px;
        width: auto;
        white-space: nowrap;
    }

    .showLineCountPopup {
        width: auto;
        display: inline-block;
        white-space: nowrap;
        padding: 0.5em 1em;
    }

        .showLineCountPopup.repc-dropdown-btn,
        .showLineCountPopup.showLineCountPopup-active {
            padding: 0 !important;
        }

    .showLineCountPopup-active {
        background-color: #003778 !important;
        color: #fff !important;
        border-color: #003778 !important;
        padding: 0 22px !important;
        font-size: 15px !important;
        line-height: 18px !important;
    }

    #linesDropdown {
        border: none !important;
        font-weight: 550;
        font-family: "satoshi-variable", Arial, sans-serif;
        min-height: 10px;
        padding: 10px;
    }

        #linesDropdown .btn {
            border: none !important;
            font-weight: 550;
            font-family: "satoshi-variable", Arial, sans-serif;
            min-height: 10px;
            padding: 10px;
        }

    #repc-lines-cta .btn {
        border-radius: 60px !important;
        font-weight: 550;
        font-family: "satoshi-variable", Arial, sans-serif;
        min-height: 30px;
        padding: 11px 26px !important;
    }

    .repc-dropdown-btn11111 {
        cursor: pointer;
        background: #fff;
        background-repeat: no-repeat;
        border: 1.5px solid #e1e1e1;
        font-size: 15px;
        line-height: 18px;
        border-radius: 60px !important;
        padding: 11px 26px !important;
        text-decoration: none;
        height: 40px;
        width: auto;
        display: inline-block;
        white-space: nowrap;
    }

    .right-container-wrap-c {
        margin-bottom: 0px;
        text-align: left;
        padding-left: 0px;
    }


    /* Unified popup base style */
    .lines-options-popup,
    .byod-options-popup,
    .with-internet-options-popup {
        display: none;
        position: absolute;
        z-index: 1000;
        width: 425px;
        max-width: 95vw;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 8px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.15);
        padding: 16px;
        margin-top: 10px;
        text-align: left;
        word-break: break-word;
        white-space: normal;
        overflow-y: auto;
    }

.recipe-c .lines-popup .lines-options-popup,
.recipe-c .byod-2y-cta .byod-options-popup,
.recipe-c .with-internet-cta .with-internet-options-popup {
    width: 425px;
    max-width: 95vw;
    min-width: 0;
    box-sizing: border-box;
}


    /*recipe C end*/

    
    @media (max-width: 991px) {
        .dropdown-scrollbar {
            display: flex !important;
            flex-direction: row !important;
            gap: 16px;
            overflow-x: auto !important;
            -webkit-overflow-scrolling: touch;
            width: 100%;
            padding-bottom: 8px;
            margin: 0;
            white-space: nowrap;
        }

            .dropdown-scrollbar > #repc-lines-cta,
            .dropdown-scrollbar > #repc-byod-2y-cta,
            .dropdown-scrollbar > #repc-with-internet-cta {
                flex: 0 0 auto;
                min-width: 180px;
                max-width: 340px;
                box-sizing: border-box;
                margin: 0 !important;
                padding: 0 !important;
                width: auto !important;
            }
    }


    @media (max-width: 991px) {
        .lineCountPopup.lines-options-popup {
            word-break: break-word;
            white-space: normal;
            overflow-y: auto !important;
            max-height: 90vh;
            /*width: 95vw;
            max-width: 360px;
            min-width: 0;*/
            padding: 16px;
            box-sizing: border-box;
        }

            .lineCountPopup.lines-options-popup *,
            .lineCountPopup.lines-options-popup label,
            .lineCountPopup.lines-options-popup .rp-small-popup-title,
            .lineCountPopup.lines-options-popup .rp-small-popup-txt {
                white-space: normal !important;
                word-break: break-word !important;
                overflow: visible !important;
            }
    }

    @media (max-width: 991px) {
        .byod-options-popup,
        .with-internet-options-popup {
            word-break: break-word;
            white-space: normal;
            overflow-y: auto !important;
            max-height: 90vh;
            /*width: 95vw;
            max-width: 360px;
            min-width: 0;*/
            padding: 16px;
            box-sizing: border-box;
        }

            .byod-options-popup *,
            .with-internet-options-popup *,
            .byod-options-popup label,
            .with-internet-options-popup label,
            .byod-options-popup .rp-small-popup-title,
            .with-internet-options-popup .rp-small-popup-title,
            .byod-options-popup .rp-small-popup-txt,
            .with-internet-options-popup .rp-small-popup-txt {
                white-space: normal !important;
                word-break: break-word !important;
                overflow: visible !important;
        }
    }


    /* Responsive: Centered modal on mobile */
    @media (max-width: 991px) {
        .lines-options-popup, .byod-options-popup, .with-internet-options-popup {
            z-index: 99999 !important;
            position: fixed !important;
            left: 50% !important;
            top: 50% !important;
            transform: translate(-50%, -50%) !important;
            /* width: 95vw !important;
            max-width: 360px !important;
            min-width: 0 !important;*/
            height: auto !important;
            max-height: 90vh !important;
            margin: 0 !important;
            padding: 16px !important;
            background: #fff !important;
            
            overflow-y: auto !important;
            box-shadow: 0 2px 16px rgba(0,0,0,0.18);
            border-radius: 12px !important;
            word-break: break-word;
            white-space: normal;
        }

        .lines-options-popup *,.byod-options-popup *, .with-internet-options-popup * 
        {
                white-space: normal !important;
                word-break: break-word !important;
                overflow: visible !important;
        }
    }


@media (max-width: 519px) {
    .recipe-c .lines-popup .lines-options-popup,
    .recipe-c .byod-2y-cta .byod-options-popup,
    .recipe-c .with-internet-cta .with-internet-options-popup {
        z-index: 99999 !important;
        width: 90vw !important;
        max-width: 425px !important;
        min-width: 0 !important;
    }
}
@media (max-width: 519px) {
    .byod-options-popup,
    .with-internet-options-popup {
        z-index: 99999 !important;
        width: 90vw !important;
        max-width: 425px !important;
        min-width: 0 !important;
    }
}


    @media (max-width: 991px) {
        .saving-horizontal .saving-list {
            flex-direction: column !important;
            gap: 16px !important;
            align-items: stretch !important;
            width: 100%;
            max-width: 100vw;
            overflow-x: visible;
            padding: 0 8px;
            box-sizing: border-box;
        }

            .saving-horizontal .saving-list li {
                display: flex;
                flex-direction: row !important;
                align-items: flex-start !important;
                gap: 12px !important;
                width: 100%;
                max-width: 100vw;
                font-size: 15px;
                text-align: left;
                word-break: break-word;
                overflow: visible;
            }

            .saving-horizontal .saving-list img {
                width: 24px;
                height: 24px;
                min-width: 24px;
                min-height: 24px;
                flex-shrink: 0;
            }

            .saving-horizontal .saving-list span,
            .saving-horizontal .saving-list .rp-price-small-txt {
                display: inline;
                width: auto;
                max-width: 100%;
                white-space: normal !important;
                overflow: visible;
                text-overflow: unset;
                vertical-align: middle;
            }
    }

    .rp-price-green-txt {
        font-family: satoshi-variable, Arial, Helvetica, sans-serif;
        font-weight: 700;
        line-height: 17px;
        color: #339043;
    }

    .recipe-b-row {
        display: flex;
        flex-direction: row;
        align-items: stretch;
        gap: 22px;
    }

    .toggle-intetnet,
    .calculator {
        flex: 1 1 0;
        min-width: 0;
    }

    .plus-sign-b {
        font-size: 2.2rem;
        font-weight: 400;
        color: #E1E1E1;
        display: flex;
        align-items: center;
        justify-content: center;
        background: transparent;
        padding-left: 15px;
        padding-right: 15px;
        width: 40px;
        line-height: 1;
    }

    @media (max-width: 767px) {
        .recipe-b-row {
            flex-direction: column;
            gap: 0; 
        }

        .toggle-intetnet,
        .calculator {
            flex: none;
            width: 100%;
            min-width: 0;
            min-height: unset;
            height: auto;
            box-sizing: border-box;
        }

        .plus-sign-b {
            display: none !important;
        }
    }

    @media (max-width: 767.98px) {
        .recipe-b .toggle-intetnet.tab-container {
            margin-bottom: 16px; 
        }
    }

    /*fix for safari*/
    @media (max-width: 991px) {
       .saving-horizontal, .saving-list, .box-round-white, .box-round, .container
       {
            overflow: visible !important;
       }
     }


    /*hide recipe b & c*/
    .rateplan-tabs-controller-b.recipe-b {
        display: none;
    }

    .rateplan-tabs-controller-c.recipe-c {
        display: none;
    }