li.woocommerce-MyAccount-navigation-link a {
    display: flex !important;
    gap: 15px;
    color: #1A1A1A;
    width: 100%;
    padding: 22px 10px 22px 25px;
    vertical-align: middle;
}
li.woocommerce-MyAccount-navigation-link a:before {
    content: '';    
    width: 24px;
    height: 24px;
    display: inline-block;
    background-size: cover;
}
li.woocommerce-MyAccount-navigation-link--dashboard:not(.is-active) a::before{
    background-image: url("images/dark-dashboard.svg");
}
li.woocommerce-MyAccount-navigation-link--edit-account:not(.is-active) a::before{
    background-image: url("images/dark-personal-information.svg");
}
li.woocommerce-MyAccount-navigation-link--orders:not(.is-active) a::before{
    background-image: url("images/dark-my-order.svg");
}
li.woocommerce-MyAccount-navigation-link--edit-address:not(.is-active) a::before{
    background-image: url("images/dark-address.svg");
}
li.woocommerce-MyAccount-navigation-link--customer-logout:not(.is-active) a::before{
    background-image: url("images/dark-log-out.svg");
}

li.woocommerce-MyAccount-navigation-link--dashboard:hover a::before,
li.woocommerce-MyAccount-navigation-link--dashboard.is-active a::before{
    background-image: url("images/light-dashboard.svg");
}
li.woocommerce-MyAccount-navigation-link--edit-account:hover a::before,
li.woocommerce-MyAccount-navigation-link--edit-account.is-active a::before{
    background-image: url("images/light-personal-information.svg");
}
li.woocommerce-MyAccount-navigation-link--orders:hover a::before,
li.woocommerce-MyAccount-navigation-link--orders.is-active a::before{
    background-image: url("images/light-my-order.svg");
}
li.woocommerce-MyAccount-navigation-link--edit-address:hover a::before,
li.woocommerce-MyAccount-navigation-link--edit-address.is-active a::before{
    background-image: url("images/light-address.svg");
}
li.woocommerce-MyAccount-navigation-link--customer-logout:hover a::before,
li.woocommerce-MyAccount-navigation-link--customer-logout.is-active a::before{
    background-image: url("images/light-log-out.svg");
}

.woocommerce{
    font-family: 'Poppins';
}

/* Dashboard */
p.dashboard-link {
    font-size: 18px;
    margin-bottom: 20px;
    color: #000 !important;
}
p.dashboard-link a{
    color: #e1822d !important;
    font-weight: 500;
    text-decoration: underline;
}

/* My Orders */
.order-list{
    list-style: none;
    padding: 0;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}
li.woocommerce-orders-table__row:hover{
    box-shadow: -10px 10px 10px -10px rgba(225, 130, 45, 0.3);
}
li.woocommerce-orders-table__row{
    margin: 5px;
    background-color: #fff;
    border: 1px solid #fff;
    text-align: center;
    padding: 20px;
    border-radius: 5px;
    text-align: left;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}
li.woocommerce-orders-table__row span{
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    color: #171717;
}
li.woocommerce-orders-table__row a{
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    color: #e1822d !important;
}
.invoice-button a:hover,
a.woocommerce-button:hover{
    background-color: #E1822D !important;
    color: #fff !important;
}
.invoice-button a,
a.woocommerce-button {
    border: 1px solid #E1822D !important;
    padding: 5px 10px;
    margin-left: 10px !important;
    display: inline-block;
    font-size: 15px !important;
    font-weight: 400 !important;
    letter-spacing: 1.5px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 10px;
    color: #E1822D !important;
}
.woocommerce-orders-table__row .col3{
    text-align: right;
}

