/* Minification failed. Returning unminified contents.
(8791,55): run-time error CSS1031: Expected selector, found '&'
(8791,55): run-time error CSS1025: Expected comma or open brace, found '&'
(10771,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10772,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10773,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10774,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10775,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10776,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10777,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10778,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10779,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10780,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10781,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10782,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10783,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10784,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10785,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10786,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10791,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10792,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10793,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10799,35): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-duration'
(10800,32): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-delay'
(10801,42): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-easing'
(10813,23): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-opacity-start'
(10818,27): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-opacity-end'
(10822,27): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-opacity-start'
(10826,29): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-border-radius'
(10844,40): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-reveal-duration'
(10844,76): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-easing'
(10850,40): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-reveal-duration'
(10850,76): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-easing'
(10851,36): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-reveal-delay'
(10868,36): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-background-color'
(10869,40): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-reveal-duration'
(10869,76): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-easing'
(10870,36): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-reveal-delay-extra'
(10875,36): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-foreground-color'
(10876,40): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-reveal-duration'
(10876,76): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-easing'
(10877,41): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-reveal-delay'
(10877,76): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-reveal-delay-extra'
(10914,23): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-opacity-start'
(10915,36): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-slide-offset'
(10915,69): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-slide-offset'
(10917,35): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-opacity-duration'
(10917,72): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-opacity-duration'
(10917,110): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-slide-duration'
(10917,145): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-slide-duration'
(10921,27): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-opacity-end'
(10923,36): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-delay'
(10927,27): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-opacity-start'
(10928,40): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-slide-offset'
(10928,74): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-slide-offset'
(10929,36): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-delay'
(10933,23): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-opacity-start'
(10934,31): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-zoom-start'
(10934,62): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-zoom-start'
(10940,27): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-opacity-end'
(10941,35): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-zoom-end'
(10941,64): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-zoom-end'
(10942,36): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-delay'
(10946,27): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-opacity-start'
(10947,35): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-zoom-start'
(10947,66): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-zoom-start'
(10948,36): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-delay'
(10958,23): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-opacity-start'
(10964,27): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-opacity-end'
(10968,23): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-opacity-start'
(10969,36): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-slide-offset'
(10969,69): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-slide-offset'
(10971,35): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-opacity-duration'
(10971,72): run-time error CSS1039: Token not allowed after unary operator: '-bell-opacity-duration'
(10971,102): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-slide-duration'
(10971,137): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-slide-duration'
(10975,23): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-opacity-start'
(10976,31): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-zoom-start'
(10976,62): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-zoom-start'
(10982,27): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-opacity-end'
(11540,95): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(11544,95): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(11717,98): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(11955,19): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-opacity-start'
(11956,32): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-slide-offset'
(11956,65): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-slide-offset'
(11958,31): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-opacity-duration'
(11958,68): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-opacity-duration'
(11958,106): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-slide-duration'
(11958,141): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-slide-duration'
(12007,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12095,19): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-opacity-start'
(12096,32): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-slide-offset'
(12096,65): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-slide-offset'
(12098,31): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-opacity-duration'
(12098,68): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-opacity-duration'
(12098,106): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-slide-duration'
(12098,141): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-slide-duration'
(12339,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12469,34): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-opacity-duration'
(12469,71): run-time error CSS1039: Token not allowed after unary operator: '-bell-animate-easing'
(12563,40): run-time error CSS1039: Token not allowed after unary operator: '-carousel-rotation-time'
(13444,56): run-time error CSS1031: Expected selector, found '&'
(13444,56): run-time error CSS1025: Expected comma or open brace, found '&'
(13542,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-colour-Title'
(13552,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-colour-Body-light'
(13552,47): run-time error CSS1039: Token not allowed after unary operator: '-core-color-bell-grey-grey400'
(13563,21): run-time error CSS1039: Token not allowed after unary operator: '-Text-colour-Title'
(13574,21): run-time error CSS1039: Token not allowed after unary operator: '-Text-colour-Body-light'
(13574,51): run-time error CSS1039: Token not allowed after unary operator: '-core-color-bell-grey-grey400'
 */
/* This css file is for apple pages */

/* Start Utilities / helpers */
.min-width-1230 {
    min-width: 1230px;
}

.max-width-400 {
    max-width: 400px;
}

.max-width-480 {
    max-width: 480px;
}

.width-80p {
    width: 80%;
}

.width-70p {
    width: 70%;
}

.width-55p {
    width: 55%;
}

.height-28 {
    height: 28px;
}

.height-35 {
    height: 35px;
}

.margin-b-1em {
    margin-bottom: 1em;
}

.light-grey-bottom-gradient {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #fafafa 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#fafafa 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#fafafa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 );
}

.bgBlackLight-apple {
    background-color: #121212
}

.bgRoseGold-apple {
    background-color: #fdede4;
}

.bgLightGray-apple {
    background-color: #f0f0f0
}

.bgPlatinumGray-apple {
    background-color: #e7e7e7
}

.bgGray98-apple {
    background-color: #fafafa
}

.border-gray {
    border-color: #eee;
}

.border-black {
    border-color: #555 !important;
}

.apple-devider {
    border-bottom: 1px solid #d6d6d6;
}

.apple-button-container {
    width: 100%;
    height: 4vh;
    z-index: 11
}

    .apple-button-container.bottom-12-percent {
        bottom: 12%;
    }

    .apple-button-container.bottom-8-percent {
        bottom: 8%;
    }

.apple-txtsize-19 {
    font-size: 19px;
}

/** START COMPARE APPLE WATCH **/
.apple-hidden-button {
    width: 7.3%;
    height: 5%;
}

/*first set of bottons*/
.apple-watch-btn-8 {
    height: 4%;
    bottom: 8%;
    left: 16.5%;
}

.apple-watch-se-btn-8 {
    height: 4%;
    bottom: 8%;
    left: 55.5%;
}

/*second set of bottons*/
.apple-watch-btn-13 {
    bottom: 13.5%;
    left: 34.5%;
}

.apple-watch-se-btn-13 {
    bottom: 13.5%;
    left: 56%;
}

.apple-watch-btn-13-fr {
    bottom: 12.5%;
    left: 34.5%;
}

.apple-watch-se-btn-13-fr {
    bottom: 12.5%;
    left: 56%;
}
/** END COMPARE APPLE WATCH **/

.apple-bg-gray {
    background-color: #f5f5f7
}

/* End Utilities / helpers */

/* Start typography */
.txtSize28 {
    font-size: 28px;
}

.font-weight700 {
    font-weight: 700;
}

body main.apple {
    line-height: 1.42857143;
    overflow-x: scroll;
}

.apple-typography {
    color: #6A6A6A;
    font-size: 30px;
    line-height: 1.0625em;
    letter-spacing: -.04em;
    font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial","sans-serif" !important;
    font-weight: 600;
}

.apple-typography-2 {
    font-size: 24px !important;
    color: #000 !important;
}

.apple-typography-3 {
    font-size: 16px !important;
    color: #61CDF4 !important;
}

.apple-typography-4 {
    font-family: Arial !important;
    font-size: 1.2em;
}

.apple-typography-5 {
    line-height: 1.125;
    font-weight: 600;
    letter-spacing: 0em;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", "Helvetica", "Arial", sans-serif, "SF Pro Icons";
    color: #1d1d1f
}

.apple-typography-6 {
    font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
    line-height: 1.235;
}

.apple-typography-7 {
    font-size: 14px;
    display: block;
    line-height: 24px;
    font-family: "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
}

.apple-typography-8 {
    font-size: 12px;
    font-family: "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
    color: #acacac !important;
    line-height: 24px;
}

.apple-typography-9 {
    color: #000 !important;
    text-decoration: underline;
}

.apple-typography-10 {
    font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    line-height: 17.1429px;
    font-size: 12px;
    display: block;
    color: #555 !important;
}

.apple-typography-11 {
    color: #00549a !important;
    text-decoration: underline;
}

.apple-typography-manifesto {
    font-weight: 600;
    letter-spacing: .004em;
    line-height: 1.25;
}

.apple-text-light-blue {
    color: #0066CC !important;
}

.apple-text-rose-gold {
    color: #97604a !important;
}

.apple-suptitle {
    font-size: 15px;
    top: -12px;
}

.apple-sup {
    font-size: .5em;
    line-height: 0;
    position: relative;
    top: -.8em;
    vertical-align: baseline;
}

.apple-sup-2 {
    position: relative;
    font-size: 0.6em;
    vertical-align: baseline;
    top: -0.5em;
}

.apple-text-black {
    color: #515154;
}

a.apple-text-black:hover {
    color: #515154;
}

.apple-legal {
    font-size: 10px;
    background-color: #e5e6e8;
    line-height: 19px;
    padding: 10px 20% 33px 20%;
    color: #454545;
}

.apple-text-black-2 {
    color: #000;
}
/* End typography */

/* Start select style*/
.apple-select-form {
    position: relative;
    width: 100%;
    transition: border-color 200ms ease;
    border-bottom: solid 1px #d6d6d6;
    transition: border-color 200ms ease;
}

    .apple-select-form select {
        line-height: 1.3529611765;
        font-weight: 600;
        letter-spacing: 0em;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", "Helvetica", "Arial", sans-serif, "SF Pro Icons";
        height: auto;
        border: none;
        border-radius: 5px;
        padding-bottom: 11px;
        padding-left: 0px;
        padding-top: 11px;
    }

        .apple-select-form select:focus {
            box-shadow: 0 0 0 4px rgba(131, 192, 253, 0.5);
        }

        .apple-select-form select::-ms-expand {
            display: none !important;
        }

    .apple-select-form select {
        -moz-appearance: none;
        -webkit-appearance: none;
    }

    .apple-select-form optgroup {
        font-family: inherit;
        font-weight: inherit;
    }

    .apple-select-form option {
        font-weight: inherit;
    }

.apple-select-icon {
    top: 50%;
    transform: translateY(-50%);
    color: #0066cc;
    right: 0px;
    pointer-events: none;
}

.apple-select-form::before {
    content: "";
    width: 25px;
    position: absolute;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 50%, white 100%);
    top: 0;
    height: 100%;
    right: 5px;
    z-index: 0;
    pointer-events: none;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
/* End select style*/

/* Start color swatches */
.apple-swatch {
    display: inline-block;
    margin: 0 9px 0 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.2);
    display: block;
}

    .apple-swatch:last-child {
        margin-right: 0px;
    }

    .apple-swatch::after {
        border-radius: inherit;
        box-shadow: inset 0 2px 1.5px rgba(0, 0, 0, 0.1);
        content: "";
        display: block;
        height: inherit;
        position: absolute;
        width: inherit;
    }
/* End color swatches */


/* Start button styles */
.btn-transparent {
    background-color: transparent;
    border-radius: 5px;
    border: 2px solid #adadad;
    color: #adadad;
    box-sizing: border-box;
    display: inline-block;
    margin: 15px 0;
    padding: 10px 36px;
    line-height: 1;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
}

    .btn-transparent:hover {
        color: #adadad;
    }

.btn-compare-iphone {
    position: absolute;
    left: 38.5%;
    top: 88.96%;
    width: 26.83%;
    height: 3.18%;
    z-index: 2;
}

.btn-compare-iphone-xs {
    position: absolute;
    left: 20.5%;
    top: 91%;
    width: 55%;
    height: 5%;
    z-index: 2;
}

.apple-btn {
    border-radius: 18px;
    font-size: 11px;
    line-height: 1.235;
    padding: 8px 11px 8px 11px;
}

.apple-btn-outline-dark {
    background-color: transparent;
    border: 1px solid #1d1d1f;
    color: #1d1d1f;
}

    .apple-btn-outline-dark:hover {
        border: 1px solid #6e6e73;
        color: #6e6e73;
    }


/* End button styles */

/* Start compare iphone */
.iphone-12-pro, .iphone-12 {
    width: 80px;
}

.iphone-12-pro-max {
    width: 87px;
}

.iphone-12-mini {
    width: 72px;
}

.iphone-11-pro {
    width: 81px;
}

.iphone-11-pro-max {
    width: 86px;
}

.iphone-11 {
    width: 83px;
}

.iphone-se-2nd, .iphone-8, .iphone-6 {
    width: 65px;
}

.iphone-xs {
    width: 71px;
}

.iphone-xs-max {
    width: 77px;
}

.iphone-xr, .iphone-8-plus, .iphone-7-plus, .iphone-6s-plus, .iphone-6-plus {
    width: 74px;
}

.iphone-x {
    width: 75px;
}

.iphone-7, .iphone-6s {
    width: 64px;
}

.iphone-se-1st {
    width: 55px;
}
/* End compare iphone */

.bigcustom-bgRoseGold-apple-width {
    width: 100%;
}

.apple-watch-buy-now-btn {
    height: .28%;
    width: 7.3%;
    bottom: 2.8%;
    left: 57.8%;
}

.apple-watch-compare-btn {
    height: .29%;
    width: 7.8%;
    bottom: 6.83%;
    left: 46%;
}

.absolute.apple-ipad-buy-now-fr {
    top: 6.8%;
}

a [class^="footer-link"] {
    text-decoration: underline !important;
}
/*Mobile Only*/
@media (min-width:300px) and (max-width: 767px) {
    .apple-txtsize-xs-18 {
        font-size: 18px !important;
        margin: 0 auto;
    }

    .apple-txtsize-xs-16 {
        font-size: 16px !important;
        margin: 0 auto;
    }

    .apple-typography-xs-7 {
        font-size: 14px;
        display: block;
        text-align: left !important;
        line-height: 24px;
        font-family: "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
    }

    .apple-ipad-buy-now-1 {
        height: 0.4%;
        width: 8.5%;
        top: 7.2%;
        left: 11.5% !important;
    }

    .apple-ipad-buy-now-2 {
        height: 0.4%;
        width: 8.5%;
        top: 7.2%;
        left: 28.5% !important;
    }

    .apple-ipad-buy-now-3 {
        height: 0.4%;
        width: 8.5%;
        top: 7.2%;
        left: 45.5% !important;
    }

    .apple-ipad-buy-now-4 {
        height: 0.4%;
        width: 8.5%;
        top: 7.2%;
        right: 28.5% !important;
    }

    .apple-ipad-buy-now-5 {
        height: 0.4%;
        width: 8.5%;
        top: 7.2%;
        right: 11.5% !important;
    }
}

@media (max-width: 767px) {
    .container-height-xs {
        max-height: 992px;
        overflow: auto;
    }

    .width-xs-290 {
        width: 290px;
    }
}

/*Tablet Only*/
@media (min-width: 768px) and (max-width: 991px) {

    .apple-txtsize-sm-18 {
        font-size: 18px !important;
        margin: 0 auto;
    }

    .apple-ipad-buy-now-1 {
        height: 0.4%;
        width: 8.5%;
        top: 7.2%;
        left: 11.5% !important;
    }

    .apple-ipad-buy-now-2 {
        height: 0.4%;
        width: 8.5%;
        top: 7.2%;
        left: 28.5% !important;
    }

    .apple-ipad-buy-now-3 {
        height: 0.4%;
        width: 8.5%;
        top: 7.2%;
        left: 45.5% !important;
    }

    .apple-ipad-buy-now-4 {
        height: 0.4%;
        width: 8.5%;
        top: 7.2%;
        right: 28.5% !important;
    }

    .apple-ipad-buy-now-5 {
        height: 0.4%;
        width: 8.5%;
        top: 7.2%;
        right: 11.5% !important;
    }
}


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

    .height-sm-0 {
        height: 0px;
    }
    /* Start compare iphone */
    .iphone-12-pro, .iphone-12 {
        width: 144px;
    }

    .iphone-12-pro-max {
        width: 157px;
    }

    .iphone-12-mini {
        width: 129px;
    }

    .iphone-11-pro {
        width: 147px;
    }

    .iphone-11-pro-max {
        width: 155px;
    }

    .iphone-11 {
        width: 149px;
    }

    .iphone-se-2nd, .iphone-8, .iphone-7, .iphone-6s {
        width: 116px;
    }

    .iphone-xs {
        width: 129px;
    }

    .iphone-xs-max {
        width: 138px;
    }

    .iphone-xr, .iphone-8-plus, .iphone-7-plus, .iphone-6s-plus {
        width: 133px;
    }

    .iphone-x, .iphone-6-plus {
        width: 134px;
    }

    .iphone-6 {
        width: 117px;
    }

    .iphone-se-1st {
        width: 99px;
    }
    /* End compare iphone */
    .apple-select-form {
        border: solid 1px #d6d6d6;
        border-radius: 12px;
    }

        .apple-select-form select {
            border-radius: 12px;
            padding: 16px;
        }

        .apple-select-form:hover {
            border: solid 1px #666;
        }

    .apple-select-icon {
        right: 15px;
    }

    .apple-select-form::before {
        width: 60px;
    }

    .apple-swatch {
        width: 20px;
        height: 20px;
    }

    .apple-btn {
        border-radius: 18px;
        font-size: 17px;
        line-height: 1.235;
        padding: 8px 17px 8px 17px;
    }

    .apple-typography-5 {
        line-height: 1.0834933333;
    }

    .apple-watch-buy-now-btn {
        height: .28%;
        width: 7.3%;
        bottom: 2.8%;
        left: 57.3%;
    }

    .apple-watch-compare-btn {
        height: .29%;
        width: 7.2%;
        bottom: 6.83%;
        left: 46.4%;
    }
}

@media (min-width: 992px) {
    .max-width-md-960 {
        max-width: 960px;
    }

    .width-md-52p {
        width: 52%;
    }

    .width-md-64p {
        width: 64%;
    }

    .pad-h-md-20 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .apple-watch-buy-now-btn {
        height: .28%;
        width: 7.3%;
        bottom: 2.8%;
        left: 57.8%;
    }

    .apple-watch-compare-btn {
        height: .29%;
        width: 7.7%;
        bottom: 6.83%;
        left: 46.1%;
    }

    .apple-ipad-buy-now-1 {
        height: 0.4%;
        width: 8.5%;
        top: 7.2%;
        left: 11.5% !important;
    }

    .apple-ipad-buy-now-2 {
        height: 0.4%;
        width: 8.5%;
        top: 7.2%;
        left: 28.5% !important;
    }

    .apple-ipad-buy-now-3 {
        height: 0.4%;
        width: 8.5%;
        top: 7.2%;
        left: 45.5% !important;
    }

    .apple-ipad-buy-now-4 {
        height: 0.4%;
        width: 8.5%;
        top: 7.2%;
        right: 28.5% !important;
    }

    .apple-ipad-buy-now-5 {
        height: 0.4%;
        width: 8.5%;
        top: 7.2%;
        right: 11.5% !important;
    }
}

