/* This page belong to customer account section  only  */
/* ----------------------------addressBooking---------------- */
.block.block-reorder {
    box-shadow: 0px 6px 23px 0px rgba(0, 0, 0, 0.16);
    border-radius: 0.4rem;
}.block .block-title strong {
    font-weight: 400;
    color: #000;
}.customer-address-index li.product-item {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
}.customer-address-index button.action.tocart.primary {
    height: 42px !important;
    border-radius: 0.2rem;
}.customer-address-index button.action.tocart.primary {
    background-color: #0088cc;
    border-color: #0088cc;
}a.action.view {
    padding: 0.3rem 0.3rem;
}.customer-address-index span.base {
    color: #000000;
    font-weight: 400;
}.bill_adress {
    box-shadow: 0px 6px 23px 0px rgba(0, 0, 0, 0.16);
    border-radius: 0.4rem;
}.bill_adress strong.box-title {
    border: none !important;
    border-start-end-radius: 0.3rem !important;
    border-start-start-radius: 0.3rem !important;
    background-color: #0088CC !important;
}.bill_adress .box-content {
    border: none !important;
}.bill_adress .box-actions {
    border: none !important;
    border-radius: 0.3rem;
    background-color: #0088CC !important;
    margin: 0.8rem !important;
}.bill_adress span {
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 0.6rem;
    font-weight: 500;
}i.fa-solid.fa-map-location {
    font-size: 1rem;
}i.fa-solid.fa-truck-fast {
    font-size: 1rem;
}.customer-address-index button.action.primary.add {
    background-color: #0088CC !important;
    border: none;
}
.customer-address-index .table-wrapper.additional-addresses {
    border: 1px solid #e8e8e8;
    border-radius: 0.7rem;
    border-start-start-radius: 0.7rem;
    border-start-end-radius: 0.7rem;
    border-end-start-radius: 0.7rem;
    border-end-end-radius: 0.7rem;
}
.customer-address-index .table-wrapper.additional-addresses th.col {
    background-color: #0088CC !important;
    color: white;
}
.customer-address-index .table-wrapper.additional-addresses th.col.firstname {
    border-start-start-radius: 0.7rem;
}
.customer-address-index .table-wrapper.additional-addresses th.col.actions {
    border-start-end-radius: 0.7rem;
}
@media (max-width: 768px) {
    .customer-address-index .table-wrapper.additional-addresses {
        border-top-left-radius: initial;
        border-top-right-radius: initial;
    }
    .customer-address-index .block.block-addresses-list .block-title {
        padding: 10px;
        margin: initial !important;
        background-color: #0088cc;
        border-start-start-radius: 0.7rem;
        border-start-end-radius: 0.7rem;
    }
    .customer-address-index .block.block-addresses-list .block-title strong {
        color: white;
    }
    .customer-address-index .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) tbody > tr > td:last-child {
        border: none !important;
    }
}
/* --------------------------Update mobile number ------------------ */
.mobilelogin-index-updatemobile .mobilenumber.reginput.field.reg-mobile.updatenumber {
    /* border: 1px solid; */
    box-shadow: 0px 6px 23px 0px rgba(0, 0, 0, 0.16);
    border-radius: 0.4rem;
    padding: 2rem;
}.mobilelogin-index-updatemobile input#mobileget {
    width: 100% !important;
}.mobilelogin-index-updatemobile button#updateotpbtn  {
    background-color: #0088cc;
    border-color: #0088cc;
    height: 42px !important;
    border-radius: 0.2rem;
    /* margin: 0rem 2rem; */
}.mobbtn {
    margin-top: 0rem !important;
}.alline_box{
    display: flex;
    flex-direction: row;
    align-items: center;
}.mobilelogin-index-updatemobile input#mobileget {
    margin-bottom: 1rem !important;
}
/* ------------------------ Account info ------------------- */
.customer-account-edit form#form-validate {
    box-shadow: 0px 6px 23px 0px rgba(0, 0, 0, 0.16);
    border-radius: 0.4rem;
    padding: 2rem;
}
.customer-account-edit button.action.save.primary {
    background-color: #0088cc;
    border-color: #0088cc;
    height: 42px !important;
    border-radius: 0.2rem;
}
.fieldset .field-name-firstname .label span,
.fieldset .field-name-lastname .label span,
.fieldset .field.choice .label,
.field.captcha.required label.label span {
    font-weight: 600;
    color: black;
}

.fieldset .field.email.required .label span,
.fieldset .field.password.current.required .label span,
.fieldset .field.new.password.required .label span,
.fieldset .field.confirm.password.required .label span {
    font-weight: 600;
    color: black;
}

input#firstname,
input#lastname,
input#captcha_user_edit {
    color:#272323;
    font-weight: 500;
}

