/* import font */
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

/* Removing outline from button and link */
.msc-btn:focus,
.msc-cta__primary:focus,
.ms-nav__list__item__link:focus,
.ms-nav > .ms-nav__list > .ms-nav__list__item > .ms-nav__list__item__button:focus,
.ms-nav > .ms-nav__list > .ms-nav__list__item > .ms-nav__list__item__link:focus,
.ms-nav > .ms-nav__list > .ms-nav__list__item > .ms-nav__list__item__span:focus {
    border: 1px dashed transparent !important;
    outline: 1px dashed transparent !important;
}

.ms-nav > .ms-nav__list > .ms-nav__list__item > .ms-nav__list__item__button:focus, .ms-nav > .ms-nav__list > .ms-nav__list__item > .ms-nav__list__item__link:focus, .ms-nav > .ms-nav__list > .ms-nav__list__item > .ms-nav__list__item__span:focus {
    border: 1px dashed transparent !important;
    outline: 1px dashed transparent !important;
}

button.msc-add-to-cart:focus {
    border: 1px dashed transparent !important;
    outline: 1px dashed transparent !important;
}

img:focus {
    border: 1px dashed transparent !important;
    outline: 1px dashed transparent !important;
}

button:active.msc-add-to-cart:hover {
    background: #1452B8 !important;
}

.ms-header .msc-cart-icon:focus {
    border: 1px dashed transparent !important;
    outline: 1px dashed transparent !important;
}

/* img.msc-main_image.msc_image.ls-is-cached.lazyloaded:focus{
    border: 1px dashed transparent !important;
    outline: 1px dashed transparent !important;
} */

.ms-header .ms-header__account-info .ms-header__signin-button {
    display: none !important;
}

a.msc-cta__primary:hover {
    background: #1452B8 !important;
}

a.msc-cta__primary:focus {
    outline: none !important;
}

/* Webside header */
.ms-header {
    border: 1px solid #1860d8;
}

    .ms-header.ms-header-open {
        height: auto;
    }

.ms-header, .ms-header__container {
    padding-top: 0px;
}

    .ms-header .ms-header__topbar {
        height: 50px;
    }

[data-exp-event-id="CheckoutPage.PageView"] .ms-header .ms-header__topbar {
    height: 130px;
}


.ms-header__container {
    padding-bottom: 5px;
}

.ms-header__divider {
    display: none;
}

header.ms-header.hide-header-options {
    border-top: 2px solid rgba(24, 35, 154, 0.7);
    height: 130px;
}
/* checkoutpage header */
/* .ms-header{
    height: 130px;
    display: flex;
    align-items: center;
} */

/* Home page */
/* Move menu to the right of the logo */
#subheader .ms-header__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 25px 0px;
}

.ms-accordion-header-section-toggle-button-container {
    margin-top: 0;
    display: none;
}

.ms-header .ms-header__preferred-store-btn, .ms-header .ms-header__profile-button, .ms-header .ms-header__signin-button, .ms-header .ms-search__icon, .ms-header .msc-wishlist-icon {
    display: none;
}

.ms-promo-banner {
    background: var(--msv-promo-banner-bg);
    border: 1px solid var(--msv-promo-banner-border);
    display: flex;
    flex-wrap: wrap;
    line-height: 48px;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 100%;
}

.msc-cart__btn-checkout {
    display: none;
}

.ms-buybox .product-add-to-cart .msc-add-to-wishlist {
    display: none;
    color: var(--msv-buybox-btn-wishlist-color);
}

.ms-breadcrumb .ms-breadcrumb_item .ms-breadcrumb_link {
    display: none;
}

.ms-accordion-header-section-toggle-button-container .ms-accordion_CollapseAll, .ms-accordion-header-section-toggle-button-container .ms-accordion_ExpandAll {
    display: none;
}

.ms-checkout-guest-profile__input-text {
    background-color: #fff;
    border: 2px solid #b8b8b8;
    color: var(--msv-font-primary-color);
    display: block;
    flex-grow: 1;
    font-size: 18px;
    font-weight: 400;
    height: 48px;
    line-height: 24px;
    max-width: 400px;
    padding: 4px 8px;
}

.ms-nav > .ms-nav__list {
    flex-wrap: nowrap;
}

/* Shpping bag */
/* shopping bag icon */
.msc-cart-icon__count:focus {
    border: 1px dashed transparent !important;
    outline: 1px dashed transparent !important;
}

a.ms-cart-icon__btn-guestcheckout.msc-btn:hover, a.ms-cart-icon__btn-gotocart.msc-btn:hover {
    background-color: #1452B8;
    color: var(--msv-font-secondary-color);
}

a.ms-cart-icon__btn-guestcheckout.msc-btn, a.ms-cart-icon__btn-gotocart.msc-btn {
    background-color: var(--msv-accent-brand-color);
    color: var(--msv-font-secondary-color);
}

.ms-cart-icon__flyout-container .msc-flyout-inner .ms-cart-icon__btn-guestcheckout {
    background-color: var(--msv-accent-brand-color);
    border: 1px solid var(--msv-accent-brand-color);
    color: var(--msv-font-secondary-color);
    margin-bottom: 10px;
}

.ms-cart-icon__flyout-container .msc-flyout-inner .ms-cart-icon__btn-gotocart {
    border: 1px solid var(--msv-accent-brand-color);
    text-decoration: none;
}
/*CSS change to disable the checkout button if there is only installation item available in the cart - Start*/
  /*  .ms-cart-icon__flyout-container .msc-flyout-inner .ms-cart-icon__btn-guestcheckout:hover, .ms-cart-icon__flyout-container .msc-flyout-inner .ms-cart-icon__btn-gotocart:hover {
        background-color: #1452B8;
        color: var(--msv-font-secondary-color);
    }*/
/*CSS change to disable the checkout button if there is only installation item available in the cart - End*/