@media (min-width: 991.98px) {
    .pad-h-md-40 {
        padding-left: 40px;
        padding-right: 40px;
    }

    .pad-v-lg-60 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .pad-t-lg-60 {
        padding-top: 60px;
    }

    .pad-t-lg-40 {
        padding-top: 40px;
    }

    .margin-v-lg-60 {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .apple-typography-lg {
        font-family: "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
        font-size: 1.357em;
        letter-spacing: .029em;
        line-height: 1.8;
        text-align: center;
        color: #595859;
        font-weight: normal;
    }
}

@media (max-width: 999px) {

    .apple-width-md-600 {
        max-width: 600px;
    }


    .apple-md-100p {
        max-width: 100% !important;
        padding: 0px;
    }

    .apple-flex-dir-column-md {
        flex-direction: column;
    }
}

@media (min-width: 1000px) {

    .rsx-width {
        width: 50% !important;
        margin: 0 auto;
        display: flex;
    }

    .rsx-txt-size {
        font-size: 28px !important;
        margin: 0 auto;
    }
}


@media only screen and (min-width: 1240px) {
    .max-width-lg-1200 {
        max-width: 1200px
    }

    .pad-h-lg-40 {
        padding-left: 40px;
        padding-right: 40px;
    }

    .pad-h-lg-60 {
        padding-left: 60px;
        padding-right: 60px;
    }

    .pad-t-lg-140 {
        padding-top: 140px;
    }

    .pad-t-lg-180 {
        padding-top: 180px;
    }

    .apple-eight-text-width {
        width: 1200px;
    }

    .rsx-txt-size {
        font-size: 28px !important;
    }

    .rsx-width {
        width: 50% !important;
        margin: 0 auto;
    }

    .txtSize17-lg {
        font-size: 17px;
    }

    .txtSize19-lg {
        font-size: 19px;
    }

    .txtSize64-lg {
        font-size: 64px;
    }

    .margin-b-lg-20 {
        margin-bottom: 20px;
    }

    /* Start compare iphone */
    .iphone-12-pro, .iphone-12 {
        width: 171px;
    }

    .iphone-12-pro-max, .iphone-11-pro-max {
        width: 185px;
    }

    .iphone-12-mini {
        width: 154px;
    }

    .iphone-11-pro {
        width: 175px;
    }

    .iphone-11 {
        width: 172px;
    }

    .iphone-se-2nd, .iphone-8, .iphone-6 {
        width: 138px;
    }

    .iphone-xs {
        width: 153px;
    }

    .iphone-xs-max {
        width: 165px;
    }

    .iphone-xr {
        width: 160px;
    }

    .iphone-x, .iphone-6-plus {
        width: 161px;
    }

    .iphone-8-plus, .iphone-6s-plus {
        width: 158px;
    }

    .iphone-7-plus {
        width: 159px;
    }

    .iphone-7 {
        width: 139px;
    }

    .iphone-6s {
        width: 137px;
    }

    .iphone-se-1st {
        width: 119px;
    }
    /* End compare iphone */
    .apple-swatch {
        width: 22px;
        height: 22px;
    }

    .apple-typography-5 {
        line-height: 0.74em;
    }

    .margin-b-lg-20 {
        margin-bottom: 20px;
    }

    .margin-b-lg-30 {
        margin-bottom: 30px;
    }

    .margin-b-lg-35 {
        margin-bottom: 35px;
    }

    .margin-b-lg-45 {
        margin-bottom: 45px;
    }

    .margin-b-lg-60 {
        margin-bottom: 60px;
    }

    .margin-b-lg-70 {
        margin-bottom: 70px;
    }

    .margin-b-lg-55 {
        margin-bottom: 55px;
    }

    .apple-watch-buy-now-btn {
        height: .28%;
        width: 7.7%;
        bottom: 2.8%;
        left: 58%;
    }

    .apple-watch-compare-btn {
        height: .29%;
        width: 8%;
        bottom: 6.83%;
        left: 46%;
    }

    .width-lg-695 {
        width: 695px;
    }
}

@media (max-width: 519px) {
    .apple-container.container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 520px) {
    .apple-container.container {
        max-width: 480px;
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 640px) {
    .apple-container.container {
        max-width: 600px;
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 1000px) {
    .apple-container.container {
        max-width: 960px;
        padding-left: 0;
        padding-right: 0;
    }

    .apple-container.container.width-md-70-percent {
        width: 70%;
        max-width: 1200px;
    }

    .apple-width-lg-960 {
        max-width: 960px
    }
}

@media (min-width: 1240px) {
    .apple-container.container {
        max-width: 1200px;
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 1280px) {
    .apple-width-lg-90 {
        width: 90% !important;
    }
}

.colorSelectorOption_white,
.colorSelectorOption_blanc,
.colorSelectorOption_phantomwhite,
.colorSelectorOption_blancfantome {
    background-color: #fff;
}

.colorSelectorOption_grey,
.colorSelectorOption_gray,
.colorSelectorOption_mysticgrey,
.colorSelectorOption_grismysterieux,
.colorSelectorOption_gris {
    background-color: #5A5A5A;
}

.colorSelectorOption_black,
.colorSelectorOption_noir,
.colorSelectorOption_noire,
.colorSelectorOption_phantomblack,
.colorSelectorOption_noirfantome,
.colorSelectorOption_darkblue,
.colorSelectorOption_bleufonce {
    background-color: #333;
}

.colorSelectorOption_red,
.colorSelectorOption_rouge {
    background-color: #b41325;
}

.colorSelectorOption_twilight,
.colorSelectorOption_crepuscule,
.colorSelectorOption_purple,
.colorSelectorOption_mauve,
.colorSelectorOption_violet {
    background-color: #d1cdda;
}

.colorSelectorOption_orchid,
.colorSelectorOption_orchidee,
.colorSelectorOption_orchidgrey,
.colorSelectorOption_grisorchidee {
    background-color: #6F6A80;
}

.colorSelectorOption_blue,
.colorSelectorOption_bleu {
    background-color: #447792;
}

.colorSelectorOption_pink,
.colorSelectorOption_rose,
.colorSelectorOption_pinkgold,
.colorSelectorOption_orrose {
    background-color: #fbe2dd;
}

.colorSelectorOption_orange {
    background-color: #f90;
}

.colorSelectorOption_bronze {
    background-color: #cd7f32;
}

.colorSelectorOption_yellow,
.colorSelectorOption_jaune {
    background-color: #ffe681;
}

.colorSelectorOption_coral,
.colorSelectorOption_corail {
    background-color: #ff6e5a;
}
.colorSelectorOption_burgundy,
.colorSelectorOption_bourgogne {
    background-color: #800020;
}
.colorSelectorOption_green,
.colorSelectorOption_vert {
    background-color: #556554;
}

.colorSelectorOption_darkgreen,
.colorSelectorOption_midnightgreen,
.colorSelectorOption_vertnocturne {
    background-color: #485f54;
}

.colorSelectorOption_illusionsunset,
.colorSelectorOption_coucherdusoleil {
    background-color: #dc3c6f;
}

.colorSelectorOption_gold,
.colorSelectorOption_or {
    background-color: #faead3;
}

.colorSelectorOption_silver,
.colorSelectorOption_argent {
    background-color: #f2f3ee;
}

.colorSelectorOption_mysticbronze,
.colorSelectorOption_bronzemysterieux {
    background-color: #cd7f32;
}
/* custom */
.colorSelectorOption_slate,
.colorSelectorOption_ardoise {
    background-color: #475565;
}

/* 2. Apple */
.colorSelectorOption_applegrey,
.colorSelectorOption_applegris {
    background-color: #999;
}

.colorSelectorOption_applesilver,
.colorSelectorOption_appleargent {
    background-color: #e4e4e4;
}

.colorSelectorOption_applegold,
.colorSelectorOption_appleor {
    background-color: #c9b8a3;
}

.colorSelectorOption_applerosegold,
.colorSelectorOption_appleroseor {
    background-color: #fcc;
}

.colorSelectorOption_appleyellow,
.colorSelectorOption_applejaune {
    background-color: #c9e47f;
}

.colorSelectorOption_applegreen,
.colorSelectorOption_applevert {
    background-color: #97da65;
}

.colorSelectorOption_applered,
.colorSelectorOption_applerouge {
    background-color: #af1e2d;
}

.colorSelectorOption_productred,
.colorSelectorOption_rougeproduit {
    background-color: #c92233;
}

.colorSelectorOption_alpinegreen,
.colorSelectorOption_vertalpin {
    background-color: #556554;
}

.colorSelectorOption_appleblue,
.colorSelectorOption_applebleu {
    background-color: #83b8f0;
}

.colorSelectorOption_applepink,
.colorSelectorOption_applerose {
    background-color: #fc818c;
}

.colorSelectorOption_applejetblack {
    background-color: #1F1F21;
}

.colorSelectorOption_appleblack {
    background-color: #2B2B2B;
}

.colorSelectorOption_deepindigo,
.colorSelectorOption_indigoprofond {
    background-color: #07183D;
}
.colorSelectorOption_cream,
.colorSelectorOption_creme {
    background-color: #e5dfc8;
}
.colorSelectorOption_lavender,
.colorSelectorOption_lavande {
    background-color: #c2b1d7;
}
.colorSelectorOption_sierrablue,
.colorSelectorOption_bleusierra {
    background-color: #aec7dd;
}
.colorSelectorOption_graphite {
    background-color: #5f5e5a;
}
.colorSelectorOption_midnight,
.colorSelectorOption_minuit {
    background-color: #42474d;
}
.colorSelectorOption_starlight,
.colorSelectorOption_comete {
    background-color: #fbf7f4;
}
.colorSelectorOption_olive {
    background-color: #9a9b7d;
}
.colorSelectorOption_mocha,
.colorSelectorOption_moka {
    background-color: #41444d;
}

.colorSelectorOption_spacegrey,
.colorSelectorOption_griscosmique {
    background-color: #737275;
}
/*Custom Green for Google Pixel 5 */
div[data-product-id="edbae4b4-9abc-4218-86f1-09a04ea257eb"] .dl-tile-colors li.colorSelectorOption_green {
    background-color: #99a7a4;
    border: 1px solid #99a7a4;
}

ul[name="color_edbae4b4-9abc-4218-86f1-09a04ea257eb"] li.colorSelectorOption_green {
    background-color: #99a7a4;
    border: 1px solid #99a7a4;
}
/*End Custom green for Pixel 5 */



/*Commented out as this file cuasing 404 error in shop pages and giving
double calling of icons in shop pages*/
/* @font-face {
  font-family: "bell-slim";
  src: url(/styles/media/Mobility/css/fonts/bellslim_regular-webfont.woff2) format("woff2"),
      url(/styles/media/Mobility/css/fonts/bellslim_regular-webfont.woff) format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "bell-slim";
  src: url(/styles/media/Mobility/css/fonts/bellslim_medium-webfont.woff2) format("woff2"),
      url(/styles/media/Mobility/css/fonts/bellslim_medium-webfont.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "bellslim_semiboldregular";
  src: url(/styles/media/Mobility/css/fonts/bellslim_semibold-webfont.woff2) format("woff2"),
      url(/styles/media/Mobility/css/fonts/bellslim_semibold-webfont.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'bellslim_font_heavy';
  src: url(/styles/media/Mobility/css/fonts/bellslim_heavy-webfont.woff2) format("woff2"),
      url(/styles/media/Mobility/css/fonts/bellslim_heavy-webfont.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "bellslim_font_black";
  src: url(/styles/media/Mobility/css/fonts/bellslim_black-webfont.woff2) format("woff2"),
      url(/styles/media/Mobility/css/fonts/bellslim_black-webfont.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "bell-icon";
  src: url(/styles/media/Mobility/css/fonts/shop-icons.woff2) format("woff2"),
      url(/styles/media/Mobility/css/fonts/shop-icons.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
} */
/**lay out changes for device listing pages**/
.tile-price-apr.width-50, .tile-price-down.width-50 {
    width: 50%;
}

.tile-price-down.width-50 {
    border-right: 1px solid #d4d4d4;
}

.tile-price-apr.width-50 {
    display: flex;
    align-items: flex-start;
}

    .tile-price-apr.width-50 .big-price {
        margin-right: 10px;
    }

        .tile-price-apr.width-50 .big-price.hide-cents span:last-child {
            display: none;
        }

        .tile-price-apr.width-50 .big-price.hide-cents-fr span:first-child {
            display: none;
        }

.text-tag-positioned-center.margin-neg-25 {
    margin-top: -15px;
}

.tile-price-down.width-auto {
    width: auto;
}

.strikethru {
    font-size: 12px;
    position: relative;
    margin-bottom: 8px;
    display: inline-block;
}

    .strikethru:after {
        content: "";
        position: absolute;
        height: 1px;
        background-color: #555;
        width: 100%;
        left: 0;
        top: calc(50% - 1px);
    }

.d-inline {
    display: inline;
}

.margin-b-8 {
    margin-bottom: 8px;
}

.margin-t-7 {
    margin-top: -7px;
}

.margin-b-13 {
    margin-bottom: 13px;
}

.margin-b-12 {
    margin-bottom: 12px;
}

.dl-list-content-basic .d-block-basic {
    margin-top: 30px !important;
    margin-bottom: 20px !important;
}

.dl-list-content-basic {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    height: auto !important;
}

@media (min-width: 520px) {
    .dl-list-content-basic .d-block-basic {
        width: calc(50% - 15px);
        display: flex;
        flex-direction: column;
        position: relative;
        height: auto !important;
    }
}

@media (min-width: 992px) {
    .dl-list-content-basic .d-block-basic {
        width: calc(33.3333% - 20px);
        display: flex;
        flex-direction: column;
        position: relative;
        flex-basis: auto !important;
        flex-grow: inherit !important;
        height: auto !important;
    }
}

#koremInternalCoverage .koremGeocodingInnerBox {
    background-color: rgba(255, 255, 255, 1);
}

.slider-with-data-options span[data-toggle='modal'].txtUnderline:focus, .slider-with-data-options span[data-toggle='modal'].txtUnderline:hover {
    text-decoration-thickness: 2px;
}

#write-review-modal-lightbox .modal-header-gray {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

div[class^="section-content"] a[class^="footer-link"]:focus > span, div[class^="section-content"] a[class^="footer-link"]:hover > span {
    text-decoration: none;
}

div[class^="section-content"] a[class^="footer-link"] span {
    color: #00549A !important;
    text-decoration: underline;
}


/* START Helper Class */
.height-10 {
    height: 10px;
}

.height-125 {
    height: 125px;
}

.height-130 {
    height: 130px;
}

.height-135 {
    height: 135px;
}

.height-150 {
    height: 150px
}

.height-155 {
    height: 155px
}

.height-165 {
    height: 165px
}

.height-170 {
    height: 170px
}

.height-175 {
    height: 175px;
}

.height-180 {
    height: 180px;
}

.height-185 {
    height: 185px;
}

.height-190 {
    height: 190px;
}

.height-200 {
    height: 200px
}

.height-205 {
    height: 205px;
}

.height-215 {
    height: 215px;
}

.height-220 {
    height: 220px
}

.height-225 {
    height: 225px
}

.height-230 {
    height: 230px
}

.height-250 {
    height: 250px
}

.height-365 {
    height: 365px
}

.height-400 {
    height: 400px
}

.height-430 {
    height: 430px
}

.height-440 {
    height: 440px
}

.height-450 {
    height: 450px
}

.height-500 {
    height: 500px
}

.height-525 {
    height: 520px;
}

.height-680 {
    height: 680px;
}

.max-height-20 {
    max-height: 20px;
}

.max-height-100 {
    max-height: 100px;
}

.max-height-125 {
    max-height: 125px;
}

.max-height-130 {
    max-height: 130px;
}

.max-height-150 {
    max-height: 150px;
}

.max-height-175 {
    max-height: 175px;
}

.max-height-180 {
    max-height: 180px;
}

.max-height-190 {
    max-height: 190px;
}

.max-height-205 {
    max-height: 205px;
}

.max-height-210 {
    max-height: 210px;
}

.max-height-230 {
    max-height: 230px;
}

.max-height-270 {
    max-height: 270px;
}

.max-height-405 {
    max-height: 405px;
}

.max-height-100p {
    max-height: 100%;
}

.min-height-14 {
    min-height: 14px;
}

.min-height-130 {
    min-height: 130px;
}

.min-height-175 {
    min-height: 175px;
}

.min-height-180 {
    min-height: 180px;
}

.min-height-230 {
    min-height: 230px;
}

.min-height-385 {
    min-height: 385px;
}

.min-height-440 {
    min-height: 440px;
}

.width-auto {
    width: auto;
}

.width-0 {
    width: 0;
}

.width-15 {
    width: 15px;
}

.width-60 {
    width: 60px;
}

.width-70 {
    width: 70px;
}

.width-75 {
    width: 75px;
}

.width-90 {
    width: 90px;
}

.width-100 {
    width: 100px;
}

.width-105 {
    width: 105px;
}

.width-110 {
    width: 110px;
}

.width-115 {
    width: 115px;
}

.width-120 {
    width: 120px;
}

.width-130 {
    width: 130px;
}

.width-135 {
    width: 135px;
}

.width-140 {
    width: 140px;
}

.width-145 {
    width: 145px;
}

.width-150 {
    width: 150px;
}

.width-160 {
    width: 160px;
}

.width-165 {
    width: 165px;
}

.width-170 {
    width: 170px;
}

.width-175 {
    width: 175px;
}

.width-180 {
    width: 180px;
}

.width-190 {
    width: 190px;
}

.width-195 {
    width: 195px;
}

.width-205 {
    width: 205px;
}

.width-210 {
    width: 210px;
}

.width-215 {
    width: 215px;
}

.width-220 {
    width: 220px;
}

.width-230 {
    width: 230px;
}

.width-245 {
    width: 245px;
}

.width-260 {
    width: 260px;
}

.width-270 {
    width: 270px;
}

.width-290 {
    width: 290px;
}

.width-300 {
    width: 300px;
}

.width-310 {
    width: 310px;
}

.width-320 {
    width: 320px;
}

.width-325 {
    width: 325px;
}

.width-355 {
    width: 355px;
}

.width-375 {
    width: 375px;
}

.width-430 {
    width: 430px;
}

.width-455 {
    width: 455px;
}

.width-480 {
    width: 480px;
}

.width-485 {
    width: 485px;
}

.width-550 {
    width: 550px;
}

.width-640 {
    width: 640px;
}

.width-765 {
    width: 765px;
}

.max-width-90 {
    max-width: 90px;
}

.max-width-105 {
    max-width: 105px;
}

.max-width-100px {
    max-width: 100px;
}

.max-width-110 {
    max-width: 110px
}

.max-width-120 {
    max-width: 120px
}

.max-width-124 {
    max-width: 124px
}

.max-width-130 {
    max-width: 130px;
}

.max-width-135 {
    max-width: 135px;
}

.max-width-140 {
    max-width: 140px;
}

.max-width-160 {
    max-width: 160px;
}

.max-width-165 {
    max-width: 165px;
}

.max-width-175 {
    max-width: 175px;
}

.max-width-150 {
    max-width: 150px
}

.max-width-180 {
    max-width: 180px
}

.max-width-185 {
    max-width: 185px;
}

.max-width-200 {
    max-width: 200px
}

.max-width-210 {
    max-width: 210px
}

.max-width-215 {
    max-width: 215px
}

.max-width-220 {
    max-width: 220px
}

.max-width-290 {
    max-width: 290px
}

.max-width-305 {
    max-width: 305px;
}

.max-width-310 {
    max-width: 310px;
}

.max-width-350 {
    max-width: 350px;
}

.max-width-480 {
    max-width: 480px;
}

.max-width-760 {
    max-width: 760px;
}

.max-width-50p {
    max-width: 50%
}

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

.max-width-percent-135 {
    max-width: 135%
}

.min-width-40 {
    min-width: 40px;
}

.min-width-60 {
    min-width: 60px;
}

.min-width-70 {
    min-width: 70px;
}

.min-width-110 {
    min-width: 110px
}

.min-width-135 {
    min-width: 135px
}

.min-width-160 {
    min-width: 160px
}

.min-width-205 {
    min-width: 205px
}

.min-width-220 {
    min-width: 220px;
}

.min-width-230 {
    min-width: 230px
}

.min-width-280 {
    min-width: 280px
}

.min-width-860 {
    min-width: 860px
}

.margin-neg-t-50 {
    margin-top: -50px;
}

.margin-neg-t-10 {
    margin-top: -10px;
}

.margin-neg-b-10 {
    margin-bottom: -10px;
}

.margin-neg-b-25 {
    margin-bottom: -25px;
}

.margin-neg-l-10 {
    margin-left: -10px;
}

.margin-neg-l-25 {
    margin-left: -25px;
}

.m-l-50 {
    margin-left: 50%;
}

.dimension-72 {
    height: 72px;
    width: 72px
}

.dimension-60 {
    height: 60px;
    width: 60px
}

.dimension-45 {
    height: 45px;
    width: 45px
}

.dimension-30 {
    height: 30px;
    width: 30px
}

.txtSize36 {
    font-size: 36px
}

.txtSize74 {
    font-size: 74px
}

.top-0 {
    top: 0
}

.right-0 {
    right: 0
}

.left-0 {
    left: 0
}

.margin-b-n15 {
    margin-bottom: -15px
}

.tab-control {
    min-height: 63px
}

.translate-x-neg-50 {
    transform: translateX(-50%)
}

/* Signal Colors */
.bgCyan {
    background-color: #A2F5F0
}

.bgDarkBlue {
    background-color: #0072AD
}

.bgTurquoise {
    background-color: #40BFD8
}

/* Text Colors */
.txtDimGray {
    color: #6A6A6A;
}

.box-shadow-hover:hover {
    box-shadow: 0 14px 36px 0 rgba(0,0,0,0.3);
}

.box-shadow-round-hover:hover {
    box-shadow: 0 6px 25px 0 rgba(0,0,0,.2);
}

.page-title {
    font-family: "bellslim_font_heavy", Helvetica, Arial, sans-serif;
    letter-spacing: -.2px;
    font-size: 20px;
    line-height: 22px;
}

.small-title-2 {
    font-family: "bellslim_font_black", Helvetica, Arial, sans-serif;
    font-weight: 400;
    letter-spacing: -.4px;
    font-size: 24px;
    line-height: 26px;
    color: #111;
}

.banner-title {
    font-family: "bellslim_font_black", Helvetica, Arial, sans-serif;
    font-size: 26px;
    font-weight: 400;
    letter-spacing: -.4px;
    line-height: 28px;
    color: #111;
}

.txtSize12 {
    font-size: 12px;
}

.text-shadow {
    text-shadow: 2px 2px 4px #000000;
}

.max-width-none {
    max-width: none;
}

.borderRadiusAll4 {
    border-radius: 4px;
}

.borderRadiusAll6 {
    border-radius: 6px;
}

.borderRadiusAll34 {
    border-radius: 34px;
}

.v-line-container {
    position: relative;
    height: 100%;
}

.v-line-text {
    position: relative;
    z-index: 2;
}

.v-line {
    position: absolute;
    content: "";
    height: 100%;
    background-color: #D4D4D4;
    width: 1px;
    top: 0px;
    left: 50%;
    z-index: 1
}

.h-line-container {
    position: relative;
    width: 100%;
    text-align: center;
}

.h-line-text {
    position: relative;
    z-index: 2;
    display: inline;
    text-align: center;
}

.h-line {
    position: absolute;
    content: "";
    width: 100%;
    background-color: #D4D4D4;
    height: 1px;
    top: 50%;
    z-index: 1
}

.border-radius-5 {
    border-radius: 5px;
}

.circle-icon-74 {
    width: 74px;
    height: 74px;
    border-radius: 50%;
}

.z-index-1 {
    z-index: 1;
}

.z-index-2 {
    z-index: 2;
}

.z-index-3 {
    z-index: 3;
}

.text-tag-positioned-center {
    display: flex;
    justify-content: center;
    width: 100%;
}

.text-tag-secondary {
    text-transform: uppercase;
    background-color: #FFFFFF;
    padding: 3px 8px;
    color: #00549A;
    font-size: 10px;
    border-radius: 2px;
    line-height: 14px;
    border: 1px solid #00549A;
}

[class^=accordion] [data-toggle="collapse"]:focus {
    outline: 2px solid #0075ff;
    box-shadow: none;
}

.accordionTab [data-toggle="collapse"]:focus {
    box-shadow: none;
}

.border-radius-right-10 {
    border-radius: 0 10px 10px 0;
}

.border-radius-top-10 {
    border-radius: 10px 10px 0 0;
}

.list-style-inside {
    list-style-position: inside;
}

.border-left-gray2 {
    border-left: 1px solid #e1e1e1;
}

.border-right-gray2 {
    border-right: 1px solid #E1E1E1;
}

.hover-blue:hover, .hover-blue:focus {
    color: #00549a;
}

.img-responsive-height {
    max-height: 100%;
}

.line-height-1 {
    line-height: 1;
}

.line-height-18 {
    line-height: 18px;
}

.table-counter thead {
    counter-reset: table-heading;
}

.table-counter th .counter-increment:before {
    counter-increment: table-heading;
    content: counter(table-heading);
    display: block;
    position: absolute;
    left: 15px;
    width: 30px;
    height: 30px;
    line-height: 28px;
    border: 2px solid #fff;
    border-radius: 50%;
    font-size: 16px;
    text-align: center;
    top: 15px;
    speak: none;
}

.slick-transparent-button.slick-prev:focus,
.slick-transparent-button.slick-next:focus,
.slick-transparent-button.slick-prev:hover,
.slick-transparent-button.slick-next:hover {
    box-shadow: none;
    border: 1px solid #00549a;
    color: #00549a;
}

    .slick-transparent-button.slick-next:focus:before,
    .slick-transparent-button.slick-prev:focus:before,
    .slick-transparent-button.slick-next:hover:before,
    .slick-transparent-button.slick-prev:hover:before {
        color: #00549a;
    }

.slick-transparent-button.slick-prev.slick-disabled:focus:before,
.slick-transparent-button.slick-next.slick-disabled:focus:before {
    opacity: 1;
}

/* End custom transparent button for slick carousel*/

.bg-blue-spotlight-radial-gradiant {
    background: radial-gradient(circle, #1CBCF4 0%, #0E75CD 45.47%, #024791 69.57%, #012F6A 100%)
}

/*START Checkbox Focus Outline*/
.focus_outline .graphical_ctrl input[type="checkbox"]:focus ~ .ctrl_element, .radio-container.focused-element {
    outline: none !important;
    box-shadow: 0 0 0px 3px #fff, 0 0 2px 3px #fff, 0 0 4px 5px #5fb0fc, 0 0 2px 5px #8ec6fc;
}

.focus_outline_blue .graphical_ctrl input[type="checkbox"]:focus ~ .ctrl_element, body.is_tabbing .focus_outline_blue *:focus,
.focus_outline_blue [class^=accordion] [data-toggle="collapse"]:focus {
    outline: none !important;
    box-shadow: 0 0 0px 3px #00549a, 0 0 2px 3px #00549a, 0 0 4px 5px #5fb0fc, 0 0 2px 5px #8ec6fc;
}

.focus_outline_gray .graphical_ctrl input[type="checkbox"]:focus ~ .ctrl_element,
body.is_tabbing .focus_outline_gray *:focus, .focus_outline_gray [class^=accordion] [data-toggle="collapse"]:focus {
    outline: none !important;
    box-shadow: 0 0 0px 3px #f4f4f4, 0 0 2px 3px #f4f4f4, 0 0 4px 5px #5fb0fc, 0 0 2px 5px #8ec6fc;
}

.focus_outline_extra-light-blue .graphical_ctrl input[type="checkbox"]:focus ~ .ctrl_element,
body.is_tabbing .focus_outline_extra-light-blue *:focus {
    outline: none !important;
    box-shadow: 0 0 0px 3px #c2cedf, 0 0 2px 3px #c2cedf, 0 0 4px 5px #5fb0fc, 0 0 2px 5px #8ec6fc;
}

body.is_tabbing main .focus_outline_white [class^=accordion] [data-toggle="collapse"]:focus,
.focus_outline_white [class^=accordion] [data-toggle="collapse"]:focus {
    outline: 2px solid #FFF !important;
    outline-offset: 2px !important;
    box-shadow: none !important;
}

.outline-circle:focus {
    border-radius: 50%;
}

.tab-control .header-tab-control.overflow-visible {
    overflow: visible;
}

/*END Checkbox Focus Outline*/

/*CUSTOM SLIDER BG*/
.slider-bg-blue-gradient {
    background: linear-gradient(180deg, #00549A 0%, #003778 100%);
}

/*START Override Tab Vertical */

.side-tab-control ul.tabs {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

    .side-tab-control ul.tabs.tabs_vertical li:before {
        color: #00549A;
        font-size: 13px;
    }

    .side-tab-control ul.tabs.tabs_vertical li.active_tabs:before {
        display: none;
    }

    .side-tab-control ul.tabs li {
        border: none;
        padding: 0;
        background: #F4F4F4;
    }

        .side-tab-control ul.tabs li.active_tabs {
            border-left: 1px solid #e1e1e1;
            box-sizing: border-box;
            background: #FFFFFF;
            box-shadow: 0 6px 25px 0 rgba(0,0,0,0.12)
        }

    .side-tab-control ul.tabs.tabs_vertical li.active_tabs a {
        color: #111111;
    }

    .side-tab-control ul.tabs.tabs_vertical li {
        color: #00549A;
        font-family: Arial;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 18px;
        border-bottom: 1px solid #e1e1e1;
        padding: 5px;
    }

        .side-tab-control ul.tabs.tabs_vertical li:last-child {
            border-bottom: none;
        }

        .side-tab-control ul.tabs.tabs_vertical li a {
            color: #00549A;
            text-decoration: none;
            padding: 18px 35px 18px 15px;
            display: block;
        }

        .side-tab-control ul.tabs.tabs_vertical li:hover {
            background: #fff;
        }

.side-tab-control select.custom-selection {
    background: #FFFFFF;
    color: #111111;
    font-size: 14px;
    height: 44px;
    border: 2px solid #949596;
    border-radius: 4px;
}

    .side-tab-control select.custom-selection:focus {
        border: 2px solid #96B8EF;
    }

.side-tab-control .card-body {
    padding: 0px;
}

/* ie overrides */
.side-tab-control select::-ms-value {
    background: #FFFFFF;
    color: #111111
}


/*END Override Tab Vertical */

.pad-b-80 {
    padding-bottom: 80px;
}

@media (max-width: 991.98px) {
    /* Use this class together with .subtitle-2-reg to achieve 14px font size on xs - sm and 18px on md */
    .subtitle-2-reg-3 {
        font-size: 14px;
        line-height: 18px;
        color: #555;
    }

        .subtitle-2-reg-3.inverted {
            color: #fff;
        }

    .container.no-pad-sm {
        padding: 0;
    }

    .min-width-sm-200 {
        min-width: 200px;
    }

    .max-width-sm-75 {
        max-width: 75px;
    }

    .max-width-110-sm {
        max-width: 110px;
    }

    .max-width-105-sm {
        max-width: 105px;
    }

    .max-width-160-sm {
        max-width: 160px;
    }

    .max-width-sm-175 {
        max-width: 175px;
    }

    .border-b-sm-0 {
        border-bottom: 0;
    }

    .border-left-sm-0 {
        border-left: 0;
    }

    .banner-image {
        width: 460px;
    }

    /*no Bullets*/
    .noBullets-sm {
        list-style: none;
        padding: 0;
    }

    .border-radius-bottom-sm-10 {
        border-radius: 0 0 10px 10px;
    }


    .img-unlimited-tile {
        height: 130px;
    }

    /*table scrollbar for tablet and mobile*/
    .table-scrollbar::-webkit-scrollbar {
        height: 8px;
    }

    .table-scrollbar::-webkit-scrollbar-track {
        background: #e1e1e1;
        height: 8px;
    }

    .table-scrollbar::-webkit-scrollbar-thumb {
        height: 8px;
        background: #003778;
    }

    .max-width-335-sm {
        max-width: 335px;
    }

    .button-link-2 {
        font-weight: bold;
    }
}

@media (min-width: 414px) and (max-width: 767.98px) {
    .banner-text-max-width-xs {
        width: 280px !important;
    }
}

@media (min-width: 768px) {
    .dimension-72-sm {
        height: 72px;
        width: 72px
    }

    .txtSize28-sm {
        font-size: 28px;
    }

    .default-text-sm {
        font-size: 14px;
        line-height: 18px;
    }

    .height-auto-sm {
        height: auto;
    }

    .absolute-sm {
        position: absolute;
    }

    .width-auto-sm {
        width: auto;
    }

    .width-25-sm {
        width: 25px;
    }

    .width-sm-30 {
        width: 30px;
    }

    .width-sm-75 {
        width: 75px;
    }

    .width-sm-135 {
        width: 135px;
    }

    .width-sm-145 {
        width: 145px;
    }

    .width-120-sm {
        width: 120px;
    }

    .width-150-sm {
        width: 150px;
    }

    .width-165-sm {
        width: 165px;
    }

    .width-170-sm {
        width: 170px;
    }

    .width-180-sm {
        width: 180px;
    }

    .width-sm-185 {
        width: 185px;
    }

    .width-190-sm {
        width: 190px;
    }

    .width-205-sm {
        width: 205px;
    }

    .width-210-sm {
        width: 210px;
    }

    .width-225-sm {
        width: 225px;
    }

    .width-235-sm {
        width: 235px;
    }

    .width-240-sm {
        width: 240px;
    }

    .width-250-sm {
        width: 250px;
    }

    .width-255-sm {
        width: 255px;
    }

    .width-sm-260 {
        width: 260px;
    }

    .width-270-sm {
        width: 270px;
    }

    .width-285-sm {
        width: 285px;
    }

    .width-290-sm {
        width: 290px;
    }

    .width-295-sm {
        width: 295px;
    }

    .width-315-sm {
        width: 315px;
    }

    .width-325-sm {
        width: 325px;
    }

    .width-380-sm {
        width: 380px;
    }

    .width-390-sm {
        width: 390px;
    }

    .width-410-sm {
        width: 410px;
    }

    .width-430-sm {
        width: 430px;
    }

    .width-465-sm {
        width: 465px;
    }

    .width-545-sm {
        width: 545px;
    }

    .width-595-sm {
        width: 595px;
    }

    .w-60-sm {
        width: 60% !important;
    }

    .w-40-sm {
        width: 40% !important;
    }

    .min-width-120-sm {
        min-width: 120px
    }

    .min-width-165-sm {
        min-width: 165px;
    }

    .min-width-170-sm {
        min-width: 170px
    }

    .min-width-195-sm {
        min-width: 195px
    }

    .min-width-215-sm {
        min-width: 215px;
    }

    .min-width-225-sm {
        min-width: 225px
    }

    .min-width-230-sm {
        min-width: 230px
    }

    .min-width-260-sm {
        min-width: 260px;
    }

    .min-width-280-sm {
        min-width: 280px
    }

    .min-width-290-sm {
        min-width: 290px
    }

    .min-width-sm-280 {
        min-width: 280px
    }

    .min-width-310-sm {
        min-width: 310px;
    }

    .min-width-960-sm {
        min-width: 960px;
    }

    .max-width-420-sm {
        max-width: 420px;
    }

    .max-width-sm-600 {
        max-width: 600px;
    }

    .max-width-130-sm {
        max-width: 130px;
    }

    .max-width-330-sm {
        max-width: 330px;
    }

    .max-width-585-sm {
        max-width: 585px;
    }

    .height-100-percent-sm {
        height: 100%;
    }

    .height-40-sm {
        height: 40px;
    }

    .height-150-sm {
        height: 150px;
    }

    .height-185-sm {
        height: 185px;
    }

    .height-205-sm {
        height: 205px;
    }

    .height-250-sm {
        height: 250px;
    }

    .height-270-sm {
        height: 270px;
    }

    .height-350-sm {
        height: 350px;
    }

    .height-330-sm {
        height: 330px;
    }

    .height-380-sm {
        height: 380px;
    }

    .height-390-sm {
        height: 390px;
    }

    .height-436-sm {
        height: 436px;
    }

    .height-440-sm {
        height: 440px;
    }

    .max-height-380-sm {
        max-height: 380px;
    }

    .max-height-436-sm {
        max-height: 436px;
    }

    .max-height-none-sm {
        max-height: none;
    }

    .max-height-150-sm {
        max-height: 150px;
    }

    .max-height-205-sm {
        max-height: 205px;
    }

    .max-height-395-sm {
        max-height: 395px;
    }

    .text-indent-sm-30 {
        text-indent: 30px;
    }

    .line-height-18-sm {
        line-height: 18px;
    }

    .margin-b-15-sm {
        margin-bottom: 15px;
    }

    .margin-t-neg-35-sm {
        margin-top: -35px;
    }

    .margin-neg-r-20-sm {
        margin-right: -20px;
    }
    /* Column spacer 30 - use this to achieve equal 30 spacing between columns and 30 spacing between column and container*/

    .column-spacer-sm-30 {
        margin: 0 -15px;
    }

        .column-spacer-sm-30 > div {
            padding: 0 15px;
        }

    .borderRadiusAll6-sm {
        border-radius: 6px;
    }

    .border-all-right-radius-10-sm {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .pad-b-sm-65 {
        padding-bottom: 65px
    }

    .pad-b-120-sm {
        padding-bottom: 120px;
    }

    .column-count-sm-3 {
        column-count: 3;
    }

    .column-count-sm-2 {
        column-count: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }

    ul.column-count-sm-2 li {
        break-inside: avoid-column;
    }

        ul.column-count-sm-2 li span {
            page-break-inside: avoid;
        }

    .infoblock-slider .slick-list {
        margin: 0 -7.5px;
        padding: 0;
    }

    .infoblock-slider .slick-slide {
        margin-right: 7.5px;
        margin-left: 7.5px;
    }

    .infoblock-slider .slick-track {
        margin-left: 0;
    }
    /** Product Slider (with thumbnail) BTC-6660 **/
    .product-thumbnail-nav,
    .product-thumbnail-modal-nav {
        margin: 0 auto;
    }

        .product-thumbnail-nav .slick-list,
        .product-thumbnail-modal-nav .slick-list {
            margin: 0 auto;
        }

        .product-thumbnail-nav .slick-slide,
        .product-thumbnail-modal-nav .slick-slide {
            margin: 5px;
        }

            .product-thumbnail-nav .slick-slide.slick-current,
            .product-thumbnail-modal-nav .slick-slide.slick-current {
                border-bottom: 3px solid #00549A;
                padding-bottom: 8px;
            }

        .product-thumbnail-nav .slick-list,
        .product-thumbnail-modal-nav .slick-list {
            max-width: 205px;
            padding: 0 4px;
        }

        .product-thumbnail-nav.two-slides .slick-list,
        .product-thumbnail-modal-nav.two-slides .slick-list {
            max-width: 140px;
        }

    .product-slider > div:active .hover-search,
    .product-slider > div:focus .hover-search,
    .product-slider > div:hover .hover-search {
        opacity: 1;
    }
    /** END Product Slider (with thumbnail) BTC-6660 **/
    .border-right-gray2-sm {
        border-right: 1px solid #E1E1E1;
    }

    .border-bottom-0-sm {
        border-bottom: 0;
    }
    /*START Override Tab Vertical */
    .side-tab-control .card-body {
        padding: 0 0 15px 7px;
    }
    /*END Override Tab Vertical */
    .banner-title {
        font-size: 32px;
        line-height: 38px;
        letter-spacing: -0.5px
    }
}

@media (min-width: 992px) {

    .relative-md {
        position: relative;
    }

    .min-width-185-md {
        min-width: 185px
    }

    .min-width-190-md {
        min-width: 190px;
    }

    .min-width-md-220 {
        min-width: 220px;
    }

    .min-width-250-md {
        min-width: 250px
    }

    .min-width-300-md {
        min-width: 300px
    }

    .min-width-355-md {
        min-width: 355px;
    }

    .min-width-375-md {
        min-width: 375px
    }

    .min-width-455-md {
        min-width: 455px
    }

    .min-width-480-md {
        min-width: 480px;
    }

    .min-width-490-md {
        min-width: 490px;
    }

    .max-width-218-md {
        max-width: 218px
    }

    .max-width-485 {
        max-width: 485px;
    }

    .max-width-505-md {
        max-width: 505px;
    }

    .max-width-600 {
        max-width: 600px;
    }

    .max-width-md-960 {
        max-width: 960px;
    }

    .max-width-105-md {
        max-width: 105px;
    }

    .width-135-md {
        width: 135px;
    }

    .width-150-md {
        width: 150px;
    }

    .width-155-md {
        width: 155px;
    }

    .width-170-md {
        width: 170px;
    }

    .width-185-md {
        width: 185px;
    }

    .width-190-md {
        width: 190px;
    }

    .width-215-md {
        width: 215px;
    }

    .width-235-md {
        width: 235px;
    }

    .width-250-md {
        width: 250px;
    }

    .width-290-md {
        width: 290px;
    }

    .width-325-md {
        width: 325px;
    }

    .width-340-md {
        width: 340px;
    }

    .width-375-md {
        width: 375px;
    }

    .width-390-md {
        width: 390px;
    }

    .width-420-md {
        width: 420px;
    }

    .width-430-md {
        width: 430px;
    }

    .width-435-md {
        width: 435px;
    }

    .width-455-md {
        width: 455px;
    }

    .width-465-md {
        width: 465px;
    }

    .width-470-md {
        width: 470px;
    }

    .width-475-md {
        width: 475px;
    }

    .width-480-md {
        width: 480px;
    }

    .width-490-md {
        width: 490px;
    }

    .width-515-md {
        width: 515px;
    }

    .width-550-md {
        width: 550px;
    }

    .width-565-md {
        width: 565px;
    }

    .width-600-md {
        width: 600px;
    }

    .width-675-md {
        width: 675px;
    }

    .w-60-md {
        width: 60% !important;
    }

    .w-40-md {
        width: 40% !important;
    }

    .min-height-365-md {
        min-height: 365px;
    }

    .max-height-none-md {
        max-height: none;
        max-height: unset
    }

    .max-height-365-md {
        max-height: 365px;
    }

    .max-height-420-md {
        max-height: 420px;
    }

    .fullheight-md {
        height: 100%;
    }

    .height-250-md {
        height: 250px;
    }

    .height-270-md {
        height: 270px;
    }

    .height-300-md {
        height: 300px
    }

    .height-355-md {
        height: 355px;
    }

    .height-365-md {
        height: 365px
    }

    .height-395-md {
        height: 395px
    }

    .height-md-400 {
        height: 400px
    }

    .height-420-md {
        height: 420px;
    }

    .height-440-md {
        height: 440px;
    }

    .height-660-md {
        height: 660px;
    }

    .height-715-md {
        height: 715px;
    }

    .margin-neg-30-r-md {
        margin-right: -30px;
    }

    .margin-r-neg-80 {
        margin-right: -80px;
    }

    .margin-neg-right-115 {
        margin-right: -115px;
    }


    .margin-r-65 {
        margin-right: 65px
    }

    .column-spacer-30-md {
        margin-left: -15px;
        margin-right: -15px;
    }

        .column-spacer-30-md > div {
            padding-left: 15px;
            padding-right: 15px;
        }

    .column-spacer-15-md {
        margin-left: -7.5px !important;
        margin-right: -7.5px !important;
    }

        .column-spacer-15-md > div {
            padding-left: 7.5px;
            padding-right: 7.5px;
        }


    .breakSpace-md {
        white-space: normal;
    }

    .infoblock-slider > div.box-shadow-round,
    .infoblock-slider > a {
        margin-left: 7.5px;
        margin-right: 7.5px;
    }

        .infoblock-slider > div.box-shadow-round:first-child {
            margin-left: 0;
        }

        .infoblock-slider > div.box-shadow-round:last-child {
            margin-right: 0;
        }

    .dimension-70-md {
        height: 70px;
        width: 70px
    }

    /*custom image for mobility promotions*/
    .lg-velvet-img {
        height: 165px;
    }

    .relative-md {
        position: relative;
    }

    .border-top-md-0 {
        border-top: 0;
    }
}

/* Tablet Only */
@media (max-width: 991.98px) and (min-width: 768px) {
    .flexible-banner-height-sm {
        min-height: 575px;
        height: auto
    }

    .width-140-sm {
        width: 140px;
    }

    .txtSize48-sm {
        font-size: 48px;
    }

    .txtSize50-sm {
        font-size: 50px;
    }

    .img-h-centerView-sm {
        margin-left: 50%;
        transform: translateX(-50%);
        min-width: 100%;
    }

        .img-h-centerView-sm.min-width-none {
            min-width: 0;
        }

    .column-spacer-30-sm {
        margin-left: -15px;
        margin-right: -15px;
    }

        .column-spacer-30-sm > div {
            padding-left: 15px;
            padding-right: 15px;
        }

    .column-spacer-15-sm {
        margin-left: -7.5px;
        margin-right: -7.5px;
    }

        .column-spacer-15-sm > div {
            padding-left: 7.5px;
            padding-right: 7.5px;
        }

    .column-spacer-10-sm {
        margin-left: -5px;
        margin-right: -5px;
    }

        .column-spacer-10-sm > div {
            padding-left: 5px;
            padding-right: 5px;
        }

    .margin-left-percent-59-sm {
        margin-left: 59%;
    }

    .margin-neg-15-l-sm {
        margin-left: -15px;
    }

    .margin-neg-30-r-sm {
        margin-right: -30px;
    }

    .margin-neg-55-b-sm {
        margin-bottom: -55px;
    }

    .margin-neg-155-b-sm {
        margin-bottom: -155px;
    }

    .fullheight-sm {
        height: 100%;
    }

    .height-sm-180 {
        height: 180px;
    }

    .height-125-sm {
        height: 125px;
    }

    .height-135-sm {
        height: 135px;
    }

    .height-175-sm {
        height: 175px;
    }

    .height-sm-250 {
        height: 250px;
    }

    .height-sm-275 {
        height: 275px;
    }

    .height-sm-290 {
        height: 290px;
    }

    .height-305-sm {
        height: 305px;
    }

    .height-sm-310 {
        height: 310px;
    }

    .height-315-sm {
        height: 315px;
    }

    .height-sm-355 {
        height: 355px;
    }

    .height-385-sm {
        height: 385px;
    }

    .height-sm-400 {
        height: 400px;
    }

    .height-575-sm {
        height: 575px;
    }

    .max-height-315-sm {
        max-height: 315px;
    }

    .max-height-500-sm {
        max-height: 500px;
    }

    .width-45-percent-sm {
        width: 40%;
    }

    .width-60-sm {
        width: 60px;
    }

    .width-100-sm {
        width: 100px;
    }

    .width-sm-120 {
        width: 120px;
    }

    .width-125-sm {
        width: 125px;
    }

    .width-sm-135 {
        width: 135px;
    }

    .width-sm-175 {
        width: 175px;
    }

    .width-sm-195 {
        width: 195px;
    }

    .width-sm-210 {
        width: 210px;
    }

    .width-sm-215 {
        width: 215px;
    }

    .width-sm-230 {
        width: 230px;
    }

    .width-sm-250 {
        width: 250px;
    }

    .width-sm-265 {
        width: 265px;
    }

    .width-sm-275 {
        width: 275px;
    }

    .width-sm-280 {
        width: 280px;
    }

    .width-sm-285 {
        width: 285px;
    }

    .width-sm-305 {
        width: 305px;
    }

    .width-sm-310 {
        width: 310px;
    }

    .width-sm-320 {
        width: 320px;
    }

    .width-365-sm {
        width: 365px;
    }

    .max-width-185-sm {
        width: 185px;
    }

    .max-width-sm-535 {
        max-width: 535px;
    }

    .max-width-650-sm {
        max-width: 650px;
    }

    .max-width-695-sm {
        max-width: 695px;
    }

    .max-width-712-sm {
        max-width: 712px;
    }

    .max-width-none-sm {
        max-width: none;
    }

    .border-sm-0 {
        border: none;
    }

    .margin-neg-l-sm-30,
    .margin-neg-30-l-sm {
        margin-left: -30px;
    }

    .margin-neg-r-sm-110 {
        margin-right: -110px;
    }

    .margin-r-neg-55-sm {
        margin-right: -55px;
    }

    .margin-neg-top-30-sm {
        margin-top: -30px;
    }

    .margin-neg-b-10-sm {
        margin-bottom: -10px;
    }

    .width-465 {
        width: 465px;
    }

    .upgrade-phone-img {
        width: calc(440px + 10%);
    }


    .max-width-85-sm {
        max-width: 85px;
    }

    .max-width-125-sm {
        max-width: 125px;
    }

    .max-width-300-sm {
        max-width: 300px;
    }

    .break-space-sm {
        white-space: normal;
    }

    .img-margin-top-neg-10 {
        margin-top: -10px;
    }

    /*custom for table*/
    .table-th-width-percent {
        width: 52%;
    }
}

@media (max-width: 767.98px) {

    .width-150-xs {
        width: 150px;
    }

    .width-190-xs {
        width: 190px;
    }

    .fullheight-xs {
        height: 100%;
    }

    .max-height-xs-150 {
        max-height: 150px;
    }

    .max-height-xs-205 {
        max-height: 205px;
    }

    .border-gray2-xs {
        border: 1px solid #e1e1e1
    }

    .no-side-borders-xs {
        border-left: none;
        border-right: none;
    }

    .border-gray2-top-xs {
        border-top: 1px solid #e1e1e1
    }

    .box-round-top-xs {
        border-radius: 0 0 10px 10px
    }

    .box-round-bottom-xs {
        border-radius: 10px 10px 0 0
    }

    .width-xs-35-percent {
        width: 35%
    }

    .width-xs-40-percent {
        width: 40%;
    }

    .width-xs-61-percent {
        width: 61%;
    }

    .width-xs-65-percent {
        width: 65%
    }

    .width-xs-20 {
        width: 20px;
    }

    .width-55-xs {
        width: 55px;
    }

    .width-60-xs {
        width: 60px;
    }

    .width-xs-70 {
        width: 70px;
    }

    .width-85-xs {
        width: 85px;
    }

    .width-xs-100px {
        width: 100px;
    }

    .width-xs-110 {
        width: 110px;
    }

    .width-xs-120 {
        width: 120px;
    }

    .width-125-xs {
        width: 125px;
    }

    .width-130-xs {
        width: 130px;
    }

    .width-xs-160 {
        width: 160px;
    }

    .width-xs-195 {
        width: 195px;
    }

    .width-xs-220 {
        width: 220px;
    }

    .width-xs-230 {
        width: 230px;
    }

    .width-xs-250 {
        width: 250px;
    }

    .width-xs-290 {
        width: 290px;
    }

    .width-555-xs {
        width: 555px;
    }


    .max-width-none-xs {
        max-width: none;
    }

    .min-width-xs-70 {
        min-width: 70px;
    }

    .min-width-xs-75 {
        min-width: 75px;
    }

    .min-width-xs-130 {
        min-width: 130px;
    }

    .min-width-xs-175 {
        min-width: 175px;
    }

    .min-width-xs-230 {
        min-width: 230px;
    }

    .min-width-xs-375 {
        min-width: 375px;
    }

    .min-width-xs-400 {
        min-width: 400px !important;
    }

    .min-width-140-xs {
        min-width: 140px;
    }

    .min-width-165-xs {
        min-width: 165px;
    }

    .max-width-345-xs {
        max-width: 345px;
    }

    .min-width-425-xs {
        min-width: 425px;
    }

    .max-width-425-xs {
        max-width: 425px;
    }

    .min-width-450-xs {
        min-width: 450px;
    }

    .max-width-155-xs {
        max-width: 155px;
    }

    .max-width-280-xs {
        max-width: 280px
    }

    .max-width-355-xs {
        max-width: 355px;
    }

    .max-width-xs-455 {
        max-width: 455px;
    }

    .max-width-125-xs {
        max-width: 125px;
    }

    .height-95-xs {
        height: 95px;
    }

    .height-130-xs {
        height: 130px;
    }

    .height-270-xs {
        height: 270px;
    }

    .height-280-xs {
        height: 280px;
    }

    .height-295-xs {
        height: 295px;
    }

    .height-325-xs {
        height: 325px;
    }

    .height-355-xs {
        height: 355px;
    }

    .height-585-xs {
        height: 585px;
    }

    .margin-neg-20-t-xs {
        margin-top: -20px;
    }

    .margin-neg-55-t-xs {
        margin-top: -55px;
    }

    .margin-l-xs-neg-5 {
        margin-left: -5px;
    }

    .margin-neg-30-l-xs {
        margin-left: -30px;
    }

    .margin-r-xs-neg-40 {
        margin-right: -40px;
    }

    .margin-r-neg-50-xs {
        margin-right: -50px;
    }

    .margin-neg-xs-20-b {
        margin-bottom: -20px;
    }

    .box-shadow-xs, .box-shadow-round-xs {
        box-shadow: 0 6px 25px 0 rgba(0,0,0,.12);
    }

    .txtSize7-xs {
        font-size: 7px;
    }

    .txtSize32-xs {
        font-size: 32px;
    }

    .txtSize34-xs {
        font-size: 34px;
    }

    .breakSpace-xs {
        white-space: normal;
    }

    .border-all-bottom-radius-10-xs {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .pad-h-xs-7_half {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }

    .bg-xs-white {
        background-color: #FFFFFF;
    }

    .border-xs-0 {
        border: none;
    }

    .circle-icon-60-xs {
        width: 60px;
        height: 60px;
        border-radius: 50%;
    }

    .border-gray2-top-xs {
        border-top: 1px solid #e1e1e1;
    }

    .line-height-22-xs {
        line-height: 22px;
    }

    .line-height-24-xs {
        line-height: 24px;
    }

    .column-spacer-xs-20 {
        margin-left: -5px;
        margin-right: -5px;
    }

        .column-spacer-xs-20 > div {
            padding-left: 10px;
            padding-right: 10px;
        }

    .column-spacer-xs-15 {
        margin-left: -7.5px;
        margin-right: -7.5px;
    }

        .column-spacer-xs-15 > div {
            padding-left: 7.5px;
            padding-right: 7.5px;
        }

    .static-xs {
        position: static;
    }

    .upgrade-phone-img {
        width: calc(300px + 10%);
        max-width: none;
        margin-left: auto;
        margin-right: auto;
    }

    /*custom for slider mobile*/
    .unslickMobile {
        flex-wrap: wrap;
    }

    .white-dots.transform-slick-slide .slick-dots li.slick-active button {
        background-color: #ffffff;
    }

    .white-dots.transform-slick-slide .slick-dots li button {
        border: 1px solid #ffffff;
        opacity: 1;
        background-color: transparent;
    }

    .white-dots.transform-slick-slide.slick-initialized .slick-dots {
        position: absolute;
        top: 0;
    }

    .promotion-girl-img {
        transform: translate(-10px, 25px);
    }

    /* infoblock style for mobile */
    .infoblock-slider .slick-list {
        margin: 0 -30px;
        padding: 0 37.5px;
    }

    .infoblock-slider .slick-slide {
        margin-right: 7.5px;
        margin-left: 7.5px;
    }

    .infoblock-slider .slick-track {
        margin-left: -15px;
    }

    .slick-arrow-clear.infoblock-slider .slick-track {
        margin-left: 0px;
    }

    /*slick-spacer-30-sm custom css*/
    .slick-spacer-30-sm .slick-list {
        padding: 0 8px;
    }

    .slick-spacer-30-sm .slick-slide {
        margin-right: 7.5px;
        margin-left: 7.5px;
    }
}

@media (min-width: 1240px) {
    .w-50-lg {
        width: 50% !important;
    }

    .margin-b-lg-15 {
        margin-bottom: 15px;
    }

    .max-width-lg-1200 {
        max-width: 1200px
    }

    .width-455-lg {
        width: 455px;
    }

    .width-570-lg {
        width: 570px;
    }

    .width-680-lg {
        width: 680px;
    }

    .height-260-lg {
        height: 260px;
    }

    .pad-t-10-lg {
        padding-top: 10px;
    }

    .pad-t-15-lg {
        padding-top: 15px;
    }

    .pad-t-20-lg {
        padding-top: 20px;
    }

    .pad-t-25-lg {
        padding-top: 25px;
    }

    .pad-t-30-lg {
        padding-top: 30px;
    }

    .pad-t-55-lg {
        padding-top: 55px;
    }

    .pad-t-60-lg {
        padding-top: 60px;
    }

    .pad-h-15-lg {
        padding-left: 15px;
        padding-right: 15px;
    }

    .pad-l-0-lg {
        padding-left: 0px;
    }

    .pad-l-25-lg {
        padding-left: 25px;
    }

    .pad-l-15-lg {
        padding-left: 15px;
    }

    .pad-l-30-lg {
        padding-left: 30px;
    }

    .pad-l-35-lg {
        padding-left: 35px;
    }

    .pad-l-50-lg {
        padding-left: 50px;
    }

    .pad-l-60-lg {
        padding-left: 60px;
    }

    .pad-r-0-lg {
        padding-right: 0px;
    }

    .pad-r-lg-10 {
        padding-right: 10px;
    }

    .pad-r-15-lg {
        padding-right: 15px;
    }

    .pad-r-25-lg {
        padding-right: 25px
    }

    .pad-r-30-lg {
        padding-right: 30px;
    }

    .pad-r-35-lg {
        padding-right: 35px;
    }

    .pad-r-lg-45 {
        padding-right: 45px;
    }

    .pad-r-50-lg {
        padding-right: 50px;
    }

    .pad-r-60-lg {
        padding-right: 60px;
    }

    .pad-r-65-lg {
        padding-right: 65px;
    }

    .pad-h-45-lg {
        padding-left: 45px;
        padding-right: 45px
    }

    .margin-r-lg-0 {
        margin-right: 0
    }

    .margin-b-20-lg {
        margin-bottom: 20px;
    }

    .margin-b-25-lg {
        margin-bottom: 25px;
    }

    .margin-b-45-lg {
        margin-bottom: 45px;
    }

    .margin-b-60-lg {
        margin-bottom: 60px;
    }

    .margin-l-25-lg {
        margin-left: 25px;
    }

    .margin-h-lg-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .banner-title {
        font-size: 40px;
        line-height: 46px;
        letter-spacing: -0.7px
    }
}
/* END Helper Class */

/* START Custom Class */
.text-after-top-center::after {
    content: attr(text-after);
    padding: 5px;
    position: absolute;
    font-weight: bold;
    transform: translateX(-50%);
    background-color: #f4f4f4;
}

.text-after-top-center::after {
    top: 50%;
    left: 50%;
    font-weight: normal;
    transform: translate(-50%, -50%);
    background-color: #fff;
}

.txtBlue-after::after {
    color: #00549A;
}

.btn-members {
    font-size: 24px;
    background: none;
    border: 0;
    cursor: pointer;
    color: #00549A;
}

    .btn-members[disabled] {
        color: #bec1c5;
        opacity: 1;
        cursor: default;
    }
/* Accordion expand and collapse Text */
.accordion-accessible-toggle[aria-expanded="true"] .expand-text,
.accordion-accessible-toggle[aria-expanded="false"] .collapse-text {
    display: none
}

/*START disabled select color*/
.disabled-select[aria-disabled="true"] {
    color: #BABEC2;
    background-color: #f4f4f4;
    pointer-events: none;
}
/*END disabled select color*/

/*START SMALL BUTTON FILTERS*/
.btn.btn-search-filter {
    padding: 6px 6px 6px 13px;
    font-size: 12px;
    line-height: 14px;
}

.btn.btn-default.btn-search-filter {
    border: 1px solid #003778;
}
/*END SMALL BUTTON FILTERS*/
.btn-filter {
    /* standard */
    border: 1px solid #f4f4f4;
    /* mockup */
    /* border: 1px solid #d4d4d4; */
    color: #111;
}

    .btn-filter:hover {
        color: #fff;
        border-color: #00549a;
        background-color: #00549a;
    }
/*START custom css for search accessory page checkbox text*/
.btn.btn-gray.btn-search-filter {
    color: #111111;
    background-color: #E1E1E1;
    border: 1px solid #D4D4D4;
    text-align: center;
    cursor: pointer;
}

    .btn.btn-gray.btn-search-filter .icon.icon-close-solid {
        color: #00549A;
    }

        .btn.btn-gray.btn-search-filter .icon.icon-close-solid::before {
            background-color: #FFFFFF;
            border-radius: 10px;
        }

    .btn.btn-gray.btn-search-filter:hover {
        color: #FFFFFF;
        background-color: #00549a;
        border-color: #00549a;
    }

        .btn.btn-gray.btn-search-filter:hover .icon.icon-close-solid {
            color: #FFFFFF;
        }

            .btn.btn-gray.btn-search-filter:hover .icon.icon-close-solid::before {
                background-color: #003778;
            }

.graphical_ctrl input:checked ~ span.color-bell-blue.font-weight-normal {
    color: #00549a;
}

.graphical_ctrl input:checked ~ span.font-weight-normal {
    color: #555;
}
/*END custom css for search accessory page checkbox text*/
/* Start - Set channel icon to 40px */
.icon-circle-medium img, .icon-circle-medium .channel-minicard-img > img {
    max-height: 40px;
    max-width: 40px;
}
/* End - Set channel icon to 40px */
/*START Tablist regular font*/
.tablist-underlined-reg.tablist-underlined [role=tab] {
    font-size: 14px;
    line-height: 18px;
}

    .tablist-underlined-reg.tablist-underlined [role=tab]:not(:last-child) {
        margin-right: 20px;
    }
/*END Tablist regular font*/

.close-alert {
    position: absolute;
    top: 0;
    right: 0;
}

.slick-dots li.slick-active button {
    background: #555;
}

.slick-dots li button {
    border: 2px solid #555;
}
/* infoblock slider custom css*/
.infoblock-slider .slick-dots {
    padding-top: 15px;
    line-height: 0px;
}

/* START Custom Arrows */
.infoblock-slider .slick-arrow.slick-disabled {
    display: none;
}

.infoblock-slider .slick-prev,
.infoblock-slider .slick-next,
.infoblock-slider-no-shadow .slick-prev,
.infoblock-slider-no-shadow .slick-next,
.tab-panels-container.slider-with-data-options .slick-arrow {
    background: #fff;
    border: 1px solid #E1E1E1;
    box-shadow: 0 14px 36px 0 rgba(0,0,0,0.3);
    margin: 0px 15px;
    margin-top: -15px;
    opacity: 1;
    transform: translateY(-50%);
}

.slick-arrow-clear.infoblock-slider .slick-prev, .slick-arrow-clear.infoblock-slider .slick-next {
    background: transparent;
    border: none;
    box-shadow: none;
    margin: 0px 40px;
    transform: translateY(27%);
}

.infoblock-slider .slick-next:before,
.tab-panels-container.slider-with-data-options .slick-next:before {
    top: 12px;
}

.infoblock-slider .slick-prev:hover,
.infoblock-slider .slick-prev:focus,
.infoblock-slider .slick-next:hover,
.infoblock-slider .slick-next:focus,
.infoblock-slider-no-shadow .slick-prev:hover,
.infoblock-slider-no-shadow .slick-prev:focus,
.infoblock-slider-no-shadow .slick-next:hover,
.infoblock-slider-no-shadow .slick-next:focus,
.tab-panels-container.slider-with-data-options .slick-arrow:hover,
.tab-panels-container.slider-with-data-options .slick-arrow:focus {
    background: #fff;
    border: 1px solid #00549A;
    box-shadow: 0 14px 36px 0 rgba(0,0,0,0.3);
    color: #00549a;
}

.slick-arrow-clear.infoblock-slider .slick-next:before {
    top: 11px;
    right: 10px;
}

.slick-arrow-clear.infoblock-slider .slick-prev:before {
    top: 12px;
    left: 10px;
}

.slick-arrow-clear.infoblock-slider .slick-prev:hover,
.slick-arrow-clear.infoblock-slider .slick-prev:focus,
.slick-arrow-clear.infoblock-slider .slick-next:hover,
.slick-arrow-clear.infoblock-slider .slick-next:focus {
    border: 2px solid #00549A;
    background-color: #FFFFFF;
    box-shadow: 0 14px 36px 0 rgba(0,0,0,0.3);
    color: #00549a;
}

.infoblock-slider .slick-prev:hover:before,
.infoblock-slider .slick-prev:focus:before,
.infoblock-slider .slick-next:hover:before,
.infoblock-slider .slick-next:focus:before,
.infoblock-slider-no-shadow .slick-prev:hover:before,
.infoblock-slider-no-shadow .slick-prev:focus:before,
.infoblock-slider-no-shadow .slick-next:hover:before,
.infoblock-slider-no-shadow .slick-next:focus:before,
.tab-panels-container.slider-with-data-options .slick-arrow:hover:before,
.tab-panels-container.slider-with-data-options .slick-arrow:focus:before {
    color: #00549a;
    opacity: 1;
}

.infoblock-slider .slick-arrow.slick-disabled,
.tab-panels-container.slider-with-data-options .slick-arrow.slick-disabled {
    display: none !important;
}

.infoblock-slider .slick-prev:focus, .infoblock-slider .slick-next:focus, .infoblock-slider .slick-next:focus:before, .infoblock-slider .slick-prev:focus:before {
    background: #fff;
    color: #00549a;
}

.slick-arrow-clear.infoblock-slider .slick-prev:focus, .slick-arrow-clear.infoblock-slider .slick-next:focus, .slick-arrow-clear.infoblock-slider .slick-next:focus:before, .slick-arrow-clear.infoblock-slider .slick-prev:focus:before {
    background: transparent;
}

/* END Custom Arrows */
/* infoblock slider custom css*/

.responsive-background-cover {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

body.is_tabbing .tab-pills-focus > li:focus,
.tab-pills-focus > li.active:focus,
.tab-panels-container > div:focus {
    box-shadow: 0 0 0 3px #fff, 0 0 2px 3px #fff, 0 0 4px 5px #5fb0fc, 0 0 2px 5px #8ec6fc;
}
/*Class for Star Rating*/
.star-ratings .fill-ratings {
    position: absolute;
    top: 0;
    overflow: hidden;
}

.star-ratings .empty-ratings {
    color: #babec2;
}

.star-ratings.ave-rating .fill-ratings,
.star-ratings.ave-rating .empty-ratings {
    font-size: 25px;
}
/*END of Class for Star Rating*/

.borderRadiusLeft-10 {
    border-radius: 10px 0 0 10px;
}

.borderRadiusRight-10 {
    border-radius: 0 10px 10px 0;
}

.accordion-body ~ div > div > *:nth-child(2) {
    display: none
}

.accordion-body.show ~ div > div > *:first-child {
    display: none
}

.accordion-body.show ~ div > div > *:nth-child(2) {
    display: block
}

.accordion-button-2 {
    z-index: 1;
    padding: 14px;
    background-color: #fff;
    box-shadow: 0 0 36px 0 rgba(0,0,0,.3);
}

/* Override disabled arrow on bell.css */
.disabled-arrow.form-control-select + span {
    color: #BABEC2;
}

/* Override radius on bell.css */
.mobility-form-custom .form-control {
    border-radius: 4px;
}

.topCenter-centered {
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%);
}

.accordionContainer a[aria-expanded=true] span:not(.icon) {
    font-size: 14px;
    color: #0F0F0F;
}

.accordion-wrap .accordion-content {
    text-decoration: none;
}

/*START Radio Button*/
.radio-container {
    border: 1px solid #D4D4D4;
    background-color: #FFFFFF;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);
    padding: 24px;
    border-radius: 4px;
}

.radio-container {
    padding: 15px;
    height: 54px;
    display: flex;
    align-items: center;
}

.graphical_ctrl input:checked ~ span {
    color: #111;
}

.ctrl_radioBtn .ctrl_element:after {
    left: 5px;
    top: 5px;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    background: #fff;
}

.ctrl_element {
    position: absolute;
    top: -3px;
    left: 0;
    height: 25px;
    width: 25px;
    background: #fff;
    border: 1px solid #555555;
    box-shadow: inset 0 0 2px 0 rgba(0,0,0,.2);
}

.v-center {
    top: 50%;
    transform: translateY(-50%);
}

.graphical_ctrl input:checked ~ * {
    color: #003778;
}

.graphical_ctrl input[type="radio"]:focus ~ .ctrl_element {
    outline: none;
}

.checkbox-container.checked-border, .radio-container.checked-border {
    border: 2px solid #003778;
}


.display-radio-container {
    display: none;
}

    .display-radio-container.block {
        display: block;
    }

.radio-container-multi-sim-selected.radio-container.checked-border {
    border: 3px solid #00549A;
}
/*END Radio Button*/
/*START Multi Sim Card Radio Button*/
.radio-container-multi-sim-selected {
    border: 1px solid #e1e1e1;
    box-shadow: 0 6px 25px 0 rgba(0,0,0,.12);
    border-radius: 10px;
    height: auto;
}

    .radio-container-multi-sim-selected .big-price {
        right: 0;
        top: -5px;
    }

    .radio-container-multi-sim-selected .graphical_ctrl input ~ * {
        color: #555;
    }

    .radio-container-multi-sim-selected .graphical_ctrl input ~ div > span {
        color: #111;
    }

    .radio-container-multi-sim-selected .graphical_ctrl input:checked + * {
        font-weight: bold;
        color: #111;
    }

    .radio-container-multi-sim-selected .ctrl_radioBtn .ctrl_element {
        top: 0;
    }
/*END Multi Sim Card Radio Button*/


.price-strike {
    color: #555;
}

    .price-strike del {
        text-decoration: line-through 2px;
        -webkit-text-decoration: line-through 2px;
    }

.price_inactive {
    text-decoration: line-through;
    color: #BABEC2;
}

.bg-image-cover-no-repeat-bottom {
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

.icon-circle-25 {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    position: relative;
}

.margin-neg-10-t {
    margin-top: -10px;
}

.text-tag-positioned {
    position: absolute;
    top: -20px;
    left: 30px;
    transform: translateY(50%);
}

.margin-neg-40-t {
    margin-top: -40px;
}

.centerView {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.innerShadowContainer {
    box-shadow: inset 0 0 80px 30px rgba(0,0,0,0.05);
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 3;
}

.destination-content-details > div {
    display: none;
}

.table-scrollable-wrapper tbody td {
    padding: 0;
}

    .table-scrollable-wrapper tbody td div.inner-content {
        padding: 15px 15px;
    }


/* Start of Coverage Map Custom Css */
.map-custom-height {
    min-height: 445px;
}

.coverage-map-custom-height {
    min-height: 300px;
    padding-left: 0px;
    padding-right: 0px;
}

.coverage-map-box-shadow {
    box-shadow: inset 1px 0 0 0 #E1E1E1, inset -1px -1px 0 0 #E1E1E1;
}

.coverage-map-tile-color-round {
    height: 14px;
    width: 14px;
    border-radius: 50%;
}

    .coverage-map-tile-color-round > img {
        vertical-align: baseline;
    }


/* End of Coverage Map Css*/

.map-scrollbar::-webkit-scrollbar {
    height: 6px;
}

.map-scrollbar::-webkit-scrollbar-track {
    background: #e1e1e1;
    height: 6px;
}

.map-scrollbar::-webkit-scrollbar-thumb {
    height: 6px;
    background: #003778;
    border-radius: 4px;
}

.list-description-wrap {
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    position: relative;
}

    .list-description-wrap .list-description-item {
        width: calc(100%/2);
        margin-bottom: 15px;
    }

.img-h-centerView {
    margin-left: 50%;
    transform: translateX(-50%);
    min-width: 100%;
}


.img-work-study-centerView {
    margin-left: 50%;
    transform: translateX(-50%);
}


.progress.progress-responsive-2 {
    height: 26px;
}
/*START Tablist pills blue*/
.tablist-pills-container.tablist-pills-container-blue ul {
    padding: 3px;
    border-radius: 18px;
}

    .tablist-pills-container.tablist-pills-container-blue ul li {
        padding: 6px 20px;
    }

        .tablist-pills-container.tablist-pills-container-blue ul li[aria-selected=true] {
            background-color: #00549A;
            color: #fff;
            border-radius: 15px;
        }
/*END Tablist pills blue*/
.tablist-pills-container-white ul {
    background: #fff;
    border: 1px solid #E1E1E1;
}

.box-vignette-vertical {
    background: linear-gradient(-180deg, #fafafa, #f4f4f4);
}
/* Start custom transparent button for slick carousel*/
.slick-transparent-button.slick-prev,
.slick-transparent-button.slick-next {
    box-shadow: none;
    border: 1px solid transparent;
    color: #00549a;
    background-color: transparent;
    opacity: 1;
}

    .slick-transparent-button.slick-prev:focus,
    .slick-transparent-button.slick-next:focus,
    .slick-transparent-button.slick-prev:hover,
    .slick-transparent-button.slick-next:hover {
        box-shadow: none;
        border: 1px solid #00549a;
        color: #00549a;
    }

        .slick-transparent-button.slick-next:focus:before,
        .slick-transparent-button.slick-prev:focus:before,
        .slick-transparent-button.slick-next:hover:before,
        .slick-transparent-button.slick-prev:hover:before {
            color: #00549a;
        }

    .slick-transparent-button.slick-prev.slick-disabled:focus:before,
    .slick-transparent-button.slick-next.slick-disabled:focus:before {
        opacity: 1;
    }

/* End custom transparent button for slick carousel*/

label.checkbox-filter.checked, label.radio-filter.checked {
    background: #003778;
    color: #fff;
}

label.radio-filter.checked {
    border-color: #003778;
}

input.checkbox-filter.checked + label, input.radio-filter.checked + label {
    background: #003778;
    color: #fff;
}

input.checkbox-filter:focus + label, input.radio-filter:focus + label {
    box-shadow: 0 0 0 3px #fff, 0 0 2px 3px #fff, 0 0 4px 5px #5fb0fc, 0 0 2px 5px #8ec6fc;
}

/*Fix for accessibility issue: hide focusable element under an inactive .slick-slide*/
.slick-slide[aria-hidden="true"] .tooltip-interactive, .slick-slide[aria-hidden="true"] .tooltip-static, [aria-hidden="true"] [role="radio"] {
    display: none !important;
}

/* fix for BTC-6508 see the motorola on tablet */
main a:hover > .anchor-text > span, main a:focus > .anchor-text > span {
    text-decoration: underline;
}

/* START Our Network Classes (BM-4750) */
.network-coverage-banner {
    background-color: #023877;
}

.network-coverage-container {
    top: -55%;
    right: 0;
}


.our-network-img-banner {
    background-repeat: no-repeat;
}

.our-network-img-5g {
    margin-left: 50%;
    transform: translateX(-53%);
}
/* END Our Network Classes (BM-4750) */

.more-about-carousel .image-wrap {
    width: 260px;
    height: 225px;
}

/* START Accordion Tab Panel */
.tab-track-border-left::before {
    content: "";
    width: 1px;
    background: #000;
    position: absolute;
}

.tab-track-border-left {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
}

.tab-track-thumb {
    top: 0;
    height: 0px;
    background: #FFF;
    width: 4px;
    transition: all 600ms cubic-bezier(0.64, 0.04, 0.35, 1);
}

.panel-with-arrow-bottom:after {
    content: "";
    border: 15px solid transparent;
    border-top-color: #F4F4F4;
    bottom: -30px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.animated-tab .slick-dots {
    position: absolute !important;
    top: 0px;
}

.animated-tab .white-dots .slick-dots li.slick-active button {
    background-color: #ffffff;
}

.animated-tab .white-dots .slick-dots li button {
    border: 1px solid #ffffff;
    opacity: 1;
    background-color: transparent;
}

.mobility-circle-icon.tooltip-interactive.active {
    z-index: 9999;
}

/* Start Simplified Header */

.simplified_header {
    box-shadow: 1px 2px 4px 0 rgba(0,0,0,0.24);
    z-index: 1001;
}

    .simplified_header .connector-brand {
        top: auto;
        position: relative;
    }

        .simplified_header .connector-brand a:before,
        .simplified_header .connector-brand:after {
            content: "";
        }

    .simplified_header .connector-nav {
        display: flex;
        top: auto;
        position: relative;
        background: transparent;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 50;
        overflow: auto;
    }

    .simplified_header .connector-nav {
        height: 55px;
    }

        .simplified_header .connector-nav.region-selector-popup {
            overflow: visible;
        }

    .simplified_header .connector .connector-brand a {
        top: -1px;
    }

    .simplified_header .federal-bar-links {
        font-size: 12px;
        line-height: 14px;
        letter-spacing: normal;
    }

    .simplified_header .vertical-text-divider::before {
        background-color: #fff;
        content: "";
        display: inline-block;
        height: 13px;
        margin: -2px 10px 0 10px;
        vertical-align: middle;
        width: 1px;
    }

    .simplified_header .federal-bar-links a,
    .simplified_header .federal-bar-links a:link,
    .simplified_header .federal-bar-links a:visited {
        color: #fff;
    }

        .simplified_header .federal-bar-links a:hover,
        .simplified_header .federal-bar-links a:active {
            text-decoration: underline;
        }

    .simplified_header .federal-bar-select-provinces-popup a:hover {
        text-decoration: none;
    }

    .simplified_header a.active .checkbox:after {
        color: #00549a;
    }

    .simplified_header .federal-bar-select-provinces-popup a:hover .label-text {
        color: #555555;
        font-weight: normal;
    }

    .simplified_header .federal-bar-select-provinces-popup a {
        height: auto;
    }

    .simplified_header .federal-bar-select-provinces .checkbox {
        border: none;
        background-color: transparent;
        box-shadow: none;
        height: 22px;
    }

    .simplified_header .caret:after {
        display: block;
    }

    .simplified_header .popup.caret:after {
        border-width: 12px;
        left: calc(50% + 100px);
    }

    .simplified_header .federal-bar-select-provinces-popup {
        display: none;
        position: absolute;
        left: auto;
        right: -17px;
        z-index: 100;
        background: inherit;
        background-color: white;
        padding: 15px 10px;
        box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);
        top: 26px;
        width: 250px;
        text-transform: none;
        border-radius: inherit;
    }

    .simplified_header .federal-bar-select-provinces-popup {
        top: 29px;
    }

    .simplified_header .federal-bar-select-provinces .label {
        text-transform: initial;
        padding: 5px 5px 3px 7px;
        text-transform: none;
        cursor: pointer;
    }

        .simplified_header .federal-bar-select-provinces .label:hover,
        .simplified_header .federal-bar-select-provinces .label:focus {
            background: #e1e1e1;
            border-radius: 3px;
        }

        .simplified_header .federal-bar-select-provinces .label.active .label-text {
            color: #00549a;
            font-weight: bold;
        }

        .simplified_header .federal-bar-select-provinces .label .label-text {
            font-size: 13px;
            color: #555555;
        }

        .simplified_header .federal-bar-select-provinces .label.disabled {
            cursor: default;
        }
/* End Simplified Header */

.caption-table-top {
    color: inherit;
    caption-side: top;
}

.slick-small-container .slick-arrow {
    transform: translateY(50%);
}

body.is_tabbing .slick-small-container .slick-slide:focus .content {
    box-shadow: 0 0 0px 3px #f4f4f4, 0 0 2px 3px #f4f4f4, 0 0 4px 5px #5fb0fc, 0 0 2px 5px #8ec6fc;
}

.slick-small-container .slick-arrow:focus,
.slick-small-container .slick-arrow:hover {
    box-sizing: border-box;
    border: 1px solid #2B96E4;
    box-shadow: 0 0 1px 1px #2B96E4;
}

body.is_tabbing .slick-small-container .slick-slide:focus {
    box-shadow: none;
}

.tooltip-interactive.icon-info, [class*='tooltip-'].icon-info {
    color: #707070;
}

.custom-tooltip.icon-info {
    color: #707070;
}

/*start infoblock-slider-no-shadow custom css*/
.infoblock-slider-no-shadow .slick-arrow.slick-disabled {
    opacity: 0;
    cursor: default;
}

.infoblock-slider-no-shadow .slick-dots {
    padding-top: 2px;
}
/*end infoblock-slider-no-shadow custom css*/

.roaming-color-box {
    height: 17px;
    width: 17px;
    border-radius: 5px;
}

#video-modal [data-dismiss="modal"] {
    text-shadow: none;
    font-size: inherit;
}

/*START Override Coverage Map Checkbox color*/
#coverageContainer .graphical_ctrl input:checked ~ .ctrl_element {
    background: #0075ff;
    border: 1px solid #0075ff;
}
/*END Override Coverage Map Checkbox color*/

main .more-ways-to-shop a:hover .anchor-text > span, main .more-ways-to-shop a:focus .anchor-text > span {
    text-decoration: none;
}

[class*="savings-"], div[data-default-member-count] [class*="icon-o-"], [class*="member-text-"] {
    display: none
}

.slider-rotating-carousel-component .slick-list {
    transition: height .2s;
}

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

    .img-huawei-tablet {
        height: 200px;
    }

    .top-neg-15-md {
        top: -15%;
    }

    .margin-neg-85-t-md {
        margin-top: -85px;
    }
}

/* Tablet Only */
@media (max-width: 991.98px) and (min-width: 768px) {
    .width-175-sm {
        width: 175px
    }

    .more-ways-to-shop .bell-bottom-links > li {
        margin: auto 0px;
    }

    .banner-crop-img.rightView-0-sm {
        position: absolute;
        height: 100%;
        width: auto;
        top: 50%;
        right: 0%;
        transform: translate(0%,-50%);
    }

    .text-tag-positioned {
        left: -1%;
        transform: translateY(50%);
    }

    .map-custom-height {
        min-height: 338px;
    }

    .top-sm-15 {
        top: 15px;
    }

    .max-width-160-sm {
        max-width: 160px;
    }

    /*custom for slick slider button*/
    .slick-arrow-clear.infoblock-slider .slick-prev, .slick-arrow-clear.infoblock-slider .slick-next {
        transform: translateY(20%);
        margin: 0px 30px;
    }

    /*custom for input search*/
    input::-webkit-input-placeholder {
        max-width: 88%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    input::-moz-placeholder {
        max-width: 88%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .img-work-study-centerView {
        margin-left: 50%;
        transform: translateX(-56%);
    }

    .top-neg-10-sm {
        top: -10%;
    }

    /* START Our Network Classes (BM-4750) */
    .network-coverage-container {
        top: -45%;
        right: -60px;
    }

    .our-network-img-banner {
        background-position: calc(50% - 203px) 100%;
        background-size: 255%;
    }
    /* END Our Network Classes (BM-4750) */

    /*custom image for mobility promotions*/
    .lg-velvet-img {
        height: 205px;
    }

    .margin-neg-85-t-sm {
        margin-top: -85px;
    }

    .progress.progress-responsive.height-sm-55 {
        height: 55px;
    }

    /*slick-spacer-30-sm custom css*/
    .slick-spacer-30-sm .slick-list {
        padding-right: 8px;
        padding-left: 8px;
    }
}

@media (min-width: 768px) {
    .icon-text-container {
        min-width: 180px
    }

        .icon-text-container > div > span.icon {
            margin-top: 10px
        }

    .min-height-350-sm {
        min-height: 350px;
    }

    .tooltip-medium .tooltip {
        width: 290px;
    }

    .tooltip-medium .tooltip-inner {
        padding: 25px;
    }

    .tooltip-huge {
        width: 440px;
        line-height: 18px;
    }

        .tooltip-huge .tooltip-inner {
            padding: 25px;
            max-width: none;
        }

    .more-ways-to-shop .bell-bottom-links > li {
        flex: 1;
        justify-content: center;
        max-width: 215px;
        flex-basis: 100%;
    }

    .modal-dialog-md {
        width: 740px;
    }

    .modal-header {
        padding: 15px 30px 15px 30px;
    }

        .modal-header.multiline-header {
            height: auto;
            padding: 20px 20px 20px 30px;
        }

    .tab-control .header-tab-control ul li:last-child {
        margin-right: 0;
    }

    .border-sm-left-gray2 {
        border-left: 1px solid #e1e1e1;
    }
    /*START Porgress bar*/
    .progress.progress-responsive {
        height: 40px;
    }

        .progress.progress-responsive .progress-left-title span {
            font-size: 14px;
            color: #fff;
            padding-left: 15px;
        }

        .progress.progress-responsive .progress-title div span {
            color: #fff;
        }

        .progress.progress-responsive .progress-right-title {
            position: absolute;
            top: 0;
            right: 0;
            height: 100%;
        }
    /*END Porgress bar*/

    /*START Porgress bar 2 Right Title*/
    .progress-right-title-2 {
        position: absolute;
        top: 0;
        right: 0;
        height: 26px;
    }
    /*END Porgress bar*/


    .table-fixed-sm {
        table-layout: fixed;
    }

    .list-description-wrap .list-description-item {
        width: calc(100%/4);
        margin-bottom: 15px;
    }

    .margin-neg-right-75 {
        margin-right: -75px;
    }

    .radio-container-multi-sim-selected {
        padding: 30px 30px 25px 30px;
    }

        .radio-container-multi-sim-selected .ctrl_radioBtn .ctrl_element {
            top: -3px;
        }

    .width-percent-25 {
        width: 25%;
    }
    /* START Button-link Class */
    .button-link {
        border-radius: 20px;
        font-size: 15px;
        height: 35px;
        line-height: 17px;
        text-align: center;
        cursor: pointer;
        padding: 7px 28px;
        white-space: nowrap;
        color: #fff;
        background-color: #003778;
        border: 2px solid #003778;
        margin-left: auto;
    }

        .button-link:hover, .button-link:focus {
            color: #fff;
            background-color: #00549a;
            border-color: #00549a;
        }

        .button-link:focus {
            box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
        }
    /* END Button-link Class */

    /* START Button-link-3 Class */
    .button-link-3 {
        border-radius: 20px;
        font-size: 15px;
        height: 35px;
        line-height: 17px;
        text-align: center;
        cursor: pointer;
        padding: 7px 28px;
        white-space: nowrap;
        color: #fff;
        background-color: #003778;
        border: 2px solid #003778;
        margin-left: auto;
    }

        .button-link-3:hover, .button-link-3:focus {
            color: #fff;
            background-color: #00549a;
            border-color: #00549a;
        }

        .button-link-3:focus {
            box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
        }

    a:hover.button-link-3 > .anchor-text,
    a:focus.button-link-3 > .anchor-text {
        text-decoration: none;
    }

    /* END Button-link-3 Class */
    .banner-tablist.tablist-underlined-reg.tablist-underlined [role=tab]:not(:last-child) {
        margin-right: 30px;
    }

    /* Start Header Float Right Link Class (BTC-5100) */
    .title-viewAllLink {
        margin: 0;
    }

    .title-rightLink {
        position: absolute;
        bottom: 0;
        right: 0;
    }
    /* End Header Float Right Link Class (BTC-5100) */

    .more-about-carousel .image-wrap {
        width: 465px;
        height: 390px;
    }

    .more-about-carousel .button-wrap {
        height: 390px;
    }

    /* Custom for tab panel slider*/
    .tab-track {
        border-left: 4px solid #FFF;
    }

    .panelFadeIn {
        animation: panelFadeInEffect ease 1s;
    }

    .tabDescriptionFadeIn {
        position: relative;
        animation: tabDescriptionFadeInEffect 800ms cubic-bezier(0.64, 0.04, 0.35, 1);
    }
    /*START Tablist pills blue*/
    .tablist-pills-container.tablist-pills-container-blue ul {
        border-radius: 30px;
        padding: 4px;
    }

        .tablist-pills-container.tablist-pills-container-blue ul li {
            padding: 8px 30px;
        }

            .tablist-pills-container.tablist-pills-container-blue ul li[aria-selected=true] {
                border-radius: 30px;
            }
    /*END Tablist pills blue*/

    /* Start Fullscreen modal */
    .modal.show .modal-dialog.v-centered {
        top: 50%;
        transform: translateY(-50%);
    }
    /* End Fullscreen modal */
    .slick-small-container .slick-arrow {
        transform: translateY(45%);
    }

    /*slick-spacer-30-sm custom css*/
    .slick-spacer-30-sm {
        margin-left: -15px;
        margin-right: -15px;
    }

        .slick-spacer-30-sm .slick-slide {
            margin-left: 15px;
            margin-right: 15px;
        }

    /*Coverage Map custom css*/
    .coverage-map-custom-height {
        min-height: 395px;
    }

    .roaming-color-box {
        height: 22px;
        width: 22px;
        border-radius: 5px;
    }
}

@media (max-width: 767.98px) {
    .top-neg-30 {
        top: -30%;
    }

    .max-wdith-none-xs {
        max-width: none;
    }

    .max-width-285-xs {
        max-width: 285px;
    }

    .more-ways-to-shop .bell-bottom-links > li > a .anchor-icon {
        flex-shrink: 0;
        height: 60px;
        width: 60px;
    }

    .more-ways-to-shop .bell-bottom-links > li > a .anchor-text {
        margin-left: 15px;
    }

    .title.banner-title {
        font-size: 24px;
        line-height: 26px;
    }

    .centerView-xs {
        margin-left: 50%;
        transform: translateX(-50%);
    }

    .form-control-search-box.form-control-search-box-xs input {
        padding: 11px 16px 11px 32px;
    }

    .form-control-search-box.form-control-search-box-xs .icon {
        position: absolute;
        left: 20px;
        top: 15px;
        font-size: 15px;
        color: #ccc;
    }

    .box-round-transform div:not(:only-child):first-child > div {
        border-radius: 10px 10px 0 0;
        border-bottom: none;
    }

    .box-round-transform div:not(:only-child):last-child > div {
        border-radius: 0 0 10px 10px;
    }
    .hp-banner-content-wrap .big-title {
        font-size: 24px;
    }
    /*custom for modal tooltip*/
    .modal.modal-tooltip .modal-body, .modal-footer .tooltip-mobile {
        padding: 0px 30px 30px;
        margin-bottom: 0px;
        margin-top: 0px;
    }

        .modal.modal-tooltip .modal-body .tooltip-mobile-overlay {
            background-color: rgba(0, 0, 0, 0.6) !important;
        }

    /*custom for image banner*/
    .our-network-img-banner {
        background-size: 350%;
        background-position: calc(50% - 225px) 74%, bottom;
    }

    /*custom image for mobility promotions*/
    .lg-velvet-img {
        height: 165px;
    }

    /*custom video banner*/
    .video-h-centerView {
        transform: translateX(-17%);
        min-width: 141%;
    }

    /* Mobile Slider */
    .transform-slick-slide.slick-initialized .slick-list {
        overflow: visible;
        margin: 0 -30px;
        margin-left: -40px;
        padding: 0 30px;
        padding-left: 30px;
        padding-right: 25px;
    }

    .transform-slick-slide.slick-initialized .slick-track {
        display: flex;
        margin-left: -22.5px;
        padding: 30px;
        padding-right: 40px;
        padding-left: 40px;
        width: 100%;
    }

        .transform-slick-slide.slick-initialized .slick-track.margin-n30-left {
            margin-left: -30px;
        }

        .transform-slick-slide.slick-initialized .slick-track.margin-n15-left {
            margin-left: -15px;
        }

    .slick-arrow-clear.infoblock-slider .slick-prev, .slick-arrow-clear.infoblock-slider .slick-next {
        margin: 0px 5px;
        transform: translateY(5%);
    }

    /*Slick full width*/
    .transform-slick-slide.slick-initialized.slick-full-width .slick-list {
        overflow: hidden;
        margin: 0px;
        margin-left: 0px;
        margin-right: 0px;
        padding: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .transform-slick-slide.slick-initialized.slick-full-width .slick-track {
        display: flex;
        margin-left: 0;
        padding: 0px;
        padding-right: 0px;
        padding-left: 0px;
    }

        .transform-slick-slide.slick-initialized.slick-full-width .slick-track.margin-n30-left {
            margin-left: 0px;
        }

        .transform-slick-slide.slick-initialized.slick-full-width .slick-track.margin-n15-left {
            margin-left: 0px;
        }
    /*End Slick full width*/

    .transform-slick-slide.slick-initialized {
        width: 100%;
        margin: 0 auto;
    }

        .transform-slick-slide.slick-initialized .slick-slide {
            height: auto;
        }

            .transform-slick-slide.slick-initialized .slick-slide > div {
                height: 100%;
            }

            .transform-slick-slide.slick-initialized .slick-slide .slickSlide {
                height: 100%;
            }

                .transform-slick-slide.slick-initialized .slick-slide .slickSlide .two-column-card {
                    height: 100%;
                }

        .transform-slick-slide.slick-initialized .slick-dots {
            margin-top: -5px;
            margin-right: -20px;
        }

        /*START slick dot full width*/
        .transform-slick-slide.slick-initialized .slick-dots {
            margin-top: 0px;
            margin-right: 0px;
        }
    /*END slick dot full width*/

    .slick-container .slide-top-content {
        justify-content: center;
    }

    .slick-container .slide-top-content-info {
        padding-left: 10px;
    }

    .transform-slick-slide .slick-dots li button {
        border: 1px solid #555555;
        opacity: 1;
        background-color: #fff;
    }

    .transform-slick-slide .slick-dots li.slick-active button {
        background-color: #555555;
    }

    /*End of Mobile Slider*/

    .list-xs-inside {
        list-style-position: inside;
    }

    .column-spacer-15 > div {
        padding-left: 0;
        padding-right: 0;
    }

    .column-spacer-15 > .width-xs-50-percent {
        padding-left: 7.5px;
        padding-right: 7.5px;
        width: 50%;
    }

    .column-spacer-xs-15 > div {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }

    .ctrl_radioBtn .ctrl_element {
        top: 50%;
        left: 0;
    }

    .small-price.small-price-xs,
    .small-price.small-price-xs > span {
        font-family: Arial;
        font-size: 14px;
        line-height: 18px;
        top: 0;
        margin-right: 0;
        letter-spacing: normal;
        font-weight: bold;
    }

        .small-price.small-price-xs span:last-of-type {
            margin-left: 0;
        }
    /*START Porgress bar*/
    .progress.progress-responsive {
        height: 8px;
        overflow: visible;
        margin-bottom: 53px;
    }

        .progress.progress-responsive .progress-left-title span {
            font-size: 14px;
            bottom: -23px;
            position: absolute;
        }

        .progress.progress-responsive .progress-title div {
            bottom: -23px;
            position: absolute;
        }

        .progress.progress-responsive .progress-right-title {
            position: absolute;
            bottom: -18px;
            right: 0;
            height: 100%;
        }

    .margin-b-data-add-ons.progress.progress-responsive,
    .last-child-mb-0.progress.progress-responsive:last-child {
        margin-bottom: 37px;
    }

    .last-child-mb-0 .progress.progress-responsive:last-child {
        margin-bottom: 20px;
    }

    .margin-b-pay-per-use-flex-data.progress.progress-responsive {
        margin-bottom: 53px;
    }
    /*END Porgress bar*/
    .list-indent-15-xs li, .nested-list-indent-15-xs ul li, .nested-list-indent-15-xs ol li {
        margin-left: 15px;
        text-indent: -15px;
    }

    .text-tag-positioned {
        top: -10px;
        left: 45%;
        transform: translateX(-50%);
    }

    .text-tag-positioned-left {
        left: 5px;
    }

    /* Custom table with scroll */
    .table-scrollable-wrapper {
        border-right: 1px solid #d4d4d4;
    }

        .table-scrollable-wrapper::-webkit-scrollbar {
            height: 8px;
        }

        .table-scrollable-wrapper tbody td div.inner-content {
            padding: 15px 15px;
        }


    .map-custom-height {
        min-height: 265px;
    }

    .table-scrollable-wrapper::-webkit-scrollbar-track {
        background: #e1e1e1;
        height: 8px;
    }

    .table-scrollable-wrapper::-webkit-scrollbar-thumb {
        height: 8px;
        background: #003778
    }

    .table-scrollable-wrapper-2 tbody td div.inner-content {
        padding: 12px 15px;
    }

    .expander-description {
        max-height: 95px;
        overflow: hidden;
        position: relative;
        transition: max-height 0.3s ease-out;
    }

        .expander-description:after {
            background: linear-gradient(180deg, rgba(255,255,255,0) 0%, #FFFFFF 100%);
            content: '';
            bottom: 0;
            height: 58px;
            left: 0;
            pointer-events: none;
            position: absolute;
            width: 100%;
            display: block;
        }

        .expander-description[style]:after {
            display: none;
        }

    .expander-description-control[aria-expanded="true"] .collapse-text, .expander-description-control[aria-expanded="false"] .expanded-text {
        display: none;
    }

    .expander-description-control[aria-expanded="false"] .collapse-text, .expander-description-control[aria-expanded="true"] .expanded-text {
        display: inline;
    }

    .max-height-xs-155,
    .expander-description.max-height-xs-155 {
        max-height: 155px;
    }

    .form-control-search-box input.no-border-radius-xs {
        border-radius: 0;
    }

    .width-315 {
        width: 315px;
    }

    /* START mobile Override Opacity Dots Behavior */

    .opacityDots .slickDots-container {
        width: 132px;
        overflow: hidden;
        display: block;
        padding: 0;
        margin: 0 auto;
        height: 15px;
        position: relative;
    }

        .opacityDots .slickDots-container > ul.slick-dots {
            padding: 0;
            display: flex;
            transition: all 0.25s;
            position: relative;
            margin: 0;
            list-style: none;
            align-items: center;
            bottom: unset;
            height: 100%;
        }

            .opacityDots .slickDots-container > ul.slick-dots li {
                width: 0.625rem;
                height: 0.625rem;
                margin: 0 0.25rem;
            }

                .opacityDots .slickDots-container > ul.slick-dots li button {
                    display: block;
                }

    .opacityDots .slick-dots li.opacity-20 {
        opacity: 0.2;
    }

    .opacityDots .slick-dots li.opacity-50 {
        opacity: 0.5;
    }

    /* END mobile Override Opacity Dots Behavior */

    /* AsideNav css */
    #magic-line {
        display: none;
    }

    .subnav-wrap {
        border: 1px solid #D4D4D4;
        margin-bottom: 30px;
        border-radius: 10px;
        padding-top: 25px;
        padding-right: 0;
    }
    /* END of AsideNav css */

    .modal-header .close.custom-modal-close-xs {
        margin: 0 -15px 0 0 !important;
        padding: 10px !important;
    }

    .border-lightGray-top-xs {
        border-top: 1px solid #d4d4d4;
    }

    /* START Button-link Class */
    .button-link {
        color: #00549a;
        text-decoration: underline;
    }

        .button-link:hover, .button-link:focus {
            text-decoration: none;
        }
    /* End Button-link Class */


    /* START Button-link Class */
    .button-link-3 {
        font-weight: bold;
    }
    /* End Button-link Class */

    /* Start Header Float Right Link Class (BTC-5100) */
    .title-viewAllLink {
        text-align: right;
        margin-top: 15px;
        margin-bottom: 0px;
    }

    .title-rightLink {
        padding: 0;
        margin: 0;
        line-height: 1;
        color: #00549a;
        background-color: transparent;
        text-decoration: underline;
        white-space: nowrap;
        border: none;
    }
    /* End Header Float Right Link Class (BTC-5100) */

    /* START Our Network Classes (BM-4750) */
    .network-coverage-container {
        top: auto;
        bottom: -68px;
        right: -40px;
    }

    .our-network-img-5g {
        margin-left: 50%;
        transform: translateX(-50%);
    }
    /* END Our Network Classes (BM-4750) */

    /* tab margin for mobile */
    .tab-control .header-tab-control.tab-margin-xs ul li:not(:last-child) {
        margin-right: 10px;
    }

    .tab-control .header-tab-control.tab-margin-xs ul li:last-child {
        margin-right: 0px;
    }

    .right-15-xs {
        right: 15px;
    }

    .slick-small-container .slick-prev {
        margin-left: -5px;
    }

    .slick-small-container .slick-next {
        margin-right: -5px;
    }

    .tile-price-down .big-price,
    .tile-price-apr .big-price {
        font-size: 30px;
    }

        .tile-price-down .big-price span,
        .tile-price-apr .big-price span {
            font-size: 14px;
        }
}

/*Start of migrated carousel banner for homepage banners*/
.slider-rotating-carousel-component {
    position: relative;
}

.slider-rotating-carousel-list-left .slider-rotating-carousel-buttons {
    bottom: 33px;
    right: auto;
    left: 15px;
}

.slider-rotating-carousel-list-left.carousel-list-standard-position .slider-rotating-carousel-buttons {
    bottom: 18px;
}

.slider-rotating-carousel-list-right-md.carousel-list-standard-position .slider-rotating-carousel-pause {
    bottom: 15px;
}

/*fix for the  slider showing multiple images*/
.slider-rotating-carousel-component .slider-rotating-carousel {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    max-height: 445px;
}

    .slider-rotating-carousel-component .slider-rotating-carousel.slick-initialized {
        visibility: visible;
        opacity: 1;
        max-height: initial;
    }

.slider-rotating-carousel-banner.slider-rotating-carousel-height {
    height: 440px;
    overflow: hidden;
}

.slider-rotating-content-component-wrap {
    text-align: center;
    z-index: 1;
    padding: 30px 15px 15px;
}

/* Carousel styles - START */
.slider-rotating-carousel-buttons {
    position: absolute;
    bottom: 29px;
    left: 15px;
    height: 34px;
    border-radius: 16px;
    background-color: #fff;
    list-style: none;
    display: flex;
    flex-direction: row;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.2);
    margin: 0;
    padding: 4px 2px;
}

.slider-rotating-carousel-button {
    position: relative;
    border-radius: 50%;
    border: none;
    height: 26px;
    width: 26px;
    background-color: #fff;
    color: #003778;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    margin: 0 2px;
    padding: 0;
}

    .slider-rotating-carousel-button:hover {
        text-decoration: none;
        cursor: pointer;
    }

.slider-rotating-carousel-pause:hover,
.slider-rotating-carousel-component :hover,
.slider-rotating-carousel-pause-bg:hover,
.slider-rotating-carousel-pause-bg::before:hover,
.slider-rotating-carousel-pause-bg::before:hover {
    cursor: pointer;
}

.slider-rotating-carousel-button > * {
    pointer-events: none;
}

.slider-rotating-carousel-buttons > li.slick-active > .slider-rotating-carousel-button {
    color: #fff;
    background-color: #00549A;
	 border-radius: 50%;
}
.slider-rotating-carousel-buttons > li.slick-active > .slider-rotating-carousel-button:focus {
outline: 2px solid #0075ff!important;
outline-offset: 2px!important;
}
.slider-rotating-carousel-pause {
    height: 38px;
    width: 38px;
    border-radius: 50%;
    border: none;
    background-color: transparent;
    position: absolute;
    bottom: 26px;
    right: 15px;
    z-index: 10;
    padding: 0;
    cursor: pointer;
}

.slider-rotating-carousel-pause-bg {
    height: 34px;
    width: 34px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    background-color: #FFF;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.2);
    pointer-events: none;
}

svg.slider-rotating-carousel-progress {
    overflow: visible;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    transform: rotate(-90deg);
}

    svg.slider-rotating-carousel-progress circle.slider-rotating-carousel-progress_initial {
        display: none;
    }

    svg.slider-rotating-carousel-progress circle {
        stroke: #0075FF;
        stroke-width: 3px;
        stroke-dasharray: 125;
        stroke-dashoffset: 0;
        fill: rgba(225,255,255,0);
    }

.slider-rotating-carousel-pause[data-pressed="false"] .slider-rotating-carousel-pause-bg:before, .slider-rotating-carousel-pause[data-pressed="false"] .slider-rotating-carousel-pause-bg:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: calc(50% - 3px);
    transform: translate(-50%,-50%);
    height: 10px;
    width: 0;
    border: 1px solid #003778;
    z-index: 1;
    background-color: #003778;
}

.slider-rotating-carousel-pause[data-pressed="false"] .slider-rotating-carousel-pause-bg:before {
    left: calc(50% + 3px);
}

.slider-rotating-carousel-pause[data-pressed="true"] .slider-rotating-carousel-pause-bg:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: calc(50% + 1px);
    transform: translate(-50%,-50%);
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 11px solid #003777;
    z-index: 1;
}
/* Carousel styles - END */

.bell-tag-position {
    top: 10px;
    left: 10px;
}
/* Custom banner styles - START */

.slider-rotating-carousel .default-height {
    height: 440px;
    overflow: hidden;
}


@media (max-width: 639px) {
    .slider-rotating-content-component-wrap {
        height: auto;
    }
}

@media (min-width: 640px) {
    .slider-rotating-content-component-wrap {
        padding-top: 15px;
        flex-grow: 1;
        width: 40%;
        padding-right: 20px;
        padding-left: 0;
        z-index: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: left;
    }
    #tablist-tabpanel .side-tab-control {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
}

@media (min-width: 767.98px) {
    /* Carousel styles - START */
    .slider-rotating-carousel-buttons {
        bottom: 33px;
        right: 82px;
        left: auto;
    }

    .slider-rotating-carousel-list-left .slider-rotating-carousel-buttons {
        bottom: 32px;
        right: auto;
        left: 33px;
    }

    .slider-rotating-carousel-list-right-sm .slider-rotating-carousel-buttons {
        bottom: 32px;
        right: 82px;
        left: auto;
    }

    .slider-rotating-carousel-pause {
        bottom: 30px;
        right: 27px;
    }

    .slider-rotating-carousel .text-container {
        width: 413px;
    }

    .slider-rotating-carousel .image-container {
        width: 461px;
    }

    .slider-rotating-carousel .default-height {
        height: 440px;
        overflow: hidden;
    }

    .table-min-width-70-xs tr th {
        min-width: 70px;
    }

    .tab-track-border-left::before {
        height: 100%
    }
}


@media (min-width: 992px) {
    .slider-rotating-carousel-list-right-md.carousel-list-standard-position .slider-rotating-carousel-buttons {
        bottom: 28px;
    }

    .slider-rotating-carousel-list-left.carousel-list-standard-position .slider-rotating-carousel-pause {
        bottom: 25px;
    }

    .slider-rotating-carousel-list-right-md .slider-rotating-carousel-buttons {
        bottom: 32px;
        right: 82px;
        left: auto;
    }
    .hp-banner-content-wrap .big-title {
        letter-spacing: -1px;
        line-height: 1.1;
    }
    /* Default banner-height */
    .slider-rotating-carousel .default-height {
        height: 440px;
        overflow: hidden;
    }

    .slider-rotating-carousel .max-width-330 {
        max-width: 330px;
    }

    .slider-rotating-carousel .image-container {
        min-width: 517px;
        max-width: 100%;
    }

    .slider-rotating-carousel .text-container {
        width: 330px;
    }

    .slider-rotating-carousel-pause {
        right: 16px;
    }

    .slider-rotating-carousel-buttons {
        right: 71px;
    }

    .list-description-wrap .list-description-item {
        width: calc(100%/6);
    }

    .lg-velvet-img {
        height: 210px;
    }

    .close-alert {
        bottom: 0;
    }

    /*custom for table*/
    .table-th-width-percent {
        width: 52%;
    }

    .width-300-md {
        width: 300px;
    }

    .button-link-2 {
        border-radius: 20px;
        font-size: 15px;
        height: 35px;
        line-height: 17px;
        text-align: center;
        cursor: pointer;
        padding: 7px 28px;
        white-space: nowrap;
        color: #fff;
        background-color: #003778;
        border: 2px solid #003778;
        margin-left: auto;
    }

        .button-link-2:hover, .button-link-2:focus {
            color: #fff;
            background-color: #00549a;
            border-color: #00549a;
        }

        .button-link-2:focus {
            box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
        }

    a:hover.button-link-2 > .anchor-text,
    a:focus.button-link-2 > .anchor-text {
        text-decoration: none;
    }

    .more-about-carousel .image-wrap {
        width: auto;
        height: auto;
    }

    /* Custom for tab panel slider*/
    /*Custom for two line text in progress bar desktop*/
    .progress.progress-responsive.height-md-55 {
        height: 55px;
    }

    /* Start Simplified header */
    .simplified_header .connector-brand-home {
        position: relative;
    }

    .simplified_header .connector-nav {
        height: 75px;
    }

    .simplified_header .connector .connector-brand a {
        top: auto;
    }
    /* End Simplified header */

    .slick-small-container .slick-arrow {
        transform: translateY(50%);
    }

    /*Coverage Map custom css*/
    .coverage-map-custom-height {
        min-height: 535px;
    }

    .roaming-color-box {
        height: 30px;
        width: 30px;
        border-radius: 5px;
    }
}

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

    /*custom for BM-4750*/
    .our-network-img-banner {
        background-position: calc(50% - 160px) 100%;
        background-size: 205%;
    }
}

@media (min-width: 1100px) {
    .tab-track-border-left::before {
        height: 425px;
    }

    .max-width-none-lg {
        max-width: none;
    }
}

@media (min-width:1200px) {
    .tab-track-border-left::before {
        height: 405px;
    }

    .height-680-lg {
        height: 680px;
    }

    .height-650-lg {
        height: 650px;
    }

    .height-375-lg {
        height: 375px;
    }

    .height-460-lg {
        height: 460px;
    }

    .height-695-lg {
        height: 695px;
    }

    .pad-h-lg-35 {
        padding-left: 35px;
        padding-right: 35px;
    }

    .max-height-500-lg {
        max-height: 500px;
    }

    .width-560-lg {
        width: 560px;
    }

    .width-575-lg {
        width: 575px;
    }

    .width-585-lg {
        width: 585px;
    }

    .width-610-lg {
        width: 610px;
    }

    .width-620-lg {
        width: 620px;
    }

    .width-805-lg {
        width: 805px;
    }


    .img-h-centerView-lg {
        min-width: unset;
    }

    .margin-top-neg-45-lg {
        margin-top: -45px;
    }
}

@media (max-width: 1239px) {
    .slick-overflow-visible .slick-list {
        overflow: visible;
    }
}

@media (min-width: 1240px) {
    /* Carousel styles - START */
    .slider-rotating-carousel-buttons {
        transform: translateX(600px);
        right: calc(50% + 55px);
        left: auto;
    }

    .slider-rotating-carousel-list-right-lg .slider-rotating-carousel-buttons {
        transform: translateX(600px);
        right: calc(50% + 55px);
        left: auto;
    }

    .slider-rotating-carousel-pause {
        transform: translateX(600px);
        right: 50%;
        left: auto;
    }
    /* Carousel styles - END */
    .slider-rotating-content-component-wrap {
        width: 40%;
        padding-right: 60px;
    }

    /*START Grey block Carousel Widescreen Style*/
    .grey-block-slick .slick-list {
        padding: 0;
        margin: 0;
    }

    .grey-block-slick .slick-track {
        margin-left: 0;
    }
    /*END Grey block Carousel Widescreen Style*/

    /*Carousel with border shadow Style START*/
    .box-shadow-slick {
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

        .box-shadow-slick::before,
        .box-shadow-slick::after {
            display: flex;
            content: ' ';
        }

        .box-shadow-slick .slick-list::before,
        .box-shadow-slick .slick-list::after {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 25px;
            background: #000;
            background: linear-gradient(90deg,rgba(255,255,255,1) 60%,rgba(255,255,255,0) 100%);
            z-index: 80;
        }

        .box-shadow-slick .slick-list::after {
            left: auto;
            right: 0;
            background: linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%);
        }

        .box-shadow-slick .slick-list {
            padding: 0 15px;
            overflow-y: visible;
            margin: 0 -7.5px;
        }

        .box-shadow-slick .slick-track {
            margin-left: 0;
        }

        .box-shadow-slick .slick-slide {
            position: relative;
            padding-top: 30px;
            padding-bottom: 50px;
        }

        .box-shadow-slick ul.slick-dots {
            margin-top: -15px;
        }

    /* Start hide inactive slides*/
    .hiddenInactive {
        margin-left: -30px;
        margin-right: -30px;
    }

        .hiddenInactive .slick-slide.offscreen {
            visibility: hidden;
        }

        .hiddenInactive .slick-list {
            padding-left: 30px;
            padding-right: 30px;
            overflow: hidden;
            padding-top: 30px;
            padding-bottom: 50px;
            margin-top: -30px;
            margin-bottom: -50px;
        }

        .hiddenInactive .slick-next {
            right: -5px;
            margin-top: 3px;
        }

        .hiddenInactive .slick-prev {
            left: -5px;
            margin-top: 3px;
        }

        .hiddenInactive.sliding .slick-list:before, .hiddenInactive.sliding .slick-list:after {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 30px;
            background: #000;
            background: linear-gradient( 90deg,rgba(255,255,255,1) 60%,rgba(255,255,255,0) 100%);
            z-index: 80;
        }

        .hiddenInactive.sliding .slick-list:after {
            left: auto;
            right: 0;
            background: linear-gradient( 90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%);
        }
    /*End hide inactive slides*/

    /*Carousel with border shadow Style END*/


    /* custom banner for (BM-4750) */
    .our-network-img-banner {
        background-position: calc(50% - 140px) 100%;
        background-size: 140%;
    }

    .big-title-lg {
        font-size: 40px;
        letter-spacing: -.7px;
        line-height: 46px;
    }

    .modal.show .modal-dialog.v-centered {
        top: 0;
        transform: none;
        position: relative;
    }

    /*start infoblock-slider-no-shadow custom class*/
    .infoblock-slider-no-shadow .slick-prev {
        left: 5px;
        margin-top: 19px;
    }

    .infoblock-slider-no-shadow .slick-next {
        right: 5px;
        margin-top: 19px;
    }

        .infoblock-slider-no-shadow .slick-next:before {
            top: 12px;
        }
    /*end infoblock-slider-no-shadow custom class*/

    /*slick-spacer-30-sm custom css*/
    .slick-spacer-30-sm {
        margin-left: -45px;
        margin-right: -45px;
    }
}

/*Carousel style overwritten - same height shadow box*/
.slider-rotating-carousel-component {
    background: #FFF;
}

    .slider-rotating-carousel-component .slick-track {
        display: flex;
    }

    .slider-rotating-carousel-component .slick-slide {
        display: flex !important;
        justify-content: center;
        /*vertical-align: top;
        float: none;
        position: relative;*/
    }

    /*Adding carousel with tabs style*/
    .slider-rotating-carousel-component + .nav-tabs-se {
        background: linear-gradient(to bottom,rgba(0,0,0,0.04) 0 100%);
        border-bottom: 1px solid #d4d4d4;
        background-color: #FFF;
    }

        .slider-rotating-carousel-component + .nav-tabs-se a.rsx-tabs-tab.rsx-active {
            position: relative;
            bottom: -1px;
            z-index: 1;
        }

        .slider-rotating-carousel-component + .nav-tabs-se .rsx-tabs:not(.rsx-tabs_vertical) .rsx-tabs-tab.rsx-active .rsx-tabs-tab-top {
            background-color: #fff;
            display: table-cell;
            float: none;
            vertical-align: middle;
        }

.slider-rotating-carousel-pause:hover, .slider-rotating-carousel-buttons .slider-rotating-carousel-button:hover {
    -webkit-appearance: button;
    cursor: pointer;
}

/*End of migrated carousel banner for homepage banners*/
/* Override the existing line-height of tab-control li */
.tab-control .header-tab-control ul li {
    line-height: 18px;
}



/*Tile Price*/
.tile-price-down {
    width: 25%;
}

.tile-price-month {
    width: calc(55% - 15px);
}

.tile-price-apr {
    width: 20%;
}

/* Radio Button */

.tile-color-round {
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 1px solid #999999;
}

.tile-color-round-2 {
    width: 14px;
    height: 14px;
    border-radius: 50%;
}

.tile-border {
    border: 2px solid #999999;
}

/*START Color pallette focus outline*/
.selected-color-pallette, .tile-color-round-2:focus {
    border-radius: 100%;
    border: 2px solid #00215E;
    background-clip: content-box;
    padding: 2px;
    width: 16px;
    height: 16px;
    box-shadow: none;
}

.tile-color-round-2:not(selected-color-pallette) {
    width: 16px;
    height: 16px;
}
/*END Color pallette focus outline*/

/* Phone Tile Colors */
.bgBlackPhone {
    background-color: #333;
}

.bgGrey {
    background-color: #E5E5E5;
}

.bgGrey3 {
    background-color: #999999;
}

.bgGrey4 {
    background-color: #535059;
}

.bgBluePhone {
    background-color: #1E68A7;
}

.bgBluePhone2, .bgLightBlue {
    background-color: #00549A;
}

.bgBluePhone3 {
    background-color: #48AEE6;
}

.bgBluePhone4 {
    background-color: #004878;
}

.bgBluePhone5 {
    background-color: #0F5E93;
}

.bgBluePhone6, .bgDarkBlue3 {
    background-color: #003778;
}

.bgSilver {
    background-color: #cacaca;
}

.bgCyan {
    background-color: #9AFAE2;
}

.bgCyan2 {
    background-color: #9AFAE2;
}

.bgRed {
    background-color: #C01E1E;
}

.bgRed2 {
    background-color: #B40202;
}

.bgRed3 {
    background-color: #b41325;
}

.bgRed4 {
    background-color: #C91A28;
}

.bgYellow2 {
    background-color: #EBBB4D;
}

.bgDarkYellow {
    background-color: #EBD058;
}

.bgDarkBlue2 {
    background-color: #01286D;
}

.bgKournikova {
    background-color: #F9D045;
}

.bgMaroon {
    background-color: #881919;
}

.bgMocha {
    background-color: #41444d;
}

.bgIllusionSunset {
    background-color: #dc3c6f;
}

.bgIllusionSunset2 {
    background-color: #FB3555;
}

.bgLavender {
    background-color: #CED9FF;
}

.bgLavender2 {
    background-color: #DCDBF7;
}

.bgBittersweet {
    background-color: #FF6F5A;
}

.bgPippin {
    background-color: #FFDCD3;
}

.bgPink {
    background-color: #f99;
}

.bgGreen {
    background-color: #aee1cd;
}

.bgLightGreen {
    background-color: #72F1E2;
}

.bgDarkGreen {
    background-color: #35B2A3;
}

.bgOrange {
    background-color: #f90;
}

.bgBronze, .bgMysticBronze {
    background-color: #cd7f32;
}

.bgMysticGrey, .bgAppleGrey {
    background-color: #999;
}

.bgGrey2, .bgAppleSilver {
    background-color: #E4E4E4;
}

.bgAppleRed {
    background-color: #af1e2d;
}

.bgViolet, .bgPurple {
    background-color: #d1cdda;
}

.bgViolet2 {
    background-color: #464EB2;
}

.bgGrainBrown, .bgAppleGold {
    background-color: #C9B8A3;
}

.bgRoseGold, .bgGold {
    background-color: #EAC6B6;
}

.bgAppleRed {
    background-color: #83b8f0;
}

.bgAppleGreen {
    background-color: #97da65;
}

.bgAppleRoseGold {
    background-color: #ffcccc;
}



.color-selector .bgBittersweet {
    background-color: #FF6F5A;
}

.color-selector .bgBlack {
    background-color: #333;
}

.color-selector .bgDarkBlue2 {
    background-color: #05457A;
}

.color-selector .bgBlue {
    background-color: #1E68A7;
}

.color-selector .bgBlue2 {
    background-color: #00549A;
}

.color-selector .bgBlue3 {
    background-color: #48AEE6;
}

.color-selector .bgBlue4 {
    background-color: #004878;
}

.color-selector .bgBlue5 {
    background-color: #0F5E93;
}

.color-selector .bgBlue6 {
    background-color: #003778;
}

.color-selector .bgBronze {
    background-color: #cd7f32;
}

.color-selector .bgCyan {
    background-color: #9AFAE2;
}

.color-selector .bgCyan2 {
    background-color: #9AFAE2;
}

.color-selector .bgGrainBrown, .color-selector .bgAppleGold {
    background-color: #C9B8A3;
}

.color-selector .bgGreen {
    background-color: #aee1cd;
}

.color-selector .bgGrey {
    background-color: #E5E5E5;
}

.color-selector .bgGrey2 {
    background-color: #E4E4E4;
}

.color-selector .bgGrey3 {
    background-color: #999999;
}

.color-selector .bgGrey4 {
    background-color: #535059;
}

.color-selector .bgGrey5 {
    background-color: #C2C2DF;
}

.color-selector .bgIllusionSunset {
    background-color: #dc3c6f;
}

.color-selector .bgIllusionSunset2 {
    background-color: #FB3555;
}

.color-selector .bgKournikova {
    background-color: #F9D045;
}

.color-selector .bgLavender {
    background-color: #CED9FF;
}

.color-selector .bgLavender2 {
    background-color: #DCDBF7;
}

.color-selector .bgMaroon {
    background-color: #881919;
}

.color-selector .bgMocha {
    background-color: #41444d;
}

.color-selector .bgMysticBronze {
    background-color: #cd7f32;
}

.color-selector .bgMysticGrey, .color-selector .bgAppleGrey {
    background-color: #999;
}

.color-selector .bgOrange {
    background-color: #f90;
}

.color-selector .bgPink {
    background-color: #f99;
}

.color-selector .bgPippin {
    background-color: #FFDCD3;
}

.color-selector .bgRed {
    background-color: #C01E1E;
}

.color-selector .bgRed2 {
    background-color: #B40202;
}

.color-selector .bgRed3 {
    background-color: #b41325;
}

.color-selector .bgRed4 {
    background-color: #C91A28;
}

.color-selector .bgRed5 {
    background-color: #B71A1A;
}

.color-selector .bgRoseGold, .color-selector .bgGold {
    background-color: #EAC6B6;
}

.color-selector .bgSilver {
    background-color: #cacaca;
}

.color-selector .bgViolet, .color-selector .bgPurple {
    background-color: #d1cdda;
}

.color-selector .bgWhite {
    background-color: #fff;
    border: 2px solid #999999;
}

.color-selector .bgWhite2 {
    background-color: #fff;
}

.color-selector .bgYellow2 {
    background-color: #EBBB4D;
}

.color-selector .bgMustard {
    background-color: #E79426;
}

.color-selector .bgAppleRed {
    background-color: #af1e2d;
}

.color-selector .bgAppleSilver {
    background-color: #E4E4E4;
}

.color-selector .bgMintGreen {
    background-color: #CAF0DA;
}

.color-selector .bgAppleRed {
    background-color: #83b8f0;
}

.color-selector .bgAppleGreen {
    background-color: #97da65;
}

.color-selector .bgAppleRoseGold {
    background-color: #ffcccc;
}




/* Start Car with multiple tooltips */

/* use together with .position-absolute */
.mobility-circle-icon {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: rgba(255,255,255,0.5);
    cursor: pointer;
    box-shadow: 3px 3px 10px 0 rgba(17,17,17,0.66);
    transform: translate(-50%, -50%);
}

    .mobility-circle-icon .inner-circle {
        width: 11px;
        height: 11px;
        border-radius: 50%;
        background-color: #FFF;
        top: 2px;
        left: 2px;
        cursor: pointer;
        transition: background-color .2s ease-in-out;
    }

        .mobility-circle-icon .inner-circle:hover {
            background-color: #003778
        }

/* Start override the default tooltip */
.connected-car .tooltip {
    width: 230px;
}

    .connected-car .tooltip p {
        line-height: 18px;
    }

.connected-car .tooltip-inner {
    padding: 30px;
    box-shadow: 0 14px 36px 0 rgba(0,0,0,0.3);
}

    .connected-car .tooltip-inner > div > div:first-child {
        margin-right: 30px;
    }
/* End override the default tooltip */

body.is_tabbing .connected-car .mobility-circle-icon:focus::after, body.is_tabbing .connected-car .tooltip:focus::after {
    content: "";
    box-shadow: 0 0 0 1px #fff;
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    top: -3px;
    left: -3px;
    display: block;
    border-radius: 50%;
    position: absolute;
}

body.is_tabbing .connected-car .tooltip:focus::after {
    border-radius: 0px;
}

@media (min-width: 768px) {
    .mobility-circle-icon {
        width: 26px;
        height: 26px;
    }

        .mobility-circle-icon .inner-circle {
            width: 18px;
            height: 18px;
            top: 4px;
            left: 4px;
        }

    .max-width-790 {
        max-width: 790px;
    }

    .height-405 {
        height: 405px;
    }
}
/* End Car with multiple tooltips */

@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) {
    .ie-margin-l-neg-10 {
        margin-left: -10px;
    }

    .disabled-select.form-control-select[disabled]::-ms-value {
        color: #BABEC2;
    }
}

@media screen and (-ms-high-contrast: active) and (max-width: 767.98px), (-ms-high-contrast: none) and (max-width: 767.98px) {
    .ie-margin-0 {
        margin: 0px;
    }

    .ie-margin-l-xs-25 {
        margin-left: 25px;
    }
}


@-moz-document url-prefix() {
    @media screen and (max-width: 767.98px) {
        ol.list-indent-15-xs li {
            margin-left: 25px;
            text-indent: -20px;
        }

        .list-indent-15-xs ul li, .list-indent-15-xs ol li {
            margin-left: 10px;
            text-indent: -17px;
        }

        .margin-l-xs-neg-5 {
            margin-left: 0;
        }
    }
}

/* Start slick override for car connectivity */

.car-video-slider .slick-slide {
    width: 104px !important;
    margin-right: 10px;
}

.car-video-slider .slick-arrow {
    display: none !important;
}

.icon-play-xs-40.icon-play_hover_multi .icon2.path1, .icon-play-xs-40.icon-play_hover_multi .icon2.path2 {
    font-size: 40px;
}

.icon-play-xs-40.iconBlock .icon2.path2:before {
    top: 0px !important;
}

.icon-play-xs-40.iconBlock .icon2.path1:before {
    top: 0px;
    left: 0px;
}

.car-video-container #video-player {
    width: 100%;
    height: 135px;
}

.car-video-slider img {
    border: 2px solid rgba(0, 84, 154, 0);
}

    .car-video-slider img.active {
        border: 2px solid #00549a;
    }

.car-video-slider .slick-list {
    overflow: visible;
}

.car-video-slider .slick-dots li.slick-active button {
    background: #555;
    opacity: 1;
}

.car-video-slider .slick-dots li button {
    border: 2px solid #555;
}

@media screen and (min-width: 768px) {
    .car-video-container #video-player {
        width: 100%;
        height: 337px;
    }

    .car-video-slider .slick-slide {
        width: 100px !important;
        margin-right: 10px;
    }
}

@media screen and (min-width:992px) {
    .car-video-container #video-player {
        height: 468.28px;
        width: 100%;
    }

    .height-520-md {
        height: 520px;
    }
}
/* End Slick Override for car connectivity*/

/* remove top position of play button */

.iconBlock .icon2.path2.top-0:before, .iconBlock .icon2.path1.top-0:before {
    top: 0px;
}

.iconBlock .icon2.path1.left-0:before {
    left: 0px;
}

/* Start Regular Search Bar */
.form-control-search-box input {
    background-color: #fff;
    border-radius: 34px;
    height: 44px;
    color: #555;
    padding: 11px 16px 11px 16px;
}

    .form-control-search-box input:focus {
        border: 2px solid #003778;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
        outline: 0 !important;
        box-shadow: 0 0 0 3px #fff, 0 0 2px 3px #fff, 0 0 4px 5px #5fb0fc, 0 0 2px 5px #8ec6fc;
    }

.form-control-search-box .icon {
    position: absolute;
    right: 22px;
    top: 10px;
}

/* End Regular Search Bar */
.background-center {
    background: center;
}

.background-no-repeat {
    background-repeat: no-repeat;
}

.background-cover {
    background-size: cover;
}


/* Start of Coverage Colors*/
.coverage-box {
    height: 30px;
    width: 30px;
    border-radius: 5px;
}

/* End of Coverage Colors*/

/* End of Signal Colors*/

.modal-dialog-video {
    width: 70%;
    max-width: 100%;
}

/* Start Google Map override */
.cluster span {
    top: -6px !important;
    position: absolute !important;
    background-color: white !important;
    line-height: 1 !important;
    border: 1px solid #00549A !important;
    padding-left: 2px !important;
    padding: 1px 2px 1px 2px !important;
    left: 18px !important;
    color: #00549A
}
/* End google map override */

.txtSize8 {
    font-size: 8px !important;
}

.txtSize6 {
    font-size: 6px !important;
}

.line-height-10 {
    line-height: 10px !important;
}

.min-width-450 {
    min-width: 450px;
}


/* START column divide with arrow override */
.two-column-arrow-divider {
    display: flex;
    flex-wrap: wrap;
}
    /*  */
    .two-column-arrow-divider > div:first-child {
        border: none;
        border-right: 1px solid #e1e1e1;
        padding: 0 30px 0 0;
        display: flex;
    }

        .two-column-arrow-divider > div:first-child:before {
            content: "";
            width: 30px;
            height: 30px;
            position: absolute;
            border: 1px solid #e1e1e1;
            right: 5px;
            transform: rotate(45deg) translateY(-100%);
            border-bottom: none;
            border-left: none;
            background-color: #fff;
            top: 50%;
        }
    /* grey color override */
    .two-column-arrow-divider.arrow-divider-grey > div:first-child:before {
        background-color: #f4f4f4;
    }

    .two-column-arrow-divider > div:last-child {
        padding: 0 0 0 30px;
    }

@media (max-width: 767.98px) {
    /* start column divide with arrow (HIDDEN) override */
    .two-column-arrow-divider.arrow-divider-sm-hide > div:first-child {
        border: none;
        padding: 0;
        display: flex;
    }

        .two-column-arrow-divider.arrow-divider-sm-hide > div:first-child:before {
            display: none;
        }

    .two-column-arrow-divider.arrow-divider-sm-hide > div:last-child {
        padding: 0;
    }
    /* end column divide with arrow (HIDDEN) override */
}
/* END column divide with arrow override */
/* #endregionVoLTE overrides */

/* AsideNav css */
#magic-line {
    position: absolute;
    width: 4px;
    background-color: #00549A;
    height: 52px;
    left: 0;
    top: 0;
}

.scrollable-area .subnav-scroll {
    width: 100% !important;
}

.subnav-wrap {
    /*border-left: 1px solid #e1e1e1;*/
    padding-right: 30px;
}

.subnavgroup .subnav_active a {
    color: #111;
}

.subnavgroup li a {
    padding-top: 9px;
    padding-bottom: 11px;
    display: block;
}
/* END of AsideNav css */

/* START Button filters */

.hide-filter {
    position: absolute;
    left: -9999px;
}

.filters {
    text-align: center;
}

    .filters ul, .filters-pill ul {
        white-space: nowrap;
        list-style-type: none;
    }

    .filters li, .filters-pill li {
        display: inline-block;
        padding-bottom: 15px;
    }

    .filters label {
        padding: 0.5rem 1rem;
        margin-bottom: 0.25rem;
        border-radius: 2rem;
        min-width: 50px;
        line-height: normal;
        cursor: pointer;
        transition: all 0.1s;
    }

.filters-pill label {
    padding: 7px 15px;
    font-size: 14px;
    line-height: 16px;
    margin: 7px 10px 5px 0;
    border-radius: 2rem;
    cursor: pointer;
    transition: all 0.1s;
}

/* END Button filters  */

/* START BTC-5100 */
/* START Button tabs (SmartPhone Page) (BTC-5100) */
.tablist-pill-Brands {
    white-space: nowrap;
}

    .tablist-pill-Brands [role=tab] {
        color: #555;
        padding: 7px 15px;
        font-size: 14px;
        line-height: 16px;
        margin: 5px 10px 5px 0;
        border-radius: 2rem;
        cursor: pointer;
        transition: all 0.1s;
        display: block;
    }

        .tablist-pill-Brands [role=tab]:focus,
        .tablist-pill-Brands [role=tab]:hover {
            border-color: #003778;
            outline: none;
        }

        .tablist-pill-Brands [role=tab].active, .tablist-pill-Brands [role=tab][aria-selected]:not([aria-selected=false]) {
            background: #003778;
            color: #fff;
        }
/* END Button tabs (SmartPhone Page) (BTC-5100) */

/* END BTC-5100 */


/* START Star Rating  */

body.is_tabbing .star-rating > input:focus + label {
    outline: none !important;
    box-shadow: 0 0 0px 3px #f4f4f4, 0 0 2px 3px #f4f4f4, 0 0 4px 5px #5fb0fc, 0 0 2px 5px #8ec6fc;
    border-radius: 1px;
}

.star-rating label {
    color: #BABEC2;
}

.star-rating > label:before {
    font-size: 20px;
    display: inline-block;
    content: "\2606 ";
    color: #00549A;
}

.star-rating label.blue-star {
    color: #00549A;
}

.star-rating > label.blue-star:before {
    content: "\2605 ";
}

.solid-star {
    display: inline-block;
}

    .solid-star:before {
        content: "\2605";
        top: 1px;
        margin-right: 10px;
    }
/* END Star Rating  */

/* START Price Range Slider */
.ui-widget-content {
    background-color: #E1E1E1;
}

.ui-slider-horizontal {
    height: .6250em;
}

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 10px;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

.ui-widget-header {
    background: #e9e9e9;
    color: #333333;
    font-weight: bold;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -9px;
    margin-left: -.6em;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    box-shadow: 0 6px 25px 0 rgba(0,0,0,0.2);
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
    cursor: pointer;
    border: 1px #555555 solid;
}

.ui-slider-horizontal.price-range-slider {
    border: 1px #555555 solid;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: none;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 15px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 15px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 15px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 15px;
}

.label-left, .label-right {
    background-color: #ffffff;
    position: absolute;
    bottom: -25px;
    text-align: center;
    min-width: 25px;
}
.uNGBb-dialog-view--content .gm-ui-hover-effect:focus {
    outline: 2px solid #0075ff !important;
    outline-offset: 2px !important;
    opacity: unset;
}
/* END Price Range Slider */
/** Product Slider (with thumbnail) BTC-6660 **/
.product-slider .slick-arrow,
.product-modal-slider .slick-arrow {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}

    .product-slider .slick-arrow:hover,
    .product-slider .slick-arrow:focus,
    .product-modal-slider .slick-arrow:hover,
    .product-modal-slider .slick-arrow:focus {
        color: #003778;
    }

.product-slider .hover-search {
    transition: .5s ease;
    opacity: 0;
    align-items: center;
    justify-content: center;
    margin: 0;
    top: 35%;
    left: 50%;
    transform: translate(-50%);
    position: absolute;
    display: block;
}

.product-slider .slick-track,
.product-modal-slider .slick-track {
    margin: 0;
    padding: 5px 0;
}

.product-slider .slick-list,
.product-modal-slider .slick-list,
.product-thumbnail-nav .slick-list,
.product-thumbnail-modal-nav .slick-list {
    margin: 0 auto;
}

/** END Product Slider (with thumbnail) BTC-6660 **/

/** Keyframes for Accordion Tab Panel **/
@keyframes panelFadeInEffect {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes tabDescriptionFadeInEffect {
    from {
        bottom: -5px;
        opacity: 0
    }

    to {
        bottom: 0;
        opacity: 1
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .modal-open .modal-body.scrollAdjust:not(*:root) {
        margin-right: 0px;
        padding-right: 0px;
    }
}
/*Carousel ui 8-4 for mothers day event*/
@media(max-width:767.98px) {
    .carousel-8-4 .carousel-8-4-wrap {
        grid-gap: 15px;
    }

    .carousel-8-4 .image-wrap {
        height: 250px;
    }
    .carousel-8-4 .first-slide-pos-adjust {
        position: relative;
        left: 10px;
    }
}

.carousel-8-4 .image-wrap {
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x:50%;
}

.max-width-300 {
    max-width: 300px;
}

.carousel-8-4 .slick-dots {
    position: relative;
    top: -15px;
    margin-top: 10px;
    margin-bottom: 15px
}

.carousel-8-4 .slick-arrow
{
    border: none;
    background: unset;
    box-shadow: unset;
}
    .carousel-8-4 .slick-arrow:hover,
    .carousel-8-4 .slick-arrow:visited,
    .carousel-8-4 .slick-arrow:focus{
        box-sizing: border-box;
        border: 1px solid #2b96e4;
        box-shadow: 0 0 1px 1px #2b96e4;
    }
.carousel-8-4 .slick-prev{
    left: 0;
}
.carousel-8-4 .slick-next{
    right: 0;
}
.carousel-8-4-wrap .carousel-8-4-content > .infoblock-slider img{
    max-height:200px;
}
.carousel-8-4.heightOverFlow {
    height: 500px;
    overflow: hidden;
}
.carousel-8-4 .links-wrap {
    grid-gap:10px;
}
/*End of Carousel 8-4*/
/*rate plan carousel*/
.rateplan-carousel {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: row;
    margin-right: 0px !important;
    padding-left: 7.5px;
    padding-right: 7.5px;
}

    .rateplan-carousel .slick-track {
        display: flex;
    }

    .rateplan-carousel .rateplan-inner-slider {
        display: flex;
        flex-direction: column;
        width: calc(25% - 14px);
        align-items: flex-end;
        vertical-align: middle;
        padding: 0px;
        justify-content: space-between;
        flex-wrap: wrap;
        height: inherit;
        position: relative;
        /* overflow: hidden;*/
    }

    .rateplan-carousel.slick-initialized .slick-slide {
        margin: 10px 9px 20px;
    }

    .rateplan-carousel.slick-slider {
        -webkit-user-select: auto;
        -moz-user-select: auto;
        -ms-user-select: auto;
        user-select: auto;
    }

    .rateplan-carousel .text-tag-positioned-center {
        top: -9px;
        left: 50%;
        transform: translateX(-50%);
    }

    .rateplan-carousel .slick-prev, .rateplan-carousel .slick-next {
        opacity: 1;
        position: absolute;
        z-index: 100;
        top: 50%;
        transform: translateY(-50%);
        width: 50px;
        height: 50px;
        border: 0;
        border-radius: 50%;
        background-color: #fff;
        cursor: pointer;
        transition: all .25s cubic-bezier(.55,0,.1,1);
        font-size: 0;
        box-shadow: 0 14px 36px 0 rgba(0, 0, 0, 0.3);
        border: 1px solid #e1e1e1;
        color: #00549a;
        cursor: pointer;
    }
        .rateplan-carousel .slick-prev:focus:before, .rateplan-carousel .slick-next:focus:before {
            color: #00549a;
        }

        .rateplan-carousel .slick-prev:hover, .rateplan-carousel .slick-next:hover {
            background-color: #fff;
            outline: none;
            box-shadow: 0 14px 36px 0 rgba(0, 0, 0, 0.3), inset 0px 0px 0px 2px #2672cb;
        }

            .rateplan-carousel .slick-prev:hover:before, .rateplan-carousel .slick-next:hover:before {
                color: #00549a;
            }

    .rateplan-carousel .slick-arrow.slick-disabled, .rateplan-carousel.slider-with-data-options .slick-arrow.slick-disabled {
        display: none !important;
    }

@media (min-width: 640px) and (max-width: 999.98px) {
    .rateplan-carousel .slick-prev {
        left: -20px;
    }
    .rateplan-carousel .slick-next {
        right: -14px;
    }
}

@media (max-width:640px) {
    .rateplan-carousel .rateplan-inner-slider {
        width: 100%;
        position: relative;
    }
    .rateplan-carousel .text-tag-positioned-center {
        top: -10px;
        left: 50%;
    }
    .view-more-plans-section {
        display: flex !important;
        margin: 10px auto;
    }
        .view-more-plans-section .view-more-plans {
            border: 2px solid #003778;
        }

    .rateplan-carousel .rateplan-inner-slider {
        display: none;
    }

        .rateplan-carousel .rateplan-inner-slider:nth-child(-n+4) {
            display: block;
        }
}

.have-sim-plans a#lnkHaveBellSimCardMobileActivation,
.have-sim-plans a#lnkHaveBellSimCardCallUs {
    position: relative;
    outline: none !important;
    box-shadow: none !important;
}

.have-sim-plans a#lnkHaveBellSimCardMobileActivation:focus::after,
.have-sim-plans a#lnkHaveBellSimCardCallUs:focus::after {
    content: '';
    height: calc(100% + 5px) !important;
    width: calc(100%);
    position: absolute;
    top: -8px;
    left: 0;
    display: block;
    outline: 4px solid #0075ff !important;
    border-radius: 2px;
    outline-offset: 2px !important;
    box-shadow: none !important;
    background: none !important;
    z-index: 2;
}

/* checked list override for Divs with containers */
.checked-list.withDivContainers li{
    display: flex;
    flex-wrap: wrap;
}

#EmailForm a:focus, #additional-details-body a:focus, #EmailForm a:hover, #additional-details-body a:hover {
    text-decoration: none;
}

#EmailForm a, #additional-details-body a {
    text-decoration: underline;
}

