.woocommerce-MyAccount-navigation ul {
    list-style: none;
    --li-pl: 0;
    --list-mb: 0;
    --li-mb: 0
}

.woocommerce-my-account-wrapper {
    display: flex;
    margin-inline:-30px}

.wd-my-account-sidebar {
    flex: 1 0 25%;
    max-width: 25%;
    width: 25%;
    padding: 10px 30px;
    border-inline-end:1px solid var(--brdcolor-gray-300)}

.wd-my-account-sidebar .sidebar-container {
    margin-bottom: 30px;
    padding-top: 30px;
    border-top: 1px solid var(--brdcolor-gray-300)
}

.woocommerce-MyAccount-content {
    flex: 1 0 75%;
    max-width: 75%;
    width: 75%;
    padding: 10px 30px
}

.woocommerce-MyAccount-content>h2,.woocommerce-MyAccount-content header>h2 {
    text-transform: uppercase;
    font-size: 22px
}

.woocommerce-MyAccount-content>p {
    font-size: 110%
}

.woocommerce-MyAccount-content .woocommerce-Message {
    margin-bottom: 30px !important
}

.woocommerce-MyAccount-content>.button {
    border-radius: var(--btn-accented-brd-radius);
    color: var(--btn-accented-color);
    box-shadow: var(--btn-accented-box-shadow);
    background-color: var(--btn-accented-bgcolor);
    text-transform: var(--btn-accented-transform, var(--btn-transform));
    font-weight: var(--btn-accented-font-weight, var(--btn-font-weight));
    font-family: var(--btn-accented-font-family, var(--btn-font-family));
    font-style: var(--btn-accented-font-style, var(--btn-font-style))
}

.woocommerce-MyAccount-content>.button:hover {
    color: var(--btn-accented-color-hover);
    box-shadow: var(--btn-accented-box-shadow-hover);
    background-color: var(--btn-accented-bgcolor-hover)
}

.woocommerce-MyAccount-content>.button:active {
    box-shadow: var(--btn-accented-box-shadow-active);
    bottom: var(--btn-accented-bottom-active, 0)
}

.woocommerce-MyAccount-content>.col-1 {
    max-width: 100%;
    padding: 0
}

.order-info mark {
    color: #fff;
    background-color: var(--wd-primary-color)
}

.woocommerce-EditAccountForm fieldset {
    margin-top: 40px
}

.woocommerce-MyAccount-title {
    font-size: 18px;
    padding-inline:15px 10px;padding-bottom: 10px;
    margin-bottom: 15px;
    text-transform: uppercase;
    border-bottom: 1px solid var(--brdcolor-gray-300)
}

.woocommerce-MyAccount-navigation {
    margin-bottom: 30px
}

.woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 10px 15px;
    color: var(--color-gray-900);
    line-height: 20px;
    text-transform: none;
    font-size: 14px;
    font-weight: 600;
    border-radius: var(--wd-brd-radius)
}

.woocommerce-MyAccount-navigation ul li a:hover {
    color: var(--color-gray-900);
    background-color: rgba(var(--bgcolor-black-rgb), 0.03);
    text-decoration: none
}

.woocommerce-MyAccount-navigation ul li.is-active>a {
    background-color: rgba(var(--bgcolor-black-rgb), 0.06);
    cursor: default
}

.woocommerce-MyAccount-navigation ul li:last-child {
    border-bottom: none
}

.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions {
    padding-bottom: 5px
}

.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions>a {
    margin-bottom: 10px
}

.order-again {
    margin-bottom: 30px
}

.order-again .button {
    border-radius: var(--btn-accented-brd-radius);
    color: var(--btn-accented-color);
    box-shadow: var(--btn-accented-box-shadow);
    background-color: var(--btn-accented-bgcolor);
    text-transform: var(--btn-accented-transform, var(--btn-transform));
    font-weight: var(--btn-accented-font-weight, var(--btn-font-weight));
    font-family: var(--btn-accented-font-family, var(--btn-font-family));
    font-style: var(--btn-accented-font-style, var(--btn-font-style))
}