.ms-cart-icon__flyout-container .ms-cart-icon__flyout-title {
    font-size: 18px;
}

/* label.quantity-label{
    visibility: hidden;
    position: relative;
}
label.quantity-label::after {
    content: "Quantity: ";
    visibility: visible;
    left: 0;
    position: absolute;
} */

/* Shopping bag to Shopping cart */
/* .ms-cart .msc-cart__heading{
    visibility: hidden;
    position: relative;
}
h1.msc-cart__heading::after {
    content: "Shopping cart";
    visibility: visible;
    position: absolute;
    left: 0;
} */



/* Order Summary shopping cart page */
/* .msc-order-summary__heading {
    padding-bottom: 24px;
} */
/* Order Summary */
.msc-order-summary__heading {
    margin-bottom: 24px;
}

.msc-order-summary__line-shipping, .msc-order-summary__line-tax-amount {
    padding: 0px 0px 24px 0;
}

.msc-promo-code__line__btn-remove {
    text-decoration: underline;
}

.msc-promo-code-heading {
    display: none;
}

.msc-promo-code__discount-heading {
    margin-bottom: 15px
}

.msc-promo-code__group {
    margin-bottom: 40px;
}

.msc-promo-code__line-container {
    border-bottom: 1px solid #b8b8b8;
    margin: 24px 0px;
    padding-bottom: 24px;
    line-height: 0px;
}

.msc-promo-code__input-box {
    border: 2px solid #b8b8b8;
}

    .msc-promo-code__input-box:focus {
        outline: none;
        border: 2px solid #b8b8b8;
    }

button.msc-promo-code__apply-btn.btn.msc-btn.disabled {
    background-color: #1860d8;
}

.msc-order-summary__line-gift-card, .msc-order-summary__line-loyalty, .msc-order-summary__line-net-price, .msc-order-summary__line-other-charges, .msc-order-summary__line-shipping, .msc-order-summary__line-tax-amount, .msc-order-summary__line-total-discounts {
    padding: 24px 0;
}

.msc-order-summary__line-total {
    padding: 24px 0 20px;
    border-top: 1px solid #b8b8b8;
}

.msc-order-summary__line-sub-total {
    padding-bottom: 24px;
}

.ms-checkout__btn-place-order:disabled, .ms-checkout__btn-place-order[disabled] {
    background-color: #1860d8;
    border-color: #1860d8;
    opacity: 0.5;
}

button.msc-promo-code__apply-btn.btn.msc-btn.disabled {
    opacity: 0.5
}

.ms-cart .msc-promo-code__apply-btn:hover {
    cursor: pointer;
    background-color: #1452B8;
}

/* Change Order Summary lable to match zeplin design */
/* .msc-order-summary__line-sub-total .msc-order-summary__label{
    visibility: hidden;
    position: relative;
}
.msc-order-summary__line-sub-total .msc-order-summary__label::after{
    content: "Subtotal (Incl. GST)";
    visibility: visible;
    position: absolute;
    left: 0;
    width: 160px;
} */
.msc-order-summary__line-shipping .msc-order-summary__label {
    visibility: hidden;
    position: relative;
}

    .msc-order-summary__line-shipping .msc-order-summary__label::after {
        content: "Shipping";
        visibility: visible;
        position: absolute;
        left: 0;
    }

.msc-order-summary__line-tax-amount .msc-order-summary__label {
    visibility: hidden;
    position: relative;
}

    .msc-order-summary__line-tax-amount .msc-order-summary__label::after {
        content: "GST";
        visibility: visible;
        position: absolute;
        left: 0;
    }

