.dca-magic-lens {
    position: absolute !important;
}
form.style-scope.ute-sse-typeahead {
    display: none;
    position: absolute !important;
    background: #fff;
    min-width: 490px;
    border-radius: 0px;
    padding: 0 24px 0 22px;
    top: 31px;
    left: auto;
    right: 0;
    z-index: 10000000;
    color: #fff;
    margin: 0 !important;
}

.mobileHeader form.style-scope.ute-sse-typeahead {
    top: 130px;
    left: 0;
    background: #fff;
}

.ute-dca
    .search-section

    form.style-scope.ute-sse-typeahead
    .ute-search-bar-input-group
    .input-group-btn
    .ute-search-bar-btn:before {
    color: #1f1f1f !important;
    font-size: 2.4rem !important;
    font-family: rds-icon !important;
}


.mobileHeader
    .search-section
    form.style-scope.ute-sse-typeahead
    .ute-search-bar-input-group
    .input-group-btn
    .ute-search-bar-btn:before {
    color: #da291c !important;
    font-size: 2.4rem !important;
    font-family: rds-icon !important;
}
.mobileHeader
    .search-section
    form.style-scope.ute-sse-typeahead
    .ute-search-bar-input-group
    .input-group-btn
    .ute-search-bar-btn.rds-icon-close:before {
    font-size: 3.4rem !important;
}
#ute-sse-suggestionsList .ute-icon-search.style-scope.ute-sse-typeahead {
    display: none;
}
.ute-dca .search-section form.style-scope.ute-sse-typeahead .ute-search-bar-input-group + ul {
    background: #fff;
    min-width: 490px;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.mobileHeader .search-section form.style-scope.ute-sse-typeahead .ute-search-bar-input-group + ul {
    background: #fff !important;
}

h4.ute-search-result-category.style-scope.ute-sse-typeahead {
    color: #1f1f1f;
    font-size: 20px !important;
    font-weight: 500;
    line-height: 31px !important;
    margin: 0 0 16px;
}

.mobileHeader h4.ute-search-result-category.style-scope.ute-sse-typeahead {
    color: #1f1f1f;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 23px !important;
    margin: 0 0 16px;
}
li.style-scope.ute-sse-typeahead {
    /* padding-left: 44px; */
    height: 40px;
    display: flex;
    flex: auto;
    flex-direction: row;
}
.mobileHeader li.style-scope.ute-sse-typeahead {
    padding-left: 11px;
}
.ute-icon-cart.style-scope.ute-sse-typeahead {
    display: none;
}

.dca-header {
    position: relative !important;
}

form > div.style-scope.ute-sse-typeahead {
    display: flex;
}

input.style-scope.ute-sse-typeahead {
    height: 51px !important;
    line-height: 51px;
    width: 100% !important;
    color: #1f1f1f !important;
    background: #fff;
    font-size: 18px !important;
    margin-bottom: 20px !important;
    border-radius: 0 !important;
    padding: 0 !important;
    max-width: none !important;
    box-shadow: none !important;
    border: 1px solid rgb(0, 0, 0) !important;
}

.mobileHeader input.style-scope.ute-sse-typeahead {
    /* border-bottom: 2px solid #da291c !important; */
    color: #1f1f1f !important;
    background: #fff;
    padding-left: 30px !important;
}


input#ute-sse-typeahead-search-box::placeholder, 
.mobileHeader input#ute-sse-typeahead-search-box::placeholder {
    color: #1f1f1f;
}
.ute-dca .search-section form.style-scope.ute-sse-typeahead .ute-search-bar-input-group .input-group-btn {
    width: 20px;
    top: 12px;
    height: 20px;
    right: 11px;
    position: absolute;
}

.mobileHeader .search-section form.style-scope.ute-sse-typeahead .ute-search-bar-input-group .input-group-btn {
    left: 8px;
}
.mobileHeader .search-section form.style-scope.ute-sse-typeahead .ute-search-bar-input-group .input-group-btn.closeBtn {
    left: auto;
}
button.style-scope.ute-sse-typeahead {
    background: #1f1f1f;
    color: #fff;
    border: 0;
    font-family: rds-icon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 2.4rem;
    -webkit-font-smoothing: antialiased;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 4 !important;
    transform: none !important;
    -webkit-transform: none !important;
}

button.style-scope.ute-sse-typeahead.rds-icon-close:before {
    font-size: 3.4rem;
}

ul#ute-sse-suggestionsList {
    margin-top: 8px;
    padding-bottom: 22px;
}

h4.ute-search-result-category {
    color: white;
    font-size: 24px;
    font-weight: 500 !important;
    line-height: 31px;
    margin: 0;
    margin-bottom: 16px;
}

.searchResults ul li {
    padding-left: 44px !important;
    height: 48px;
    line-height: 48px;
    margin: 0 !important;
    list-style: none;
    clear: both;
    float: none;
}

.searchResults ul li:hover {
    background: #414042;
}

.searchResults ul li a {
    padding: 0 !important;
}

.searchResults ul li a:hover {
    text-decoration: none;
}

.searchResults ul li div:hover {
    text-decoration: underline;
}
.style-scope.ute-sse-typeahead ds-icon {
    min-width: 24px;
    width: 24px;
    height: 24px;
}

.style-scope.ute-sse-typeahead ds-icon span {
    font-size: 2.4rem !important;
    width: 100% !important;
}

style-scope ute-sse-typeahead ul .searchResults:last-child {
    margin-top: 22px;
}

a.ute-search-result-link {
    color: rgb(47, 111, 167) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 24px !important;
    flex-grow: 2;
    order:1;
}

a.ute-search-result-link:hover{
    text-decoration: underline;
}
.mobileHeader a.ute-search-result-link {
    color: #2f6fa7 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 24px !important;
    cursor: pointer;
}
.searchResults ul.ute-typeahead__ul.style-scope.ute-sse-typeahead {
    margin: 0 !important;
}

.rds-icon-smart-light:before {
    content: "\e973";
}

[class^="rds-icon-"],
[class*=" rds-icon-"],
[class^="rds-icon-"] > span,
[class*=" rds-icon-"] > span {
    font-family: "rds-icon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 2.4rem;
    -webkit-font-smoothing: antialiased;
}

.container {
    width: 100%;
    padding-right: 24px;
    padding-left: 24px;
    margin-right: auto !important;
    margin-left: auto !important;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}

.header {
    display: block;
    top: 0;
    left: 0;
    z-index: 1049;
    width: 100%;
    line-height: 1.8rem;
}

.secondary-nav {
    background-color: #1f1f1f;
    width: 100%;
}

.top-nav {
    display: flex;
    flex-flow: row;
    align-items: center;
    padding: 0 24px;
    margin: auto;
    max-width: 1200px;
    min-height: 35px;
    height: 35px;
}

.header li {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.left-nav,
.right-nav {
    flex: auto;
}

.top-nav .nav-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
    display: flex;
    flex-flow: row;
    align-items: center;
}

.right-nav .nav-list {
    justify-content: flex-end;
}

.top-nav .nav-list .nav-list-item {
    position: relative;
    margin-right: 24px;
}