/*Pause and Play*/
.video-banner-pause-btn {
    box-shadow: 0 1px 10px #555555;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: none;
    background-color: white;
    right: 30px;
    padding: 0;
    bottom: 20px;
    position: absolute;
    z-index: 10;
    transition: background 0.7s;
}

.video-banner-pause-btn-progress circle {
    stroke: #0075FF;
    stroke-width: 3px;
    stroke-dasharray: 125;
    stroke-dashoffset: 0;
    fill: rgba(225,255,255,0);
}

.video-banner-pause-btn-progress {
    overflow: visible !important;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    transform: rotate(-90deg);
}

.video-banner-pause-btn[data-pressed=false] .video-banner-pause-btn-bg:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: calc(50% + 1px);
    transform: translate(-50%,-50%);
    width: 0;
    height: 10px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 11px solid #003777;
    z-index: 1;
}

.video-banner-pause-btn[data-pressed=true] .video-banner-pause-btn-bg:after, .video-banner-pause-btn[data-pressed=true] .video-banner-pause-btn-bg:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: calc(50% - 3px);
    transform: translate(-50%,-50%);
    height: 10px;
    width: 0;
    border: 1px solid #003778;
    z-index: 1;
}

.video-banner-pause-btn[data-pressed=true] .video-banner-pause-btn-bg:before {
    left: calc(50% + 3px);
}