input#email,
input#current-password,
input#password,
input#password-confirmation {
    color:#272323;
    font-weight: 500;
}
.customer-account-edit button.action.reload.captcha-reload span {
    color: #2f2f2f;
}
.customer-account-edit button.action.reload.captcha-reload:hover span {
    color: white;
}
.customer-account-edit button.action.reload.captcha-reload {
    background: #e5e5e5;
}
.customer-account-edit button.action.reload.captcha-reload:hover {
    background: #0088cc;
}
/* --------------------My Event Tickets---------------------- */
#wk-mp-tr-heading th {
    background-color: #fff;
    border: none !important;
    border-color: #fff !important;
}.marketplaceeventmanager-customer-eventlist .wk-mp-body td {
    text-align: center;
    padding: 5px 7px;
    border-color: #fff;
    border-style: none;
    border-width: 0px;
    background: url(../../../../../frontend/Smartwave/porto/en_US/Webkul_Marketplace/images/filter-row-bg.png) repeat-x #e3eff1;
    background-color: #fff;
    border-bottom: none;
    background: #fff;
}.marketplaceeventmanager-customer-eventlist .bord_none {
    border: none !important;
}.search_name input.input-text{
    color: #000 !important;
    border: none;
    background-color: #777;
    background: #F2F2F2;
    border-radius: 0.4rem;
}.marketplaceeventmanager-customer-eventlist button.button {
    background: #0088CC;
    color: #fff;
    border-radius: 0.4rem;
    border: none;
}.marketplaceeventmanager-customer-eventlist .wk-mp-fieldset .button {
    margin: 0px;
}.marketplaceeventmanager-customer-eventlist span.base {
    font-weight: 600;
    color: #0088CC;
}.marketplaceeventmanager-customer-eventlist .wk-mp-list-table thead span {
    font-weight: 500;
}.marketplaceeventmanager-customer-eventlist thead {
    background-color: #0088CC;
    color: #fff;
    border-color: #0088CC;
}.marketplaceeventmanager-customer-eventlist .wk-content th {
    border: none !important;
    padding: 0.7rem; 
}.event_col{
    font-size: 0.8rem;
    font-weight: 400;
    color: #000;
}.marketplaceeventmanager-customer-eventlist .columns .column.main {
    padding: 0px !important;
}.marketplaceeventmanager-customer-eventlist img.image {
    height: 43px !important;
    width: 48px !important;
    border: none !important;
    border-radius: 0.4rem !important;
}.marketplaceeventmanager-customer-eventlist .wk-pro-divide1 {
    width: 100% !important;
}a.eye_color {
    padding: 0.3rem 0.3rem !important; 
    background-color: #dbf2fe !important;
    border-radius: 0.3rem !important;
}i.fa-solid.fa-eye {
    font-weight: 900;
    color: #0088CC !important;
}.eye_cent{
        text-align: center;
        padding: 1rem !important;
}.wk-pro-divide21 {
    width: 100% !important;
}th.wk-first-td.img_on {
    width: 6% !important;
    border-start-start-radius: 0.7rem;
}th.wk-first-td.id_tw {
    width: 4% !important;
}th.wk-first-td.name_thre {
    width: 11% !important;
}th.wk-first-td.name_for {
    width: 10% !important;
}th.wk-first-td.name_fiv {
    width: 9% !important;
}th.wk-list-th-display.wk-first-td.name_nie {
    width: 9% !important;
    border-start-end-radius: 0.7rem !important;
}th.wk-first-td.name_eigt {
    width: 10% !important;
}th.wk-first-td.name_six {
    width: 13% !important;
}.id_name a {
    color: #727272 !important;
}.name_detail a{
    color: #727272 !important;
}.marketplaceeventmanager-customer-eventlist .wk-row-view td {
    border-left: none !important;
    padding: 5px;
    border-bottom: 1px solid #EBEBEB;
}.marketplaceeventmanager-customer-eventlist table.border.wk-mp-list-table.wk-mp-list-container-table {
    border: none !important;
}.marketplaceeventmanager-customer-eventlist tr.wk-row-view {
    border-right: 1px solid #E2E2E2;
    border-left: 1px solid #E2E2E2;
}.marketplaceeventmanager-customer-eventlist .wk-mp-list-table {
    width: 100%;
    border: none;
}
.marketplaceeventmanager-customer-eventlist .wk-mp-body td.col {
    display: flex;
}
.marketplaceeventmanager-customer-eventlist .wk-mp-body tr {
    display: flex;
}
.marketplaceeventmanager-customer-eventlist .search_name .input-text::placeholder {
    color: #8f8989;
}
.marketplaceeventmanager-customer-eventlist .pager {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    justify-content: space-between;
}
.marketplaceeventmanager-customer-eventlist .toolbar {
    background: initial;
}
.marketplaceeventmanager-customer-eventlist select#limiter {
    border-radius: 1.4rem;
    background-color: #ececec;
}
@media (max-width: 768px) {
    .block-collapsible-nav {
        position: static;
    }
}
/* ------------------newcustomer--------------------- */
.customer-account-login .login-container {
    padding-top: 1rem !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
}.customer-account-login .page-title-wrapper{
    padding-bottom: 0rem !important;
    background-color: #fff;
}.customer-account-login .login-container .block-customer-login {
    margin-left: 0px;
    background: #f4f4f4;
    padding: 40px;
    border-radius: 5px;
    box-shadow: 0px 6px 23px 0px rgba(0, 0, 0, 0.16);
}.customer-account-login .login-container a span {
    padding-left: 0%;
}.customer-account-login html .btn-v-dark {
    color: #fff !important;
    background-color: #0088CC !important;
    border: none !important;
}.customer-account-login .login-container a {
    width: 464px !important;
    margin-left: 10px;
}.customer-account-login .login-container a span {
    padding-left: 32%;
}.customer-account-login .log_in {
    display: contents;
}
/* --------------------- order id ------------------ */
.sales-order-view span.base {
    color: #000000;
}.sales-order-view span.order-status {
    background: #25F12130;
    border: none;
    border-radius: 10px;
    color: #689B08;
    font-size: 12px;
    font-weight: 600;
    padding: 0.1rem 1rem;
    margin: 0rem 1rem;  
}.sales-order-view .order-actions-toolbar {
    margin-bottom: 0px;
}.sales-order-view tr {
    font-size: 14px;
}.sales-order-view  span.price {
    font-weight: 500;
    color: #777777;
    font-size: 1rem;
}.sales-order-view .columns .column.main {
    padding: 0px;
}.sales-order-view thead {
    background: #0088CC;
    color: #fff;
    padding: 0rem 1rem !important;
}.sales-order-view .order-details-items {
    padding: 0px !important;
}i.fa-solid.fa-print {
    font-size: 1.4rem;
}.sales-order-view a.action.print {
    background: #0088CC;
    color: #fff;
    padding: 0.4rem 1rem;
    border-radius: 0.7rem;
}.sales-order-view td {
    padding-top: 1rem;
    padding-bottom: 0px !important;
}.sales-order-view .actions-toolbar.order-actions-toolbar {
    display: inline-block;
    width: 10%;
    margin-bottom: -18px;
}.sales-order-view .order-date {
    display: inline-block;
    width: 90%;
}.sales-order-view .page-title-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}.sales-order-view td.col.sku {
    padding-top: 20px !important;
}.sales-order-view span.price-excluding-tax {
    padding-top: 25px !important;
}.sales-order-view th.col.name {
    padding-left: 1rem !important;
}.sales-order-view th.col.subtotal {
    padding-right: 1rem !important;
}.sales-order-view td.col.subtotal {
    padding-right: 1rem !important;
    padding-bottom: 1rem !important;
}.sales-order-view td.amount {
    padding-right: 1rem !important;
}.sales-order-view strong.box-title {
    background: #0088CC !important;
    color: #fff;
    border-radius: 0.4rem 0.4rem 0rem 0rem;
}.sales-order-view i.fa-solid.fa-location-dot {
    color: #0088CC;
    font-size: 1.4rem;
}.sales-order-view th.col.cgst {
    display: none;
}.sales-order-view th.col.sgst {
    display: none;
}.sales-order-view th.col.igst {
    display: none;
}.sales-order-view th.col.ugst {
    display: none;
}.sales-order-view td.col.subtotal.cgst_4 {
    display: none;
}.sales-order-view td.col.subtotal.sgst_4 {
    display: none;
}.sales-order-view td.col.subtotal.igst_4 {
    display: none;
}.sales-order-view td.col.subtotal.ugst_4 {
    display: none;
}.sales-order-view ul.items-qty li.item {
    text-align: center !important;
}.sales-order-view .sales-order-view th.col.name {
    padding: 2rem !important;
}.sales-order-view .order-details-items .table-order-items > thead > tr > th {
    padding: 1rem !important;
}.sales-order-view th.col.price {
    padding: 2rem !important;
}
.sales-order-view th.col.qty {
    padding: 2rem !important;
}.sales-order-view th.col.subtotal {
    padding: 2rem !important;
}
/* .sales-order-view table .col {
    width: auto !important;
} */
.sales-order-view td.col.subtotal {
    text-align: end;
}.sales-order-view .order-details-items.ordered {
    width: 100%;
}.sales-order-view .order-details-items .secondary {
    width: 140px;
    height: 40px;
    display: flex;
    justify-content: center;
}.sales-order-view .order-links .item strong {
    padding: 8px 35px 8px 35px;
}.sales-order-view table#my-orders-table {
    color: black;
    border: 1px solid #d7d7d7;
}.sales-order-view span.price {
    color: black;
}.sales-order-view .box-content {
    color: black;
}.sales-order-view .order-details-items {
    border: initial;
}.sales-order-view .actions-toolbar .secondary {
    border: 0 solid lightgrey;
    border-width: 0 1px 1px;
    border-radius: 0 0 0.7rem 0.7rem;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding: 0 10px;
}.sales-order-view .box-content.content-information.title_detail {
    border: 1px solid gainsboro !important;
} .block-order-details-view .box .box-content {
    border-end-start-radius: 0.7rem;
    border-end-end-radius: 0.7rem;
    padding: 10px 28px !important;
}
@media (max-width: 768px) {
    .sales-order-view .subtotal.cgst_4 tbody,
    .sales-order-view .subtotal.sgst_4 tbody,
    .sales-order-view .subtotal.igst_4 tbody,
    .sales-order-view .subtotal.ugst_4 tbody {
        text-align: end !important;
    }
    .sales-order-view .col.subtotal.cgst_4:before,
    .sales-order-view .col.subtotal.sgst_4:before,
    .sales-order-view .col.subtotal.igst_4:before,
    .sales-order-view .col.subtotal.ugst_4:before {
        width: 58px;
        display: flex !important;
        align-content: center;
        align-items: center;   
        color: #000 !important;
    }
    .sales-order-view .col:before { 
        color: #000 !important;
    }
    .sales-order-view .block-order-details-view .box .box-content {
        display: flex;
        gap: 4px;
    }
    .sales-order-view .box-order-billing-method .box-content.content-information {
        display: flex;
        gap: 4px;
        flex-direction: column;
    }
    .sales-order-view td.col.name {
        padding: initial !important;
    }
    .sales-order-view td.col.name {
        display: flex !important;
        flex-direction: column;
        gap: 22px;
        padding: 10px 0 !important;
    }
    .sales-order-view .order-details-items .items-qty .item,
    .sales-order-view span.price-excluding-tax {
        padding: initial !important;
    }
    .sales-order-view .table-order-items td.col.qty {
        display: flex;
    }
    .sales-order-view td.col {
        display: flex !important;
    }
    .sales-order-view td {
        padding: initial !important;
    }
    .sales-order-view .table-order-items td {
        border: none !important;
    }
    .sales-order-view .nav.item.current {
        border-bottom: 4px solid #0088cc !important;
    }
    .sales-order-view .nav.item.current strong {
        background: #0088cc33 !important;
        color: black !important;
        font-weight: 700;
        font-size: 12px;
        border: none !important;
        border-start-start-radius: initial;
        padding: 8px 35px;
    }
    .sales-order-view .nav.item.current {
        border-bottom: 4px solid #0088cc !important;
    }
    .sales-order-view .nav.item a {
        background: #0088cc1a !important;
        font-weight: 700;
        border-start-end-radius: initial !important;
    }
    .sales-order-view .nav.item a:hover {
        background: #43715b5c !important;
    }
    .sales-order-invoice table#my-orders-table {
        border-top-left-radius: 0.7rem;
        border-top-right-radius: 0.7rem;
    }
    .sales-order-view ul.items.order-links {
        display: flex;
        justify-content: flex-start;
        padding: 8px 0 !important;
    }
    .sales-order-view .order-links .item strong {
        padding: 8px 60px;
    }
    .sales-order-view .nav.item a {
        padding: 8px 73px;
    }
    strong.product.name.product-item-name {
        padding: initial;
        font-size: 14px;
    }
    .sales-order-view td.col.sku {
        padding-top: initial;
    }
    .sales-order-view .items.order-links li.nav.item,
    .sales-order-view .items.order-links li.nav.item.current {
        width: 50%;
    }.sales-order-view table#my-orders-table {
        border-top-left-radius: 0.7rem;
        border-top-right-radius: 0.7rem;
    }.sales-order-view .page-title-wrapper {
        display: flex !important;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: flex-start;
    }
}



