/* style variables */
@import '/Areas/SBC/css/constants.css';

/* styles */
html {
    scroll-behavior: smooth;
    overflow-x: auto;
}

body {
    background: #fff;
    /*font-family: "Open Sans", "Poppins", sans-serif;*/
    font-family: var(--irm-font-family-medium) !important;
    font-size: 1rem;
    max-width: 100%;
    overflow-x: hidden;
}

p {
    line-height: 1.7;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Poppins";
    color: var(--dark-color);
}

header {
    height: 85px;
}

.logoSeperator {
    border-left: 1px solid black;
    width: 1px;
    height: 65px;
    margin-top: 5px;
}

.irmLogoImg {
    height: 56px !important;
}

.sierraLogoH {
    height: 56px !important;
}

.backdropOpacityLow {
    opacity: 0 !important;
}

.color-express-dark-blue {
    color: var(--express-dark-blue);
}

.colorb-splash {
    background-color: #F1F5FB;
}


.btn-dark {
    color: #fefefe;
    background-color: var(--dark-color);
    border-color: var(--dark-color);
}

.btn-moredark {
    color: black;
    border-color: var(--express-moredark-blue) !important;
}

a.btn-moredark {
    font-size: 16px !important;
}

.btn-info {
    color: #fefefe;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

    .btn-info:hover {
        color: #fefefe;
        background-color: var(--primary-button-hover);
        border-color: var(--primary-button-hover);
    }

.btn-info-lite {
    color: #fefefe;
    background-color: var(--dark-blue);
    border-color: var(--dark-blue);
}

    .btn-info-lite:hover {
        color: #fefefe !important;
        background-color: var(--primary-color);
        border-color: var(--primary-color);
    }

.btn-outlined {
    color: var(--primary-color) !important;
    background-color: white !important;
    border-color: var(--primary-color) !important;
}

    .btn-outlined:hover {
        color: #fefefe !important;
        background-color: #2ea8e1 !important;
        border-color: #2ea8e1 !important;
    }


.btn-submit {
    color: var(--primary-color);
    background-color: white;
    border-color: var(--primary-color);
}

    .btn-submit:disabled {
        color: #5597cd62;
        background-color: white;
        border-color: #5597cd54;
    }


.btn-submit-proceed {
    color: white;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

    .btn-submit-proceed:disabled {
        color: #5597cd62;
        background-color: white;
        border-color: #5597cd54;
    }

.btn-checkout {
    box-shadow: 0px 1px 2px #6F7687;
    height: 50px;
    color: white;
    background-color: var(--sierra-orange);
    border-color: var(--sierra-orange);
}

    .btn-checkout:hover {
        color: white;
        background-color: var(--sierra-orange-hover);
        border-color: var(--sierra-orange-hover);
    }


.btn-noborder {
    color: var(--dark-text);
}

.btn-save-later-ico {
    border-radius: 8px;
}

.checkout-p-container {
    background-color: #F8FAFD;
}

.checkout-p-container-receipt {
    background-color: #F8FAFD;
}

.show-on-top {
    z-index: 1050;
}

.show-on-low {
    z-index: 999 !important;
}

.text-color-dark {
    color: var(--dark-text);
}

.modal-content.more-rounded {
    border-radius: 16px;
}

.close.modal-close {
    opacity: 1;
}

.modal-close img {
    width: 16px;
}

.btn-explore {
    padding: 6px 52px !important;
    height: 40px !important;
    width: 256px;
}

.splash-header-text {
    font-size: 19px;
    line-height: 24px !important;
}

.splash-header-image {
    height: 376px !important;
}

.custom-checkout-button {
    border: none;
    background-color: var(--sierra-orange);
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

    .custom-checkout-button:hover {
        border: none;
        background-color: #FF6630;
        color: #FFFFFF;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        font-weight: 600;
        font-family: var(--irm-font-family-bold) !important;
    }

.arrow-l-div {
    padding-left: 9px;
    padding-top: 7px;
}

.arrow-r-div {
    padding-left: 12px;
    padding-top: 7px;
}

.arrow-circle-div {
    width: 32px;
    height: 32px;
    border-radius: 16px;
    color: white;
    cursor: pointer;
}

.checkout-ul {
    list-style: none;
}

    .checkout-ul li::before {
        content: "\2022";
        color: var(--primary-color);
        display: inline-block;
        width: 1em;
        margin-left: -1em;
    }

.quote-build-input-txt {
    background-color: #F8FBFF;
    border-radius: 0%;
    outline: 0;
    border-width: 0 0 2px;
    border-color: #B1BED6;
    height: 56px;
    font-size: 1rem !important; /* Fix to prevent input zoom in IOS*/
}

.checkoutTotalSpan {
    font-size: 27px;
}

.checkout-flow-total {
    font-size: 24px;
}

.custom-checkbox {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.custom-checkout-button {
    border: none;
    background-color: #FF6630;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}



.input-icon-container {
    background-color: rgb(235, 235, 235);
    border: 2px solid rgb(255, 255, 255);
}

.expander-div {
    width: 64px;
    height: 6px;
    background-color: #C1C1C1;
    border-radius: 3px;
}

.qb-checkout-sticky {
    background-color: #F9F7F6;
    box-shadow: 1px -1px 5px 1px #ccc;
}

.qb-checkout-sticky-fullcheckout {
    background-color: #F7F7F8;
    box-shadow: 0px -2px 2px 0px rgba(0, 0, 0, 0.25);
}




.form-control-color:valid {
    background-color: white !important;
}

.form-control-non-req:not(:placeholder-shown) {
    background-color: white !important;
}

.form-control-non-req {
    background-color: #f8f9fa !important;
}

.form-control-color {
    background-color: #f8f9fa !important;
}

.text-info {
    color: var(--primary-color) !important;
}

.title-info {
    font-size: 1.4rem;
}

.img-container {
    display: flex;
    justify-content: flex-end;
}

.list-display li {
    margin-bottom: 1rem;
    font-size: 1.3rem;
    font-weight: 400;
}

.btn-plans {
    font-size: 1.2rem;
    font-weight: 500;
}

.pricing-container {
    background-color: rgba(0, 0, 0, 0.03);
}

.card-popular {
    border: 2px solid #3E3E3E !important;
    margin-right: 16px !important;
    margin-left: 16px !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.card-popular-header {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: var(--dark-color);
}

.card-popular-title {
    color: #fff;
    text-align: left;
    font-size: 18px;
    font-weight: 600;
}

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

.card-header-wrapper {
    text-align: left;
}

.card-list-item {
    padding-left: 1rem;
    text-align: left;
    min-height: 230px;
}

    .card-list-item li {
        list-style-type: none;
        padding: 0.4rem;
    }

        .card-list-item li:before {
            font-family: "FontAwesome";
            font-size: 1rem;
            content: "\f00c";
            margin: 0 10px 0 -28px;
            color: var(--dark-color);
        }

.card-list-item-checkout {
    padding-left: 1rem;
    text-align: left;
    min-height: 220px;
}

    .card-list-item-checkout li {
        list-style-type: none;
        padding: 0.4rem;
    }

        .card-list-item-checkout li:before {
            font-family: "FontAwesome";
            font-size: 1rem;
            content: "\f00c";
            margin: 0 10px 0 -28px;
        }

.addon-card-header {
    background-color: #75D09F;
}

.addon-card-price-div {
    background-color: #F5F5F5;
}

.addon-card-item-desc {
    font-size: 0.8rem;
    color: #6B6B6B;
}

.addon-card-item-img {
    max-width: 16px;
}

.plan-addon-seperator {
    background-color: #3E3E3E;
}

.font-size-small {
    font-size: 0.8rem;
}

.plans-bullet-dark {
    color: #231F20;
}

.plans-bullet-transparent {
    color: transparent !important;
}

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

.trail-wrapper {
    padding-right: 10rem;
}

.trail-title {
    padding-left: 45px;
    background-image: url("assets/checkmark_blue.png");
    background-size: 24px;
    background-position: 2px 2px;
    background-repeat: no-repeat;
    line-height: 28px;
}

.cancel-sunscription {
    color: #dddddd;
}

.base-price {
    text-decoration: line-through;
}

.pricing-btn-wrapper {
    display: flex;
    justify-content: flex-end;
}

.info-wrapper {
    width: 75%;
}

.step-progress {
    position: relative;
    padding-left: 45px;
    list-style: none;
}

    .step-progress li {
        position: relative;
        counter-increment: list;
    }

        .step-progress li:not(:last-child) {
            padding-bottom: 20px;
        }

        .step-progress li::before {
            display: inline-block;
            content: "";
            position: absolute;
            left: -28px;
            height: 100%;
            width: 10px;
        }

        .step-progress li::after {
            content: "";
            display: inline-block;
            position: absolute;
            top: 0;
            left: -37px;
            width: 12px;
            height: 12px;
            border: 2px solid #ccc;
            border-radius: 50%;
            background-color: #fff;
        }

        .step-progress li::before {
            border-left: 1px solid #acd1e6;
        }

        .step-progress li:last-child::before {
            border-left: 1px solid white;
        }

        .step-progress li::after {
            content: counter(list);
            padding-top: 1px;
            width: 25px;
            height: 25px;
            top: -2px;
            left: -40px;
            font-size: 14px;
            text-align: center;
            color: black;
            border: 2px solid #acd1e6;
            background-color: #acd1e6;
        }

    .step-progress.green {
        margin-top: 0;
    }

        .step-progress.green li::before {
            border-left: 1px solid #89b99f;
        }

        .step-progress.green li::after {
            border: 2px solid #89b99f;
            background-color: #89b99f;
            color: white;
        }

.link-dark {
    color: var(--dark-color);
    text-decoration: underline;
    font-weight: 400;
}

    .link-dark:hover {
        color: #000;
        text-decoration: underline;
        font-weight: 400;
    }

.btn-group-sm > .btn {
    padding: 5px 15px;
}

.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.nav-link.active {
    font-weight: 600;
    border-bottom: 2px solid;
    border-color: black;
}

.nav-item-small {
    font-weight: normal;
    font-size: 0.9rem;
    color: #3E3E3E !important;
}

.nav-item-font {
    font-family: 'Poppins';
    color: #000000 !important;
}

.bundle-price {
    text-align: right;
}

.pricing-header {
    position: fixed;
    width: 100%;
    margin: 0;
    z-index: 100;
    padding-left: 0.8rem;
    align-items: center;
}

.bundle-details-wrapper {
    background-color: #f9f7f6;
}

.step-progress.orange {
    margin-top: 0;
}

    .step-progress.orange li::before {
        border-left: 1px solid #f1cab5;
    }

    .step-progress.orange li::after {
        border: 2px solid #f1cab5;
        background-color: #f1cab5;
        color: black;
    }

    .step-progress.orange li:last-child::before {
        border-left: 1px solid white;
    }

.step-progress.shred {
    margin-top: 0;
}

    .step-progress.shred li::before {
        border-left: 1px solid #f1cab5;
    }

    .step-progress.shred li::after {
        border: 2px solid #f1cab5;
        background-color: #f1cab5;
        color: black;
    }

    .step-progress.shred li:last-child::before {
        border-left: 1px solid white;
    }

.step-progress.yellow {
    margin-top: 0;
}

    .step-progress.yellow li::before {
        border-left: 1px solid #f0e1ad;
    }

    .step-progress.yellow li::after {
        border: 2px solid #f0e1ad;
        background-color: #f0e1ad;
        color: black;
    }

    .step-progress.yellow li:last-child::before {
        border-left: 1px solid white;
    }

.step-progress.physical-box {
    margin-top: 0;
}

    .step-progress.physical-box li::before {
        border-left: 1px solid #eb9999;
    }

    .step-progress.physical-box li::after {
        border: 2px solid #eb9999;
        background-color: #eb9999;
        color: black;
    }

    .step-progress.physical-box li:last-child::before {
        border-left: 1px solid white;
    }

.accordion-header {
    font-size: 22px;
}

.hr-black {
    background-color: black;
}

.flex-container {
    display: flex;
}

.btn.btn-payment {
    background-color: var(--primary-color);
    color: white;
}

    .btn.btn-payment[disabled] {
        background-color: #dddddd;
        color: white;
    }

.plans-select {
    font-size: 1.3rem;
    font-weight: 600;
    border: none;
    border-bottom: 2px solid;
    border-radius: 0;
    border-color: #65b8df;
}

.plans-list > .card-list-item-checkout {
    min-height: 0px;
}

    .plans-list > .card-list-item-checkout li {
        padding: 0.1rem;
        font-size: 0.9rem;
    }

.accordion-email-info {
    background-color: #ecf6fd;
    border-radius: 8px;
    align-items: center;
}

.accordion-email-warning {
    background-color: #fce3e3;
    border-radius: 8px;
    align-items: center;
}

.tooltip.show {
    opacity: 1;
}

.tooltip-inner {
    max-width: 440px;
    background-color: #484848;
}

.signin-btn-wrapper {
    width: 50%;
}

.faq-link {
    text-decoration: underline;
    cursor: pointer;
}

.tax-info {
    font-size: 0.8rem;
}

.checkout-list li:before {
    font-size: 0.8rem;
}



.about-section {
    font-size: 22px;
}

.line-height-f1 {
    line-height: 1.5;
}

.line-height-f2 {
    line-height: 2.5rem;
}



.bundle-info-container {
    background: linear-gradient(to bottom, #f9f7f6 12%, white 0%);
}

.small-button {
    font-size: 0.8rem;
}

.bundle-description-line-height {
    line-height: 1.7rem;
}

.img-industry {
    height: 90px;
}

.faq-side-button {
    border-radius: 47px;
    width: 175px;
    height: 50px;
    color: #6b6b6b;
    text-decoration: none;
}

    .faq-side-button:hover {
        border-radius: 47px;
        background-color: #f3f9fc;
        width: 175px;
        height: 50px;
        color: var(--primary-color);
        text-decoration: none;
    }

.faq-button-text {
    font-weight: 600;
    font-size: 16px;
}

.faq-sec-anchor {
    top: -90px;
}

.faq-right-icon, .faq-state-icon {
    position: absolute;
    right: 0px;
}

.faq-question {
    width: 95%;
}

[data-toggle="collapse"] .expand-icon:before {
    content: "-";
}

[data-toggle="collapse"].collapsed .expand-icon:before {
    content: "+";
}

[data-toggle="collapse"] .expand-icon-splash:before {
    content: url('assets/irm-icon-arrow-down.svg');
}

[data-toggle="collapse"].collapsed .expand-icon-splash:before {
    content: url('assets/irm-icon-arrow-up.svg');
}

[data-toggle="collapse"] .expand-icon-splash-down:before {
    content: url('assets/irm-icon-arrow-down.svg') !important;
}

[data-toggle="collapse"].collapsed .expand-icon-splash-down:before {
    content: url('assets/irm-icon-arrow-up.svg') !important;
}

.expand-icon-splash-down, .expand-icon-splash {
    font-size: 1.2em;
}

.expand-icon-splash-down {
    transform: rotate(180deg);
    position: absolute;
    right: 32px;
}

.collapsed .expand-icon-splash-down {
    transform: rotate(90deg);
    position: absolute;
    right: 32px;
}

[data-toggle="collapse"] .bundle-mobile-arrow:before {
    content: "\a0\a0\a0\a0\a0\a0Hide service details";
    color: #5597CD;
    background-position: left;
    background-repeat: no-repeat;
    background-image: url("assets/bundle-show-more-arrow-expand.png");
}

[data-toggle="collapse"].collapsed .bundle-mobile-arrow:before {
    content: "\a0\a0\a0\a0\a0\a0Show service details";
    color: #3E3E3E;
    background-position: left;
    background-image: url("assets/bundle-show-more-arrow.png");
    background-repeat: no-repeat;
}

.contact-dropdown {
    height: 3rem;
}

.modal-close-btn {
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 100;
    font-size: 40px;
    font-weight: 300;
    opacity: 1;
}

.receipt-header {
    display: flex;
    justify-content: space-between;
}

.meta-text {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #000;
    line-height: 0.1em;
    margin: 10px 0 20px;
}

    .meta-text span {
        background: #fff;
        padding: 0 10px;
    }

.faq-list li {
    font-weight: 300;
}

.pnf-url {
    color: #1b75bc;
    font-weight: 600;
}

.pnf-h1 {
    color: #1b75bc;
    font-weight: 700;
}

.pnf-h3 {
    font-weight: 600;
    color: #3e3e3e;
}

.pnf-h5 {
    color: #979797;
    font-weight: 500;
}

.scroll-hz {
    flex-wrap: nowrap;
    overflow-x: auto;
}

.tooltip-close-button {
    position: absolute;
    right: 10px;
    top: 10px;
}

.account-success-url {
    color: var(--primary-color);
    text-decoration: underline;
}

.account-success-p {
    color: #3e3e3e;
    font-weight: 500 !important;
    line-height: 40px;
}

.account-success-m-image {
    max-width: 300px;
}

.landing-banner {
    background-image: linear-gradient(to right, #FF6630, #FF8256, #FF6630);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
    color: white;
    text-align: center;
}

.bundle-image {
    max-height: 32px !important;
}

.dropdown .bundle-header-dropdown-arrow:before {
    content: "\a0\a0\a0\a0";
    background-position: left;
    background-image: url("assets/bundleHeaderDropdownArrow.png");
    background-repeat: no-repeat;
}

.dropdown.show .bundle-header-dropdown-arrow:before {
    content: "\a0\a0\a0\a0";
    background-position: left;
    background-image: url("assets/bundleHeaderDropdownArrowUp.png");
    background-repeat: no-repeat;
}

.second-nav-mobile-checkout {
    top: 91px;
    z-index: 1;
}

.dropdown .checkout-header-dropdown-arrow:before {
    content: "Show details\a0\a0\a0\a0\a0\a0\a0";
    color: white;
    font-size: 14px;
    padding-bottom: 2px;
    background-position: right;
    background-image: url("assets/bundleHeaderDropdownArrow.png");
    background-repeat: no-repeat;
}

.dropdown.show .checkout-header-dropdown-arrow:before {
    content: "Hide details\a0\a0\a0\a0\a0\a0\a0";
    color: white;
    font-size: 14px;
    padding-bottom: 2px;
    background-position: right;
    background-image: url("assets/bundleHeaderDropdownArrowUp.png");
    background-repeat: no-repeat;
}

.card-list-dropdown li:before {
    font-family: "FontAwesome";
    font-size: 1rem;
    content: "\f00c";
    margin: 0 10px 0 -28px;
    color: var(--primary-color);
    line-height: 2rem;
}

.shred-radio-selected {
    background-color: rgba(101, 184, 223, 0.25);
}

.shred-radio-not-selected {
    border: 1px dotted rgba(101, 184, 223, 0.25);
}

.qty-input-checkout {
    width: 65%;
}

.plans-dropdown-mobile {
    width: 300px;
}

.card-price-per-month {
    line-height: 1px;
}

.header-strike-price {
    color: #dddddd;
    line-height: 24px;
}

.strike-through {
    color: var(--sierra-orange);
}

.strike-through-background {
    border-color: var(--sierra-orange);
}

[data-toggle="collapse"] .risk-free-collapse:before {
    content: "Hide details\a0\a0\a0\a0\a0\a0\a0";
    font-size: 14px;
    padding-bottom: 2px;
    background-position: right;
    background-image: url("assets/riskFreeDropdownUp.png");
    background-repeat: no-repeat;
}

[data-toggle="collapse"].collapsed .risk-free-collapse:before {
    content: "Show details\a0\a0\a0\a0\a0\a0\a0";
    font-size: 14px;
    padding-bottom: 2px;
    background-position: right;
    background-image: url("assets/riskFreeDropdownDown.png");
    background-repeat: no-repeat;
}

.dropdown-container {
    width: 100%;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    border-width: 0;
    background-color: #3E3E3E !important;
    border-top-color: #737373;
    border-top-width: 1px !important;
}

.dropdown .dropdown-header-container {
    border-radius: 4px;
    background-color: #3E3E3E;
}

.dropdown.show .dropdown-header-container {
    border-radius: 4px;
    background-color: #3E3E3E;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.addon-info {
    font-size: 0.8rem;
}

.addon-banner-info {
    font-size: 0.9rem;
}

.addons-banner {
    background: linear-gradient(to bottom, #f9f7f6 60%, #75d09f 40%);
}

.addon-card-header {
    background-color: #75d09f;
}

.checkout-select-group {
    font-size: 0.7rem;
}

.checkout-select {
    font-size: 1.3rem;
    font-weight: 400;
    border: none;
    border-bottom: 2px solid;
    border-radius: 0;
    border-color: #65b8df;
}

.one-shred-warning {
    background-color: rgba(101, 184, 223, 0.05);
    border-radius: 4px;
    align-items: center;
    font-size: 0.8rem;
    border: 1px solid #65B8DF
}

.one-shred-warning-exclamation {
    font-size: 1.3rem;
    color: #FF9C33;
}

.note-card {
    background-color: rgba(101, 184, 223, 0.05);
    border-radius: 4px;
    border: 1px solid #65B8DF;
    padding: 15px;
}

.spalsh-shred-card {
    width: 319px;
    border-radius: 8px;
    background-color: white;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
    margin: 20px 25px 0px 25px;
}

    .spalsh-shred-card .shred-card-header {
        color: white;
        background-color: var(--express-dark-blue);
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

    .spalsh-shred-card .shred-card-header-blue {
        color: white;
        background-color: #1994BE;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

    .spalsh-shred-card .shred-card-header-orange {
        /* color: white;
        background-color: var(--express-dark-blue); */
        background-color: #FFBD3F;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

    .spalsh-shred-card .shred-card-header-green {
        color: white;
        /* background-color: var(--express-dark-blue); */
        background-color: #0BB463;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

    .spalsh-shred-card .shred-card-header-brown {
        color: white;
        background-color: #6A6151;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

    .spalsh-shred-card .shred-card-header-navy-blue {
        color: white;
        background-color: var(--express-dark-blue);
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

    .spalsh-shred-card .shred-card-header-teal {
        color: white;
        background-color: #16B4B7;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

    .spalsh-shred-card p {
        text-align: center;
        font-family: var(--irm-font-family-regular) !important;
        margin-bottom: 0px;
        font-size: 0.87em;
        font-weight: 300;
        margin-top: -5px;
    }

    .spalsh-shred-card .card-header-title {
        font-size: 1.10em !important;
        font-family: var(--irm-font-family-bold) !important;
    }

    .spalsh-shred-card img {
        width: 100%;
        height: 198px;
        object-fit: cover;
    }

    .spalsh-shred-card .btn-checkout {
        height: 40px;
    }

    .spalsh-shred-card h1 {
        font-weight: 700;
        font-size: 32px;
    }

.spalsh-shred-header {
    font-size: 36px;
    color: #133F6B !important;
}

.service-available-2-card-container {
    /* width: 58%; */
    max-width: 780px;
    margin-left: 100px;
    margin-right: 100px;
}

.service-available-3-card-container {
    /* width: 86%; */
    width: 88%;
    /*max-width: 1120px;*/
    margin-left: 100px;
    margin-right: 100px;
}

.suggestion-card-container {
    margin-left: 20px;
    margin-right: 20px;
}

.shop-suggestion-card {
    margin: 8px 8px 8px 8px !important;
    width: 289px !important;
}

    .shop-suggestion-card p {
        font-size: 12px !important;
    }

.shop-suggestion-divider {
    width: 97%;
    margin-left: 15px;
    margin-right: 15px;
    border-top: 1.48289px solid #ABB0BC;
}

.splash-product-card {
    height: 750px !important;
}

.splash-details-scrollable {
    height: 360px !important;
    line-height: 19px !important;
}

.custom-nested-list {
    list-style-type: disc;
}

.card-footer-div {
    height: 98px;
}

.btn-group .display-contract-type {
    width: 70px;
    height: 18px;
    border-radius: 15px;
    color: #6F7687;
    background-color: #ffffff;
    border: 1px solid #6F7687;
    justify-content: center;
    font-family: var(--irm-font-family-medium);
    font-size: 14px;
}

    .btn-group .display-contract-type:hover {
        width: 70px;
        height: 18px;
        border-radius: 15px;
        color: #6F7687;
        background-color: #ffffff;
        border: 1px solid #6F7687;
        justify-content: center;
        font-family: var(--irm-font-family-medium);
        font-size: 14px;
    }





.dc-warning-modal-overlay {
    position: absolute;
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 256px;
    z-index: 16;
}

/*.dc-warning-modal-overlay-success {
    display: flex;
    width: 100%;
    position: absolute;
    height: fit-content;

    justify-content: space-around
}*/

.dc-warning-modal-overlay-help-text {
    display: flex;
    width: 350px;
    position: absolute;
    height: fit-content;
    /* background-color: #1994BE; */
    justify-content: space-around
}

.dc-warning-modal-overlay-warning {
    display: flex;
    width: 100%;
    position: absolute;
    height: fit-content;
    /* background-color: #1994BE; */
    justify-content: space-around
}

/*.dc-warning-modal {
    background-color: #FFFFFF;
    border-radius: 4px;
    width: 96%;
    padding: 11px 11px 11px 18px;
    height: fit-content;
    border: solid #FF8B00;
    border-width: 0 0 0px 8px;
    font-size: 14px;
}*/

.dc-warning-modal-width {
    width: 370px !important;
    position: absolute !important;
}

.dc-shop-cart-warning-modal {
    background-color: #FFFFFF;
    border-radius: 4px;
    width: 96%;
    padding: 11px 11px 11px 18px;
    height: fit-content;
    border: solid #FF8B00;
    border-width: 0 0 0px 8px;
    font-size: 14px;
}

.dc-warning-modal-success {
    padding: 6px 16px;
    align-items: flex-start;
    border-radius: 9px;
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 50px !important
}

/*.dc-info-modal {
    border: solid #277FD8 !important;
    border-width: 0 0 0px 8px !important;
    margin-top: 50px !important;
    margin-right: 15px !important;
    color: black;
}*/

.dc-warning-modal-error {
    background: #FDEDED;
}

.dc-warning-modal-warring {
    background: #FFF4E5;
    color: #663C00;
}

.dc-warning-modal-info {
    background: #E5F6FD;
    color: #014361;
}

.dc-warning-modal {
    color: #1E4620;
    background: #EDF7ED;
}

.errorMsgText {
    font-family: var(--irm-font-family-regular);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}

.goToButton, .alert-modal-close {
    border-radius: 100px;
    font-family: var(--irm-font-family-regular) !important;
    font-size: 13px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.16px;
    background: transparent !important;
    min-width: 82px;
}

.btn-outline-danger,
.btn-outline-danger:hover {
    color: #D32F2F !important;
    border: 1px solid #D32F2F !important
}

.btn-outline-warning {
    color: #ED6C02 !important;
    border: 1px solid #ED6C02 !important
}

.btn-outline-info, .btn-outline-info:hover {
    color: #1462AD !important;
    border: 1px solid #1462AD !important;
    margin-left: 0.5rem;
}

.btn-outline-success, .btn-outline-success:hover {
    color: #2E7D32 !important;
    border: 1px solid #2E7D32 !important
}

.dc-info-modal {
    border: solid #277FD8 !important;
    border-width: 0 0 0px 8px !important;
    margin-top: 50px !important;
    margin-right: 15px !important;
    color: black;
}

/*.dc-warning-modal-error {
    border-width: 0 0 0px 8px;
    background-color: #FDEDED;
}*/

/*.dc-warning-modal-info {
    border-width: 0 0 0px 8px;
    background-color: #E5F6FD;
}*/

.dc-warning-modal-warning {
    border-radius: 4px;
    display: flex;
    z-index: 16;
    box-shadow: 3px 3px 4px rgba(0,0,0,.25) !important;
    margin-top: -75px;
    background-color: #ffffff;
    width: 94%;
    padding: 11px 11px 11px 18px;
    border: solid #FF8B00;
    border-width: 0 0 0px 8px;
    font-size: 14px;
}

.multicart-seperation-border {
    border-top: 2px solid #dee2e6 !important;
}

.multicart-font-size {
    font-size: 12px !important;
}
/* terms and condition modal */
.download-icon {
    float: right;
    right: 14px;
    cursor: pointer;
    width: 20px;
    height: 20px;
}

.download-icon-wrapper {
    height: 35px;
    width: 35px;
    background-color: black;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.a-download-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.addCard {
    background-color: white;
}

@media (max-width: 767.98px) {
    .suggestion-container-title {
        text-align: center;
    }

    .shop-suggestion-divider {
        margin-left: 6px !important;
        margin-right: 6px !important;
    }

    .spalsh-shred-card {
        margin: 0px auto 25px auto;
    }

    .spalsh-shred-header {
        font-size: 24px;
    }

    .how-it-works-img {
        height: 275px;
        position: static !important;
    }

    .double-quote-container {
        width: auto !important;
    }
}

@media (max-width: 960px) {
    .service-available-2-card-container {
        margin-left: 0px;
        margin-right: 0px;
    }

    .service-available-3-card-container {
        margin-left: 0px;
        margin-right: 0px;
    }

    .suggestion-card-container {
        margin-left: 0px;
        margin-right: 0px;
    }

    .faq-left-container {
        display: none;
    }

    .top-detail-card, .top-detail-card-chat {
        width: 100% !important;
    }

    .mobile-collapse-card-container {
        top: -52px;
    }

    .faq-banner {
        height: 140px !important;
    }
}

.tcReadMoreBtn {
    box-shadow: none !important;
    background: transparent;
    border: none;
    color: #5597CD;
}

.modal-content-tc {
    border-radius: 16px !important;
}

#tcBodyGradient {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80px;
    background-image: linear-gradient(to top, white, rgba(255, 255, 255, 0));
}

.custom-checkout-group {
    background-color: #FFFFFF;
    display: inline-block;
    color: #6B6B6B;
    font-size: 15px;
    cursor: pointer;
    border: 1px solid transparent;
    padding: .7rem 1rem;
    width: 33.3%;
    border-color: #C1C1C1;
    text-align: center;
    text-decoration: none;
}

/*.custom-checkout-group:hover {
        background-color: #69C9FF;
        color: #FFFFFF;
    }*/

/* remove toggle hover for mobile devices due to hover keep select after finger out
@media (hover: none) {
    custom-checkout-group:hover {
        color: inherit;
        background-color: inherit;
        border-color: inherit;
    }
}*/

.custom-contract-type {
    background-color: #FFFFFF;
    display: inline-block;
    color: #6B6B6B;
    font-size: 15px;
    cursor: pointer;
    border: 1px solid transparent;
    padding: .7rem 1rem;
    width: 33.3%;
    border-color: #C1C1C1;
    text-align: center;
    text-decoration: none;
}

.custom-contract-type-single {
    background-color: #75D09F;
    display: inline-block;
    color: #FFFFFF;
    font-size: 15px !important;
    border: 1px solid transparent;
    padding: .7rem 1rem;
    width: 33.3%;
    text-align: center;
    text-decoration: none;
    cursor: auto !important;
    margin-top: 0.5rem !important;
}

    .custom-contract-type-single:hover {
        color: #FFFFFF;
    }

.checkoutPlanSelect {
    border: 0px;
    outline: 0px;
    background-color: transparent;
    color: var(--primary-color);
    font-size: 1.2rem;
    font-weight: bold;
    background-color: var(--primary-color);
}

#checkoutPlanSelectWidth {
    display: none;
    font-size: 1.2rem;
    font-weight: bold;
}

#checkoutFooterSpacer {
    height: 100px;
}

.custom-checkout-group {
    color: var(--primary-color);
    background-color: #FFFFFF;
    border-color: var(--primary-color);
    font-size: 15px !important;
    text-align: center;
    border-width: 1.5px;
}

    /*.custom-checkout-group:hover {
        background-color: #69C9FF;
        color: #FFFFFF;
        border-color: #69C9FF;
    }*/

    .custom-checkout-group:not(:disabled):not(.disabled):active, .custom-checkout-group:not(:disabled):not(.disabled).active,
    .show > .custom-checkout-group.dropdown-toggle {
        color: #fff;
        background-color: var(--primary-color);
        border-color: var(--primary-color);
        font-weight: 800;
    }

/* enable toggle hover only for desktops*/
@media (hover: hover) {
    .custom-checkout-group:hover {
        background-color: var(--primary-color);
        color: #ffffff;
        border-color: var(--primary-color);
    }

    .custom-contract-type:hover {
        background-color: var(--primary-color);
        color: #ffffff;
        border-color: var(--primary-color);
    }
}

.custom-contract-type {
    color: #6B6B6B;
    background-color: #FFFFFF;
    border-color: #C1C1C1;
    font-size: 15px !important;
    text-align: center;
}

    .custom-contract-type:not(:disabled):not(.disabled):active, .custom-contract-type:not(:disabled):not(.disabled).active,
    .show > .custom-contract-type.dropdown-toggle {
        color: #fff;
        background-color: var(--primary-color);
        border-color: var(--primary-color);
    }


.checkoutPlanSelect {
    border: 0px;
    outline: 0px;
    background-color: transparent;
    color: #5597CD;
    font-size: 1.2rem;
    font-weight: bold;
}

/* Customized radio/checkbox styles */
/* The custom radio/checkbox container */
.custom-radio-checkbox-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
    /* Hide the browser's default radio/checkbox */
    .custom-radio-checkbox-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }
/* Create a custom checkbox */
.custom-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    border: 3px solid #6F7687;
    border-radius: 4px;
}
/* Create a custom radio */
.custom-radio {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    border: 3px solid #6F7687;
}
/* When the checkbox is checked, add a blue background */
.custom-checkbox-container input:checked ~ .custom-checkmark {
    background-color: var(--primary-color);
    border: 3px solid var(--primary-color);
}

.custom-checkbox-container input:disabled ~ .custom-checkmark {
    background-color: rgba(0, 0, 0, 0.26);
    border: 3px solid #6f768725;
}

.custom-radio-checkbox-container input[disabled]:checked ~ .custom-checkmark:after {
    display: block;
    background-color: transparent;
}

/* When the radio button is selected */
.custom-radio-container input:checked ~ .custom-radio {
    background-color: white;
    border: 3px solid var(--primary-color);
}

.custom-checkbox-container input:focus ~ .custom-checkmark {
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25) !important;
}

/* Create the checkmark/indicator (hidden when not checked) */
.custom-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
/* Create the radio/indicator (hidden when not selected) */
.custom-radio:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the checkmark when checked */
.custom-radio-checkbox-container input:checked ~ .custom-checkmark:after {
    display: block;
}
/* Show the radio when selected */
.custom-radio-checkbox-container input:checked ~ .custom-radio:after {
    display: block;
}
/* Style the checkmark/indicator */
.custom-checkbox-container .custom-checkmark:after {
    left: 2px;
    top: 2px;
    width: 16px;
    height: 14px;
    background-image: url("assets/checkbox-tick-white.svg");
    background-color: var(--primary-color);
}

.custom-radio-container .custom-radio:after {
    top: 3px;
    left: 3px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: var(--primary-color);
}

.nested-ol {
    counter-reset: item
}

    .nested-ol li {
        display: block;
        position: relative;
    }

        .nested-ol li:before {
            content: counters(item, ".") " ";
            counter-increment: item;
            margin-right: 100%;
            right: 10px;
            position: absolute;
        }
/* Nested ol styling to display decimal values
.nested-ol li {
    display: block;
}*/
/* hide original list counter 
ol.nested-ol > li:first-child {
    counter-reset: item;
}*/
/* reset counter 
ol.nested-ol > li {
    counter-increment: item;
    position: relative;
}*/
/* increment counter 
    ol.nested-ol > li:before {
        content: counters(item, ".") ". ";
        position: absolute;
        margin-right: 100%;
        right: 10px;
    }*/
.quote-slider-number {
    font-weight: 1000;
    color: var(--sierra-orange);
    font-size: 1.0rem;
    font-family: var(--irm-font-family-bold);
}

.quote-slider-text {
    color: var(--sierra-orange);
}


/* print counter */
.contract-type-togle-line-height {
    line-height: 0.8rem;
    font-weight: 300;
}

.contract-type-price {
    font-size: 1.3rem;
    font-weight: 300;
    line-height: 1.9rem;
}

/*.contract-type-price-zero {
    font-size: 1.3rem;
}
*/
.card-total-price .contract-type-price-zero {
    font-size: 1.3rem;
    /*font-weight: 500;*/
}

.total-paid .contract-type-price-zero {
    font-size: 1.3rem;
    /*font-weight: 500;*/
}

.btn-submit-save-for-later {
    color: white;
    background-color: #69C9FF;
    border-color: #69C9FF;
    width: 30%;
    font-size: 14px;
}

.btn-new-checkout {
    color: white;
    background-color: var(--sierra-orange);
    border-color: var(--sierra-orange);
    width: 60% !important;
    font-size: 14px;
}

/*.btn-new-checkout span {
        display: none;
    }*/

/*.btn-new-checkout:after {
        content: "Continue to Checkout";
    }*/

/*Customize input range*/
/*Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type='range'] {
        -webkit-appearance: none;
        background-color: #DCDFE4;
        border-radius: 4px;
    }

        input[type='range']::-webkit-slider-runnable-track {
            height: 8px;
            -webkit-appearance: none;
            color: var(--primary-color);
            margin-top: -1px;
        }

        input[type='range']::-webkit-slider-thumb {
            width: 20px;
            -webkit-appearance: none;
            height: 20px;
            background: var(--primary-color);
            border-radius: 10px;
            margin-top: -5px;
        }
}
/** FF*/
input[type="range"]::-moz-range-progress {
    background-color: var(--primary-color);
}

input[type="range"]::-moz-range-track {
    background-color: #DCDFE4;
}
/* IE*/
input[type="range"]::-ms-fill-lower {
    background-color: var(--primary-color);
}

input[type="range"]::-ms-fill-upper {
    background-color: #DCDFE4;
}

/* override styles for mobile and tablest screen */
@media (max-width: 767.98px) {
    body {
        font-size: 0.9rem;
    }

    p {
        line-height: 1.6;
    }

    h1,
    .h1 {
        font-size: 2.2rem;
    }

    h2,
    .h2 {
        font-size: 1.75rem;
    }

    h3,
    .h3 {
        font-size: 1.5rem;
    }

    h4,
    .h4 {
        font-size: 1.25rem;
    }

    h5,
    .h5,
    .title-info {
        font-size: 1.15rem;
    }

    h6,
    .h6,
    .btn-lg,
    .btn-plans,
    .list-display li {
        font-size: 1rem;
    }

    ol {
        padding-inline-start: 20px;
    }

    .display-1 {
        font-size: 5rem;
    }

    .display-2 {
        font-size: 4.5rem;
    }

    .display-3 {
        font-size: 3.5rem;
    }

    .display-4 {
        font-size: 2.5rem;
    }

    .line-height-f2 {
        line-height: 2rem;
    }

    .trail-wrapper {
        padding-right: 0;
        text-align: center !important;
    }

    .price-wrapper {
        text-align: center !important;
    }

    .pricing-header {
        position: relative;
    }

    .bundle-price {
        text-align: left;
    }

    .pricing-btn-wrapper {
        display: flex;
        justify-content: center;
    }

    .info-wrapper {
        width: 100%;
    }

    .signin-btn-wrapper {
        width: 75%;
    }

    .receipt-header {
        display: block;
    }

    .card-popular {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .tooltip {
        top: -15px !important;
    }

    .tooltip-inner {
        max-width: 360px;
    }

    .card-list-item {
        min-height: 0 !important;
    }

    .card-list-item-checkout {
        min-height: 0 !important;
    }

    .trail-title {
        font-size: 16px !important;
        font-weight: 600 !important;
        padding-left: 35px !important;
    }

    .trail-details {
        padding-left: 35px !important;
    }

    .account-accordion {
        background-color: white !important;
        min-height: 500px;
    }

    header {
        height: 64px;
    }

    .irmLogoImg {
        padding-left: 10px;
        height: 32px !important;
    }

    .sierraLogoH {
        height: 40px !important;
    }

    .eamilCaptureModalD {
        margin: 10px !important;
    }
}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .checkout-page-title {
        color: #000;
        /* heading-2 */
        font-family: 'Interstate';
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%; /* 44.8px */
        margin-top: 16px;
    }

    .checkout-page-left-section {
        margin-left: 16px;
        position: relative;
        top: 25px;
    }

    .left-element-wrapper, .checkout-page-category-title, .checkout-page-product-list-wrapper {
        margin-top: 24px;
    }

    .checkout-body-container {
        gap: 56px;
    }

    .shop-cart-list .product-img {
        border: none;
    }

    .checkout-page-product-img {
        margin-right: 16px;
    }

    .checkout-page-product-details-subsection {
        display: block;
    }

    .checkout-page-product-details {
        width: 85%;
    }

    .checkout-page-product-title {
        font-size: 14px;
    }

    .checkout-page-product-quantity-value, .checkout-page-details-title {
        font-weight: 700;
        font-size: 12px;
    }

    .checkout-page-details-title {
        margin-top: 16px;
    }

    .section-wrapper-container {
        margin-bottom: 56px;
    }

    .checkout-page-account-details, .checkout-page-billing-section {
        width: 100% !important;
    }

    .checkout-page-account-details-section {
        margin-bottom: 56px;
    }

    .checkout-page-billing-wrapper-section {
        width: 100%;
        padding-right: 32px;
    }

    .checkout-page-billing-section {
        width: 100%;
    }

    .checkout-body-container {
        gap: 56px;
    }

    .promo-code-input-div {
        width: 90%;
        margin-right: 16px;
    }

    .promo-code-input-field {
        background-color: #F7F7FE !important;
    }

    .checkout-page-total-mobile-view {
        background-color: #ccc;
        padding: 16px 16px 24px 16px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .total-expand-collapse-icon {
        width: 24px;
        height: 24px;
        padding: 3px 1.3px 8px 1.3px;
        justify-content: center;
        align-items: center;
        margin-right: 8px;
    }

    .total-expand-collapse-text {
        color: #666663;
        /* body-2 */
        font-family: 'Interstate';
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 140%; /* 19.6px */
    }

    .expand-collapse-total-value {
        color: #000;
        font-family: 'Interstate';
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%; /* 26px */
    }

    .expand-collapse-section {
        justify-content: space-between;
        display: flex;
        margin-top: 10px;
    }

    .checkout-page-total-mobile-view {
        display: block;
    }

    .payment-checkout-container {
        padding-left: 16px;
        padding-right: 16px !important;
        background-color: #F7F7FE !important;
        margin-right: 0 !important;
        padding-bottom: 32px !important;
    }

    .checkout-page-account-details-section > div {
        flex-direction: column-reverse !important;
    }

    .multi-location-checkbox-div-mobileview {
        display: flex;
    }

    .multi-location-checkbox-div-desktopview {
        display: none;
    }

    .left-element-wrapper {
        width: 100%;
        padding-right: 32px;
    }

    .addons-banner {
        background: linear-gradient(to bottom, #f9f7f6 65%, #75d09f 35%);
    }

    .faq-card-link, .faq-collapse-desc-div {
        font-size: 14px !important;
    }

    .contact-info-text, .contact-info-text .faq-card-link, .faq-new-question {
        font-size: 14px !important;
    }

    .faq-section-title {
        font-size: 32px !important;
    }

    .faq-title-text {
        font-size: 28px !important;
        padding: 32px 100px !important;
        /*text-align: center;*/
    }
}
/* override styles when printing */
@media print {
    body {
        margin: 0;
        display: block !important;
        max-width: 100%;
    }

    footer,
    .receiptClose,
    .storage-selection,
    .checkoutPintInv,
    .dropdown-toggle,
    .lastHrCheckout,
    .footnote-existing-customers,
    .InfinityNumber,
    .btn-phone,
    /*.express-menu-header,*/
    .flash-sale-banner,
    .phone-login-logo-div,
    .score-hamburger {
        display: none !important;
    }

    #checkoutPlanSelectDiv,
    #cheackoutHeader,
    #checkoutReceiptHeader,
    #saveForLaterContainer,
    #checkoutHeadStepImg,
    #fixedBottomQBCheckout,
    #productsContainer,
    #ThankYouCloseBtn,
    #quoteContainer {
        display: none !important;
    }

    #checkoutMSection,
    #checkoutReceipt,
    #checkoutFooter,
    #checkoutPrintInvDiv,
    #thanksCalendarIco,
    #checkoutLogoIco {
        display: block !important;
    }

    a[href]:after {
        content: "";
    }

    .express-menu-container {
        border-top: 2px solid var(--sierra-orange) !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    }

    .promoAppliedPrefix, .promoApplied, .promoAppliedSavings {
        color: var(--sierra-orange) !important;
    }

    .thanksCalendar {
        width: 10%;
    }

    .affix {
        position: inherit;
    }
}


.nav-warning {
    top: 37px
}

.header {
    height: 125px;
}

.strike-text {
    text-decoration: line-through;
    color: #6c757d !important;
}

.secure-shred-optional {
    position: absolute;
    margin-left: 40px;
    margin-top: -10px;
}

.pricing-div {
    text-align: right;
}

.quantity-range {
    cursor: pointer;
}

.opacity-5 {
    opacity: 0.5;
}

.payment-selection .btn input:checked {
    background-color: #a13a2c;
}

.custom-overflow-hidden {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pac-container {
    z-index: 1050 !important;
}



.save-for-later-input-sticky:disabled {
    opacity: 0.5;
}

.contract-type-selected {
    background-color: aquamarine;
}

.contract-type-container {
    cursor: pointer;
}

    .contract-type-container.active .contract-type-price {
        font-weight: 900;
    }

    .contract-type-container.active .contract-type-price-zero {
        font-weight: 600;
    }

/***** Plans & Pricing Styles Start *****/

#plansTableContainer {
    margin-top: 20px;
    overflow: scroll;
    /*height: 600px;*/
}

/* Hide Scrollbars */
#plansTableContainer {
    /* Internet Explorer 10+ */
    -ms-overflow-style: none;
    /* Firefox */
    scrollbar-width: none;
}

    #plansTableContainer::-webkit-scrollbar {
        /* Safari and Chrome */
        display: none;
    }

#plansTable {
    margin: auto;
    border: 1px solid #f7f7f8;
    padding-top: 50px;
    box-shadow: 2px;
    border-collapse: collapse;
    width: 914px;
    border-collapse: separate;
    border-spacing: 0px;
}

    #plansTable thead tr > th {
        position: sticky;
        padding: 0px 8px 0px 8px;
        z-index: 2;
        top: 0;
        width: 160px;
        font-size: 1.25rem;
        color: #fff;
    }

.plansTableMob thead tr > th {
    top: 59px !important;
}


#plansTable thead tr > :first-child {
    z-index: 3;
    left: 0;
    top: 0;
}

.plansTableMob thead tr > :first-child {
    top: 59px !important;
}


#plansTable td {
    font-family: "Poppins";
    text-align: center;
    height: 44px;
    padding: 0px;
}

#plansTable tr:nth-child(odd) {
    background: #f7f7f8;
}

#plansTable tr:nth-child(15) {
    background: rgba(0, 0, 0, 0);
}

#plansTable .plansBgGrey {
    background: #f7f7f8;
}

#plansTable tbody tr > :first-child {
    position: sticky;
    z-index: 1;
    left: 0;
    text-align: left;
    width: 174px;
    font-size: 0.875rem;
    line-height: 1.125;
    padding-left: 10px;
    color: #3E3E3E;
}

.plans-archival-bg {
    background: linear-gradient(to bottom, rgba(0, 84, 135, 0.75) 55%, #fff 45%);
}

    .plans-archival-bg > div > h3 {
        color: #5597cd;
    }

.plans-store-access-bg {
    background: linear-gradient( to bottom, rgba(102, 106, 167, 0.65) 55%, #fff 45% );
}

    .plans-store-access-bg > div > h3 {
        color: #666aa7;
    }

.plans-pape-shred-bg {
    background: linear-gradient( to bottom, rgba(85, 151, 205, 0.87) 55%, #fff 45% );
}

    .plans-pape-shred-bg > div > h3 {
        color: #69c9ff;
    }

.plans-shred-bg {
    background: linear-gradient( to bottom, rgba(117, 208, 159, 0.81) 54.75%, #fff 45.25% );
}

    .plans-shred-bg > div > h3 {
        color: #75d09f;
    }

.plans-table-header {
    height: 100%;
    border-radius: 8px 8px 0px 0px;
    border-left: 2px solid rgba(0, 0, 0, 0.05);
    border-right: 2px solid rgba(0, 0, 0, 0.05);
    padding: 0 !important;
}

    .plans-table-header > .shadow-sm {
        border-radius: 8px;
        height: 130px;
    }

    .plans-table-header > div > h5 {
        height: 56px;
    }


.plans-header-btn {
    color: var(--sierra-orange);
    border-color: var(--sierra-orange);
    margin-top: 4px;
}

    .selected-col .shadow-sm .plans-header-btn,
    .selected-col .plans-header-btn,
    .plans-header-btn.selected,
    .plans-header-btn:hover {
        color: #f5f5f5;
        border-color: var(--sierra-orange-hover);
        background-color: var(--sierra-orange-hover);
    }

.plans-info-icon {
    position: absolute;
    height: 16px;
    right: 0;
    top: 15px;
}

.plans-header-btn.selected {
    position: absolute;
    width: 70%;
    left: 26px;
    top: -32px;
    padding: 2px;
    border-radius: 0.5rem 0.5rem 0 0;
}

.plans-table-header.selected-col {
    border-top: 2px solid var(--sierra-orange);
    margin-bottom: -1px;
}

.planCellDiv {
    display: block;
    height: 100%;
    border-left: 2px solid rgba(0, 0, 0, 0.05);
    border-right: 2px solid rgba(0, 0, 0, 0.05);
    margin: -2px 8px -2px 8px;
    /* Center align content */
    display: flex;
    align-items: center;
    justify-content: center;
}

    .planCellDiv > i {
        font-size: 1.25rem;
    }


.cellColl1.planCellDiv {
    color: #5597cd;
}

.cellColl2.planCellDiv {
    color: #666aa7;
}

.cellColl3.planCellDiv {
    color: #69c9ff;
}

.cellColl4.planCellDiv {
    color: #75d09f;
}

.planCellContent {
    display: inline-block;
    vertical-align: middle;
}

.startingAtDiv {
    background: white;
    width: 100%;
    height: 100%;
    margin-top: -5px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-weight: 400;
    color: #3E3E3E;
}

.goodForTitle {
    font-size: 0.875rem !important;
}

.goodForDesc {
    font-size: 0.75rem;
    color: #6b6b6b !important;
    height: 48px;
}

.goodForRow {
    background: #f7f7f8;
}

.lastRowCellDiv {
    height: 70px;
    border-radius: 0px 0px 8px 8px;
    border-bottom: 3px solid rgba(0, 0, 0, 0.05);
    margin-bottom: 2px;
}

    .lastRowCellDiv.selected-col {
        border-bottom: 2px solid var(--sierra-orange);
    }

.selected-col {
    border-left: 2px solid var(--sierra-orange);
    border-right: 2px solid var(--sierra-orange);
}

.plansFooter {
    padding-top: 30px;
    padding-left: 10px;
}

    .plansFooter p {
        text-align: left;
        font-size: 0.75rem;
        font-weight: 300;
        margin-bottom: 16px;
        color: #6b6b6b;
    }

.toggle-btn-wrapper {
    background: #f7f7f8;
    min-width: 130px;
    /*height: 18px;*/
}

    .toggle-btn-wrapper.annual {
        margin-top: 10px;
        background: #75d09f;
    }


    .toggle-btn-wrapper > p {
        font-size: 0.6rem;
    }


.btn-sm-radio {
    padding: 0.1rem 0.6rem;
    font-size: 0.6rem;
    color: #c1c1c1;
}

    .btn-sm-radio.active {
        background: #75d09f;
        color: #f5f5f5;
    }

.plan-type {
    font-size: 0.8rem;
    margin-bottom: 0;
    line-height: 1.2;
    color: white;
    font-weight: normal;
}

.plan-upgrade-text {
    font-size: 0.5rem;
    color: #6b6b6b;
    font-weight: 300;
}

.plansTabsSticky {
    position: fixed;
    top: 120px;
    left: 0;
    z-index: 4;
    padding-top: 20px;
    height: 84px;
}

#plansTabsDiv > div {
    height: 36px;
    font-size: 0.75rem;
    line-height: 0.87rem;
    text-align: center;
    padding: 4px;
    border-radius: 4px;
    margin: 3px;
    color: white;
}

#plansTabsDiv .plans-archival-bg {
    background: radial-gradient(134.29% 134.29% at 50% 0%, #5597CD 0%, rgba(0, 84, 135, 0.75) 100%);
}

#plansTabsDiv .plans-store-access-bg {
    background: radial-gradient(302.67% 124.64% at 54.51% 0%, rgba(102, 106, 167, 0.65) 0%, #666AA7 100%);
}

#plansTabsDiv .plans-pape-shred-bg {
    background: radial-gradient(141.79% 141.79% at 50% 0%, #69C9FF 0%, rgba(85, 151, 205, 0.87) 100%);
}

#plansTabsDiv .plans-shred-bg {
    background: radial-gradient(399.96% 103.21% at 50% 103.21%, #75D09F 0%, rgba(117, 208, 159, 0.81) 100%);
}

#plansTabsDiv .selected {
    height: 48px;
    margin-top: -3px;
    padding-top: 10px;
    padding-bottom: 8px;
}

.stickyLeft {
    position: sticky;
    left: 0;
}

.titleDiv {
    position: sticky;
    left: 0;
    z-index: 3;
}

.best-value-btn {
    cursor: default !important;
}


@media (max-width: 767.98px) {
    #plansTable {
        border: none;
        padding-top: 30px;
    }
}
/***** Plans & Pricing Styles End *****/


/***** Checkout Flow Rearrangement New Classes*****/

.custom-checkout-promo-button {
    border: none;
    background-color: var(--primary-color);
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1rem;
    line-height: 1rem;
    height: 38px;
    margin-top: 24px;
}

@media (max-width: 767.98px) {
    .custom-checkout-promo-button {
        margin-top: 22px;
    }

    .splash-header-image {
        margin-top: 20px;
        width: inherit !important;
        display: block;
        height: inherit !important;
    }

    .btn-explore {
        flex: 1;
    }

    /* New faq page styles */
    .faq-left-container {
        display: none;
    }

    .faq-body-container {
        padding: 0px !important;
        margin: 0 20px 20px 20px;
    }

    .top-detail-card, .top-detail-card-chat {
        width: 100% !important;
    }
}


.checkout-tot-info-icon {
    width: 30px;
}

.checkout-tot-promo {
    color: var(--sierra-orange) !important;
}

.text-info-secondary {
    color: var(--primary-color) !important;
}

.tooltip-email {
    position: absolute;
    right: 10px;
    top: 32px;
}

@media (max-width: 767.98px) {
    .tooltip-email {
        top: 32px;
    }
}


.payment-toggle-button {
    background-color: #ffffff;
    color: #6b6b6b;
    font-size: 20px;
    cursor: pointer;
    border: 1px solid #C1C1C1 !important;
    text-align: center;
    text-decoration: none;
    border-radius: 8px !important;
    border-color: #c1c1c1;
    padding-left: 7px !important;
    padding-bottom: 9px;
    padding-top: 9px;
    padding-right: 9px;
    line-height: 0.9
}

.checkout-pay-icon {
    min-width: 63px;
    height: 32px;
    border: 1px solid #000;
    border-radius: 4px;
}

.checkout-pay-icon-rounded {
    border-radius: 30px !important;
}

.svg-icon {
    filter: brightness(0) saturate(100%) invert(38%) sepia(7%) hue-rotate(21deg) contrast(84%);
}

.payment-toggle-button:not(:disabled):not(.disabled).active,
.show > .payment-toggle-button.dropdown-toggle {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color) !important;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25);
}
/*
#payment-toggle-button-card:not(:disabled):not(.disabled).active #svg-icon-card {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) hue-rotate(132deg) contrast(103%);
}

#payment-toggle-button-bank:not(:disabled):not(.disabled).active #svg-icon-bank {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) hue-rotate(132deg) contrast(103%);
}*/