.video-banner-pause-btn:active {
    background-color: #003777;
    background-size: 150%;
    transition: background 0.4s;
}

button.video-banner-pause-btn:focus {
    outline-offset: 4px !important;
    outline: 2px solid white !important;
}

.gmnoprint a:focus, .gmnoprint button:focus {
    outline-offset: -1px !important;
}

.gmnoprint {
    padding: 1px;
}

.tab-control-overflow {
     overflow-x: auto;
}

/* 
    ABC Test - Rateplans page
    Only display recipe A 

*/
main .rateplan-tabs-controller.recipeB,
main .rateplan-tabs-controller.recipeC,
[id^="activation_"] .recipeBC {
    display: none;
}

@media (max-width: 767.96px) {
    .smartphone-plans-title { /*Shared with Both Recipe B and C */
        font-size: 30px !important;
        line-height: 32px !important;
        letter-spacing: -0.21px !important;
    }

    .smartphone-plans-subtext { /*Shared with Both Recipe B and C */
        line-height: 20px !important;
    }

    .smartphone-plans-controls .nav-pills .nav-link { /* Recipe B */
        line-height: 18px;
        padding: 13px 20px !important;
        border-radius: 20px !important;
    }
}

.smartphone-plans-title { /*Shared with Both Recipe B and C */
    font-family: "bellslim_font_black",Helvetica,Arial,sans-serif;
    font-weight: 900;
    line-height: 52px;
    letter-spacing: -0.336px;
}

