/* 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-bodewell-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-bodewell-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: var(--mya-new-bodewell-theme-color-medium);
    font-size: 14px;
    transition: 0.3s ease;
    pointer-events: none;
}

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

.view-reg-pr .search-reg-product-span {
    color: var(--mya-new-bodewell-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: 8px 40px 8px 12px;
    font-size: 14px;
    outline: none;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D6D6D6;
    opacity: 1;
    color: var(--mya-new-bodewell-theme-color-medium);
}

.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-bodewell-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-bodewell-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-bodewell-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-bodewell-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: 32em;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
    border: 1px solid var(--mya-new-bodewell-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-bodewell-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-bodewell-theme-character-spacing-small);

}



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

.mya-new_LoginForm .floating-label.active {
    top: 0;
    font-size: var(--mya-new-bodewell-theme-font-size-small);
    color: var(--mya-new-bodewell-theme-color-medium);
}
.mya-new_LoginForm .close-icon-style {
    --slds-c-icon-color-foreground-default: var(--mya-new-bodewell-theme-color-primary-textlink-default);
}

.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-bodewell-theme-font-size-small);
    transition: all 0.3s ease;
    pointer-events: none;
    color: var(--mya-new-bodewell-theme-color-medium);
}

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


/* 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-bodewell-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-bodewell-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-bodewell-theme-color-white);
    text-align: center;
    padding: 8px 12px;
    width: 150px;
    border: 1px solid var(--mya-new-bodewell-theme-color-light);
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 140%;
    transform: translateX(-50%);
    font-weight: 300px;
    font-family: var(--mya-new-bodewell-theme-font-family1), var(--mya-new-bodewell-theme-font-family2), var(--mya-new-bodewell-theme-font-family3), var(--mya-new-bodewell-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;
}