/* --------------------------marketplaceeventmanager customer viewticket---------------------------- */
.marketplaceeventmanager-customer-viewticket button#save-btn {
    background: #0088cc;
    color: #fff;
    border: none;
}.marketplaceeventmanager-customer-viewticket .event-ticket-view {
    border-bottom: 5px solid #777777 !important;
}
/* -----------------------shop page marketplace-seller-profile------------------------ */
.page-header.type22 .main-panel-top .separator {
    height: 50px;
    border-left: none !important;
}.wk-mp-banner {
    width: 100vw !important;
}.wk-mp-collection-header-box {
    width: 100% !important; 
    margin: 0rem 7rem !important;
    border-bottom: 1px solid #ccc;
}.page-wrapper {
    display: flex;
    margin: 0;
    min-height: 100%;
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: stretch;
}.wk-mp-collection-header-box {
    background: #fff !important;
    margin-top: -5rem !important;
    padding: 2rem;
    border-radius: 10rem;
    box-shadow: 0px 6px 23px 0px rgba(0, 0, 0, 0.16);
    border: none !important;
}.marketplace-seller-profile img.wk-mp-collection-logo {
    width: 8rem !important;
    height: auto !important;
    border: none !important;
    background: #fff !important;
    border-radius: 10rem !important;
    bottom: -42% !important;
    left: 2% !important;
    box-shadow: none !important;
}.wk-mp-rating-left {
    display: none !important;
}div#about-us {
    display: none !important;
}div#rating {
    display: none !important;
}.wk-mp-collection-seller-title-container {
    margin-top: 1rem !important;
}.wk-mp-collection-rating-count-container.wk-mp-collection-header-css {
    border-right: 1px solid #7777;
    height: 73px;
}.fa-solid.fa-circle-info {
    font-size: 2rem;
    color: #0088cc;
    display: block;
    text-align-last: center;
}.wk-mp-collection-header-box a {
    color: #0088cc !important;
    font-weight: 600;
}.col_size{
    color: #000000 !important;
    font-weight: 600 !important;
}a.col_size{
    color: #000000 !important;
    font-weight: 600 !important;
}.wk-mp-collection-count-txt {
    color: #0088cc;
    font-weight: 600;
}.wk-mp-seller-profile-box {
    line-height: 24px !important;
    padding-top: 12px !important;
}.wk-mp-collection-header-bottom {
    margin-top: 0px !important;
}.wk-mp-collection-seller-title {
    padding: 0px 5px !important;
}.wk_mp_design {
    width: 100vw;
}.marketplace-seller-profile ol.products.list.items.product-items {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
    column-gap: 2rem;
}.marketplace-seller-profile .products-grid .product-item {
    width: 100% !important;
}.wk-mp-collection-view-btn {
    text-align: end;
    padding: 10px;
    display: inline-block;
    width: 92%;
    box-sizing: border-box;
    margin-top: -2rem;
}.wk-mp-collection-view-btn a {
    padding: 7px 12px;
    background-color: #fff !important;
    border: none !important;
    color: #0088cc !important;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 12px;
    display: inline-block;
}.wk-mp-collection-view-btn {
    text-align: end !important;
    padding: 10px;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    margin-top: -2rem;
}.product-item .tocart:before {
    content: '' ;
    /* content: '\e8ba'; */
    font-family: 'porto-icons';
    margin-right: 5px;
    font-weight: 600;
    font-size: 0.9rem;
}button.action.tocart.primary {
    background: #0088cc !important;
    border-radius: 0.4rem !important;
    color: #fff !important;
    border: 0px;
}i.fa-solid.fa-eye {
    font-weight: 900;
    /* color: #fff !important; */
    font-size: 1rem;
    /* padding-right: 0.4rem; */
}.product.actions.product-item-actions {
    text-align: start;
}strong.product.name.product-item-name {
    text-align: start;
    color: black;
    font-size: 12px;
    padding: 10px 14px;
}.wk-mp-profile-block {
    border-bottom: none !important;
}
/* -------------------------------header nev--------------------- */
/* .header-row.container.cart_two {
    display: none;
}.header-row .header-left {
    padding: 0px !important ;
}.header-left {
    padding-top: 0px !important;
}strong.logo img {
    width: 105px !important;
    height: auto !important;
}.navigation.sw-megamenu.side-megamenu ul {
    display: block;
}.level0.submenu {
    display: block;
    position: absolute;
    left: 0;
    background-color: red;
    width: 100%;
    z-index: 1;
}.toggle-menu-wrap.side-nav-wrap {
    width: 100% !important;
} */