/* PROCEED TO CHECKOUT Button */
/*CSS change to disable the checkout button if there is only installation item available in the cart - Start*/
.msc-cart__btn-guestcheckout {
    /*visibility: hidden;
    position: relative;*/
    content: "PROCEED TO CHECKOUT";
    visibility: visible;
    position: relative;
    width: 100%;
    padding: 10px;
    background-color: #1860d8;
    color: var(--msv-font-secondary-color);
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*a.msc-cart__btn-guestcheckout.msc-btn::after {
    content: "PROCEED TO CHECKOUT";
    visibility: visible;
    position: absolute;
    width: 100%;
    padding: 10px;
    background-color: #1860d8;
    color: var(--msv-font-secondary-color);
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}*/
/*CSS change to disable the checkout button if there is only installation item available in the cart - End*/

a.msc-cart__btn-guestcheckout.msc-btn:hover::after {
    background-color: #1452B8;
    text-decoration: underline;
}
/* back to shopping */
a.msc-cart__btn-backtoshopping.msc-btn {
    text-decoration: underline;
    font-size: 16px;
}

/* Shipping label */
.msc-cart-lines-group-wraper__bopis-heading {
    display: flex;
    padding-bottom: 25px;
}

.msc-cart-lines-group-wraper__bopis-heading-title {
    margin-bottom: 0;
    margin-left: 5px;
    margin-top: 10px;
}

.msc-cart-lines-group-wraper__bopis-heading-title-ct {
    font-weight: 700;
}

.msc-cart-line {
    height: 180px;
}
/* Cart Content */
/* .msc-cart-line__content{
    flex-direction: column;
 }

 .msc-cart-line__product {
    order: 1;
 }

 .msc-cart-line__product-price, .msc-cart-line__product-savings {
    order:2;
    width: 100%;
 }

 .msc-cart-line__product-quantity{
    flex: 1;
    order: 3;
    margin: 10px 0px;
} */
/* Cart Content change layout */
.msc-cart-line__content {
    flex-direction: column;
}

[data-exp-event-id="CartPage.PageView"] .msc-cart-line__product {
    order: 1;
    /*Alignment of the product name and price in the cart page - Start*/
    width: 60%;
    /*Alignment of the product name and price in the cart page - End*/
}

.msc-cart-line__product-price, .msc-cart-line__product-savings {
    order: 3;
    /*Alignment of the product name and price in the cart page - Start*/
    width: 40%;
    /*Alignment of the product name and price in the cart page - End*/
    /* margin-top: -168px; */
    margin-bottom: 50px;
}

.msc-price__strikethrough {
    padding-top: 0px;
}

.msc-cart-line__product-quantity {
    flex: 1;
    order: 3;
    margin: 10px 0px;
}
/* remove button */
.ms-cart .msc-cart-lines-group-wraper .msc-cart-line-group__extra-actions {
    margin-top: 0px;
    margin-left: 0px;
}
/* Cart content mobile view */
@media screen and (max-width: 768px) {

    /*Alignment of the product name and price in the cart page - Start*/
    .ms-cart .msc-cart-lines-item .msc-cart-line__product, .ms-cart .msc-cart-lines-item .msc-cart-line__product-quantity {
        width: 100%
    }

    .ms-cart .msc-cart-lines-item .msc-cart-line__product-savings {
        width: 100%
    }
    /*Alignment of the product name and price in the cart page - End*/

    .ms-cart .msc-cart-lines-item .msc-cart-line__product-savings {
       /* padding-top: 30%;*/
    }

    /*remove padding for discount price in the cart page Mobile view - Start*/
    /*.msc-price__strikethrough {
        margin-top: -60px;
    }*/
    /*remove padding for discount price in the cart page Mobile view - End*/

    .ms-promo-banner__content {
        line-height: 20px;
    }

    .ms-promo-banner .ms-promo-banner__text {
        font-size: 14px;
    }

    .msc-cart-line {
        height: 250px;
    }

    .ms-buybox__product-title {
        font-size: 24px;
    }

    .ms-cart .msc-cart-lines-item .msc-cart-line-group__extra-actions {
        margin: 5px 0px;
    }
}

@media screen and (max-width: 1200px) {
    .msc-cart-line__product-savings {
        width: 40%;
    }

    .ms-cart-icon__flyout-container .msc-cart-line__product-savings {
        /*Align the amounts in the hover cart section in Mobile view - Start*/
        margin-top: 30% !important;
        /*Align the amounts in the hover cart section in Mobile view - End*/
    }
}


/* Quantity btn group*/
.quantity {
    border: 2px solid #dbdbdb;
    ;
    margin-top: 10px;
    display: inline-block;
}

.msc-cart-line__product-quantity .quantity .decrement.disabled {
    background-color: #fff;
    border-color: #fff;
    color: #d8d8d8;
    font-size: 16px;
}

.msc-cart-line__product-quantity .quantity .decrement:after {
    font-size: 16px;
}

button.decrement.quantity__controls.disabled {
    padding: 0px;
}

.quantity-input {
    border: none;
    margin-left: 0px;
    margin-right: 0px;
    width: 25px;
    padding: 0px;
    font-weight: 600;
}

.msc-cart-line__product-quantity .quantity .increment {
    padding: 0px;
    border: none;
    font-size: 16px;
}

    .msc-cart-line__product-quantity .quantity .increment.disabled {
        background-color: #fff;
        border-color: #fff;
        color: #b8b8b8;
    }

.msc-cart-line__product-quantity .quantity .quantity-input {
    border-color: #fff;
    margin: 0;
    padding: 0;
    width: 25px;
}

.msc-cart-line__product-quantity .quantity .decrement {
    border: #fff;
}

    .msc-cart-line__product-quantity .quantity .decrement:hover {
        background-color: #fff;
        border: #fff;
    }

    .msc-cart-line__product-quantity .quantity .decrement:focus, .msc-cart-line__product-quantity .quantity .decrement:hover {
        background-color: #fff;
        border: #fff;
        cursor: pointer
    }

    .msc-cart-line__product-quantity .quantity .decrement:visited {
        border: #fff;
    }

.msc-cart-line__product-quantity .quantity .increment:hover {
    background-color: #fff;
    cursor: pointer;
}

.msc-cart-line__product-quantity .quantity .increment:focus {
    background-color: #fff;
    cursor: pointer;
}
/* .msc-cart-line__product-quantity .quantity .increment:hover {
    background-color: #fff;
} */
/* ///////////////////////////////////////////////////////////////////////////////////////// */
/* Checkout page */
.ms-checkout-guest-profile__input-text {
    border: 2px solid #b8b8b8;
}

input.ms-checkout-guest-profile__input-text:focus {
    outline: none;
    border: 2px solid #b8b8b8;
}

.ms-checkout__guided-card.closed.initialized.ready {
    border: none;
}

.ms-checkout__guided-card.active, .ms-checkout__guided-card.visted {
    border-top: none;
}

    .ms-checkout__guided-card.active.expanded.initialized.updating {
        border-top: 1px solid #b8b8b8
    }

.ms-checkout__guided-card.initialized.updating {
    border-top: 1px solid #b8b8b8;
}

.ms-checkout__guided-card.closed.initialized.ready .ms-checkout__guided-card-title-step {
    visibility: visible;
}

.ms-checkout__guided-card.expanded.visted.initialized.ready .ms-checkout__guided-card-title-step {
    visibility: visible;
}

.ms-checkout__guided-card:nth-child(2) {
    border-top: none;
    padding-top: 0px;
}

.ms-checkout__guided-card.active.expanded.initialized.updating:nth-child(2) {
    border-top: none;
    padding-top: 0px;
}

.ms-checkout__guided-card.initialized.updating:nth-child(2) {
    border-top: none;
    padding-top: 0px;
}

/*.ms-checkout__guided-card.expanded.visted.initialized.ready:nth-child(2) .ms-checkout__guided-card-title-step {
    visibility: hidden;
}*/

/*.ms-checkout__guided-card:nth-child(2) .ms-checkout__guided-card-header {
    visibility: hidden;
    height: 0px;
}*/

/*.ms-checkout__guided-card:nth-child(2) .ms-checkout__guided-card-title {
    visibility: hidden;
    position: relative;
    height: 0px;
}*/

/*.ms-checkout__guided-card:nth-child(2) .ms-checkout__guided-card-title-step {
    visibility: hidden;
    position: relative;
    height: 0px;
}

    .ms-checkout__guided-card:nth-child(2) .ms-checkout__guided-card-title-step:after {*/
        /* content: "2."; */
        /*visibility: hidden;
        position: absolute;
        left: 0;
        height: 0px;
    }*/

/*.ms-checkout__guided-card.expanded.visted.initialized.ready:nth-child(3) .ms-checkout__guided-card-title-step {
    visibility: hidden;
    position: relative;
    content: "";
}

    .ms-checkout__guided-card.expanded.visted.initialized.ready:nth-child(3) .ms-checkout__guided-card-title-step:after {
        content: "2.";
        visibility: visible;
        position: absolute;
        left: 0;
    }


.ms-checkout__guided-card:nth-child(3) .ms-checkout__guided-card-title-step {
    visibility: hidden;
    position: relative;
    content: "";
}

.ms-checkout__guided-card:nth-child(3) .ms-checkout__guided-card-title-step:after {
        content: "2.";
        visibility: visible;
        position: absolute;
        left: 0;
}

.ms-checkout__guided-card.expanded.visted.initialized.ready:nth-child(4) .ms-checkout__guided-card-title-step {
    visibility: hidden;
    position: relative;
    content: "";
}

.ms-checkout__guided-card.expanded.visted.initialized.ready:nth-child(4) .ms-checkout__guided-card-title-step:after {
        content: "3.";
        visibility: visible;
        position: absolute;
        left: 0;
}


.ms-checkout__guided-card:nth-child(4) .ms-checkout__guided-card-title-step {
    visibility: hidden;
    position: relative;
    content: "";
}

    .ms-checkout__guided-card:nth-child(4) .ms-checkout__guided-card-title-step:after {
        content: "3.";
        visibility: visible;
        position: absolute;
        left: 0;
    }

.ms-checkout__guided-card.expanded.visted.initialized.ready:nth-child(5) .ms-checkout__guided-card-title-step {
    visibility: hidden;
    position: relative;
    content: "";
}

.ms-checkout__guided-card.expanded.visted.initialized.ready:nth-child(5) .ms-checkout__guided-card-title-step:after {
        content: "4.";
        visibility: visible;
        position: absolute;
        left: 0;
}

.ms-checkout__guided-card:nth-child(5) .ms-checkout__guided-card-title-step {
    visibility: hidden;
    position: relative;
    content: "";
}

    .ms-checkout__guided-card:nth-child(5) .ms-checkout__guided-card-title-step:after {
        content: "4.";
        visibility: visible;
        position: absolute;
        left: 0;
    }

.ms-checkout__guided-card:nth-child(6) .ms-checkout__guided-card-title-step {
    visibility: hidden;
    position: relative;
}

    .ms-checkout__guided-card:nth-child(6) .ms-checkout__guided-card-title-step:after {*/
        /* content: "4."; */
        /*visibility: visible;
        position: absolute;
        left: 0;
    }

.ms-checkout__guided-card:nth-child(7) .ms-checkout__guided-card-title-step {
    visibility: hidden;
    position: relative;
}

    .ms-checkout__guided-card:nth-child(7) .ms-checkout__guided-card-title-step:after {*/
        /* content: "5."; */
        /*visibility: visible;
        position: absolute;
        left: 0;
    }*/

.ms-checkout__guided-card-btn-save .msc-btn .btn-primary {
    margin-top: 24px;
}

button.ms-checkout__guided-card-btn-edit.msc-btn.btn-link {
    visibility: hidden;
    position: relative;
}

    button.ms-checkout__guided-card-btn-edit.msc-btn.btn-link:after {
        content: "Edit";
        visibility: visible;
        text-decoration: underline;
        font-size: 16px;
        position: absolute;
        top: 0;
    }

.msc-address-form__dropdown {
    border: solid 2px #b8b8b8;
    outline: none;
}

.msc-address-form__input {
    border: solid 2px #b8b8b8;
    outline: none;
}

.msc-address-form__dropdown:focus {
    border: 2px solid #b8b8b8;
    outline: none;
}

.msc-address-form__input:focus {
    border: solid 2px #b8b8b8;
    outline: none;
}
/* Chekout page hide the multiple "place order button and list of items to match the design */
/* .ms-checkout__main-control, .ms-checkout .multiple-pickup-enabled{
    visibility: hidden;
} */

.ms-checkout__main-control {
    flex-direction: row;
    margin-left: -7px;
}

    .ms-checkout__main-control a.ms-checkout__btn-keep-shopping.msc-btn.msc-btn.btn-secondary {
        display: none;
    }


a.ms-checkout__btn-keep-shopping.msc-btn.msc-btn.btn-secondary {
    font-size: 16px;
    margin-left: 45px
}
/* Move save button down in step 1 */
/* .ms-checkout__guided-card.active.expanded.initialized.updating .ms-checkout__guided-card-body {
    content: "";
    display: block;
}
.ms-checkout__guided-card.closed.initialized.ready .ms-checkout__guided-card-content:before {
    content: "";
    display: block;
}
.ms-checkout__guided-card-footer{
    position:absolute;
    margin-top: 100px;
} */
button.ms-checkout__guided-card-btn-save.msc-btn.btn-primary {
    width: 400px;
    color: transparent;
    position: relative;
    content: "SAVE & CONTINUE";
}

    button.ms-checkout__guided-card-btn-save.msc-btn.btn-primary::after {
        content: "SAVE & CONTINUE";
        color: var(--msv-font-secondary-color);
        position: absolute;
        left: 0;
        right: 0;
    }

.msc-btn {
    border-radius: 0;
}

button.ms-checkout__guided-card-btn-cancel.msc-btn.btn-secondary {
    display: none;
}

.ms-checkout__guided-card-body {
    padding-left: 0;
}

.ms-checkout-guest-profile__input-label {
    visibility: hidden;
    position: relative;
}

label#ms-checkout-guest-profile__label::after {
    content: "Email address";
    visibility: visible;
    position: absolute;
    left: 0;
}