/* enable toggle hover only for desktops*/
@media (hover: hover) {
    /*#payment-toggle-button-card:hover #svg-icon-card {
        filter: brightness(0) saturate(100%) invert(100%) sepia(100%) hue-rotate(132deg) contrast(103%);
    }

    #payment-toggle-button-bank:hover #svg-icon-bank {
        filter: brightness(0) saturate(100%) invert(100%) sepia(100%) hue-rotate(132deg) contrast(103%);
    }
    */

    .payment-toggle-button:hover {
        background-color: var(--primary-color);
        color: #ffffff;
        border-color: var(--primary-color);
    }

        .payment-toggle-button:hover span {
            color: #ffffff;
        }
}

.payment-toggle {
    flex-direction: column;
    justify-content: center;
}

.payment-toggle-container {
    justify-content: center;
}

/*.bundle-price-total-before-tax .contract-type-price-zero {
    font-weight: 700 !important;
}*/

/*.total-price .contract-type-price-zero {
    font-weight: 500 !important;
}*/

/*.bundle-price-selected-before-tax .contract-type-price-zero, .bundle-price-selected .contract-type-price-zero, .tax-amount .contract-type-price-zero, .promoAppliedSavings .contract-type-price-zero {
    font-size: 1rem !important;
}*/
@media print {
    div.embeddedServiceHelpButton {
        display: none;
    }
}

.cyber-logo {
    padding-top: 4%;
    padding-bottom: 12%;
    max-width: 70%;
}

@media (min-width: 1440px) {
    .cyber-logo {
        padding-top: 4%;
        padding-bottom: 12%;
        max-width: 50%;
    }
}
/* Express Header menu Styling - Start*/
.express-menu-header {
    box-shadow: none;
    height: 32px;
    z-index: 98;
}

    .express-menu-header .express-menu-container {
        /*position: fixed;*/
        border-top: 4px solid var(--sierra-orange);
        background-color: #F8FAFD;
        box-shadow: 0px 2px 5px rgb(0 0 0 / 50%);
        height: 32px;
        width: 100%;
    }

    .express-menu-header .express-icos {
        margin-left: 60px;
        height: 11.2px;
        margin-top: 6px;
    }

    .express-menu-header .menu-items {
        overflow-x: auto;
        width: 100%;
    }

@-moz-document url-prefix() {
    .express-menu-header .menu-items {
        overflow-x: hidden;
    }
}

.express-menu-header .menu-items::-webkit-scrollbar {
    display: none; /* Safari and Chrome */
}


.express-menu-header .menu-items a {
    font-family: var(--irm-font-family-medium);
    margin-top: 4px;
    color: #333330;
    font-size: 12px;
    /* margin-right: 40px; */
    white-space: nowrap;
    text-decoration: none !important;
}

    .express-menu-header .menu-items a[aria-expanded='true'] {
        font-family: var(--irm-font-family-bold);
        /* text-decoration: underline; */
    }

.express-menu-header .express-menu-container.affix {
    top: 0px;
}

.express-menu-header .menu-items .exp-grad {
    height: 100%;
    width: 25px;
    background: linear-gradient(90deg, rgba(2,0,36,0) 11%, rgba(255,255,255,1) 100%);
    position: absolute;
    right: 0;
    margin-top: 0px;
    height: 28px;
}


@media (max-width: 991px) {
    .express-menu-header .express-menu-container, .flash-sale-banner {
        position: static !important;
    }

    .express-menu-header .express-icos {
        margin-left: 20px;
    }
}
/* Express Header menu Styling - End*/