.order-again .button:hover {
    color: var(--btn-accented-color-hover);
    box-shadow: var(--btn-accented-box-shadow-hover);
    background-color: var(--btn-accented-bgcolor-hover)
}

.order-again .button:active {
    box-shadow: var(--btn-accented-box-shadow-active);
    bottom: var(--btn-accented-bottom-active, 0)
}

.wd-my-account-links[class*="wd-grid"] {
    --wd-col-lg: 3;
    --wd-col-md: 2;
    --wd-col-sm: 3;
    --wd-gap-lg: 5px;
    margin-top: 10px;
}

.wd-my-account-links a {
    display: block;
     padding:10px 0 10px 0;
    font-weight: 600;
font-size:12px;
    text-align: center;
    color: var(--color-gray-700);
    border-radius: var(--wd-brd-radius);
    box-shadow: 0 0 4px rgba(0,0,0,0.18)
}

.wd-my-account-links a:before {
    display: block;
    color: var(--color-gray-300);
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: 400;
    line-height: 1;
    transition: color .25s ease;
    content: "\f140";
    font-family: "woodmart-font"
}

.wd-my-account-links a:hover {
    color: var(--color-gray-700);
    background-color: rgba(var(--bgcolor-black-rgb), 0.03)
}

.wd-my-account-links a:hover:before {
    color: var(--wd-primary-color)
}

.wd-my-account-links .dashboard-link {
    display: none
}

.wd-my-account-links .wishlist-link a:before {
    content: "\f134"
}

.wd-my-account-links .edit-account-link a:before {
    content: "\f135"
}

.wd-my-account-links .orders-link a:before {
    content: "\f138"
}

.wd-my-account-links .downloads-link a:before {
    content: "\f136"
}

.wd-my-account-links .payment-methods-link a:before {
    content: "\f142"
}

.wd-my-account-links .edit-address-link a:before {
    content: "\f139"
}

.wd-my-account-links .customer-logout-link a:before {
    content: "\f137"
}

.woocommerce-pagination .button {
    border-radius: var(--btn-accented-brd-radius);
    color: var(--btn-accented-color);
    box-shadow: var(--btn-accented-box-shadow);
    background-color: var(--btn-accented-bgcolor);
    text-transform: var(--btn-accented-transform, var(--btn-transform));
    font-weight: var(--btn-accented-font-weight, var(--btn-font-weight));
    font-family: var(--btn-accented-font-family, var(--btn-font-family));
    font-style: var(--btn-accented-font-style, var(--btn-font-style))
}

.woocommerce-pagination .button:hover {
    color: var(--btn-accented-color-hover);
    box-shadow: var(--btn-accented-box-shadow-hover);
    background-color: var(--btn-accented-bgcolor-hover)
}

.woocommerce-pagination .button:active {
    box-shadow: var(--btn-accented-box-shadow-active);
    bottom: var(--btn-accented-bottom-active, 0)
}

.woocommerce-MyAccount-downloads-file {
    border-radius: var(--btn-accented-brd-radius);
    color: var(--btn-accented-color);
    box-shadow: var(--btn-accented-box-shadow);
    background-color: var(--btn-accented-bgcolor);
    text-transform: var(--btn-accented-transform, var(--btn-transform));
    font-weight: var(--btn-accented-font-weight, var(--btn-font-weight));
    font-family: var(--btn-accented-font-family, var(--btn-font-family));
    font-style: var(--btn-accented-font-style, var(--btn-font-style))
}

.woocommerce-MyAccount-downloads-file:hover {
    color: var(--btn-accented-color-hover);
    box-shadow: var(--btn-accented-box-shadow-hover);
    background-color: var(--btn-accented-bgcolor-hover)
}

.woocommerce-MyAccount-downloads-file:active {
    box-shadow: var(--btn-accented-box-shadow-active);
    bottom: var(--btn-accented-bottom-active, 0)
}