[data-exp-event-id="CheckoutPage.PageView"] .msc-cart-line__product-price {
    margin-bottom: 5px;
}

[data-exp-event-id="CheckoutPage.PageView"] a.ms-checkout__line-items-edit-cart-link.msc-btn.btn-link {
    font-size: 16px;
    text-decoration: underline;
    padding: 3px;
}

.msc-order-summary__line-total .msc-order-summary__label {
    visibility: hidden;
    position: relative;
}

    .msc-order-summary__line-total .msc-order-summary__label::after {
        content: "TOTAL";
        visibility: visible;
        position: absolute;
        left: 0;
    }

select#shipping_addressstate, select#shipping_addressthreeletterisoregionname {
    padding-left: 4px;
}
/* PLACE ORDER button */
button.ms-checkout__btn-place-order.msc-btn.btn-primary {
    color: transparent;
    position: relative;
    width: 400px;
}

    button.ms-checkout__btn-place-order.msc-btn.btn-primary::after {
        content: "PLACE ORDER";
        color: var(--msv-font-secondary-color);
        position: absolute;
        left: 0;
        right: 0;
        width: 400px;
    }

/* Payment method */
.ms-checkout-section-container.has-initialized.is-updating.col-12.fullwidth {
    padding-left: 0;
    margin-left: -10px;
}