/* Splash page styling starts*/
.splash-background {
    background-image: linear-gradient(180deg, #1B75BC 0%, #F1F5FB 94.27%);
}

.introducing-header {
    font-size: 20px;
    color: #FFFFFF !important;
    text-transform: uppercase;
    font-weight: 600;
}

.express-title {
    font-size: 36px;
    color: #FFFFFF !important;
    text-transform: uppercase;
    font-weight: 400;
}

.splash-text {
    font-size: 18px;
    color: #FFFFFF !important;
    font-weight: 300;
    line-height: 24px;
    font-style: normal;
    text-align: center;
    font-family: var(--irm-font-family-regular) !important;
}

.express-header {
    font-family: var(--irm-font-family-header) !important;
    font-size: 36px !important;
    color: #FFFFFF !important;
    text-transform: uppercase;
    font-weight: 300;
}

.splash-bulk-shred {
    background-color: #133F6B;
}

.bulk-shred-text {
    font-size: 20px;
    color: #FFFFFF !important;
}

.bulk-shred-card {
    background-color: #FFFFFF;
}

.show-now-btn {
    width: 85% !important;
}

.splash-middle-text {
    font-family: var(--irm-font-family-header) !important;
    font-size: 26px;
    color: #1D5FA1 !important;
    font-weight: 300;
    font-style: normal;
    letter-spacing: .5px;
}

.score-highlight.highlight-icon .caption .score-highlight-body, .score-content-spot ul li {
    font-family: var(--irm-font-family-regular) !important;
}

.score-content-spot {
    font-family: var(--irm-font-family-regular) !important;
    font-size: 15px;
}


.how-it-works-section {
    color: #FFFFFF;
}

.how-it-works-header {
    font-family: var(--irm-font-family-header) !important;
    color: #FFFFFF !important;
}

.how-it-works-img-div {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.medical-industry-name {
    color: #1D5FA1 !important;
    font-size: 17px !important;
    text-align: right !important;
}

.splash-list {
    font-size: 0px;
}

.splash-steps {
    font-size: 19px !important;
    color: #FFFFFF !important;
}

.how-it-works-img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.how-it-works-img-sitad {
    background-image: url("/-/media/SBC/images/splash/Pallet_box");
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.spalsh-shred-header {
    font-size: 2.25em;
}

.serviceAvailableContainer {
    max-width: 820px;
}

.card-headers {
    color: #6F7687 !important;
    font-size: 20px;
}

.card-content {
    color: #6F7687 !important;
    font-size: 16px;
}

.get-started-section {
    width: 100%;
}

    .get-started-section .btn-checkout {
        height: 40px;
    }

.splash-middle-header {
    line-height: 1.2;
}

.splash-header-author {
    padding-left: 28px;
}

.splash-background-bottom {
    background-color: #F1F5FB;
}

.splash-back-img {
    width: 440px;
}

.caption-header {
    font-family: var(--irm-font-family-regular) !important;
}

.additional-feature-header {
    /*color: #14477d !important;*/
    font-style: italic;
}

.paper-shredding-header {
    font-family: 'Geometria',Arial,sans-serif !important;
}

.bulk-paper-shred {
    color: #FFFFFF !important;
    font-family: var(--irm-font-family-header) !important;
}

@media (max-width: 767.98px) {
    .paper-shred-img {
        height: auto !important;
        padding-top: 150px !important;
    }

    .industry-align {
        text-align: center;
    }

    .bulk-paper-shred-img {
        width: 360px;
    }

    .splash-cart-height-small {
        height: auto !important;
    }

    .splash-back-img {
        padding-top: 30px;
        padding-bottom: 10px;
        width: 100%;
    }

    .splash-steps {
        font-size: 18px !important;
    }

    .btn-checkout {
        font-size: 15px !important;
    }

    .font-size-small {
        font-size: 10px !important;
    }
}

.paper-shred-img-height {
    padding-top: 150px !important;
}

.splash-contact-us-section {
    justify-content: center;
}

.splash-cart-height {
    height: 575px
}



.font-inter-regular {
    font-family: var(--irm-font-family-medium) !important;
}

.font-inter-light {
    font-family: var(--irm-font-family-regular) !important;
}

.font-inter-lighter {
    font-family: var(--irm-font-family-header) !important;
}

.font-header {
    font-family: var(--irm-font-family-header) !important;
}

.font-15 {
    font-size: 15px !important;
}

.font-20 {
    font-size: 20px !important;
}

.font-25 {
    font-size: 25px !important;
}

/* Splash page styling ends*/

.ppc-footer {
    display: none;
}

.shred-ppc-background {
    background-position: right;
}

.ppc-background {
    background-image: linear-gradient(90.16deg, #1B75BC 0.17%, rgba(27, 117, 188, 0) 99.89%);
}

#selected-plan-text {
    display: none;
}

/* Hiding Product name inside the config page product card*/
.card-inner-name {
    display: none;
}

@media (min-width: 768px) {
    .eamilCaptureModalD {
        width: 370px !important;
    }

    .frequency-section-checkout-cart {
        margin-top: 54px;
    }
}

.payment-option-box .selected-method-checkbox {
    display: none;
}

/* New Shop page */
.shopping-cart-title {
    font-family: var(--irm-font-family-bold);
    margin-left: 57px;
    font-size: 28px;
}

.empty-card-text {
    font-size: 20px;
}

.shopping-cart-body {
    font-size: 16px;
}



.font-secondary-dark {
    color: #133F6B;
}

.shopCheckoutContainer {
    background-color: #F8FAFD;
}

.products-container {
    width: 95%;
}

.card-help-text-container {
    color: #333;
}

.product-card {
    width: 370px;
    /*height: 730px;*/
    height: fit-content;
    /*overflow: hidden;*/
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25) !important;
    position: relative;
}

    .product-card > .card-header {
        background-color: var(--primary-color);
        color: white !important;
        height: 48px;
        border-top-right-radius: 8px;
        border-top-left-radius: 8px;
    }

    .product-card > .card-header-blue {
        background-color: #1994BE;
        color: white !important;
    }

    .product-card > .card-header-orange {
        background-color: #FFBD3F;
        color: #333 !important;
    }

        .product-card > .card-header-orange .sub-title {
            color: #333 !important;
        }

.shop-product-card > .card-header-orange .sub-title {
    color: #333 !important;
}

.product-card > .card-header-green {
    background-color: #0BB463;
    color: white !important;
}

.product-card > .card-header-brown {
    background-color: #6A6151;
    color: white !important;
}

.product-card > .card-header-teal {
    background-color: #16B4B7;
    color: white !important;
}

.shop-product-card > .card-header {
    width: 360px;
    padding: 12.5px 16px;
    align-items: center;
    gap: 10px;
    background: var(--color-secondary-paper-shredding, #1994BE);
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    height: 56px;
}

.shop-product-card > .card-header-blue {
    background-color: #1994BE;
    color: white !important;
}

.shop-product-card > .card-header-orange {
    background-color: #FFBD3F;
    color: #333 !important;
}

.shop-product-card > .card-header-green {
    background-color: #0BB463;
    color: white !important;
}

.shop-product-card > .card-header-brown {
    background-color: #6A6151;
    color: white !important;
}

.shop-product-card > .card-header-teal {
    background-color: #16B4B7;
    color: white !important;
}

/*.product-card > .card-header-teal .sub-title {
            color: #333 !important;
        }*/

/*.product-card .header-title {
        color: white !important;
        font-size: 17px!important;
    }*/

.product-card .sub-title {
    color: white !important;
    font-size: 12px !important;
}

.shop-product-card .sub-title {
    color: white !important;
    font-size: 12px !important;
}

.product-card .header-title {
    font-family: var(--irm-font-family-bold) !important;
    font-size: 17px !important;
}

.product-card .schedule-text {
    font-size: 10px;
    line-height: 1;
}

.product-card .calendar-icon {
    width: 32px;
    height: 32px;
}

.product-card .help-icon {
    background-image: url(/Areas/SBC/css/assets/irm-icon-calendar-white.svg);
}

.product-card .help-icon-blue {
    background-image: url(/Areas/SBC/css/assets/irm-icon-calendar-white.svg);
}

.product-card .help-icon-green {
    background-image: url(/Areas/SBC/css/assets/irm-icon-calendar-white.svg);
}

.product-card .help-icon-brown {
    background-image: url(/Areas/SBC/css/assets/irm-icon-calendar-white.svg);
}

.product-card .help-icon-orange {
    background-image: url(/Areas/SBC/css/assets/irm-icon-calendar-black.svg);
}

.product-card .help-icon-teal {
    background-image: url(/Areas/SBC/css/assets/irm-icon-calendar-black.svg);
}

.shop-product-card .calendar-icon {
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

.shop-product-card .help-icon {
    background-image: url(/Areas/SBC/css/assets/irm-shop-card-calender-icon.svg);
}

.shop-product-card .help-icon-blue {
    background-image: url(/Areas/SBC/css/assets/irm-shop-card-calender-icon.svg);
}

.shop-product-card .help-icon-green {
    background-image: url(/Areas/SBC/css/assets/irm-shop-card-calender-icon.svg);
}

.shop-product-card .help-icon-brown {
    background-image: url(/Areas/SBC/css/assets/irm-shop-card-calender-icon.svg);
}

.shop-product-card .help-icon-orange {
    background-image: url(/Areas/SBC/css/assets/irm-shop-card-calender-icon-black.svg);
}

.shop-product-card .help-icon-teal {
    background-image: url(/Areas/SBC/css/assets/irm-shop-card-calender-icon-black.svg);
}


.product-card > .details-scrollable {
    height: 220px;
    overflow-y: auto;
}

    .product-card > .details-scrollable > .details-p {
        color: #666663;
    }

    .product-card > .details-scrollable .details-exp {
        width: 60px;
        color: var(--primary-color);
    }

    .product-card > .details-scrollable .details-exp-arrow {
        margin-top: 4px;
        font-size: 12px;
        color: var(--primary-color);
    }

    .product-card > .details-scrollable p {
        line-height: 1.4;
    }



.product-card .card-footer .price-tag .amount {
    font-size: 20px;
}

.product-card .card-footer .price-tag .min-amount {
    font-size: 20px;
    color: #1B75BC;
}

.product-card .card-footer .price-tag .amout-type {
    font-family: var(--irm-font-family-regular) !important;
    font-weight: 300;
}

.product-card .price-tag .amout-type {
    font-family: var(--irm-font-family-regular) !important;
    font-weight: 300;
    font-size: 12px;
}

.product-card .card-footer .price-tag .min-amount-type {
    font-family: var(--irm-font-family-regular) !important;
    font-weight: 300;
    font-size: 12px;
}



.products-container .shop-section-head {
    border: solid #133F6B;
    border-width: 0px 0px 1px 4px;
    position: relative;
    height: 48px;
}

.products-container .border-blue {
    border: solid #1994BE;
    border-width: 0px 0px 1px 4px;
}

.products-container .border-orange {
    border: solid #FFBD3F;
    border-width: 0px 0px 1px 4px;
}

.products-container .border-teal {
    border: solid #16B4B7;
    border-width: 0px 0px 1px 4px;
}

.products-container .border-green {
    border: solid #0BB463;
    border-width: 0px 0px 1px 4px;
}

.products-container .border-brown {
    border: solid #6A6151;
    border-width: 0px 0px 1px 4px;
}

.cart-section-head {
    height: 40px;
    border: solid #133f6b;
    border-width: 0 0 1px 8px;
    padding: 10px 3px;
}

select.classic {
    filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.25));
    background-color: #F1F6FC;
    border-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 175px;
    background-image: linear-gradient(45deg, transparent 50%, #FFFFFF 50%), linear-gradient(135deg, #FFFFFF 50%, transparent 50%), linear-gradient(to right, #1B75BC, #1B75BC);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
    background-size: 5px 5px, 5px 5px, 2.5em 2.8em;
    background-repeat: no-repeat;
}

select.pickup-frequency {
    padding: 4px;
    filter: none;
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 0px;
}

select.upgrade-pickup-frequency {
    padding: 4px;
    filter: none;
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 0px;
}

.pickup-frequency-container {
    filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.25));
    background-color: #F1F6FC;
    border-radius: 4px;
    width: 175px !important;
}

    .card-footer > div > select, .pickup-frequency-container > select, select.classic, .font-14 {
        font-size: 14px !important;
    }

/* updated footer */
.footer-logo-wrapper {
    display: flex;
    padding: 15px;
    height: 10%;
}

@media (max-width: 767.98px) {
    .dc-warning-modal-width {
        width: 95% !important;
        position: absolute !important;
    }

    .products-container {
        margin-left: inherit !important;
        /* width: fit-content!important; */
        width: 100%;
    }

    .product-card {
        width: 100%;
    }

    .shopping-cart-title {
        font-size: 28px !important;
        margin-left: 16px !important;
    }

    .shop-contract-type-toggle-dev {
        top: 35px !important;
        padding-left: 6px;
        left: 15px;
        right: 15px !important;
    }

    /*.products-container .shop-section-head-sm {
        height: 95px;
        padding: 2px;
    }*/

    .custom-contract-type {
        background-color: #133F6B;
    }

    .faq-text {
        margin-bottom: 64px;
        font-size: 24px !important;
    }

    .faq-text-title {
        font-size: 23px !important;
    }

    .faq-divider {
        width: 92% !important;
    }

    /*.cards-container {
        padding-left: 8px;
        padding-right: 8px;
    }*/

    .express-menu-container > .menu-items > .menu-section {
        margin-right: 24px !important;
    }

    .empty-cart-bullet-point {
        font-size: 16px;
        margin-top: 0px;
    }

    .footer-logo-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 15px 0 30px;
    }

    .shop-cart-wrapper {
        left: 0 !important;
        /*position: inherit !important;*/
        top: 0 !important;
        border-radius: 0 !important;
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    .dc-warning-modal-width {
        width: 95% !important;
        position: absolute !important;
    }
}

.contract-tag {
    background-color: #133F6B;
    color: #FFFFFF;
    padding: 0px 10px;
    border-radius: 16px;
    margin-right: 15px;
    margin-bottom: 0px;
    height: 25px;
}

.contract-tag-container {
    height: 40px !important;
}

.select-container-top {
    height: 70px !important;
}


.shop-contract-type-toggle-dev {
    position: absolute;
    right: 0px;
    top: -37px;
}

    .shop-contract-type-toggle-dev > p {
        line-height: 1;
    }

.sticky-price-div p {
    font-size: 21px !important;
}

.sticky-price-div-fullcheckout p {
    color: #3E3E3E;
    font-family: var(--irm-font-family-bold);
    font-size: 21px !important;
}


.faq-text {
    font-size: 20px !important;
    margin-bottom: 64px;
}

.faq-text-title {
    font-size: 24px !important;
}

.faq-divider {
    width: 40%;
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1.48289px solid #ABB0BC;
}

.shop-cart-list .product-img {
    width: 96px;
    height: 96px;
    object-fit: cover;
    border: solid #133F6B;
    border-width: 3px 0 0 0;
}

    .shop-cart-list .product-img.border-top-blue {
        border: solid #1994BE;
        border-width: 3px 0 0 0;
    }

    .shop-cart-list .product-img.border-top-green {
        border: solid #0BB463;
        border-width: 3px 0 0 0;
    }

    .shop-cart-list .product-img.border-top-brown {
        border: solid #6A6151;
        border-width: 3px 0 0 0;
    }

    .shop-cart-list .product-img.border-top-orange {
        border: solid #FFBD3F;
        border-width: 3px 0 0 0;
    }

    .shop-cart-list .product-img.border-top-teal {
        border: solid #16B4B7;
        border-width: 3px 0 0 0;
    }

.confirmation-product-img.border-top-blue {
    border: solid #1994BE;
    border-width: 3px 0 0 0;
}

.confirmation-product-img.border-top-green {
    border: solid #0BB463;
    border-width: 3px 0 0 0;
}

.confirmation-product-img.border-top-brown {
    border: solid #6A6151;
    border-width: 3px 0 0 0;
}

.confirmation-product-img.border-top-orange {
    border: solid #FFBD3F;
    border-width: 3px 0 0 0;
}



.shop-product-card .carousel-inner img {
    height: 225px;
    object-fit: cover;
}

.carousel-control-prev-icon {
    background-image: url("assets/carouselPrevArrow.svg");
}

.carousel-control-next-icon {
    background-image: url("assets/carouselNextArrow.svg");
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    height: 32px;
    filter: drop-shadow(0px 2px 0px rgba(0, 0, 0, 0.292));
}

.carousel > .carousel-indicators {
    bottom: 10px !important;
    background-color: rgba(255, 255, 255, .3);
    backdrop-filter: blur(4px);
    border-radius: 16px;
    left: 29%;
    width: fit-content;
    height: 117px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 7px;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 170px
}

    .carousel > .carousel-indicators:hover {
        overflow: auto;
    }

.shop-product-card > .carousel > .carousel-indicators {
    bottom: 10px !important;
    background-color: rgba(255, 255, 255, .3);
    backdrop-filter: blur(4px);
    border-radius: 16px;
    left: 70%;
    width: fit-content;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 7px;
    position: absolute;
    overflow: hidden;
}

.carousel > .carousel-indicators > li {
    background-color: #E8E8E8;
}

.carousel > .carousel-indicators > .active {
    background-color: #1B75BC;
}

.carousel > .carousel-indicators > li,
.carousel > .carousel-indicators > .active {
    width: 115px;
    /*height: 10px;*/
    border-radius: 100%;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25) !important;
}

.shop-product-card > .carousel > .carousel-indicators > li,
.shop-product-card > .carousel > .carousel-indicators > .active {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25) !important;
}


.final-return-modal {
    background-color: #FFFFFF;
    width: 420px;
    padding-left: 27px;
    padding-right: 27px;
    padding-top: 16px;
    padding-bottom: 16px;
    height: 180px;
}

.modal-overlay {
    position: absolute;
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    padding-top: 256px;
    z-index: 16;
}

.btn-checkout-submit[disabled] {
    opacity: 0.3 !important;
}

.custom-service-type-group {
    border: 1px solid #C1C1C1 !important;
    color: #6F7687;
    border-radius: 0px !important;
    height: 40px !important;
    font-size: 16px !important;
    width: 20%;
}

    .custom-service-type-group:hover {
        background-color: var(--primary-color) !important;
        color: #ffffff !important;
        border-color: var(--primary-color) !important;
        font-family: var(--irm-font-family-bold);
    }

    .custom-service-type-group:not(:disabled):not(.disabled):active,
    .custom-service-type-group:not(:disabled):not(.disabled).active,
    .show > .custom-service-type-group.dropdown-toggle {
        color: #fff;
        background-color: var(--primary-color);
        border-color: var(--primary-color) !important;
        font-family: var(--irm-font-family-bold);
    }

.icon-container {
    box-sizing: border-box;
    padding: 7px 16px;
    width: 56px;
    background: #F7F7F8;
    border: 1px #C1C1C1;
    border-style: solid none;
    height: 40px;
}

.icon-text-toggle {
    font-size: 12px;
    line-height: 1.2;
}

.height-fit-content {
    height: fit-content;
}

.number-bullet {
    height: 22px;
    width: 22px;
    border-radius: 12px;
    margin-top: 1px;
    background-color: #1B75BC;
    font-size: 13px;
    color: #ffffff;
    text-align: center;
    padding-top: 2px;
}

.empty-cart-bullet-point {
    font-size: 15px;
    margin-top: 1px;
}



@media (max-width: 390px) {
    .empty-cart-bullet-point {
        margin-top: 4px;
        font-size: 12px;
    }

    /*.btn-new-checkout:after {
        content: "Checkout" !important;
    }*/

    .btn-submit-save-for-later {
        width: 40% !important;
    }

    .btn-new-checkout {
        width: 40% !important;
    }

    .footer-logo-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 15px 0 30px;
    }
}

/* galaxy fold */
@media (max-width: 280px) {
    select.classic {
        width: 150px !important;
    }

    .pickup-frequency-container {
        width: 137px !important;
    }
}

@media (max-width: 991.98px) and (min-width: 767.98px) {
    .empty-cart-bullet-point {
        font-size: 16px;
        margin-top: 0px;
    }

    .products-container {
        margin-left: 3px !important;
        width: 99% !important;
        padding: 12px !important;
    }

    .cards-container {
        justify-content: space-between !important;
    }

    .dc-warning-modal-width {
        width: 362px !important;
        position: absolute !important;
    }

    .shop-cart-wrapper {
        left: 0 !important;
        /*position: inherit !important;*/
        top: 0 !important;
        border-radius: 0 !important;
        width: 100% !important;
    }
}

/*@media (min-width: 1440px) and (max-width: 1707px) {
    .products-container {
        width: 75%;
    }
}

@media (min-width: 1707.98px) {
    .products-container {
        width: 60%;
    }
}*/

@media (min-width: 1000px) and (max-width: 1240px) {
    .shopping-cart-title {
        font-size: 24px !important;
    }

    .products-container {
        margin-left: 0px !important;
        width: 95%;
    }
}

.shopping-cart-item {
    font-family: var(--irm-font-family-medium);
    font-weight: 300;
    font-size: 12px;
    line-height: 14.4px;
    color: #333330;
    margin-top: -15px;
}

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



.font-size-smaller {
    font-size: 10px;
}

.btnSendQuote[disabled] {
    opacity: 1 !important;
}

/* irm express header style */
.express-menu-container > .menu-items > .menu-section > a.selected {
    text-decoration: none !important;
    /* border: solid #1B75BC; */
    border-width: 0px 0px 3px 0px;
}

.express-menu-container > .menu-items > .menu-section > ul.dropdown-menu {
    top: 21.3px !important;
    border: 0;
    background-color: #f8fafd;
    left: -17px !important;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    width: fit-content;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 12px !important;
}

.express-menu-container > .menu-items > .menu-section > .dropdown-menu > .sub-menu-li-item {
    cursor: pointer;
}

    .express-menu-container > .menu-items > .menu-section > .dropdown-menu > .sub-menu-li-item > a {
        margin: 0px;
        padding: 0px;
        background-color: #ffffff00;
    }

        .express-menu-container > .menu-items > .menu-section > .dropdown-menu > .sub-menu-li-item > a:hover {
            color: #1B75BC;
        }

.sub-menu-li-item:hover {
    background-color: #1b76bc1e;
    color: #1B75BC;
}

/*.express-menu-container > .menu-items > a.header-dropdown-toggle::after {
    color: #1B75BC;
    border: 0;
    font-size: 9px;
    margin-left: 0.225em;
}*/

.submenu-dropdown {
    border: 0px solid !important;
}

.drop-down-link {
    padding: 4px 11px 4px 16px !important;
}

a[aria-expanded="true"] .express-menu-arrow {
    content: url('assets/up-arrow-fill-icon.svg');
}

a[aria-expanded="false"] .express-menu-arrow {
    content: url('assets/down-arrow-fill-icon.svg');
}

.express-menu-container > .menu-items > .menu-section {
    /* border-bottom: 2px solid #1B75BC; */
    margin-right: 40px;
    padding-top: 3px;
}

    /*.express-menu-container > .menu-items > .menu-section.show {
        border-bottom: 3px solid #1B75BC;
        font-family: var(--irm-font-family-bold);
    }*/

    .express-menu-container > .menu-items > .menu-section.selected {
        border-bottom: 3px solid #133F6B;
    }

        .express-menu-container > .menu-items > .menu-section.selected.blue {
            border-bottom: 3px solid #1994BE;
        }

        .express-menu-container > .menu-items > .menu-section.selected.green {
            border-bottom: 3px solid #0BB463;
        }

        .express-menu-container > .menu-items > .menu-section.selected.brown {
            border-bottom: 3px solid #6A6151;
        }

        .express-menu-container > .menu-items > .menu-section.selected.orange {
            border-bottom: 3px solid #FFBD3F;
        }

        .express-menu-container > .menu-items > .menu-section.selected.teal {
            border-bottom: 3px solid #16B4B7;
        }

        .express-menu-container > .menu-items > .menu-section.selected > a {
            font-family: var(--irm-font-family-bold);
        }

.tcHeader {
    width: 100%;
}

.line-height-small {
    line-height: 14px !important;
}

.font-size-12 {
    font-size: 12px !important;
}

.text-muted-custom {
    color: #666663 !important;
}

.terms-link {
    color: #1A52B5 !important;
}

/* updated footer styles */
.footer-wrapper-outer {
    width: 100%;
    padding-top: 30px;
    border-radius: 0;
    color: #FFFFFF;
    background-color: #14477d;
}

.score-left-sp {
    margin-top: 14px;
}

footer .footer-wrapper-outer {
    padding: 18px 0;
}