.smartphone-plans-subtext { /*Shared with Both Recipe B and C */
    font-family: Arial;
    line-height: 25px;
}

/* Start of Recipe B */
.smartphone-plans-controls .nav-pills .nav-link:hover,
.smartphone-plans-controls .nav-pills .nav-link:focus {
    border-color: #00549a
}

.smartphone-plans-controls .nav-pills .nav-link {
    background: #f4f4f4;
    border: 1.5px solid #f4f4f4;
    font-size: 15px;
    border-radius: 100px;
    padding: 16px 35px;
    text-decoration: none
}

.smartphone-plans-controls .nav-pills .nav-link.active {
    background: #f0f8ff;
    border-color: #00549a;
    color: #00549a
}

.smartphone-plans-controls .nav-pills {
    grid-gap: 10px;
}

.smartphone-plans-controls .internet-toggle-text {
    font-family: Arial;
    line-height: 18px;
}

.smartphone-plans-controls .custom-tooltip.icon {
    color: #00549a;
}

.page-code_prsshpwls-smartphoneplans-smartpay div.tooltip.bs-tooltip-top,
.page-code_prsshpwls-smartphoneplans-smartpay div.tooltip.bs-tooltip-bottom,
.page-code_prsshpwls-ingite-rateplans div.tooltip.bs-tooltip-top,
.page-code_prsshpwls-ingite-rateplans div.tooltip.bs-tooltip-bottom {
    left: 8px !important;
}

.smartphone-plans-controls .custom-switch {
    margin-top: -13px;
    margin-left: -5px;
}

.smartphone-plans-controls .custom-switch .custom-control-label {
    line-height: 32px;
    padding-right: 76px
}

.smartphone-plans-controls .custom-switch .custom-control-label::before {
    border: none;
    background: #babec2 !important;
    border-radius: 22px;
    height: 32px;
    left: unset;
    right: 0;
    top: 0;
    width: 62px;
    cursor: pointer;
}

.smartphone-plans-controls .custom-switch .custom-control-label::after {
    background: #fff;
    border-radius: 50%;
    height: 24px;
    left: unset;
    right: 34px;
    top: 4px;
    width: 24px;
    cursor: pointer;
    transform: translateX(0px) !important;
}

.custom-control-label::before ~ .custom-switch input:checked {
    background: #00549a
}

.custom-control-label::after ~ .custom-switch input:checked {
    transform: translateX(34px)
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none !important;
    outline: 2px solid #0075ff !important;
    outline-offset: 2px !important
}

.smartphone-plans-controls .custom-switch .custom-control-label[data-checked="true"]::before {
    background: #00549a !important;
}

.smartphone-plans-controls .custom-switch .custom-control-label[data-checked="true"]::after {
    transform: translateX(30px) !important;
}
/* End of Recipe B */

/*  Start of Recipe C */
.phone-internet-controls .nav-pills .nav-link:hover,
.phone-internet-controls .nav-pills .nav-link:focus {
    border-color: #00549a
}

.phone-internet-controls .nav-pills .nav-link {
    background: #f4f4f4;
    border: 1.5px solid #f4f4f4;
    font-size: 15px;
    border-radius: 20px;
    padding: 30px 35px;
    text-decoration: none;
    text-align: center;
    font-family: Arial;
}

.phone-internet-controls .nav-pills .nav-link.active {
    background: #f0f8ff;
    border-color: #00549a;
    color: #00549a
}

.phone-internet-controls .nav-pills {
    grid-gap: 10px;
}
/*  End of Recipe C

    End of ABC Test - Rateplans page

*/
.card-plan.g-card-plan {
    background-color: #fff;
    border: 1.5px solid #c2cedf;
    border-radius: 20px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 40px 32px;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}

.g-card-plan__title {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.28;
    margin: 0;
    color: #111;
    margin-bottom: 25px;
}

.g-card-plan__features,
.g-card-plan__details {
    margin-top: 30px;
}

.g-card-plan__data-main {
    color: #111;
    font-size: 22px;
    margin-bottom: 5px;
}

.g-card-plan__data-note {
    color: #555;
    font-size: 12px;
}

.g-card-plan__feature {
    background: #f0f8ff;
    border-radius: 4px;
    display: flex;
    margin-bottom: 2px;
    padding: 12px 10px;
}

.g-card-plan__feature img {
    display: inline-block;
    margin-right: 10px;
}

.g-card-plan__feature .icon {
    align-self: flex-start;
}

.g-card-plan__feature--extra {
    background: #f4f4f4;
    position: relative;
    padding-left: 34px;
}

.g-card-plan__feature--extra::before, 
.g-card-plan__feature--extra::after {
    background: #00549a;
    border-radius: 2px;
    content: "";
    height: 1.5px;
    left: 13px;
    position: absolute;
    top: 20px;
    width: 8px;
}

.g-card-plan__feature--extra::after {
    transform: rotate(-90deg);
}

.g-card-plan__details h4 {
    font-size: 14px;
    position: relative;
}

.g-card-plan__details h4 a {
    background: #fff;
    padding: 0 15px 0 25px;
    position: relative;
    z-index: 1;
}

.g-card-plan__details h4 a::before {
    background-image: url(/styles/media/Mobility/css/images/icon-small-chevron-down.svg);
    content: "";
    height: 12px;
    left: 0;
    margin-top: -6px;
    position: absolute;
    top: 50%;
    transition: transform .25s ease-out;
    width: 15px;
}

.g-card-plan__details h4 a[aria-expanded=true]::before {
    transform: rotate(-180deg);
}

.g-card-plan__details-list {
    padding-top: 12px;
}

.g-card-plan__details-list li:not(:last-child) {
    margin-bottom: 10px;
}

.g-card-plan__details h4::after {
    background: #e1e1e1;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 0;
}

.g-card-plan__details-list li {
    position: relative;
    padding-left: 25px;
}

.g-card-plan__details-list li::before {
    background-image: url(/styles/media/Mobility/css/images/icon-tiny-checkmark.svg);
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0;
    width: 16px;
}

.g-card-plan sup[data-legal] {
    font-size: 60%;
    top: -0.6em;
    color: inherit;
}

.g-card-plan__price {
    line-height: 1.16;
    margin-top: 32px;
}

@media (min-width: 1170px) {
    .recipeBC.g-card-plan__price{
        grid-gap: 35px;
    }
}

@media (min-width: 1023px) and (max-width: 1169.98px) {
    .recipeBC.g-card-plan__price {
        grid-gap: 0;
    }
}

@media (min-width: 811px) and (max-width: 1022.98px) {
    .recipeBC.g-card-plan__price {
        grid-gap: 35px;
    }
}

@media (min-width: 769px) and (max-width: 810.98px) {
    .recipeBC.g-card-plan__price {
        grid-gap: 0;
    }
}

@media (min-width: 736px) and (max-width: 768.98px) {
    .recipeBC.g-card-plan__price {
        grid-gap: 35px;
    }
}

@media (min-width: 639px) and (max-width: 735.98px) {
    .recipeBC.g-card-plan__price {
        grid-gap: 0;
    }
}

@media (min-width: 360px) and (max-width: 638.98px) {
    .recipeBC.g-card-plan__price {
        grid-gap: 50px;
    }
}

@media (min-width: 350px) and (max-width: 359.98px) {
    .recipeBC.g-card-plan__price {
        grid-gap: 35px;
    }
}

@media (min-width: 340px) and (max-width: 349.98px) {
    .recipeBC.g-card-plan__price {
        grid-gap: 25px;
    }
}

@media (min-width: 330px) and (max-width: 339.98px) {
    .recipeBC.g-card-plan__price {
        grid-gap: 15px;
    }
}

@media (min-width: 320px) and (max-width: 329.98px) {
    .recipeBC.g-card-plan__price {
        grid-gap: 5px;
    }
}

@media (max-width: 319.98px) {
    .recipeBC.g-card-plan__price {
        grid-gap: 0;
    }
}

.margin-top-32{
    margin-top: 32px;
}

.g-card-plan__caption {
    margin-top: 10px;
    font-size: 12px;
}


.g-card-plan .btn-default {
    color: #fff;
    background-color: #003778;
    border: 2px solid #003778;
    font-size: 15px;
    padding: 10px 28px!important;
    text-align: center;
    cursor: pointer;
}

.g-card-plan .prodDetailBuyButton .btn,
.g-card-plan .rateplan-cta .btn{
    display: block;
    width: 100%;
}

.g-card-plan .btn-md {
    border-radius: 24px;
    line-height: 16px;
    padding: 14px 30px
}

.g-card-plan .btn-lg,
.g-card-plan .btn-lg.btn-rateplan,
.g-card-plan .btn-lg:not(:disabled):not(.disabled):active {
    border-radius: 24px;
    line-height: 16px;
    padding: 14px 34px!important;
    white-space: nowrap
}

.g-card-plan .card-plan__tag {
	border-radius: 2px;
    left: 32px;
	font-size: 12px;
	font-weight: normal;
    line-height: 14px;
    padding: 3px 8px;
    position: absolute;
    top: 0;
    transform: translateY(-50%) 
}

.additional-line-pricing {
    border-radius: 5px;
    background: #F4F4F4;
    display: flex;
    padding: 10px;
    flex-direction: column;
    align-items: flex-start;
}

.additional-line-pricing .priceText {
    margin: 5px 0;
}

.additional-line-pricing .discount {
    color: #555;
    font-family: Arial;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-decoration: line-through;
}

.additional-line-pricing .info {
    color: #555;
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px
}

@media (max-width: 767.98px) {
    .g-card-plan:last-child {
        margin-bottom: 0;
    }
}

.hide-logo {
    display:none !important;
}

/* Carousel styles */

.g-card-carousel.rateplan-carousel.rateplan-row {
    display: block;
}

.g-card-carousel.rateplan-carousel .slick-list {
    /* overflow: visible; */
    width: 100%;
}

.g-card-carousel.rateplan-carousel .slick-slide {
    margin-right: 30px
}

@media(max-width: 991.96px) {
    .g-card-carousel.rateplan-carousel .slick-slide {
        margin-right: 15px
    }
}

@media(max-width: 767.96px) {
    .g-card-carousel.rateplan-carousel .card-plan {
        width: calc(100% - 25px)
    }
}

.g-card-carousel.rateplan-carousel.slick-slider .slick-track {
    display: flex;
}

.g-card-carousel.rateplan-carousel.slick-slider .slick-slide {
    margin-right: 0;
    margin-left: 15px;
}

@media(min-width:768px) {
    .g-card-carousel.rateplan-carousel.slick-slider .slick-slide {
        margin-right: 0;
        margin-left: 30px;
    }
}

.g-card-carousel.rateplan-carousel.slick-slider .slick-list [data-slick-index="0"] {
    margin-left: 0;
}

.g-card-carousel.rateplan-carousel:not(.slick-slider) > .card-plan {
    min-width: 33.3%
}

@media only screen and (max-width: 767.98px) {
    /*Carousel for mobile - unslick version*/
    .g-card-carousel.rateplan-carousel .card-plan {
        width: 100%;
    }
}

@media(min-width:992px) {
    .g-card-carousel.rateplan-carousel.slick-slider .slick-slide {
        width: 33%!important;
    }
}


.btn.btn-loading {
    background-color: #00549a;
    color: #1260a1;
    position: relative;
}

.btn.btn-loading:before {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 10px);
    width: 20px;
    height: 20px;
    background: url(/styles/custom/eshop/images/button-loading-spinner.png);
    background-size: contain;
    animation: spin 1.1s linear infinite;
}

.sim-card-tile-img {
    margin: 0 auto;
}

.page-code_wireless-simcards .loader-fixed {
    padding: 30px;
}

.page-code_wireless-simcards .loaderOverlayBackground {
    opacity: .4;
}