.ms-checkout-billing-address {
    margin-left: 10px;
}

.checkout-payment-instrument__iframe {
    margin-bottom: -40px;
}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* mobile */
@media (max-width: 992px) {
    .ms-header__container .ms-header__topbar .ms-header__logo {
        height: auto;
        /*Set the width to the header logo in mobile view - Start*/
        width: 13em;
        /*Set the width to the header logo in mobile view - End*/
    }
    .ms-promo-banner__content {
        /* line-height: 0px; */
        font-size: 14px;
    }

    [data-exp-event-id="CheckoutPage.PageView"] .ms-promo-banner.alignment__center {
        padding: 15px 0px 1px;
        height: 70px;
    }

    .ms-buybox__product-title {
        font-size: 32px;
    }

    /* .ms-header {
        height: 95px;
    } */

    #subheader .ms-header__container {
        margin: 18px 0px;
    }

    .ms-header .ms-header__topbar {
        margin: 5px;
        padding-top: 10px;
    }

    .ms-nav > .ms-nav__list {
        flex-wrap: nowrap;
    }

    [data-exp-event-id="CheckoutPage.PageView"] .ms-header .ms-header__topbar {
        height: 95px;
    }

    header.ms-header.hide-header-options {
        height: 95px;
    }
}

/* hamburger menu */
@media (max-width: 992px) {
    .ms-header__container .ms-header__topbar {
        display: flex;
    }
    /* 
    header.ms-header.hide-header-options {
        height: 70px;
    } */
}

.ms-header .ms-header__nav-icon {
    order: 3;
}
/* //////////////////////////////////////////////////////////////////////////// */
/* Product Page */
.msc-carousel__indicators li {
    width: 5px;
    height: 5px;
}

.ms-buybox__product-title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 24px;
}

.quantity {
    border: 2px solid #b8b8b8;
}

.ms-buybox__quantity {
    margin-top: 24px;
}

.ms-buybox .quantity .quantity-input {
    width: 20px;
}

.ms-buybox .quantity .quantity__controls {
    width: 40px;
    border: 1px solid #fff;
}

.ms-buybox .product-add-to-cart .msc-add-to-cart {
    margin-top: 24px;
}

span.drawer__buttontext.__start {
    font-size: 24px;
}

.ms-accordion-item__drawer {
    border-bottom: 1px solid #b8b8b8;
    border-top: none;
}

button.drawer__button.msc-btn.btn-block {
    margin-top: -5px;
}

.ms-accordion-item-content {
    margin-bottom: 20px;
}

/* Updated text in Add to cart modal to match requirement */
/*Commented inorder show the standard product quantity - Start */
/*.msc-modal__header .msc-modal__title {
    visibility: hidden;
    position: relative;
}

    .msc-modal__header .msc-modal__title::after {
        content: "It's in your bag";
        visibility: visible;
        position: absolute;
        left: 0;
        font-size: 24px
    }*/
/*Commented inorder show the standard product quantity - End */

/*CSS change to disable the checkout button if there is only installation item available in the cart - Start*/
.ms-cart-icon__flyout-container .msc-flyout-inner .ms-cart-icon__btn-guestcheckout {
    /*color: transparent;
    position: relative;*/
    content: "PROCEED TO CHECKOUT";
    color: var(--msv-font-secondary-color);
    position: relative;
    left: 0;
    right: 0;
}

    /*.ms-cart-icon__flyout-container .msc-flyout-inner .ms-cart-icon__btn-guestcheckout:hover {
        color: transparent;
        position: relative;
    }*/

   /* .ms-cart-icon__flyout-container .msc-flyout-inner .ms-cart-icon__btn-guestcheckout::after {
        content: "PROCEED TO CHECKOUT";
        color: var(--msv-font-secondary-color);
        position: absolute;
        left: 0;
        right: 0;
    }*/
/*CSS change to disable the checkout button if there is only installation item available in the cart - End*/

/* product page mobile view */
@media screen and (max-width: 768px) {
    .ms-buybox__product-title {
        font-size: 24px;
    }

    a.ms-checkout__btn-keep-shopping.msc-btn.msc-btn.btn-secondary {
        margin-left: 20px;
    }
}

.msc-modal .msc-add-to-cart__dialog__back-to-shopping:hover {
    background-color: #1452B8 !important;
}