.container-sp {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

    .container-sp:before,
    .container-sp:after {
        content: " ";
        display: table;
    }

    .container-sp:after {
        clear: both;
    }

@media (min-width: 768px) {
    .container-sp {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container-sp {
        width: 970px;
    }

    .wrapper-dialog {
        max-width: 100%;
        z-index: 1050;
        width: 24% !important;
        margin: 0 .3% !important;
    }
}

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

    .wrapper-dialog {
        max-width: 100%;
        z-index: 1050;
        width: 24% !important;
        margin: 0 .3% !important;
    }
}

div[class^="score-column-sp"],
div[class*=" score-column-sp"] {
    margin-left: -15px;
    margin-right: -15px;
}

    div[class^="score-column-sp"]:before,
    div[class^="score-column-sp"]:after,
    div[class*=" score-column-sp"]:before,
    div[class*=" score-column-sp"]:after {
        content: " ";
        display: table;
    }

    div[class^="score-column-sp"]:after,
    div[class*=" score-column-sp"]:after {
        clear: both;
    }

    div[class^="score-column-sp"].score-column-sp2.wide-left-sp > .score-left-sp,
    div[class*=" score-column-sp"].score-column-sp2.wide-left-sp > .score-left-sp {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        font-family: var(--irm-font-family-medium);
    }

@media (min-width: 992px) {

    div[class^="score-column-sp"].score-column-sp2.wide-left-sp > .score-left-sp,
    div[class*=" score-column-sp"].score-column-sp2.wide-left-sp > .score-left-sp {
        float: left;
        width: 66.6666666667%;
    }
}

@media print {

    div[class^="score-column-sp"].score-column-sp2.wide-left-sp > .score-left-sp,
    div[class*=" score-column-sp"].score-column-sp2.wide-left-sp > .score-left-sp {
        position: relative;
        float: left;
        width: 66.6666666667%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

footer .score-menu-list-sp {
    list-style: none;
    padding: 0;
    margin-bottom: 45px;
}

footer .score-menu-list-sp {
    list-style: none;
    padding: 0;
    margin-bottom: 45px;
}

@media (max-width: 991px) {
    footer .score-menu-list-sp {
        font-size: 12px;
        color: white;
        z-index: 1;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .product-card .header-title {
        font-size: 16px !important;
    }

    .wrapper-dialog {
        max-width: 100%;
        z-index: 1050;
        width: 100% !important;
        margin: 0 .3% !important;
    }
}

@media (min-width: 992px) {
    footer .score-menu-list-sp {
        display: block !important;
    }
}

footer .score-menu-list-sp li {
    margin-bottom: 8px;
}

    footer .score-menu-list-sp li a {
        color: #58595b;
        font-family: var(--irm-font-family-regular);
        font-size: 16px;
    }

        footer .score-menu-list-sp li a:hover,
        footer .score-menu-list-sp li a:focus {
            text-decoration: none;
            opacity: 0.7;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

@media (max-width: 991px) {
    footer .score-menu-list-sp li a {
        display: block;
    }

    footer .footer-wrapper-outer .score-menu-list-sp li a {
        border-right: 1px solid white;
        padding-right: 4px;
        margin-right: 4px;
        font-size: 12px !important;
    }

    footer .score-menu-list-sp li a:hover,
    footer .score-menu-list-sp li a:focus {
        color: #1b75bc;
        background-color: white;
    }
}


footer .footer-wrapper-outer .score-menu-list-sp {
    margin-bottom: 0;
}

@media (min-width: 992px) {
    footer .footer-wrapper-outer .score-menu-list-sp {
        float: left;
    }
}

footer .footer-wrapper-outer .score-menu-list-sp li {
    margin-bottom: 0;
}

@media (min-width: 992px) {
    footer .footer-wrapper-outer .score-menu-list-sp li {
        float: left;
    }
}

footer .footer-wrapper-outer .score-menu-list-sp li a {
    color: white;
    font-family: var(--irm-font-family-regular);
    font-size: 14px;
    font-weight: 300;
    line-height: 1.62;
    letter-spacing: .2px;
    padding-right: 4px;
}

@media (min-width: 992px) {
    footer .footer-wrapper-outer .score-menu-list-sp li a {
        border-right: 1px dashed white;
        padding-right: 8px;
        margin-right: 8px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    footer .footer-wrapper-outer .score-menu-list-sp li a {
        padding-right: 6px;
        margin-right: 6px;
        font-size: 12px;
    }
}

@media (min-width: 1200px) and (max-width: 1339px) {
    footer .footer-wrapper-outer .score-menu-list-sp li a {
        font-size: 13px;
    }

    .shop-cart-wrapper {
        background-color: #f4f4f4;
        left: 32% !important;
        position: absolute;
        top: 23% !important;
        border-radius: 8px;
        width: 41% !important;
    }
}

.score-content-spot-sp {
    margin-bottom: 30px;
    font-family: var(--irm-font-family-regular);
    font-size: 16px;
    font-weight: 300;
    line-height: 1.62;
    letter-spacing: 0.2px;
    margin-top: 5px;
}

    .score-content-spot-sp em {
        font-style: italic;
        background-color: transparent;
        color: inherit;
    }

    .score-content-spot-sp p {
        font-family: var(--irm-font-family-regular);
        font-size: 16px;
        font-weight: 300;
        color: #58595b;
        line-height: 1.62;
        letter-spacing: 0.2px;
        margin-bottom: 30px;
    }

        .score-content-spot-sp p:last-child {
            margin-bottom: 0;
        }

@media (max-width: 991px) {
    .score-content-spot-sp p {
        margin-bottom: 25px;
    }
}

footer .footer-wrapper-outer .score-content-spot-sp {
    color: white;
    font-family: var(--irm-font-family-regular);
    font-size: 13px;
    line-height: 42px;
    margin-bottom: 20px;
}

@media (max-width: 991px) {
    footer .footer-wrapper-outer .score-content-spot-sp {
        text-align: center;
    }
}

@media (min-width: 992px) {
    footer .footer-wrapper-outer .score-content-spot-sp {
        float: left;
        margin-bottom: 0;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    footer .footer-wrapper-outer .score-content-spot-sp {
        font-size: 12px;
    }
}

@media (min-width: 1200px) and (max-width: 1339px) {
    footer .footer-wrapper-outer .score-content-spot-sp {
        font-size: 13px;
    }
}

@media (max-width: 767px) {
    .sp-hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .sp-hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .sp-hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .sp-hidden-lg {
        display: none !important;
    }
}
/* date picker start*/

.dp-card-container {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    max-width: 450px;
}

.dp-card {
    border: 1px solid #ABB0BC;
    color: #666663;
    aspect-ratio: 1 / 1;
    cursor: pointer;
    text-transform: uppercase;
    font-family: var(--irm-font-family-medium);
}

.active-card {
    border: 2.5px solid #1B75BC !important;
    color: #1B75BC;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: var(--irm-font-family-bold);
}

.active-date {
    color: #1B75BC !important;
    font-weight: bold;
    font-family: var(--irm-font-family-medium) !important;
}

.not-avail-card {
    border: 2.5px solid #BF4023 !important;
    color: #BF4023;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: var(--irm-font-family-bold);
}

.not-avail-date {
    color: #BF4023 !important;
    font-weight: bold;
    font-family: var(--irm-font-family-medium) !important;
}

.disable-card {
    border: 1px solid #ABB0BC !important;
    color: #666663 !important;
    opacity: 0.5;
    pointer-events: none;
}

.unselectable-card {
    border: 1px solid #ABB0BC !important;
    color: #666663 !important;
    opacity: 0.5;
    pointer-events: none;
}

.dp-card-dash {
    border: 1px dashed #ABB0BC;
}

.tooltip .tooltip-inner {
    background-color: #585F6F;
    /*padding: 0px;*/
    max-width: 320px;
    font-family: var(--irm-font-family-regular) !important;
}

.tooltip .arrow:before {
    border-bottom-color: #585F6F !important;
    border-top-color: #585F6F !important;
    font-family: var(--irm-font-family-regular) !important;
}

.dp-tooltip {
    display: flex;
    padding: 8px 12px;
    /*background-color: #585F6F;*/
}

.dp-tooltip-text-cont {
    text-align: left;
}

    .dp-tooltip-text-cont > ul {
        padding-left: 12px;
    }

.dp-tooltip-close {
    padding: 0px 10px;
}

.dp-prev-btn {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1.5px solid #ABB0BC;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
}

.dp-next-btn {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1.5px solid #ABB0BC;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
}

.dp-card-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.dp-card-date {
    font-size: 32px;
    color: #6B6B6B;
}

.dp-card-month {
    font-size: 10px;
    color: #6B6B6B;
    font-family: var(--irm-font-family-medium) !important;
}

.dp-card-day {
    font-size: 10px;
}

.dp-card-text {
    font-size: 18px;
    color: #666663
}

.dp-card-text-success {
    color: #1B75BC !important;
}

.dp-card-subtext {
    font-size: 12px;
    color: #6F7687;
    padding-left: 5px;
    text-align: center;
}





/* date picker end*/

.preferred-date-card {
    cursor: pointer;
}

.dp-card-selected {
    border: 1.5px solid #1B75BC;
}

    .dp-card-selected .dp-card-day, .dp-card-selected .dp-card-date {
        color: #1B75BC !important;
    }

.dp-card-invalid {
    border: 1.5px solid #BF4023;
}

    .dp-card-invalid .dp-card-day, .dp-card-invalid .dp-card-date {
        color: #BF4023 !important;
    }

.dp-card-text-warning {
    color: #BF4023 !important;
}

.dp-card-container.opacity-5 .preferred-date-card {
    cursor: default !important;
    pointer-events: none !important;
}

.disable-navbtn {
    /*border: 1.5px solid rgba(171, 176, 188, 0.5) !important;*/
    pointer-events: none !important;
}

.opacity-navbtn {
    opacity: 0.5 !important;
}

#slider .owl-nav {
    width: 100%;
}

    #slider .owl-nav .owl-prev {
        position: absolute;
        top: calc(50% - 10px);
        left: calc(0% - 10px);
    }

    #slider .owl-nav .owl-next {
        position: absolute;
        top: calc(50% - 10px);
        right: calc(0% - 12px);
    }

    #slider .owl-nav [class*=owl-]:hover {
        background: transparent;
    }

#slider .owl-stage {
    display: flex;
    flex: 1;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0px;
}

/* date picker end*/

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

.font-14 {
    font-size: 14px;
}

.checkout-container {
    padding: 10px 10px 20px;
}

.shop-cart-wrapper {
    background-color: #f4f4f4;
    left: 35%;
    position: absolute;
    top: 23%;
    border-radius: 8px;
    width: 30%;
}

.owl-theme .owl-nav .disabled {
    opacity: 1 !important;
}

    .owl-theme .owl-nav .disabled .dp-prev-btn .dp-left-arrow {
        opacity: 0.5;
    }

.owl-theme .owl-nav .disable-navbtn .dp-prev-btn .dp-left-arrow {
    opacity: 0.5;
}

.owl-theme .owl-nav .disabled .dp-next-btn .dp-right-arrow {
    opacity: 0.5;
}

.owl-theme .owl-nav .disable-navbtn .dp-next-btn .dp-right-arrow {
    opacity: 0.5;
}

.urgentdateCB-title {
    font-size: 14px;
    color: #6B6B6B;
    font-weight: 400;
}

.dp-right-arrow {
    margin-left: 2px;
}

.p-x-16 {
    padding-left: 16px;
    padding-right: 16px;
}

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

@media (min-width: 1000px) and (max-width: 1200px) {
    .shop-cart-wrapper {
        background-color: #f4f4f4;
        left: 28% !important;
        position: absolute;
        top: 23% !important;
        border-radius: 8px;
        width: 41% !important;
    }
}

/* digital wallet footer start*/
.dw-container {
    padding: 0 15px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/*.digital-wallet-div.d-block {
    display: flex !important;
}*/

.dw-card-container {
    width: 100%;
    max-width: 340px;
    display: flex;
    justify-content: center;
}

.dw-card {
    background-color: #FFFFFF;
    border: 1.5px solid #000;
    border-radius: 4px;
    height: 32px;
    width: 60px;
    flex-shrink: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dw-text {
    font-family: var(--irm-font-family-medium);
    font-weight: 400;
    font-size: 8px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #666663;
}

.dw-cyber-color {
    color: #6F7687;
}

.dw-bank-border {
    border-color: #3B3F4A !important;
}

.dw-card-border {
    border-color: #133F6B !important;
}

.dw-gpay {
    border-radius: 16px;
    border-color: #3C4043 !important;
}

.dw-img-cc {
    width: auto;
    height: auto;
}

.dw-img-gpay {
    width: 34px;
    height: 14px;
}

@media (min-width: 992px) and (max-width: 1200px) {
    .dw-card {
        width: 42px;
    }

    .dw-img-cc {
        width: 35px;
        height: 20px;
    }

    .dw-img-gpay {
        width: 31px;
        height: 13px;
    }

    .opendw .dw-card-container .dw-card {
        width: 60px;
    }

        .opendw .dw-card-container .dw-card .dw-img-gpay {
            width: 34px;
            height: 14px;
        }

        .opendw .dw-card-container .dw-card .dw-img-cc {
            width: auto;
            height: auto;
        }
}

@media (min-width: 1201px) and (max-width: 1400px) {
    .dw-card {
        width: 52px;
    }

    .opendw .dw-card-container .dw-card {
        width: 60px;
    }
}

/* digital wallet footer end*/

@media (max-width: 1000px) {
    .splash-header-image {
        margin-top: 20px;
        width: inherit !important;
        display: block;
        height: inherit !important;
    }
}

.cursor-pointer {
    cursor: pointer;
}

.save-later-dialog {
    margin-top: 100px !important;
}

.billing-address-descriptor {
    font-family: var(--irm-font-family-medium) !important;
    font-weight: 400;
    font-size: 14px;
    color: #BF4023;
}

/* Apple pay start*/
.apple-pay-button {
    width: 100%;
    height: 40px;
    display: inline-block;
    -webkit-appearance: -apple-pay-button;
    cursor: pointer;
}

.apple-pay-button-with-text > * {
    display: none;
}

.apple-pay-button-black-with-text {
    -apple-pay-button-style: black;
}

.apple-pay-button-white-with-text {
    -apple-pay-button-style: white;
}

.apple-pay-button-white-with-line-with-text {
    -apple-pay-button-style: white-outline;
}

.apple-pay-button-text-book {
    -apple-pay-button-type: book;
}

.apple-pay-button-text-buy {
    -apple-pay-button-type: buy;
}

.apple-pay-button-text-check-out {
    -apple-pay-button-type: check-out;
}

.apple-pay-button-text-donate {
    -apple-pay-button-type: donate;
}
/* Apple pay end*/

/* addon modal start*/

.addon-modal {
    width: 100%;
    position: absolute;
    bottom: 0;
    background-color: #fff;
    box-shadow: 0px 3px 5px rgba(111, 118, 135, 0.5);
    border-radius: 8px;
    z-index: 20;
}

.address-validate-modal {
    background: #00000059;
    justify-content: end;
    align-items: center;
}

.address-validate-modal-checkout {
    background: #00000059;
    justify-content: center;
    align-items: center;
}

.wrapper-dialog {
    max-width: 100%;
    z-index: 1050;
    width: 100%;
    margin: 0 .3% !important;
}

.addon-modal-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 18;
    background-color: #6F7687;
    opacity: 0.5;
    pointer-events: none;
}

.addon-alert-div {
    display: flex;
    align-items: center;
    padding: 0px 20px;
    margin-top: 8px;
}

.addon-alert-text {
    font-family: var(--irm-font-family-medium);
    font-weight: 500;
    font-size: 15px;
    line-height: 22.4px;
    color: #666663;
}

.addon-benefit-text {
    font-family: var(--irm-font-family-bold);
    font-weight: 700;
    font-size: 15px;
    line-height: 22.4px;
    color: #FF6630;
}

.addon-hr-title-line {
    margin-top: 0;
    margin-bottom: 0;
    border: 1.5px solid #FF6630;
}

.addon-hr-section-line {
    margin-top: 0;
    margin-bottom: 0;
    border: 1px solid #DCDFE4;
}

.addon-benefit-div {
    margin-top: 16px;
    margin-bottom: 16px;
}

.addon-cart-title {
    font-family: var(--irm-font-family-bold);
    font-weight: 700;
    font-size: 15px;
    line-height: 19px;
    color: #333330;
}

    .addon-cart-title .contract-type-price-zero {
        font-size: 10px;
    }

.addon-cart-product-title {
    font-family: var(--irm-font-family-medium);
    font-weight: 300;
    font-size: 15px;
    line-height: 19px;
    color: #333330;
}

.addon-btn-div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px;
}

.addon-submit-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #1B75BC !important;
    padding: 5px 16px !important;
    border-radius: 4px !important;
    color: #fff !important;
    font-family: var(--irm-font-family-medium) !important;
    font-weight: 400 !important;
    font-size: 17px !important;
    line-height: 20px;
    white-space: nowrap !important;
    cursor: pointer !important;
}

.addon-cancel-btn {
    margin-top: 24px;
    font-family: var(--irm-font-family-medium) !important;
    font-weight: 400 !important;
    font-size: 17px !important;
    line-height: 22px;
    color: #1B75BC !important;
    white-space: nowrap !important;
    cursor: pointer !important;
}

/* addon modal end*/

/* UPS address user modal */
.ups-address-modal {
    width: auto !important;
    margin-top: 70px !important;
}

.address-error-modal {
    width: 375px !important;
}

@media (max-width: 768px) {
    .address-error-modal {
        width: auto !important;
    }

    .wrapper-dialog {
        max-width: 100%;
        z-index: 1050;
        width: 100% !important;
        margin: 0 .3% !important;
    }
}

.section-error {
    background-color: #FFEDEB;
    padding: 8px 32px 28px 32px;
}

.modal-header-icon {
    width: 42px;
    height: 42px;
}

.address-options-container {
    overflow-y: auto;
    height: 370px;
    overflow-x: hidden;
}

.address-option {
    font-weight: 100;
}

.sticky-footer-ups-modal {
    background-color: #f9f7f6;
    box-shadow: 1px -1px 5px 1px #ccc;
    padding: 24px !important;
}

/* UPS address user modal end */

.font-weight-bold, .font-weight-bolder, b {
    font-family: var(--irm-font-family-bold) !important;
}

.spalsh-shred-card .font-bold-int {
    font-family: var(--irm-font-family-bold) !important;
}

/* optional comments section */
.optional-comments-container > .optional-text-area::placeholder {
    color: #58595bcf !important;
    font-style: italic;
    font-size: 16px;
}

.optional-comments-container > .optional-text-area {
    border: 1px solid #B1BED6 !important;
    background-color: #F8FBFF !important;
    height: 88px !important;
    padding-top: 16px !important;
    border-radius: 0;
    box-shadow: none;
    resize: none;
}

.optional-comments-view {
    color: #58595B;
    font-size: 15px;
    font-style: italic;
}

/* navbar login start*/
.navbar-header-div {
    min-height: 75px;
    z-index: 99;
}

.navbar-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

.irm-logo-div {
    margin-right: auto;
}

.irm-logo-img {
    height: 40px;
    width: 142px;
}

.phone-login-logo-div {
    display: flex;
    align-items: center;
    margin-right: 20px;
}

.login-btn-div {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 3vw;
    margin-top: 0px;
}

.login-text {
    font-family: var(--irm-font-family-medium);
    font-size: 12px;
    line-height: 12px;
}

@media (min-width: 768px) {
    .phone-login-logo-div {
        margin-right: 60px;
    }

    .login-btn-div {
        margin-top: 0px;
    }

    #mobileNavigationDropdown {
        display: none !important;
    }

    .nav-help-center-div {
        padding: 8px 16px;
    }
}

@media (min-width: 992px) {
    .navbar-header-div {
        min-height: 100px;
    }

    .irm-logo-div {
        margin-left: 60px;
    }

    .login-btn-div {
        margin-top: 2px;
    }

    .irm-logo-img {
        width: 213px;
        height: 60px;
    }
}
/* navbar login end*/



/* Date picker calender starts */

#calendar0 > tr {
    border: 0;
}

    #calendar0 > tr > td {
        border: 0 !important;
        padding: 10px 0px;
    }

    #calendar0 > tr > th {
        border: 0 !important;
        text-align: center;
    }

    #calendar0 > tr > td > button {
        border: none;
        width: -webkit-fill-available;
    }

#calendar1 > tr > td {
    padding: 10px 0px;
    border: 0 !important;
    /* text-align: center; */
}

#calendar1 > tr {
    border: 0;
}



    #calendar1 > tr > th {
        border: 0 !important;
        text-align: center;
    }

    #calendar1 > tr > td > button {
        border: none;
        width: -webkit-fill-available;
    }

.month-year h1 {
    font-size: 23px;
    padding-top: 10px;
    font-family: "Roboto", sans-serif !important;
}

.calendar-container {
    font-family: "Roboto", sans-serif !important;
}

.calendar-wrapper-container .calendar table {
    width: 95%;
    margin: auto;
}

.calendar table > tr > td > button {
    border: none;
    line-height: 22.6px;
    font-size: 14px !important;
    font-weight: 400;
    background-color: transparent;
    color: #333330;
}

.calendar table > tr > td:first-child {
    background-color: rgba(51, 51, 48, 0.2);
    /*width: 46px;*/
}

.calendar table > tr > td:last-child {
    background-color: rgba(51, 51, 48, 0.2);
    /*width: 46px;*/
}

.calendar table > tr > th {
    border: none;
    line-height: 19.6px;
    font-size: 16px;
    font-weight: 400;
    width: 46px;
}

.weekends th {
    font-weight: bold !important;
    padding: 10px;
    color: #666663;
}

.cstm-calalnder-bg {
    /*box-shadow: 0px 2px 2px 1px rgb(158 152 152 / 25%);*/
    /*width: 70%;*/
    margin: auto;
    background-color: #fff;
    max-width: 350px;
}

@media (min-width: 992px) {
    .cstm-calalnder-bg {
        width: 80%;
    }
}
/*.month-header {
    color: #333330;
}

.weeks-header {
    color: #666663;
}

.date-number-enabled {
    color: #333330;
}

.date-number-disabled {
    color: #333330;
}

.date-btn-enabled {
    color: #1b75bc;
}

.date-btn-disabled {
    color: #6f7687;
}
*/
.calendar-wrapper-container {
    /*padding: 15px 0;*/
}

.selected-date-card-text {
    font-size: 12px;
    color: #1b75bc;
    /*padding-left: 5px;*/
    text-align: center;
    font-weight: 300;
    line-height: 19.6px;
    font-size: 18px;
    margin-top: 8px;
    margin-bottom: 8px;
    font-family: var(--irm-font-family-medium);
}

.selected-date-range-card-text {
    margin-top: 8px;
    margin-bottom: 8px;
    font-family: var(--irm-font-family-bold);
    font-style: normal;
    /*font-weight: 800;*/
    font-size: 16px;
    /*line-height: 19px;*/
    display: flex;
    align-items: center;
    text-align: center;
    color: #1B75BC;
}

.btn-day.inactive {
    font-family: var(--irm-font-family-medium);
    color: #333330;
    /*font-weight: 600;*/
    z-index: 97;
    position: relative;
}

.btn-day.active {
    font-family: var(--irm-font-family-medium);
    color: #333330;
    /*font-weight: 600;*/
    z-index: 97;
    position: relative;
}

/*.btn-day.active::before {
        position: absolute;
        content: '';
        width: 40px;
        height: 40px;
        background: #455AF7;
        border-radius: 10px;
        z-index: -1;
    }*/

.btn-day {
    font-family: var(--irm-font-family-medium);
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    background: rgba(0, 0, 0, 0);
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 99;
    outline: 0;
    border-radius: 10px;
}

.active-td {
    position: relative;
}

.active-today-label {
    font-family: var(--irm-font-family-medium);
    position: absolute;
    top: 21px;
    font-size: 10px;
    color: #666663;
    font-weight: 100;
}

button.btn-day.highlight-ele {
    background: #c0d9ed;
    border-radius: 0;
    /* width: 38px; */
    border-right: 2px solid #c0d9ed !important;
    height: auto;
}

.highlight-ele.first {
    border-top-left-radius: 22px !important;
    border-bottom-left-radius: 22px !important;
    z-index: 1;
    position: relative;
}

.highlight-ele.last {
    border-top-right-radius: 22px !important;
    border-bottom-right-radius: 22px !important;
}

.btn-day.inactive::before {
    position: absolute;
    content: '';
    /*width: 40px;*/
    width: 96%;
    height: 25px;
    background: rgba(51, 51, 48, 0.2);
    border-radius: 15px;
    z-index: -1;
    font-family: var(--irm-font-family-medium);
    color: #333330;
    border-right: 1.4px solid transparent;
    border-left: 1.4px solid transparent;
}

.btn-day.active::before {
    position: absolute;
    content: '';
    /*width: 40px;*/
    width: 95%;
    height: 25px;
    background: rgba(51, 51, 48, 0.2);
    border-radius: 12px;
    z-index: -1;
    font-family: var(--irm-font-family-medium);
    color: #333330;
    border: 1.4px solid #6F7687;
}

.btn-highlight {
    font-family: var(--irm-font-family-medium);
    color: #333330;
    /*font-weight: 600;*/
    z-index: 99;
    position: relative;
    background-color: rgba(51, 51, 48, 0.2) !important;
}

.btn-day.first::before {
    position: absolute;
    content: '';
    /*width: 40px;*/
    width: 96%;
    height: 25px;
    background: #6da7d4;
    border-radius: 12px;
    z-index: -1;
    font-family: var(--irm-font-family-medium);
    color: #333330;
}


.date-btn-holiday {
    background-color: rgba(51, 51, 48, 0.2) !important;
}

.date-in-range {
    background-color: aqua !important;
}

.date-btn-label {
    font-size: 8px !important;
    letter-spacing: 0.005em;
    color: #666663 !important;
}

.opacity-5.highlight-ele {
    opacity: 1;
}

.selected-weekend {
    opacity: 0.5 !important;
}

/* Date picker calender ends */


.calendar table > tr:nth-child(3) > td {
    padding-top: 1px !important;
}

.calendar table > tr:last-child > td {
    padding-bottom: 1px !important;
}

/* Qty-modal start*/
.carousel-div {
    position: relative;
}

.qty-modal-div {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 16;
    padding: 5px 16px;
    border: 1px solid #FFFFFF;
    color: #fff;
    font-family: var(--irm-font-family-regular) !important;
    font-weight: 300;
    font-size: 13px;
    line-height: 22px;
    cursor: pointer;
    white-space: nowrap;
}

.qty-cta {
    width: 140px;
    transition: all 0.2s linear;
    background: rgb(107, 107, 107, 0.6);
    border-radius: 32px;
    text-align: center;
    font-size: 18px;
}

.qty-details {
    width: 98%;
    transition: all 0.2s linear;
    background: rgb(107, 107, 107, 0.8);
    border-radius: 16px;
    padding: 5px 0px 5px 16px;
    font-size: 16px;
}

.qty-modal-warning-text {
    font-weight: 300;
    font-size: 12px;
    margin-top: 50px;
}

/* Checkout - Account Address Update */
.checkout-product-title {
    /*margin-left: -15px;
    margin-right: -15px;*/
}

/* Multi-service address cart */
.entered-list-dropdown {
    word-wrap: break-word;
    box-shadow: 0 2px 4px rgba(0,0,0,.25) !important;
    border: 1px solid #3E3E3E;
    border-radius: 5px;
    position: absolute;
    width: 100%;
    z-index: 10;
}

.entered-list-divider {
    width: 80%;
    margin: 0px 0px 0px 35px;
}

.entered-list-item {
    color: #000;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#multiCartName::before {
    position: absolute;
    content: " \2193";
    top: 0px;
    right: -8px;
    height: 20px;
    width: 20px;
}

.cart-drop-down {
    width: 160px !important;
}

.combo-box-drop-arrow {
    position: absolute;
    right: 8px;
    top: 29px;
}

.address-pencil-icon {
    position: absolute;
    right: 46px;
    top: 31px;
    height: 20px;
    font-size: 13px !important;
}

.option-list-p {
    word-break: break-word;
    white-space: normal;
    text-align: start;
}

.address-input-divider {
    background-color: #ccc;
    width: 1px;
    height: 62%;
    position: absolute;
    right: 38px;
    top: 22px;
}

.form-input-address {
    padding-right: 28% !important;
}

.form-input {
    font-size: 15px !important;
}

.error-text {
    color: #EE0000;
}
/* multiple location modal start*/
.ml-container {
    position: relative;
    margin: 0 6px;
}

.ml-checkbox-label {
    font-family: var(--irm-font-family-medium);
    font-size: 16px;
    line-height: 19px;
    color: #3B3F4A;
}

.ml-modal {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
    border: solid #277FD8;
    border-width: 0 0 0 8px;
    background: #FFFFFF;
    box-shadow: 0px 3px 5px rgba(111, 118, 135, 0.5);
    border-radius: 4px;
    padding: 12px 6px;
    z-index: 10;
}


.ml-list {
    padding-left: 21px;
}

.ml-title-text {
    font-family: var(--irm-font-family-bold);
    font-size: 14px;
    color: #666663;
}

.ml-description-text {
    font-family: var(--irm-font-family-medium);
    font-size: 14px;
    color: #1B75BC;
    margin-top: 16px;
}

@media (min-width: 992px) and (max-width: 1280px) {
    .ml-checkbox-label {
        font-size: 13px;
    }

    .ml-title-text {
        font-size: 12px;
    }

    .ml-description-text {
        font-size: 12px;
    }
}

/* service location address edit modal start*/

.sl-address-container {
    position: relative;
}

.sl-address-modal {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background: #FFFFFF;
    border-radius: 8px;
    z-index: 1100;
    box-shadow: 0px 3px 5px rgba(111, 118, 135, 0.5);
}

.sl-address-modal-manual-edit {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background: #FFFFFF;
    border-radius: 8px;
    z-index: 2000;
    box-shadow: 0px 3px 5px rgba(111, 118, 135, 0.5);
}

.sl-address-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1049;
    background-color: #00000059;
}

.sl-modal-title {
    font-family: var(--irm-font-family-medium);
    font-size: 16px;
    color: #333330;
    white-space: nowrap;
    text-align: center;
}

.sl-flex-grow {
    flex-grow: 1;
    flex-basis: 0;
}

.sl-hr-section-line {
    margin-top: 0;
    margin-bottom: 0;
    border: 1px solid #C1C1C1;
}

.sl-address-title {
    font-family: var(--irm-font-family-regular);
    font-size: 16px;
    color: #1B75BC;
}

.sl-address-text {
    margin-top: 8px;
    font-family: var(--irm-font-family-medium);
    font-size: 16px;
    line-height: 22px;
    color: #333330;
}