.left-nav .nav-list .nav-list-item:last-child,
.right-nav .nav-list .nav-list-item:last-child {
    margin-right: 0px;
}

.top-nav .nav-list .nav-list-item .nav-link {
    font-size: 14px;
    font-weight: 500;
    color: white;
    line-height: 24px;
    letter-spacing: 0px;
    text-decoration: none;
    cursor: pointer;
    display: flex;
}

.top-nav .nav-list .nav-list-item .nav-link .nav-span {
    display: inline-block;
    vertical-align: middle;
}

.top-nav .nav-dropdown {
    z-index: 1200;
    display: none;
    position: absolute;
    background: #1f1f1f;
    border-radius: 4px 0px 4px 4px;
    top: 29px;
    left: auto;
    right: 0;
    white-space: nowrap;
}

.top-nav .nav-dropdown.active {
    display: block;
}

.signin-dropdown {
    top: 35px !important;
    background: #fff !important;
    padding: 16px 24px;
    white-space: nowrap;
}

.header .province-dropdown,
.header .language-dropdown {
    padding: 24px 0;
}

.nav-dropdown li {
    position: relative;
}

.province-dropdown li.active::before,
.language-dropdown li.active::before {
    content: "";
    background: white;
    position: absolute;
    bottom: 0;
    height: calc(100% - 12px);
    width: 2px;
    border-radius: 0 2px 2px 0;
    left: 14px;
    top: 6px;
}

.inner-nav-links {
    color: white;
    display: inline-block;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0px;
    line-height: 24px;
    padding: 6px 24px;
    width: 100%;
    height: auto;
    text-decoration: none !important;
    white-space: nowrap;
}

.inner-nav-links:hover {
    background-color: #414042;
    color: white;
    text-decoration: none;
}

.sign-in {
    background: #ae2116;
    padding: 6px 24px !important;
    height: 35px;
}

.arrow-up:after {
    content: "";
    position: absolute;
    top: 95%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-bottom: solid 8px #fff;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
}

.signin-dropdown .heading {
    margin-bottom: 4px;
    color: #1f1f1f;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 26px;
}

.signin-dropdown .sub-header {
    color: #1f1f1f;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 21px;
    margin-bottom: 32px;
}

.signin-dropdown ul {
    margin-bottom: 16px;
    padding-left: 0 !important;
}

.signin-dropdown ul li {
    position: relative;
    display: flex;
    flex-direction: column;
}

.signin-dropdown ul li .links {
    display: flex;
    flex: auto;
    text-decoration: none;
    flex-flow: column;
    margin-bottom: 16px;
}

.links:last-child {
    margin-bottom: 0 !important;
}

.signin-dropdown ul li .pixel-stroke {
    height: 1px;
    background: #f6f7f8;
    width: 100%;
    margin-bottom: 16px;
}

.signin-dropdown .greySpaceContainer {
    height: 8px;
    background: #f6f7f8;
    margin: 0 -24px;
    margin-bottom: 16px;
}

.signin-dropdown ul li .linkContainer {
    display: flex;
}

.signin-dropdown ul li .linksCaption {
    display: flex;
    margin-right: 8px;
    color: #1f1f1f !important;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 21px;
    flex: auto;
}

.signin-dropdown ul li .links-icon {
    width: 16px;
    height: 14px;
    color: #1f1f1f;
    display: flex;
}

.middle-nav {
    display: flex;
    flex-flow: row;
    align-items: center;
    padding: 0 24px;
    margin: auto;
    max-width: 1200px;
    background-color: white;
}

.brand,
.rightUpperNav {
    flex: auto;
}

.header .brand-logo {
    display: block;
    visibility: visible;
    background-size: 100% !important;
    background-repeat: no-repeat;
    background-position-y: center;
    padding: 45px 0;
    float: left;
    text-indent: -9999px;
    width: 22rem;
    height: 5.8rem;
    border-radius: 0 0 10px 10px;
    position: relative;
    z-index: 1;
    background-image: url(/cms/common/dca/images/rogers-for-business-desktop-en.png);
}

.header .rightUpperNavList {
    justify-content: flex-end;
    padding-left: 0;
    margin: 0;
    display: flex;
    flex-flow: row;
    align-items: center;
}

.header .rightUpperNavList li {
    display: flex;
    align-items: center;
    position: relative;
    margin-right: 32px;
}

.header .rightUpperNavList li:last-child {
    margin-right: 0 !important;
}

.header .rightUpperNavList li a {
    display: flex;
    align-items: center;
}

.header .rightUpperNavList li a:not(.solutionFinder):hover {
    text-decoration: underline;
    text-decoration-color: #1f1f1f;
}

.header .rightUpperNavList li a .right-upper-div {
    display: flex;
    align-items: center;
}

.header .rightUpperNav .rightUpperNavList li .navText {
    color: #1f1f1f;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 24px;
}

.header .rightUpperNavList li ds-icon .ds-icon {
    font-size: 2rem;
    color: #c2d1d9;
}

.header .rightUpperNavList .solutionFinderPill {
    width: 181px;
    height: 42px;
    background: white;
    border: 1px solid #e9e9e9;
    box-shadow: 0px 0px 3px 0px rgb(31 31 31 / 3%), 0px 4px 10px 0px rgb(65 64 66 / 10%);
    border-radius: 21px;
    padding: 8px 16px !important;
    border-color: #e9e9e9;
}

.header .topNav {
    display: flex;
    flex-flow: row;
    align-items: center;
    padding: 0 24px;
    margin: auto;
    max-width: 1200px;
    min-height: 35px;
    height: 35px;
}

.header .topNav .navLink {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    line-height: 24px;
    letter-spacing: 0px;
    text-decoration: none;
    cursor: pointer;
}

.header .topNav .navLink:hover {
    text-decoration: underline;
}

.header .topNav .navLink.search {
    padding: 10px 24px !important;
}
.header .topNav .navLink.search:hover{
    
    background: rgb(65, 64, 66);
}
.header .topNav .navLink span {
    display: inline-block;
    vertical-align: middle;
}

.header .topNav .navList {
    list-style: none;
    padding-left: 0;
    margin: 0;
    display: flex;
    flex-flow: row;
    align-items: center;
}

.header .topNav .navList .navList-item {
    display: inline-block;
    position: relative;
}

.header .topNav .navList .navList-item .arrow-up:after {
    content: "";
    position: absolute;
    top: 101%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-bottom: solid 8px #fff;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
}

a .navLabel {
    color: white;
}

span.navLabel:hover{
    text-decoration: underline;
}




.header .topNav .navList .navList-item.signInDropdown {
    background: #ae2116;
    padding: 9px 24px !important;
    height: 35px;
}

.header .topNav .navList .navList-item.signInDropdown .navLink {
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    height: 35px;
}

.header .topNav .navList .navList-item.signInDropdown .signInDropdownList {
    background-color: #fff;
    width: 419px;
    top: 35px;
    left: auto;
    right: 0;
    padding: 16px 24px;
}