.msc-add-to-cart__dialog__back-to-shopping.msc-btn,
.msc-add-to-cart__dialog__back-to-shopping.msc-btn:hover {
    color: transparent;
    position: relative;
}

    .msc-add-to-cart__dialog__back-to-shopping.msc-btn::after {
        content: "CONTINUE SHOPPING";
        color: var(--msv-accent-brand-color);
        position: absolute;
        left: 0;
        right: 0;
    }

    .msc-add-to-cart__dialog__back-to-shopping.msc-btn:hover::after {
        color: var(--msv-font-secondary-color);
    }

.msc-modal .msc-add-to-cart__dialog__go-to-cart:hover {
    background-color: #1452B8 !important;
}

.input-field {
    border: 2px solid #b8b8b8;
}

.ms-buybox__product-quantity-label,
.ms-buybox__product-description {
    font-size: 16px;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* footer */
footer {
    margin-top: 100px;
    background-color: #f6f6f6;
    border-top: 1px solid rgba(34, 34, 34, 0.2);
}

div#subfooter {
    border-top: 1px solid rgba(34, 34, 34, 0.2);
    background: #f6f6f6;
    margin-top: 100px;
}

#subfooter .row {
    padding: 10px;
}

/* error promo code */
.msc-alert-danger {
    background-color: transparent;
    border-color: transparent;
    margin-top: -45px;
    padding: 8px 0px;
    margin-bottom: 24px;
    font-weight: 900;
}

.msc-promo-code__input-box:invalid {
    border: 1px solid var(--msv-promo-code-alert-color) !important;
}

.msc-alert.msc-alert.msc-alert-danger {
    margin-top: 1px;
}
/* Address alert */
.address-form__item-invalid .msc-address-form__alert {
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--msv-promo-code-alert-color);
    padding: 0;
    margin-bottom: 0;
}
/* card alert */
.ms-checkout-payment-instrument__error {
    background-color: transparent;
    border: none;
    color: var(--msv-error-color);
}

.ms-checkout-payment-instrument__error-message {
    color: var(--msv-error-color);
}


/* 
.ms-checkout__guided-card.closed.initialized.ready .ms-checkout__guided-card-title-step:first-child:: {
    visibility: visible;
}

.ms-checkout__guided-card.expanded.visted.initialized.ready .ms-checkout__guided-card-title-step:first-child {
    visibility: visible;
}

.ms-checkout__guided-card.closed.initialized.ready .ms-checkout__guided-card-title-step:first-of-type {
    visibility: visible;
}

.ms-checkout__guided-card.expanded.visted.initialized.ready .ms-checkout__guided-card-title-step:first-of-type {
    visibility: visible;
} */


/* .ms-buybox .product-add-to-cart .msc-add-to-cart {
    background-color: var(--msv-buybox-primary-btn-bg);
    border: 1px solid var(--msv-buybox-primary-btn-border);
    color: transparent;
    flex-grow: 1;
    font-size: var(--msv-buybox-btn-font-size);
    line-height: 24px;
    min-width: 160px;
    padding: 12px 20px;
    position: relative;
}
.ms-buybox .product-add-to-cart .msc-add-to-cart::after {
    color: var(--msv-buybox-primary-btn-font-color);
    content: "Add to cart";
    position: absolute;
    left: 0;
    right: 0;guided-card:nth-child(2)
} */

/* .ms-header .msc-cart-icon:before{
    color: transparent;
    position: relative;
}
.ms-header .msc-cart-icon:after{
    visibility: visible;
    color: #fff;
    position: absolute;
    left:0;
    content: url("https://icons8.com/icon/XEwdMH7Fp4rK/cart");
} */

/* Change bag to Cart across the site */

/*Remove "ADD TO BAG" label and apply the standard label "Add to bag" - Start*/
/*.ms-buybox .product-add-to-cart .msc-add-to-cart {
    color: transparent;
    position: relative;
}

    .ms-buybox .product-add-to-cart .msc-add-to-cart:focus,
    .ms-buybox .product-add-to-cart .msc-add-to-cart:hover {
        color: transparent; 
        position: relative;
    }*/
/*Remove "ADD TO BAG" label and apply the standard label "Add to bag" - End*/

/*label field "Phone" updated as "Mobile Number" - Start*/

/* .ms-checkout-shipping-address .msc-address-form__label[for=shipping_addressphone] { 
    color: transparent;
    position: relative;
}
.ms-checkout-shipping-address .msc-address-form__label[for=shipping_addressphone]::after {
        color: var(--msv-checkout-shipping-address-font-color);
        font-size: var(--msv-checkout-address-font-size);
        content: "Mobile Number";
        position: absolute;
        left: 0;
        right: 0;
}*/

.msc-address-form__label[for=billing_addressphone] {
    color: transparent;
    position: relative;
}
.msc-address-form__label[for=billing_addressphone]::after {
        color: var(--msv-checkout-shipping-address-font-color);
        font-size: var(--msv-checkout-address-font-size);
        content: "Mobile Number";
        position: absolute;
        left: 0;
        right: 0;
}
.ms-order-confirmation__address-phone-label {
    color: transparent;
    position: relative;
}

.ms-order-confirmation__address-phone-label::after {
        color: var(--msv-font-primary-color);
        content: "Mobile:";
        position: absolute;
        left: 0;
        right: 0;
}

/*label field "Phone" updated as "Mobile Number" - End*/

/*Price value hidden from add to bag dialog - Start*/

.msc-modal .msc-add-to-cart__dialog__product-price {
    visibility: hidden !important;
    padding: 0px 0 !important;
}

/*Price value removed from add to bag dialog - Start - End*/

/*Product name to be displayed in the order confirmation page - Start*/
.ms-order-confirmation__sales-line .msc-cart-line__product {
    display: block;
}
.ms-order-confirmation__sales-line .msc-cart-line {
    width: 100%;
}
/*Product name to be displayed in the order confirmation page - End*/