.sl-address-btn-container {
    padding: 24px 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sl-address-cancel-btn {
    font-family: var(--irm-font-family-medium) !important;
    font-size: 16px !important;
    color: #1D5FA1 !important;
    padding: 0px 4px !important;
}

.sl-address-submit-btn {
    font-family: var(--irm-font-family-medium) !important;
    font-size: 16px !important;
    color: #fff !important;
    margin-top: 20px;
}

.sl-address-input {
    padding-right: 0px !important;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .sl-address-title {
        font-size: 15px;
    }

    .sl-address-text {
        font-size: 14px;
    }

    .sl-address-cancel-btn {
        font-size: 12px !important;
    }

    .sl-address-submit-btn {
        font-size: 12px !important;
    }

    .sl-address-input {
        padding-right: 15px !important;
    }
}

/*.comboBoxArrow{
    display:none;
}*/

.events-none {
    pointer-events: none !important;
    cursor: default !important;
}

/*Product Category Instruction Text*/
[data-toggle="collapse"] .pci-toggle-text:before {
    content: 'Show less';
}

[data-toggle="collapse"].collapsed .pci-toggle-text:before {
    content: 'Show details';
}

[data-toggle="collapse"] .expand-icon-shop:before {
    content: url('assets/help_center_up_arrow_black.svg');
}

[data-toggle="collapse"].collapsed .expand-icon-shop:before {
    content: url('assets/help_center_down_arrow_black.svg');
}


.expand-icon-shop {
    margin-top: -1px;
}

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

.pci-description {
    margin-top: 8px;
    font-family: var(--irm-font-family-medium);
    font-size: 16px;
    color: #333330;
    max-width: 600px;
    /*display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;*/
}

.pci-toggle-text {
    font-family: var(--irm-font-family-regular);
    font-size: 14px;
    color: #1B75BC;
}

.pci-instruction-text {
    font-family: var(--irm-font-family-regular);
    font-size: 16px;
    color: #666663;
    /*height: 133px;*/
    overflow: auto;
}

.pci-list {
    padding-left: 29px !important;
}

.pci-toggle-div {
    width: fit-content;
}

@media (max-width: 767.98px) {
    .pci-container {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.review-product-title {
    margin-left: -15px;
}

/* splash product card banner start*/

.splash-img-container {
    position: relative;
}

.splash-card-banner {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 32px;
    font-family: var(--irm-font-family-regular);
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
}

/* error icon position update */
.edit-details-container input.is-invalid {
    background-position: right calc(2.375em + 0.1875rem) center !important;
}

.edit-details-container .address-dropdown input.is-invalid {
    background-position: right calc(3.375em + 0.1875rem) center !important;
}

/*.email-address-field.is-invalid {
    background-position: right calc(2.375em + 0.1875rem) center !important;
}*/

.form-dropdown.is-invalid {
    background-position: right calc(1.375em + 0.1875rem) center !important;
}

.line-break {
    line-break: anywhere !important;
}

.cards-container {
    flex-wrap: wrap;
    gap: 50px;
}

@media (max-width: 800px) and (min-width: 768px) {
    .product-card {
        width: 360px;
    }
}

@media (max-width: 1024px) and (min-width: 992px) {
    .product-card {
        width: 343px;
    }
}

@media (max-width: 1080px) and (min-width: 1024px) {
    .product-card {
        width: 352px;
    }
}

.no-datasource {
    border: 1px outset blue;
    background-color: lightblue;
    text-align: center;
    margin: 10px;
}

.cart-service-address-name, .cart-service-address-phone, .cart-service-address-email, .cart-service-address {
    padding: 6px 8px !important;
}

.cart-service-address-edit-container .col-12 {
    padding-left: 0px;
    padding-right: 0px;
}

.form-single-line {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 11% !important;
}

.tooltip-group {
    margin-bottom: 16px;
    position: relative;
}

    .tooltip-group span {
        display: none;
        position: absolute;
        text-align: center;
    }

    .tooltip-group input {
        display: block;
    }

        .tooltip-group input:hover + span {
            background: #666663;
            display: inline-block;
            padding: 4px 8px;
            color: #FFFFFF;
            top: -10px;
            right: 0;
        }

            .tooltip-group input:hover + span:before {
                content: "";
                position: absolute;
                width: 0;
                height: 0;
            }

/* online-receipt update */

.ru-container {
    padding: 20px 8px;
}

.ru-thank-title {
    font-family: var(--irm-font-family-bold);
    font-weight: 700;
    font-size: 28px;
    line-height: 34px;
    color: #333330;
    text-align: center;
    margin-bottom: 16px;
}

.ru-thank-desc {
    font-family: var( --irm-font-family-regular);
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #6B6B6B;
    margin-bottom: 16px;
}

.ru-phone-link {
    font-family: var(--irm-font-family-bold);
    text-decoration-line: underline;
    color: #6B6B6B;
}

.ru-card-text {
    font-family: var( --irm-font-family-regular);
    font-size: 12px;
    line-height: 20px;
    align-items: center;
    color: #6B6B6B;
}

.ru-section-title {
    font-family: var(--irm-font-family-bold);
    font-size: 18px;
    line-height: 22px;
    color: #333330;
    padding-left: 0px;
}

.ru-hr-title-line {
    margin-top: 3px;
    margin-bottom: 0;
    border: 1.5px solid #1B75BC;
}

.ru-details-text {
    font-family: var(--irm-font-family-regular);
    font-size: 16px;
    line-height: 19px;
    color: #333330;
}

.ru-comment-text {
    max-width: 350px;
}

.font-12 {
    font-size: 12px;
}

.font-13 {
    font-size: 13px;
}

.font-15 {
    font-size: 15px;
}

.font-16 {
    font-size: 16px;
}

.ru-prod-div {
    padding-left: 0px;
    padding-right: 0px;
}

.ru-product-category-title {
    font-family: var( --irm-font-family-regular);
    font-size: 18px;
    line-height: 22px;
    color: #333330;
}

.ru-hr-category-line {
    margin-top: 0;
    margin-bottom: 0;
    border: 1px solid #133F6B;
}

.ru-product-sub-category-title {
    font-family: var( --irm-font-family-light);
    font-size: 18px;
    line-height: 22px;
    color: #333330;
}

.ru-hr-sub-category-line {
    margin-top: 0;
    margin-bottom: 0;
    border: 1px solid #133F6B;
}

.ru-prod-col-title {
    font-family: var(--irm-font-family-bold);
    font-size: 12px;
    line-height: 15px;
    color: #333330;
}

.ru-cust-details-text {
    font-family: var( --irm-font-family-regular);
    font-size: 12px;
    line-height: 15px;
    color: #333330;
}

.ru-contract-row {
    margin-top: 10px;
}

.ru-order-div {
    display: block;
    padding: 30px 15px;
}

.ru-pricing-div {
    width: 100%;
    margin-top: 30px;
}

.ru-order-text {
    font-family: var( --irm-font-family-regular);
    font-size: 16px;
    line-height: 19px;
    color: #333330;
}

.ru-payment-text {
    margin-top: 53px;
    font-family: var(--irm-font-family-medium) !important;
}

.color-off-black {
    color: #3E3E3E !important;
}

.ru-hr-price-line {
    margin-top: 0;
    margin-bottom: 0;
    border: 1px solid #C1C1C1;
}

.ru-total-price {
    font-family: var(--irm-font-family-bold);
    font-size: 24px;
    line-height: 29px;
    color: #3E3E3E;
}

.ru-print-text {
    font-family: var(--irm-font-family-medium);
    font-size: 16px;
    line-height: 18px;
    text-decoration-line: underline;
    color: #1B75BC;
}

.ru-product-card {
    padding: 16px;
    margin-bottom: 8px;
    margin-right: 0px !important;
    margin-left: -5px !important;
    border: 1px solid #DCDFE4;
    border-radius: 8px;
    font-family: var(--irm-font-family-medium);
    font-size: 15px;
}

.ru-line-break {
    line-break: anywhere !important;
}

.ru-section-title span {
    display: none;
}

@media (min-width: 768px) {
    .ru-container {
        padding: 32px 8vw 32px 40px;
    }

    .ru-section-title span {
        display: block;
    }

    .ru-contract-row {
        margin-top: 25px;
    }

    .ru-product-card {
        padding: 0px;
        margin-bottom: 0px;
        margin-left: 2.5px !important;
        margin-right: -15px !important;
        border: none;
    }

    .ru-order-div {
        display: flex;
        justify-content: space-between;
        padding: 30px 0px;
    }

    .ru-pricing-div {
        width: 35%;
        margin-top: 0px;
    }
}

@media (min-width: 992px) {
    .ru-container {
        padding: 32px 8vw 32px 80px;
    }

    .ru-section-title {
        padding-left: 10px;
    }

    .ru-prod-div {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .ru-order-text {
        font-size: 14px;
    }

    .ru-total-price {
        font-size: 20px;
    }
}

.ru-total-price .contract-type-price-zero {
    font-size: 16px;
}

/* Full Page checkout styles */
.checkout-back-btn {
    font-family: var(--irm-font-family-regular);
    font-size: 18px;
    color: #14477D;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 25.2px */
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.section-title-container {
    width: 100%;
    border-bottom: 1px solid #1B75BC;
    border-left: 4px solid #1B75BC;
    display: flex;
    padding: 8px 0px 8px 16px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

    .section-title-container .pencil-icon {
        height: 20px;
        margin-top: 10px;
    }

.section-wrapper-container {
    margin-bottom: 64px;
    /* margin-left: 30px; */
}

.left-container {
    width: 70% !important;
}

.right-scrollable-container {
    width: 30%;
    margin-top: 10px;
    position: fixed;
    right: 0px;
    display: block;
}

.payment-checkout-container {
    margin-right: 13px !important;
}

.pencil-icon {
    height: 12px;
    margin: 2px 5px 0px 4px;
}

.product-edit {
    font-family: var(--irm-font-family-regular) !important;
    color: var(--primary-color);
    cursor: pointer;
}

#datePickerWrapper .cstm-calalnder-bg {
    width: 95% !important;
}

.section-wrapper-container .optional-comments-container {
    margin-bottom: 0px !important;
}

    .section-wrapper-container .optional-comments-container > .checkout-optional-text-area {
        border: 1px solid #B1BED6 !important;
        background-color: #F8FBFF !important;
        height: 200px !important;
        padding-top: 16px !important;
        border-radius: 0;
        box-shadow: none;
        resize: none;
    }

        .section-wrapper-container .optional-comments-container > .checkout-optional-text-area::placeholder {
            color: #58595bcf;
            font-size: 16px;
            font-style: italic;
        }

.section-wrapper-container .custom-checkout-next-btn {
    width: 138px !important;
    height: 48px !important;
    margin-top: 3px !important;
}

.custom-checkout-calender-container {
    display: flex;
    padding-bottom: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 9px;
    background: #FFF;
    margin-top: 32px;
    /* elevation/8 */
    box-shadow: 0px 3px 14px 2px rgba(0, 0, 0, 0.12), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 5px 5px -3px rgba(0, 0, 0, 0.20);
}

.custom-checkout-calender-subsection {
    display: flex;
    padding: 24px 32px 16px 32px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border-bottom: 1px solid #CCC;
}

.left-container .text-danger {
    margin-right: 3px !important;
}

.left-container .custom-checkbox-container {
    margin-left: 22px;
}

.left-container .calendar-wrapper-container .calendar table {
    width: 90% !important;
}

.left-container .ru-section-title .pencil-icon {
    height: 18px !important;
}

.left-container .number-bullet {
    height: 32px !important;
    width: 34px !important;
    border-radius: 20px !important;
    font-size: 24px !important;
    padding-top: 0px !important;
    margin-top: -5px !important;
}

.left-container .ru-product-card {
    margin-left: 0px !important;
}

.delete-icon {
    height: 21px;
    margin: 2px 0px 0px 5px;
}

.success-icon {
    height: 12px;
    margin: 2px 0px 0px 2px;
}

.edit-modal {
    position: absolute;
    z-index: 1050;
    width: 100%;
    max-width: 400px;
    /*top: 18%;*/
    left: 50%;
    transform: translate(-50%, 0);
    background: #F9F9F9;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    padding: 20px 16px;
}

.edit-modal-save-btn {
    background: #1B75BC;
    border-radius: 4px;
    width: 150px;
    height: 48px;
    color: white;
    font-family: var(--irm-font-family-medium);
    font-size: 18px;
}

.edit-modal-cancel-btn {
    background: transparent;
    border-radius: 4px;
    width: 150px;
    height: 48px;
    color: #1B75BC;
    font-family: var(--irm-font-family-medium);
    font-size: 18px;
}

.confirmation-modal {
    position: absolute;
    z-index: 1050;
    width: 100%;
    max-width: 340px;
    /*top: 25%;*/
    left: 50%;
    transform: translate(-50%, 0);
    background: #FFFFFF;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    padding: 20px 16px;
}

.confirmation-title {
    font-family: var(--irm-font-family-regular);
    font-size: 12px;
    line-height: 15px;
    color: #333330;
}

.confirmation-product-img {
    width: 42px;
    height: 42px;
    object-fit: cover;
    border: solid #1994be;
    border-width: 3px 0 0 0;
}

.disable-section {
    opacity: 55%;
}

.disable-cart-icon {
    opacity: 55%;
    pointer-events: none;
}

/*#paymentStickySection {
    position: static;
}*/

.left-container .ru-product-category-title,
.left-container .ru-hr-category-line,
.left-container .product-list-wrapper {
    margin-left: 45px !important;
}

.right-scrollable-container .cyber-logo {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    max-width: 66% !important;
}

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

.checkout-body-container {
    margin-bottom: 200px;
    gap: 80px;
}

.checkout-page-left-section {
    margin-left: 64px;
    margin-top: 40px;
}

.left-element-wrapper {
    margin-top: 32px;
}

.checkout-page-title {
    color: #000;
    /* heading-2 */
    font-family: 'Geometria';
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 44.8px */
    margin-top: 32px;
}

.checkout-subsection-title {
    color: #14477D;
    /* body-1 */
    font-family: 'Interstate';
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}

.checkout-subsection-count-title {
    font-family: 'Interstate Light';
    font-size: 13px;
    margin-top: 1px;
}

.checkout-page-category-title {
    align-self: stretch;
    color: #000;
    /* heading-4 */
    font-family: 'Interstate';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
    margin-top: 32px;
}

.checkout-page-hr-category-line {
    border-bottom: 1px solid #666663;
    margin-top: 8px;
}

.checkout-page-hr-product-category-line {
    border-bottom: 1px solid #CCC;
    margin-top: 24px;
    margin-bottom: 24px;
}

.checkout-page-product-list-wrapper {
    margin-top: 16px;
    display: flex;
    /* justify-content: space-between; */
    align-items: flex-start;
    align-self: stretch;
}

.checkout-page-product-img {
    margin-right: 48px;
}

.checkout-page-product-title {
    align-self: stretch;
    color: #14477D;
    font-family: 'Interstate';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 25.2px */
}

.checkout-page-product-price-value {
    align-self: stretch;
    color: #333330;
    font-family: 'Interstate Light';
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 25.2px */
    margin-top: 4px;
}

.checkout-page-product-quantity-value {
    align-self: stretch;
    color: #333330;
    font-family: 'Interstate';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 25.2px */
    margin-top: 16px;
}

.checkout-page-details-title {
    align-self: stretch;
    color: #000;
    font-family: 'Interstate';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 25.2px */
    margin-bottom: 8px;
}

.checkout-edit-icon {
    display: flex;
    height: 24px;
    padding: 2.942px 3.006px 2.338px 2.281px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
}

.checkout-delete-icon {
    display: flex;
    height: 24px;
    padding: 1.25px 2.256px 1.25px 2.246px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    margin-top: 32px;
}

.checkout-page-billing-freq {
    color: #666663;
    /* label */
    font-family: 'Interstate';
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}

.account-form-field-title {
    color: #14477D;
    /* label */
    font-family: var(--irm-font-family-regular);
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 16.8px */
    margin-top: 16px;
}

.account-form-field-value {
    border: none !important;
    color: #000 !important;
    /* body-1 */
    font-family: 'Interstate' !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 300;
    line-height: 140% !important; /* 25.2px */
    border-bottom: 1px solid #14477D !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding-left: 0 !important;
}

    .account-form-field-value::placeholder {
        font-family: var(--irm-font-family-regular);
        font-size: 18px !important;
    }

.account-form-toggle-field {
    display: flex;
    height: 48px;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 4px;
    border: 1px solid #CCC;
}

.account-form-toggle-btnType-field {
    display: flex;
    padding: 10px 23px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
    align-self: stretch;
    border-right: 1px solid #CCC;
    background: #FFF;
    color: #666663;
    text-align: center;
    /* button-1 */
    font-family: 'Interstate';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 25.2px */
}

    .account-form-toggle-btnType-field:hover,
    .account-form-toggle-btnType-field:not(:disabled):not(.disabled):active,
    .account-form-toggle-btnType-field:not(:disabled):not(.disabled).active,
    .show > .account-form-toggle-btnType-field.dropdown-toggle {
        box-shadow: none !important;
        background: rgba(27, 117, 188, 0.10);
        color: #14477D;
        text-align: center;
        /* button-1 */
        font-family: 'Interstate';
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%; /* 25.2px */
    }

select.account-form-custom-select {
    border: none;
    border-bottom: 1px solid #14477D !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 5px;
    outline: 0;
    cursor: pointer;
    color: #000;
    appearance: none;
    background-image: url(assets/help-center-collapse-icon.svg);
    background-position: calc(100% - 3px) calc(.5em + 5px), calc(100% - 15px) calc(1em + 2px), 100% 0;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-color: transparent;
}



.checkout-page-details-subsection {
    display: flex;
    align-items: center;
    align-self: stretch;
    color: #000;
    /* label */
    font-family: var(--irm-font-family-regular);
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 16.8px */
    margin-top: 5px;
    width: 260px;
}



.multi-location-checkbox-div-mobileview {
    display: none;
}

@media (max-width: 767.98px) {
    .checkout-page-details-subsection {
        width: auto;
    }

    .multi-location-checkbox-div-mobileview {
        display: flex;
    }

    .multi-location-checkbox-div-desktopview {
        display: none;
    }

    .checkout-page-left-section {
        margin-left: 16px;
        position: relative;
        top: 80px;
    }

    .right-scrollable-container {
        margin-top: 80px !important;
    }

    .left-element-wrapper, .checkout-page-category-title, .checkout-page-product-list-wrapper {
        margin-top: 24px;
    }

    .delete-icon-wrapper {
        align-self: end;
    }

    .promo-code-input-div {
        width: 80%;
        margin-right: 16px;
    }

    .promo-code-input-field {
        background-color: #F7F7FE !important;
    }

    .checkout-page-total-mobile-view {
        background-color: #ccc;
        padding: 16px 16px 24px 16px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        display: block;
    }

    .total-expand-collapse-icon {
        width: 24px;
        height: 24px;
        padding: 3px 1.3px 8px 1.3px;
        justify-content: center;
        align-items: center;
        margin-right: 8px;
    }

    .total-expand-collapse-text {
        color: #666663;
        /* body-2 */
        font-family: 'Interstate';
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 140%; /* 19.6px */
    }

    .expand-collapse-total-value {
        color: #000;
        font-family: 'Interstate';
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%; /* 26px */
    }

    .checkout-page-title {
        color: #000;
        /* heading-2 */
        font-family: 'Interstate';
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%; /* 44.8px */
        margin-top: 16px;
    }

    .shop-cart-list .product-img {
        border: none;
    }

    .checkout-page-product-img {
        margin-right: 16px;
    }

    .checkout-page-product-details-subsection {
        display: flex;
        width: 80%;
        flex-direction: column;
        justify-content: space-between;
    }

    .checkout-page-product-details {
        width: 70%;
    }

    .checkout-page-product-title {
        font-size: 14px;
    }

    .checkout-page-product-quantity-value, .checkout-page-details-title {
        font-weight: 700;
        font-size: 12px;
    }

    .checkout-page-details-title {
        margin-top: 16px;
    }

    .left-element-wrapper {
        width: 100%;
        padding-right: 32px;
    }

    .left-container,
    .right-scrollable-container {
        width: 100% !important;
    }

    .payment-checkout-container {
        padding-left: 16px;
        padding-right: 16px !important;
        background-color: #F7F7FE !important;
        margin-right: 0 !important;
        padding-bottom: 32px !important;
    }

    .left-container .product-list-wrapper {
        margin-left: 0px !important;
    }

    .section-wrapper-container {
        /*margin-left: 0 !important;*/
        margin-bottom: 56px;
    }

    .checkout-page-account-details, .checkout-page-billing-section {
        width: 100% !important;
    }

    .checkout-page-account-details-section {
        margin-bottom: 56px;
    }

    .checkout-page-billing-wrapper-section {
        width: 100%;
        padding-right: 32px;
    }

    .checkout-page-billing-section {
        width: 100%;
    }

    .checkout-body-container {
        gap: 56px;
    }

    .checkout-back-btn {
        margin-left: 0px !important;
    }

    #checkoutServiceLocBody .custom-checkout-next-btn {
        display: none;
    }

    .custom-checkout-calender-container {
        max-width: 100% !important;
    }
}

@media (max-width: 991.98px) and (min-width: 767.98px) {
    .left-container,
    .right-scrollable-container {
        width: 100% !important;
    }

    .checkout-back-btn {
        margin-left: 0px !important;
    }
}

.checkout-back-btn-icon {
    width: 24px;
    height: 24px;
    padding: 3.332px 7.24px 3.33px 8.163px;
    justify-content: center;
    align-items: center;
}

@media (min-width: 992px) {
    #paymentStickySection {
        position: absolute;
    }
}

.zindex1000 {
    z-index: 1000 !important;
}

.delete-icon-wrapper {
    position: absolute;
    right: 0;
}

#productCardButton .contact-expert-btn {
    display: flex;
}

.contact-expert-btn {
    padding: 12px 12px !important;
}

#productCardButton .learn-more-btn {
    display: flex;
}
/* minimum commitment label */

.min-commit-label {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 18px;
    width: 150px;
    padding: 0px 15px;
    background: #F8FAFD;
    border: 1px solid #81889B;
    border-radius: 16px;
    font-family: var(--irm-font-family-bold);
    color: #81889B;
    font-weight: 700;
    font-size: 13px;
}

.min-commit-label-truncate {
    text-align: center;
    width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.price-label-more-info {
    /*margin-left: 8px;*/
    margin-top: -5px;
}

.price-label-info-modal-overlay {
    display: flex;
    width: 100%;
    position: absolute;
    bottom: 10px;
    height: fit-content;
    justify-content: space-around
}

.price-label-info-modal {
    border-radius: 4px;
    display: flex;
    z-index: 10;
    box-shadow: 3px 3px 4px rgba(0, 0, 0, .25) !important;
    margin-top: -120px;
    background-color: #ffffff;
    width: 94%;
    padding: 11px 11px 11px 18px;
    border: solid #277FD8;
    border-width: 0 0 0px 8px;
    font-size: 14px;
    height: fit-content;
}

.price-label-alert-modal-border {
    border: solid #FF5630 !important;
    border-width: 0 0 0px 8px !important;
}



/* location toggle styles */
.custom-select-wrapper {
    position: relative;
    user-select: none;
    width: 100%;
    width: 175px;
    /*z-index: 9;*/
}

    .custom-select-wrapper .select {
        position: relative;
        display: flex;
        flex-direction: row;
        align-items: center;
        background-color: #F1F6FC;
        padding-left: 4px;
        color: #555;
        filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.25));
        width: 200px;
        border-radius: 4px;
        background-image: linear-gradient(45deg, transparent 50%, #FFFFFF 50%), linear-gradient(135deg, #FFFFFF 50%, transparent 50%), linear-gradient(to right, #1B75BC, #1B75BC);
        background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
        background-size: 5px 5px, 5px 5px, 2.3em 2.8em;
        background-repeat: no-repeat;
    }

    .custom-select-wrapper .selected-value {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 14px;
        font-weight: 300;
        height: 36px;
        width: 110px;
        cursor: pointer;
    }

    .custom-select-wrapper .custom-options {
        position: absolute;
        display: block;
        top: 100%;
        left: 5px;
        right: 0;
        background: #fff;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        z-index: 1000;
        width: 224px;
        max-height: 369px;
        overflow-y: scroll;
        border: solid;
        border-width: 1px;
    }

    .custom-select-wrapper .select.open .custom-options {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
    }

        .custom-select-wrapper .select.open .custom-options::-webkit-scrollbar {
            width: 5px;
        }

        .custom-select-wrapper .select.open .custom-options::-webkit-scrollbar-thumb {
            border-radius: 20px;
            background-color: #cfcfcf;
        }

    .custom-select-wrapper .custom-option {
        position: relative;
        display: block;
        padding: 1.5px 22px 1.5px 22px;
        font-size: 14px;
        font-weight: 300;
        color: #3b3b3b;
        cursor: pointer;
        transition: all 0.5s;
    }

        .custom-select-wrapper .custom-option:hover {
            cursor: pointer;
            background-color: #F0F5FA;
        }

    .custom-select-wrapper .location-icon {
        height: 24px;
        width: 24px;
    }

    .custom-select-wrapper .frequency-icon {
        height: 24px;
        width: 24px;
    }

.truncate-text {
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.cart-warehouse-select-container .custom-select-wrapper .custom-options {
    width: 160px !important;
}

.cart-warehouse-select-container .custom-select-wrapper .select {
    width: 160px !important;
}

    .cart-warehouse-select-container .custom-select-wrapper .select .selected-value {
        width: 95px !important;
    }

.edit-modal .custom-select-wrapper .select {
    width: 160px !important;
}

    .edit-modal .custom-select-wrapper .select .selected-value {
        width: 95px !important;
    }

.title-min-width {
    width: auto;
}

@media (max-width: 385px) {
    .title-min-width {
        width: min-content;
    }
}

@media (max-width: 768px) {
    .title-min-width {
        width: min-content;
    }
}

.promo-pop-up-container {
    /*background: linear-gradient(0deg, rgba(27, 117, 188, 0.64) 0%, rgba(27, 117, 188, 0.64) 100%), url("assets/bg.jpg"), lightgray 50% / cover no-repeat;*/
    background-size: cover;
    background-position: center;
    border-radius: 4px;
    box-shadow: 3px 3px 4px rgba(0, 0, 0, .25) !important;
    font-size: 14px;
    top: 50%;
    height: 500px;
    position: absolute;
    width: 768px;
    padding: 36px 11px 15px 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 16;
    align-items: center;
    color: #FFF;
}

.screen-takeover-container {
    background: var(--color-background-white, #FFF);
    box-shadow: 8px 8px 8px 0px rgba(0, 0, 0, 0.25);
    background-size: cover;
    background-position: center;
    font-size: 14px;
    top: 40%;
    position: absolute;
    width: 882px;
    padding: 39px 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 9999;
    align-items: center;
}

.percent-value-txt {
    color: #FFF;
    text-align: center;
    font-family: var(--irm-font-family-bold-extra);
    font-size: 118px;
    line-height: 0px;
    margin: 0px 32px;
}

.promo-code-box {
    border: 1px solid #333330;
    border-radius: 4px;
    background-color: white;
    padding: 7px 28px;
    /*color: #FFF;*/
    /*width: 128px;*/
    height: 35px;
    text-align: center;
}

.promo-pop-up-btn {
    width: 256px;
    height: 40px !important;
    flex-shrink: 0;
    box-shadow: 0 5px 9px #6f7687 !important;
}

.promo-title {
    font-size: 64px !important;
    color: #FFF;
    font-family: var(--irm-font-family-regular);
}

.promo-support-txt {
    font-size: 23px;
}

.promo-modal-close-button {
    position: absolute;
    right: 16px;
    top: 16px;
}

.custom-select-wrapper > .open {
    z-index: 15;
}

.flash-sale-banner {
    width: 100%;
    z-index: 98;
}

    .flash-sale-banner.affix {
        top: 32px;
    }

.btn-get-started {
    width: 178px !important;
    height: 44px !important;
}

.faq-section .explore-btn {
    width: 256px;
    height: 40px;
    padding: 0px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    font-size: 19px !important;
    color: #1B75BC !important;
}

    .faq-section .explore-btn:hover {
        color: #fff !important;
    }

@media (max-width: 767.98px) {
    .percent-value-txt {
        line-height: normal;
    }

    .promo-title {
        font-size: 44px !important;
    }

    .promo-support-txt {
        font-size: 29px;
    }

    .promo-pop-up-container {
        background-size: 741px !important;
        background-repeat: no-repeat !important;
        /*background-position: top !important;*/
        width: 95%;
        top: 25%;
        height: 722px;
        position: absolute;
        padding: 60px 11px 15px 18px;
    }

    .screen-takeover-container {
        background-size: 741px;
        background-repeat: no-repeat;
        width: 95%;
        top: 25%;
        /* height: 722px; */
        position: absolute;
        /* padding: 60px 11px 15px 18px; */
    }

    .screen-takeover-separator-line {
        width: 348px !important;
    }

    .screen-takeover-btn-section {
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 991.98px) and (min-width: 767.98px) {
    .suggestion-container-title {
        text-align: center;
    }

    .promo-pop-up-container {
        width: 95%;
        top: 48%;
        height: 512px;
        position: absolute;
        padding: 41px 11px 15px 18px;
    }

    .faq-left-container {
        display: none;
    }

    .screen-takeover-container {
        width: 95%;
        top: 48%;
        /* height: 512px; */
        position: absolute;
        /* padding: 41px 11px 15px 18px; */
    }

    .screen-takeover-separator-line {
        width: 686px !important;
    }

    .screen-takeover-btn-section {
        display: flex;
        flex-direction: column;
    }
}

.new-price {
    color: #1B75BC;
    font-size: 20px;
}

.regular-price {
    font-size: 14px;
}

    .regular-price .contract-type-price-zero {
        font-size: 8px;
    }

.info-tooltip-checkout {
    margin-top: -3px;
}

.price-label-info-modal-overlay .info-modal-checkout {
    /*margin-top: 50px !important;*/
    width: 50% !important;
    /*position: absolute !important;*/
    right: 68px !important;
    box-shadow: 6px 1px 7px rgba(0,0,0,.25) !important;
}

.suggestion-section-wrapper {
    width: fit-content;
    align-self: center;
}

.info-overlay-position {
    position: relative !important;
}

@media (max-width: 767.98px) {
    .price-label-info-modal-overlay .info-modal-checkout {
        width: 90% !important;
    }

    .price-label-info-modal-overlay {
        justify-content: left;
    }
}

.price-label-strike-through {
    color: #666663;
}

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

.font-11 {
    font-size: 11px !important;
}

.product-info-logo {
    height: 24px;
    width: 24px;
}

/* New faq section */
.faq-body-container {
    padding: 33px 100px;
    min-height: 51vh;
}

.faq-banner {
    height: 204px;
    position: relative;
}

.background-tint {
    display: flex;
    position: absolute;
    justify-content: center;
    background: rgba(20, 71, 125, 0.80);
    mix-blend-mode: multiply;
    width: 100%;
    height: 100%;
}

.faq-sub-title {
    color: #000;
    /* heading-2 */
    font-family: 'Geometria';
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 44.8px */
    align-self: stretch;
    margin-bottom: 32px;
}

.faq-drawer-title {
    color: #14477D;
    /* heading-4 */
    font-family: 'Interstate';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
}

.faq-section-title {
    color: #000;
    /* heading-3 */
    font-family: 'Interstate';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 31.2px */
    align-self: stretch;
}

.contact-info-section {
    margin-bottom: 10px;
    background: var(--white, #FFF);
}

.faq-title-text {
    position: absolute;
    width: 100%;
    left: 64px;
    bottom: 29px;
    color: #FFF;
    /* heading-1 */
    font-family: 'Geometria';
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%; /* 48px */
}

.faq-top-card-title {
    color: #14477D;
    /* heading-4 */
    font-family: 'Interstate';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
    margin-bottom: 24px;
}

.top-detail-card {
    /* color: var(--primary-color);*/
    display: flex;
    /* width: 398px; */
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 5px;
    border: 1px solid #CCC;
    margin-bottom: 32px;
}

.top-detail-card-chat {
    color: var(--primary-color);
    display: flex;
    /*width: 345px;*/
    padding: 20px;
    flex-direction: row;
    align-items: flex-start;
    gap: 7px;
    border-radius: 5px;
    border: 1px solid #CCC;
    margin-bottom: 20px;
}

    .top-detail-card-chat.disable-top-card {
        border: 1px solid #cccccc83;
    }

    .top-detail-card-chat .disable-top-card {
        opacity: 0.3;
        pointer-events: none;
    }


.left-scroll-faq-container {
    margin-top: 60px;
    right: 0;
    display: flex;
    width: 292px;
    flex-direction: column;
    align-items: flex-start;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    z-index: 13;
}

.container-top-setting {
    top: 45%;
}

.left-container-header {
    display: flex;
    align-items: flex-start;
}

.help-center-left-text {
    display: flex;
    padding: 8px 32px;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    color: #1B75BC;
    font-family: 'Interstate';
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 25.2px */
}

.selected-faq-item {
    border-left: 6px solid #1B75BC;
    padding-left: 26px;
}

/*.selected-faq-item a {
        color: white !important;
    }*/


.left-container-item {
    display: flex;
    padding: 8px 32px 8px 56px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    color: #000;
    /* body-2 */
    font-family: 'Interstate';
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 19.6px */
}

.sub-menu-header {
    /*margin-right: 130px !important;*/
    display: flex;
    align-items: center;
    align-self: stretch;
    color: var(--irm-dark-blue);
}

.faq-nav-item {
    color: var(--irm-dark-blue);
}

.faq-bullet {
    width: 7px;
    height: 7px;
    transform: rotate(45deg);
    border: 1.5px solid #1B75BC;
}

.faq-bullet-item {
    display: flex;
    padding-left: 0px;
    align-items: center;
    align-content: flex-start;
    gap: 10px;
    flex-wrap: wrap;
    padding-bottom: 10px;
    color: #58595B;
}

.faq-bullet-item-text {
    color: #1B75BC;
    /* body-1 */
    font-family: 'Interstate Light';
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 25.2px */
    text-decoration-line: underline;
}

.contact-info-link-text {
    color: #1B75BC;
    /* body-1 */
    font-family: 'Interstate Light';
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
    text-decoration-line: underline;
}

[data-toggle="collapse"] .faq-state-icon:before {
    content: url('assets/help-center-expand-icon.svg');
}

[data-toggle="collapse"].collapsed .faq-state-icon:before {
    content: url('assets/help-center-collapse-icon.svg');
}

[data-toggle="collapse"].collapsed .faq-right-icon:before {
    content: url('assets/help-center-collapse-icon.svg');
}

[data-toggle="collapse"] .faq-right-icon:before {
    content: url('assets/help-center-expand-icon.svg');
}

.contact-info-text {
    align-self: stretch;
    color: #000;
    /* body-1 */
    font-family: 'Interstate Light';
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 25.2px */
}

.faq-card-link {
    color: #1B75BC;
    /* body-1 */
    font-family: 'Interstate Light';
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 25.2px */
    text-decoration-line: underline;
}

.faq-subsection-text {
    color: #666663;
    /* body-2 */
    font-family: 'Interstate Light';
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 19.6px */
    margin-bottom: 24px;
}

.faq-info-section, .contact-info-section-top {
    margin-top: 64px;
}

.faq-new-question {
    width: 80%;
    color: #14477D;
}

.faq-collapse-icon {
    padding-right: 5px;
}

.faq-collapse-desc-div {
    color: #58595B;
    margin-top: 24px;
}

    .faq-collapse-desc-div li {
        margin-bottom: 10px;
    }

.faq-banner-image {
    object-fit: cover;
    width: 100%;
    position: absolute;
}

.faq-section-separator {
    border-bottom: 1px solid #CCC;
}

.faq-collapse-title-div:not(.collapsed) {
    background-color: #F7F7FE;
}

.mobile-view-top-navigation {
    display: none;
}

@media (min-width: 991.98px) {
    .background-tint {
        justify-content: left;
        padding-left: 100px;
        padding-top: 45px;
    }

    .contact-info-section {
        border: none;
    }

    .faq-info-section {
        border: none;
    }

    .faq-collapse-title-div {
        padding: 24px 32px;
    }

    .faq-collapse-icon {
        padding-right: 30px;
    }

    .faq-question-div {
        border-radius: 5px;
        border: 1px solid #CCC;
    }

    .faq-collapse-title-div.collapsed {
        background-color: #FFF;
    }

    .faq-collapse-title-div:not(.collapsed) {
        background-color: #F7F7FE;
    }

    .faq-sub-title.faq-new-question {
        color: #58595B;
    }
}

/* breakpoint for new faq page */
@media (max-width: 1218px) and (min-width: 992px) {
    .top-detail-card, .top-detail-card-chat {
        width: 280px !important;
    }

    .faq-card-link {
        font-size: 12px !important;
    }

    .contact-info-text .faq-card-link {
        font-size: 14px !important;
    }

    .faq-body-container {
        padding: 33px 60px !important;
    }

    .left-scroll-faq-container {
        width: 255px !important;
    }

    .container-top-setting {
        top: 65% !important;
    }
}

/* affiliate landing page */

.af-hero-div {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: auto;
}

.af-logo-section {
    background-color: #ffffff80;
    width: 450px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 90px;
    position: relative;
    top: 20px;
    left: 60px;
    margin-bottom: 50px;
}

    .af-logo-section img {
        width: 250px;
    }

.af-plus-text {
    font-family: var(--istok-web-bold);
    font-size: 48px;
    font-weight: 700;
    line-height: 69px;
    text-align: center;
    color: #3B3F4A;
}

.af-promo-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #33333080;
    margin-top: 30px;
    padding: 10px;
}

.af-promo-title {
    font-family: 'Geometria', Arial, sans-serif;
    font-size: 32px;
    font-weight: 300;
    line-height: 40px;
    color: #fff;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.af-promo-offer-text {
    display: inline-flex;
    align-items: center;
    font-family: var(--irm-font-family-medium);
    font-size: 32px;
    font-weight: 400;
    color: #C8DEF5;
}

.af-promo-discount-text {
    font-family: var(--irm-font-family-medium);
    font-size: 128px;
    font-weight: 800;
    line-height: 140px;
    text-align: center;
    color: #fff;
}

.af-promo-subtitle {
    font-family: var(--irm-font-family-medium);
    font-size: 24px;
    font-weight: 400;
    color: #F1F6FC;
    text-align: center;
}

.af-promo-code-box {
    border: 1px solid #333330;
    border-radius: 4px;
    background-color: white;
    font-family: var(--irm-font-family-bold);
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    color: #1B75BC;
    padding: 0px 28px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.af-shop-button {
    width: 330px;
    height: 40px;
    box-shadow: 0px 4px 4px 0px #00000040;
    background-color: #FF6630;
    border-radius: 4px;
    font-family: var(--irm-font-family-bold);
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.af-promo-desc {
    width: 340px;
    font-family: var(--irm-font-family-medium);
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #F1F6FC;
    text-align: left;
    margin-bottom: 30px;
}

.af-card-div {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.af-desc-card {
    width: 400px;
    padding: 32px;
    margin: 32px;
}

.af-card-title {
    font-family: var(--irm-font-family-medium);
    color: #6F7687;
    text-align: center;
    font-size: 24px;
    margin-top: 16px;
    margin-bottom: 16px;
}

.af-card-details {
    color: #6F7687;
    font-family: var(--irm-font-family-light);
    font-size: 16px;
    line-height: 27.2px;
}

.af-card-bold-text {
    font-family: var(--irm-font-family-bold);
    font-size: 16px;
}

.af-list-style {
    list-style-type: disc;
    padding-inline-start: 30px;
}

@media (max-width: 560px) {
    .af-card-div {
        justify-content: center;
    }

    .af-desc-card {
        width: 320px;
        margin: 24px;
    }

    .af-hero-div {
        background-position: top;
        background-size: auto 320px;
    }
}

@media (min-width: 561px) and (max-width: 768px) {
    .af-hero-div {
        background-position: top;
        background-size: auto 432px;
    }
}

@media (max-width: 768px) {
    .af-logo-section {
        width: 320px;
        padding: 42px 32px;
        background-color: #ffffffbf;
        top: 150px;
        left: 50%;
        transform: translateX(-50%);
        margin-bottom: 0px;
        box-shadow: 0px 2px 4px 0px #00000040;
    }

    .af-promo-container {
        background-color: #989897;
    }

    .af-promo-title {
        margin-top: 150px;
        font-size: 28px;
        font-weight: 300;
        line-height: 35px;
    }

    .af-promo-offer-text {
        color: #C8DEF5;
        font-size: 24px;
    }

    .af-promo-discount-text {
        font-size: 96px;
        line-height: 116px;
    }

    .af-promo-desc {
        margin-bottom: 60px;
    }
}

@media (min-width: 560px) and (max-width: 900px) {
    .af-card-div {
        justify-content: center;
    }

    .af-desc-card {
        width: 440px;
        margin: 24px;
    }
}

@media (min-width: 900px) and (max-width: 1024px) {
    .af-desc-card {
        width: 260px;
        margin: 10px;
    }
}

@media (min-width: 1024px) and (max-width: 1250px) {
    .af-desc-card {
        width: 300px;
        margin: 10px;
    }
}

@media (min-width: 1250px) and (max-width: 1400px) {
    .af-desc-card {
        width: 325px;
        margin: 16px;
    }
}

@media (min-width: 1401px) and (max-width: 1500px) {
    .af-desc-card {
        width: 365px;
        margin: 20px;
    }
}

.faq-border {
    border-radius: 5px;
    border: 1px solid #CCC;
    padding: 20px 0px 20px 30px;
}

.faq-background:not(.collapsed) {
    /*background-color: #EBF0F8;*/
}

.nav-drawer-icon {
    margin-right: 10px;
}

.mobile-nav-menu {
    width: 100%;
    background: #fff;
    margin-top: 0px;
    padding: 24px 20px 40px;
    border-bottom: 1px solid #000 !important;
}

#close-menu-icon {
    margin-top: -8px;
}

.nav-menu-sub-item-list {
    padding-left: 16px !important;
}

.nav-menu-sub-item {
    margin-top: 10px;
    color: #000;
}

.expand-icon-nav-sub-list {
    margin-top: 1px;
}

[data-toggle="collapse"] .expand-icon-nav-sub-list:before {
    content: url(assets/irm-icon-arrow-up-gray.svg);
}

[data-toggle="collapse"].collapsed .expand-icon-nav-sub-list:before {
    content: url(assets/irm-icon-arrow-down-gray.svg);
}

.mobile-nav-menu.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s linear;
}

.font-32 {
    font-size: 32px !important;
}

.font-24 {
    font-size: 24px !important;
}

/* Testimonial Section and Styling */
.single-quote-container, .double-quote-container {
    overflow: hidden;
    margin-bottom: 60px;
}

.double-quote-container {
    width: 392px;
}

.testimonial-container-dark {
    background-color: #023459;
}

.quote-author-text {
    font-size: 13px;
    line-height: 131%;
    letter-spacing: 0.39px;
}

.quote-body-text {
    font-family: var(--irm-font-family-regular);
    line-height: 160%;
}

.single-quote-container .quote-body-text {
    font-size: 32px;
    width: 94%;
}

.double-quote-container .quote-body-text {
    font-size: 24px;
}

.double-quote-container .quote-line-wrapper {
    width: 92%;
    overflow: hidden;
}

.testimonial-container-light .quote-line-div {
    content: url('assets/quote-top-line.svg');
    width: fit-content;
}

.testimonial-container-dark .quote-line-div {
    content: url('assets/quote-top-line-dark.svg');
    width: fit-content;
}

.testimonial-container-light .quote-body-text {
    color: var(--irm-dark-blue) !important;
}

.testimonial-container-light .quote-author-text {
    color: var(--irm-gray) !important;
}

.testimonial-container-dark .quote-body-text {
    color: #fff !important;
}

.testimonial-container-dark .quote-author-text {
    color: var(--irm-light-gray) !important;
}

.single-quote-container .quote-body-text, .double-quote-container .quote-body-text {
    font-size: 20px !important;
    width: 100% !important;
}

.quote-animation-effect {
    opacity: 0;
    transform: translateY(50px);
}

.fade-in {
    animation: fadeIn 700ms ease-in-out forwards;
    opacity: 1;
    transform: translateY(0px);
    transition: 1s ease-in-out;
}

@media (max-width: 767.98px) {
    .top-detail-card {
        padding: 16px;
        margin-bottom: 16px;
    }

    .faq-sub-title {
        color: #14477D;
        /* heading-3 */
        font-family: 'Interstate';
        font-size: 24px !important;
        font-style: normal;
        font-weight: 400;
        line-height: 130%; /* 31.2px */
        align-self: stretch;
        margin-bottom: 24px;
    }

    .faq-section-title {
        font-size: 20px !important;
    }

    .faq-info-section, .contact-info-section-top {
        margin-bottom: 0;
        margin-top: 48px;
    }

    .faq-collapse-title-div {
        padding: 16px;
    }

    .faq-top-card-title {
        font-size: 14px;
        margin-bottom: 16px;
    }

    .faq-subsection-text {
        font-size: 12px;
        margin-bottom: 16px;
    }

    .faq-bullet-item-text {
        font-size: 14px;
    }

    .faq-title-text {
        padding: 0 !important;
        bottom: 0;
        left: 16px;
    }

    .mobile-view-top-navigation {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #1B75BC;
        background: #FFF;
        margin-left: -5px;
        margin-right: -5px;
        padding: 16px;
        margin-bottom: 24px;
    }

    .mobile-view-top-navigation-text {
        /*color: #000;*/
        /* body-2 */
        font-family: 'Interstate';
        font-size: 14px;
        font-style: normal;
        line-height: 140%; /* 19.6px */
    }
}

[data-toggle="collapse"] .expand-icon-help-center:before {
    content: url('assets/help_center_up_arrow_black.svg');
}

[data-toggle="collapse"].collapsed .expand-icon-help-center:before {
    content: url('assets/help_center_down_arrow_black.svg');
}
/* scanning calculator modal */

.modal-dialog.scanCalcModal {
    margin-top: 150px;
}

.sc-modal-container {
    display: flex;
    justify-content: space-between;
    padding: 40px 16px 16px;
}

.sc-close-icon {
    opacity: 1 !important;
    margin-left: 20px;
    margin-top: -22px;
}

.sc-modal-title {
    color: #14477D;
    text-align: center;
    font-family: var(--irm-font-family-header);
    font-size: 36px;
    line-height: 100%; /* 36px */
}

.sc-modal-subtitle {
    color: #58595B;
    text-align: center;
    font-family: var(--irm-font-family-medium);
    font-size: 20px;
    line-height: 125%; /* 25px */
    letter-spacing: 0.4px;
    margin-top: 16px;
}

.sc-form-div {
    padding-top: 24px;
}

.sc-form-label-text {
    color: #58595B;
    font-family: var(--irm-font-family-regular);
    font-size: 13px;
    line-height: 130%; /* 16.9px */
    margin-bottom: 8px;
}

.sc-form-info-tooltip {
    margin-top: -2px;
    margin-left: 5px;
}

.sc-form-tooltip-close {
    position: absolute;
    top: 3px;
    right: 5px
}

.opacity-half {
    opacity: 0.5 !important;
}

.sc-reset-btn {
    color: #1B75BC !important;
    font-family: var(--irm-font-family-medium) !important;
    font-size: 18px !important;
    line-height: 130% !important; /* 23.4px */
    letter-spacing: 0.36px !important;
    border-bottom: 1px solid #CCC !important;
    margin-top: 16px;
    padding: 0px !important;
    width: fit-content !important;
    outline: none !important;
    box-shadow: none !important;
}

    .sc-reset-btn:hover:enabled {
        color: #239BFA !important;
    }

@media (max-width: 767.98px) {
    .modal-dialog.scanCalcModal {
        margin-left: 10px;
        margin-right: 10px;
        max-width: none;
    }

    .sc-modal-container {
        padding: 40px 16px;
    }

    .sc-close-icon {
        margin-left: 16px;
    }

    .collapse.not-collapse-mobile {
        display: block;
    }
}

.selected-quantity {
    font-family: var(--irm-font-family-regular);
}

.cart-helper-line {
    height: 1px;
    border-width: 0;
    color: gray;
    background-color: gray;
    width: 75%;
    margin-left: 0px;
}

.sc-reset-btn:focus {
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25) !important;
}

.sc-checkbox-modal-overlay {
    display: flex;
    width: 420px;
    position: absolute;
    top: 100px;
    right: -25%;
    height: fit-content;
    justify-content: space-around
}

.sc-checkbox-modal-text {
    color: #666663;
    font-family: "Roboto", sans-serif !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 22.4px */
    letter-spacing: 0.08px;
}

.sc-hr-line {
    border: 1px solid #666663;
    margin-top: 0;
    margin-bottom: 0;
}

.sc-category-title {
    color: #58595B;
    font-family: var(--irm-font-family-medium);
    font-size: 16px;
    line-height: 130%;
}

[data-toggle="collapse"] .sc-toggle-icon:before {
    content: url('assets/irm-icon-drop-up-arrow.svg');
}

[data-toggle="collapse"].collapsed .sc-toggle-icon:before {
    content: url('assets/irm-icon-drop-down-arrow.svg');
}

.sc-warning-box {
    display: flex;
    padding: 8px;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid #BF4023;
    background: #FFD4CB;
    color: #40150C;
    font-family: var(--irm-font-family-regular);
    font-size: 12px;
    line-height: 20px;
}


@media(max-width: 1024px) {
    .sc-checkbox-modal-overlay {
        right: 0;
    }
}

@media (max-width: 560px) {
    .sc-checkbox-modal-overlay {
        width: 320px;
    }
}

.modal-dialog.scanCalcModal .modal-content {
    background-color: #F7F7FE;
    width: 325px;
}

.hide-card-footer {
    opacity: 0;
    height: 82px;
}

@media (max-width: 768px) {
    .modal-dialog.scanCalcModal .modal-content {
        width: 100%;
    }

    .img-no-stretch {
        object-fit: cover;
        object-position: top;
    }
}

.promo-delete-icon {
    height: 21px;
    margin: -3px 0px 0px 4px;
}

.insight-sub-text {
    color: #1B75BC;
    width: 95%;
}

@media (max-width: 1280px) and (min-width: 767.98px) {
    .title-min-width {
        width: min-content;
    }
}

/* save quote multi email changes start */
.sq-title {
    color: #1B75BC;
    font-family: var(--irm-font-family-medium);
    font-size: 24px;
}

.sq-title-icon {
    margin-top: -5px;
}

.sq-desc {
    color: #6B6B6B;
    /*font-family: var(--irm-font-family-regular);*/
    font-size: 16px;
}

.sq-email-label {
    color: #6F7687;
    /*font-family: var(--irm-font-family-regular);*/
    font-size: 12px;
}

.sq-add-btn {
    cursor: pointer;
    /*font-family: var(--irm-font-family-regular);*/
    font-size: 16px;
    color: #6B6B6B;
}

.sq-delete-icon {
    position: absolute;
    right: 12px;
    top: 6px;
}

.sq-privacy-text {
    color: #6B6B6B;
    /*font-family: var(--irm-font-family-regular);*/
    font-size: 12px;
    line-height: 16px;
}

@media (min-width: 992px) and (max-width: 1280px) {
    .sq-title {
        font-size: 16px;
    }

    .sq-add-btn {
        font-size: 14px;
    }
}

@media (min-width: 1280px) and (max-width: 1400px) {
    .sq-title {
        font-size: 22px;
    }
}
/* save quote multi email changes end */

.nav-help-center-text {
    color: #000;
    font-family: var(--irm-font-family-medium);
    font-size: 20px;
    line-height: 22px;
}

.nav-help-center-div {
    border-radius: 8px;
    border: 1px solid var(--express-moredark-blue) !important;
    /*padding: 4px 8px;*/
    box-shadow: 0px 1px 2px 0px #6F7687;
}

.sq-back-btn-text {
    color: #1B75BC;
    font-family: var(--irm-font-family-light);
    font-size: 12px;
}

.sq-hr-section-line {
    margin-top: 16px;
    margin-bottom: 8px;
    border: 1px solid #6F7687;
    width: 100%;
}

.sq-submit-btn {
    height: 48px;
    padding: 14px 12px;
    border-radius: 5px;
    background: #5597CD;
    color: #fff;
}

    .sq-submit-btn:hover {
        background: #1B75BC !important;
        color: #fff !important;
    }

    .sq-submit-btn:disabled {
        opacity: 0.5;
        background: #5597CD !important;
    }

.sq-check-icon {
    position: absolute;
    right: 0;
}

.sq-skip-btn {
    font-size: 13px !important;
    margin-top: 12px !important;
}

.mobile-total-tray-btn {
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.carousel .carousel-control-prev {
    top: 50%;
    transform: translate(0, -50%);
    bottom: auto;
}

.carousel .carousel-control-next {
    top: 50%;
    transform: translate(0, -50%);
    bottom: auto;
}

.purchase-blocked-products {
    font-style: italic;
}

.disabled-frequency {
    color: lightgray;
}

.termsOL {
    counter-reset: item;
}

    .termsOL > li {
        counter-increment: item;
    }

    .termsOL .termsOL > li {
        display: block;
    }

        .termsOL .termsOL > li:before {
            content: counters(item, ".") ". ";
            margin-left: -20px;
        }

.restrict-no-of-lines {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.pickup-frequency-select-wrapper .frequency-icon {
    display: none;
}

.cart-warehouse-select-container .pickup-frequency-select-wrapper .select .selected-value {
    width: 108px !important;
    padding-left: 6px;
}

.edit-modal .pickup-frequency-select-wrapper .select .selected-value {
    width: 108px !important;
    padding-left: 6px;
}

.card-options-select {
    padding-right: 35px !important;
}

.dropdown {
    position: relative;
    display: inline-block;
    border-color: #1B75BC !important;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 6px 16px;
    z-index: 1;
    left: 0;
    top: 49px;
}

    .dropdown-content a {
        color: black;
        padding: 6px 0;
        text-decoration: none !important;
        display: block;
        font-family: var(--irm-font-family);
    }


.dropdown.active .dropdown-content {
    display: block;
    width: 85%;
}


#helpcenter-dropbtn {
    border: none;
    background-color: #ffffff;
    padding: 0;
}

#dropdown-separator {
    margin-top: 6px;
    margin-bottom: 6px;
}

.helpcenter-arrow {
    margin-left: 10px;
}

#helpCenterText {
    color: #023459;
}

#subItems {
    padding-left: 40px !important;
}

.subitems-separator {
    color: #DCDFE4;
}

.services-mainItem {
    color: black;
    font-family: var(--irm-font-family-bold);
    padding: 16px 0;
    font-size: 16px;
}

.subitems-separator-helpcenter {
    color: #DCDFE4;
    width: 148px;
    margin-left: 0;
}

.cart-decimal-value-subsection {
    font-size: 14px;
    top: -8px;
    left: -6px;
    position: relative;
}

.selected-row {
    border-top: 1px dashed var(--Primary-IM-Mid-Blue, #1B75BC);
    border-bottom: 1px dashed var(--Primary-IM-Mid-Blue, #1B75BC);
    background: var(--Background-Background-1, #F7F7FE);
    box-shadow: 0px 0px 8px 0px rgba(0, 96, 198, 0.50) inset;
    padding: 8px 0;
}

/*#confirmation-modal {
    border-radius: 4px;
    background: var(--chrome-white-FFFFFF, #FFF);
    box-shadow: 0px 3px 5px 0px rgba(111, 118, 135, 0.50);
    display: inline-flex;
    align-items: flex-start;
    border-left: 6px solid #FF8B00;
}*/

#cart-modal-outline {
    height: 131px;
    transform: rotate(-90deg);
    flex: 1 0 0;
    background: #FF8B00;
}


.cart-contract-toggle-message-modal {
    border-radius: 4px;
    display: flex;
    z-index: 10;
    box-shadow: 3px 3px 4px rgba(0, 0, 0, .25) !important;
    background-color: #ffffff;
    width: 100%;
    padding: 11px 11px 11px 18px;
    border: solid #ff8b00;
    border-width: 0 0 0px 8px;
    font-size: 14px;
}



.card-contract-toggle-message-modal-overlay {
    display: flex;
    width: 100%;
    position: absolute;
    bottom: 165px;
    height: fit-content;
    justify-content: space-around;
}

.shop-card-contract-toggle-message-modal-overlay {
    display: flex;
    width: 100%;
    /*position: absolute;*/
    bottom: 165px;
    height: fit-content;
    justify-content: space-around;
}

/* quantity threshold modal */
.qtyThresholdModal.modal-sm {
    width: auto;
}

.threshold-modal-container {
    display: flex;
    justify-content: space-between;
    padding: 8px 0px 24px 0px;
}

.qty-thold-close-icon {
    position: absolute;
    opacity: 1 !important;
    right: 8px;
    top: 8px;
    margin-left: 20px;
}

.qty-thold-modal-title1 {
    color: #1B75BC;
    text-align: center;
    font-family: var(--irm-font-family-medium);
    font-size: 10px;
    line-height: 100%; /* 36px */
    text-align: center;
}

.qty-thold-modal-title2 {
    color: #14477D;
    text-align: center;
    font-family: var(--irm-font-family-medium);
    font-size: 14px;
    line-height: 100%; /* 14px */
}

.qty-thold-modal-subtitle {
    color: #14477D;
    text-align: center;
    font-family: var(--irm-font-family-medium);
    font-size: 10px;
    font-weight: 400;
    line-height: 100%; /* 10px */
}

.qty-thold-section-title {
    color: #333330;
    font-family: var(--irm-font-family-medium);
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
}

.qty-thold-form-label-text {
    color: rgba(0, 0, 0, 0.60);
    font-family: var(--irm-font-family-medium);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px; /* 100% */
    letter-spacing: 0.15px;
    margin-bottom: 5px;
}

.qty-thold-asterisk {
    color: rgba(0, 0, 0, 0.60);
    margin-right: 4px;
}

.qty-thold-input-field {
    height: 36px !important;
    padding: 0px !important;
    color: rgba(0, 0, 0, 0.87) !important;
    font-family: var(--irm-font-family-medium) !important;
    font-size: 16px !important;
    line-height: 24px; /* 150% */
    letter-spacing: 0.15px;
}

    .qty-thold-input-field::placeholder {
        /*color: rgba(0, 0, 0, 0.87) !important;*/
    }

.form-control.qty-thold-input-field {
    height: 36px !important;
    border-width: 0px 0px 1px 0px !important;
    border-color: rgba(0, 0, 0, 0.42);
    border-radius: 0px !important;
    box-shadow: none;
}

    .form-control.qty-thold-input-field.is-invalid {
        border-color: #dc3545;
    }

.form-control.qty-thold-textArea {
    height: auto !important;
}

.qty-thold-submit-btn {
    display: flex !important;
    padding: 8px 14px !important;
    justify-content: center;
    align-items: center;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #F7931E 0%, #EF4D43 100%, #F4751F 100%) !important;
    color: #FFF !important;
    font-family: var(--irm-font-family-medium) !important;
    font-size: 16px !important;
    letter-spacing: 0.16px;
    margin-top: 24px;
    width: 100% !important;
    outline: none !important;
    min-width: 240px;
}

    .qty-thold-submit-btn:hover:enabled {
        background: linear-gradient(180deg, #EF4D43 0%, #F7931E 100%) !important;
    }

.qty-thold-reset-btn {
    color: #1B75BC !important;
    font-family: var(--irm-font-family-medium) !important;
    font-size: 12px !important;
    margin-top: 15px;
    padding: 0px !important;
    width: fit-content !important;
    outline: none !important;
    box-shadow: none !important;
}

    .qty-thold-reset-btn:hover:enabled {
        color: #239BFA !important;
    }

    .qty-thold-reset-btn:focus {
        box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25) !important;
    }

.qty-thold-privacy-text {
    color: rgba(0, 0, 0, 0.60);
    font-family: var(--irm-font-family-regular);
    font-size: 10px;
    line-height: 13px;
}

.qty-thold-privacy-text-decoration {
    text-decoration: underline !important;
    text-decoration-color: rgba(0, 0, 0, 0.60) !important;
    color: rgba(0, 0, 0, 0.60) !important;
}

.qty-thold-success-text {
    color: #1B75BC;
    text-align: center;
    font-family: var(--irm-font-family-Medium);
    font-size: 12px;
}

.qty-thold-modal-hr-line {
    border: 1px solid #EBF0F8;
    margin-top: 0;
    margin-bottom: 0;
}

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

.hide-component {
    opacity: 0;
}

.remove-component {
    display: none !important;
}

.shipment-options-dropdown {
    width: 220px !important;
}



/*.confirmation-modal-container {
    position: absolute;
    float: right;
    right: 115px;
    z-index: 100000;
    top: 140px;
}*/






.cart-edit-validate-modal {
    background: #00000059;
    justify-content: center;
    align-items: center;
}

.confirmation-modal-body {
    width: 200px !important;
}

.confirmation-modal-content {
    border-left: 6px solid #FF8B00 !important;
}





#right-container {
    margin-right: 20px;
}

.backBtnIcon {
    width: 16px;
    height: 16px;
    margin-left: -3px;
}

.backBtnText {
    color: #14477D;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%; /* 16.9px */
}

.recurringShredText {
    color: #14477D;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%; /* 31.25px */
    letter-spacing: 0.5px;
    margin: 8px 0px 32px 0px;
    border-bottom: 4px solid #1994BE;
    width: 80%;
}



.menu-item-header {
    color: #14477D;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 23.4px */
    letter-spacing: 0.36px;
}

.product-menu-item-header {
    padding: 8px;
    align-items: center;
    border-radius: 4px;
    background: #FFF;
}

.product-menu-item-header-disable {
    padding: 8px;
    align-items: center;
    border-radius: 4px;
    background: #EBF0F8;
}


.product-menu-item-text {
    /*color: var(--Primary-IM-Grey, #58595B);*/
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 27px */
    opacity: 0.7;
}

.product-menu-item-text-disable {
    color: var(--Primary-IM-Grey, #58595B);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 27px */
    opacity: 0.7;
}


.product-menu-img {
    width: 50px;
    height: 50px;
    margin-top: 5px;
    object-fit: cover;
}

.product-desc {
    margin-left: 12px;
    text-align: left;
}

    .product-desc li {
        color: #58595B;
        font-size: 13px;
        font-style: normal;
        font-weight: 300;
        line-height: 130%; /* 16.9px */
    }

select.product-custom-select {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, .42);
    padding: 5px 5px 5px 0;
    outline: 0;
    width: 95%;
    cursor: pointer;
    color: rgba(0, 0, 0, .87);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(assets/irm-icon-arrow-down-gray.svg);
    background-position: calc(100% - 3px) calc(.5em + 5px), calc(100% - 15px) calc(1em + 2px), 100% 0;
    background-size: 16px 10px;
    background-repeat: no-repeat;
    font-family: var(--irm-font-family-medium);
    font-size: 16px;
    background-color: transparent;
    float: left;
}

.btn-group .product-contract-type {
    padding: 0px 10px;
    border-radius: 25px;
    background-color: #ffffff;
    border: 1px solid var(--divider, rgba(0, 0, 0, 0.12));
    justify-content: center;
    color: #58595B;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    letter-spacing: 0.15px;
}


    .btn-group .product-contract-type.active,
    .btn-group .product-contract-type:hover {
        background-color: #8ED8F866;
        color: #277fd8;
        box-shadow: none;
        border: 1px solid var(--divider, rgba(0, 0, 0, 0.12));
    }

#product-contract-type-toggle-section {
    width: 94%;
}

.add-to-cart-btn {
    border-radius: 10px !important;
    background: linear-gradient(180deg, #F7931E 0%, #EF4D43 100%, #F4751F 100%) !important;
    width: 94% !important;
}



.bill-freq-text {
    color: #58595B;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%; /* 20.8px */
}

.amt-info-icon {
    width: 20px;
    height: 20px;
    margin-left: 2px;
}

.checkout-arrow-right {
    width: 9px;
    height: 14px;
    margin-top: 7px;
}

.product-checkout-text {
    color: #1B75BC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.product-location-text {
    color: #58595B;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 160%; /* 25.6px */
    text-align: left;
}

.product-cart-contract-text {
    padding: 12px;
}

.service-details-text {
    color: #14477D;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%; /* 31.25px */
    letter-spacing: 0.5px;
}

.service-details-desc {
    color: #666663;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 160%; /* 28.8px */
}

.learn-about-text {
    color: #1B75BC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 23.4px */
    letter-spacing: 0.36px;
}

.learnmore-arrow-right {
    width: 7px;
    height: 11px;
    margin-top: 4px;
}

.thumb {
    width: 80px;
    height: 80px;
    /*margin: 0 5px;*/
    cursor: pointer;
    transition: transform 0.3s;
    margin-right: 10px;
    object-fit: cover;
}

.thumbnails img:hover {
    transform: scale(1.1);
}

.nav-btn {
    background-color: transparent;
    border: none;
    font-size: 2em;
    cursor: pointer;
    user-select: none;
    padding: 0 10px;
    display: none;
}

.thumbnails {
    width: 70% !important;
}

/*#product-details-container {
    background: var(--Background-Background-1, #F7F7FE);
    padding: 32px 16px;
}*/

.product-details-container {
    /*background: var(--Background-Background-1, #F7F7FE);*/
}

.thumbMobileView {
    width: 70px;
    height: 70px;
    margin: 0 5px;
    cursor: pointer;
    transition: transform 0.3s;
}

.add-cart-value-subsection {
    top: -5px;
    left: 1px;
    position: relative;
    color: #FFF;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px; /* 140% */
}

.add-cart-value {
    color: var(--Primary-White, #FFF);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 23.4px */
    letter-spacing: 0.36px;
}

/*.gallery-container{
    text-align: center;
}*/

@media (max-width: 767.98px) {
    .nav-help-center-div {
        box-shadow: none;
    }

    .product-menu-item {
        width: 100%;
    }

    .hide-in-mobile {
        display: none;
    }

    .selectedImage {
        width: -webkit-fill-available;
        height: 300px;
    }

    .left-arrow-btn {
        left: 4% !important;
        top: 44% !important;
    }

    .right-arrow-btn {
        top: 44% !important;
        left: 89% !important;
    }

    .recurringShredText {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {

    .product-menu-item {
        width: 60%;
    }

    .hide-in-desktop {
        display: none;
    }

    .selectedImage {
        width: 300px;
        height: 300px;
    }

    .left-arrow-btn {
        top: 25% !important;
        left: 26% !important;
    }

    .right-arrow-btn {
        top: 25% !important;
        left: 81% !important;
    }

    #imageContainer {
        width: fit-content;
    }
}

@media (min-width: 992px) {

    .product-menu-item {
        width: 60%;
    }

    .hide-in-desktop {
        display: none;
    }

    .selectedImage {
        width: 380px;
        height: 300px;
    }

    #imageContainer {
        width: fit-content;
    }
}


.selectedImage {
    object-fit: cover;
}

.product-menu-item-border {
    border: 4px solid #F7931E;
    border-radius: 4px;
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.25);
    background: #FFFFFF;
}

.over-img-btn {
    position: absolute;
    top: 35%;
    transform: translateY(-50%);
    background: none;
    border: none;
    width: 32.272px;
    height: 16px;
    fill: var(--Primary-White, #FFF);
    opacity: 0.75;
    filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.25));
}

.selectedMediaHighlight {
    border: 2px solid #1994BE;
    border-radius: 4px;
}

.product-menu-sub-items {
    padding-right: 8px;
    text-align: center;
}

.product-item-text-align {
    text-align: left;
    float: left;
}

.ordering-label-info-modal {
    border-radius: 4px;
    display: flex;
    z-index: 10;
    box-shadow: 3px 3px 4px rgba(0, 0, 0, .25) !important;
    margin-top: -60px;
    background-color: #ffffff;
    width: 94%;
    padding: 11px 11px 11px 18px;
    border: solid #277FD8;
    border-width: 0 0 0px 8px;
    font-size: 14px;
    height: fit-content;
}

.product-price-label-info-modal-overlay {
    display: flex;
    width: 100%;
    bottom: 10px;
    height: fit-content;
    justify-content: space-around;
    position: relative;
}

/* Product Card Redesign Starts */
.shop-product-card {
    width: 360px;
    min-height: 525px;
    border-radius: 8px;
    background: var(--color-background-white, #FFF);
    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.20);
    /* padding-bottom: 16px; */
    align-items: flex-start;
    gap: 10px;
    height: fit-content;
    position: relative;
}


    .shop-product-card .header-title {
        /*color: #FFFFFF !important;*/
        font-size: 20px !important;
        font-style: normal;
        font-weight: 400;
        line-height: 130%; /* 26px */
        font-family: var(--irm-font-family-regular) !important;
    }



.shop-carousel {
    width: 360px;
    height: 240px;
}

.shop-card-list-details {
    color: #000;
    font-family: var(--irm-font-family-regular);
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 25.2px */
    margin-bottom: 0;
    margin-right: 16px;
    padding-inline-start: 34px !important;
}

.shop-card-learn-more {
    color: #1B75BC;
    text-align: center;
    font-family: var(--irm-font-family-regular);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 22.4px */
    text-decoration-line: underline;
    padding-top: 16px;
}

.shop-card-price-label {
    /* body-2 */
    font-family: var(--irm-font-family-regular);
    color: #666663;
    /* font-family: Interstate; */
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
    /* 19.6px */
}

.card-value-subsection {
    font-family: var(--irm-font-family-regular);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 28.8px; /* 19.6px */
    align-items: center;
    color: #14477D;
}

.shop-card-price {
    font-family: 'Geometria';
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: 48px; /* 19.6px */
    align-items: center;
    color: #14477D;
}

.shop-card-value-container {
    display: flex;
    flex-wrap: wrap; /* Allow items to wrap */
    margin-top: 8px;
    margin-bottom: 16px;
}

.shop-card-items-value {
    display: flex;
}

.shop-card-bill-text {
    font-family: var(--irm-font-family-regular);
    font-size: 14px;
    font-weight: 300;
    line-height: 19.6px;
    color: #14477D;
}

.shop-card-contract-text {
    border: 1px solid #CCCCCC;
    border-radius: 50px;
    padding: 2px 8px;
    color: #1B75BC;
    border: 1px solid #CCC;
    background: rgba(27, 117, 188, 0.10);
}

.shop-card-monthly-contract-text {
    border: 1px solid #CCCCCC;
    border-radius: 50px;
    padding: 2px 8px;
    color: #14477D;
    border: 1px solid #14477D;
    background: rgba(27, 117, 188, 0.10);
}

.shop-card-configureBtn > button {
    border: 1px solid; /*linear-gradient(180deg, #F7931E 100%, #EF4D43 100%)*/
    padding: 10px;
    border-radius: 4px;
    background-color: #FFFFFF !important;
    color: #14477D !important;
    border-color: #F7931E !important;
    margin-bottom: 0 !important;
    /* button-shadow */
    box-shadow: 0px 1px 2px 0px #6F7687 !important;
}

.shop-card-ctaBtn > a {
    border: 1px solid; /*linear-gradient(180deg, #F7931E 100%, #EF4D43 100%)*/
    padding: 10px;
    border-radius: 4px;
    background-color: #FFFFFF !important;
    color: #14477D !important;
    border-color: #F7931E !important;
    margin-bottom: 0 !important;
    /* button-shadow */
    box-shadow: 0px 1px 2px 0px #6F7687 !important;
}

.shop-card-ctaBtn > button {
    border: 1px solid; /*linear-gradient(180deg, #F7931E 100%, #EF4D43 100%)*/
    padding: 10px;
    border-radius: 4px;
    background-color: #FFFFFF !important;
    color: #14477D !important;
    border-color: #F7931E !important;
    margin-bottom: 0 !important;
    /* button-shadow */
    box-shadow: 0px 1px 2px 0px #6F7687 !important;
}

.shop-card-collapseBtn > button {
    padding: 12px 0px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    align-self: stretch;
    border: none;
    background: #F7F7F8;
    color: #1B75BC;
    text-align: center;
    /* body-1 */
    font-family: var(--irm-font-family-regular) !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 25.2px */
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.add-btn {
    width: 156px;
    height: 48px !important;
    padding: 10px !important;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px !important;
    background: linear-gradient(180deg, #F7931E 0%, #EF4D43 100%) !important;
    /* button-shadow */
    box-shadow: 0px 1px 2px 0px #6F7687 !important;
}

.shop-card-dropdown-label {
    font-family: var(--irm-font-family-regular);
    font-size: 12px;
    font-weight: 300;
    line-height: 16.8px;
    color: #14477D;
}


.btn-group .shop-card-contract {
    padding: 0px 10px;
    border-radius: 5px;
    background-color: #ffffff;
    border: 1px solid var(--divider, rgba(0, 0, 0, 0.12));
    justify-content: center;
    color: #58595B;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    letter-spacing: 0.15px;
}

    .btn-group .shop-card-contract.active,
    .btn-group .shop-card-contract:hover {
        box-shadow: none;
        border-right: 1px solid #CCC;
        background: rgba(27, 117, 188, 0.10);
        color: #14477D;
        text-align: center;
        /* button-1 */
        font-family: var(--irm-font-family-regular);
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%; /* 25.2px */
    }

.shop-card-select-option {
    cursor: pointer;
    color: #000000;
    font-family: var(--irm-font-family-medium);
    font-size: 18px !important;
    font-weight: 400;
    line-height: 25.2px;
}

select.shop-card-custom-select {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, .42);
    padding: 5px;
    outline: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, .87);
    appearance: none;
    background-image: url(assets/irm-shop-card-down-arrow.svg);
    background-position: calc(100% - 3px) calc(.5em + 5px), calc(100% - 15px) calc(1em + 2px), 100% 0;
    background-size: 17.335px 8.597px;
    background-repeat: no-repeat;
    font-size: 18px !important;
    font-weight: 400;
    background-color: transparent;
}

.shop-card-details {
    height: 50px;
    padding-bottom: 8px;
    margin-bottom: 16px;
    /*margin-top: 16px;*/
}

@media (min-width: 390px) and (max-width: 767.98px) {
    .shop-product-card {
        width: 360px;
        margin-left: auto;
        margin-right: auto;
    }

    .shop-carousel {
        width: 360px;
    }

    .shop-product-card > .card-header {
        width: 360px;
    }

    #shop-card-product-container {
        /*margin-left: 30px !important;*/
        padding-left: 0 !important;
    }

    .shop-cards-main-container {
        padding-left: 16px !important;
    }
}

@media (max-width: 389.98px) {
    .shop-product-card {
        width: 100%;
    }

    .shop-carousel {
        width: 100%;
    }

    .shop-product-card > .card-header {
        width: 100%;
    }

    #shop-card-product-container {
        /*margin-left: 30px !important;*/
        padding-left: 0 !important;
    }

    .shop-cards-main-container {
        padding-left: 16px !important;
    }
}