.header .topNav .navList .navList-item.signInDropdown .signInDropdownList .header {
    color: #1f1f1f;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 26px;
}

.header .topNav .navList .navList-item.signInDropdown .signInDropdownList .subHeader {
    color: rgb(102, 102, 102);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 21px;
}

.header .topNav .navList .navList-item.signInDropdown .signInDropdownList .links {
    flex: auto;
    text-decoration: none;
    flex-flow: column;
}

.header .topNav .navList .navList-item.signInDropdown .signInDropdownList .links .linkContainer {
    flex: auto;
    flex-flow: row;
}

/* .header .topNav .navList .navList-item.signInDropdown .signInDropdownList .links:hover:after {
    width: 100%;
} */

.header .topNav .navList .navList-item.signInDropdown .signInDropdownList .links:after {
    height: 4px;
    background: #1f1f1f;
    border-radius: 2px 2px 0px 0px;
    position: relative;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    width: 0;
    top: 16px;
}

.header .topNav .navList .navList-item.signInDropdown .signInDropdownList .linksCaption {
    color: rgb(47, 111, 167);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 21px;
    flex: auto;
}

.header .topNav .navList .navList-item.signInDropdown .signInDropdownList .linksCaption:hover,
.header .topNav .navList .navList-item.signInDropdown .signInDropdownList .linksCaption:focus{
    text-decoration: underline;
}

.header .topNav .navList .navList-item.signInDropdown .signInDropdownList .links-icon {
    width: 16px;
    height: 14px;
    color:  rgb(47, 111, 167);
}

.header .topNav .navList .navList-item.signInDropdown .signInDropdownList .pixel-stroke {
    height: 1px;
    background: #f6f7f8;
    width: 100%;
}

.header .topNav .navList .navList-item.signInDropdown .signInDropdownList li:not(:last-child) .greySpaceContainer {
    height: 1px;
    background: rgb(242, 242, 242);
    /* margin: 0 -24px;  */
}

.header .topNav .navList .navList-item .navDropdown {
    background: #fff;
    border-radius: 4px 0px 4px 4px;
    top: 31px;
    left: auto;
    right: 0;
}

.header .topNav .navList .navList-item .navDropdown li {
    position: relative;
}

.header .topNav .navList .navList-item .navDropdown li.active:before {
    content: "";
    background: #1f1f1f;
    position: absolute;
    bottom: 0;
    height: calc(100% - 12px);
    width: 2px;
    border-radius: 0 2px 2px 0;
    left: 14px;
    top: 6px;
}

.header .topNav .navList .navList-item .navDropdown li .m-navLink {
    color: #1f1f1f;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 24px;
    padding: 6px 24px;
    width: 100%;
    height: auto;
    text-decoration: none;
    white-space: nowrap;
}

.header .topNav .navList .navList-item .navDropdown li.active .m-navLink {
    font-weight: 600;
}
.header .topNav .navList .navList-item .navDropdown li .m-navLink:hover {
    background-color: rgb(233, 233, 233);
    text-decoration: underline;
}

.header .topNav .navList .navList-item ul.navDropdown {
    position: absolute;
    margin-top: 0 !important;
    display: none;
    z-index: 1200;
}

.header .topNav .navList .navList-item ul.navDropdown.open {
    display: block;
}

.header .topNav .leftNav {
    flex: auto;
}

.header .topNav .rightNav {
    flex: auto;
}

/* .header .topNav .rightNav .navLink:hover:not(.signInLink):after {
    width: calc(100% + 8px);
} */

/* .header .topNav .rightNav .navLink:not(.signInLink):after {
    height: 4px;
    background: #fff;
    border-radius: 2px 2px 0px 0px;
    position: absolute;
    content: "";
    bottom: 0;
    left: -8px;
    right: 0;
    display: block;
    width: 0;
    top: 26px;
} */

/* .header .topNav .rightNav .navLink.signInLink:hover:after {
    width: calc(100% - 24px);
} */

/* .header .topNav .rightNav .navLink.signInLink:after {
    height: 2px;
    background: #fff;
    border-radius: 2px 2px 0px 0px;
    position: absolute;
    content: "";
    bottom: 0;
    left: 12px;
    right: 0;
    display: block;
    width: 0;
    top: 33px;
} */

@media (min-width: 900px) {
    .header .topNav .rightNav .navList {
        justify-content: flex-end;
    }
}