/*Hide wishlist in the navigation pane in mobile view - Start*/
.ms-header .ms-header__collapsible-hamburger .ms-header__wishlist-mobile {
    display: none;
    height: 0px;
}

    .ms-header .ms-header__collapsible-hamburger .ms-header__wishlist-mobile::after {
        display: none;
        height: 0px;
    }
/*Hide wishlist in the navigation pane in mobile view - End*/

/*Hide Search in the navigation pane in mobile view - Start*/
.ms-header .ms-header__collapsible-hamburger .ms-search .ms-search__label .ms-search__icon {
    display: none;
    height: 0px;
}

    .ms-header .ms-header__collapsible-hamburger .ms-search .ms-search__label .ms-search__icon::after {
        display: none;
        height: 0px;
    }
/*Hide Search in the navigation pane in mobile view - End*/

/*Navigation bar to be displayed - Start*/
.ms-nav > .ms-nav__list {
    list-style-type: none;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: end;
    flex-wrap: nowrap; /* assumes you only want one row */
}
/*Navigation bar to be displayed - End*/

/*CSS for marketting preferences error message - Start*/

.ms-checkout-terms-and-conditions__error-title {
    display: none;
}

.ms-checkout-terms-and-conditions__error-message {
    color: var(--msv-error-color);
    font-size: 16px;
    font-weight: var(--msv-font-weight-bold);
    line-height: 21px;
    display: block;
    margin-bottom: 10px;
    margin-top: 2px
}
    .ms-checkout-terms-and-conditions__error-message::before {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        content: "";
        display: inline-block;
        font-family: Font Awesome\ 5 Free;
        font-style: normal;
        font-variant: normal;
        font-weight: 900;
        line-height: 1;
        margin-right: 8px;
        text-rendering: auto
    }
    .ms-checkout-terms-and-conditions__error-message::after {
        color: var(--msv-error-color);
        display: block;
        margin-bottom: 0
    }
/*CSS for marketting preferences error message - End*/

/*Align the AMPOL Logo input header - Start*/
.ms-header__container .ms-header__logo {
    margin-top: 5em;
    /*set default width to the ampol logo - Start*/
    width: 270px;
    /*set default width to the ampol logo - End*/
}

.ms-header .ms-header__desktop-view{
    visibility: hidden;
}
.ms-nav > .ms-nav__list > .ms-nav__list__item{
    visibility: visible;
}

/*Checkout Page*/
[data-exp-event-id="CheckoutPage.PageView"] .ms-header .ms-header__topbar .ms-header__logo {
    margin-top: 0%;
    /*Align the AMPOL Logo input header - Start*/
    height: auto;
    /*Align the AMPOL Logo input header - End*/
}

/*Align the AMPOL Logo input header - End*/

/*Rename Tax to GST in order confirmation page - Start*/

.ms-order-confirmation__order-summary-line-tax-amount .ms-order-confirmation__order-summary-label {
    visibility: hidden;
    position: relative;
}

.ms-order-confirmation__order-summary-line-tax-amount .ms-order-confirmation__order-summary-label::after {
    content: "GST";
    visibility: visible;
    position: absolute;
    left: 0;
}
/*Rename Tax to GST in order confirmation page - End*/

/*Hide the Error message text for payment errors - Start*/
.ms-checkout-payment-instrument__error-title {
    display: none;
}
/*Hide the Error message text for payment errors - End*/

/*Apply error css for payment errors - Start*/
.ms-checkout-payment-instrument__error-message {
    color: var(--msv-error-color);
    font-size: 16px;
    font-weight: var(--msv-font-weight-bold);
    line-height: 21px;
    display: block;
    margin-bottom: 10px;
    margin-top: 2px
}

    .ms-checkout-payment-instrument__error-message::before {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        content: "";
        display: inline-block;
        font-family: Font Awesome\ 5 Free;
        font-style: normal;
        font-variant: normal;
        font-weight: 900;
        line-height: 1;
        margin-right: 8px;
        text-rendering: auto
    }

    .ms-checkout-payment-instrument__error-message::after {
        color: var(--msv-error-color);
        display: block;
        margin-bottom: 0
    }
/*Apply error css for payment errors - End*/


/*Hide the strikethrough amount in checkout page - Start*/
.msc-cart-line__product-price .msc-price.discount-value .msc-price__strikethrough, .msc-cart-line__product-savings .msc-price.discount-value .msc-price__strikethrough
{
    display: none;
}
/*Hide the strikethrough amount in checkout page - End*/

/*Remove the blank space between hero image and order confirmation text in order confirmation page in Mobile view - Start*/
.ms-content-block[data-m-layout=full-width] .ms-content-block__details, .ms-content-block[data-m-layout=full-width].textplacement__center .ms-content-block__details, .ms-content-block[data-m-layout=full-width].textplacement__left .ms-content-block__details, .ms-content-block[data-m-layout=full-width].textplacement__right .ms-content-block__details
{
    display: none;
}
/*Remove the blank space between hero image and order confirmation text in order confirmation page in Mobile view - End*/

/*Enable the privacy policy link in the footer - Start*/
.ms-footer__link {
    z-index: 1;
}
/*Enable the privacy policy link in the footer - End*/

/*Align the cart ison in header - End*/
@media (min-width: 992px) {
    .ms-header .ms-cart-icon{
        height: 4%;
        margin-right: 1.5%;
    }
}
/*Align the cart ison in header - End*/

/*Dynamically resize hero image as per screen size - End*/
#subheader {
    display: flex;
    justify-content: center;
}
/*Dynamically resize hero image as per screen size - End*/

/*Add padding for discount price in the cart page Mobile view - Start*/
@media (max-width: 280px) {
    .msc-cart-lines-item {
        min-height: 420px;
    }
}
/*Add padding for discount price in the cart page Mobile view - End*/