.modal-to-cart .modal-header {
    background-color: #fff;
    border: none;
    margin-bottom: 0;
    position: relative;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    align-items: flex-start;
    padding-left: 60px;
    padding-bottom: 20px;
    padding-top: 35px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.modal-to-cart .small-title {
    font-weight: normal;
}

.modal-to-cart .icon3 {
    position: absolute;
    top: 30px;
    left: 15px;
    font-size: 32px;
}

.modal-to-cart .modal-content {
    background-color: transparent;
}

.modal-to-cart .modal-body {
    background-color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 20px;
}

.modal-to-cart .modal-footer {
    background-color: #f0f0f0;
    padding: 30px 15px;
    justify-content: flex-start;
    border: 1px solid #E1E1E1;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.modal-to-cart-device {
    border: 1px solid #D4D4D4;
    border-radius: 10px;
    padding: 15px 15px 15px 10px;
    display: flex;
    margin-bottom: 30px;
}

.modal-to-cart-device-img {
    width: 70px;
}

    .modal-to-cart-device-img img {
        display: block;
        height: 75px;
    }

.modal-to-cart-device-text {
    width: calc(100% - 75px);
    padding-left: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.modal-to-cart-device-title {
    font-weight: bold;
    color: #111;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 5px;
}

.modal-to-cart-device-specs {
    color: #555555;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 16px;
    margin-bottom: 10px;
}

.modal-to-cart-device-note {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 14px;
}

.modal-to-cart-section-title {
    font-weight: bold;
    margin-bottom: 15px;
    color: #111;
}

.modal-to-cart hr {
    border: none;
    border-top: 1px solid #D4D4D4;
    margin-top: 30px;
    margin-bottom: 30px;
}

.modal-to-cart ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.modal-to-cart ul > li {
    margin-bottom: 15px;
    padding-left: 25px;
    position: relative;
}

.modal-to-cart ul > li:before {
    content: "\e908";
    font-family: 'bell-icon3';
    position: static;
    font-size: 17px;
    color: #00549a;
    position: absolute;
    top: 0;
    left: 0;
}


.btn-default.modal-to-cart-link-btn,
.btn-default.modal-to-cart-link-btn:hover,
.btn-default.modal-to-cart-link-btn:focus {
    background-color: transparent;
    border-color: transparent;
    color: #00549a!important;
}

.btn-default.modal-to-cart-link-btn {
    text-decoration: underline;
}

    .btn-default.modal-to-cart-link-btn:hover,
    .btn-default.modal-to-cart-link-btn:focus {
        text-decoration: none;
    }

@media (max-width: 767px) {
    .modal-to-cart .modal-footer {
        display: block;
    }

    .btn-default.modal-to-cart-link-btn {
        display: block;
        margin-top: 15px;
        padding-left: 0;
    }

    #maximumNumberOfItems.modal .modal-header {
        padding: 15px 20px 15px 15px;
    }
}


@media (min-width: 768px) {

    .modal-to-cart .icon3 {
        top: 30px;
        left: 30px;
        font-size: 40px;
    }

    .modal-to-cart .modal-header {
        padding-top: 37px;
        padding-left: 85px;
        padding-bottom: 20px;
        height: auto;
    }

    .modal-to-cart .small-title {
        font-size: 24px;
        letter-spacing: -0.4px;
        line-height: 26px;
    }

    .modal-to-cart ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .modal-to-cart ul > li {
            width: calc(50% - 15px);
        }

        .modal-to-cart ul:first-of-type > li {
            margin-bottom: 0;
        }

    .modal-to-cart .modal-footer {
        padding: 30px;
    }

    .modal-to-cart .modal-footer {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    #maximumNumberOfItems.modal .modal-content {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
}




.modal-sb-sim .modal-dialog {
    border-radius: 10px;
}

.modal-sb-sim .modal-header {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 10px 15px;
}

.modal-sb-sim-options {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .modal-sb-sim-options li {
        position: relative;
        padding-left: 90px;
        min-height: 75px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-top: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid #e9e9e9;
    }

        .modal-sb-sim-options li:last-of-type {
            border-bottom: none;
        }

.modal-sb-sim .modal-body {
    margin-top: 15px;
    margin-bottom: 0;
    padding-left: 30px;
    padding-right: 30px;
}

.modal-sb-sim-options svg {
    width: 75px;
    height: 75px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 22px;
    background-color: #00549a;
    border-radius: 50%;
    color: #fff;
    position: absolute;
}

.modal-sb-sim-option-desc {
    font-size: 18px;
    margin-bottom: 15px;
    color: #111;
    line-height: 22px;
    flex-grow: 1;
}

.modal-sb-sim-options li .anchor-text::after {
    display: none;
}

@media (max-width: 767px) {
    .modal-sb-sim .modal-dialog {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
}

@media (min-width: 768px) {

    .modal-sb-sim .modal-header {
        margin-bottom: 45px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .modal-sb-sim .modal-body,
    .modal-sb-sim .modal-content {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .modal-sb-sim-options {
        display: flex;
        justify-content: space-between;
        padding-bottom: 45px;
    }

        .modal-sb-sim-options li {
            flex-direction: column;
            justify-content: flex-start;
            width: calc(33.3333% - 40px);
            padding-left: 0;
            padding-bottom: 0;
            padding-top: 0;
            border-bottom: none;
        }

            .modal-sb-sim-options li:after {
                position: absolute;
                display: block;
                content: "";
                top: 0;
                right: -25px;
                width: 1px;
                height: 100%;
                background-color: #e9e9e9;
            }

            .modal-sb-sim-options li:last-of-type:after {
                display: none;
            }

        .modal-sb-sim-options svg {
            position: relative;
            top: auto;
            left: auto;
            transform: none;
        }

    .modal-sb-sim-option-desc {
        margin-top: 15px;
    }
}


.sim-free-shipping {
    margin-top: 20px;
}

.sim-free-shipping-wrap {
    background-color: #f4f4f4;
    border-radius: 10px;
    padding: 22px 10px 20px 15px;
}

.sim-free-shipping-highlight {
    font-size: 14px;
    font-weight: bold;
    color: #00549a;
    text-transform: uppercase;
    position: relative;
    padding-left: 40px;
    display: block;
}

.sim-free-shipping-text {
    display: block;
    margin-left: 40px;
    margin-top: 5px;
}

.sim-free-shipping-icon {
    display: inline-block;
    position: absolute;
    top: -8px;
    left: 0;
    width: 30px;
    height: 30px;
    border: 2px solid #00549a;
    border-radius: 50%;
}

    .sim-free-shipping-icon:before {
        background-image: url(/Styles/BRF/content/img/checkout_icon_shipping.svg);
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 22px;
        height: 22px;
        background-repeat: no-repeat;
        background-size: contain;
    }

.have-sim {
    margin-top: 25px;
    background-color: #f4f4f4;
    padding-left: 15px;
    padding-right: 15px;
}

.have-sim-wrap {
    padding-top: 30px;
}

.have-sim-title {
    font-size: 18px;
    color: #111;
    font-weight: bold;
    letter-spacing: normal;
    margin-bottom: 30px;
}

.have-sim-plans {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.have-sim-plans li {
    padding: 15px 0;
}

.have-sim-plans li:first-of-type {
    border-bottom: 1px solid #d4d4d4;
}

.have-sim-plan-name {
    color: #111;
    margin-bottom: 20px;
}

.have-sim-plan-link,
.have-sim-plan-link:hover,
.have-sim-plan-link:focus {
    text-decoration: none;
    font-weight: bold;
    position: relative;
    min-height: 30px;
    display: inline-block;
    padding-left: 50px;
}

.have-sim-plan-link:hover .have-sim-plan-link-text,
.have-sim-plan-link:focus .have-sim-plan-link-text {
    text-decoration: underline;
}

.have-sim-plan-link .icon {
    position: absolute;
    top: -8px;
    left: 0;
    font-size: 30px;
}

@media (min-width: 768px) {

    .sim-free-shipping-wrap {
        text-align: center;
    }

    .sim-free-shipping-highlight {
        display: inline-block;
    }

    .sim-free-shipping-text {
        display: inline;
        margin-left: 2px;
        padding-left: 6px;
        border-left: 2px solid #ccc;
    }

    .have-sim {
        text-align: center;
        padding-bottom: 30px;
    }

    .have-sim-wrap {
        padding-top: 45px;
        padding-bottom: 15px;
    }

    .have-sim-plans {
        display: flex;
        margin-top: 15px;
    }

        .have-sim-plans li {
            width: 50%;
            padding: 0 45px;
            text-align: left;
        }

            .have-sim-plans li:first-of-type {
                border-right: 1px solid #d4d4d4;
                border-bottom: none;
                display: flex;
                justify-content: flex-end;
            }
}


.sim-card-dd-main {
    background: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.07) 100%) no-repeat bottom;
    background-size: 100% 80px;
    padding-top: 30px;
}

.sim-card-byod-listing-top-banner-image {
    text-align: center;
    margin: auto;
    width: 100%;
    height: 100%;
    max-width: 450px;
    max-height: 450px;
}

ul.sim-card-byod-listing-top-banner-bullets {
    list-style-type: none;
    font-size: 18px;
}

ul.sim-card-byod-listing-top-banner-bullets li::before {
    background-image: url(/styles/web/resources/images/checkmark.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    width: 20px;
    height: 15px;
    margin-left: -15px;
}

ul.sim-card-byod-listing-top-banner-bullets li {
    margin-bottom: 30px;
}

ul.sim-card-byod-listing-top-banner-bullets li p {
    margin-top: -20px;
    margin-left: 20px;
}

.sim-card-byod-listing-flex-col {
    display: flex !important;
}

.sim-card-byod-listing-left-col-wrap {
    background-color: #f4f4f4;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-left: 1px solid #e1e1e1;
    text-align: center;
}

.have-dual-sim-wrap {
    display: flex;
    width: 100%;
}

.have-dual-sim-paragraph-wrap {
    border-radius: 10px;
    border: 1px solid #e1e1e1;
}

.have-dual-sim-title {
    font-size: 18px;
    color: #111;
    font-weight: bold;
    letter-spacing: normal;
    margin-bottom: 15px;
}

.have-dual-sim-link {
    font-weight: bold;
    color: #00549a;
    text-decoration: none;
}

.have-dual-sim-image-left {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

@media (min-width: 768px) and (max-width: 999px) {
    .pad-t-sm-100 {
        padding-top: 100px;
    }
}

@media (max-width: 767px) {
    .sim-card-byod-listing-top-banner-image {
        text-align: center;
        margin: auto;
        width: 100%;
        height: 100%;
        max-width: 250px;
        max-height: 250px;
    }

    .have-dual-sim-image-left {
        width: 100%;
        height: 100%;
        max-height: 350px;
        border-radius: 10px;
    }
}

@media (max-width: 639px) {
    .sim-card-byod-listing-flex-col {
        display: block !important;
    }

    .sim-card-byod-listing-left-col-wrap {
        background-color: #f4f4f4;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        border-top: 1px solid #e1e1e1;
        text-align: center;
    }
}

.sim-card-tile-img-wrap {
    max-height: 90px;
    overflow: hidden;
}

    .sim-card-tile-img-wrap img {
        max-width: 150px;
    }

.sim-card-title span {
    display: block;
    font-family: sans-serif;
    font-size: 18px;
    letter-spacing: normal;
    line-height: 22px;
}

/*HELPER CLASS START*/

.bg-no-repeat {
    background-repeat: no-repeat;
}

.margin-neg-left-20-xs {
    margin-left: -20px !important;
}


.txtGray {
    color: #c8cbcc;
}

.txtSkyBlue {
    color: #61CDF4;
}


.border-color-grey {
    border-color: #555;
}

/* HELPER CLASS END */

/*CUSTOM CLASS START */

.apple-h2 {
    font-size: 34px;
    font-weight: 600 !important;
    line-height: 1.0625em;
}

.apple-typography-p, .apple-txt-typography {
    font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial","sans-serif" !important;
}

.apple-typography-p {
    font-size: 16px;
    letter-spacing: .012em;
    text-align: center;
    margin: 0 auto !important;
}

.apple-typography-p2 {
    letter-spacing: .011em;
    line-height: 1.42857143;
    font-size: 24px;
}

.apple-txt-typography {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    line-height: 1.0625em;
    letter-spacing: -.04em;
    font-size: 34px;
    font-weight: 600 !important;
}

.apple-txt-background-1 {
    background-image: url(/styles/assets/img_tmp/Mobility/iPhone_XR/txt-bg-1.jpg);
}

.apple-txt-background-2 {
    background-image: url(/styles/assets/img_tmp/Mobility/iPhone_XR/txt-bg-2.jpg);
}

.apple-txt-background-3 {
    background-image: url(/styles/assets/img_tmp/Mobility/iPhone_XR/txt-bg-3.jpg);
}

.apple-txt-background-4 {
    background-image: url(/styles/assets/img_tmp/Mobility/iPhone_XR/txt-bg-4.jpg);
}

.apple-txt-background-5 {
    background-image: url(/styles/assets/img_tmp/Mobility/iPhone_XR/txt-bg-5.jpg);
}

.sup-orange {
    font-size: 50% !important;
    -webkit-text-fill-color: #be4e3a;
    color: #be4e3a !important;
}

.small-R {
    font-size: 80%;
    vertical-align: baseline;
}

a.txtNoUnderline {
    text-decoration: none;
}


/*custom for buy now button*/
.button-container {
    width: 37%;
}

a.black-focus:focus {
    box-shadow: 0 0 0 3px #000, 0 0 2px 3px #000, 0 0 4px 5px #5fb0fc, 0 0 2px 5px #8ec6fc;
}

a.txtSkyBlue:focus {
    color: #61CDF4;
}

.iphone-se-compare-btn {
    width: 29%;
    height: 0.64%;
    bottom: 12.35%;
    left: 35.6%;
}
/* CUSTOM CLASS END */

/* START iPhone 12 */

.bottom-15 {
    bottom: 15px
}

.img-h-centerView {
    margin-left: 50%;
    transform: translateX(-50%);
    min-width: 100%;
}

.img-responsive-height {
    max-height: 100%;
}

.apple-devider {
    border-bottom: 1px solid #d6d6d6;
}

.bgGray98-apple {
    background-color: #fafafa
}

.bgLightOrange-apple {
    background-color: #FBF6F1;
}

.bgLightGreen-apple {
    background-color: #E7F4E0;
}

.bgLightBlue-apple {
    background-color: #C9E2EF;
}

.apple-bg-gray {
    background-color: #f5f5f7
}


.width-585 {
    width: 585px;
}

.max-width-106 {
    max-width: 106px;
}

.max-width-530 {
    max-width: 530px;
}

.max-width-815 {
    max-width: 815px;
}

.height-300 {
    height: 300px;
}

.height-330 {
    height: 330px;
}

.max-height-270 {
    max-height: 270px;
}

.margin-t-neg-65 {
    margin-top: -65px;
}

.margin-l-neg-75 {
    margin-left: -75px;
}

.margin-l-neg-95 {
    margin-left: -95px;
}

.pad-t-80 {
    padding-top: 80px;
}

.iPhone12-details-container {
    max-width: 280px;
}

    .iPhone12-container.container,
    .iPhone12-details-container.container {
        padding-left: 0;
        padding-right: 0;
    }

.iPhone12-images-container {
    bottom: 0;
    right: 0;
}

a.iPhone12-font-link {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", "Helvetica", "Arial", sans-serif, "SF Pro Icons";
    color: #0066cc;
}

    a.iPhone12-font-link:hover {
        text-decoration: underline;
    }

.text-spacing-normal {
    letter-spacing: normal;
}

.apple-default {
    font-weight: 600;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", "Helvetica", "Arial", sans-serif, "SF Pro Icons";
}

.apple-custom-header {
    font-size: 40px;
    line-height: 44px;
    text-align: center;
}

.apple-custom-caption {
    font-size: 32px;
    line-height: 36px;
    font-weight: 600;
}

.apple-custom-intro {
    font-size: 19px;
    line-height: 27px;
    text-align: center;
}

.apple-custom-eyebrow {
    font-size: 21px;
    line-height: 25px;
}

.apple-custom-headline {
    font-size: 32px;
    line-height: 36px;
    font-weight: 600;
}

.apple-40-headline-reduced {
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0.004em;
}

.apple-custom-desc {
    font-size: 19px;
    line-height: 27px;
    letter-spacing: normal;
}

.custom-17-body .apple-custom-desc {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.016em;
}

.apple-custom-details {
    color: #555;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
}


.apple-typography-10 {
    font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    line-height: 17.1429px;
    font-size: 12px;
    display: block;
    color: #555 !important;
}

.apple-typography-12 {
    font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 16.0005px;
}

.apple-typography-5 {
    line-height: 1.125;
    font-weight: 600;
    letter-spacing: 0em;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", "Helvetica", "Arial", sans-serif, "SF Pro Icons";
    color: #1d1d1f;
}

.apple-typography-6 {
    font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
    line-height: 1.235;
}

.apple-text-black-3 {
    color: #1d1d1f;
}

.apple-text-black-4 {
    color: #555 !important;
}

.apple-text-light-grey {
    color: #75757A;
}

.apple-text-light-grey-2 {
    color: #75757A;
}

/* START compare iphone */
.iphone-12-pro, .iphone-12 {
    width: 80px;
}

.iphone-12-mini {
    width: 72px;
}
/* END compare iphone */

/* Start color swatches */
.apple-swatch {
    display: inline-block;
    margin: 0 9px 0 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.2);
    display: block;
}

    .apple-swatch:last-child {
        margin-right: 0px;
    }

    .apple-swatch::after {
        border-radius: inherit;
        box-shadow: inset 0 2px 1.5px rgba(0, 0, 0, 0.1);
        content: "";
        display: block;
        height: inherit;
        position: absolute;
        width: inherit;
    }
/* End color swatches */

.apple-btn {
    border-radius: 18px;
    font-size: 11px;
    line-height: 1.235;
    padding: 8px 11px 8px 11px;
}

.apple-btn-outline-dark {
    background-color: transparent;
    border: 1px solid #1d1d1f;
    color: #1d1d1f;
}

    .apple-btn-outline-dark:hover {
        border: 1px solid #6e6e73;
        color: #6e6e73;
    }



/* END iPhone 12 */

/** MEDIA QUERY */

@media (min-width: 520px) {
    .about-device-container {
        width: 480px;
    }
}

@media (min-width: 640px) {
    .about-device-container {
        width: 600px;
    }

    .button-container {
        width: 60%;
    }
}

@media (max-width: 639px) {
    .apple-h2, .apple-txt-typography {
        font-size: 25px;
    }

    .apple-typography-p2 {
        font-size: 20px;
    }

    .button-container {
        width: 43%;
    }
}

@media (max-width: 991.98px) and (min-width: 768px) {
    .width-percent-80-sm {
        width: 90%;
    }

    .button-container {
        width: 52%;
    }
}

@media (min-width: 992px) {
    .width-percent-60-md {
        width: 60%;
    }

    .about-device-container {
        width: 960px;
    }
}

@media (min-width: 992px) and (max-width:999.98px) {
    .about-device-container.iphone-se-container {
        width: 600px;
    }
}

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

    /*custom text padding*/
    .text-pad {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
}

/** MEDIA QUERY for IPHONE 12*/

@media (max-width: 734px) {
    .iPhone12-container .col-xs-50 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .iPhone12-container .first-col-padding .col-xs-50 {
        padding-left: 0;
        padding-right: 0;
    }

        .iPhone12-container .first-col-padding .col-xs-50:nth-of-type(odd) {
            padding-right: 18px;
        }

    .iPhone12-container .col-xs-50 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .iPhone12-container .margin-b-0-xs {
        margin-bottom: 0;
    }

    .iPhone12-container .pad-h-0-xs {
        padding-left: 0;
        padding-right: 0;
    }

    .custom-17-body .apple-custom-details {
        font-size: 12px;
        line-height: 14px;
    }

    .absolute-xs {
        position: absolute;
    }
}

@media (min-width: 735px) {

    /*#region Helpers*/
    .relative-sm {
        position: relative;
    }

    .iPhone12-container .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .iPhone12-container .col-sm-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }

    .iPhone12-container .col-sm-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }

    .iPhone12-container .d-sm-none {
        display: none !important;
    }

    .iPhone12-container .d-sm-block {
        display: block !important;
    }

    .iPhone12-container .d-sm-flex {
        display: flex !important;
    }

    .iPhone12-container .margin-t-0-sm {
        margin-top: 0;
    }

    .iPhone12-container .margin-b-0-sm {
        margin-bottom: 0px;
    }

    .iPhone12-container .margin-b-40-sm {
        margin-bottom: 40px;
    }

    .iPhone12-container .margin-b-60-sm {
        margin-bottom: 60px;
    }

    .iPhone12-container .pad-h-5-sm {
        padding-left: 5px;
        padding-right: 5px;
    }

    .iPhone12-container .pad-h-15-sm {
        padding-left: 15px;
        padding-right: 15px;
    }

    .iPhone12-container .pad-r-55-sm {
        padding-right: 55px;
    }

    .iPhone12-container .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
    }

    .iPhone12-container .justify-content-sm-start {
        justify-content: flex-start !important;
    }

    /*#endregion */

    .iPhone12-images-container {
        right: -98px;
    }

    .iPhone12-header {
        margin-left: 0;
    }

    .iPhone12-container .txtSize50-sm {
        font-size: 50px;
    }

    .apple-custom-header {
        text-align: left;
    }

    .apple-custom-intro {
        text-align: left;
    }

    /* Start compare iphone */
    .iphone-12-pro, .iphone-12 {
        width: 144px;
    }

    .iphone-12-mini {
        width: 129px;
    }
    /* End compare iphone */

    .apple-swatch {
        width: 20px;
        height: 20px;
    }

    .apple-btn {
        border-radius: 18px;
        font-size: 17px;
        line-height: 1.235;
        padding: 8px 17px 8px 17px;
    }
}

@media (min-width: 735px) and (max-width: 1068px) {

    .iPhone12-details-container {
        max-width: 692px;
    }

    .custom-width-iphone12-1-1 .iPhone12-details-container {
        max-width: 630px;
    }

    .custom-width-iphone12-2 > div {
        max-width: 735px;
    }

    .iPhone12-container .pad-t-80-sm {
        padding-top: 80px;
    }

    .iPhone12-container .pad-b-40-sm {
        padding-bottom: 40px;
    }

    .iPhone12-container .pad-l-50-sm {
        padding-left: 50px;
    }

    .iPhone12-container .pad-l-15-sm {
        padding-left: 15px;
    }

    .iPhone12-container .pad-r-25-sm {
        padding-right: 25px;
    }

    .iPhone12-container .pad-r-40-sm {
        padding-right: 40px;
    }

    .iPhone12-container .pad-r-50-sm {
        padding-right: 50px;
    }

    .iPhone12-container .pad-r-70-sm {
        padding-right: 70px;
    }

    .iPhone12-container .pad-r-90-sm {
        padding-right: 90px;
    }

    .iPhone12-container .pad-v-30-sm {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .iPhone12-container .margin-v-0-sm {
        margin-top: 0;
        margin-bottom: 0;
    }

    .iPhone12-container .margin-v-25-sm {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .iPhone12-container .margin-t-40-sm {
        margin-top: 40px;
    }

    .iPhone12-container .margin-t-25-sm {
        margin-top: 25px;
    }

    .iPhone12-container .margin-b-50-sm {
        margin-bottom: 50px;
    }

    .apple-custom-header {
        font-size: 48px;
        line-height: 52px;
        text-align: left;
    }

    .apple-custom-intro {
        font-size: 21px;
        line-height: 29px;
    }

    .apple-custom-desc {
        font-size: 17px;
        line-height: 25px;
    }

    .iPhone12-container .txtSize17-sm {
        font-size: 17px;
    }

    .height-310-sm {
        height: 310px;
    }

    .max-height-380-sm {
        max-height: 380px;
    }
}

@media (min-width: 1000px) {
    .img-hidden-md {
        display: none !important;
    }

    .img-block-md {
        display: block !important;
    }

    .iphone-se-compare-btn {
        width: 7.4%;
        height: 0.52%;
        bottom: 9.25%;
        left: 45.8%;
    }
}

@media (min-width: 1069px) and (max-width: 1239px) {
    .custom-width-iphone12-1 .iPhone12-details-container {
        max-width: 920px;
    }
}

@media (min-width: 1069px) {

    .iPhone12-details-container {
        max-width: 960px;
    }

    .custom-width-iphone12-2 > div {
        max-width: 1070px;
    }

    .iPhone12-container .col-lg-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }

    .iPhone12-container .col-lg-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }

    .iPhone12-container .d-lg-none {
        display: none !important;
    }

    .iPhone12-container .d-lg-block {
        display: block !important;
    }

    .iPhone12-container .margin-t-45-lg {
        margin-top: 45px;
    }

    .iPhone12-container .margin-t-80-lg {
        margin-top: 80px;
    }

    .iPhone12-container .margin-v-80-lg {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .iPhone12-container .margin-b-25-lg {
        margin-bottom: 25px;
    }

    .iPhone12-container .margin-b-60-lg {
        margin-bottom: 60px;
    }

    .iPhone12-container .margin-b-95-lg {
        margin-bottom: 95px;
    }

    .iPhone12-container .pad-t-20-lg {
        padding-top: 20px;
    }

    .iPhone12-container .pad-h-20-lg {
        padding-left: 20px;
        padding-right: 20px;
    }

    .iPhone12-container .pad-h-25-lg {
        padding-left: 25px;
        padding-right: 25px;
    }

    .iPhone12-container .pad-h-30-lg {
        padding-left: 30px;
        padding-right: 30px;
    }

    .iPhone12-container .pad-h-55-lg {
        padding-left: 55px;
        padding-right: 55px;
    }

    .iPhone12-container .pad-l-40-lg {
        padding-left: 40px;
    }

    .iPhone12-container .pad-r-25-lg {
        padding-right: 25px;
    }

    .iPhone12-container .pad-r-35-lg {
        padding-right: 30px;
    }

    .iPhone12-container .pad-r-30-lg {
        padding-right: 30px;
    }

    .iPhone12-container .pad-r-45-lg {
        padding-right: 45px;
    }

    .iPhone12-container .pad-r-50-lg {
        padding-right: 50px;
    }

    .iPhone12-container .pad-r-60-lg {
        padding-right: 60px;
    }

    .iPhone12-container .pad-r-75-lg {
        padding-right: 75px;
    }

    .iPhone12-container .pad-r-120-lg {
        padding-right: 120px;
    }

    .iPhone12-container .pad-r-150-lg {
        padding-right: 150px;
    }

    .iPhone12-images-container {
        right: -155px;
    }

    .iPhone-left-container {
        padding: 0;
    }

    .apple-custom-header {
        font-size: 80px;
        line-height: 84px;
        font-weight: 600;
        padding-right: 170px;
    }

    .apple-custom-caption {
        font-size: 40px;
        line-height: 44px;
        font-weight: 600;
    }

    .apple-custom-intro {
        font-size: 24px;
        line-height: 32px;
    }

    .apple-custom-headline {
        font-size: 40px;
        line-height: 44px;
        font-weight: 600;
    }

    .apple-40-headline-reduced {
        font-size: 40px;
        line-height: 44px;
        letter-spacing: 0em;
        font-weight: 600;
    }

    .apple-custom-desc {
        font-size: 21px;
        line-height: 25px;
    }

    .custom-17-body .apple-custom-desc {
        font-size: 17px;
        line-height: 21px;
        letter-spacing: normal;
        font-weight: 400;
    }

    .apple-custom-details {
        font-size: 17px;
        line-height: 21px;
    }

    .iPhone12-container.apple-typography-caption {
        font-size: 40px;
        font-weight: 600;
        letter-spacing: 0em;
        line-height: 44px;
    }

    .iPhone12-container .txtSize19-lg {
        font-size: 19px;
    }


    .iPhone12-container .txtSize40-lg {
        font-size: 40px;
    }

    .height-450-lg {
        height: 450px;
    }

    .max-height-472-lg {
        max-height: 472px;
    }
}

@media (min-width: 1240px) {

    .about-device-container {
        width: 1200px;
        padding-top: 80px !important;
        padding-bottom: 80px !important;
        padding-left: 55px !important;
        padding-right: 55px !important;
    }

        .about-device-container.iphone-se-container {
            padding: 0px !important;
        }

    .button-container {
        width: 65%;
    }

    .text-pad {
        padding-left: 90px !important;
        padding-right: 90px !important;
    }

    /*START CUSTOM Iphone-12 classes */
    .iPhone12-details-container {
        max-width: 980px;
    }

    .iPhone12-images-container {
        right: -75px;
    }

    .iPhone12-container .d-xl-none {
        display: none !important;
    }

    .iPhone12-container .d-xl-block {
        display: block !important;
    }

    .iPhone12-container .margin-h-20-lg {
        margin-left: 20px;
        margin-right: 20px;
    }

    .iPhone12-container .pad-l-25-xl {
        padding-left: 25px;
    }

    .iPhone12-container .pad-r-5-xl {
        padding-right: 5px;
    }

    .iPhone12-container .pad-r-15-xl {
        padding-right: 15px;
    }

    .iPhone12-container .pad-r-70-xl {
        padding-right: 70px;
    }

    .iPhone12-container .pad-r-95-xl {
        padding-right: 95px;
    }


    .max-height-460-xl {
        max-height: 460px;
    }


    /* Start compare iphone */
    .iphone-12-pro, .iphone-12 {
        width: 171px;
    }

    .iphone-12-mini {
        width: 154px;
    }
    /* End compare iphone */

    .apple-swatch {
        width: 22px;
        height: 22px;
    }

    /*END CUSTOM Iphone-12 classes */

}

/* START IPAD PRO 2018 */
width-525 {
    width: 525px;
}

.apple-typography {
    color: #6A6A6A;
    font-size: 30px;
    line-height: 1.0625em;
    letter-spacing: -.04em;
    font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial","sans-serif" !important;
    font-weight: 600;
}

.apple-typography-2 {
    font-size: 24px !important;
    color: #000 !important;
}

.apple-typography-3 {
    font-size: 16px !important;
    color: #61CDF4 !important;
}

.apple-text-black-2 {
    color: #000;
}

.iPadPro2018-container .margin-r-auto {
    margin-left: 0 !important;
}

.border-top-black {
    border-top: 1px solid #000 !important;
}

.iPadPro2018-container .show-lg-only {
    display: none;
}

.iPadPro2018-container .show-xl-only {
    display: none;
}

/* MEDIA QUERY */
@media (max-width: 519px) {
    .iPadPro2018-container {
        max-width: 489px;
        margin-left: auto;
        margin-right: auto;
    }

        .iPadPro2018-container .margin-h-10-percent-xs {
            margin-left: 10%;
            margin-right: 10%;
        }

        .iPadPro2018-container .margin-r-45-xs {
            margin-right: 45px;
        }

        .iPadPro2018-container .no-pad-t-xs {
            padding-top: 0;
        }

        .iPadPro2018-container .pad-t-40-xs {
            padding-top: 40px;
        }

    .max-width-285-xs {
        max-width: 285px;
    }
}

@media (min-width: 520px) {
    .iPadPro2018-container .d-sm-block {
        display: block !important;
    }

    .iPadPro2018-container .d-sm-none {
        display: none !important;
    }
}

@media (min-width: 520px) and (max-width: 639px) {
    .iPadPro2018-container {
        width: 480px;
        margin-left: auto;
        margin-right: auto;
    }

        .iPadPro2018-container .iPadPro2018-details-container {
            max-width: 385px;
            margin-left: auto;
            margin-right: auto;
        }
}

@media (min-width: 640px) and (max-width: 999px) {
    .iPadPro2018-container {
        width: 600px;
        margin-left: auto;
        margin-right: auto;
    }

        .iPadPro2018-container .iPadPro2018-details-container {
            max-width: 480px;
            margin-left: auto;
            margin-right: auto;
        }

        .iPadPro2018-container .pad-h-md-30 {
            padding-left: 30px;
            padding-right: 30px;
        }

        .iPadPro2018-container .pad-h-md-50 {
            padding-left: 50px;
            padding-right: 50px;
        }
}



@media (min-width: 1000px) {
    .iPadPro2018-container .d-lg-block {
        display: block !important;
    }

    .iPadPro2018-container .d-lg-none {
        display: none !important;
    }

    .iPadPro2018-container .show-lg-only {
        display: block;
    }

    .margin-l-20-percent-lg {
        margin-left: 20%;
    }
}

@media (min-width: 1000px) and (max-width: 1239px) {
    .iPadPro2018-container {
        width: 960px;
        margin-left: auto;
        margin-right: auto;
    }

        .iPadPro2018-container .text-container {
            max-width: 500px;
            margin-left: auto;
            margin-right: auto;
        }

        .iPadPro2018-container .offer-tile-container {
            max-width: 768px;
            margin-left: auto;
            margin-right: auto;
        }
}

@media (min-width: 1240px) {
    .iPadPro2018-container {
        width: 1200px;
        margin-left: auto;
        margin-right: auto;
    }

        .iPadPro2018-container .text-container {
            max-width: 624px;
            margin-left: auto;
            margin-right: auto;
        }

        .iPadPro2018-container .offer-tile-container {
            max-width: 960px;
            margin-left: auto;
            margin-right: auto;
        }

        .iPadPro2018-container .show-xl-only {
            display: block;
        }

        .iPadPro2018-container .d-xl-block {
            display: block !important;
        }

        .iPadPro2018-container .d-xl-none {
            display: none !important;
        }

    .margin-l-27-percent-xl {
        margin-left: 27%;
    }
}

/* START END PRO 2018 */


/* For IE 11*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    .apple-txt-background-1,
    .apple-txt-background-2,
    .apple-txt-background-3,
    .apple-txt-background-4,
    .apple-txt-background-5 {
        background: none !important;
    }

    .apple-txt-typography {
        color: #fff !important;
    }
}


/* START - Bell for Better */

.page-code_bellforbetter .section--introduction a {
    text-decoration:underline !important;
    font-weight: bold;
}

.page-code_bellforbetter .section--introduction a:hover {
    text-decoration:none !important;
    font-weight: bold;
}


.page-code_bellforbetter .card-body a {
    text-decoration:underline !important;
    font-weight: bold;
}

.page-code_bellforbetter .card-body a:hover {
    text-decoration:none !important;
    font-weight: bold;
}

/* END - Bell for Better */

.page-code_prsshpwls-searchaccessory #js-listing-accessories-products .rsx-product-list-product-wrap a:focus {
    outline: 2px solid #0075ff !important;
    outline-offset: 2px !important;
    box-shadow: none !important;
}


:root {
    --bell-animate-easing: cubic-bezier(0.45, 0, 0.55, 1);
    --bell-animate-delay: 0s;
    --bell-animate-duration: 0.2s;
    --bell-animate-opacity-duration: 0.4s;
    --bell-animate-opacity-start: 0;
    --bell-animate-opacity-end: 1;
    --bell-animate-border-radius: 0;
    --bell-animate-background-color: #FFFFFF;
    --bell-animate-foreground-color: #F4F4F4;
    --bell-animate-reveal-delay: 0.1s;
    --bell-animate-reveal-delay-extra: 0s;
    --bell-animate-reveal-duration: 0.1s;
    --bell-animate-slide-duration: 0.2s;
    --bell-animate-slide-offset: 10px;
    --bell-animate-zoom-start: 0.5;
    --bell-animate-zoom-end: none
}

@media screen and (max-width: 767.98px) {
    :root {
        --bell-animate-easing: cubic-bezier(0, 0, 0.5, 1);
        --bell-animate-opacity-duration: .5s;
        --bell-animate-slide-duration: .5s
    }
}

@media(prefers-reduced-motion: no-preference)and (scripting: enabled) {
    [data-animate] {
        transition-duration: var(--bell-animate-duration);
        transition-delay: var(--bell-animate-delay);
        transition-timing-function: var(--bell-animate-easing)
    }

    [data-animate-batch] {
        opacity: 0
    }

        [data-animate-batch].is-ready {
            opacity: 1
        }

    [data-animate|=fade], [data-animate-effect=fade]:not(.is-ready) > * {
        opacity: var(--bell-animate-opacity-start);
        transition-property: opacity
    }

        [data-animate|=fade].in-view {
            opacity: var(--bell-animate-opacity-end)
        }

        [data-animate|=fade].out-view {
            opacity: var(--bell-animate-opacity-start)
        }

    [data-animate|=reveal] {
        border-radius: var(--bell-animate-border-radius);
        overflow: hidden;
        position: relative;
        will-change: transform
    }

        [data-animate|=reveal] .reveal__background, [data-animate|=reveal] .reveal__foreground {
            display: block;
            height: 100%;
            left: 0;
            position: absolute;
            pointer-events: none;
            top: 0;
            transform: translateY(0);
            width: 100%
        }

        [data-animate|=reveal] .reveal__background {
            transition: transform var(--bell-animate-reveal-duration) var(--bell-animate-easing);
            z-index: 2
        }

        [data-animate|=reveal] .reveal__foreground {
            background-color: inherit;
            transition: transform var(--bell-animate-reveal-duration) var(--bell-animate-easing);
            transition-delay: var(--bell-animate-reveal-delay);
            z-index: 3
        }

        [data-animate|=reveal]::before, [data-animate|=reveal]::after {
            content: "";
            display: block;
            height: 100%;
            left: 0;
            position: absolute;
            pointer-events: none;
            top: 0;
            transform: translateY(0);
            width: 100%
        }

        [data-animate|=reveal]::before {
            background-color: var(--bell-animate-background-color);
            transition: transform var(--bell-animate-reveal-duration) var(--bell-animate-easing);
            transition-delay: var(--bell-animate-reveal-delay-extra);
            z-index: 3
        }

        [data-animate|=reveal]::after {
            background-color: var(--bell-animate-foreground-color);
            transition: transform var(--bell-animate-reveal-duration) var(--bell-animate-easing);
            transition-delay: calc(var(--bell-animate-reveal-delay) + var(--bell-animate-reveal-delay-extra));
            z-index: 2
        }

        [data-animate|=reveal].in-view .reveal__background {
            transform: translateY(-100%)
        }

        [data-animate|=reveal].in-view .reveal__foreground {
            transform: translateY(-100%)
        }

        [data-animate|=reveal].in-view::before {
            transform: translateY(-100%)
        }

        [data-animate|=reveal].in-view::after {
            transform: translateY(-100%)
        }

        [data-animate|=reveal].out-view .reveal__background {
            transform: translateY(0)
        }

        [data-animate|=reveal].out-view .reveal__foreground {
            transform: translateY(0)
        }

        [data-animate|=reveal].out-view::before {
            transform: translateY(0)
        }

        [data-animate|=reveal].out-view::after {
            transform: translateY(0)
        }

    [data-animate|=slide], [data-animate-effect=slide]:not(.is-ready) > * {
        opacity: var(--bell-animate-opacity-start);
        transform: translateY(var(--bell-animate-slide-offset, var(--bell-animate-slide-offset)));
        transition-property: opacity,transform;
        transition-duration: var(--bell-animate-opacity-duration, var(--bell-animate-opacity-duration)),var(--bell-animate-slide-duration, var(--bell-animate-slide-duration))
    }

        [data-animate|=slide].in-view {
            opacity: var(--bell-animate-opacity-end);
            transform: none;
            transition-delay: var(--bell-animate-delay)
        }

        [data-animate|=slide].out-view {
            opacity: var(--bell-animate-opacity-start);
            transform: translateY(var(--bell-animate-slide-offset, -var(--bell-animate-slide-offset)));
            transition-delay: var(--bell-animate-delay) !important
        }

    [data-animate|=zoom] {
        opacity: var(--bell-animate-opacity-start);
        transform: scale(var(--bell-animate-zoom-start, var(--bell-animate-zoom-start)));
        transform-origin: center center;
        transition-property: opacity,transform
    }

        [data-animate|=zoom].in-view {
            opacity: var(--bell-animate-opacity-end);
            transform: scale(var(--bell-animate-zoom-end, var(--bell-animate-zoom-end)));
            transition-delay: var(--bell-animate-delay)
        }

        [data-animate|=zoom].out-view {
            opacity: var(--bell-animate-opacity-start);
            transform: scale(var(--bell-animate-zoom-start, var(--bell-animate-zoom-start)));
            transition-delay: var(--bell-animate-delay)
        }
}

@media only screen and (prefers-reduced-motion: no-preference)and (scripting: enabled)and (max-width: 991.99px) {
    [data-animate-mobile] {
        display: block
    }

    [data-animate-mobile|=fade] {
        opacity: var(--bell-animate-opacity-start);
        transition-property: opacity;
        transform: unset
    }

        [data-animate-mobile|=fade].in-view {
            opacity: var(--bell-animate-opacity-end)
        }

    [data-animate-mobile|=slide] {
        opacity: var(--bell-animate-opacity-start);
        transform: translateY(var(--bell-animate-slide-offset, var(--bell-animate-slide-offset)));
        transition-property: opacity,transform;
        transition-duration: var(--bell-animate-opacity-duration, var(--bell-opacity-duration)),var(--bell-animate-slide-duration, var(--bell-animate-slide-duration))
    }

    [data-animate-mobile|=zoom] {
        opacity: var(--bell-animate-opacity-start);
        transform: scale(var(--bell-animate-zoom-start, var(--bell-animate-zoom-start)));
        transform-origin: center center;
        transition-property: opacity,transform
    }

        [data-animate-mobile|=slide].in-view, [data-animate-mobile|=zoom].in-view {
            opacity: var(--bell-animate-opacity-end);
            transform: none
        }
}

.why-bell .btn-md {
    border-radius: 24px;
    line-height: 16px;
    padding: 14px 30px
}

.why-bell .btn-lg, .why-bell .btn-lg:not(:disabled):not(.disabled):active {
    border-radius: 24px;
    line-height: 16px;
    padding: 14px 34px;
    white-space: nowrap
}

.why-bell .txtSize28 {
    font-size: 28px
}

.why-bell .noBreak {
    white-space: nowrap
}

@media only screen and (max-width: 1199.98px) {
    .why-bell .margin-b-45-xl {
        margin-bottom: 45px
    }
}

@media only screen and (max-width: 767.98px) {
    .why-bell .margin-b-15-md {
        margin-bottom: 15px
    }
}

@media only screen and (max-width: 767.98px) {
    .why-bell .margin-b-30-md {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 767.98px) {
    .why-bell .margin-b-10-sm {
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 991.98px) {
    .why-bell .margin-t-45-lg {
        margin-top: 45px
    }
}

@media only screen and (max-width: 767.98px) {
    .why-bell .margin-t-0-md {
        margin-top: 0
    }
}

.why-bell .pad-v-90 {
    padding-bottom: 90px;
    padding-top: 90px
}

.why-bell .pad-t-120 {
    padding-top: 120px
}

.why-bell .pad-v-120 {
    padding-bottom: 120px;
    padding-top: 120px
}

@media only screen and (max-width: 1499.98px) {
    .why-bell .pad-v-xxl-90 {
        padding-bottom: 90px;
        padding-top: 90px
    }
}

@media only screen and (max-width: 1199.98px) {
    .why-bell .pad-v-xl-45 {
        padding-bottom: 45px;
        padding-top: 45px
    }
}

@media only screen and (max-width: 1199.98px) {
    .why-bell .pad-v-xl-90 {
        padding-bottom: 90px;
        padding-top: 90px
    }
}

@media only screen and (max-width: 991.98px) {
    .why-bell .pad-v-lg-30 {
        padding-bottom: 30px;
        padding-top: 30px
    }
}

@media only screen and (max-width: 991.98px) {
    .why-bell .pad-v-lg-75 {
        padding-bottom: 75px;
        padding-top: 75px
    }
}

@media only screen and (max-width: 767.98px) {
    .why-bell .pad-v-md-45 {
        padding-bottom: 45px;
        padding-top: 45px
    }
}

@media only screen and (max-width: 767.98px) {
    .why-bell .pad-v-md-60 {
        padding-bottom: 60px;
        padding-top: 60px
    }
}

.why-bell .display-large, .why-bell .display-medium, .why-bell .display-small, .why-bell .display-xsmall, .why-bell .display-tiny {
    font-family: "bellslim_font_heavy",Helvetica,Arial,sans-serif
}

    .why-bell .display-large sup, .why-bell .display-medium sup, .why-bell .display-small sup, .why-bell .display-xsmall sup, .why-bell .display-tiny sup {
        font-size: .5em;
        margin-left: 3px
    }

        .why-bell .display-large sup a, .why-bell .display-medium sup a, .why-bell .display-small sup a, .why-bell .display-xsmall sup a, .why-bell .display-tiny sup a {
            color: inherit
        }

.why-bell .display-large {
    font-size: 88px;
    letter-spacing: -2px;
    line-height: 1.02
}

@media only screen and (max-width: 1499.98px) {
    .why-bell .display-large {
        font-size: 76px
    }
}

@media only screen and (max-width: 1199.98px) {
    .why-bell .display-large {
        font-size: 56px;
        letter-spacing: -1px;
        line-height: 1.07
    }
}

@media only screen and (max-width: 991.98px) {
    .why-bell .display-large {
        font-size: 48px;
        letter-spacing: -0.7px;
        line-height: 1.08
    }
}

@media only screen and (max-width: 767.98px) {
    .why-bell .display-large {
        font-size: 36px;
        letter-spacing: -0.6px;
        line-height: 1.11
    }
}

.why-bell .display-medium {
    font-size: 76px;
    letter-spacing: -2px;
    line-height: 1.02
}

@media only screen and (max-width: 1499.98px) {
    .why-bell .display-medium {
        font-size: 56px;
        letter-spacing: -1px;
        line-height: 1.07
    }
}

@media only screen and (max-width: 1199.98px) {
    .why-bell .display-medium {
        font-size: 48px;
        letter-spacing: -0.7px;
        line-height: 1.08
    }
}

@media only screen and (max-width: 991.98px) {
    .why-bell .display-medium {
        font-size: 36px;
        letter-spacing: -0.6px;
        line-height: 1.11
    }
}

.why-bell .display-small {
    font-size: 56px;
    letter-spacing: -1px;
    line-height: 1.07
}

@media only screen and (max-width: 1499.98px) {
    .why-bell .display-small {
        font-size: 48px;
        letter-spacing: -0.7px;
        line-height: 1.08
    }
}

@media only screen and (max-width: 1199.98px) {
    .why-bell .display-small {
        font-size: 36px;
        line-height: 1.11
    }
}

@media only screen and (max-width: 991.98px) {
    .why-bell .display-small {
        font-size: 30px;
        letter-spacing: -0.4px;
        line-height: 1.06
    }
}

.why-bell .display-xsmall {
    font-size: 40px;
    letter-spacing: -1px;
    line-height: 1.15
}

@media only screen and (max-width: 1499.98px) {
    .why-bell .display-xsmall {
        font-size: 36px;
        letter-spacing: -0.7px;
        line-height: 1.16
    }
}

@media only screen and (max-width: 1199.98px) {
    .why-bell .display-xsmall {
        font-size: 28px;
        line-height: 1.14
    }
}

.why-bell .display-xxsmall {
    font-family: "bellslim_font_heavy",Helvetica,Arial,sans-serif;
    font-size: 32px;
    letter-spacing: -0.8px;
    line-height: 1.19
}

@media only screen and (max-width: 1499.98px) {
    .why-bell .display-xxsmall {
        font-size: 28px;
        letter-spacing: -0.7px;
        line-height: 1.14
    }
}

@media only screen and (max-width: 991.98px) {
    .why-bell .display-xxsmall {
        font-size: 28px;
        line-height: 1.16
    }
}

@media only screen and (max-width: 767.98px) {
    .why-bell .display-xxsmall {
        font-size: 22px;
        line-height: 1.18
    }
}

.why-bell .display-tiny {
    font-family: "bellslim_font_heavy",Helvetica,Arial,sans-serif;
    font-size: 28px;
    letter-spacing: -0.5px;
    line-height: 1.14
}

@media only screen and (max-width: 1499.98px) {
    .why-bell .display-tiny {
        font-size: 24px;
        letter-spacing: -0.7px;
        line-height: 1.16
    }
}

@media only screen and (max-width: 1199.98px) {
    .why-bell .display-tiny {
        font-size: 22px;
        line-height: 1.18
    }
}

.why-bell .display-xtiny {
    font-family: "bellslim_font_heavy",Helvetica,Arial,sans-serif;
    font-size: 24px;
    letter-spacing: -1.8px;
    line-height: 1.16
}

@media only screen and (max-width: 1499.98px) {
    .why-bell .display-xtiny {
        font-size: 22px;
        letter-spacing: -0.7px;
        line-height: 1.18
    }
}

.why-bell .video-wrapper {
    position: relative;
    width: 100%
}

    .why-bell .video-wrapper video, .why-bell .video-wrapper img {
        display: block;
        height: 100%;
        left: 0;
        object-fit: contain;
        position: absolute;
        top: 0;
        width: 100%
    }

@media(prefers-reduced-motion) {
    .why-bell .video-wrapper video {
        opacity: 0
    }
}

@media(scripting: none) {
    .why-bell .video-wrapper video {
        display: none
    }
}

.why-bell .video-banner-pause-btn {
    box-shadow: 0 1px 10px #555;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: none;
    background-color: #fff;
    right: 0;
    padding: 0;
    bottom: 20px;
    position: absolute;
    z-index: 10;
    opacity: 1;
    transition: background .7s opacity .2s
}

    .why-bell .video-banner-pause-btn.hide {
        opacity: 0;
        pointer-events: none
    }

@media(prefers-reduced-motion) {
    .why-bell .video-banner-pause-btn {
        display: none
    }
}

.why-bell .video-banner-pause-btn-progress circle {
    stroke: #0075ff;
    stroke-width: 3px;
    stroke-dasharray: 125;
    stroke-dashoffset: 0;
    fill: rgba(225,255,255,0)
}

.why-bell .video-banner-pause-btn-progress {
    overflow: visible !important;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    transform: rotate(-90deg)
}

.why-bell .video-banner-pause-btn[data-pressed=false] .video-banner-pause-btn-bg:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: calc(50% + 1px);
    transform: translate(-50%, -50%);
    width: 0;
    height: 10px;
    border-top: 5px solid rgba(0,0,0,0);
    border-bottom: 5px solid rgba(0,0,0,0);
    border-left: 11px solid #003777;
    z-index: 1
}

.why-bell .video-banner-pause-btn[data-pressed=true] .video-banner-pause-btn-bg:after, .why-bell .video-banner-pause-btn[data-pressed=true] .video-banner-pause-btn-bg:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: calc(50% - 3px);
    transform: translate(-50%, -50%);
    height: 10px;
    width: 0;
    border: 1px solid #003778;
    z-index: 1
}

.why-bell .video-banner-pause-btn[data-pressed=true] .video-banner-pause-btn-bg:before {
    left: calc(50% + 3px)
}

.why-bell .video-banner-pause-btn:active {
    background-color: #003777;
    background-size: 150%;
    transition: background .4s
}

.why-bell button.video-banner-pause-btn:focus {
    outline-offset: 4px !important;
    outline: 2px solid #fff !important
}

.why-bell button.video-banner-pause-btn.pause-btn-blue-outline:focus {
    outline: 2px solid #0075ff !important
}

.why-bell .slick-arrow {
    left: unset;
    margin-top: 0;
    position: relative;
    right: unset;
    top: unset
}

.why-bell .slick-prev, .why-bell .slick-next {
    background-color: #e1e1e1;
    box-shadow: none;
    height: 32px;
    opacity: 1;
    transform: none;
    width: 32px
}

    .why-bell .slick-prev:active, .why-bell .slick-next:active {
        background-color: rgb(199.5,199.5,199.5)
    }

    .why-bell .slick-prev.slick-disabled, .why-bell .slick-next.slick-disabled {
        opacity: .5;
        pointer-events: none
    }

    .why-bell .slick-next::before, .why-bell .slick-prev::before {
        display: none
    }

    .why-bell .slick-next::after, .why-bell .slick-prev::after {
        content: "";
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-block;
        height: 16px;
        width: 16px
    }

    .why-bell .slick-next::after {
        background-image: url(/styles/media/Mobility/css/images/icon-arrow-small-right.svg)
    }

    .why-bell .slick-prev::after {
        background-image: url(/styles/media/Mobility/css/images/icon-arrow-small-left.svg)
    }

.why-bell .slick-next {
    margin-left: 15px
}

.why-bell .featured-plans .card-plan {
    background-color: #fff;
    border: 1.5px solid #c2cedf;
    border-radius: 20px;
    font-family: Arial,Helvetica,sans-serif;
    padding: 40px 32px;
    position: relative;
    width: 33.33%
}

    .why-bell .featured-plans .card-plan:not(:last-child) {
        margin-right: 30px
    }

    .why-bell .featured-plans .card-plan#staticTierPackage {
        background: #f4f4f4;
        border: none
    }

.why-bell .featured-plans .card-plan__tag {
    border-radius: 6px;
    left: 32px;
    line-height: 1.4;
    padding: 7px 10px;
    position: absolute;
    top: 0;
    transform: translateY(-50%)
}

.why-bell .featured-plans .card-plan__title {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.28;
    margin: 0
}

.why-bell .featured-plans .card-plan__description {
    font-family: "bellslim_font_heavy",Helvetica,Arial,sans-serif;
    font-size: 24px;
    letter-spacing: -0.7px;
    line-height: 1.16;
    margin: 24px 0 0
}

    .why-bell .featured-plans .card-plan__description + p {
        line-height: 1.16
    }

    .why-bell .featured-plans .card-plan__description strong {
        color: #00549a;
        font-weight: normal
    }

.why-bell .featured-plans .card-plan__list {
    list-style: none;
    margin: 32px 0 0;
    padding: 0
}

    .why-bell .featured-plans .card-plan__list .whybell_icon {
        display: inline-block;
        height: 29px;
        width: 29px;
        background-repeat: no-repeat;
        background-position: center center
    }

    .why-bell .featured-plans .card-plan__list .whybell_icon-download {
        background-image: url(/styles/media/Mobility/css/shared/data:image/svg+xml,%3csvg fill='none' height='28' viewBox='0 0 29 28' width='29' xmlns='http:/www.w3.org/2000/svg'%3e%3cg fill='%2300549a'%3e%3cpath d='m14.5 7.25c.4142 0 .75.33579.75.75v10.1893l3.4926-3.4926c.2929-.2929.7678-.2929 1.0607 0s.2929.7678 0 1.0607l-4.773 4.7729c-.2929.2929-.7677.2929-1.0606 0l-4.77301-4.7729c-.29289-.2929-.29289-.7678 0-1.0607s.76777-.2929 1.06071 0l3.4926 3.4926v-10.1893c0-.41421.3358-.75.75-.75z'/%3e%3cpath clip-rule='evenodd' d='m14.5 0c-7.73199 0-14 6.26801-14 14 0 7.732 6.26801 14 14 14 7.732 0 14-6.268 14-14 0-7.73199-6.268-14-14-14zm-12.5 14c0-6.90356 5.59644-12.5 12.5-12.5 6.9036 0 12.5 5.59644 12.5 12.5 0 6.9036-5.5964 12.5-12.5 12.5-6.90356 0-12.5-5.5964-12.5-12.5z' fill-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e)
    }

    .why-bell .featured-plans .card-plan__list .whybell_icon-upload {
        background-image: url(/styles/media/Mobility/css/shared/data:image/svg+xml,%3csvg fill='none' height='28' viewBox='0 0 29 28' width='29' xmlns='http:/www.w3.org/2000/svg'%3e%3cg fill='%2300549a'%3e%3cpath d='m13.9697 7.46967c.2929-.29289.7677-.29289 1.0606 0l4.773 4.77293c.2929.2929.2929.7678 0 1.0607s-.7678.2929-1.0607 0l-3.4926-3.49263v10.18933c0 .4142-.3358.75-.75.75s-.75-.3358-.75-.75v-10.18933l-3.4926 3.49263c-.29294.2929-.76782.2929-1.06071 0s-.29289-.7678 0-1.0607z'/%3e%3cpath clip-rule='evenodd' d='m14.5 0c-7.73199 0-14 6.26801-14 14 0 7.732 6.26801 14 14 14 7.732 0 14-6.268 14-14 0-7.73199-6.268-14-14-14zm-12.5 14c0-6.90356 5.59644-12.5 12.5-12.5 6.9036 0 12.5 5.59644 12.5 12.5 0 6.9036-5.5964 12.5-12.5 12.5-6.90356 0-12.5-5.5964-12.5-12.5z' fill-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e)
    }

.why-bell .featured-plans .card-plan__list--sm li:not(:last-child) {
    margin-bottom: 10px
}

.why-bell .featured-plans .card-plan__list-item {
    align-items: center;
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    line-height: 1.16
}

    .why-bell .featured-plans .card-plan__list-item:not(:last-child) {
        margin-bottom: 16px
    }

    .why-bell .featured-plans .card-plan__list-item .text-lg {
        color: #111;
        font-size: 22px;
        line-height: 1.18;
        text-wrap: nowrap
    }

        .why-bell .featured-plans .card-plan__list-item .text-lg sup {
            font-size: .65em;
            margin-left: 3px
        }

.why-bell .featured-plans .card-plan__feature {
    background: #f0f8ff;
    border-radius: 4px;
    display: flex;
    margin-bottom: 2px;
    padding: 12px 10px
}

    .why-bell .featured-plans .card-plan__feature img {
        display: inline-block;
        margin-right: 10px
    }

    .why-bell .featured-plans .card-plan__feature .icon {
        align-self: flex-start
    }

.why-bell .featured-plans .card-plan__feature--extra {
    background: #f4f4f4;
    position: relative;
    padding-left: 34px
}

    .why-bell .featured-plans .card-plan__feature--extra::before, .why-bell .featured-plans .card-plan__feature--extra::after {
        background: #00549a;
        border-radius: 2px;
        content: "";
        height: 1.5px;
        left: 13px;
        position: absolute;
        top: 20px;
        width: 8px
    }

    .why-bell .featured-plans .card-plan__feature--extra::after {
        transform: rotate(-90deg)
    }

.why-bell .featured-plans .card-plan__details h4 {
    font-size: 14px;
    position: relative
}

    .why-bell .featured-plans .card-plan__details h4::after {
        background: #e1e1e1;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        top: 50%;
        width: 100%;
        z-index: 0
    }

    .why-bell .featured-plans .card-plan__details h4 a {
        background: #fff;
        padding: 0 15px 0 25px;
        position: relative;
        z-index: 1
    }

        .why-bell .featured-plans .card-plan__details h4 a::before {
            background-image: url(/styles/media/Mobility/css/images/icon-small-chevron-down.svg);
            content: "";
            height: 12px;
            left: 0;
            margin-top: -6px;
            position: absolute;
            top: 50%;
            transition: transform .25s ease-out;
            width: 15px
        }

        .why-bell .featured-plans .card-plan__details h4 a[aria-expanded=true]::before {
            transform: rotate(-180deg)
        }

.why-bell .featured-plans .card-plan__details ul {
    padding-top: 12px
}

    .why-bell .featured-plans .card-plan__details ul li {
        position: relative;
        padding-left: 25px
    }

        .why-bell .featured-plans .card-plan__details ul li:not(:last-child) {
            margin-bottom: 10px
        }

        .why-bell .featured-plans .card-plan__details ul li::before {
            background-image: url(/styles/media/Mobility/css/images/icon-tiny-checkmark.svg);
            content: "";
            height: 16px;
            left: 0;
            position: absolute;
            top: 0;
            width: 16px
        }

.why-bell .featured-plans .card-plan__spacer {
    margin: 30px 0 0
}

.why-bell .featured-plans .card-plan__bonus {
    background: #f0f8ff;
    border-radius: 4px;
    margin-top: 30px;
    padding: 8px
}

.why-bell .featured-plans .card-plan__bottom {
    justify-self: flex-end
}

.why-bell .featured-plans .card-plan__price {
    line-height: 1.16;
    margin-top: 32px
}

    .why-bell .featured-plans .card-plan__price .big-price-surtitle {
        min-height: 18px
    }

    .why-bell .featured-plans .card-plan__price .big-price span span {
        top: 0
    }

    .why-bell .featured-plans .card-plan__price .price-sm {
        display: block
    }

.why-bell .featured-plans .card-plan__caption {
    margin-top: 10px;
}

.why-bell .featured-plans .card-plan__cta-details {
    display: inline-block;
    margin: 15px 0 0
}

    .why-bell .featured-plans .card-plan__cta-details::after {
        background-image: url(/styles/media/Mobility/css/shared/data:image/svg+xml,%3csvg viewBox='0 0 5 10' xmlns='http:/www.w3.org/2000/svg'%3e%3cpath clip-rule='evenodd' d='m1.49999.939346 2.82322 2.823224c.68342.68342.68342 1.79145 0 2.47488l-2.82322 2.82322-1.060659-1.06066 2.823219-2.82322c.09764-.09764.09764-.25593 0-.35356l-2.823219-2.82322z' fill='%2300549a' fill-rule='evenodd'/%3e%3c/svg%3e);
        content: "";
        display: inline-block;
        height: 10px;
        margin-left: 6px;
        position: relative;
        width: 5px;
        top: 1px
    }

.why-bell .featured-plans .card-plan .whybell-ordernow > .btn {
    background-color: rgba(0,0,0,0);
    border: 2px solid #003778;
    border-radius: 24px;
    color: #003778;
    display: block;
    line-height: 16px;
    margin-top: 24px;
    padding: 14px 55px
}

    .why-bell .featured-plans .card-plan .whybell-ordernow > .btn:hover, .why-bell .featured-plans .card-plan .whybell-ordernow > .btn:focus {
        background: #ccd7e4;
        border-color: #00549a;
        color: #00549a
    }

.why-bell .featured-plans .card-plan .prodDetailBuyButton > .btn {
    display: block;
    width: 100%
}

.why-bell .featured-plans .card-plan__img-wrapper {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    margin-top: 14px
}

.why-bell .featured-plans .card-plan__img {
    margin: 0 auto;
    width: 100%
}

@media only screen and (max-width: 1199.98px) {
    .why-bell .featured-plans .card-plan__list-item .text-lg {
        font-size: 18px;
        line-height: 1.22
    }
}

@media only screen and (max-width: 991.98px) {
    .why-bell .featured-plans .card-plan {
        padding: 40px 20px
    }

        .why-bell .featured-plans .card-plan:not(:last-child) {
            margin-right: 15px
        }
}

@media only screen and (max-width: 767.98px) {
    .why-bell .featured-plans .card-plan {
        max-width: 100%;
        padding: 40px 32px;
        width: 100%
    }

        .why-bell .featured-plans .card-plan:not(:last-child) {
            margin: 0 0 30px
        }
}

.why-bell .featured-plans__text .btn + .btn {
    margin-left: 10px
}

.why-bell .featured-plans__text .flex-column .btn + .btn {
    margin-top: 15px;
    margin-left: 0
}

.why-bell .featured-plans__controls .nav-pills .nav-item + .nav-item {
    margin-left: 10px
}

.why-bell .featured-plans__controls .nav-pills .nav-link {
    background: #f4f4f4;
    border: 1.5px solid #f4f4f4;
    border-radius: 100px !important;
    padding: 16px 35px;
    text-decoration: none
}

    .why-bell .featured-plans__controls .nav-pills .nav-link:hover, .why-bell .featured-plans__controls .nav-pills .nav-link:focus {
        border-color: #00549a
    }

    .why-bell .featured-plans__controls .nav-pills .nav-link.active {
        background: #f0f8ff;
        border-color: #00549a;
        color: #00549a
    }

@media(max-width: 767.96px) {
    .why-bell .featured-plans__controls .nav-pills .nav-link {
        font-size: 12px;
        padding: 12px 20px
    }
}

.why-bell .featured-plans__controls .custom-switch {
    padding-left: 0
}

    .why-bell .featured-plans__controls .custom-switch .custom-control-label {
        font-size: 18px;
        line-height: 32px;
        padding-right: 76px
    }

        .why-bell .featured-plans__controls .custom-switch .custom-control-label::before {
            border: none;
            background: #babec2;
            border-radius: 16px;
            height: 32px;
            left: unset;
            right: 0;
            top: 0;
            width: 66px
        }

        .why-bell .featured-plans__controls .custom-switch .custom-control-label::after {
            background: #fff;
            border-radius: 50%;
            height: 24px;
            left: unset;
            right: 38px;
            top: 4px;
            width: 24px
        }

    .why-bell .featured-plans__controls .custom-switch input:checked ~ .custom-control-label::before {
        background: #00549a
    }

    .why-bell .featured-plans__controls .custom-switch input:checked ~ .custom-control-label::after {
        transform: translateX(34px)
    }

    .why-bell .featured-plans__controls .custom-switch input:focus ~ .custom-control-label::before {
        box-shadow: none;
        outline: 2px solid #0075ff !important;
        outline-offset: 2px !important
    }

.why-bell .featured-plans__cta {
    display: flex;
    justify-content: center;
    position: relative
}

    .why-bell .featured-plans__cta .btn-wrapper {
        background-color: #fff;
        position: relative;
        z-index: 1
    }

        .why-bell .featured-plans__cta .btn-wrapper .btn + .btn {
            margin-left: 10px
        }

@media screen and (max-width: 767.98px) {
    .why-bell .featured-plans__cta .btn-wrapper .btn + .btn {
        margin-top: 10px;
        margin-left: 0
    }
}

.why-bell .featured-plans__icons {
    list-style: none;
    padding: 0
}

    .why-bell .featured-plans__icons li {
        font-size: 18px;
        line-height: 1.2222222222;
        padding-right: 0
    }

        .why-bell .featured-plans__icons li img {
            margin-right: 8px
        }

@media(max-width: 767.96px) {
    .why-bell .featured-plans__icons li img {
        margin-bottom: 0
    }
}

@media only screen and (max-width: 1199.98px) {
    .why-bell .featured-plans__icons li {
        font-size: 14px
    }
}

@media only screen and (max-width: 767.98px) {
    .why-bell .featured-plans__icons li {
        width: 50%
    }

        .why-bell .featured-plans__icons li:nth-child(1), .why-bell .featured-plans__icons li:nth-child(2) {
            margin-bottom: 15px
        }
}

.why-bell .featured-plans__carousel .slick-list {
    overflow: visible
}

.why-bell .featured-plans__carousel .slick-slide {
    margin-right: 30px
}

@media(max-width: 991.96px) {
    .why-bell .featured-plans__carousel .slick-slide {
        margin-right: 15px
    }
}

@media(max-width: 767.96px) {
    .why-bell .featured-plans__carousel .card-plan {
        width: calc(100% - 25px)
    }
}

.why-bell .featured-plans [data-animate-effect=slide]:not(.is-ready) .card-plan {
    opacity: var(--bell-animate-opacity-start);
    transform: translateY(var(--bell-animate-slide-offset, var(--bell-animate-slide-offset)));
    transition-property: opacity,transform;
    transition-duration: var(--bell-animate-opacity-duration, var(--bell-animate-opacity-duration)),var(--bell-animate-slide-duration, var(--bell-animate-slide-duration))
}

.why-bell .featured-plans__arrows {
    display: flex
}

.why-bell .featured-plans__footnotes p {
    margin-bottom: 0;
    padding: 0 10px
}

    .why-bell .featured-plans__footnotes p:first-child {
        padding-left: 0
    }

    .why-bell .featured-plans__footnotes p:last-child {
        padding-right: 0
    }

    .why-bell .featured-plans__footnotes p:not(:first-child) {
        border-left: 1px solid #e1e1e1
    }

    .why-bell .featured-plans__footnotes p a {
        text-decoration: underline
    }

        .why-bell .featured-plans__footnotes p a:hover, .why-bell .featured-plans__footnotes p a:focus {
            text-decoration: none
        }

@media(max-width: 767.96px) {
    .why-bell .featured-plans__footnotes p {
        border-top: 1px solid #e1e1e1;
        padding: 15px 0
    }

        .why-bell .featured-plans__footnotes p:last-child {
            padding-bottom: 0
        }

        .why-bell .featured-plans__footnotes p:not(:first-child) {
            border-left: none
        }
}

@media only screen and (max-width: 767.98px) {
    .why-bell .featured-plans__bottom {
        --byc-animate-delay: 0 !important
    }
}

.why-bell .devices__controls .nav-pills .nav-item + .nav-item {
    margin-left: 10px
}

.why-bell .devices__controls .nav-pills .nav-link {
    background: #fff;
    border: 1.5px solid #fff;
    border-radius: 100px !important;
    padding: 16px 35px;
    text-decoration: none
}

    .why-bell .devices__controls .nav-pills .nav-link:hover, .why-bell .devices__controls .nav-pills .nav-link:focus {
        border-color: #00549a
    }

    .why-bell .devices__controls .nav-pills .nav-link.active {
        background: #f0f8ff;
        border-color: #00549a;
        color: #00549a
    }

@media(max-width: 767.96px) {
    .why-bell .devices__controls .nav-pills .nav-link {
        font-size: 12px;
        padding: 12px 20px
    }
}

.why-bell .devices .card-device {
    background: #fff;
    border-radius: 20px;
    position: relative;
    width: 380px
}

    .why-bell .devices .card-device > a {
        display: block
    }

.why-bell .devices .card-device__tag {
    border-radius: 6px;
    left: 32px;
    line-height: 1.4;
    padding: 7px 10px;
    position: absolute;
    top: 0;
    transform: translateY(-50%)
}

.why-bell .devices .card-device__image {
    height: 344px
}

.why-bell .devices .card-device__price .big-price span span {
    top: 0
}

.why-bell .devices__carousel {
    margin-right: -30px
}

    .why-bell .devices__carousel .slick-list {
        overflow: visible
    }

    .why-bell .devices__carousel .slick-slide {
        margin-right: 30px;
        width: 380px
    }

@media(max-width: 991.96px) {
    .why-bell .devices__carousel .slick-slide {
        margin-right: 15px
    }
}

@media(max-width: 991.96px) {
    .why-bell .devices__carousel {
        margin-right: 0
    }
}

.why-bell .devices [data-animate-effect=slide]:not(.is-ready) .card-device {
    opacity: var(--bell-animate-opacity-start);
    transform: translateY(var(--bell-animate-slide-offset, var(--bell-animate-slide-offset)));
    transition-property: opacity,transform;
    transition-duration: var(--bell-animate-opacity-duration, var(--bell-animate-opacity-duration)),var(--bell-animate-slide-duration, var(--bell-animate-slide-duration))
}

.why-bell .devices__footnote {
    border: 1px solid #c2cedf;
    border-radius: 10px
}

    .why-bell .devices__footnote li:not(:first-child) {
        border-left: 1px solid #c2cedf;
        padding-left: 10px
    }

    .why-bell .devices__footnote li:not(:last-child) {
        padding-right: 10px
    }

@media(max-width: 767.96px) {
    .why-bell .devices__footnote {
        font-size: 12px;
        order: 2
    }

        .why-bell .devices__footnote ul {
            flex-wrap: wrap
        }

        .why-bell .devices__footnote li:first-child {
            border-bottom: 1px solid #c2cedf;
            margin-bottom: 10px;
            min-width: 100%;
            padding-bottom: 10px
        }

        .why-bell .devices__footnote li:not(:first-child) {
            min-width: 50%;
            width: 50%
        }

        .why-bell .devices__footnote li:not(:last-child) {
            border-left: none;
            padding-left: 0
        }
}

@media(max-width: 767.96px) {
    .why-bell .devices__bottom-controls {
        margin-top: 30px;
        order: 1
    }
}

.why-bell .devices__arrows {
    display: flex
}

    .why-bell .devices__arrows .slick-prev, .why-bell .devices__arrows .slick-next {
        background-color: #fff
    }

        .why-bell .devices__arrows .slick-prev:active, .why-bell .devices__arrows .slick-next:active {
            background-color: hsl(0,0%,90%)
        }

@media(prefers-reduced-motion: no-preference)and (scripting: enabled) {
    .why-bell .best-network {
        height: 300vh
    }
}

@media(prefers-reduced-motion: no-preference)and (scripting: enabled)and (max-width: 1199.96px) {
    .why-bell .best-network {
        height: 200vh
    }
}

@media(prefers-reduced-motion: no-preference)and (scripting: enabled)and (max-width: 767.96px) {
    .why-bell .best-network {
        height: 175vh
    }
}

.why-bell .best-network__sticky {
    height: 100vh;
    overflow: hidden;
    position: relative
}

.why-bell .best-network__animation {
    height: 100%;
    position: absolute;
    width: 100%;
    transition: all .15s linear;
    will-change: transform;
    z-index: 0
}

.why-bell .best-network__device {
    height: 378px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 800px
}

    .why-bell .best-network__device .video-wrapper {
        border-radius: 60px;
        height: 370px;
        left: 1px;
        overflow: hidden;
        top: 3px;
        width: calc(100% - 2px);
        z-index: 0
    }

        .why-bell .best-network__device .video-wrapper video, .why-bell .best-network__device .video-wrapper img {
            object-fit: cover
        }

@media(max-width: 1199.96px) {
    .why-bell .best-network__device {
        height: 200px;
        width: 428px
    }

        .why-bell .best-network__device .video-wrapper {
            border-radius: 24px;
            height: 194px
        }
}

@media(max-width: 1199.96px) {
    .why-bell .best-network__device {
        height: 137px;
        width: 292px
    }

        .why-bell .best-network__device .video-wrapper {
            border-radius: 18px;
            height: 130px
        }
}

.why-bell .best-network__mask {
    position: absolute;
    top: 0;
    z-index: 1
}

.why-bell .best-network__badge {
    bottom: -55px;
    position: absolute;
    right: -180px;
    z-index: 3
}

@media(prefers-reduced-motion: no-preference)and (scripting: enabled) {
    .why-bell .best-network__badge {
        opacity: 0;
        transform: translateX(30px)
    }
}

@media(max-width: 1199.96px) {
    .why-bell .best-network__badge {
        bottom: -30px;
        right: -60px;
        width: 136px
    }
}

@media(max-width: 1199.96px) {
    .why-bell .best-network__badge {
        right: -50px
    }
}

.why-bell .best-network__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    margin: 0 auto;
    position: relative;
    text-align: center;
    z-index: 1
}

.why-bell .best-network__heading {
    padding: 0 30px;
    transform: translateY(-250px)
}

@media(max-width: 1199.96px) {
    .why-bell .best-network__heading {
        transform: translateY(-125px)
    }
}

@media(prefers-reduced-motion: no-preference)and (scripting: enabled) {
    .why-bell .best-network__heading {
        color: #fff;
        transform: none
    }
}

.why-bell .best-network__text {
    margin: 0 auto;
    max-width: 600px;
    padding: 0 30px;
    position: relative;
    z-index: 5;
    top: 215px
}

@media(prefers-reduced-motion: no-preference)and (scripting: enabled) {
    .why-bell .best-network__text {
        opacity: 1;
        transform: translateY(calc(25vh + 100%))
    }
}

@media(max-width: 1199.96px) {
    .why-bell .best-network__text {
        top: 140px
    }
}

@keyframes progressTiming {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

:root {
    --carousel-rotation-time: 4s
}

.why-bell .network-carousel {
    aspect-ratio: 1200/800;
    border-radius: 30px;
    overflow: hidden;
    position: relative
}

@media(min-width: 767.98px)and (max-width: 991.96px) {
    .why-bell .network-carousel {
        aspect-ratio: 700/650
    }
}

@media(max-width: 767.96px) {
    .why-bell .network-carousel {
        aspect-ratio: unset;
        border-radius: unset;
        overflow: unset
    }
}

.why-bell .network-carousel .slider-rotating-carousel-pause {
    bottom: 90px;
    right: 90px;
    transform: none
}

@media(max-width: 991.96px) {
    .why-bell .network-carousel .slider-rotating-carousel-pause {
        bottom: 60px;
        right: 60px
    }
}

@media(max-width: 767.96px) {
    .why-bell .network-carousel .slider-rotating-carousel-pause {
        bottom: 15px;
        right: 15px
    }
}

.why-bell .network-carousel__videos {
    background: #111;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1
}

    .why-bell .network-carousel__videos-slick, .why-bell .network-carousel__videos .slick-list, .why-bell .network-carousel__videos .slick-track {
        height: 100%
    }

@media(max-width: 767.96px) {
    .why-bell .network-carousel__videos {
        aspect-ratio: 16/9;
        border-radius: 20px;
        overflow: hidden;
        position: relative
    }
}

.why-bell .network-carousel__video {
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

    .why-bell .network-carousel__video video {
        height: 100%;
        object-fit: cover;
        width: 100%
    }

.why-bell .network-carousel__texts, .why-bell .network-carousel__controls {
    left: 90px;
    position: absolute;
    z-index: 2
}

@media(max-width: 991.96px) {
    .why-bell .network-carousel__texts, .why-bell .network-carousel__controls {
        left: 60px
    }
}

@media(max-width: 767.96px) {
    .why-bell .network-carousel__texts, .why-bell .network-carousel__controls {
        position: relative;
        left: unset
    }
}

.why-bell .network-carousel__texts {
    color: #fff;
    bottom: 250px;
    width: 350px
}

.why-bell .network-carousel__texts .display-xsmall {
    color: inherit
}

@media(min-width: 767.98px) {
    .why-bell .network-carousel__texts .slick-track {
        display: flex
    }
}

@media(min-width: 767.98px) {
    .why-bell .network-carousel__texts .slick-slide {
        align-items: flex-end;
        display: flex;
        height: auto
    }
}

@media(min-width: 767.98px)and (prefers-reduced-motion: no-preference) {
    .why-bell .network-carousel__texts .slick-slide {
        transform: translateY(30px);
        transition: none !important
    }

        .why-bell .network-carousel__texts .slick-slide.slick-active {
            transform: translateY(0);
            transition: all var(--bell-animate-opacity-duration) var(--bell-animate-easing) !important;
            transition-delay: .5s
        }
}

@media(max-width: 991.96px) {
    .why-bell .network-carousel__texts {
        bottom: 220px;
        width: 285px
    }
}

@media(max-width: 767.96px) {
    .why-bell .network-carousel__texts {
        bottom: unset;
        color: #111;
        margin-top: 30px;
        text-align: center;
        width: 100%
    }

        .why-bell .network-carousel__texts p {
            color: #111;
            line-height: 22px;
        }
}

.why-bell .network-carousel .slick-list {
    padding: 0
}

.why-bell .network-carousel__controls {
    bottom: 90px
}

@media(max-width: 991.96px) {
    .why-bell .network-carousel__controls {
        bottom: 60px
    }
}

@media(max-width: 767.96px) {
    .why-bell .network-carousel__controls {
        bottom: unset
    }
}

@media(max-width: 767.96px) {
    .why-bell .network-carousel__controls {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }
}

.why-bell .network-carousel__dots .slick-dots {
    text-align: left;
    white-space: nowrap
}

    .why-bell .network-carousel__dots .slick-dots li button {
        background: hsla(0,0%,100%,.3);
        border: none;
        border-radius: 5px;
        overflow: hidden;
        position: relative;
        transition: all .2s ease-out
    }

        .why-bell .network-carousel__dots .slick-dots li button:after {
            background: #fff;
            content: "";
            height: 100%;
            left: 0;
            position: absolute;
            top: 0
        }

@media(max-width: 767.96px) {
    .why-bell .network-carousel__dots .slick-dots li button {
        background: rgba(17,17,17,.3)
    }

        .why-bell .network-carousel__dots .slick-dots li button:after {
            background: #00549a
        }
}

.why-bell .network-carousel__dots .slick-dots li.slick-active button {
    width: 60px
}

    .why-bell .network-carousel__dots .slick-dots li.slick-active button:after {
        animation: progressTiming var(--carousel-rotation-time) linear forwards
    }

.why-bell .network-carousel__dots.is-paused .slick-dots li.slick-active button::after {
    animation-play-state: paused
}

@media(max-width: 767.96px) {
    .why-bell .network-carousel__dots {
        order: 2
    }
}

.why-bell .network-carousel__cta {
    color: #fff;
    font-size: 18px
}

    .why-bell .network-carousel__cta::after {
        background-image: url(/styles/media/Mobility/css/images/icon-arrow-small-right-white.svg);
        content: "";
        display: inline-block;
        height: 16px;
        margin-left: 5px;
        position: relative;
        width: 16px
    }

    .why-bell .network-carousel__cta:hover, .why-bell .network-carousel__cta:focus {
        text-decoration: underline
    }

@media(max-width: 767.96px) {
    .why-bell .network-carousel__cta {
        color: #00549a
    }

        .why-bell .network-carousel__cta::after {
            background-image: url(/styles/media/Mobility/css/images/icon-arrow-small-right.svg)
        }
}

.why-bell .network-carousel__arrows {
    display: flex;
    order: 1
}

@media(min-width: 767.98px) {
    .why-bell .network-carousel__arrows {
        order: unset
    }

        .why-bell .network-carousel__arrows .slick-prev, .why-bell .network-carousel__arrows .slick-next {
            background-color: rgba(244,244,244,.2)
        }

            .why-bell .network-carousel__arrows .slick-prev:active, .why-bell .network-carousel__arrows .slick-next:active {
                background-color: rgba(244,244,244,.4)
            }

            .why-bell .network-carousel__arrows .slick-next::after {
                background-image: url(/styles/media/Mobility/css/images/icon-arrow-small-right-white.svg)
            }

            .why-bell .network-carousel__arrows .slick-prev::after {
                background-image: url(/styles/media/Mobility/css/images/icon-arrow-small-left-white.svg)
            }
}

/*# sourceMappingURL=why-bell-mobility.css.map*/


/******* Hero Banner - Start ********/

.bhp-banner-carousel, .bhp-banner_shadow {
    position: relative
}

.bhp-banner-carousel-slider {
    display: flex;
    overflow: hidden;
    position: relative;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    height: 100%
}

.keen-slider__slide {
    width: 100%
}

    .keen-slider__slide > div {
        height: 100%
    }

.bhp-banner-carousel-buttons {
    position: absolute;
    bottom: 15px;
    left: 15px;
    height: 34px;
    padding: 4px 2px;
    margin: 0;
    border-radius: 16px;
    background-color: #fff;
    list-style: none;
    display: flex;
    flex-direction: row;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.2);
    z-index: 5
}

.bhp-banner-carousel-button {
    position: relative;
    border-radius: 50%;
    border: none;
    height: 26px;
    width: 26px;
    background-color: #fff;
    color: #003778;
    font-size: 14px;
    line-height: 16px;
    margin: 0 2px;
    text-align: center;
    padding: 0
}

.bhp-banner-carousel-buttons > li.bhp-active > .bhp-banner-carousel-button {
    color: #fff;
    background-color: #00549a;
    border-radius: 50%;
    z-index: 1
}

.bhp-banner-pause-btn {
    height: 38px;
    width: 38px;
    border-radius: 50%;
    border: none;
    background-color: transparent;
    position: absolute;
    bottom: 13px;
    right: 15px;
    padding: 0;
    z-index: 10
}

.bhp-banner-pause-btn-bg {
    height: 34px;
    width: 34px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.2);
    pointer-events: none
}

.bhp-banner-pause-btn-progress {
    overflow: visible;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    transform: rotate(-90deg)
}

    .bhp-banner-pause-btn-progress circle {
        stroke: #0075ff;
        stroke-width: 3px;
        stroke-dasharray: 125;
        stroke-dashoffset: 0;
        fill: rgba(225,255,255,0)
    }

.bhp-banner-pause-btn[data-pressed=false] .bhp-banner-pause-btn-bg:after, .bhp-banner-pause-btn[data-pressed=false] .bhp-banner-pause-btn-bg:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: calc(50% - 3px);
    transform: translate(-50%,-50%);
    height: 10px;
    width: 0;
    border: 1px solid #003778;
    z-index: 1
}