.header .topNav .rightNav .navList .navList-item.active span.rds-icon-chevron-down {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.header .mainNav {
    background: #f6f7f8;
    width: 100%;
}

.header .mainNav .innerMainNav .innerMainNavList {
    padding: 0;
}

.header .mainNav .innerMainNav .innerMainNavList .innerMainNavListItem:last-child {
    margin-right: 0 !important;
}

.header .mainNav .innerMainNav .innerMainNavList .innerMainNavListItem.active {
    background: white;
}

.header .mainNav .innerMainNav .innerMainNavList .innerMainNavListItem .innerMainNavLink {
    text-decoration: none;
    padding-top: 16px;
    padding-bottom: 16px;
    position: relative;
    z-index: 4;
    /* outline: none !important; */
}

.ute-dca a:focus, .ute-dca button:focus, .ute-dca input:focus, .ute-dca *[tabindex="0"]:focus, .ute-dca *[role="button"]:focus {
    outline: none !important;
}

.header
    .mainNav
    .innerMainNav
    .innerMainNavList
    .innerMainNavListItem
    .innerMainNavLink.active
    span.rds-icon-chevron-down {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.header .mainNav .innerMainNav .innerMainNavList .innerMainNavListItem .innerMainNavLink:hover:after {
    width: calc(100% + 8px);
}

.header .mainNav .innerMainNav .innerMainNavList .innerMainNavListItem .innerMainNavLink:after {
    height: 4px;
    background: #1f1f1f;
    border-radius: 2px 2px 0px 0px;
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    left: -8px;
    margin-top: 8px;
    display: block;
    width: 0;
}

.header .mainNav .innerMainNav .innerMainNavList .innerMainNavListItem .innerMainNavCopy {
    color: #414042;
    font-size: 16px;
    font-weight: 600;
    text-align: right;
    letter-spacing: 0px;
    line-height: 24px;
    max-width: 184px;
    text-align: left;
}

@media (min-width: 900px) and (max-width: 1199px) {
    .header .mainNav .innerMainNav .innerMainNavList .innerMainNavListItem .innerMainNavCopy {
        font-size: 14px;
        max-width: 174px;
    }
}

.header .mainNav .innerMainNav .innerMainNavList .innerMainNavListItem .ds-icon {
    color: #666666;
}

.header .mainNav .innerMainNav .innerMainNavList .innerMainNavListItem .subMenu {
    display: none;
    top: 100%;
    background: #fff;
    /* box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1); */
    border-radius: 0px;
    z-index: 3;
}

.header .mainNav .innerMainNav .innerMainNavList .innerMainNavListItem .subMenu.opened {
    display: block;
}

.header .mainNav .innerMainNav .innerMainNavList .innerMainNavListItem .subMenu .close-button-container {
    text-decoration: none;
}

.header .mainNav .innerMainNav .innerMainNavList .innerMainNavListItem .subMenu .close-button-container:hover {
    cursor: pointer;
}

.header .mainNav .innerMainNav .innerMainNavList .innerMainNavListItem .subMenu .close-button-container:hover:after {
    width: calc(100% + 24px);
}

.header .mainNav .innerMainNav .innerMainNavList .innerMainNavListItem .subMenu .close-button-container .close-caption {
    color: #1f1f1f;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 24px;
}

.header .mainNav .innerMainNav .innerMainNavList .innerMainNavListItem .subMenu .close-button-container:after {
    height: 2px;
    background: #1f1f1f;
    border-radius: 2px 2px 0px 0px;
    position: absolute;
    content: "";
    bottom: 0;
    left: -8px;
    right: 0;
    display: block;
    width: 0;
    top: 100%;
}

.header .mainNav .innerMainNav .innerMainNavList .innerMainNavListItem .subMenu .subMenuContainer {
    border-color: #979797 !important;
}

.header .mainNav .innerMainNav .innerMainNavList .innerMainNavListItem .subMenu .subMenuContainer .subMenuLinks .links {
    color: #666;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 27px;
    text-decoration: none;
}

.header
    .mainNav
    .innerMainNav
    .innerMainNavList
    .innerMainNavListItem
    .subMenu
    .subMenuContainer
    .subMenuLinks
    .links:not(.heading):hover {
    text-decoration: underline;
    text-decoration-color: #1f1f1f;
    }
.header
    .mainNav
    .innerMainNav
    .innerMainNavList
    .innerMainNavListItem
    .subMenu
    .subMenuContainer
    .subMenuLinks
    .heading {
    color: #1f1f1f;
    font-weight: 600;
}

.header .middleNav {
    display: flex;
    flex-flow: row;
    align-items: center;
    padding: 0 24px;
    margin: auto;
    max-width: 1200px;
}

.header .middleNav .brand {
    flex: auto;
}

.header .middleNav .rightUpperNav {
    flex: auto;
}

.header .middleNav .rightUpperNav .rightUpperNavList {
    justify-content: flex-end;
    padding-left: 0;
    margin: 0;
    display: flex;
    flex-flow: row;
    align-items: flex-start;
}

.header .middleNav .rightUpperNav .rightUpperNavList li {
    display: flex;
    align-items: center;
    position: relative;
}

.header .middleNav .rightUpperNav .rightUpperNavList li:last-child {
    margin-right: 0 !important;
}

/* .header .middleNav .rightUpperNav .rightUpperNavList li a:hover {
    text-decoration: underline;
} */

.header .middleNav .rightUpperNav .rightUpperNavList li a div {
    padding: 16px 0;
}

@media (min-width: 1200px) {
    .header .middleNav .rightUpperNav .rightUpperNavList li a div:not(.solutionFinderPill) {
        align-items: flex-start;
        max-width: 99px;
    }
}

@media (min-width: 900px) and (max-width: 1199px) {
    .header .middleNav .rightUpperNav .rightUpperNavList li a div:not(.solutionFinderPill) {
        flex-flow: column;
    }
}

.header .middleNav .rightUpperNav .rightUpperNavList li a:hover:not(.solutionFinder):after {
    width: calc(100% + 32px);
}

/* .header .middleNav .rightUpperNav .rightUpperNavList li a:after {
    height: 4px;
    background: #1f1f1f;
    border-radius: 2px 2px 0px 0px;
    position: absolute;
    content: "";
    bottom: 0;
    left: -16px;
    right: 0;
    display: block;
    width: 0;
} */

.header .middleNav .rightUpperNav .rightUpperNavList li a:hover .solutionFinderPill,
.header .middleNav .rightUpperNav .rightUpperNavList li a:focus .solutionFinderPill {
    border: 3px solid #da291c;
}

.header .middleNav .rightUpperNav .rightUpperNavList li .navText {
    color: #1f1f1f;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 24px;
}

@media (min-width: 900px) and (max-width: 1199px) {
    .header .middleNav .rightUpperNav .rightUpperNavList li .navText {
        font-size: 14px;
        text-align: center;
    }
}
.header .middleNav .rightUpperNav .rightUpperNavList .solutionFinder {
    margin-top: 5px;
    text-decoration: none;
}

.header .middleNav .rightUpperNav .rightUpperNavList li .solutionFinderPill {
    width: auto;
    height: 42px;
    background: #fff;
    border: 1px solid #e9e9e9;
    box-shadow: 0px 0px 3px 0px rgba(31, 31, 31, 0.03), 0px 4px 10px 0px rgba(65, 64, 66, 0.1);
    border-radius: 21px;
    padding: 8px 16px !important;
    border-color: #e9e9e9;
    /* margin-top: 10px; */
}

.header .middleNav .rightUpperNav .rightUpperNavList li .solutionFinderPill .navText {
    font-size: 16px !important;
}

.header .middleNav .rightUpperNav .rightUpperNavList li ds-icon {
    width: 20px;
    min-width: 20px;
}

.header .middleNav .rightUpperNav .rightUpperNavList li ds-icon .ds-icon {
    font-size: 2rem;
    color: #c2d1d9;
}

.header .middleNav .rightUpperNav .rightUpperNavList li .solutionFinderCheckMark {
    position: absolute;
    top: 4px;
    right: -4px;
    width: 24px;
    height: 24px;
    background: #da291c;
    border-radius: 12px;
}

.header .middleNav .rightUpperNav .rightUpperNavList li .solutionFinderCheckMark .ds-icon {
    color: #fff;
}

.d-flex {
    display: flex !important;
}

.align-items-center {
    align-items: center;
}

.mr-8 {
    margin-right: 8px;
}

.position-relative {
    position: relative;
}

.list-none {
    list-style-type: none;
    padding-left: 0 !important;
}

.ml-16 {
    margin-left: 16px;
}

.position-absolute {
    position: absolute;
}

.align-items-start {
    align-items: flex-start;
}

.justify-content-start {
    justify-content: flex-start;
}

.justify-content-end {
    justify-content: flex-end;
}

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

.mt-8 {
    margin-top: 8px;
}

.mb-4 {
    margin-bottom: 4px;
}

.mb-32 {
    margin-bottom: 32px;
}

.left-0 {
    left: 0 !important;
}

.right-0 {
    right: 0 !important;
}

.pb-4 {
    padding-bottom: 4px !important;
}

.no-gutters {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

ds-icon {
    width: 20px;
    height: 20px;
    display: inline-flex;
    justify-content: center;
}

.close-button-container .ds-icon {
    font-size: 2.4rem;
    line-height: 24px;
}

.header .row,
.mobileHeader .row {
    flex-wrap: wrap;
    display: flex;
}

.pb-32 {
    padding-bottom: 32px;
}

.mt-0 {
    margin-top: 0 !important;
}

.ds-border-left {
    border-style: solid;
    border-width: 0px;
    border-left-width: 1px;
}

.col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}

.pl-16 {
    padding-left: 16px !important;
}

.mb-16 {
    margin-bottom: 16px !important;
}

.mt-16 {
    margin-top: 16px;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mr-24 {
    margin-right: 24px;
}

.pl-0 {
    padding-left: 0 !important;
}

.py-24 {
    padding-top: 24px;
    padding-bottom: 24px;
}

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

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

.d-none {
    display: none !important;
}

.cdk-overlay-container {
    z-index: 1100;
    position: fixed;
    left: 0;
    height: 100%;
    width: 100%;
}

.cdk-overlay-backdrop {
    position: absolute;
    top: 200px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
    background: rgba(0, 0, 0, 0.6);
    opacity: 1;
}

.ute-dca .keyboard-tab a:focus,
.ute-dca.keyboard-tab  button:focus,
.ute-dca .keyboard-tab input:focus,
.ute-dca .keyboard-tab *[tabindex="0"]:focus,
.ute-dca .keyboard-tab *[role="button"]:focus {
    outline-color: rgba(10, 84, 152, 0.4) !important;
    outline-style: solid !important;
    outline-width: 2px !important;
}

.header .innerMainNavLink ds-icon {
    width: 24px;
    height: 24px;
}

.header .solutionFinderCheckMark ds-icon {
    width: 24px !important;
    height: 24px;
    min-width: 24px !important;
    align-items: center;
}

.header [class^="align-"],
.header [class*=" align-"] {
    position: inherit;
}

.menu-open {
    overflow: hidden;
}

/*search desktop */
.searchbar {
    display: block;
    position: absolute;
    background: #1f1f1f;
    min-width: 490px;
    border-radius: 0px;
    padding: 0 24px 0 22px;
    top: 30px;
    left: auto;
    right: 0;
    z-index: 10000000;
    color: #fff;
    margin: 0;
}

.searchbar li input {
    height: 51px;
    line-height: 51px;
    width: 100%;
    color: #fff;
    background: #1f1f1f;
    border: 0px;
    border-bottom: 1px solid #ccc;
    font-size: 18px;
    margin-bottom: 20px;
}

.searchbar li input:focus {
    outline: 0px;
}

.searchbar li input::placeholder {
    color: #fff;
    opacity: 1;
    font-size: 18px;
    font-weight: 500;
}

.searchbar li input::-webkit-input-placeholder {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}

.searchbar li .searchIcon {
    position: absolute;
    right: 11px;
    top: 15px;
    width: 20px;
    height: 20px;
}

.searchbar li .searchIcon button {
    background: #1f1f1f;
    color: #fff;
    border: 0;
}

.searchbar li .searchIcon:focus {
    outline: 0px;
}

.searchbar.close {
    display: none;
}

.searchbar ul {
    padding-bottom: 22px;
}

.searchbar ul .searchResults h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    line-height: 31px;
    margin: 0;
    margin-bottom: 16px;
}

.searchbar ul .searchResults:last-child {
    margin-top: 22px;
}

.searchbar ul .searchResults ul {
    margin: 0;
    padding: 0;
}

.searchbar ul .searchResults ul li {
    padding-left: 44px;
    height: 48px;
    line-height: 48px;
}

.searchbar ul .searchResults ul li:hover {
    background: #414042;
}

.searchbar ul .searchResults ul li a {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

/*search desktop ends */

/* MOBILE HEADER CSS STARTS */
.mobileHeader .topNav {
    height: 69px;
    margin-top:40px;
}

.mobileHeader .topNav a:hover {
    text-decoration: none;
}

.mobileHeader .topNav a:focus {
    text-decoration: none;
}

.mobileHeader .topNav .brand {
    padding: 14px 0 15px 24px;
    display: block;
    float: left;
}

.mobileHeader .topNav .brand .brand-logo {
    display: block;
    visibility: visible;
    background-size: 90%;
    background-repeat: no-repeat;
    background-position-y: center;
    float: left;
    text-indent: -9999px;
    width: 13.1rem;
    height: 3.9rem;
    border-radius: 0 0 10px 10px;
    position: relative;
    z-index: 1;
    background-image: url("/cms/common/dca/images/rogers-for-business-desktop-en.png");
}

html[lang="fr"] .brand-logo {
    background-image: url("/cms/common/dca/images/rogers-for-business-desktop-fr.png");
}

.mobileHeader .topNav .menu-toggle {
    color: rgb(65, 64, 66);
    text-decoration: none;
    cursor: pointer;
    float: right;
    font-size: 30px;
    padding: 22px 35px 24px 0;
}

.mobileHeader .topNav .menu-toggle.rds-icon-close {
    font-size: 35px;
    padding: 19px 30px 24px 0;
    color: #da291c;
}   

.mobileHeader .topNav .searchMobile .search {
    color:rgb(65, 64, 66);
    text-decoration: none;
    cursor: pointer;
    float: right;
    padding: 24px 35px 24px 0;
}

.mobileHeader .topNav .searchMobile .search.active {
    color: #da291c;
}
.mobileHeader .topNav .searchMobile .searchbar {
    display: block;
    position: absolute;
    background: #fff;
    min-width: 490px;
    border-radius: 0px;
    padding: 0 27px 0 25px;
    top: 0px;
    left: 0px;
    right: 0;
    z-index: 10000000;
    margin: 0;
    color: #1f1f1f;
}

.mobileHeader .topNav .searchMobile .searchbar li .inner-icon {
    position: absolute;
    top: 20px;
    color: #da291c;
}

.mobileHeader .topNav .searchMobile .searchbar li input {
    height: 33px;
    line-height: 33px;
    width: 100%;
    color: #1f1f1f;
    background: #fff;
    border: 0px;
    border-bottom: 2px solid #da291c;
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 18px;
    padding-left: 35px;
    font-weight: 500;
}

.mobileHeader .topNav .searchMobile .searchbar li input:focus {
    outline: 0px;
}

.mobileHeader .topNav .searchMobile .searchbar li input::placeholder {
    color: #1f1f1f;
    opacity: 1;
    font-size: 18px;
    font-weight: 500;
}

.mobileHeader .topNav .searchMobile .searchbar li input::-webkit-input-placeholder {
    color: #1f1f1f;
    font-size: 18px;
    font-weight: 500;
}

.mobileHeader .topNav .searchMobile .searchbar li .searchIcon {
    position: absolute;
    right: 11px;
    top: 20px;
    width: 20px;
    height: 20px;
}

.mobileHeader .topNav .searchMobile .searchbar li .searchIcon button {
    background: #fff;
    color: #da291c;
    font-size: 33px;
    border: 0;
    outline: none;
    cursor: pointer;
}

.mobileHeader .topNav .searchMobile .searchbar li .searchIcon:focus {
    outline: 0px;
}

.mobileHeader .topNav .searchMobile .searchbar.close {
    display: none;
}

.mobileHeader .topNav .searchMobile .searchbar ul {
    padding-bottom: 22px;
}

.mobileHeader .topNav .searchMobile .searchbar ul .searchResults h4 {
    color: #1f1f1f;
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
    margin: 0;
    margin-bottom: 16px;
}

.mobileHeader .topNav .searchMobile .searchbar ul .searchResults:last-child {
    margin-top: 22px;
}

.mobileHeader .topNav .searchMobile .searchbar ul .searchResults ul {
    margin: 0;
    padding: 0;
}

.mobileHeader .topNav .searchMobile .searchbar ul .searchResults ul li {
    padding-left: 11px;
    height: 48px;
    line-height: 48px;
}

.mobileHeader .topNav .searchMobile .searchbar ul .searchResults ul li a {
    color: #2f6fa7;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    cursor: pointer;
}

.mobileHeader .topNav .toggle-content {
    background: #fff;
    display: block;
    position: absolute;
    left: 0;
    top: 95px;
    width: 100%;
    z-index: 10000;
    overflow: hidden;
    height: 100%;
    overflow-y: scroll !important;
}

.mobileHeader .topNav .toggle-content.close {
    display: none;
    background: pink;
}

.mobileHeader .topNav .toggle-content .mobile-menu {
    padding-bottom: 69px !important;
    /* padding-top:   24px !important;
    background: white !important; */
}

.mobileHeader .topNav .toggle-content .cta-wrap button.ds-button {
    font-size: 16px;
    font-weight: 600;
}

.mobileHeader .topNav .toggle-content .cta-wrap button.ds-button:hover {
    transform: none !important;
}

.mobileHeader .topNav .toggle-content .signInDropdownList {
    background: #fff;
}

.mobileHeader .topNav .toggle-content .signInDropdownList li .header {
    color: #1f1f1f;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
}

.mobileHeader .topNav .toggle-content .signInDropdownList li .subHeader {
    color: #1f1f1f;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.mobileHeader .topNav .toggle-content .signInDropdownList li ul li .links .linkContainer {
    font-weight: 600;
    letter-spacing: 0.4px;
    justify-content: space-between;
    flex: auto;
}

.mobileHeader .topNav .toggle-content ul.navDropdown {
    margin-top: 0 !important;
    display: none;
    z-index: 1200;
}

.mobileHeader .topNav .toggle-content ul.navDropdown.open {
    display: block;
}

.mobileHeader .topNav .toggle-content ul.navDropdown li:last-child {
    border-bottom: 0px;
}

.mobileHeader .topNav .toggle-content ul.navDropdown .closeSignin.close {
    display: none;
}

.mobileHeader .topNav .toggle-content ul.navDropdown .closeSignin.open {
    display: block;
}

.mobileHeader .topNav .toggle-content ul.navDropdown .closeSignin .close-caption {
    color: #1f1f1f;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
}

.mobileHeader .topNav .toggle-content ul.navDropdown .closeSignin ds-icon {
    color: #1f1f1f;
}

.mobileHeader .topNav .toggle-content .rightUpperNavList {
    background: #fff;
    /* box-shadow: 0px 0px 3px 0px rgba(31, 31, 31, 0.03), 0px 4px 10px 0px rgba(65, 64, 66, 0.1); */
    padding: 24px 0 24px 26px;
    /* margin-bottom: 18px; */
    display: flex;
    flex-direction: column-reverse;
}

.mobileHeader .topNav .toggle-content .rightUpperNavList li:first-child {
    margin-bottom: 0px !important;
}
.mobileHeader .topNav .toggle-content .rightUpperNavList li:last-child {
    margin-bottom: 24px !important;
}
.mobileHeader .solutionFinderCheckMark {
    display: none;
}
.mobileHeader .topNav .toggle-content .rightUpperNavList li a {
    color: #1f1f1f;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.mobileHeader .topNav .toggle-content .rightUpperNavList li a .ds-icon {
    color: #ccc;
}

.mobileHeader .topNav .toggle-content .business-sections {
    padding: 24px 16px 56px 24px;
}

.mobileHeader .topNav .toggle-content .business-sections li a[title="Business"] {
    display: none;
}

.mobileHeader .topNav .toggle-content .business-sections li a {
    color: #1f1f1f;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.mobileHeader .topNav .toggle-content .language-accordion .navList-item {
    margin: 0 24px;
    padding: 16px 16px 24px 16px !important;
    border: none !important;
}

.mobileHeader .topNav .toggle-content .language-accordion .navList-item a {
    color: #1f1f1f;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
}

.mobileHeader .topNav .toggle-content .language-accordion .navList-item a .currentLanguage {
    font-size: 14px;
    line-height: 20px;
}

.mobileHeader .topNav .toggle-content .language-accordion .navList-item a .navLabel ds-icon {
    float: right;
}

.mobileHeader .topNav .toggle-content .language-accordion .navList-item .navDropdown {
    display: none;
    z-index: 1200;
}

.mobileHeader .topNav .toggle-content .language-accordion .navList-item .navDropdown.open {
    display: block;
}

.mobileHeader .topNav .toggle-content .language-accordion .navList-item .navDropdown li a {
    font-size: 16px;
    line-height: 22px;
}

.mobileHeader .topNav .toggle-content .language-accordion .navList-item .navDropdown li.active a {
    font-weight: 600;
}

.mobileHeader .topNav .toggle-content .language-accordion .navList-item.active span.rds-icon-chevron-down {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.mobileHeader .topNav .toggle-content .province-accordion .navList-item {
    margin: 0 24px;
    padding: 16px 16px 24px 16px !important;
    border-radius: 3px;
    border: 1px solid rgb(67, 66, 68);
}

.mobileHeader .topNav .toggle-content .province-accordion .navList-item a {
    color: #1f1f1f;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.mobileHeader .topNav .toggle-content .province-accordion .navList-item ds-icon{
    align-items: center !important;
}

.mobileHeader .topNav .toggle-content .province-accordion .navList-item a .currProvince {
    font-size: 16px;
    line-height: 20px;
}

.mobileHeader .topNav .toggle-content .province-accordion .navList-item a .navLabel ds-icon {
    float: right;
}

.mobileHeader .topNav .toggle-content .province-accordion .navList-item .navDropdown {
    display: none;
    z-index: 1200;
}

.mobileHeader .topNav .toggle-content .province-accordion .navList-item .navDropdown.open {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 250px;
}

.mobileHeader .topNav .toggle-content .province-accordion .navList-item .navDropdown li a {
    font-size: 16px;
    line-height: 22px;
}

.mobileHeader .topNav .toggle-content .province-accordion .navList-item .navDropdown li.active a {
    font-weight: 600;
}

.mobileHeader .topNav .toggle-content .province-accordion .navList-item.active span.rds-icon-chevron-down {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.mobileHeader .topNav .toggle-content .province-accordion.active span.rds-icon-chevron-down {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.mobileHeader .topNav .toggle-content .innerMainNav {
    padding: 0 21px 0 24px;
    /* box-shadow: 0px 0px 3px 0px rgba(31, 31, 31, 0.03), 0px 4px 10px 0px rgba(65, 64, 66, 0.1); */
    background: #fff;
    /* margin-bottom: 16px; */
    flex-direction: column;
}

.mobileHeader .topNav .toggle-content .innerMainNav .innerMainNavList {
    width: 100%;
}

.mobileHeader .topNav .toggle-content .innerMainNav .innerMainNavList .innerMainNavListItem:last-child {
    width: 100%;
    border-bottom: 1px solid #f2f2f2;
}
/* 
.mobileHeader .topNav .toggle-content .innerMainNav .innerMainNavList .innerMainNavListItem:last-child {
    margin-right: 0 !important;
    border-bottom: 0 !important;
} */

.mobileHeader .topNav .toggle-content .innerMainNav .innerMainNavList .innerMainNavListItem.active {
    background: white;
}

.mobileHeader .topNav .toggle-content .innerMainNav .innerMainNavList .innerMainNavListItem .innerMainNavLink {
    width: 100%;
    text-decoration: none;
    padding-top: 16px;
    padding-bottom: 16px;
    position: relative;
    z-index: 4;
    cursor: pointer;
}

.mobileHeader
    .topNav
    .toggle-content
    .innerMainNav
    .innerMainNavList
    .innerMainNavListItem
    .innerMainNavLink.active
    span.rds-icon-chevron-down {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.mobileHeader .topNav .toggle-content .innerMainNav .innerMainNavList .innerMainNavListItem .innerMainNavCopy {
    color: #414042;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 24px;
    width: 100%;
}

.mobileHeader .topNav .toggle-content .innerMainNav .innerMainNavList .innerMainNavListItem .ds-icon {
    color: rgb(65, 64, 66);
    margin-right: 8px;
}

.mobileHeader .topNav .toggle-content .subMenu {
    top: 100%;
    /* background: #f6f7f8; */
    border-radius: 0px;
    z-index: 3;
}

.mobileHeader .topNav .toggle-content .subMenu.opened {
    display: block;
}

.mobileHeader .topNav .toggle-content .subMenu .submenu-caption {
    color: #1f1f1f;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    padding: 33px 0 24px 0;
    border-bottom: 1px solid #eee !important;
    margin: 0 24px !important;
}

.mobileHeader .topNav .toggle-content .subMenu .submenu-caption ds-icon {
    color: #1f1f1f;
}

.mobileHeader .topNav .toggle-content .subMenu .close-button-container {
    text-decoration: none;
}

.mobileHeader .topNav .toggle-content .subMenu .close-button-container:hover {
    cursor: pointer;
}

.mobileHeader .topNav .toggle-content .subMenu .close-button-container:hover:after {
    width: calc(100% + 24px);
}

.mobileHeader .topNav .toggle-content .subMenu .close-button-container .close-caption {
    color: #1f1f1f;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}

.mobileHeader .topNav .toggle-content .subMenu .subMenuContainer {
    border-color: #979797 !important;
    background: #fff;
    /* box-shadow: 0px 0px 3px 0px rgba(31, 31, 31, 0.03), 0px 4px 10px 0px rgba(65, 64, 66, 0.1); */
}

.mobileHeader .topNav .toggle-content .subMenu .subMenuContainer .heading {
    color: #1f1f1f;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
}

/* .mobileHeader .topNav .toggle-content .subMenu .subMenuContainer .subMenuLinks {
    border-bottom: 1px solid #eee;
} */

.mobileHeader .topNav .toggle-content .subMenu .subMenuContainer .subMenuLinks:last-child {
    border-bottom: 0px;
}

.mobileHeader .topNav .toggle-content .subMenu .subMenuContainer .subMenuLinks .links {
    color: #414042;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.mobileHeader .topNav .toggle-content .subMenu .subMenuContainer .subMenuLinks .heading {
    color: #1f1f1f;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
}

.mobileHeader .mb-16 {
    margin-bottom: 16px;
}

.mobileHeader .m-24 {
    margin: 24px;
}

.mobileHeader .col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

/* .mobileHeader .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
} */

.ds-button.-primary {
    background-color: #da291c;
    border-color: #da291c;
    color: #fff;
    height: 48px;
    border: 1px solid transparent;
    transition: all 100ms linear;
    padding: 0 16px;
}

.mobileHeader .ds-corners {
    border-radius: 4px;
}

.mobileHeader .text-center {
    text-align: center !important;
}

/* .mobileHeader .signInLink {
    max-width: 100%;
    width: 100%;
    display: inline-block;
    background-color: #da291c;
    border-color: #da291c;
    color: #fff;
    height: 48px;
    border: 1px solid transparent;
    transition: all 100ms linear;
    padding: 0 16px;
    text-align: center !important;
    border-radius: 4px;
    transform: scale(1);
} */

.ds-button__wrapper {
    height: 100%;
    width: 100%;
    position: relative;
}

.ds-button__copy {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.4px;
}

.p-0 {
    padding: 0 !important;
}

.pt-24 {
    padding-top: 24px;
}

.px-0 {
    padding-left: 0;
    padding-right: 0;
}

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

ul li:last-child {
    margin-bottom: 0 !important;
}

.mobileHeader [class^="align-"],
[class*=" align-"] {
    position: relative;
}

.business-blog {
    content: url("/cms/r4b/images/navigaton/Business_Blog.png");
}

.solution-finder {
    content: url("/cms/r4b/images/navigaton/Solution_Finder.png");
    width: 24px;
    height: 24px;
}

.wholesale {
    content: url("/cms/r4b/images/navigaton/Wholesale.png");
}

.contact-us-image {
    content: url("/cms/r4b/images/navigaton/rds-icon-support.png");
    width:24px;
    height: 24px;
}

.promotions {
    content: url("/cms/r4b/images/navigaton/Promo.png");
    width: 24px;
    height: 24px;
}


.mobileHeader .province-accordion .navList-item {
    border-color: #666 !important;
    border-width: 1px 0 0;
    border-style: solid;
}

.mobileHeader .language-accordion,
.mobileHeader .province-accordion {
    margin-bottom: 0;
}

.mobileHeader .province-accordion .navList-item {
    border-width: 1px 0;
}

.mobileHeader .provinceDropdown li {
    margin-bottom: 8px;
}

.business-sections {
    padding: 24px 24px 56px 16px !important;
    margin-bottom: 0;
}

@media (max-width: 599px) {
    .mobileHeader .language-accordion .navList-item,
    .mobileHeader .province-accordion .navList-item {
        margin: 0 !important;
    }

    .business-sections {
        padding: 24px 0 56px 0 !important;
    }
}

.mobileHeader .mobile-menu {
    display: none;
}

.mobileHeader .mobile-menu.open {
    display: block;
}

.mobileHeader .p-24,
.header .p-24 {
    padding: 24px;
}

.mobileHeader .py-8 {
    padding-top: 8px;
    padding-bottom: 8px;
}

.mobileHeader .subMenuLinks {
    margin-bottom: 8px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-16 {
    padding-bottom: 16px;
}

.px-24 {
    padding-left: 24px;
    padding-right: 24px;
}

.pt-16 {
    padding-top: 16px;
}

.ds-border-bottom {
    border-style: solid;
    border-color: #e9e9e9 !important;
    border-width: 0 0 1px;
}

.close-icon {
    content: url("/cms/r4b/images/navigaton/Close.png");
    width: 20px;
    height: 20px;
}

.arrow-right {
    content: url("/cms/r4b/images/navigaton/Arrow.png");
    width: 16px;
    height: 14px;
}

/* MOBILE HEADER CSS ENDS */

/** new nav update**/
.topNav .navList .navList-item.quickLinksDropDown {
    background: #ae2116;
    padding: 6px 12px 0px 12px !important;
    height: 35px;
}
.topNav .navList .navList-item.quickLinksDropDown:after {
    content: "";
    display: inline-block;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.35);
    height: 20px;
    vertical-align: middle;
}
.topNav .navList .navList-item.quickLinksDropDown .navLink {
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    height: 35px;
    padding-right: 12px;
}
.topNav .navList .navList-item.quickLinksDropDown .quickLinksDropDownList {
    background-color: #fff;
    width: 419px;
    top: 35px;
    left: auto;
    right: 0;
    padding: 16px 24px;
}
.topNav .navList .navList-item.quickLinksDropDown .quickLinksDropDownList .header {
    color: #1f1f1f;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 26px;
}
.topNav .navList .navList-item.quickLinksDropDown .quickLinksDropDownList .subHeader {
    color: #1f1f1f;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 21px;
}
.topNav .navList .navList-item.quickLinksDropDown .quickLinksDropDownList .links {
    flex: auto;
    text-decoration: none;
    flex-flow: column;
}
.topNav .navList .navList-item.quickLinksDropDown .quickLinksDropDownList .links .linkContainer {
    flex: auto;
    flex-flow: row;
}
.topNav .navList .navList-item.quickLinksDropDown .quickLinksDropDownList .links:hover:after {
    width: 100%;
}
.topNav .navList .navList-item.quickLinksDropDown .quickLinksDropDownList .links:after {
    height: 4px;
    background: #1f1f1f;
    border-radius: 2px 2px 0px 0px;
    position: relative;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    width: 0;
    top: 16px;
}
.topNav .navList .navList-item.quickLinksDropDown .quickLinksDropDownList .linksCaption {
    color: #1f1f1f;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 21px;
    flex: auto;
}
.topNav .navList .navList-item.quickLinksDropDown .quickLinksDropDownList .links-icon {
    width: 16px;
    height: 14px;
    color: #1f1f1f;
}
.topNav .navList .navList-item.quickLinksDropDown .quickLinksDropDownList .pixel-stroke {
    height: 1px;
    background: #18462f;
    width: 100%;
}
.topNav .navList .navList-item.quickLinksDropDown .quickLinksDropDownList .greySpaceContainer {
    height: 8px;
    background: #f6f7f8;
    margin: 0 -24px;
}
.topNav .navList .navList-item.welcomeMsg,
.topNav .navList .navList-item.signOut {
    background: #ae2116;
    padding: 6px 12px 0px 24px !important;
    height: 35px;
}
.topNav .navList .navList-item.signOut {
    padding: 6px 24px !important;
}
.ute-dca[data-hasmagiclens="false"] .ls-canvas {
    padding-top: 0px !important;
}
.topNav .navList .navList-item.welcomeMsg:after {
    content: "";
    display: inline-block;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.35);
    height: 20px;
    vertical-align: middle;
}
.topNav .navList .navList-item.welcomeMsg .account-icon {
    opacity: 0.2;
    padding-right: 3px;
}
.topNav .navList .navList-item.welcomeMsg .navLink {
    font-size: 14px;
    font-weight: 600;
    line-height: 10px;
    height: 35px;
    padding-right: 12px;
}
/** new nav update**/
.header .topNav .rightNav .navLink.signOutLink:after {
    top: 31px !important;
}

.mobileHeader .innerMainNavSignOut {
    color: rgb(47, 111, 167);
    line-height: 24px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.4px;
}

.mobileHeader .account-icon {
    opacity: 0.2;
    padding-right: 3px;
}

/** to remove whitespace */
.ute-dca {
    padding: 0 !important;
}

.search-section {
    display: none;
}

.mobileHeader a .navLabel {
    color: #1f1f1f !important;
}

.mobileHeader #ute-sse-suggestionsList {
    left: 0;
    min-width: 100%;
}

.mobileHeader .signOutWrapper {
    display: none !important;
}

.mb-24 {
    margin-bottom: 24px !important;
}
.header.keyboard-tab a:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 5px #007aff !important;
}

.header a.solutionFinder:focus {
    border-radius: 25px;
}

#skipToContent {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    z-index: -1;
    color: #fff;
}

#skipToContent:focus {
    z-index: 2;
    opacity: 1;
}

.keyboard .axb-handle {
    width: 100%;
    background: #414042;
    height: 0;
    overflow: hidden;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* .keyboard .axb-handle:focus {
    height: 50px;
}

.axb-handle-inner {
    padding: 0 24px;
    height: 50px;
    display: flex;
    flex-flow: row;
    align-items: center;
    max-width: 1200px;
    margin: auto;
} */

.support-image {
    content: url("/cms/r4b/images/navigaton/rds-icon-support.png");
    width: 24px;
    height: 24px;
}

.quickLinksDropDown,
.welcomeMsg,
.signOut {
    display: none !important;
}

.mobileHeader {
    display: none;
}

.header .topNav .rightNav .language-label:hover:after {
    left: -4px !important;
}

.header .axb-handle{
    background: rgb(102, 102, 102);
    height: 0;
}
.header .axb-handle-inner {
    border-radius: 0px;
    height: 40px;
    padding: 0 24px;
    display: flex;
    flex-flow: row;
    align-items: center;
    max-width: 1200px;
    margin: auto;
}

.header.keyboard-active .axb-handle {
    height: 40px;
}

.axb-handle a {
    cursor: pointer;
    position: absolute;
    color: #fff;
    opacity: 0;
    z-index: -1;
}

.axb-handle a:focus {
    opacity: 1;
    z-index: 2;
}


.rds-icon-search#ute-sse-typeahead-submit{
    border-radius: 0 !important;
}
.rds-icon-search#ute-sse-typeahead-submit:focus{
    box-shadow: 0 0 0 2px #fff, 0 0 0 5px #007aff !important;
}

.ute-dca[data-hasmagiclens="true"] .ls-canvas {
    padding-top: 0 !important;
}

.header .mainNav .innerMainNav .innerMainNavList .innerMainNavListItem .subMenu .subMenuContainer .subMenuLinks .heading:hover{
    background: none;
    cursor: text;
}

/** redesign changes **/

.mobileHeader .topNav .toggle-content .rightUpperNavList li a[href*="https://solution-finder.rogers.com/s/"] {
    background: rgb(255, 255, 255);
    border-radius: 21px;
    border: 1px solid rgb(233, 233, 233);
    box-shadow: 0px 4px 10px 0px rgb(65 64 66 / 10%);
    padding: 8px 16px;
}
.mb-24{
    margin-bottom: 24px !important;
}

/* .mobileHeader .topNav .toggle-content .rightUpperNavList li a:not(.solutionFinder){
    margin-left: 16px;
} */

.rds-icon-right.style-scope.ute-sse-typeahead{
    color: rgb(47, 111, 167);
    order:2;
}