/* ------------------ Media query ----------------- */
/* ---------------------------475px---------------------- */
/* @media  (max-width: 475px){
    .marketplaceeventmanager-customer-eventlist th.wk-first-td.name_eigt {
        display: block;
    }.marketplaceeventmanager-customer-eventlist td.wk-list-th-display1 {
        display: block;
    }
} */


/* -------------------------------Rewards Page--------------------- */
.customer-rewards-index .box-exchange strong.box-title {
    border: none !important;
    border-start-end-radius: 0.3rem !important;
    border-start-start-radius: 0.3rem !important;
    background-color: #0088cc !important;
    color: white;
    display: flex !important;
    justify-content: center;
    font-weight: 500;
}
.customer-rewards-index .box-exchange .box-title span {
    font-size: 15px;
}
.customer-rewards-index .box-exchange .box-content {
    border: none;
    color: #4c4c4c;
}
.customer-rewards-index .box-exchange {
    box-shadow: 0px 6px 23px 0px rgba(0, 0, 0, 0.16);
    border-radius: 0.4rem;
}
.customer-rewards-index .box-point-expired strong.box-title {
    border: none !important;
    border-start-end-radius: 0.3rem !important;
    border-start-start-radius: 0.3rem !important;
    background-color: #0088CC !important;
    color: white;
    display: flex !important;
    justify-content: center;
    font-weight: 500;
}
.customer-rewards-index .box-content.expired {
    border: none;
    padding-top: 45px;
}
.customer-rewards-index .box-point-expired {
    box-shadow: 0px 6px 23px 0px rgba(0, 0, 0, 0.16);
    border-radius: 0.4rem;
}
.customer-rewards-index button.action.save.primary {
    background: #0088cc !important;
    border-radius: 0.4rem !important;
    color: #fff !important;
    border: 0px;
}
.customer-rewards-index .page-title span.base {
    text-transform: UPPERCASE;
    font-weight: 600;
}
.customer-rewards-index .earning-rate span,
.customer-rewards-index .spending-rate span {
    font-family: 'poppins';
}
.customer-rewards-index th.col.transaction-product-image {
    border-start-start-radius: 0.7rem;
}
.customer-rewards-index th.col.expire {
    background: #0088cc;
    color: white;
    border-start-end-radius: 0.7rem;
}
.customer-rewards-index th.col.created,
.customer-rewards-index th.col.comment,
.customer-rewards-index th.col.id,
.customer-rewards-index th.col.transaction-product-name,
.customer-rewards-index th.col.transaction-product-image,
.customer-rewards-index th.col.amount,
.customer-rewards-index th.col.status {
    background: #0088cc;
    color: white;
}
.customer-rewards-index th.col.transaction-product-name {
    width: 9rem;
}
.customer-rewards-index th.col.transaction-product-image {
    width: 4rem;
}.customer-rewards-index th.col.id {
    width: 8rem;
}.customer-rewards-index th.col.comment {
    width: 5rem;
}.customer-rewards-index table > thead > tr > th {
    vertical-align: initial !important;
}
.customer-rewards-index .table-wrapper.transactions-recent {
    border: 1px solid #e4e4e4;
    border-radius: 0.7rem;
}
.customer-rewards-index tbody {
    color: black;
}
.customer-rewards-index .block.reward-balance.row-mp {
    display: flex;
    flex-direction: column;
    align-items: center;
}.customer-rewards-index .reward-dashboard-group {
    width: 100%;
}.customer-rewards-index button.spend-btn {
    color: #FFFFFF !important;
    background: tomato !important;
    border-radius: 2rem !important;
    border: none !important;
    font-size: 16px;
}
.customer-rewards-index button.spend-btn:hover {
    background: rgb(202, 57, 32) !important;
    border: none !important;
}
.customer-rewards-index main#maincontent {
    margin-top: 3rem;
}
.customer-rewards-index .block-reward-dashboard .item-balance {
    display: flex;
    flex-direction: column-reverse;
}
.customer-rewards-index td.col.transaction-product-image {
    width: 122px;
}
.customer-rewards-index .col.transaction-product-name a.product-link {
    font-size: 12px;
}
.customer-rewards-index td.col.created {
    font-size: 12px;
}
.customer-rewards-index td.col.amount {
    font-size: 12px;
}
@media (max-width: 768px) {
    .customer-rewards-index .table-wrapper {
        border: none;
    } .customer-rewards-index td.col.expire {
        border: none !important;
    }.customer-rewards-index .table-wrapper tr {
        border-bottom: 1px solid #e4e4e4;
    }
    .customer-rewards-index .table-wrapper tr:last-child {
        border: none;
    }.customer-rewards-index .spend-points-btn {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .customer-rewards-index .reward-dashboard-group {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}
.sales-order-view .nav.item strong {
    background: #ececec;
    color: black;
    border-top-left-radius: 0.7rem;
}
.sales-order-view .nav.item.current strong {
    background: #0088cc;
    color: white;
}
.sales-order-view .nav.item a {
    padding: 8px 35px;
    border: none;
    border-start-end-radius: 0.7rem;
}
.sales-order-view .nav.item.current {
    border-left: initial !important;
}
.order-links .item a:hover,
.order-links .item a {
    background: #e2e2e2;
    color: black;
}
/* Rewards page > Transactions page */
.customer-rewards-transaction .block-reward-dashboard-transaction th.col.transaction-product-image {
    background: #0088cc;
    color: white;
    border-start-start-radius: 0.7rem;
}
.customer-rewards-transaction .block-reward-dashboard-transaction th.col {
    background: #0088cc;
    color: white;
}
.customer-rewards-transaction .block-reward-dashboard-transaction th.col.expire {
    background: #0088cc;
    color: white;
    border-start-end-radius: 0.7rem;
}
.customer-rewards-transaction .block-reward-dashboard-transaction th.col.transaction-product-name {
    width: 9rem;
}
.customer-rewards-transaction tbody {
    color: black;
}
.table-wrapper.transactions-recent {
    border: 1px solid #e8e8e8;
    border-radius: 0.7rem;
}


/* ---------------------------639px---------------------- */
@media  (max-width: 639px){
    .sales-order-view tr#order-item-row-14338 {
        padding: 1rem;
    }.sales-order-view ul.items.order-links {
        display: flex;
        justify-content: space-between;
    }.sales-order-view tfoot {
        padding: 1rem;
    }.sales-order-view .block-order-details-view {
        margin: 0 -10px;
        padding: 1rem;
    }.sales-order-view .page-title-wrapper {
        padding: 1rem;
    }.sales-order-view tbody {
        padding: 1rem;
    }.sales-order-view .columns .column.main {
        padding: 0rem 0.6rem;
    }
}
/* ---------------------------min-device-width: 640px and max-device-width: 900px---------------------- */

@media (min-device-width: 640px) and (max-device-width: 900px){
    .sales-order-view ul.items.order-links {
        padding: 0rem;
    }.sales-order-view .order-details-items.ordered {
        overflow: scroll;
        width: 100%;
    }.sales-order-view .block.block-order-details-view {
        padding: 1rem !important;
    }.sales-order-view .column.main {
        padding: 1rem !important;
    }
    
}

/* -----------------------786px-------------------------- */
@media (max-width: 768px) {
    .account .column.main .block:not(.widget) .block-content .box {
        margin-bottom: 3em !important;
        padding-bottom: 0.3rem;
    }
/* ------------------------ Account info ------------------- */
    .customer-account-edit form#form-validate {
        margin-bottom: 2rem;
    }.customer-account-edit .block.block-reorder {
        margin: 2rem !important;
    }
    /* --------------------------Update mobile number ------------------ */
    .alline_box {
        display: block;
    }.mobilelogin-index-updatemobile button#updateotpbtn {
        margin:0rem !important;
    }.mobilelogin-index-updatemobile input#mobileget {
        margin-bottom: 1rem !important;
    }.mobilelogin-index-updatemobile .mobilenumber.reginput.field.reg-mobile.updatenumber {
        margin-bottom: 2rem !important;
    }.mobilelogin-index-updatemobile .block.block-reorder {
        margin: 2rem !important;
    }
    /* .marketplaceeventmanager-customer-eventlist th.wk-list-th-display.wk-first-td.name_nie {
        display: block;
    }.marketplaceeventmanager-customer-eventlist td.img_alt {
        display: block;
    }.marketplaceeventmanager-customer-eventlist th.wk-first-td.img_on {
        display: block;
    } */
    .marketplaceeventmanager-customer-eventlist th.wk-first-td.name_six {
        width: 28% !important;
    }.marketplaceeventmanager-customer-eventlist th.wk-first-td.name_thre {
        width: 23% !important;
    }.marketplaceeventmanager-customer-eventlist th.wk-first-td.name_six {
        width: 28% !important;
    }.marketplaceeventmanager-customer-eventlist td.col {
        background: #fff !important;
    }.marketplaceeventmanager-customer-eventlist .wk-mp-design .toolbar .limiter {
        width: auto !important;
        padding: 10px 0px;
    }.marketplaceeventmanager-customer-eventlist .pager {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }.marketplaceeventmanager-customer-eventlist .toolbar-amount {
        display: block;
    }.marketplaceeventmanager-customer-eventlist .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr td[data-th]:before, .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr th[data-th]:before {
        content: attr(data-th) ' ';
    }.marketplaceeventmanager-customer-eventlist p.back-link {
        padding: 0rem 1rem;
    }.marketplaceeventmanager-customer-eventlist .sidebar.sidebar-additional {
        padding: initial !important;
    }.marketplaceeventmanager-customer-eventlist main#maincontent {
        padding: 1rem !important;
    }.mobile-sticky.marketplaceeventmanager-customer-eventlist td.wk-list-th-display1 {
        width: auto !important;
    }.mobile-sticky.marketplaceeventmanager-customer-eventlist table.border.wk-mp-list-table.wk-mp-list-container-table {
        /* display: flex;
        flex-direction: column !important; */
        flex-wrap: wrap;
        overflow: scroll;
        width: 100% !important;
    }.mobile-sticky.marketplaceeventmanager-customer-eventlist .wk-list-th-display {
        display: revert !important;
    }.mobile-sticky.marketplaceeventmanager-customer-eventlist .wk-list-th-display1 {
        display: revert !important;
    }.mobile-sticky.marketplaceeventmanager-customer-eventlist .wk-mp-fieldset .order-products-toolbar.toolbar.bottom {
        margin-top: 10px;
        overflow: scroll;
        width: 100% !important;
    }