.shop-card-inclusions-height-toggle {
    max-height: 100px;
    overflow: hidden;
}

/* shop card addon modal start*/

.shop-card-addon-modal {
    /*top: 200px;*/
    bottom: 0;
    width: 360px;
    position: absolute;
    z-index: 20;
    display: inline-flex;
    padding: 24px 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #FFF;
    /* elevation/5 */
    box-shadow: 0px 1px 14px 0px rgba(0, 0, 0, 0.12), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 3px 5px -1px rgba(0, 0, 0, 0.20);
}

.address-validate-modal {
    background: #00000059;
    justify-content: end;
    align-items: center;
}

.wrapper-dialog {
    max-width: 100%;
    z-index: 1050;
    width: 100%;
    margin: 0 .3% !important;
}

.shop-card-addon-modal-backdrop {
    /*position: absolute;*/
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 18;
    background-color: #6F7687;
    opacity: 0.5;
    pointer-events: none;
}

.shop-card-addon-alert-div {
    display: flex;
    width: 328px;
    align-items: center;
    gap: 8px;
}

.shop-card-alter-icon {
    display: flex;
    width: 24px;
    height: 24px;
    padding: 1.84px 1.24px 1.84px 1.244px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.shop-card-addon-alert-text {
    color: #666663;
    /* body-2 */
    font-family: var(--irm-font-family-regular);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 19.6px */
}

.shop-card-addon-benefit-text {
    color: #FF6630;
    text-align: center;
    /* body-2 */
    font-family: var(--irm-font-family-regular);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 19.6px */
}

.shop-card-addon-hr-title-line {
    width: 100%;
    height: 2px;
    flex-shrink: 0;
    background: #FF6630;
}

.shop-card-addon-hr-section-line {
    width: 100%;
    height: 1px;
    background: #DCDFE4;
    margin-top: 24px;
    margin-bottom: 24px;
}

.shop-card-addon-benefit-div {
    display: flex;
    width: 327px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.shop-card-addon-truck-icon {
    display: flex;
    width: 24px;
    height: 24px;
    padding: 1.25px;
    justify-content: center;
    align-items: center;
}

.shop-card-addon-star-icon {
    display: flex;
    width: 24px;
    height: 24px;
    padding: 1.25px 1.225px 1.41px 1.225px;
    justify-content: center;
    align-items: center;
}

.shop-card-addon-calender-icon {
    display: flex;
    width: 24px;
    height: 24px;
    padding: 1.25px 2.25px;
    justify-content: center;
    align-items: center;
}

.shop-card-addon-desc-text {
    width: 247px;
    color: #666663;
    /* body-2 */
    font-family: var(--irm-font-family-regular);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 19.6px */
}

.shop-card-addon-cart-title {
    color: #333330;
    /* body-1 */
    font-family: var(--irm-font-family-regular);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 25.2px */
}

.shop-card-addon-cart-product-title {
    color: #333330;
    /* body-2 */
    font-family: var(--irm-font-family-regular);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}

.shop-card-addon-item {
    margin-top: 16px;
    margin-bottom: 16px;
}

.shop-card-addon-cart-list {
    gap: 20px;
}

.shop-card-addon-product-img {
    width: 70px;
    height: 70px;
    border-top: 4px solid #0BB463;
    background: lightgray 50% / cover no-repeat;
    object-fit: cover;
}

.shop-card-addon-dropdown-label {
    color: #14477D;
    /* label */
    font-family: var(--irm-font-family-regular);
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 16.8px */
}

.shop-card-addon-select-option {
    color: #000;
    /* body-1 */
    font-family: var(--irm-font-family-regular);
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 25.2px */
}

select.shop-card-addon-custom-select {
    border: none;
    border-bottom: 1px solid #14477D;
    padding: 5px;
    outline: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, .87);
    appearance: none;
    background-image: url(assets/irm-shop-card-down-arrow.svg);
    background-position: calc(100% - 3px) calc(.5em + 5px), calc(100% - 15px) calc(1em + 2px), 100% 0;
    background-size: 17.335px 8.597px;
    background-repeat: no-repeat;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 25.2px */
    background-color: transparent;
    width: 238px;
    font-family: var(--irm-font-family-regular) !important;
}


.addon-card-value-subsection {
    color: #333330;
    text-align: right;
    font-family: 'Geometria';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%; /* 28px */
}

.addon-shop-card-price {
    color: #333330;
    text-align: right;
    /* heading-2 */
    font-family: 'Geometria';
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 44.8px */
}

.shop-card-addon-btn-div {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.shop-card-addon-submit-btn {
    display: flex !important;
    width: 188px;
    height: 32px;
    padding: 10px 16px !important;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px !important;
    background: linear-gradient(180deg, #1b75bc 0, #14477d 100%) !important;
    box-shadow: 0 1px 2px 0 #6f7687;
    color: #fff !important;
    text-align: center !important;
    font-family: var(--irm-font-family-regular) !important;
    font-size: 12px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 140% !important;
    border: none;
}

.shop-card-addon-cancel-btn {
    display: flex;
    height: 32px;
    padding: 12px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    border-radius: 4px;
}

.shop-card-cancel-btn-text {
    color: #14477D;
    text-align: center;
    /* button-2 */
    font-family: var(--irm-font-family-medium);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 16.8px */
    border-bottom: 1px solid #1B75BC;
    display: flex;
    padding: 4px 0px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.shop-card-addon-cart-section {
    width: 328px;
}

@media (max-width: 767.98px) {
    .shop-card-addon-modal {
        width: 325px;
        top: 196px;
    }

    .shop-card-addon-alert-div, .shop-card-addon-benefit-div, .shop-card-addon-cart-section {
        width: 300px;
    }

    .shop-card-addon-hr-title-line, .shop-card-addon-hr-section-line {
        width: 325px;
    }
}

/* addon modal end*/

/* Digital Scanning card start*/

.digital-scanning-card-header {
    background: #16B4B7 !important;
}

.reset-cal-btn {
    border-radius: 4px;
    display: flex;
    height: 32px;
    padding: 12px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    cursor: pointer;
}

.reset-cal-btn-text {
    color: #14477D;
    text-align: center;
    /* button-2 */
    font-family: var(--irm-font-family-medium);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 16.8px */
    border-bottom: 1px solid #1B75BC;
    display: flex;
    padding: 4px 0px;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.digital-scan-card-collapse {
    display: flex;
    padding: 16px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    border-bottom: 1px solid #DCDFE4;
}

.digital-scan-card-section {
    display: inline-flex;
    cursor: pointer;
}

.digital-scan-card-section-title {
    align-self: stretch;
    color: #14477D;
    font-family: var(--irm-font-family-medium);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 25.2px */
    width: 300px;
}

.digital-scan-card-section-icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.digital-scan-card-expand {
    background: #F7F7FE;
    padding: 16px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    border-bottom: 1px solid #DCDFE4;
}

.collapse-card-icon {
    width: 17.335px;
    height: 8.597px;
    margin-right: 4px;
    margin-top: 9px;
}

.expand-card-icon {
    width: 24px;
    height: 24px;
}

.digital-scan-field-label {
    color: #14477D;
    /* label */
    font-family: var(--irm-font-family-regular);
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 16.8px */
}

.digital-scan-field-asterisk {
    color: #FF5630;
    /* label */
    font-family: var(--irm-font-family-regular);
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 16.8px */
}

.digital-scan-field {
    /*color: #ccc !important;*/
    font-family: var(--irm-font-family-regular) !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 300;
    line-height: 140% !important;
    flex: 1 0 0;
    /* border-bottom: 1px solid #14477d !important; */
    border: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

.field-bottom-line {
    width: 328px;
    height: 1px;
    background: #14477D;
}

.sub-config-section-details {
    flex: 1 0 0;
    color: #000;
    /* label */
    font-family: var(--irm-font-family-regular);
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 16.8px */
}

.field-warning-text {
    color: #666663;
    /* label */
    font-family: var(--irm-font-family-regular);
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 16.8px */
    align-self: stretch;
}

.digital-scan-select-option {
    color: #000;
    /* body-1 */
    font-family: var(--irm-font-family-regular);
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 25.2px */
}

.digital-scan-custom-select {
    border: none;
    border-bottom: 1px solid #14477D;
    padding: 5px;
    outline: 0;
    cursor: pointer;
    color: #000;
    appearance: none;
    background-image: url(assets/irm-shop-card-down-arrow.svg);
    background-position: calc(100% - 3px) calc(.5em + 5px), calc(100% - 15px) calc(1em + 2px), 100% 0;
    background-size: 17.335px 8.597px;
    background-repeat: no-repeat;
    font-size: 18px !important;
    background-color: transparent;
    color: #000;
    /* body-1 */
    font-family: var(--irm-font-family-regular) !important;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 25.2px */
}

.box-count-value {
    color: #000;
    font-family: var(--irm-font-family-medium);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.digital-scan-list-item {
    color: #000;
    /* body-2 */
    font-family: var(--irm-font-family-regular);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}

.digital-scan-list-item-title {
    font-family: var(--irm-font-family-medium);
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 19.6px */
}

@media (max-width: 767.98px) {
    .digital-scan-card-section-title {
        width: 270px;
    }

    .field-bottom-line {
        width: 294px;
    }
}

/* Digital Scanning card end*/

@media print {

    .ru-container {
        padding: 32px 8vw 32px 40px;
    }

    .ru-section-title span {
        display: block;
    }

    .ru-contract-row {
        margin-top: 25px;
    }

    .ru-product-card {
        padding: 0px;
        margin-bottom: 0px;
        margin-left: 2.5px !important;
        margin-right: -15px !important;
        border: none;
    }

    .ru-order-div {
        display: flex;
        justify-content: space-between;
        padding: 30px 0px;
    }

    .ru-pricing-div {
        width: 40%;
        margin-top: 0px;
    }
}


.shop-card-configureBtn {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
}

.shop-card-ctaBtn {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
}

.add-btn:hover {
    box-shadow: 0px 2px 10.4px 0px #6F7687 !important;
}

.shop-card-configureBtn > .configure-btn:hover {
    border-radius: 4px !important;
    border: 1px solid #F7931E !important;
    background: rgba(255, 102, 48, 0.10) !important;
    /* button-shadow */
    box-shadow: 0px 1px 2px 0px #6F7687 !important;
    color: #14477D !important;
}

.configure-contract-chip {
    border-radius: 50px;
    padding: 2px 8px;
    color: #FFF;
    border: 1px solid #CCC;
    background: #1B75BC;
}

.selected-contract-icon {
    margin-left: 8px;
}

@media (min-width: 768px) {
    .shop-card-middle {
        margin: 0 auto !important;
    }

    .shop-card-end {
        float: inline-end;
    }
}

.margin-for-configurable-product {
    margin-top: 16px;
    margin-bottom: 16px;
}

.margin-x-16 {
    margin-left: 16px;
    margin-right: 16px;
}

.details-arrow-position {
    width: 77%;
}

.border-bottom-blue {
    border-bottom: 4px solid #1994BE;
}

.border-bottom-green {
    border-bottom: 4px solid #0BB463;
}

.border-bottom-brown {
    border-bottom: 4px solid #6A6151;
}

.border-bottom-orange {
    border-bottom: 4px solid #FFBD3F;
}

.border-bottom-teal {
    border-bottom: 4px solid #16B4B7;
}

/* Structure of Product cards starts */

.cards-container .rounded-card {
    margin-right: 16px !important;
}


@media (min-width: 768px) {
    .cards-container .rounded-card {
        margin-right: 16px !important;
    }
}

@media (min-width: 900px) {
    .cards-container .rounded-card {
        margin-right: 60px !important;
    }
}


@media (min-width: 992px) {
    .cards-container .rounded-card {
        margin-right: 90px !important;
    }
}

@media (min-width: 1051px) {
    .cards-container .rounded-card {
        margin-right: 120px !important;
    }
}

@media (min-width: 1228px) {
    .cards-container .rounded-card {
        margin-right: 16px !important;
    }
}

@media (min-width: 1300px) {
    .cards-container .rounded-card {
        margin-right: 38px !important;
    }
}

@media (min-width: 1400px) {
    .cards-container .rounded-card {
        margin-right: 64px !important;
    }
}

@media (min-width: 1500px) {
    .cards-container .rounded-card {
        margin-right: 102px !important;
    }
}

@media (min-width: 1700px) {
    .cards-container .rounded-card {
        margin-right: 120px !important;
    }
}

/* Structure of Product cards ends */


@media(min-width: 390px) {
    .cta-btn-width-based-on-price {
        width: 328px;
    }
}

/* The Modal (background) */
.form-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    background-color: rgba(0, 0, 0, 0.5); /* Black background with transparency */
    overflow: auto; /* Enable scroll if needed */
}

/* Modal Content */
.form-modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
    border-radius: 5px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

/* The Close Button */
.form-modal-close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

    .form-modal-close:hover,
    .form-modal-close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

.contact-header-text {
    color: #000;
    /* label */
    font-family: 'Interstate';
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 16.8px */
}

.mandate-field-sign {
    margin-right: 4px;
    color: #FF5630;
    /* label */
    font-family: 'Interstate';
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 16.8px */
}

.mandate-field-text {
    color: #14477D;
    /* label */
    font-family: 'Interstate';
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 16.8px */
    margin-bottom: 4px;
}

.contact-form-select-option {
    color: #000;
    /* body-1 */
    font-family: 'Interstate';
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 25.2px */
}

.mandate-field-text-area {
    display: flex;
    padding: 16px 8px 8px 16px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
    border-bottom: 1px solid var(--color-primary-im-dark-blue, #14477D);
    opacity: 0.96;
    background: var(--color-background-light-blue, #F7F7FE);
    color: #000;
    /* body-1 */
    font-family: 'Interstate';
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 25.2px */
}

.contact-form-modal-content {
    padding: 32px;
    border-radius: 8px;
    background: #FFF;
    /* elevation/6 */
    box-shadow: 0px 1px 18px 0px rgba(0, 0, 0, 0.12), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 3px 5px -1px rgba(0, 0, 0, 0.20);
}

select.contact-form-custom-select {
    border: none;
    border-bottom: 1px solid #14477D;
    padding: 5px;
    outline: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, .87);
    appearance: none;
    background-image: url(assets/irm-shop-card-down-arrow.svg);
    background-position: calc(100% - 3px) calc(.5em + 5px), calc(100% - 15px) calc(1em + 2px), 100% 0;
    background-size: 17.335px 8.597px;
    background-repeat: no-repeat;
    font-size: 18px !important;
    font-weight: 400;
    background-color: transparent;
}

.field-styling {
    border: none;
    border-bottom: 1px solid #14477D;
    padding: 5px;
    outline: 0;
    color: rgba(0, 0, 0, .87);
    appearance: none;
    font-size: 18px !important;
    font-weight: 400;
    background-color: transparent;
    margin-top: 4px;
}

.form-footer-separator {
    width: 294px;
    height: 1px;
    background: #CCC;
    margin-top: 16px;
    margin-bottom: 16px;
}

.form-close-btn {
    border-radius: 4px;
    border: 1px solid #F7931E;
    /* button-shadow */
    box-shadow: 0px 1px 2px 0px #6F7687;
    display: flex;
    height: 32px;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background-color: #FFF;
    color: #14477D;
    text-align: center;
    /* button-2 */
    font-family: 'Interstate';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 16.8px */
    margin-right: 16px;
}

.form-submit-btn {
    border: none;
    border-radius: 4px;
    background: linear-gradient(180deg, #F7931E 0%, #EF4D43 100%);
    /* button-shadow */
    box-shadow: 0px 1px 2px 0px #6F7687;
    display: flex;
    height: 32px;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #FFF;
    text-align: center;
    /* button-2 */
    font-family: 'Interstate';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 16.8px */
}

.help-tip-section {
    border-radius: 8px;
    border: 1px solid #65B8DF;
    background: rgba(101, 184, 223, 0.05);
    display: flex;
    padding: 8px;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    margin-top: 16px;
}

.help-tip-section-text {
    color: #666663;
    /* body-2 */
    font-family: 'Interstate';
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 19.6px */
    align-self: stretch;
}

.help-tip-section-header {
    color: #666663;
    /* heading-4 */
    font-family: 'Interstate';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
    align-self: stretch;
    margin-bottom: 8px;
}

.form-modal-close-btn, .success-modal-close-btn {
    float: right;
    border: none;
    background: none;
    padding: 0;
}

.success-modal-content {
    display: flex;
    width: 358px;
    padding: 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 22px;
    border-radius: 8px;
    background: #FFF;
    /* elevation/6 */
    box-shadow: 0px 1px 18px 0px rgba(0, 0, 0, 0.12), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 3px 5px -1px rgba(0, 0, 0, 0.20);
}

.success-header-text {
    color: #82C027;
    /* heading-4 */
    font-family: 'Interstate';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
}

.success-content-text {
    color: #000;
    /* body-1 */
    font-family: 'Interstate';
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 25.2px */
    align-self: stretch;
}

.field-styling.is-invalid {
    border-color: #dc3545;
}

.disable-submit-btn {
    opacity: 55%;
    cursor: wait;
}

@media (min-width: 768px) {
    .helpcenter-modal-dialog {
        pointer-events: visible;
        max-width: 600px !important;
    }

    .contact-form-modal-content {
        width: 600px !important;
    }
}

@media (max-width: 767.98px) {
    .helpcenter-modal-dialog {
        pointer-events: visible;
        max-width: 358px !important;
    }

    .contact-form-modal-content {
        width: 358px !important;
    }
}

/* Flex Bin Schedule styling starts */
.schedule-flexbin-field-label {
    color: #14477D;
    /* label */
    font-family: 'Interstate';
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 16.8px */
}

.schedule-flexbin-field-text {
    color: #000;
    /* body-1 */
    font-family: 'Interstate' !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 25.2px */
    border-bottom: 1px solid #14477D;
    padding: 0;
}

.schedule-flexbin-field--notifytext {
    padding-top: 2px;
    color: #666663;
    /* label */
    font-family: 'Interstate Light';
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 16.8px */
}

#schedule-flexbin-validate-btn {
    border-radius: 4px;
    background: linear-gradient(180deg, #1B75BC 0%, #14477D 100%);
    /* button-shadow */
    box-shadow: 0px 1px 2px 0px #6F7687;
    display: flex;
    width: 191px;
    height: 32px;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #FFF !important;
    text-align: center;
    /* button-2 */
    font-family: 'Interstate' !important;
    font-size: 13px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 16.8px */
    border: none;
}

.schedule-flexbin-field--errortext {
    color: #FF5630;
    /* heading-4 */
    font-family: 'Interstate';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
}

.schedule-flexbin-erro-icon {
    width: 24px;
    height: 24px;
    padding: 1.245px 2.16px 1.25px 2.16px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.check-email-text {
    color: #000;
    text-align: center;
    /* heading-2 */
    font-family: 'Geometria';
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 44.8px */
    align-self: stretch;
}

.check-email-separator-line {
    background: #ED6C02;
    height: 2px;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

.check-email-icon {
    display: flex;
    width: 72px;
    height: 72px;
    padding: 9px 9.092px 9.263px 9px;
    justify-content: center;
    align-items: center;
}

.check-email-desc-text {
    align-self: stretch;
    color: #14477D;
    text-align: center;
    /* body-1 */
    font-family: 'Interstate Light';
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 25.2px */
}

.schedule-flexbin-btn-section {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
}

#schedule-flexbin-cancel-btn {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    display: flex;
    padding: 8px 0px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #14477D !important;
    text-align: center;
    /* button-1 */
    font-family: 'Interstate' !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 25.2px */
    border-bottom: 1px solid #14477D !important;
    border-radius: 0;
}

#schedule-flexbin-pickup-btn {
    display: flex;
    width: 231px;
    height: 48px;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #FFF;
    text-align: center;
    /* button-1 */
    font-family: 'Interstate' !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 25.2px */
    border-radius: 4px !important;
    background: linear-gradient(180deg, #F7931E 0%, #EF4D43 100%) !important;
    /* button-shadow */
    box-shadow: 0px 1px 2px 0px #6F7687 !important;
}

.schedule-flexbin-field-banner {
    display: flex;
    align-items: center;
    flex: 1 0 0;
    border-radius: 4px;
    background: #FFF;
    /* V1.1 Elevation/Button - hover */
    box-shadow: 0px 3px 5px 0px rgba(111, 118, 135, 0.50);
    border-left: 6px solid #FF8B00;
    padding: 16px;
}

.schedule-flexbin-alert-icon {
    display: flex;
    width: 24px;
    height: 24px;
    padding: 1.84px 1.24px 1.84px 1.244px;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
}

.schedule-flexbin-field-banner-text {
    color: #000;
    /* body-1 */
    font-family: 'Interstate Light';
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 25.2px */
}

.btn-top-padding-64 {
    padding-top: 64px;
}

.btn-top-padding-32 {
    padding-top: 32px;
}

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


/* Flex bin schedule styling ends */

.screen-takeover-btn {
    display: flex !important;
    width: 250px !important;
    height: 48px !important;
    padding: 10px 16px !important;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px !important;
    border: 1px solid #F7931E !important;
    border-color: #F7931E !important;
    /* button-shadow */
    box-shadow: 0px 1px 2px 0px #6F7687 !important;
    background-color: #FFF !important;
    color: #14477D !important;
    text-align: center !important;
    /* button-1 */
    font-family: 'Interstate' !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 140% !important; /* 25.2px */
}

.screen-takeover-btn-section {
    display: inline-flex;
    justify-content: space-between;
    gap: 32px;
}

.screen-takeover-top-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}

.screen-takeover-header-text {
    color: #14477D;
    /* heading-1 */
    font-family: 'Geometria';
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%; /* 48px */
    align-self: stretch;
    margin-bottom: 32px;
}

.screen-takeover-desc-text {
    color: #FF5630;
    /* heading-2 */
    font-family: 'Geometria';
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 44.8px */
    align-self: stretch;
    margin-bottom: 48px;
}

.screen-takeover-details-text {
    color: #666663;
    /* heading-3 */
    font-family: 'Interstate';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 31.2px */
    align-self: stretch;
}

.highlighted-details-text {
    color: #1B75BC;
    font-weight: 700;
}

.screen-takeover-separator-line {
    width: 834px;
    border: 1px solid #000;
    margin-top: 48px;
    margin-bottom: 48px;
}

.screen-takeover-footer-text {
    color: #405E8E;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    /* typography/subtitle1 */
    font-family: 'Interstate';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 175%; /* 28px */
    letter-spacing: 0.15px;
}

.screen-takeover-bottom-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 33px;
}

.promo-pop-up-logo-img {
    width: 203.626px;
    height: 55.042px;
}

/* Add new payment method section starts */

#payment-authenticate-btn {
    border-radius: 4px;
    opacity: 0.5;
    background-color: #82C027 !important;
    /* button-shadow */
    box-shadow: 0px 1px 2px 0px #6F7687 !important;
    color: #FFF !important;
    text-align: center;
    /* button-2 */
    font-family: 'Interstate' !important;
    font-size: 12px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 140%; /* 16.8px */
    border: none !important;
    display: flex;
    width: 191px;
    height: 32px;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.payment-opt-diff {
    color: #14477D;
    text-align: center;
    /* heading-4 */
    font-family: 'Interstate';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
    padding-top: 36px;
}

.add-new-payment-method-btn {
    border-radius: 4px;
    border: 1px solid #1B75BC !important;
    /* button-shadow */
    box-shadow: 0px 1px 2px 0px #6F7687 !important;
    display: flex;
    height: 36px;
    padding: 7px 16px !important;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #14477D !important;
    text-align: center;
    /* button-2 */
    font-family: 'Interstate' !important;
    font-size: 12px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 140%; /* 16.8px */
    background-color: white !important;
}

.card-info-text {
    align-self: stretch;
    color: #14477D;
    font-family: 'Interstate';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 25.2px */
}

.card-info-diff-line {
    border: 1px solid #CCC;
    margin-top: 16px;
}

.payment-options .payment-method-checkbox-text {
    margin-bottom: 20px !important;
    margin-left: 10px !important;
}

.payment-method-checkbox-text {
    color: #000;
    /* body-1 */
    font-family: var(--irm-font-family-regular) !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 25.2px */
}

    .payment-method-checkbox-text > img {
        margin-right: 20px;
        max-width: 90px;
    }

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

.questionSection {
    display: flex;
    align-items: center;
    gap: 8px;
}

.payment-method-checkbox-icon {
    color: #000;
    border-radius: 8px;
    border-color: #000;
    width: 24px;
    height: 24px;
}

.payment-method-close-btn {
    order: 1;
    border-radius: 4px;
    border: 1px solid #F7931E !important;
    /* button-shadow */
    box-shadow: 0px 1px 2px 0px #6F7687 !important;
    display: flex;
    width: 120px;
    height: 48px;
    padding: 10px 16px !important;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #14477D !important;
    text-align: center;
    /* button-1 */
    font-family: 'Interstate' !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 140%; /* 25.2px */
    background-color: transparent !important;
}

.payment-method-save-btn {
    order: 2;
    display: flex;
    width: 180px;
    height: 48px;
    padding: 10px 16px !important;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    background: linear-gradient(180deg, #F7931E 0%, #EF4D43 100%) !important;
    /* button-shadow */
    box-shadow: 0px 1px 2px 0px #6F7687 !important;
    color: #FFF;
    text-align: center;
    /* button-1 */
    font-family: 'Interstate' !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 140%; /* 25.2px */
}

.payment-method-btn-section {
    display: inline-flex;
    float: right;
    gap: 16px;
}

.payment-method-checkbox-icon:checked {
    background-color: #000;
}

.payment-card-design {
    display: flex;
    padding: 16px 32px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
    border-radius: 8px;
    background: #F7F7FE;
    /* elevation/5 */
    box-shadow: 0px 1px 14px 0px rgba(0, 0, 0, 0.12), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 3px 5px -1px rgba(0, 0, 0, 0.20);
}

.payment-card-design-img {
    display: flex;
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
}

.payment-card-design-text {
    color: #14477D;
    font-family: 'Interstate';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    margin-top: 8px;
    text-align: center;
}

.payment-card-selected {
    border-radius: 8px;
    border: 1px solid #14477D;
    background: #F7F7FE;
    /* elevation/5 */
    box-shadow: 0px 1px 14px 0px rgba(0, 0, 0, 0.12), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 3px 5px -1px rgba(0, 0, 0, 0.20);
}

.payment-card-deselected {
    border-radius: 8px;
    opacity: 0.5;
    background: #F7F7FE;
    /* elevation/5 */
    box-shadow: 0px 1px 14px 0px rgba(0, 0, 0, 0.12), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 3px 5px -1px rgba(0, 0, 0, 0.20);
}

.add-new-btn-selected {
    border-radius: 4px;
    border: 3px solid #1B75BC !important;
    background-color: rgba(27, 117, 188, 0.10) !important;
    /* button-shadow */
    box-shadow: 0px 1px 2px 0px #6F7687 !important;
    height: 36px;
}

.dialog-top-text {
    color: #FF5630;
    /* heading-4 */
    font-family: 'Interstate';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
    width: 425px;
}

.dialog-top-icon {
    display: flex;
    width: 24px;
    height: 24px;
    padding: 1.245px 2.16px 1.25px 2.16px;
    justify-content: center;
    align-items: center;
}

.dialog-top-section {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.validation-dialog-container {
    display: inline-flex;
    padding: 32px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 22px;
    border-radius: 8px;
    background: #FFF;
    /* elevation/6 */
    box-shadow: 0px 1px 18px 0px rgba(0, 0, 0, 0.12), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 3px 5px -1px rgba(0, 0, 0, 0.20);
}

.dialog-content-section {
    align-self: stretch;
    color: #000;
    /* body-1 */
    font-family: 'Interstate';
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 25.2px */
    width: 465px;
}

.dialog-content-separator-line {
    border: 1px solid #CCC;
    width: 465px;
}

.dialog-close-btn {
    border-radius: 4px;
    border: 1px solid #F7931E !important;
    /* button-shadow */
    box-shadow: 0px 1px 2px 0px #6F7687 !important;
    display: flex;
    width: 138px;
    height: 32px;
    padding: 6px 16px !important;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #14477D !important;
    text-align: center;
    /* button-1 */
    font-family: 'Interstate' !important;
    font-size: 12px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 140%; /* 25.2px */
    background-color: transparent !important;
}

.dialog-save-btn {
    display: flex;
    width: 138px;
    height: 32px;
    padding: 6px 16px !important;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    background: linear-gradient(180deg, #F7931E 0%, #EF4D43 100%) !important;
    /* button-shadow */
    box-shadow: 0px 1px 2px 0px #6F7687 !important;
    color: #FFF;
    text-align: center;
    /* button-1 */
    font-family: 'Interstate' !important;
    font-size: 12px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 140%; /* 25.2px */
}

.dialog-btn-section {
    display: flex;
    justify-content: flex-end;
    gap: 16px;
    width: 100%;
}

.payment-card-section {
    display: inline-flex;
    gap: 48px;
}

.schedule-flexbin-personal-details, .schedule-flexbin-card-details, .schedule-flexbin-expiry-cvv-section, .schedule-flexbin-state-zip-section {
    display: inline-flex;
    gap: 47px;
}

.schedule-flexbin-address-details {
    display: inline-flex;
    gap: 32px;
    padding-top: 40px;
}

.payment-option-section, .schedule-flexbin-account-section {
    display: inline-flex;
    gap: 32px;
}

.payment-opt-btn-section, .schedule-flexbin-account-btn-section {
    padding-top: 32px !important;
}

@media (max-width: 767.98px) {

    .validation-dialog-container {
        display: flex;
        width: 345px;
        padding: 32px;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;
        gap: 16px;
    }

    .dialog-top-text, .dialog-content-section, .dialog-content-separator-line, .dialog-btn-section {
        width: 300px;
    }

    .dialog-top-text, .schedule-flexbin-field-text, .card-info-diff-line, .schedule-flexbin-expiry-cvv-section, .schedule-flexbin-state-zip-section {
        width: 285px !important;
    }

    .schedule-flexbin-state-zip-section {
        margin-top: 32px;
    }

    .payment-card-section {
        display: flex;
        flex-direction: column;
        gap: 16px;
        width: 285px;
    }

    .schedule-flexbin-personal-details, .schedule-flexbin-card-details, .schedule-flexbin-address-details {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .expiry-cvv-field {
        width: 100% !important;
    }

    .state-zip-field {
        width: 50% !important;
    }

    .payment-method-btn-section {
        width: 285px;
        display: flex;
        flex-direction: column;
        float: left;
        justify-content: center;
        align-items: center;
    }

    .payment-method-close-btn {
        width: 100% !important;
        order: 2;
    }

    .payment-method-save-btn {
        width: 100% !important;
        order: 1;
    }

    .payment-option-section {
        display: flex;
        flex-direction: column;
        gap: 16px;
        width: 285px !important;
    }

    .schedule-flexbin-account-section {
        display: flex;
        flex-direction: column;
        gap: 24px;
        width: 285px !important;
    }

    .payment-opt-diff, .payment-opt-btn-section {
        padding-top: 0 !important;
        display: flex;
    }

    .schedule-flexbin-account-btn-section {
        padding-top: 0 !important;
        display: flex;
        margin-bottom: 16px;
    }
}

.hide-section {
    display: none !important;
}

@media (min-width:768px) {
    .methods-in-line {
        display: inline-flex;
        gap: 48px;
    }
}

/* Add new payment method section ends */


.number-input {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    /*border-radius: 4px;*/
    overflow: hidden;
    width: 115px;
    background: #F7F7FE;
    border-radius: 100px;
    margin-left: auto;
}

    .number-input input[type="number"] {
        flex-grow: 1;
        padding: 8px;
        border: none;
        text-align: center;
        width: 60px;
        background: transparent;
        -moz-appearance: textfield; /* Firefox */
    }

        .number-input input[type="number"]::-webkit-outer-spin-button,
        .number-input input[type="number"]::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

    .number-input button {
        background-color: transparent;
        border: none;
        color: #14477D;
        padding: 8px 10px;
        cursor: pointer;
        outline: none;
    }

        .number-input button:hover {
            background-color: #ddd;
        }

/*.number-input button:first-child {
            border-right: 1px solid #ccc;
        }

        .number-input button:last-child {
            border-left: 1px solid #ccc;
        }*/

.quantity-based-option {
    width: 100%;
    position: relative;
    left: -8px;
    padding: 8px;
    border-radius: 5px;
    border: 1px solid #ED6C02;
    background: #FFF3E5;
}

.add-to-cart-btn.disabled {
    pointer-events: none !important;
}

.addressDiv > div {
    row-gap: 32px;
}

.productItem.disabled, .addressDiv.disabled, input.disabled, .qqtOption.disabled, .productOption.disabled {
    pointer-events: none !important;
    opacity: 0.5;
}

.floating-tray {
    position: fixed;
    bottom: 0px;
    z-index: 999;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    /*background-color: white;*/
}

.floating-tray-title {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%; /* 31.25px */
    letter-spacing: 0.5px;
    width: 80%;
    color: #000;
}

.product-price-subsection {
    top: -5px;
    left: 1px;
    position: relative;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px; /* 140% */
}

.product-list-category-title {
    color: #14477D !important;
    /* heading-1 */
    font-family: 'Geometria' !important;
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%; /* 48px */
    align-self: stretch;
    margin-bottom: 32px;
}

.product-list-category-desc {
    font-size: 18px;
    font-family: 'Interstate';
    color: #666663;
    font-weight: 300;
    line-height: 140%;
    margin: 0;
}

.selected-faq-title {
    text-align: center;
    font-family: 'Geometria' !important;
    color: #14477D !important;
    font-weight: 300;
    line-height: 120%;
    margin: 0;
    font-size: 30px;
    margin-bottom: 56px;
}

.faq-new-question {
    color: #14477D;
    font-size: 20px;
    font-family: 'Interstate';
    font-weight: 300;
    line-height: 140%;
    margin: 0;
}

.faq-heading {
    text-align: center;
    font-family: 'Geometria' !important;
    color: #14477D !important;
    font-weight: 300;
    line-height: 120%;
    font-size: 30px;
}

.faq-title {
    padding: 24px 32px;
    font-family: Interstate;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    border-bottom: 1px solid #CCCCCC;
}

.btn-see-all {
    width: 320px;
    height: 50px;
    text-align: center !important;
    font-family: Interstate;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 140% !important;
    color: #14477D;
    padding: 10px 16px !important;
    border-radius: 4px !important;
    border: 1px solid #1B75BC !important;
    box-shadow: 0px 1px 2px 0px #6F7687;
}

.faq-title:last-child {
    border: none;
}

.information-card {
    background-color: rgba(101, 184, 223, 0.05);
    border-radius: 10px;
    border: 1px solid #65B8DF;
    padding: 15px;
}

.information-card-receipt {
    background-color: rgba(101, 184, 223, 0.05);
    border-radius: 10px;
    border: 1px solid #65B8DF;
    padding: 15px;
    width: 33%;
}

.resetBtn {
    border-radius: 4px;
    border: 1px solid #1B75BC;
    /*opacity: 0.5;*/
    box-shadow: 0px 1px 2px 0px #6F7687;
    padding: 10px 16px;
    background: transparent;
    font-size: 12px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    float: right;
    color: #14477D;
}

.carousel-inner img {
    height: 345px;
    object-fit: contain;
}

.carousel-inner {
    width: 80%;
    margin: auto;
}

.details-title {
    color: #14477D;
    font-family: var(--irm-font-family-regular);
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    letter-spacing: 0.5px;
}

.details-list {
    color: #666663;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--irm-font-family-regular);
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 160%;
    /* 28.8px */
}

.recurringShredText1 {
    color: #000;
    font-family: "Interstate";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}

.details-form-section {
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FAFAFA;
}

.title-2 {
    color: #666663;
    font-family: var(--irm-font-family-bold);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 8px;
}

.select-location-text {
    color: #14477D;
    font-size: 16px;
    font-style: normal;
    font-family: var(--irm-font-family-bold);
    font-weight: 400;
    line-height: 130%;
    /* 20.8px */
}

.product-total-price {
    color: #000;
    /*text-align: right;*/
    /* Heading 3-pano */
    font-family: "Interstate";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.product-price-subsection {
    top: -12px;
    left: 0px;
    position: relative;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
}

.service-location {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* font-family: "Interstate"; */
    /* 25.2px */
    font-family: var(--irm-font-family-medium);
}


.service-location-sub {
    color: #666663;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
    font-family: var(--irm-font-family-regular);
}

.prime-color {
    color: #14477D !important;
}

.gray-color {
    color: #666663 !important
}

.color-black {
    color: #000 !important;
}

.outline-box::placeholder {
    color: #CCC;
    font-family: var(--irm-font-family-light);
}

.outline-box {
    color: #CCC;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
    border: none;
    outline: none;
    background: transparent;
    border-bottom: 1px solid #14477D;
    height: 30px;
    font-family: var(--irm-font-family-regular);
}

.fw-300 {
    font-weight: 300 !important;
}

.cubicBox {
    border-radius: 5px;
    border: 1px solid #CCC;
    background: #FFF;
    align-items: center;
    /*justify-content: space-between;*/
    padding: 8px 24px 8px 12px;
    margin-bottom: 16px;
}

.thumb-1 {
    display: flex;
    width: 116px;
    height: 77.22px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    border: 1px solid #CCC;
    transition: transform 0.3s;
    cursor: pointer;
    object-fit: cover;
}

.carousel-control-next, .carousel-control-prev {
    width: 10%;
}

.learnmore-arrow-right-details {
    width: 6px;
    height: 12px;
    margin: -3px;
}

/*.payment-options [type="radio"]:checked,
.payment-options [type="radio"]:not(:checked) {
    left: unset;
}*/


[type="radio"]:checked, [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

    [type="radio"]:checked + label,
    [type="radio"]:not(:checked) + label {
        position: relative;
        padding-left: 28px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
    }

        [type="radio"]:checked + label:before,
        [type="radio"]:not(:checked) + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 20px;
            height: 20px;
            border: 1px solid #000000;
            border-radius: 100%;
            background: transparent;
        }

        [type="radio"]:checked + label:after,
        [type="radio"]:not(:checked) + label:after {
            content: '';
            width: 12px;
            height: 12px;
            background: #14477D;
            position: absolute;
            top: 4px;
            left: 4px;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
            border: 1px solid #14477D !important;
        }

        [type="radio"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        [type="radio"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }

.recurringShredMobile {
    display: none;
}

.alerts-div {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.body-container {
    margin-left: 60px;
    margin-top: 14px;
    margin-right: 60px;
}

.qqtTotalQuantitySection {
    color: #666663;
    text-align: right;
    font-family: var(--irm-font-family-medium);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.mobile-view {
    display: none;
}

.non-mobile-view {
    display: block;
}

@media screen and (max-width: 768px) {
    .product-detail-price-label-display {
        font-size: 10px;
        margin-left: 10px !important;
    }

    .payment-method-checkbox-text {
        font-size: 16px;
    }

    .cubicBox .payment-method-checkbox-text {
        font-size: 12px;
    }

    .payment-method-checkbox-text > img {
        margin-right: 0px;
        max-width: 60px;
    }

    .dropdown {
        border: none !important;
    }

        .dropdown.active .dropdown-content {
            width: 160px;
            right: 0;
        }

    .body-container {
        position: relative;
        /* top: 110px; */
        margin-top: 12rem;
    }

    .mobileScreenHeader {
        width: 100%;
        background-color: white;
        position: fixed;
        z-index: 900;
        top: 0;
    }

    .mobileScreenExpressHeader {
        width: 100%;
        background-color: white;
        position: fixed;
        z-index: 899;
        top: 75px;
    }

    .nav-menu-item-div {
        margin-bottom: 10px;
        margin-left: 14px;
    }

    .information-card-receipt {
        width: 100%;
    }

    .floating-tray-title {
        display: none;
    }

    .btn-checkout, .addtocart-section {
        margin: 0px !important;
        padding: 0px !important;
    }

    .product-total-price, .custom-quote-needed {
        width: auto;
    }

    .addtocart-section {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .btnSection {
        width: 200px
    }

    .number-input {
        height: 30px;
        min-width: 115px;
    }

        .number-input input[type=number] {
            width: 45px;
        }

        .number-input button {
            padding: 8px;
        }

    .non-mobile-view {
        display: none;
    }

    .mobile-view {
        display: block;
    }

        .mobile-view[open] .arrowIcon {
            transform: rotate(90deg);
            transition: max-height 0.3s ease;
        }

        .mobile-view > .details-title {
            display: flex;
            align-items: center;
            gap: 20px;
        }

    .arrowIcon {
        display: block;
    }

    .details-title {
        list-style: none;
    }

    .details-list-mobile {
        transition: max-height 0.3s ease;
    }

    .recurringShredText1 {
        display: none;
    }

    .recurringShredMobile {
        display: block;
    }

    .carousel-inner img {
        height: 230px;
    }
}

@media (max-width: 991px) {
    .body-container {
        margin-left: 20px;
        margin-right: 20px;
    }
}

.resetBtn.disabled {
    pointer-events: none !important;
    cursor: not-allowed;
    opacity: 0.65;
}

.option-additional-info {
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
    font-family: var(--irm-font-family-regular);
}

.productItem, .addressDiv {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.quantityInput {
    outline: none;
}

.outline-box::placeholder {
    color: #CCC;
    font-family: var(--irm-font-family-light);
}

.outline-box {
    color: #000;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
    border: none;
    outline: none;
    background: transparent;
    border-bottom: 1px solid #14477D;
    height: 30px;
    font-family: var(--irm-font-family-regular);
}

.errorIcon {
    position: absolute;
    right: 0;
    display: none;
}

.is-invalid, .form-control.is-invalid {
    /*display: block !important;*/
    background: url("assets/input-validation-warning.svg") no-repeat 95% 0%;
}

.warning-text {
    color: #FF8B00;
}

.product-detail-price-label-display {
    font-size: 12px;
    font-family: var(--irm-font-family-regular);
}

.input-label {
    color: #000;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
    border: none;
    outline: none;
    background: transparent;
    height: 30px;
    font-family: var(--irm-font-family-regular);
}

.up-arrow {
    rotate: 180deg;
}

.down-arrow {
    rotate: 0deg;
}

.account-form-checkbox-text {
    color: #3B3F4A;
    text-align: center;
    /* body-2 */
    font-family: 'Interstate';
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 19.6px */
    margin-top: 3px;
}

.account-form-checkbox-icon {
    color: #3B3F4A;
    border-radius: 8px;
    border-color: #14477D;
    width: 24px;
    height: 24px;
}

.account-form-optional-text-area {
    border: none !important;
    color: #000 !important;
    /* body-1 */
    font-family: 'Interstate' !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 300;
    line-height: 140% !important; /* 25.2px */
    display: flex !important;
    padding: 16px 8px 8px 16px !important;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
    border-bottom: 1px solid #14477D !important;
    opacity: 0.96;
    background: #F7F7FE !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

    .account-form-optional-text-area::placeholder {
        color: #ccc;
        font-family: var(--irm-font-family-regular);
    }

.account-form-checkout-next-btn {
    display: flex;
    width: 203px;
    height: 48px;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    background: linear-gradient(180deg, #1B75BC 0%, #14477D 100%) !important;
    /* button-shadow */
    box-shadow: 0px 1px 2px 0px #6F7687;
    color: #FFF;
    text-align: center;
    /* button-1 */
    font-family: 'Interstate';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 25.2px */
}

    .account-form-checkout-next-btn:hover {
        color: #FFF !important;
    }

.account-form-add-icon {
    display: flex;
    width: 24px;
    height: 24px;
    padding: 5.25px;
    justify-content: center;
    align-items: center;
}

.account-form-add-apartment-section {
    display: flex;
    /*padding: 4px 0px;*/
    align-items: center;
    gap: 8px;
    /*margin-top: 16px;
    border-bottom: 1px solid #14477D;*/
}

.Address2Link {
    border-bottom: 1px solid #14477D;
    display: flex;
    align-items: center;
    margin-top: 16px;
}

.account-form-radio-field-img {
    display: flex;
    width: 24px;
    height: 24px;
    padding: 2.25px 1.25px;
    justify-content: center;
    align-items: center;
    /*margin-left: 42px;*/
}

.account-form-radio-field {
    /*display: inline-flex;
    padding: 12px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid #14477D;
    background: #F7F7FE;*/
}

.account-form-radio-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #14477D;
    margin: 9px !important;
}

.payment-option-box-select {
    display: inline-flex;
    padding: 12px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid #14477D !important;
    background: #F7F7FE;
}

.payment-option-box {
    cursor: pointer;
    color: #6c757d;
    display: inline-flex;
    padding: 12px;
    align-items: center;
    gap: 16px;
}

.account-form-radio-field-header {
    color: #000;
    /* heading-4 */
    font-family: 'Interstate';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
    margin-top: 32px;
    margin-bottom: 16px;
}

.checkout-page-apply-button {
    display: flex;
    width: 80px;
    height: 32px;
    padding: 8px 10px !important;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    opacity: 0.5;
    background: linear-gradient(180deg, #1B75BC 0%, #14477D 100%);
    /* button-shadow */
    box-shadow: 0px 1px 2px 0px #6F7687;
}

.checkout-billing-section {
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    padding: 16px 0px;
    gap: 4px;
    align-self: stretch;
    margin-top: 16px;
    margin-bottom: 16px;
}

.checkout-billing-section-data {
    color: #666663;
    /* body-2 */
    font-family: 'Interstate Light';
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 19.6px */
}

.checkout-billing-total-value {
    color: #000;
    /* body-2 */
    font-family: 'Interstate';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 19.6px */
}

.checkout-billing-info-icon {
    width: 24px;
    height: 24px;
    margin-left: 8px;
    margin-bottom: 5px;
}

.checkout-billing-desc {
    align-self: stretch;
    color: #666663;
    /* label */
    font-family: 'Interstate';
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 16.8px */
    margin-top: 16px;
}

.checkout-billing-checkbox {
    border-radius: 8px;
    border-color: #000;
    width: 24px;
    height: 24px;
    margin-top: 16px;
}

.checkout-billing-submit-btn-text {
    color: #FFF;
    text-align: center;
    /* button-1 */
    font-family: 'Interstate';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 25.2px */
}

.checkout-billing-submit-btn {
    display: flex !important;
    height: 48px !important;
    padding: 10px 16px !important;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 4px !important;
    background: linear-gradient(180deg, #F7931E 0%, #EF4D43 100%) !important;
    /* button-shadow */
    box-shadow: 0px 1px 2px 0px #6F7687 !important;
    margin-top: 16px;
    margin-bottom: 16px !important;
}

.checkout-page-product-details {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.checkout-page-product-details-subsection {
    display: flex;
    width: 80%;
    justify-content: space-between;
}

.checkout-page-account-details {
    width: 45%;
}

.checkout-page-account-details-section {
    margin-bottom: 80px;
}

.checkout-page-billing-section {
    width: 50%;
}

.promo-code-input-div {
    width: 70%;
    margin-right: 16px;
}

.checkout-page-total-mobile-view {
    display: none;
}

.checkout-edit-product-container {
    border-radius: 16px;
    background: #FFF;
    width: 358px;
}

.checkout-edit-product-img {
    background: lightgray 7.76px -15.708px / 80.102% 120.139% no-repeat;
    border: none !important;
    margin-right: 16px;
}

.service-location-text {
    color: #000;
    /* heading-4 */
    font-family: 'Interstate';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
    margin-top: 24px;
}

.checkout-edit-modal-cancel-btn {
    display: flex !important;
    width: 155px;
    height: 48px;
    padding: 5px 0px !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 4px !important;
    color: #14477D;
    text-align: center;
    /* button-1 */
    font-family: 'Interstate';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 25.2px */
}

.chat-btn {
    border-radius: 4px;
    background: linear-gradient(180deg, #1B75BC 0%, #14477D 100%);
    /* button-shadow */
    box-shadow: 0px 1px 2px 0px #6F7687;
    display: flex;
    width: 100%;
    height: 48px;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #FFF !important;
    text-align: center;
    /* button-2 */
    font-family: var(--irm-font-family);
    font-size: 18px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 16.8px */
    border: none;
}

.chat-info {
    padding: 8px 16px;
    border-radius: 9px;
    gap: 12px
}

.account-form-toggle-btn-checked-icon {
    display: none;
}

.account-form-toggle-btnType-field.active .account-form-toggle-btn-checked-icon {
    display: block;
}

.checkout-bottom-or-separator {
    margin-top: 12px;
    margin-bottom: 4px;
}

.checkout-quote-separator-left {
    border-color: #ff6630 !important;
    width: 40%;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.checkout-quote-separator-right {
    border-color: #ff6630 !important;
    width: 40%;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.checkout-quote-separator-middle {
    margin: -9px 16px 0 16px !important;
    color: #666663 !important;
    line-height: normal !important;
}

.save-quote-section {
    height: auto;
    z-index: 1;
    display: flex;
    width: 100%;
    padding: 8px 0 0;
    flex-direction: column;
    align-items: center;
    background: #FFFFFF;
}

.save-quote-cancel {
    justify-content: center;
    align-items: center;
    display: flex;
    cursor: pointer;
}

.save-quote-bottom-section {
    background: var(--Primary-White, #FFF);
    display: flex;
    width: 100%;
    padding: 8px 0px 12px 0px;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.save-quote-title {
    display: flex;
    justify-content: center;
}

.save-quote-button {
    border-radius: 4px;
    border: 1px solid #14477D;
    display: flex;
    width: 94%;
    height: 48px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

.save-quote-button-img {
    display: flex;
    width: 27px;
    height: 27px;
    padding: 0.876px 0.865px 0.875px 0.865px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.save-quote-button-text {
    color: #14477D;
    font-size: 18px;
    line-height: 100%;
}

.save-quote-text {
    color: #14477D;
    font-size: 12px;
    line-height: 100%;
}

.save-quote-subitem-separator {
    width: 176px;
    margin-top: 0;
    margin-bottom: 0;
    border-color: #ebf0f8;
}

.save-quote-bottom-section .checkout-quote-separator-left,
.save-quote-bottom-section .checkout-quote-separator-right {
    width: 26%;
}

#saveQuoteSuccessSection .checkout-quote-separator-left,
#saveQuoteSuccessSection .checkout-quote-separator-right {
    width: 36%;
}

.cart-items-count {
    color: #1B75BC;
    font-size: 10px;
    line-height: 100%;
    margin-left: auto;
    margin-right: auto;
}

#save-quote-section .total-price .contract-type-price-zero {
    /*top: -12px;
    left: 0px;*/
    /*position: relative;*/
    font-size: 9px;
    /*font-style: normal;
    font-weight: 500;
    line-height: 14px;*/
}