/* Cancel Order */
.fancybox-bg {
    background: rgba(0, 0, 0, .25) !important;
    opacity: 1 !important;
}
.wc-cancel-buttons button:focus,
.wc-cancel-buttons button:hover{
    background: #E1822D;
    color: #fff !important;
}
.wc-cancel-buttons button {
    background: transparent;
    color: #E1822D !important;
    border: 1px solid #E1822D !important;
    padding: 5px 10px;
    margin: 10px !important;
    display: inline-block;
    font-size: 15px !important;
    font-weight: 400 !important;
    letter-spacing: 1.5px;
    text-align: center;
    outline: none !important;
    text-transform: uppercase;
}
.fancybox-content {
    background: #fff;
    box-shadow: -10px 10px 10px -10px rgba(225, 130, 45, 0.3);
    border-radius: 10px;
    padding: 30px !important;
    min-width: 600px;
}
.wc-cancel-main .wc-cancel-buttons {
    text-align: center !important;
}
.wc-cancel-head {
    font-size: 25px !important;
    font-family: 'Poppins';
    color: #000;
    margin-bottom: 10px;
    text-align: center;
}
.wc-cancel-main .wc-cancel-reason-txt textarea {
    outline: none;
    border: 1px solid #CDCDCD;
    border-radius: 10px;
}
.wc-cancel-main .wc-cancel-reason-txt textarea:active,
.wc-cancel-main .wc-cancel-reason-txt textarea:focus{
    border: 1px solid #E1822D;
}
/* Order Details */
.e-my-account-tab__edit-address .woocommerce-MyAccount-content-wrapper,
.e-my-account-tab__view-order .woocommerce-MyAccount-content-wrapper {
    box-shadow: 0px 0px 5px 0px rgba(225, 130, 45, 0.1);
    padding: 15px !important;
    background-color: #FCF5EE;
}
ul.orderinfo {
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: center;
    border-radius: 10px;
    background: #fff;
    padding: 20px 30px 20px 90px;
    list-style: none;
    margin-bottom: 20px;
}
.back-orderlist{
    position: absolute;
    left: 20px;
    top: 23%;
    background-color: #fcf5ee;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 64px;
    border-radius: 10px;
    border: 1px solid transparent;
    transition: all 0.5s;
    cursor: pointer;
}
.orid span.order-id {
    font-size: 25px !important;
    color: #000;
}
.back-orderlist:hover{
    background-color: #E1822D;
}
.back-orderlist:hover a svg path{
    stroke: #fff;
}
.orderinfo h5{
    color: #000;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 5px;
    margin-top: 0;
}
.orderinfo h4{
    color: #000;
    font-size: 16px;
    font-weight: 500;
    margin: 0 !important;
}
.orderinfo h3{
    font-size: 22px;
    font-weight: 400;
    margin: 0 !important;
    color: #000;
}
li.product-item .product-info img {
    max-height: 100px !important;
    min-height: 100px;
    width: 100px;
    object-fit: contain;
}
.order-main-info {
    background-color: #fcf5ee;
    border-radius: 5px;
}
.order-main-info .row {
    display: flex;
    gap: 20px;
}
.order-main-info .row > .col-8 {
    width: calc(65% - 10px);
}
.order-main-info .row > .col-4 {
    width: calc(35% - 10px);
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.order-main-info .product-info .col-2{
    width: 15%;
}
.order-main-info .product-info .col-6 {
    width: calc(56% - 15px);
}
.order-main-info .product-info .col-4{
    width: calc(25% - 15px);
    text-align: right !important;
    color: #000;
    font-weight: 500;
    font-size: 20px;
}
ul.items {
    list-style: none;
    padding: 0;
    gap: 10px;
    display: flex;
    flex-direction: column;
}
li.product-item:hover{
    box-shadow: -10px 10px 10px -10px rgba(225, 130, 45, 0.3);
}
li.product-item {
    border-radius: 5px;
    border: 1px solid #fff;
    background: #fff;
    padding: 15px;
}
li.product-item .product-info {
    display: flex;
    width: 100%;
    gap: 20px;
    flex-wrap: wrap;
    align-items: center;
}
li.product-item .product-info a {
    color: #000 !important;
    font-size: 15px;
}

.order-status-info {
    border-radius: 10px;
    border: 1px solid #fff;
    background: #fff;
    padding: 25px;
}
.order-total,
.order-status-list{
    list-style: none;
    padding: 0;
}
.order-total{
    margin-top: 7px;
    border-top: 1px dashed #B5B5B5;
}
.order-total li{
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    padding: 7px 0;
}
.order-total li .lable {
    color: #000 !important;
    font-weight: 500;
}
.order-total li .value {
    color: #000 !important;
    font-weight: 500;
    text-align: right;
}
.order-status-list li{
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    padding: 5px 0;
}
.order-status-list li .lable {
    color: #AFAFAF;
}
.order-status-list li .value {
    text-align: right;
}

.address_view_order .woocommerce-Address:hover{
    box-shadow: -10px 10px 10px -10px rgba(225, 130, 45, 0.3);
}
.address-header .woocommerce-column__title,
.address_view_order .woocommerce-column__title {
    font-size: 25px !important;
    line-height: 25px !important;
    margin: 0 0 15px 0 !important;
}
.address_view_order {
    background-color: #fcf5ee;
    border-radius: 5px;
    margin: 20px 0 0 0 !important;
}
.customer-address p {
    margin-bottom: 10px;
}
.order-info-heading {
    font-size: 18px !important;
    font-weight: 500 !important;
    margin: 0 0 10px !important;
    color: #000;
    transition: all 0.5s;
    line-height: 20px !important;
}
.address_view_order .col2-set .col-1,
.address_view_order .col2-set .col-2{
    float: unset !important;
    width: 100% !important;
}
.address_view_order .addresses {
    display: flex;
    gap: 20px;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.address_view_order .col2-set::after,
.address_view_order .col2-set::before,
.address_view_order .col2-set::after,
.address_view_order .col2-set::before {
    display: none;
}
.address_view_order .col2-set .col-1, .address_view_order .col2-set .col-1,
.address_view_order .col2-set .col-2, .address_view_order .col2-set .col-2{
    border-radius: 10px;
    border: 1px solid #fff;
    background: #fff;
    padding: 15px;
}
/* Address */
.account_info .customer_detail p {
    margin-bottom: 15px !important;
}
.woocommerce form .form-row {
    padding: 0 !important;
    margin: 0 0 10px 0 !important;
}
a.edit_account_btn,
a.address-edit {
    color: #e1822d !important;
    margin-top: 15px;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
}
p.address-description {
    color: #000 !important;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 0 !important;
}
.woocommerce-address-fields.edit-woocommerce-address {
    background-color: #fff !important;
    padding: 20px !important;
    border-radius: 5px !important;
}
.update-address:focus, .update-account-detail:focus,
.update-address:hover, .update-account-detail:hover{
    background-color: #e1822d !important;
    color: #fff !important;
}
.update-account-detail,
.update-address {
    background-color: transparent !important;
    outline: none !important;
    border: 1px solid #e1822d !important;
    color: #000 !important;
    font-weight: 400 !important;
    margin-top: 20px;
    border-radius: 0 15px;
    box-shadow: none;
}

.section-heading{
    font-weight: 500 !important;
    color: #000 !important;
    font-size: 25px !important;
    line-height: 25px !important;
    margin-bottom: 20px !important;
    text-align: center;
    border-bottom: 1px solid #e1822d;
    padding-bottom: 15px;
}

@media(max-width: 767px){
    .fancybox-content{
        max-width: 400px !important;
        min-width: unset !important;
    }
    .wc-cancel-head {
        font-size: 22px !important;
    }
    .order-main-info .product-info .product-price {
        font-size: 15px;
        width: unset !important;
    }
    li.product-item .product-info{
        gap: 10px;
        justify-content: space-between;
    }
    li.product-item .product-info .name a {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 3;
    }
    p.dashboard-link{
        font-size: 15px !important;
    }
    .section-heading{
        font-size: 20px !important;
        line-height: 20px !important;
    }
    li.woocommerce-orders-table__row{
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 10px;
        padding: 15px !important;
        margin: 0 0px 10px 0px !important;
    }
    .woocommerce-page form .form-row-last,
    .woocommerce-page form .form-row-first,
    .edit-woocommerce-address .form-row-first, .edit-woocommerce-address .form-row-last,
    .edit-woocommerce-address .form-row-first, .edit-woocommerce-address .form-row-last{
        width: 100% !important;
        float: unset !important;
    }
    li.woocommerce-orders-table__row span{
        font-size: 15px !important;  
    }
    li.woocommerce-orders-table__row a{
        margin: 10px 10px 0 0 !important;
    }
    .woocommerce-orders-table__row .col3 {
        text-align: left !important;
    }
    a.woocommerce-button{
        padding: 5px 10px !important;
        font-size: 15px !important;
    }
    ul.orderinfo{
        flex-direction: column;
        gap: 10px;
        padding: 15px;
        text-align: center;
        margin-bottom: 15px !important;
    }
    li.back-orderlist {
        left: 13px;
        top: 8%;
        width: 37px;
        height: 37px;
        line-height: 50px;
    }
    .order-main-info .row > .col-4,
    .order-main-info .row > .col-8{
        width: 100%;
    }
    .order-main-info .row{
        display: flex;
        gap: 15px;
        flex-direction: column;
    }
    .woocommerce-address-fields.edit-woocommerce-address{
        padding: 15px !important;
        margin-top: 15px !important;
    }
    .order-status-info{
        padding: 15px;
    }
    .address_view_order .addresses{
        flex-wrap: wrap;
        gap: 15px;
        justify-content: space-between;
        align-content: space-between;
    }
    .customer-address p {
        margin-bottom: 5px;
    }
    .address_view_order{
        margin-top: 15px !important;
    }
    a.address-edit{
        font-size: 16px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    .order-status-list li{
        flex-wrap: wrap;
        flex-direction: column;
        align-content: flex-start;
    }
    .address_view_order .col-1{
        float: left !important;
        width: 48% !important;
    }
    .address_view_order .col-2 {
        float: right !important;
        width: 48% !important;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .order-status-list li{
        flex-wrap: wrap;
        flex-direction: column;
        align-content: flex-start;
    }
    .address_view_order .col-1{
        float: left !important;
        width: 48% !important;
    }
    .address_view_order .col-2 {
        float: right !important;
        width: 48% !important;
    }
}