/* ------------------newcustomer--------------------- */
    .login-container {
        padding-top: 0rem !important;
    }.customer-account-login .page-title-wrapper{
        padding-bottom: 0rem !important;
    }.sales-order-view ul.items.order-links {
        display: flex;
        justify-content: space-between;
        padding: 0rem ;
    }
  /* -----------------------shop page marketplace-seller-profile------------------------ */
  .marketplace-seller-profile img.wk-mp-collection-logo {
    width: 3rem !important;
    height: auto !important;
    border: none !important;
    background: #fff !important;
    border-radius: 10rem !important;
    bottom: -42% !important;
    left: 2% !important;
    box-shadow: none !important;
}.wk-mp-collection-header-css {
    font-size: 18px;
}.marketplace-seller-profile ol.products.list.items.product-items {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: hidden;
    column-gap: 2rem;
}.wk-mp-collection-header-box {
    width: 100% !important;
    margin: 0rem 1rem !important;
}.wk-mp-collection-header-box {
    width: 82% !important;
    margin: 0rem 1rem !important;
    border-bottom: 1px solid #ccc;
}.wk-mp-collection-header-box {
    background: #fff !important;
    margin-top: -1rem !important;
    padding: 2rem;
    border-radius: 1rem;
    box-shadow: 0px 6px 23px 0px rgba(0, 0, 0, 0.16);
    border: none !important;
}.marketplace-seller-profile img.wk-mp-collection-logo {
    width: 4rem !important;
    height: auto !important;
    border: none !important;
    background: #fff !important;
    border-radius: 2rem !important;
    bottom: -44% !important;
    left: 2% !important;
    box-shadow: none !important;
}.wk-mp-collection-seller-title-container {
    padding-left: 75px !important;
    width: calc(180% - 82px) !important;
    min-height: 47px;
    margin: 0px;
}.wk-mp-collection-header-box .wk-mp-collection-logo {
    width: 75px;
    top: 0% !important;
}.wk-mp-collection-header-right-wrapper {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: flex-end;
}.wk-mp-seller-profile-wrapper {
    border: none;
    margin-left: 10px;
    margin-right: 10px;
    width: calc(15% - 19px) !important; 
}.wk-mp-collection-header-right {
    display: inline-block;
    width: 100%;
    margin-top: 5%;
    border-bottom: none !important;
}.wk-mp-collection-product-count-container.wk-mp-collection-header-css {
    border: none !important;
}.wk-mp-collection-rating-count-container.wk-mp-collection-header-css {
    border-right: none !important;
    height: 73px;
}.wk-mp-seller-profile-box.wk-mp-collection-header-bottom-txt {
    padding-bottom: 22px !important;
}    .wk-mp-collection-header-box {
    width: 88% !important;
    margin: 0rem 1rem !important;
}
/* -----------------------sales-order-view------------------ */
.sales-order-view td.col.subtotal {
    text-align: end;
}


}

