/* My Orders CSS Start*/
.my-ord .main-container {
    max-width: 62rem;
    margin: auto;
}

.my-ord .membership-image {
    max-width: 75px;
}

@media only screen and (min-width:480px) and (max-width:820px) {
    .my-ord .main-container {
        width: 95%;
        margin: auto;
    }
}

@media only screen and (max-width:479px) {
    .my-ord .main-container {
        width: 100%;
        margin: auto;
        margin-bottom: -25px;
    }

    .my-ord .hob-desk {
        display: none !important;
    }

    .my-ord .membership-image {
        max-width: 50px;
    }
}

/* My Orders CSS Ends*/
/* View Register Products */

.view-reg-pr .main-container {
    max-width: 62rem;
    margin: auto;
}

.view-reg-pr .sub-container {
    padding-bottom: 1px;
}

.view-reg-pr .description {
    margin: 36px 0 10px 0;
}

.view-reg-pr .product-image {
    max-width: 243px;
    max-height: 252px;
    margin: 15px 0 15px 0;
	padding: 15px;
	background-color: var(--mya-new-monogram-theme-color-white);
}

.view-reg-pr .btn-icon {
    height: 12px;
    margin-right: 5px;
}

.view-reg-pr .bodewell-yellow {
    max-width: 267px;
    height: auto;
}

.view-reg-pr .bodewell-section {
    padding: 0 0 0 10px;
    text-align: left;
}

.view-reg-pr .related-parts-section {
    margin: 0 15px 15px 15px;
}

.view-reg-pr .bodewell-White {
    max-width: 176px;
    height: auto;
}

.view-reg-pr .sch-button {
    margin: auto;
}

.view-reg-pr .service-care-section {
    margin: 0 15px 15px 15px;
}

.view-reg-pr .hob-desk {
    max-width: 100%;
}

.view-reg-pr .responsive-container {
    max-width: 40%;
    border-radius: 0rem;
}

.view-reg-pr .input-box-space {
    margin-top: -25px;
}

.view-reg-pr .wifiLogo {
    max-width: 100px;
}


.view-reg-pr .text-underline-link {
    text-decoration: underline;
}

.view-reg-pr .register-product-text {
    white-space: nowrap;
    ;
}

.view-reg-pr .btn-with-icon {
    width: fit-content !important;
    min-width: max-content !important;
}

.view-reg-pr .backdrop-open-custom {
    opacity: 0.1 !important;
}

.view-reg-pr .product-remove-modal-container {
    align-items: center;
}

.view-reg-pr .popup-modal-cotent {
    max-width: 400px !important;
    border-radius: unset !important;
}

.view-reg-pr .add-appliances-div {
    width: unset !important;
}

.view-reg-pr .each-product-div {
    transition: all 0.3s ease-in-out;
}

.view-reg-pr .each-product-div:hover {
    border: 2px solid var(--mya-new-monogram-theme-color-primary);
    transform: scale(1.02);
    /* Optional: slight pop effect */
}

.view-reg-pr .i-icon-style {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #d9d9d9;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 11px;
    font-weight: 700;
    margin-top: 7px;
    font-family: Georgia, serif;
    margin-left: 5px;
}

.view-reg-pr .floating-label {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: white;
    padding: 0 5px;
    color: #777;
    font-size: 14px;
    transition: 0.3s ease;
    pointer-events: none;
}

.view-reg-pr .floating-label.active {
    top: 0px;
    font-size: var(--mya-new-monogram-theme-font-size-h3);
    color: var(--mya-new-monogram-theme-color-medium);
    font-weight: bold;
}

.view-reg-pr .search-reg-product-span {
    color: var(--mya-new-monogram-theme-color-medium);
    font-size: 12px;
}

.view-reg-pr .options-div {
    max-height: 200px;
    overflow-y: scroll;
    border: 1px solid #D6D6D665;
}

.view-reg-pr .custom-input {
    width: 100%;
    padding: 14px 40px 14px 12px;
    font-size: var(--mya-new-monogram-theme-font-size-small);
    border-radius: 6px;
    outline: none;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D6D6D6;
    opacity: 1;
    letter-spacing: var(--mya-new-monogram-theme-character-spacing-small);
}

.view-reg-pr .ul-style {
    margin: unset !important;
}

.view-reg-pr .combo-box-input-style {
    border-radius: 0px;
}

@media only screen and (min-width:480px) and (max-width:820px) {
    .view-reg-pr .main-container {
        width: 95%;
        margin: auto;
    }

    .view-reg-pr .bodewell-yellow {
        max-width: 178px;
        height: auto;
    }

    .view-reg-pr .bodewell-section {
        padding: 0 0 0 20px;
        text-align: left;
    }

    .view-reg-pr .responsive-container {
        max-width: 50%;
    }


}