.account-payment-methods-table .button {
    border-radius: var(--btn-accented-brd-radius);
    color: var(--btn-accented-color);
    box-shadow: var(--btn-accented-box-shadow);
    background-color: var(--btn-accented-bgcolor);
    text-transform: var(--btn-accented-transform, var(--btn-transform));
    font-weight: var(--btn-accented-font-weight, var(--btn-font-weight));
    font-family: var(--btn-accented-font-family, var(--btn-font-family));
    font-style: var(--btn-accented-font-style, var(--btn-font-style))
}

.account-payment-methods-table .button:hover {
    color: var(--btn-accented-color-hover);
    box-shadow: var(--btn-accented-box-shadow-hover);
    background-color: var(--btn-accented-bgcolor-hover)
}

.account-payment-methods-table .button:active {
    box-shadow: var(--btn-accented-box-shadow-active);
    bottom: var(--btn-accented-bottom-active, 0)
}

header.title {
    margin-bottom: 10px
}

header.title>h3 {
    text-transform: uppercase;
    font-size: 22px
}

.woocommerce-Address-title .edit,.woocommerce-Address-title>h3 {
    display: inline-block;
    margin-bottom: 5px;
    vertical-align: middle
}

.woocommerce-Address-title .edit {
    padding-inline:5px;color: var(--color-gray-600);
    font-weight: 600;
    font-size: 12px
}

.woocommerce-Address-title .edit:hover {
    color: var(--wd-primary-color)
}

.woocommerce-form__label {
    cursor: pointer
}

button[name="save_account_details"],button[name="save_address"] {
    border-radius: var(--btn-accented-brd-radius);
    color: var(--btn-accented-color);
    box-shadow: var(--btn-accented-box-shadow);
    background-color: var(--btn-accented-bgcolor);
    text-transform: var(--btn-accented-transform, var(--btn-transform));
    font-weight: var(--btn-accented-font-weight, var(--btn-font-weight));
    font-family: var(--btn-accented-font-family, var(--btn-font-family));
    font-style: var(--btn-accented-font-style, var(--btn-font-style))
}

button[name="save_account_details"]:hover,button[name="save_address"]:hover {
    color: var(--btn-accented-color-hover);
    box-shadow: var(--btn-accented-box-shadow-hover);
    background-color: var(--btn-accented-bgcolor-hover)
}

button[name="save_account_details"]:active,button[name="save_address"]:active {
    box-shadow: var(--btn-accented-box-shadow-active);
    bottom: var(--btn-accented-bottom-active, 0)
}

@media (max-width: 1024px) {
    .wd-my-account-sidebar {
        flex-basis:35%;
        max-width: 35%;
        width: 35%
    }

    .woocommerce-MyAccount-content {
        flex-basis: 65%;
        max-width: 65%;
        width: 65%
    }
}

@media (max-width: 768.98px) {
    .woocommerce-my-account-wrapper {
        flex-wrap:wrap
    }

    .woocommerce-MyAccount-content,.wd-my-account-sidebar {
        flex-basis: 100%;
        padding-block:0;max-width: 100%;
        width: 100%
    }

    .wd-my-account-sidebar {
        border-inline-end:none}
}

@media (min-width: 769px) and (max-width: 1024px) {
    .woocommerce-orders-table,.woocommerce-orders-table :is(tbody,tfoot,tr,td) {
        display:block
    }

    .woocommerce-orders-table :is(thead,th) {
        display: none
    }

    .woocommerce-orders-table tr {
        position: relative;
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid var(--brdcolor-gray-300)
    }

    .woocommerce-orders-table tr:last-child {
        margin-bottom: 0
    }

    .woocommerce-orders-table td {
        margin-bottom: 8px;
        padding: 0 0 8px;
        border-bottom: none;
        text-align: end
    }

    .woocommerce-orders-table td:before {
        content: attr(data-title);
        float: left;
        padding-top: 3px;
        color: var(--brdcolor-gray-900);
        text-transform: uppercase;
        font-weight: 600;
        font-size: 12px
    }

    .woocommerce-orders-table td:last-child {
        margin-bottom: 0;
        padding-bottom: 0
    }
}