/* ---------------------------1024px---------------------- */
@media (max-width: 1024px) {
    .marketplaceeventmanager-customer-eventlist .content.block-collapsible-nav-content ul.nav.items {
        width: 100% !important;
    }
}
/* ---------------------------1025px---------------------- */

@media (min-device-width: 1025px) and (max-device-width: 1200px){
    .marketplaceeventmanager-customer-eventlist .block-collapsible-nav-content ul.nav.items {
        width: 200px !important;
    }.customer-account-login .login-container {
        padding-top: 1rem !important;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
    }
}
/* ---------------------------1200px---------------------- */

/* @media (min-device-width: 1200px) and (max-device-width: 1440px){
   .marketplaceeventmanager-customer-eventlist .content.block-collapsible-nav-content ul.nav.items {
        width: 252px !important;
    }
} */
@media (min-device-width: 1190px) and (max-device-width: 1440px){

.customer-account-login .login-container a {
    width: 580px !important;
    margin-left: 10px;
}.customer-account-login .login-container a span {
    padding-left: 36%;
}
}
@media (min-device-width: 1440px){
.customer-account-login .login-container a {
    width: 616px !important;
    margin-left: 10px;
}.customer-account-login .login-container a span {
    padding-left: 38%;
}
}

@media (min-device-width: 768px) and (max-device-width: 1440px){
    .wk-mp-collection-header-box {
        width: 87% !important; 
        margin: 0rem 2rem !important;
        border-bottom: 1px solid #ccc;
    }.wk-mp-collection-header-box {
        background: #fff !important;
        margin-top: -5rem !important;
        padding: 2rem;
        border-radius: 10rem;
        box-shadow: 0px 6px 23px 0px rgba(0, 0, 0, 0.16);
        border: none !important;
    }.wk-mp-collection-header-css {
        font-size: 22px !important;
    }
    /* ---------------------------My Account------------------ */
    .page-main{
        width: 100% !important;
    }
}
@media only screen and (max-width: 768px) {
    /* My orders page mobile */
    .sales-order-history table.data td {
        font-size: 14px;
    }
    #hidden_leaf {
        width: 250px;
    }
    /* address book */
    .customer-address-index .column.main {
        padding-bottom: 16px;
    }
    /* rewards page */
    .customer-rewards-index .title.block-collapsible-nav-title {
        padding: 1em 1em 1em 1em;
    }
    .customer-rewards-index .sidebar.sidebar-additional {
        padding: 50px 26px;
    }
    /* my event tickets */
    .sales-order-history .pages {
        display: flex !important;
        flex-direction: row;
        justify-content: center;
    }
}

/* ---------------------------My Orders------------------ */
.sales-order-history .table-wrapper.orders-history {
    margin-bottom: 1em;
    border: 1px solid #dbdbdb;
    border-radius: 1.0rem;
}
.sales-order-history .data.table.table-order-items.history tbody tr {
    border-top: 1px solid #dbdbdb;
    color: black;
}


/* Address book page > Edit Address */
.customer-address-form .fieldset .label {
    color: black;
    font-weight: 600;
}
.customer-address-form .fieldset .control input,
.customer-address-form .fieldset .control select {
    color: #272323;
    font-weight: 500;
}
.customer-address-form button.action.save.primary {
    background: #0088cc !important;
    border-radius: 0.4rem !important;
    color: #fff !important;
    border: 0px;
}