@media only screen and (max-width:479px) {
    .view-reg-pr .main-container {
        width: 93%;
        margin: auto;
        margin-bottom: -25px;
    }

    .view-reg-pr .sub-container {
        margin-left: -17px;
        margin-right: -17px;
    }

    .view-reg-pr .bodewell-section {
        padding: 0 25px 25px 25px;
        text-align: center;
    }

    .view-reg-pr .product-image {
        max-height: 175px;
        max-width: 100%;
        margin: 15px 0 15px 0;
        object-fit: contain;
		padding: 15px;
	background-color: var(--mya-new-monogram-theme-color-white);
    }

    .view-reg-pr .image-container {
        width: 100%;
        height: 220px;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

    .view-reg-pr .image-card {
        width: 100%;
        overflow: hidden;
    }

    .view-reg-pr .button-container {
        margin: auto;
        text-align: start;
        padding: 0 0 0 20px;
    }

    .view-reg-pr .hide-on-mobile {
        display: none !important;
    }

    .view-reg-pr .bodewell-yellow {
        max-width: 178px;
        height: auto;
    }

    .view-reg-pr .hob-desk {
        display: none !important;
    }


}

/* View Register Products end */

/* Product Details CSS Start*/
.pr-det .main-container {
    max-width: 62rem;
    margin: auto;
}

.pr-det .sub-container {
    padding-bottom: 1px;
}

.pr-det .description {
    margin: 36px 0 10px 0;
}

.pr-det .product-image {
    max-width: 243px;
    max-height: 252px;
    margin: 15px 0 15px 0;
	padding: 15px;
	background-color: var(--mya-new-monogram-theme-color-white);
}

.pr-det .btn-icon {
    height: 12px;
    margin-right: 5px;
}

.pr-det .bodewell-yellow {
    max-width: 267px;
    height: auto;
}

.pr-det .bodewell-section {
    padding: 0 0 0 10px;
    text-align: left;
}

.pr-det .related-parts-section {
    margin: 0 15px 15px 15px;
}

.pr-det .bodewell-White {
    max-width: 176px;
    height: auto;
}

.pr-det .sch-button {
    margin: auto;
}

.pr-det .service-care-section {
    margin: 0 15px 15px 15px;
}

.pr-det .hob-desk {
    max-width: 100%;
}

.pr-det .responsive-container {
    max-width: 40%;
    border-radius: 0rem;
}

.pr-det .input-box-space {
    margin-top: -25px;
}

.pr-det .wifiLogo {
    max-width: 100px;
}


@media only screen and (min-width:480px) and (max-width:820px) {
    .pr-det .main-container {
        width: 95%;
        margin: auto;
    }

    .pr-det .bodewell-yellow {
        max-width: 178px;
        height: auto;
    }

    .pr-det .bodewell-section {
        padding: 0 0 0 20px;
        text-align: left;
    }

    .pr-det .responsive-container {
        max-width: 50%;
    }
}

@media only screen and (max-width:479px) {
    .pr-det .main-container {
        width: 93%;
        margin: auto;
        margin-bottom: -25px;
    }

    .pr-det .sub-container {
        margin-left: -17px;
        margin-right: -17px;
    }

    .pr-det .bodewell-section {
        padding: 0 25px 25px 25px;
        text-align: center;
    }

    .pr-det .product-image {
        max-height: 175px;
        max-width: 169px;
        margin: 15px 0 15px 0;
		padding: 15px;
		background-color: var(--mya-new-monogram-theme-color-white);		
    }

    .pr-det .button-container {
        margin: auto;
        text-align: start;
        padding: 0 0 0 20px;
    }

    .pr-det .hide-on-mobile {
        display: none !important;
    }

    .pr-det .bodewell-yellow {
        max-width: 178px;
        height: auto;
    }

    .pr-det .hob-desk {
        display: none !important;
    }
}

/* Product Details CSS End*/

/* Related Parts CSS Start*/
.rel-parts .nav-btn {
    padding: 0 10px 60px 10px;
    background: none;
    border: none;
}

.rel-parts .nav-icon {
    max-width: 25px;
    height: auto;
}

.rel-parts .track {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: stretch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.rel-parts .track::-webkit-scrollbar {
    display: none;
}

.rel-parts .carousel-item {
    display: flex;
}

.rel-parts .product-card {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 0.75rem;
    background: #fff;
    margin-top: auto;
}

.rel-parts .product__image-wrap {
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rel-parts .product__image {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.rel-parts .product-card .button-style {
    margin-top: auto;
    width: 100%;
    align-self: stretch;
}

@media (max-width: 768px) {
    .rel-parts .track {
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        gap: 12px;
        padding-inline: 30px;
        scroll-padding-inline: 16px;
    }

    .rel-parts .carousel-item {
        flex: 0 0 calc(100% - 56px);
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }
}

@media (min-width: 769px) {
    .rel-parts .track {
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        gap: 24px;
    }

    .rel-parts .track::-webkit-scrollbar {
        display: none;
    }

    .rel-parts .carousel-item {
        flex: 0 0 calc((100% - 48px) / 3);
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }
}

/* Related Parts CSS End*/

/* Service Schedule List - Repair Page CSS Starts*/
.rep-ser-list .main-container {
    max-width: 62rem;
    margin: auto;
    margin-bottom: -15px;
}

.rep-ser-list .bodewell-yellow {
    max-width: 267px;
    height: auto;
}

.rep-ser-list .bodewell-section {
    text-align: left;
}

.bodewell-inner-section {
    padding-left: 15px;
}

.rep-ser-list .product-section {
    margin: auto;
}

.rep-ser-list .product-image {
    max-width: 114px;
    margin: auto;
}

.rep-ser-list .image-section {
    margin: auto;
}

.rep-ser-list .hide-on-desktop {
    display: none !important;
}

.rep-ser-list .description-sec {
    margin: auto;
    padding-left: 10px;
}

.rep-ser-list .service-heading {
    margin-bottom: -15px;
}

.rep-ser-list .hob-desk {
    max-width: 100%;
	padding: 45px 0 30px 0;
}

@media only screen and (min-width:480px) and (max-width:820px) {
    .rep-ser-list .main-container {
        width: 95%;
        margin: auto;
    }

    .rep-ser-list .bodewell-section {
        padding-left: 25px;
    }

    .rep-ser-list .bodewell-yellow {
        max-width: 178px;
        height: auto;
    }

    .rep-ser-list .bodewell-inner-section {
        padding-left: 25px;
    }
}

@media only screen and (max-width:479px) {
    .rep-ser-list .main-container {
        width: 100%;
        margin: auto;
        margin-bottom: -40px;
    }

    .rep-ser-list .bodewell-yellow {
        max-width: 178px;
        height: auto;
        margin-bottom: -17px;
    }

    .rep-ser-list .bodewell-section {
        text-align: center;
    }

    .rep-ser-list .bodewell-inner-section {
        padding-left: 18px;
    }

    .rep-ser-list .sub-container {
        margin-left: -17px;
        margin-right: -17px;
    }

    .rep-ser-list .hide-on-mobile {
        display: none !important;
    }

    .rep-ser-list .button-comp {
        width: 70%;
    }

    .rep-ser-list .hob-desk {
        display: none !important;
    }
	
	.rep-ser-list .hob-mob {
        padding: 30px 0 30px 0;
    }
}

/* Service Schedule List - Repair Page CSS Ends*/

/* CSS for Sign-In Popup*/
.mya-new_LoginForm .slds-modal {
    align-content: center;
}

.mya-new_LoginForm .slds-modal__content {
    padding: 0;
    box-shadow: none !important;
    text-align: left;
}

.mya-new_LoginForm .slds-text-link {
    letter-spacing: 0px;
    color: #4680C4;
    opacity: 1;
    text-decoration: underline;
    font-size: 12px;
}

.mya-new_LoginForm h2 {
    font-family: var(--unnamed-font-family-helvetica-neue);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-bold);
    font-size: var(--unnamed-font-size-16);
    line-height: var(--unnamed-line-spacing-19);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-707070);
    margin: 2rem 0 !important;
}

.mya-new_LoginForm .input-text {
    text-align: left !important;
}

.mya-new_LoginForm .continue-btn {
    width: 100%;
    color: #fff;
    padding: 10px 0;
    margin-top: 1rem !important;
    background: var(--unnamed-color-707070) 0% 0% no-repeat padding-box;
    background: var(--mya-new-monogram-theme-color-medium) 0% 0% no-repeat padding-box;
    opacity: 1;
    font-size: 14px;
}

.mya-new_LoginForm hr {
    border: none;
    border-top: 1px solid var(--color-divider);
    margin: var(--space-5) 0 var(--space-4);
}

.mya-new_LoginForm .or-text {
    text-align: center;
    color: var(--color-muted);
    margin: var(--space-4) 0;
}

.mya-new_LoginForm .footer {
    background: none;
    padding-top: 1rem !important;
    font-size: 12px;
    text-align: left;
}

.mya-new_LoginForm .Stand-alone-Link {
    font-size: 14px;
}

.mya-new_LoginForm .slds-modal__container {
    height: auto;
    padding: 25px;
    max-width: 35em;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
    border: 1px solid var(--mya-new-monogram-theme-color-medium);
}

.mya-new_LoginForm .mya-new_LoginForm.input-container {
    position: relative;
    width: 100%;
    margin-top: 20px;
}

.mya-new_LoginForm .custom-input {
    width: 100%;
    padding: 14px 40px 14px 12px;
    font-size: var(--mya-new-monogram-theme-font-size-small);
    border-radius: 6px;
    outline: none;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D6D6D6;
    opacity: 1;
    letter-spacing: var(--mya-new-monogram-theme-character-spacing-small);
}


.mya-new_LoginForm .floating-label {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: white;
    padding: 0 5px;
    color: #777;
    font-size: var(--mya-new-monogram-theme-font-size-small);
    transition: 0.3s ease;
    pointer-events: none;
}

.mya-new_LoginForm .floating-label.active {
    top: 0;
    font-size: var(--mya-new-monogram-theme-font-size-small);
    color: var(--mya-new-monogram-theme-color-secondary-button-text);
}


.mya-new_LoginForm .eye {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.mya-new_LoginForm .field {
    position: relative;
}

.mya-new_LoginForm .label {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: white;
    padding: 0 6px;
    font-size: var(--mya-new-monogram-theme-font-size-small);
    transition: all 0.3s ease;
    pointer-events: none;
}

.mya-new_LoginForm .label.active {
    top: 0;
    transform: translateY(-50%);
    font-size: var(--mya-new-monogram-theme-font-size-small);
    color: var(--mya-new-monogram-theme-color-secondary-button-text);
}


/* Start Account Details component css */

/* Start Account Details component css */
.compHeader {
    font-size: 22px;
    text-align: left;
    margin: 0;
    border-bottom: 2px solid #3DB3E7;
    color: #555;
}

.account-profile {
    max-width: 50%;
    margin: 15px auto;
}

.account-profile a {
    background-color: transparent;
    color: #1a63a2;
    text-decoration: none;
    cursor: pointer;
}

.account-profile .delete-btn {
    padding-top: 5px;
    background-color: #003B71;
    color: white;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 5px;
}

.account-profile .cancel-btn {
    padding-top: 5px;
    background-color: white;
    color: #003B71;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 5px;
    border: 1px solid #003B71;
}

.account-profile .border-style {
    border-bottom-color: #3DB3E7;
}


.no-margin-bottom {
    margin-bottom: 0;
}

.no-margin-top {
    margin-top: 0;
}

/* End Account Details Component CSS */

/* start address details component css */
.add-block {
    justify-content: space-between;
}

.modal-header-confirm {
    font-size: 22px;
    color: #092c74;
    font-weight: 800;
    margin-bottom: 0em;
    letter-spacing: 0.25px;
    margin-top: 0rem;
    text-transform: capitalize;
    background: transparent;
    border-bottom: none;
    padding: 10px 0;
}

.reveal.add-address-modal {
    top: 200px;
    margin-bottom: 20px;
}

.reveal {
    overflow: visible;
    border: 4px solid #3333339A;
    margin-bottom: 1em;
    /* padding: 1rem 2rem; */
    width: 600px;
    max-width: 75rem;
    z-index: 1006;
    backface-visibility: hidden;
    border-radius: 0;
    background-color: #fefefe;
    position: relative;
    top: 100px;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto;
    right: auto;
    left: auto;
    margin: 0 auto;
}

.reveal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1005;
    background-color: rgba(10, 10, 10, 0.45);
    overflow-y: auto;
}

.add-block p {
    font-size: 14px;
}

.linkbutton {
    font-weight: 600;
}

.linkbutton:hover {
    color: #092c74;
    text-decoration: underline;
}

/* End end address details component csss */
/* start paymentinfo css */

.payment-address-info {
    display: grid;
    line-height: 25px;
    text-align: left;
    padding: 20px 0px;
}

/* end payment css */
/* start password edit */
.pwd-instruction {
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 600;
}

.msg {
    font-size: 18px;
    text-transform: capitalize;
}

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

.valid {
    color: var(--mya-new-monogram-theme-color-success);
    margin-bottom: 0px;
    font-size: 14px;
}

.invalid {
    color: black;
    margin-bottom: 0px;
    font-size: 14px;
}

/* end password edit */
/* start delete record popup */
.del-acc .slds-modal__container {
    width: 40%;
}

.del-acc .modal-header {
    font-size: 22px;
    color: #12212e;
    background-color: #F2F5F7;
    /* border-bottom: 0px solid #fff;
    font-weight: 600;
    margin-top: 0rem;
    margin-bottom: 0rem;
    padding-top: 12px;
    line-height: 30px; */
}

.del-acc .delete-btn {
    padding-top: 10px;
    background-color: #003B71;
    color: white;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 10px;
}

.del-acc .cancel-btn {
    padding-top: 10px;
    background-color: white;
    color: #003B71;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 10px;
    border: 1px solid #003B71;
}

.del-acc .deleteaccount-container {
    background-color: #fff;
    /* padding: 8px; */
}

.del-acc .deleteaccount-modal-text {
    font-weight: normal;
    font-size: 16px;
    color: #000;
}

.del-acc .button-style-delete-account {
    border: none;
    display: flex;
    justify-content: center;
    padding-bottom: 30px;
}

.del-acc .no-border {
    border-bottom: 0px Solid white;
}

.del-acc .close-button:hover {
    background-color: transparent;
    border-style: none;
}

.del-acc .close-button {
    background: none;
    border: none;
    right: 8px;
    top: 8px;
    position: absolute;
    cursor: pointer;
    padding: 0;
}

.del-acc .close-button svg {
    height: 2rem;
    stroke: #245B83;
    pointer-events: none;
}

.del-acc .cancel-account,
.confirm-account {
    flex-basis: 50%;
}

/* start chnagepassowod css */
.valid {
    color: var(--mya-new-monogram-theme-color-success);
    margin-bottom: 0px;
    font-size: 14px;
}

.invalid {
    color: black;
    margin-bottom: 0px;
    font-size: 14px;
}

/* End changePassword css */

.customCssModal .slds-modal__header {
    border: 0;
    padding: 20px 20px 10px 20px;
    display: flex;
    justify-content: space-between;
    border-radius: 0px !important;
    background-color: #fff;
}

.payment-title h1 {
    margin: 1rem 0px 3rem 0px;
    letter-spacing: 0.25px;
    font-size: xx-large;
    text-align: center;
    font-weight: 100;
    font-style: normal;
    line-height: 1.18571em;
    color: #555;
    text-transform: var(--heading-text-transform);
}

/* all media query css */
@media (min-width: 48em) {
    .slds-modal__container {
        padding: 1rem 0;
    }
}

@media only screen and (max-width:480px) {
    .title-text {
        padding: 2px;
    }

    .modal-header-confirm {
        padding: 10px 10px 10px 10px;
        width: 100%;
        margin: 14px 0px 14px 0px;
    }

    .reveal.add-address-modal {
        top: 15%;
        margin-bottom: 20px;
    }

    .reveal {
        padding: 1rem 1rem;
        width: 95%;
        top: 5%;
        margin-right: auto;
        margin-left: auto;
        overflow-y: auto;
    }

    .mob-table2 tr {
        font-size: 20px;
    }
}


@media (max-width: 599px) {
    .del-acc .slds-modal__container {
        width: 90%;
        margin: auto;
    }

    .del-acc .confirm-account {
        font-size: 14px;
    }

    .account-profile {
        max-width: 100%;
        margin: 0 auto;
        padding: 0.5rem;
    }
}

@media only screen and (max-width: 639px) {
    .del-acc .deleteLink {
        margin: 15px 0px 12px 0px;
        font-size: 14px;
    }

    .del-acc .cancel-account {
        font-size: 14px;
    }

    .del-acc .deleteaccount-modal-text {
        font-size: 14px;
    }
}

@media (min-width: 600px) and (max-width: 999px) {
    .del-acc .slds-modal__container {
        width: 60%;
        margin: auto;
    }
}

@media only screen and (min-width:481px) and (max-width:768px) {
    .reveal {
        padding: 1rem 2rem;
        width: 80%;
        top: 100px;
        margin-right: auto;
        margin-left: auto;
        overflow-y: auto;
    }

    .reveal.add-address-modal {
        top: 15%;
        margin-bottom: 20px;
    }
}

@media (max-width: 768px) {
    .slds-grid.slds-wrap.haier-spacing>.address-col {
        width: 100%;
    }
}

/* new account details css mockup based */
lightning-formatted-phone span {
    font-family: var(--mya-new-gea-theme-font-family-effra);
    font-style: var(--mya-new-gea-theme-font-style-normal);
    font-weight: var(--mya-new-gea-theme-font-weight-bold);
    font-size: var(--mya-new-gea-theme-font-size-12);
    line-height: var(--mya-new-gea-theme-line-spacing-18);
    letter-spacing: var(--mya-new-gea-theme-character-spacing-0);
    color: var(--mya-new-gea-theme-color-707070);
}

/* Create account */
.scrollable-div {
    max-height: 90vh;
    overflow-y: auto;
}

/* Hide scrollbar on mobile */
@media (max-width: 768px) {
    .scrollable-div {
        scrollbar-width: none;
    }

    .scrollable-div::-webkit-scrollbar {
        display: none;
    }
}

.consent-message-div {
    display: flex;
}

.mya-new_LoginForm .custom-checkbox {
    transform: scale(3);
    margin-left: 15px;
    margin-top: 15px;
    margin-right: 15px;
    cursor: pointer;
}

.tooltip-container {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.tooltip-container .tooltip-box {
    visibility: hidden;
    opacity: 0;
    background-color: var(--mya-new-monogram-theme-color-white);
    text-align: center;
    padding: 8px 12px;
    width: 150px;
    border: 1px solid var(--mya-new-monogram-theme-color-light);
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 140%;
    transform: translateX(-50%);
    font-weight: 300px;
    font-family: var(--mya-new-monogram-theme-font-family1), var(--mya-new-monogram-theme-font-family2), var(--mya-new-monogram-theme-font-family3), var(--mya-new-monogram-theme-font-family4);
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* Reveal the tooltip on hover */
.tooltip-container:hover .tooltip-box {
    visibility: visible;
    opacity: 1;
}

.clickable-eye-icon {
    pointer-events: all !important;
    cursor: pointer;
}
.social-icon-img{
    width : 15px;
    height : 15px;
}


/* Communication Preferences CSS Start */

/*email entry form pop-up*/
.comm-pref .email-entry-modal {
    background: var(--mya-new-monogram-theme-color-white);
    width: 400px;
    max-width: calc(100% - 32px);
    padding: 20px;
    border: 1px solid var(--mya-new-monogram-theme-color-medium);
    border-radius: 0;
    box-sizing: border-box;
}


.comm-pref .email-entry-modal .modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 18px;
}


.comm-pref .email-entry-modal .modal-divider {
    height: 1px;
    background: var(--mya-new-monogram-theme-color-light);
    margin: 0 0 18px 0;
}

/* Login message  */
.comm-pref .email-entry-modal .show-login-message {
    margin: 0;
}

/* Login link */
.comm-pref .email-entry-modal .show-login-message .text-link {
    cursor: pointer;
}

/* Add different email link row. */
.comm-pref .email-entry-modal .different-email-link-row {
    margin-top: 6px;
    margin-bottom: 0;
    padding-left: 0;
    cursor: pointer;
}

/* Guest user message */
.comm-pref .email-entry-modal .guest-user-message {
    margin-top: 12px;
    margin-bottom: 0;
}

.comm-pref .email-entry-modal .modal-input-error {
    border: 1.5px solid var(--mya-new-monogram-theme-color-error);
    outline: none;
}

.comm-pref .email-entry-modal .modal-submit {
    width: 100%;
    margin-top: 22px;
}

.comm-pref .email-entry-modal .guest-email-error {
    margin-top: 8px;
    margin-bottom: 0;
}

.comm-pref .email-entry-modal .modal-input {
    width: 100%;
    height: 35px;
    padding: 8px 12px;    
	margin-bottom: 0;
    border-radius: 0;
    border: 1px solid var(--mya-new-monogram-theme-color-medium);
    background: var(--mya-new-monogram-theme-color-white);
    color: var(--mya-new-monogram-theme-color-dark);
    box-sizing: border-box;
}

.comm-pref .email-entry-modal .post-submit-email {
margin: 0 0 16px 0;
word-break: break-word;
}

.comm-pref .email-entry-modal .modal-input::placeholder {
    color: var(--mya-new-monogram-theme-color-dark);
    opacity: 0.6;
}

.comm-pref .email-entry-modal .modal-input:focus {
    border-color: var(--mya-new-monogram-theme-color-secondary);
    outline: none;
    box-shadow: none;
}
.comm-pref .email-entry-modal .modal-text {
    margin: 0 0 15px 0;
}
.comm-pref .email-entry-modal .close-btn {
    border: none;
    background: none;
    padding: 0;
    margin-left: 16px;
    cursor: pointer;
    color: var(--mya-new-monogram-theme-color-primary-textlink-default);
    /*font-size: 18px;*/
    line-height: 30px;
    text-align: center;
}

.comm-pref .email-entry-modal .close-btn:hover {
    color: var(--mya-new-monogram-theme-color-primary-textlink-hover);
}

/*Email pref*/
.comm-pref .email-entry-modal .modal-title {
    margin: 0;
    flex: 1;
}

.comm-pref .wrapper {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 32px 40px;
    background: var(--mya-new-monogram-theme-color-white);
    box-sizing: border-box;
}

.comm-pref .heading {
    margin: 0 0 14px 0;
    text-transform: uppercase;
}

.comm-pref .subheading {
    margin: 0;
}

.comm-pref .description {
    margin-top: 4px;
    margin-bottom: 28px;
}

.comm-pref .pref-title {
    margin: 0;
}

.comm-pref .pref-desc {
    margin-top: 4px;
}

.comm-pref .pref-card {
    border: 1px solid var(--mya-new-monogram-theme-color-dark);
    margin-bottom: 24px;
    background: var(--mya-new-monogram-theme-color-white);
    width: 100%;
    box-sizing: border-box;
}

.comm-pref .pref-toggle {
    width: 100%;
    background: var(--mya-new-monogram-theme-color-white);
    border: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px;
    text-align: left;
    box-sizing: border-box;
}

.comm-pref .email-toggle-btn {
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}

.comm-pref .email-toggle-btn:focus {
    outline: none;
    box-shadow: none;
}

.comm-pref .email-toggle-btn:focus-visible {
    outline: 2px solid var(--mya-new-monogram-theme-color-secondary);
    outline-offset: 2px;
}

/*.comm-pref .email-toggle-btn:focus {
    outline: 2px solid var(--mya-new-monogram-theme-color-secondary);
    outline-offset: 2px;
}*/

.comm-pref .static-card {
    cursor: default;
}

.comm-pref .pref-left {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

/*Applied Confirmation Message - Communication Preferences*/
.comm-pref .applied-confirmation-block {
    padding: 16px 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 4px;
}

.comm-pref .confirmation-message {
    margin: 0;
    padding: 0;
    line-height: 1.6;
}

.comm-pref .card-icon {
    margin-top: 2px;
}

.comm-pref .icon-toggle {
    font-size: 32px;
    line-height: 1;
    color: var(--mya-new-monogram-theme-color-medium);
    font-weight: var(--mya-new-monogram-theme-font-weight-normal);
    min-width: 24px;
    text-align: center;
}

.comm-pref .email-block {
    margin-bottom: 24px;
    padding-left: 0;
}

.comm-pref .label {
    margin: 0 0 6px 0;
}

.comm-pref .email-value {
    margin: 0;
    word-break: break-word;
}

.comm-pref .different-email-link-row {
    margin-top: 6px;
    margin-bottom: 0;
    padding-left: 0;
    cursor: pointer;
}

.comm-pref .group-block {
    margin-bottom: 28px;
    padding-left: 0;
}

.comm-pref .group-heading {
    margin-bottom: 10px;
}

.comm-pref .group-title {
    margin: 0;
}

.comm-pref .group-text {
    margin: 0;
}

.comm-pref .select-all {
    margin-bottom: 12px;
    padding-left: 8px;
}

.comm-pref .brand-toggle-link {
    cursor: pointer;
}


.comm-pref .brand-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-left: 24px;
}

.comm-pref .brand-option {
    display: block;
}

.comm-pref .brand-option-label {
    margin-left: 6px;
}

.comm-pref .checkbox-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
}

.comm-pref .checkbox-row input[type="checkbox"] {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.comm-pref .apply-change-note {
    padding-left: 0;
    margin-top: 10px;
    margin-bottom: 0;
    max-width: 760px;
}

.comm-pref .unsubscribe-section {
    text-align: left;
    padding-left: 0;
}

.comm-pref .unsubscribe-text {
    margin: 0 0 14px 0;
    padding-left: 0;
}

.comm-pref .unsubscribe-all-btn {
    width: fit-content;
    min-width: max-content;
}

.comm-pref .expanded-section {
    padding: 8px 32px 32px 64px;
}

.comm-pref .action-row {
    padding-left: 0;
    margin-top: 18px;
    margin-bottom: 14px;
}

.comm-pref .divider {
    margin: 22px 0;
    border: none;
    border-top: 1px solid var(--mya-new-monogram-theme-color-light);
}

.comm-pref .apply-changes-btn {
    width: fit-content;
    min-width: max-content;
}

.comm-pref .modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(27, 29, 28, 0.5);
    border: 1px solid var(--mya-new-monogram-theme-color-medium);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.comm-pref .consent-gpc-banner {
    margin: 12px 0 16px 0;
    padding: 12px 16px;
    border: 1px solid var(--mya-new-monogram-theme-color-light);
    background: var(--mya-new-monogram-theme-color-light);
}

.comm-pref .unsubscribe-message-block {
    padding-left: 0;
    margin-top: 24px;
}

.comm-pref .unsubscribe-message {
    margin: 0 0 6px 0;
}

/* Desktop view */
@media only screen and (min-width: 821px) {
    .comm-pref {
        padding-top: 3rem;
    }

    .comm-pref .wrapper {
        width: 100%;
        max-width: 1200px;
        padding: 32px 40px;
    }

    .comm-pref .pref-card {
        width: 100%;
    }

    .comm-pref .email-entry-modal {
        width: 400px;
        max-width: 400px;
        padding: 20px;
    }

    .comm-pref .email-entry-modal .modal-header {
        margin-bottom: 18px;
    }

    .comm-pref .email-entry-modal .modal-divider {
        margin: 0 0 18px 0;
    }

    .comm-pref .email-entry-modal .modal-submit {
        width: 100%;
        margin-top: 22px;
    }

    /* Text Message section */
    .comm-pref .comm-pref-text-msg .text-section-content {
        max-width: 760px;
    }

    .comm-pref .comm-pref-text-msg .text-section-body {
        padding-left: 46px;
    }

    .comm-pref .comm-pref-text-msg .dropdown {
        width: 35%;
        max-width: 420px;
    }

    /* U.S. Mail section */
    .comm-pref .comm-pref-us-mail .us-mail-content {
        padding-left: 62px;
        max-width: 760px;
        box-sizing: border-box;
    }

    .comm-pref .comm-pref-us-mail .update-preferences-btn {
        width: fit-content !important;
        min-width: max-content !important;
        display: inline-block;
    }
}


/* Tablet view */
@media only screen and (min-width: 480px) and (max-width: 820px) {
    .comm-pref {
        padding-top: 2.5rem;
    }

    .comm-pref .wrapper {
        width: 95%;
        max-width: 1200px;
        padding: 28px 24px;
    }

    .comm-pref .heading {
        margin-bottom: 12px;
    }

    .comm-pref .description {
        margin-bottom: 24px;
    }

    .comm-pref .pref-toggle {
        padding: 18px 20px;
    }

    .comm-pref .expanded-section {
        padding: 8px 24px 28px 58px;
    }

    .comm-pref .email-block,
    .comm-pref .group-block,
    .comm-pref .action-row {
        padding-left: 24px;
    }

    .comm-pref .apply-change-note {
        padding-left: 24px;
        max-width: 100%;
    }

    .comm-pref .unsubscribe-section {
        padding: 0;
    }

    .comm-pref .unsubscribe-message-block,
    .comm-pref .different-email-link-row {
        padding-left: 0;
    }

    .comm-pref .email-entry-modal {
        width: 70%;
        max-width: 400px;
        padding: 20px;
    }

    .comm-pref .email-entry-modal .modal-header {
        margin-bottom: 16px;
    }

    .comm-pref .email-entry-modal .modal-divider {
        margin: 0 0 18px 0;
    }

    .comm-pref .email-entry-modal .modal-text {
        margin-bottom: 15px;
    }

    .comm-pref .email-entry-modal .post-submit-email {
        margin-bottom: 16px;
    }

    .comm-pref .email-entry-modal .modal-submit {
        width: 100%;
        margin-top: 20px;
    }

    .comm-pref .email-entry-modal .guest-user-message {
        margin-top: 12px;
    }

    /* Text Message section */
    .comm-pref .comm-pref-text-msg .expanded-section {
        padding: 16px;
    }

    .comm-pref .comm-pref-text-msg .text-section-content {
        max-width: 100%;
    }

    .comm-pref .comm-pref-text-msg .text-section-body {
        padding-left: 46px;
    }

    .comm-pref .comm-pref-text-msg .dropdown {
        width: 60%;
        max-width: 420px;
    }

    .comm-pref .comm-pref-text-msg .promo-list,
    .comm-pref .comm-pref-text-msg ul {
        padding-left: 32px;
    }

    /* U.S. Mail section */
    .comm-pref .comm-pref-us-mail .us-mail-expanded-section {
        padding: 16px;
    }

    .comm-pref .comm-pref-us-mail .us-mail-content {
        padding-left: 62px;
        max-width: 100%;
        box-sizing: border-box;
    }

    .comm-pref .comm-pref-us-mail .address-list {
        margin-bottom: 16px;
    }

    .comm-pref .comm-pref-us-mail .button-container {
        margin-top: 18px;
        margin-bottom: 14px;
    }

    .comm-pref .comm-pref-us-mail .update-preferences-btn {
        width: fit-content !important;
        min-width: max-content !important;
        display: inline-block;
    }

    .comm-pref .comm-pref-us-mail .add-address-container {
        margin-top: 8px;
    }
}


/* Mobile view */
@media only screen and (max-width: 479px) {
    .comm-pref {
        padding-top: 1.5rem;
    }

    .comm-pref .wrapper {
        width: 100%;
        max-width: none;
        padding: 24px 16px;
    }

    .comm-pref .heading {
        margin-bottom: 12px;
    }

    .comm-pref .description {
        margin-bottom: 20px;
    }

    .comm-pref .pref-card {
        margin-bottom: 18px;
    }

    .comm-pref .pref-toggle {
        padding: 16px;
        align-items: flex-start;
    }

    .comm-pref .pref-left {
        gap: 10px;
    }

    .comm-pref .pref-desc {
        margin-top: 4px;
    }

    .comm-pref .icon-toggle {
        font-size: 28px;
        min-width: 20px;
    }

    .comm-pref .expanded-section {
        padding: 8px 16px 24px 16px;
    }

    .comm-pref .email-block,
    .comm-pref .group-block,
    .comm-pref .action-row {
        padding-left: 0;
    }

    .comm-pref .group-heading {
        display: block;
    }

    .comm-pref .group-title,
    .comm-pref .group-text {
        display: inline;
    }

    .comm-pref .brand-list {
        gap: 10px;
    }

    .comm-pref .checkbox-row {
        align-items: flex-start;
    }

    .comm-pref .apply-change-note {
        padding-left: 0;
        max-width: 100%;
    }

    .comm-pref .unsubscribe-section {
        padding: 0;
    }

    .comm-pref .unsubscribe-message-block,
    .comm-pref .different-email-link-row {
        padding-left: 0;
    }

    .comm-pref .modal-backdrop {
        padding: 16px;
        align-items: center;
    }

    .comm-pref .email-entry-modal {
        width: 100%;
        max-width: 341px;
        padding: 16px;
    }

    .comm-pref .email-entry-modal .modal-header {
        margin-bottom: 16px;
    }

    .comm-pref .email-entry-modal .modal-divider {
        margin: 0 0 18px 0;
    }

    .comm-pref .email-entry-modal .close-btn {
        margin-left: 12px;
    }

    .comm-pref .email-entry-modal .modal-text {
        margin-bottom: 15px;
    }

    .comm-pref .email-entry-modal .modal-input {
        height: 35px;
    }

    .comm-pref .email-entry-modal .post-submit-email {
        margin-bottom: 16px;
    }

    .comm-pref .email-entry-modal .different-email-link-row {
        margin-top: 6px;
    }

    .comm-pref .email-entry-modal .guest-user-message {
        margin-top: 12px;
    }

    .comm-pref .email-entry-modal .modal-submit {
        width: 100%;
        margin-top: 22px;
    }

    /* Text Message section */
    .comm-pref .comm-pref-text-msg .expanded-section {
        padding: 16px;
    }

    .comm-pref .comm-pref-text-msg .text-section-content {
        max-width: 100%;
    }

    .comm-pref .comm-pref-text-msg .text-section-body {
        padding-left: 0;
    }

    .comm-pref .comm-pref-text-msg .section-block {
        margin-bottom: 16px;
    }

    .comm-pref .comm-pref-text-msg .dropdown {
        width: 100%;
        max-width: 100%;
    }

    .comm-pref .comm-pref-text-msg .promo-list,
    .comm-pref .comm-pref-text-msg ul {
        padding-left: 24px;
    }

    .comm-pref .comm-pref-text-msg .spinner-wrapper {
        justify-content: flex-start;
    }

    /* U.S. Mail section */
    .comm-pref .comm-pref-us-mail .us-mail-expanded-section {
        padding: 16px;
    }

    .comm-pref .comm-pref-us-mail .us-mail-content {
        padding-left: 16px;
        max-width: 100%;
        box-sizing: border-box;
    }

    .comm-pref .comm-pref-us-mail .address-info {
        margin-bottom: 12px;
    }

    .comm-pref .comm-pref-us-mail .address-item {
        gap: 10px;
        margin-bottom: 12px;
    }

    .comm-pref .comm-pref-us-mail .address-checkbox {
        flex-shrink: 0;
    }

    .comm-pref .comm-pref-us-mail .address-text {
        word-break: break-word;
    }

    .comm-pref .comm-pref-us-mail .button-container {
        margin-top: 18px;
        margin-bottom: 14px;
    }

    .comm-pref .comm-pref-us-mail .update-preferences-btn {
        width: fit-content !important;
        min-width: max-content !important;
        display: inline-block;
    }

    .comm-pref .comm-pref-us-mail .add-address-container {
        margin-top: 8px;
    }
}
/* GPC Acknowledgement CSS Start */

.gpc-ack .gpc-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(27, 29, 28, 0.5);
    display: flex;
    /*align-items: center;*/
    justify-content: center;
    z-index: 9999;
}

.gpc-ack .gpc-popup {
    background-color: var(--mya-new-monogram-theme-color-white);
    padding: 2rem;
    border-radius: 4px;
    max-width: 480px;
    width: 90%;
    /*text-align: center;*/
    box-shadow: 0 4px 16px rgba(27, 29, 28, 0.2);
    border: 1px solid var(--mya-new-monogram-theme-color-light);
}

.gpc-ack .gpc-message {
    margin-bottom: 1.5rem;
}

.gpc-ack .gpc-error {
    margin-bottom: 1rem;
}

.gpc-ack .gpc-button {
    cursor: pointer;
    width: 100%;
    /*min-width: max-content;*/
}

.gpc-ack .gpc-button:disabled {
    background-color: var(--mya-new-monogram-theme-color-light);
    border-color: var(--mya-new-monogram-theme-color-light);
    color: var(--mya-new-monogram-theme-color-medium);
    cursor: not-allowed;
    opacity: 1;
}

/* GPC Acknowledgement CSS End */
/*Text Message CSS Start */
.comm-pref-text-msg {
    color: var(--mya-new-monogram-theme-color-dark);
}

.comm-pref-text-msg .expanded-section {
    padding: 16px;
}

.comm-pref-text-msg .text-section-content {
    max-width: 760px;
}

.comm-pref-text-msg .text-section-body {
    padding-left: 46px;
}

.comm-pref-text-msg .section-block {
    margin-bottom: 16px;
}

/* CHANGED:
   Typography removed.
   body-bold now comes from HTML.
*/
.comm-pref-text-msg .promo-heading {
    margin: 0 0 6px 0;
}

/* CHANGED:
   Typography removed.
   body-text now comes from HTML.
*/
.comm-pref-text-msg .promo-keyword {
    margin: 6px 0 4px 0;
}

/* CHANGED:
   Typography removed from list items.
   body-text now comes from ul class in HTML.
*/
.comm-pref-text-msg .promo-list {
    margin-left: 28px;
    padding-left: 0;
    list-style-type: disc;
}

.comm-pref-text-msg .promo-list li {
    margin-bottom: 4px;
}

/* CHANGED:
   Dropdown keeps layout/control styling only.
   Typography comes from body-text class in HTML.
*/
.comm-pref-text-msg .dropdown {
    width: 35%;
    max-width: 420px;
    padding: 6px;
    margin-top: 2.5px;
    border: 1px solid var(--mya-new-monogram-theme-color-light);
    border-radius: 4px;
    background-color: var(--mya-new-monogram-theme-color-white);
    cursor: pointer;
}

.comm-pref-text-msg .dropdown:focus {
    outline: none;
    border-color: var(--mya-new-monogram-theme-color-secondary);
    box-shadow: 0 0 3px rgba(221, 192, 127, 0.4);
}

/* CHANGED:
   Typography removed.
   body-text comes from HTML.
*/
.comm-pref-text-msg .keyword-output {
    margin-top: 10px;
}

/* ADDED:
   This is only for the “Text Keyword:” part.
   The spec notes that this part appears medium-weight.
   Since MONOGRAM_THEME does not provide a medium token, this keeps
   the adjustment minimal and scoped.
*/
.comm-pref-text-msg .keyword-label {
    font-weight: 500;
}

.comm-pref-text-msg .spinner-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 40px;
    margin-top: 8px;
}

/* CHANGED:
   Typography removed.
   error-text now comes from HTML.
*/
.comm-pref-text-msg .error-message {
    margin-top: 8px;
}


.comm-pref-text-msg .reminders-note {
    margin-bottom: 16px;
    margin-top: 10px;
}
.comm-pref-text-msg .reminders-note-footer {
    margin-bottom: 16px;
    margin-top: 8px;
}

/* CHANGED:
   Typography removed.
   body-text now comes from HTML.
*/
.comm-pref-text-msg .text-stop-note {
    margin: 0 0 18px 0;
}

/* CHANGED:
   Link styling comes from body-text + text-link in HTML.
*/
.comm-pref-text-msg .sms-terms-row {
    margin: 0 0 8px 0;
    cursor: pointer;
}

/* KEPT:
   Layout-only utility spacing.
*/
.comm-pref-text-msg .promo-actions {
    margin-top: 0;
}

.comm-pref-text-msg .custom-bullet-list {
    padding-left: 38px;
}

.comm-pref-text-msg ul {
    padding-left: 38px;
}


/* Text Message Preferences CSS End */
/* U.S. Mail Section Preferences CSS Start */

/* Root wrapper for U.S. Mail child component */
.comm-pref-us-mail {
    color: var(--mya-new-monogram-theme-color-dark);
}

/* CHANGED:
   Do not use generic .expanded-section for U.S. Mail.
   This avoids conflicts with parent CP .expanded-section.
*/
.comm-pref-us-mail.us-mail-expanded-section {
    padding: 16px;
}

.comm-pref-us-mail.us-mail-content {
    padding-left: 62px;
    max-width: 760px;
    box-sizing: border-box;
}
/*.comm-pref-us-mail .us-mail-expanded-section {
    padding: 8px 0 0 0;
    padding-left: 62px;
    max-width: 760px;
    box-sizing: border-box;
}*/

/* Description text.
   Typography comes from .body-text in HTML. */
.comm-pref-us-mail .us-mail-content .address-info {
    margin: 0 0 12px 0;
}

/* Address list */
.comm-pref-us-mail .us-mail-content .address-list {
    margin-bottom: 16px;
}

/* Each address row */
.comm-pref-us-mail .us-mail-content .address-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 12px;
    gap: 10px;
}