.bhp-banner-pause-btn[data-pressed=false] .bhp-banner-pause-btn-bg:before {
    left: calc(50% + 3px)
}

.bhp-banner-pause-btn[data-pressed=true] .bhp-banner-pause-btn-bg:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: calc(50% + 1px);
    transform: translate(-50%,-50%);
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 11px solid #003777;
    z-index: 1
}

.bhp-banner-pause-btn-progress.hp-banner-carousel-progress_initial {
    display: none
}

.bhp-banner {
    overflow: hidden;
    display: block;
    position: relative;
    height: 100%
}

    .bhp-banner > .bhp-container, .bhp-banner > .container {
        height: auto;
        min-height: 440px;
        display: flex;
        flex-direction: column-reverse;
        padding-top: 15px;
        justify-content: flex-end
    }

    .bhp-banner.bhp-banner--img-mob-top > .bhp-container, .bhp-banner.bhp-banner--img-mob-top > .container {
        flex-direction: column;
        justify-content: flex-start
    }

.bhp-banner-content-wrap {
    padding: 0 15px;
    text-align: center;
    z-index: 1;
    margin-bottom: 20px
}

.bhp-banner--pedestal .bhp-banner-content-wrap {
    padding-bottom: 45%;
    height: 60%
}

.bhp-banner-subtitle {
    font-family: sans-serif;
    font-size: 12px;
    color: #00549a;
    font-weight: 700;
    margin-bottom: 10px
}