/* sales order view > Invoice page */
.sales-order-invoice .columns {
    display: flex;
}
.sales-order-invoice .items.order-links .nav.item.current strong {
    background: #0088cc;
    color: white;
    border-start-end-radius: 0.7rem;
}
.sales-order-invoice li.nav.item.current {
    border-left: initial !important;
}
.sales-order-invoice .order-links .item strong {
    padding: 8px 35px 8px 35px;
}
.sales-order-invoice .nav.item a {
    padding: 8px 35px;
    border: none;
    border-start-start-radius: 0.7rem;
}
.sales-order-invoice table > thead > tr > th {
    vertical-align: middle;
}.sales-order-invoice .order-details-items .order-title > strong {
    font-size: 1.4rem;
    font-weight: 400;
}.sales-order-invoice .order-details-items {
    padding: initial !important;
}
.sales-order-invoice thead {
    background: #0088cc;
    color: white;
    border-start-end-radius: 0.7rem;
}
.sales-order-invoice table thead .col.name {
    padding: 30px !important;
    width: 15rem;
}
.sales-order-invoice table thead .col.sku {
    padding: 12px !important;
}
.sales-order-invoice table thead .col.subtotal {
    padding: 14px !important;
}.sales-order-invoice .order-title {
    background: #0088cc;
    color: white;
    padding: 12px !important;
}
.sales-order-invoice table > tbody > tr > td {
    vertical-align: middle;
}
.sales-order-invoice dl.item-options,
.sales-order-invoice span.wk-block-font-bold-up {
    padding: 0 14px;
    color: black;
}
.sales-order-invoice span.price-excluding-tax {
    display: flex;
    justify-content: center;
}.sales-order-invoice .order-details-items .secondary {
    width: 140px;
    height: 40px;
    display: flex;
    justify-content: center;
}.sales-order-invoice .order-details-items.invoice .actions-toolbar {
    border-right: 1px solid #e7e7e7;
    border-end-end-radius: 0.7rem;
    border-top: 1px solid #e7e7e7;
}.sales-order-invoice .order-details-items.invoice {
    border-end-start-radius: 0.7rem;
    border-end-end-radius: 0.7rem;
}.sales-order-invoice .block-content strong.box-title {
    background: #0088CC;
    color: #fff;
    padding: 0.4rem 1rem;
    border-start-start-radius: 0.7rem;
    border-start-end-radius: 0.7rem;
}.sales-order-invoice .shipping-info-container .box-content {
    color: black;
}.sales-order-invoice .box-order-billing-address .box-content,
.sales-order-invoice .box-order-billing-method .box-content {
    color: black;
}.sales-order-invoice .box-content.content-information.title_detail {
    border: 1px solid #e7e7e7 !important;
}.sales-order-invoice span.order-status {
    background: #25F12130;
    border: none;
    border-radius: 10px;
    color: #689B08;
    font-size: 12px;
    font-weight: 600;
    padding: 0.1rem 1rem;
    margin: 0rem 1rem;
}
.sales-order-invoice a.action.print {
    background: #0088CC;
    color: #fff;
    padding: 0.4rem 1rem;
    border-radius: 0.7rem;
}.sales-order-invoice .order-details-items.invoice {
    border-top: initial !important;
    border-right: initial;
}.sales-order-invoice tfoot {
    border-right: 1px solid #e7e7e7;
    color: black;
}
.sales-order-invoice dl.item-options,
.sales-order-invoice td.col.sku,
.sales-order-invoice td.col.qty,
.sales-order-invoice td.col.subtotal {
    color: black;
}
@media (max-width: 768px) {
    .sales-order-invoice .subtotal tbody {
        text-align: end !important;
    }
    .sales-order-invoice .col.subtotal:before {
        width: 70px;
        display: flex !important;
        align-content: center;
        align-items: center;   
        color: #000 !important;
    }
    .sales-order-invoice td.col.subtotal {
        border: none !important;
    }
    .sales-order-invoice .col:before { 
        color: #000 !important;
    }
    .sales-order-invoice .block-order-details-view .box .box-content {
        display: flex;
        gap: 4px;
    }
    .sales-order-invoice .box-content.content-information.title_detail {
        display: flex;
        gap: 4px;
        flex-direction: column;
    }
    .sales-order-invoice td.col.name {
        padding: initial !important;
    }
    .sales-order-invoice td.col.name {
        display: flex !important;
        flex-direction: column;
        gap: 22px;
        padding: 10px 0 !important;
    }
    .sales-order-invoice .order-details-items .items-qty .item,
    .sales-order-invoice span.price-excluding-tax {
        padding: initial !important;
    }
    .sales-order-invoice .table-order-items td.col.qty {
        display: flex;
    }
    .sales-order-invoice td.col.sku,
    .sales-order-invoice td.col.price,
    .sales-order-invoice td.col.qty {
        padding: 10px 0 !important;
    }
    .sales-order-invoice td.col {
        display: flex !important;
    }
    .sales-order-invoice td {
        padding: initial !important;
    }
    .sales-order-invoice .table-order-items td {
        border: none !important;
    }
    .sales-order-invoice .nav.item.current strong {
        background: #0088cc33 !important;
        color: black !important;
        font-weight: 700;
        font-size: 12px;
        border: none !important;
        border-start-end-radius: initial !important;
        text-align: center;
    }
    .sales-order-invoice .nav.item.current {
        border-bottom: 4px solid #0088cc !important;
    }
    .sales-order-invoice .nav.item a {
        background: #0088cc1a !important;
        font-weight: 700;
        border-start-start-radius: initial !important;
    }
    .sales-order-invoice .nav.item a:hover {
        background: #43715b5c !important;
    }
    .sales-order-invoice tbody {
        padding: 1rem;
    }
    .sales-order-invoice span.wk-block-font-bold-up {
        padding: initial !important;
    }
    .sales-order-invoice .table-order-items tfoot {
        padding: 1rem;
    }
    .sales-order-invoice td.col {
        border-collapse: initial !important;
    }
    .sales-order-invoice .data.table.table-order-items tbody {
        border-right: 1px solid #dfdfdf;
    }
    .sales-order-invoice .data.table.table-order-items .col.subtotal tbody {
        border: none;
    }
    .sales-order-invoice ul.items.order-links {
        display: flex;
        padding: 8px 0 !important;
    }
    .sales-order-invoice .items.order-links li.nav.item,
    .sales-order-invoice .items.order-links li.nav.item.current {
        width: 50%;
    }
    strong.product.name.product-item-name {
        padding: 0px 14px;
    }
    .sales-order-invoice dl.item-options,
    .sales-order-invoice span.wk-block-font-bold-up {
        padding: initial;
        color: black;
    }
    .sales-order-invoice .order-title {
        border-top-left-radius: 0.7rem !important;
        border-top-right-radius: 0.7rem !important;
    }
    .sales-order-invoice .order-details-items.invoice {
        border-radius: 0.7rem !important;
    }
    .sales-order-invoice .order-details-items .actions-toolbar {
        border: none !important;
    }
}
.customer-rewards-index .block-reward-dashboard.item-balance {
    border: 2px solid lightgrey;
    border-radius: 10px;
    padding: 15px
}

/* sidebar */
@media (max-width: 768px) {
    .title.block-collapsible-nav-title {
        padding: 1rem;
    }
    .columns .sidebar-additional {
        padding: 20px !important;
    }
}

.mpmembership-dashboard-index main#maincontent {
    padding: 0 1rem !important;
}
/* Container Style */
.mpmembership-box {
    background: linear-gradient(145deg, #ffa26f, #f5ffcb);
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    padding: 30px;
    max-width: 400px;
    margin: 0 auto;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    border: 1px solid #f05454;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative; /* Ensures child elements can be positioned relative to this */
    z-index: 1;
}

/* Hover Effect */
.mpmembership-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);
    z-index: 10;
}

/* Featured Element Style */
.mpmembership-featured {
    top: 0;
    right: -1px !important;
    position: absolute;
    z-index: 2; /* Higher than other elements to stay on top */
    text-align: center;
    transition: transform 0.3s ease; /* Smooth transition if needed */
}