/*Rename the City label to Suburb in Checkout page - Start*/
/*.ms-checkout-shipping-address .msc-address-form__label[for=shipping_addresscity] {
    color: transparent;
    position: relative;
}

    .ms-checkout-shipping-address .msc-address-form__label[for=shipping_addresscity]::after {
        color: var(--msv-checkout-shipping-address-font-color);
        font-size: var(--msv-checkout-address-font-size);
        content: "Suburb *";
        position: absolute;
        left: 0;
        right: 0;
    }*/

.msc-address-form__label[for=billing_addresscity] {
    color: transparent;
    position: relative;
}

    .msc-address-form__label[for=billing_addresscity]::after {
        color: var(--msv-checkout-shipping-address-font-color);
        font-size: var(--msv-checkout-address-font-size);
        content: "Suburb *";
        position: absolute;
        left: 0;
        right: 0;
    }
/*Rename the City label to Suburb in Checkout page - End*/

/*Remove "ADD TO BAG" label and apply the standard label "Add to bag" - Start*/
/*.ms-buybox .product-add-to-cart .msc-add-to-cart::after {
    content: "ADD TO BAG";
    color: var(--msv-buybox-primary-btn-font-color);
    position: absolute;
    left: 0;
    right: 0;
}

        .ms-buybox .product-add-to-cart .msc-add-to-cart::after:hover,
        .ms-buybox .product-add-to-cart .msc-add-to-cart::after:focus {
            content: "ADD TO BAG";
            color: var(--msv-buybox-primary-btn-font-color);
            position: absolute;
            left: 0;
            right: 0;
        }*/
/*Remove "ADD TO BAG" label and apply the standard label "Add to bag" - End*/

a.msc-add-to-cart__dialog__go-to-cart.msc-btn {
    color: transparent;
    position: relative;
}

    a.msc-add-to-cart__dialog__go-to-cart.msc-btn::after {
        content: "PROCEED TO CHECKOUT";
        color: #fff;
        position: absolute;
        left: 0;
        right: 0;
    }

/* .ms-cart-icon__flyout-container .ms-cart-icon__flyout-title{
    visibility: hidden;
    position: relative;
}
span.ms-cart-icon__flyout-title::after {
    content: "Your shopping cart";
    visibility: visible;
    position: absolute;
    left: 0;
    right: 0;
    width: 250px;
} */

/* .ms-cart-icon__flyout-container .msc-flyout-inner .ms-cart-icon__btn-gotocart{
    color:transparent;
    position: relative;
}

.ms-cart-icon__flyout-container .msc-flyout-inner .ms-cart-icon__btn-gotocart::after{
    content: "VIEW SHOPPING CART (0)";
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
} */
/* .ms-footer__link .msc-image-container, .ms-footer__link .msc_image {
    height: 50px;
    width: 100%;
} */
.ms-footer__link .msc_image {
    height: 50px;
    width: 100%;
}

.ms-footer > div > div:nth-child(4) .ms-footer__list-item:nth-child(2) {
    position: absolute;
    top: 50px;
    width: 100%;
}

.ms-footer > div > div:nth-child(4) .ms-footer__list-item:nth-child(3) {
    left: 0;
    position: absolute;
    top: 120px;
    width: 100%;
}

footer {
    margin-top: 0px;
    height: 60px;
    display: flex;
    align-items: center;
}

    footer .row {
        display: flex;
        justify-content: space-between;
    }

.col-md-4:last-child ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

    .col-md-4:last-child ul li {
        flex: 1;
    }

.col-md-4:last-child .ms-footer__list-item img.msc-main_image.msc_image.lazyloaded {
    width: 20px;
    height: 20px;
}

footer .ms-footer__item {
    display: flex;
    justify-content: center;
    height: 60px;
    align-items: center;
}
/*CSS changes for applying alignment for footer in 125% and 150% - Start*/
@media (min-width: 800px) {
    .col-md-4:first-child {
        display: flex;
        /*Enable the privacy policy link in the footer - Start*/
        z-index: 1;
        /*Enable the privacy policy link in the footer - End*/
    }

    .col-md-4:nth-child(2) {
        margin-left: -40%;
        display: flex;
        z-index: 1;
    }
    /*CSS changes for applying alignment for footer in 125% and 150% - End*/
    
}

@media (max-width: 768px) {
    footer {
        margin-top: 0px;
        height: 160px;
    }

        footer .row {
            flex-direction: column;
            align-items: center;
        }

        footer .ms-footer__item {
            height: 40px;
        }

        footer .default-container.IDNML1drU_bdvz31b.container {
            background-color: #f6f6f6;
            border-top: rgba(34, 34, 34, 0.2);
        }

    #subfooter {
        /*Remove empty space in footer - Start*/
        height: 400px;
        /*Remove empty space in footer - End*/
    }

        #subfooter .col-12 {
            .ms-checkout__guided-card-header padding-bottom: 8px;
        }

    .ms-footer__item {
        padding-right: 0;
    }
}

/*CSS changes for checkout contact email section - Start*/
.ms-checkout-terms-and-conditions__checkbox-label {
    display: flex;
}
.ms-checkout-terms-and-conditions__padding {
    padding-top: 20px;
}
/*CSS changes for checkout contact email section - End*/

/*CSS changes for reducing the font size of product collection heading - Start*/
.ms-product-collection__heading{
    font-size:revert;
}
/*CSS changes for reducing the font size of product collection heading - End*/

/*CSS changes for applying bold to the promo banner content - Start*/
.ms-promo-banner__text {
    font-weight: bold !important;
}
/*CSS changes for applying bold to the promo banner content - End*/

/*CSS changes to remove the dotted line border of Learn more hyperlink in the promo banner - Start*/
.ms-promo-banner .ms-promo-banner__link:focus {
    border: unset !important;
    outline: unset !important;
}
/*CSS changes to remove the dotted line border of Learn more hyperlink in the promo banner - End*/