.bhp-banner-title {
    font-family: bell-slim-black,bellslim_font_black;
    letter-spacing: -1px;
    -webkit-font-smoothing: antialiased;
    font-size: 24px;
    margin-bottom: 10px;
    color: #111;
    line-height: 24px;
    font-weight: inherit
}

.bhp-banner-text {
    color: #111
}

.bhp-banner-title sup {
    font-size: 50%
}

.bhp-banner-cta {
    color: #00549a;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 10px;
    text-decoration: none;
    display: inline-block
}

    .bhp-banner-cta:focus, .bhp-banner-cta:hover {
        text-decoration: underline
    }

.bhp-banner-image-wrap {
    padding: 0 10px
}

.bhp-banner--pedestal .bhp-banner-image-wrap {
    padding: 20px 10px 0;
    position: relative
}

.bhp-banner--pedestal .bhp-banner-image {
    width: 100%;
    max-width: 320px;
    height: auto;
    margin-top: -40%;
    position: absolute;
    top: -15px;
    transform: translateX(-50%);
    left: 50%
}

.bhp-banner-image {
    max-width: 90%;
    margin: 0 auto;
    display: block
}

.bhp-banner-legal, .bhp-note {
    font-size: 12px
}

.bhp-banner:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: inset 0 0 40px 20px rgba(0,0,0,.05)
}

.bhp-banner-price {
    font-size: 37px;
    color: #00549a;
    display: block;
    white-space: nowrap;
    line-height: .85;
    letter-spacing: normal;
    font-family: bell-slim-semibold,bellslim_semiboldregular;
    font-weight: 400;
    margin-top: 0
}

    .bhp-banner-price > sup {
        font-size: .4em;
        top: -.2em;
        line-height: 1
    }

.bhp-banner-blue-box-flex {
    display: flex;
    padding: 0 5px
}

.bhp-banner-price-desc-under {
    line-height: 14px;
    color: #111
}

.bhp-banner-price-stack {
    padding-left: 5px;
    padding-right: 5px;
    flex: 1 1 auto;
    border-right: 1px solid #578dbb;
    text-align: center
}

    .bhp-banner-price-stack:last-of-type {
        border-right: none
    }

.bhp-banner-bonus-box {
    display: block;
    font-size: 12px;
    font-weight: 400;
    border: 2px solid #00549a;
    border-radius: 10px;
    padding: 10px;
    margin-top: 10px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto
}

@media(min-width: 520px) {
    .bhp-banner-subtitle {
        font-size: 14px
    }

    .bhp-banner-price {
        font-size: 45px
    }

    .bhp-banner-image {
        max-width: 60%
    }
}

@media(min-width: 640px) {
    .bhp-banner > .bhp-container, .bhp-banner > .container {
        height: 440px;
        display: flex;
        flex-direction: row
    }

    .bhp-banner.bhp-banner--40-60-layout > .bhp-container, .bhp-banner.bhp-banner--40-60-layout > .container {
        flex-direction: row
    }

    .bhp-banner.bhp-banner--40-60-layout.bhp-banner--img-right > .bhp-container, .bhp-banner.bhp-banner--40-60-layout.bhp-banner--img-right > .container, .bhp-banner.bhp-banner--img-right > .bhp-container, .bhp-banner.bhp-banner--img-right > .container {
        flex-direction: row-reverse
    }

    .bhp-banner-image-wrap {
        padding-right: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 50%
    }

    .bhp-banner--40-60-layout .bhp-banner-image-wrap, .bhp-banner--img-right .bhp-banner-content-wrap, .bhp-banner--img-right .bhp-banner-image-wrap, .bhp-banner-content-wrap {
        padding-right: 15px;
        padding-left: 0
    }

    .bhp-banner--40-60-layout.bhp-banner--img-right .bhp-banner-image-wrap {
        padding-left: 15px;
        padding-right: 0
    }

    .bhp-banner-content-wrap {
        z-index: 1;
        display: flex;
        flex-grow: 1;
        flex-direction: column;
        justify-content: center;
        text-align: left;
        height: 100%;
        width: 50%;
        margin-bottom: 0
    }

    .bhp-banner--pedestal .bhp-banner-content-wrap {
        padding-bottom: 0;
        height: auto
    }

    .bhp-banner--img-right .bhp-banner-content-wrap {
        padding-right: 0;
        padding-left: 15px
    }

    .bhp-banner--40-60-layout .bhp-banner-image-wrap {
        width: 60%
    }

    .bhp-banner--pedestal .bhp-banner-image {
        top: 250px;
        bottom: inherit;
        left: 50%;
        transform: translateX(-50%);
        right: 20px;
        max-width: initial;
        width: 90%
    }

    .bhp-banner--40-60-layout .bhp-banner-content-wrap {
        width: 40%
    }

    .bhp-banner-title {
        line-height: 1.1
    }

    .bhp-banner-cta {
        margin-top: 28px;
        margin-bottom: 20px
    }

    .bhp-banner-price-stack {
        flex-grow: initial;
        padding-left: 20px;
        padding-right: 20px
    }

    .bhp-banner-bonus-box {
        margin-left: unset;
        margin-right: unset
    }
}

@media(min-width: 992px) {
    .bhp-banner-carousel-buttons {
        bottom: 30px;
        right: 85px;
        left: auto
    }

    .bhp-banner-pause-btn {
        bottom: 28px;
        right: 30px
    }

    .bhp-banner-image {
        width: 100%;
        max-width: none
    }

    .bhp-banner-title {
        font-size: 32px
    }

    .bhp-banner-text {
        font-size: 18px;
        line-height: 22px;
        font-weight: 400
    }

    .bhp-banner-cta {
        padding: 10px 30px;
        background-color: #003778;
        font-size: 14px;
        line-height: 1;
        font-weight: 400;
        text-align: center;
        color: #fff;
        border: 2px solid #003778;
        border-radius: 24px;
        cursor: pointer;
        transition: .25s cubic-bezier(.55,0,.1,1);
        margin-top: 30px;
        margin-bottom: 0
    }

        .bhp-banner-cta:focus, .bhp-banner-cta:hover {
            color: #fff;
            text-decoration: none;
            background-color: #00549a;
            border-color: #00549a
        }

        .bhp-banner-cta svg {
            display: none
        }

    .bhp-banner-legal {
        margin-top: 25px
    }

    .bhp-banner-bonus-box {
        font-size: 14px;
        line-height: 22px
    }

    .bhp-banner-price-desc-under {
        font-size: 18px;
        line-height: 22px
    }

    .bhp-banner-content-wrap {
        padding-right: 0;
        padding-left: 30px
    }

    .bhp-banner--img-right .bhp-banner-content-wrap {
        padding-left: 0;
        padding-right: 30px
    }

    .bhp-banner--40-60-layout .bhp-banner-content-wrap, .bhp-banner--40-60-layout .bhp-banner-image-wrap, .bhp-banner-content-wrap, .bhp-banner-image-wrap, .why-bell .hero__banner-image-wrap {
        width: 50%
    }

    .bhp-banner--pedestal .bhp-banner-image {
        bottom: -438px;
        right: 0;
        width: 518px;
        max-width: none;
        top: auto
    }
}


@media(min-width: 1240px) {
    .bhp-banner-carousel-buttons {
        transform: translateX(600px);
        right: calc(50% + 55px);
        left: auto
    }

    .bhp-banner-pause-btn {
        transform: translateX(600px);
        right: 50%
    }

    .bhp-banner-content-wrap {
        padding-left: 30px;
        padding-right: 0
    }

    .bhp-banner-image-wrap {
        padding: 0
    }

    .bhp-banner-title {
        font-size: 40px
    }

    .bhp-banner--pedestal .bhp-banner-image {
        bottom: -500px;
        width: 582px
    }

    .bhp-banner--40-60-layout .bhp-banner-content-wrap {
        width: 60%;
        padding-left: 60px;
        padding-right: 0
    }

    .bhp-banner--40-60-layout.bhp-banner--img-right .bhp-banner-content-wrap {
        width: 60%;
        padding-left: 0;
        padding-right: 60px
    }

    .bhp-banner--40-60-layout .bhp-banner-image-wrap {
        width: 40%
    }

    .bhp-banner--40-60-layout.bhp-banner--pedestal .bhp-banner-image {
        width: 535px;
        bottom: -467px
    }
}


.why-bell .featured-plans__carousel.slick-slider .slick-track {
    display: flex;
}

.why-bell .featured-plans__carousel.slick-slider .slick-slide {
    margin-right: 0;
    margin-left: 15px;
}

@media(min-width:768px) {
    .why-bell .featured-plans__carousel.slick-slider .slick-slide {
        margin-right: 0;
        margin-left: 30px;
    }
}

.why-bell .featured-plans__carousel.slick-slider .slick-list [data-slick-index="0"] {
    margin-left: 0;
}

.why-bell .featured-plans .card-plan .prodDetailBuyButton .btn {
    display: block;
    width: 100%
}

.why-bell .hero--default {
    height: 60vh;
    min-height: 600px;
    overflow: hidden
}

/*.why-bell .hero--default .video-wrapper video,
        .why-bell .hero--default .video-wrapper img {
            object-fit: cover
        }*/
@media only screen and (min-width: 1499.98px) {
    .why-bell .hero--default .video-wrapper {
        aspect-ratio: 2160 / 810;
        height: auto;
    }
}

.why-bell .hero--default {
    height: 60vh;
    min-height: 600px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.why-bell .hero__banner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    height: 90%;
}

    .why-bell .hero__banner .hero__banner-content-wrap {
        text-align: center;
        margin-bottom: 25px;
    }

    .why-bell .hero__banner .hero__banner-image-wrap {
        padding-right: 0;
    }

    .why-bell .hero__banner .hero__banner-image-wrap {
        margin-left: auto;
        margin-right: auto;
        display: flex;
        justify-content: center;
    }

        .why-bell .hero__banner .hero__banner-image-wrap img {
            width: 100%;
        }

.why-bell .hero--default .bhp-banner-cta {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.hero_banner-description {
    margin-top: 15px;
}

.why-bell .hero--default .bhp-banner-cta::after {
    content: "";
    background-image: url(/styles/media/Mobility/css/images/icon-arrow-small-right.svg);
    width: 20px;
    height: 20px;
    display: inline-flex;
    background-position: center;
}

@media(min-width:992px) {
    .why-bell .hero__banner {
        flex-direction: row;
        height: 100%;
    }

    .why-bell .hero--default .bhp-banner-cta::after {
        display: none;
    }

    .why-bell .hero--default .hero__banner-content-wrap {
        width: 40%;
        text-align: left;
    }

    .why-bell .hero__banner .bhp-banner-cta {
        border-radius: 24px;
        line-height: 16px;
        padding: 14px 34px;
        white-space: nowrap;
    }
}

.why-bell .devices {
    background: #E1E1E1;
}



.why-bell .price-gb-wrapper {
    margin-top: 10px;
    display: flex;
}

    .why-bell .price-gb-wrapper .banner-gb {
        padding-right: 17px;
        border-right: 1px solid #E1E1E1;
    }

    .why-bell .price-gb-wrapper .banner-price:nth-of-type(2) {
        padding-left: 13px;
    }

@media (max-width: 992px) {
    .why-bell .price-gb-wrapper {
        justify-content: center;
    }

        .why-bell .price-gb-wrapper .banner-gb {
            padding-right: 13px;
        }

        .why-bell .price-gb-wrapper .banner-price:nth-of-type(2) {
            padding-left: 10px;
        }
}

@media (min-width: 640px) {
    .why-bell .bhp-banner-content-wrap {
        z-index: 1;
        display: flex;
        flex-grow: 1;
        flex-direction: column;
        justify-content: center;
        text-align: left;
        height: 100%;
        width: 50%;
        margin-bottom: 0;
    }
}

.why-bell .bhp-banner-content-wrap {
    padding: 0 15px;
    text-align: center;
    z-index: 1;
    margin-bottom: 20px;
}

.why-bell .banner-price {
    color: #00549a;
    font-size: 30px;
    margin-top: 10px;
    line-height: 21px;
    letter-spacing: -1px;
    white-space: nowrap;
    font-family: bellslim_font_heavy, Helvetica, Arial, sans-serif;
}

.why-bell .banner-price {
    line-height: 36px;
    font-size: 40px;
    margin-top: 10px;
}

@media (max-width: 639px) {
    .why-bell .banner-price {
        font-size: 30px;
        margin-top: 5px;
    }
}

.why-bell .banner-price > span {
    font-size: 14px;
    letter-spacing: -.45px;
    position: relative;
    vertical-align: top;
}

.why-bell .hero__banner .banner-price > span {
    font-size: 18px;
    line-height: 21px;
}

/******* Hero Banner - End ********/
/******* Rate Plans - Start ********/
*,
*:before,
*:after {
    box-sizing: border-box;
}

body {
    -webkit-font-smoothing: antialiased;
    background-color: #ffffff;
    margin: 0;
}

h1,
h2,
h3 {
    color: #111111;
}

.fpo-header {
    align-items: center;
    background-color: #f4f4f4;
    display: flex;
    justify-content: center;
    height: 330px;
}

.why-bell .featured-plans.data-source .featured-plans__carousel:not(.slick-slider) {
    display: flex;
    overflow-x: auto;
    overflow-y: visible;
    padding-top: 20px;
    padding-bottom: 20px;
}

.why-bell .featured-plans__carousel:not(.slick-slider) > .card-plan {
    min-width: 33.3%
}

@media only screen and (max-width: 767.98px) {
    .why-bell .featured-plans__cta .btn-wrapper {
        padding: 0 15px;
        width: auto;
    }

    .why-bell .featured-plans__cta::before {
        display: none;
    }
    /*Carousel for mobile - unslick version*/
    .why-bell .featured-plans__carousel .card-plan {
        width: 100%;
    }
}


.why-bell .featured-plans__bottom {
    position: relative;
    z-index: 0;
}

.why-bell .featured-plans__cta::before {
    background-color: #e1e1e1;
    content: '';
    display: inline-block;
    height: 1px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 0;
}

.why-bell .featured-plans .card-plan__cta-details::after {
    background-image: url(/Styles/all_languages/all_regions/images/icons/icon-chevron-right.svg);
}

.why-bell .app-carousel__text .slick-next::after {
    background-image: url(/Styles/all_languages/all_regions/images/icons/icon-carousel-chevron-right.svg);
}

.why-bell .app-carousel__text .slick-prev::after {
    background-image: url(/Styles/all_languages/all_regions/images/icons/icon-carousel-chevron-left.svg);
}

.why-bell .txtWhite sup.legaltext a.footnote-modal-trigger {
    color: #fff;
    font-size: 80%;
    margin-left: 3px;
}

.why-bell .featured-plans__cta .btn-wrapper {
    background-color: #fff;
    padding: 0 45px;
    position: relative;
    z-index: 1;
}

.why-bell .featured-plans__cta {
    display: flex;
    justify-content: center;
    position: relative;
}


@media only screen and (min-width: 768px) {
    .why-bell .featured-plans__icons {
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-wrap: nowrap !important;
        gap: 25px;
    }

        .why-bell .featured-plans__icons li {
            font-size: 16px;
        }
}

.why-bell .featured-plans__tabs {
    gap: 10px;
}

.why-bell .featured-plans__controls .nav-pills .nav-item + .nav-item {
    margin-left: 0
}

/******* Rate Plans - End ********/



/******* Promotion Banner - Start ********/

.why-bell .promotion-banner-title {
    color: var(--Text-colour-Title, #111);
    font-family: 'bellslim_mediumregular';
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 28px; /* 116.667% */
    letter-spacing: -0.168px;
}

.why-bell .promotion-banner-body {
    color: var(--Text-colour-Body-light, var(--core-color-bell-grey-grey400, #555));
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Arial;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
}

@media (max-width: 992px) {
    .why-bell .promotion-banner-title {
        color: var(--Text-colour-Title, #111);
        /* Display/Mobile/Tiny */
        font-family: 'bellslim_mediumregular';
        font-size: 20px;
        font-style: normal;
        font-weight: 900;
        line-height: 24px; /* 120% */
        letter-spacing: -0.14px;
    }

    .why-bell .promotion-banner-body {
        color: var(--Text-colour-Body-light, var(--core-color-bell-grey-grey400, #555));
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: Arial;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px; /* 128.571% */
    }

    .why-bell .column-reverse {
        display: flex;
        flex-direction: column-reverse;
        height: 100%;
    }
}

/*For Mobile only*/
@media(max-width:767.98px) {
    .why-bell .banner-pad-xs-30 {
        padding: 30px;
    }
}

/*For Tablet only*/
@media (min-width:768px) and (max-width:991.98px) {
    .why-bell .banner-pad-sm-25 {
        padding: 25px;
    }
}

/*For Desktop*/
@media (min-width: 992px) {
    .why-bell .banner-pad-md-30 {
        padding: 30px;
    }
}

/*For Large Desktop*/
@media (min-width: 1240px) {
    .why-bell .banner-pad-lg-40 {
        padding: 40px;
    }

    .why-bell .pad-v-xxxl-90 {
        padding-bottom: 90px;
        padding-top: 90px
    }
}

/******* Promotion Banner - End ********/

.why-bell .flex-2 {
    flex: 15%;
}

.why-bell .rightTitle {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    font-family: Arial;
}

.why-bell .devices .featured-plans__cta .btn-wrapper {
    background-color: #E1E1E1;
    padding: 0 45px;
    position: relative;
    z-index: 1;
}

.why-bell .devices .featured-plans__cta::before {
    background-color: #fff;
    height: 0.5px;
}

.why-bell .devices__headnote {
    border-radius: 20px;
    background: #fff;
    min-width: 40%;
}

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

@media screen and (max-width:767.98px) {
    .why-bell .pad-v-xs-60 {
        padding-top: 60px;
        padding-bottom: 60px
    }
}


.why-bell .featured-plans .card-plan__data {
    font-family: Arial,Helvetica,sans-serif;
    letter-spacing: normal;
}

.why-bell sup[data-legal] {
    font-size: 60%;
    top: -0.6em;
    color: inherit;
}

sup.legaltext a.footnote-modal-trigger {
    color: inherit;
}


.why-bell .display-small sup[data-legal] {
    font-size: 40%;
    top: -1em;
    color: inherit;
    left: 3px;
}

html[lang="en"] .why-bell .display-small sup[data-legal] {
    left: 0
}

.why-bell .display-xsmall sup[data-legal] {
    font-size: 40%;
    top: -1em;
    left: 3px;
}


@media(min-width:768px) {
    .featured-plans__plans {
        transition: height .5s cubic-bezier(.55,0,.1,1), padding .5s cubic-bezier(.55,0,.1,1), margin .5s cubic-bezier(.55,0,.1,1);
        height: 700px;
    }

    .why-bell .network-carousel__texts .display-xsmall {
        color: inherit
    }
}

.why-bell .featured-plans__controls .custom-switch .custom-control-label::before {
    background: #babec2 !important;
}

.why-bell .featured-plans__controls .custom-switch .custom-control-label[data-checked="true"]::before {
    background: #00549a !important;
}

.why-bell .featured-plans__controls .custom-switch .custom-control-label::after {
    transform: translateX(0px) !important;
}

.why-bell .featured-plans__controls .custom-switch .custom-control-label[data-checked="true"]::after {
    transform: translateX(34px) !important;
}

@media(max-width:768px) {
    .why-bell .hero--default {
        height: auto;
        min-height: 600px;
    }

        .why-bell .hero--default .hero_banner-title {
            margin-top: 20px
        }
}

.network-carousel__texts sup.legaltext a.footnote-modal-trigger {
    color: inherit
}

.bhp-icon-cta-pill {
    width: 14px;
    height: 14px;
    fill: #00549a;
}

@media (min-width: 992px) {
    .bhp-offer-title {
        font-family: "bellslim_font_heavy", Helvetica, Arial, sans-serif;
        font-size: 24px;
        font-style: normal;
        font-weight: 900;
        line-height: 28px;
        letter-spacing: -0.168px;
    }
}

.why-bell .promoBannerImg {
    height: 180px;
    width: 100%;
}

.why-bell .promoBannerImg img {
    max-height: 100%;
}

@media(max-width:391px) {
    .why-bell .devices .card-device__image {
        height: 280px;
    }
}