.mpmembership-featured-img {
    max-width: 94px;
    height: auto;
}

.mpmembership-featured-text {
    color: #ffffff;
    font-weight: bold;
    font-size: 13px;
    top: 36% !important;
}

/* Header Title Style */
.mpmembership-title {
    background: #e94560;
    color: #ffffff;
    padding: 20px;
    text-align: center;
    border-radius: 16px;
    margin-bottom: 25px;
    position: relative;
    font-size: 18px;
    letter-spacing: 2px;
    font-weight: 700;
    text-transform: uppercase;
    z-index: 2;
}

.mpmembership-title::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 4px;
    background: #f05454;
    border-radius: 2px;
    z-index: 2;
}

/* Image Style */
.mpmembership-image {
    text-align: center;
    padding: 21px 0;
    border-bottom: 1px solid #444;
    position: relative;
    z-index: 2;
}

.mpmembership-image img {
    max-width: 120px;
    height: auto;
    border-radius: 50%;
    border: 4px solid #e94560;
    padding: 10px;
    background: lightyellow;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    z-index: 2;
}

.mpmembership-image img:hover {
    transform: scale(1.1);
    box-shadow: 0 10px 20px rgb(10 4 15 / 10%);
}

/* Features Style */
.mpmembership-features {
    padding: 25px 15px;
    color: #cccccc;
    font-family: 'Poppins', sans-serif;
    z-index: 2;
    position: relative;
}

.mpmembership-features ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    line-height: 1.8;
}

.mpmembership-features li {
    margin-bottom: 15px;
    font-size: 17px;
    position: relative;
    padding-left: 25px;
    z-index: 2;
    color: #4f1717;
}

.mpmembership-features li::before {
    content: '✔';
    color: #e94560;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px;
    font-weight: bold;
}

.mpmembership-features li strong {
    color: #7e4141;
    display: block;
    font-weight: 600;
    font-size: 18px;
}

/* Action Button Style */
.mpmembership-action {
    text-align: center;
    padding-top: 30px;
    z-index: 2;
    position: relative;
}

.mpmembership-action a {
    display: inline-block;
    background-color: #e94560;
    color: #ffffff;
    text-transform: uppercase;
    padding: 15px 35px;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    border-radius: 30px;
    text-decoration: none;
    transition: background-color 0.3s ease, transform 0.3s ease;
    z-index: 2;
    position: relative;
}

.mpmembership-action a:hover {
    background-color: #f05454;
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(240, 84, 84, 0.4);
}

.mpmembership-title.membership-bg-color {
    background: #dbff9b !important;
    border-radius: 65px;
    padding: initial !important;
    width: 192px;
    margin: initial;
    margin-top: 64px;
}

.mpmembership-features li br {
    display: none;
}
.mpmembership-title h3 {
    font-size: 18px !important;
    color: black !important;
    margin: initial !important;
    padding: 14px;
}

.data.table.table-history-items thead .col{
    background: #0088CC;
    color: white;
    font-family: 'Assistant';
}
.block.block-dashboard-history .data.table.table-history-items thead .col.id {
    border-top-left-radius: 14px;
}
.block.block-dashboard-history .data.table.table-history-items thead .col:nth-child(7) {
    border-top-right-radius: 14px;
}
.block.block-dashboard-history .data.table.table-history-items tbody tr .col {
    border-right: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
}
.block.block-dashboard-history .data.table.table-history-items tbody tr .col.id {
    border-left: 1px solid #EBEBEB;
}
/* Responsive */
@media (max-width: 767px) {
    .mpmembership-box {
        flex-direction: initial !important;
    }
    .mpmembership-title.membership-bg-color {
        width: 130px;
        margin-top: 10px !important;
    }
    .mpmembership-title h3 {
        font-size: 14px !important;
        padding: 6px !important;
    }
    .mpmembership-image, .mpmembership-price, .mpmembership-features {
        border-bottom: initial !important;
        margin: initial !important;
    }
    .mpmembership-features {
        padding: 0 4px;
    }
    .mpmembership-features li strong {
        font-size: 12px;
        line-height: initial;
    }
    .mpmembership-features li {
        font-size: 14px;
        padding-left: 10px;
    }
}
.mpmembership-index-index button.action.tocart.btn.btn-block.btn-lg.membership-bg-color {
    margin: initial;
    width: 100%;
    background: #f76d6d !important;
    border-radius: 65px;
}
.mpmembership-index-index .mpmembership-action {
    padding: initial !important;
}
.mpmembership-index-index .mpmembership-price-duration {
    padding-bottom: 12px;
    color: #5e2929;
}
@media (max-width: 767px) {
    .mpmembership-features {
        padding: 0 7px !important;
    }
    .mpmembership-index-index main#maincontent {
        padding: 0 1rem !important;
    }
}

/* membership page */
@media (max-width: 768px) {
    .mpmembership-dashboard-index .block-content.mpcss {
        display: flex;
        justify-content: center;
    }
}
/* in Order view page (frontend marketplace) */
.box-content {
    padding: 20px;
    background-color: #f8f8f8;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    max-width: 1000px;
    margin: 0 auto;
    font-family: Arial, sans-serif;
}
.detail_info {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
    font-size: 16px;
}
.detail_info tr {
    border-bottom: 1px solid #ddd;
}
.detail_info tr:nth-child(even) {
    background-color: #f5f5f5;
}
.participant_col {
    width: 50%;
    padding: 10px;
    vertical-align: top;
}
.participant_container {
    padding: 10px;
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-bottom: 10px;
}
.participant_container h3 {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}
.label_details_att {
    font-weight: bold;
    color: #555;
    width: 40%;
    display: inline-block;
}
.value_details_att {
    color: #333;
    width: 55%;
    display: inline-block;
}
.detail_item {
    margin-bottom: 8px;
}
.no-value-found {
    font-style: italic;
    font-size: 16px;
    color: #666;
}
@media (max-width: 600px) {
    .participant_col {
        width: 100%;
        padding: 5px;
    }
    .label_details_att, .value_details_att {
        display: block;
        width: 100%;
        padding: 6px 0;
    }
    .label_details_att {
        border: none;
        padding-right: 0;
        font-weight: normal;
    }
    .detail_item {
        margin-bottom: 12px;
    }
}
.box-content.content-information.title_detail {
    max-width: 100%;
}

.sales-order-view .order-details-items td.col.image {
    display: flex;
    justify-content: center;
}
.sales-order-view .order-details-items td.col {
    padding: initial !important;
    text-align: center;
    align-content: center;
}

.sales-order-view img.product-image {
    width: 68px;
}
.marketplace-order-view .images_aline {
    display: flex;
    gap: 7rem;
    padding-top: 2rem;
}
.marketplace-order-view .file-container {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 2rem;
}
.marketplace-order-view button.download-button.download_file {
    display: flex;
    gap: 6px;
}