/* Checkbox */
.comm-pref-us-mail .us-mail-content .address-checkbox {
    width: 16px;
    height: 16px;
    margin-top: 2px;
    flex-shrink: 0;
    cursor: pointer;
}

/* Address text.
   Typography comes from .body-text in HTML. */
.comm-pref-us-mail .us-mail-content .address-text {
    display: block;
    word-break: break-word;
}

/* Button wrapper */
.comm-pref-us-mail .us-mail-content .button-container {
    padding-left: 0;
    margin-top: 18px;
    margin-bottom: 14px;
    padding-left: 0 !important;
}

/* Update Preferences button.
   Visual styling comes from .button-style-primary in HTML. */
.comm-pref-us-mail .us-mail-content .update-preferences-btn {
    width: fit-content !important;
    min-width: max-content !important;
    display: inline-block;
}

/* Add address link wrapper */
.comm-pref-us-mail .us-mail-content .add-address-container {
    margin-top: 8px;
}

/* Add address link.
   Typography and underline come from .body-text + .text-link in HTML. */
.comm-pref-us-mail  .us-mail-content .add-address-link {
    cursor: pointer;
}

/* Error message.
   Typography comes from .error-text in HTML. */
.comm-pref-us-mail .us-mail-content .error-message {
    margin-bottom: 8px;
}

/* Guest/login message.
   Typography comes from .body-text in HTML. */
.comm-pref-us-mail .us-mail-content .login-message {
    margin: 0 0 12px 0;
}

/* Login/create account link.
   Typography and underline come from .body-text + .text-link in HTML. */
.comm-pref-us-mail .us-mail-content .login-create-account-link {
    cursor: pointer;
}
/*bdc-6257*/
.comm-pref.white-background {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.expired-link-banner {
    height: 40px;
    line-height: 40px;
    padding: 0;

    text-align: center;

    display: block;
}
/* U.S. Mail Section Preferences CSS Start */
/* Communication Preferences CSS End */