.products-list .ps-product .ps-product__price__sale {
    font-weight: 600;
    font-size: 16px;
}

.wish-card .ps-product .ps-product__title_ar {
    font-family: Poppins !important;
    font-weight: 500;
}

.wish-card .ps-product .ps-product__title {
    font-weight: 600;
}

.wish-card .ps-product .ps-product__price.sale {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.wish-card .ps-product .ps-product__price.sale span {
    width: auto !important;
}

#wish_list .product-layout {
    margin-bottom: 15px;
}

#wish_list .ps-product__price>a {
    display: flex;
    align-items: center;
}

.ps-page--shop {
    background-color: #FAFAFA;
}

.tabbable-line>.nav-tabs>li {
    padding: 0 0 10px 0;
}

.account-settings-section .tabbable-line #pills-tab {
    margin-right: 10px;
}

.nav-tabs .nav-link {
    background-color: #FFF;
}

.tabbable-line>.nav-tabs>li>button.active {
    background-color: #058057;
    color: #FFF;
}

.profile-address .address-details {
    word-break: break-all;
}

.orders-card .card-body .table .order-card .product .card-title:first-of-type {
    font-weight: 500;
}

.order-card .details div:last-of-type {
    direction: ltr;
}
.remove-icon {
    cursor: pointer;
    transition: all 0.25s ease-in-out;
}

.remove-icon .remove-icon-span {
    transition: all 0.25s ease-in-out;
    border: 1px solid #fa3434;
    border-radius: 5px;
    line-height: 5rem;
    padding: 10px;
}

.remove-icon .fa-trash {
    transition: all 0.25s ease-in-out;
    color: #fa3434;
    font-size: 18px;
}
.address-base{
    margin-left: 1rem;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E3E3E3;
    border-radius: 6px;
    /* padding: 1rem; */
}
@media (min-width:769px){
    #my_addresses .add-cards .add-card {
        margin-bottom: 25px;
    }
}

@media (max-width:768px) {
    .user-profile .user-sidebar {
        padding: 0;
    }
}

@media (min-width:501px) and (max-width:1024px) {
    .wish-card .ps-product .ps-product__price.sale {
        flex-direction: column;
        align-items: stretch;
    }
}

@media (max-width:768px) {

    .account-settings-section .tabbable-line #pills-tab,
    .tabbable-line>.tab-content {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

}

@media (max-width:768px) {
    .coupons-base {
        margin-right: 0 !important;
    }
}

@media (max-width:500px) {
    #account_information .first-data {
        margin-bottom: 20px;
    }
}


/* Start Account Settings */
.tabbable-line>.nav-tabs>li {
    padding: 0 0 10px 0;
}

.account-settings-section .tabbable-line #pills-tab {
    margin-right: 5px;
    margin-left: 10px;
}

.nav-tabs .nav-link {
    background-color: #FFF;
}

.tabbable-line>.nav-tabs>li>button.active {
    background-color: #058057;
    color: #FFF;
}

.tabbable-line>.nav-tabs>li>a {
    padding-bottom: 9px;
    font-size: 16px;
}

.tabbable-line>.nav-tabs>li>a.active {
    border-bottom: 1px solid var(--main-color);
    position: relative;
    transition-delay: 0;
}

.add_to_list_fill {
    display: none;
}

.profile-item:hover .add_to_list_fill {
    display: inline-block !important;
    color: #fff;
}

.active .add_to_list_fill {
    display: inline-block !important;
    color: #fff;
}

.add_to_list {
    display: inline-block;
}

.profile-item:hover .add_to_list {
    display: none !important;
}

.active .add_to_list {
    display: none !important;
}

.modal:not(.orderModal) .modal-header {
    position: relative;
}

.btn-active.active {
    color: #fff;
    background-color: #058057 !important;
}

.user-profile .profile-form input {
    padding: 0px 10px !important;
    direction: rtl;
}

.password-hint {
    font-size: 1.5rem !important;
}

.user-profile .edit-add .btn:not(.product-card-add-to-cart) {
    font-size: 14px !important;
    font-weight: 400 !important;
    padding: unset;
}

.tabbable-line>.nav-tabs {
    justify-content: space-between;
}

.tabbable-line>.nav-tabs>li {
    margin-right: 0px;
    text-align: -webkit-center;
}

.tabbable-line>.nav-tabs>li>button {
    width: 100%;
    height: 100%;
    padding: 15px;
    border: 1px solid #DBDBDB !important;
    border-radius: 10px;
}

.acc-img {
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
}

.acc-img img {
    border: 1px solid #058057;
    border-radius: 50%;
    padding: 1rem;
    justify-content: center;
    width: 120px;
    height: 120px;
    margin: 1rem;
}

.upload-photo {
    border: 1px solid #DBDBDB;
    border-radius: 5px;
    padding: 1rem;
    margin: 1rem;
}

.upload-photo label {
    margin: 0 0px;
}

.acc-inf {
    padding-top: 1rem;
}

#account_information .form-group .bd {
    margin-bottom: 2.5rem;
}

.form-group label {
    font: normal normal normal 16px/20px Poppins;
    letter-spacing: 0px;
    color: #969696;
}

.calender-icon {
    position: absolute;
    font-size: 20px;
    top: 30px;
    left: 30px
}

/** Change Password **/
#change_password form {
    margin: 2rem;
}
#change_password{
    margin: 0 auto;
}
@media (max-width:500px){
    #change_password{
       padding-left: 0;
       padding-right: 0;
    } 
}

#change_password .form-group .in-data {
    margin-bottom: 2.5rem;
}

/** End Change Password **/

/** Edit Address **/
.my-add {
    font: normal normal 600 24px/22px Poppins;
    letter-spacing: -0.22px;
    color: #393E46;
}

#my_addresses .add-header .add-btn .addressModalAction {
    border: 2px solid #058057;
    border-radius: 5px;
    padding: 1.5rem 3rem;
    text-align: center;
    font: normal normal medium 17px/26px Poppins;
    letter-spacing: 0px;
    color: #058057;
    cursor: pointer;
    margin-left: 10px;
    transition: all .25s ease-in-out;
}

#my_addresses .add-header .add-btn .addressModalAction:hover {
    background-color: #058057;
    color: #FFF !important;
}
#my_addresses .add-header .my-add{
    margin-right: 15px;
}
.remove-icon .remove-icon-span:hover{
    background-color: #fa3434;
}
.remove-icon .remove-icon-span:hover i{
    color: #FFF;
}
#my_addresses .add-header .add-btn{
    direction: ltr;
}
#my_addresses .add-inf > h5{
    color: #1C1C1C;
    letter-spacing: -0.16px;
    font-size: 18px;
}
#my_addresses .add-inf p:not(:last-of-type){
    color: #7F7F7F;
}
#my_addresses .add-inf p:last-of-type{
    color: #969696;
}
.coupons-base .add-btn .couponModalAction{
    display: flex;
    flex-direction: row-reverse;
    direction: rtl;
    align-items: center;
}
.coupons-base .add-btn .couponModalAction svg{
    margin-right: 10px;
}
@media (max-width:768px){
    #my_addresses .add-header .add-btn .addressModalAction{
        margin-left: 0;

    }
    #my_addresses .add-header .my-add{
        margin-right: 0;
    }
}
@media (max-width:575px){
    #my_addresses .add-header,
    .coupons-base .coupon-header{
        flex-direction: column;
    }

    #my_addresses .add-header .add-btn,
    .coupons-base .coupon-header .add-btn{
        margin-top: 40px;
    }
}

.edit-add {
    border: 1px solid #DBDBDB;
    border-radius: 5px;
    padding: 1rem;
    margin: 1rem 0rem 1rem 1rem;
}

#my_addresses .row {
    padding: 2rem 0;
    /* justify-content: center; */
}

#my_addresses .add-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1rem;
    margin-top: 25px;
    margin-bottom: 3rem !important;
}

.add-cards {
    display: flex;
    justify-content: space-between;
    margin: 1rem;
    padding: 0px;
}
.add-btn .couponModalAction {
    border: 2px solid #058057;
    border-radius: 5px;
    padding: 1.5rem 3rem;
    text-align: center;
    font: normal normal medium 17px/26px Poppins;
    letter-spacing: 0px;
    color: #FF9933 !important;
    cursor: pointer;
    transition: all .15s ease-in-out;
}
.add-btn .couponModalAction:hover {
    background-color: #058057;
    color: #FFF !important;
}

@media (max-width: 1024px) {
    #my_addresses .row {
        padding: 2rem 0rem;
    }
}

@media (max-width: 768px) {
    .add-cards .add-card {
        padding: 0.25rem;
    }
    .address-base{
        margin-left: 0 !important;
    }
    .coupons-base{
        margin-left: 0 !important;
    }
}

/** End Edit Address **/

@media (max-width: 427px) {
    .acc-inf {
        padding: 1rem 2rem;
    }

    .tabbable-line>.nav-tabs>li>a {
        font-size: 13px !important;
        font-weight: bold;
    }

    #account_information .form-group .first-data {
        margin-bottom: 2.5rem;
    }

    .tab-content>.tab-pane {
        /*padding: 1rem;*/
    }

    #my_addresses .add-header {
        display: flex;
        margin: 1rem;
        flex-direction: column;
    }

    .add-btn {
        margin-top: 3rem;
    }

    .add-cards {
        display: flex;
        justify-content: space-between;
        margin: 1rem;
        padding: 0px;
        flex-direction: column;
    }
}

@media (max-width: 325px) {
    #my_addresses .add-header {
        display: flex;
        flex-direction: column;
        margin: 0rem;
    }
}

#close_add_coupon {
    opacity: 1;
    border-radius: 50%;
    background: #ececec !important;
    width: 30px !important;
    height: 30px !important;
    position: absolute;
    left: 25px;
    top: 30px !important;
}

#close_add_rate {
    opacity: 1;
    border-radius: 50%;
    background: #ececec !important;
    width: 30px !important;
    height: 30px !important;
    position: absolute;
    left: 25px;
    top: 18px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

#close_details {
    color: #000;
    text-shadow: none;
    opacity: 1;
    border-radius: 50%;
    background: #ececec !important;
    width: 35px;
    height: 35px;
    position: absolute;
    left: 0px;
    top: -25px !important;
    line-height: inherit;
    padding: 9px;
    transform: translateY(50%);
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 769px) {
    #close_details {
        right: -10px;
    }
}

.coupons-base {
    margin-left: 1rem;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E3E3E3;
    border-radius: 6px;
    /* padding: 1rem; */
}

.coupons-base>.row {
    padding: 2rem;
    justify-content: center;
}

.coupon-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1rem;
}

.my-coupons {
    font: normal normal 600 24px/22px Poppins;
    letter-spacing: -0.22px;
    color: #393E46;
}

.add-btn .couponModalAction {
    border: 2px solid #058057;
    border-radius: 5px;
    padding: 1.5rem 3rem;
    text-align: center;
    font: normal normal medium 17px/26px Poppins;
    letter-spacing: 0px !important;
    color: #058057;
    cursor: pointer;
}

.coupon-cards {
    display: flex;
    justify-content: space-between;
    margin: 1rem;
    padding: 0px;
}

.no-coupons {
    position: relative;
    padding: 3rem;
    margin: 1rem auto;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    /* border: 1px solid #E4E4E4; */
    border-radius: 6px;
}

.profile-coupon {
    position: relative;
    margin: 1rem auto;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E4E4E4;
    border-radius: 6px;
}

.disc-val {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 3rem;
    border-left: 1px solid #E4E4E4;
}

.disc-val h2 {
    font: normal normal bold 45px/35px Poppins;
    letter-spacing: 0px;
    color: #393E46;
}

.disc-val h5 {
    font: normal normal normal 20px/10px Poppins;
    letter-spacing: 0px;
    color: #058057;
}

.disc-desc {
    padding: 3rem;
}

.disc-desc h4 {
    font: normal normal 24px/35px Poppins;
    letter-spacing: -0.16px;
    color: #1C1C1C;
}

.disc-desc p {
    font: normal normal normal 14px/22px Poppins;
    letter-spacing: -0.12px;
    color: #393E46;
    margin-bottom: 0px;
}

.disc-desc p span {
    font: normal normal normal 14px/22px Poppins;
    letter-spacing: -0.12px;
    color: #969696;
}

/*Modal Styling*/
#coupon_modal {
    right: 0;
}

#coupon_modal .modal-content {
    overflow: auto;
}

#coupon_modal .modal-content .modal-header {
    min-height: 16.43px;
    padding: 15px;
    border: unset;
}

#coupon_modal .modal-content .modal-header .modal-title {
    display: inline-block;
    padding: 0 15px;
    font-size: 24px;
}

#coupon_modal .modal-content .modal-header .close {
    margin: -2rem -1rem -1rem auto;
    padding: 1rem;
}

#coupon_modal .modal-content .modal-header .close .close-copon {
    line-height: 40px;
    font-size: 30px;
}

#coupon_modal .modal-content .modal-body {
    padding: 0 15px;
    position: relative;
    border: unset;
}

#my_coupons img {
    max-width: 100%;
}

.modal-body .input-group-copon {
    /* align-items: center; */
}

.modal-body .input-group-copon input {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    font-size: 15px;
    border: 2px solid #FF9933 !important;
}

.modal-body .input-group-copon .input-group-addon {
    border: 2px solid #FF9933 !important;
    background: hsl(16, 87%, 55%) !important;
    border-left: none !important;
    margin: 15px 0;
    height: 47px !important;
    width: 25% !important;
    right: -18px !important;
    color: white !important;
    font-weight: bold !important;
    outline: none;
    float: left;
    position: relative;
    transition: all 0.2s;
    border-radius: 5px 0px 0px 5px !important;
    text-transform: uppercase;
}


/*End Modal Styling*/

@media (max-width: 1024px) {
    .coupons-base>.row {
        padding: 1rem;
    }

    .disc-val {
        padding: 1rem;
    }

    .disc-desc {
        padding: 1rem;
    }
}

@media (max-width: 428px) {
    .coupon-header {
        display: flex;
        margin: 1rem;
        flex-direction: column;
    }

    .profile-coupon>.d-flex {
        flex-direction: column;
    }

    .disc-val {
        border-bottom: 1px solid #E4E4E4;
        padding: 1.5rem;
    }

    .disc-desc {
        padding: 1rem 3rem;
        text-align: center;
    }
}

.user-profile .profile-content {
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #E3E3E3;
}

.profile-content .discount-coupons {
    padding: 0px;
}

.profile-content .discount-coupons h3 {
    margin: 0px;
}

.profile-content .add-coupon {
    padding: 0px;
}

@media (max-width: 768px) {
    .coupon-card {
        padding-top: 5px;
    }
}

@media (max-width: 427px) {
    .user-profile .profile-content {
        margin-top: 20px
    }
}

.card-body .header-title {
    align-items: center;
}

.links_page .card-body {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
}

.links_page .card-body .header-title {
    padding-left: 17px;
    padding-right: 17px;
    padding-bottom: 20px;
    padding-top: 20px;
}

.links_page .menu-list {
    margin-bottom: 0px !important;
}

.links_page .menu-list img {
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 3px;
    padding-right: 3px;
}

.active .profile-type-title {
    color: #fff !important;
}

@media (max-width: 2560px) {
    .profile-type-title {
        font-size: 15px !important;
    }
}

@media (max-width: 1440px) {
    .links_page .header-title h4 {
        font-size: 17px;
    }

    .links_page .header-title h6 {
        font-size: 11px;
    }

    .profile-type-title {
        font-size: 14px !important;
    }
}

@media (max-width: 1024px) {
    .links_page .header-title h4 {
        font-size: 18px;
    }

    .links_page .header-title h6 {
        font-size: 12px;
    }

    .profile-type-title {
        font-size: 15px !important;
    }
}

@media (max-width: 768px) {
    .links_page .header-title h4 {
        font-size: 16px;
    }

    .links_page .header-title h6 {
        font-size: 11px;
    }

    .links_page .card-body .header-title {
        padding: 14px;
    }

    .links_page .card-body .header-title img {
        width: 50px;
        height: 50px;
    }

    .profile-type-title {
        font-size: 13.5px !important;
    }

    .links_page .card-body .header-title .name {
        max-width: 65%;
    }
}

@media (max-width: 427px) {
    .links_page .header-title h4 {
        font-size: 18px;
    }

    .links_page .header-title h6 {
        font-size: 12px;
    }

    .profile-type-title {
        font-size: 15px !important;
    }

    .links_page .card-body .header-title img {
        width: 55px;
        height: 55px;
        margin-right: 3rem !important;
    }

    .links_page .card-body .header-title .name {
        max-width: 75%;
    }
}

@media (max-width: 378px) {
    .links_page .header-title h4 {
        font-size: 18px;
    }

    .links_page .header-title h6 {
        font-size: 12px;
    }

    .profile-type-title {
        font-size: 14px !important;
    }

    .links_page .card-body .header-title img {
        margin-right: 0rem !important;
        width: 50px;
        height: 50px;
    }
}

@media (max-width: 325px) {
    .links_page .card-body .header-title {
        padding: 10px !important;
    }

    .links_page .header-title h4 {
        font-size: 15px;
    }

    .links_page .header-title h6 {
        font-size: 10px;
    }

    .links_page .header-title img {
        width: 50px !important;
        height: 50px !important;
        margin-right: 1rem !important;
    }

    .profile-type-title {
        font-size: 14px !important;
    }

    .links_page .card-body .header-title .name {
        max-width: 65%;
    }
}

.orders-card .card-header {
    background-color: #fff;
    justify-content: space-between;
    padding: 20px;
}

.orders-card .card-header .order_id {
    /* font-family: Poppins,sans-serif!important; */
    font: normal normal 500 18px/22px Poppins;
    font-family: Almarai, sans-serif !important;
    word-break: break-all;
}

.orders-card .card-header .order_date {
    color: #969696;
    font-size: 16px;
    font-family: Almarai, sans-serif !important;
    font-weight: 400;
}

.orderModal .modal-header .row {
    flex-direction: row-reverse;
    align-items: center;
    padding-bottom: 13px;
}

.orderModal .modal-header .row .reorder {
    margin: 0px -15px;
}

.orderModal .modal-header .pon {
    text-align: start;
}
@media (max-width:575px){
    .orderModal .modal-header .pon,
    .orderModal .modal-header .pod{
        margin-bottom: 10px;
    }
}


.last-row-modal-order .amount-detail {
    width: 100%;
}

.orders-card .card-body .table .order-detail .order-desc {
    flex-wrap: wrap;
    align-items: center;
}

.orders-card .card-body .table .order-detail .order-desc .shipping span {
    color: #969696
}

.orders-card .card-body .table .order-detail .order-desc .total span {
    color: #058057;
    font-weight: bold;
}

.orders-card .card-body .table .order-detail .order-desc .payment-section {
    align-items: center;
}

.orders-card .card-body .table .order-detail .order-desc .payment-section .payment span {
    color: #969696;
}

.orders-card .card-body .table .order-detail .order-desc .payment-section img {
    border-radius: 3px;
    border-color: #EFEFEF;
    width: 30px;
}

.orders-card .card-body .table .order-detail .order-desc .payment-section .pay-meth span {
    color: #545454;
}

.orders-card .card-body .table .order-detail .order-buttons {
    /* justify-content: space-evenly; */
    align-items: center;
    /* padding-left: 0px; */
}

.orders-card .card-body .table .order-detail .order-buttons .first {
    padding-top: 7px;
    padding-bottom: 7px;
}

.orders-card .card-body .table .order-detail .order-buttons .first image {
    border-radius: 5px;
    border-color: #EFEFEF;
    height: 37px;
}

.orders-card .card-body .table .order-detail .order-buttons .second {
    padding-top: 7px;
    padding-bottom: 7px;
}

.orders-card .card-body .table .order-detail .order-buttons .second a {
    box-shadow: 0px 3px 6px #00000029;
    background-color: #058057;
    color: #FFFFFF;
    font-weight: normal;
    font-size: small;
}

.orders-card .card-body .table .order-detail .order-buttons .third {
    cursor: pointer;
    color: #1C1C1C;
    padding: 12px 20px;
    border-radius: 5px;
    border: 1px solid #EAEAEA;
}

.orders-card .card-body .table .order-card .product {
    flex-wrap: wrap;
    align-items: center;
}

.orders-card .card-body .table .order-card .product a img {
    border-radius: 7px;
    border-color: #EFEFEF
}

.orders-card .card-body .table .order-card .product .seller {
    color: #AFAFAF;
    font-size: 11px;
}

.orders-card .card-body .table .order-card .product .seller-name {
    color: #058057;
    font-size: 11px;
}

.orders-card .card-body .table .order-card .product .card-title {
    color: #393E46;
    font-size: 15px;
    font-family: Almarai, sans-serif !important;
    font: normal normal normal 18px/22px Almarai;
}

.orders-card .card-body .table .order-card .product .card-title-ar {
    font-family: Poppins, sans-serif !important;
    font: normal normal 501 19px/22px Poppins;

}

.orders-card .card-body .table .order-card .details {
    text-align: end;
    color: #666;
    border-bottom-width: 1px;
    align-items: center;
    justify-content: flex-end;
}

.orders-card .card-body .table .order-card .details .price {
    color: #1C1C1C;
    margin: 5px !important;
    font-size: large;
}

.orders-card .card-body .table .order-card .details .order-status {
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    padding: 1rem 2rem;
}

.orders-card .card-body .table .order-card .details .order-status-else,
.orders-card .card-body .table .order-card .details .order-status-approved{
    background-color: #E9F8F3;
}

.orders-card .card-body .table .order-card .details .order-status img {
    width: 22px;
    margin-right: 0.5rem !important;
}

.orders-card .card-body .table .order-card .details p {
    /* color: #29BB89; */
    margin-bottom: 0px;
    text-align: center;
    white-space: nowrap;
}

.user-profile .btn:not(.product-card-add-to-cart) {
    font-size: 12px;
}

.user-profile .detail .btn:not(.product-card-add-to-cart) {
    padding: 12px 15px;
    border-radius: 5px !important;
}
.user-profile .order-detail .btn-reorder{
    padding: 12px 25px !important;
}
.user-profile .content-section {
    padding: 0 15px !important;
}

.card-order-info .card-img {
    width: 20%;
    display: inline-table;
    max-width: 150px;
    padding: 1rem;
    border: 1px solid #EAEAEA;
    border-radius: 5px;
    float: right;
}

.orderModal .modal-body .col-sm-6 {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 30px;
}

.order-desc h5 {
    font-size: 16px;
}
.last-row-modal-order .pay-method > p{
    display: flex;
}

.order-card .details .order-status-cancel{
    background-color: #e639463b;
}
.order-card .details .order-status-cancel p{
    color: #E63946;
}
.order-card .details .order-status-pending{
    background-color: #FF993347;
}
.order-card .details .order-status-pending p{
    color: #058057;
}
.order-card .details .order-status-approved{
    background-color: #E9F8F3;
}
.order-card .details .order-status-approved p{
    color: #29BB89;
}
.actions .btn-review{
    background: #FF9933 !important;
    color: #FFF !important;
    font-size: 14px !important;
    width: 125px;
    margin-bottom: 15px;
}
@media (max-width:1024px){
    .orders-card .card-body .table .order-card .details{
        flex-direction: column;
    }
    .orders-card .card-body .table .order-card .details .price{
        text-align: center;
    }
}

@media (max-width: 2560px) {
    .orders-card .card-body .table .order-detail .order-buttons div {
        margin: 1rem;
    }
}

@media (max-width: 1024px) {
    .orders-card .card-body .table .order-card .details .order-status {
        /*width: 75%!important;*/
    }

    .orders-card .card-body .table .order-card .details .order-status p {
        font-size: 1.4rem !important;
    }

    .orders-card .card-body .table .order-card .details .order-status img {
        width: 18px !important;
    }

    .orders-card .card-body .table .order-detail .order-buttons {
        padding-right: 0;
    }

    .orders-card .card-body .table .order-detail .order-buttons div {
        margin: 1rem;
        margin-left: 0 !important;
    }

    .orders-card .card-body .table .order-detail .order-desc {
        padding-left: 0px !important;
    }

    .orderModal .modal-body .col-sm-6 {
        padding-right: 0px;
    }

    .orderModal .modal-body {
        left: -0.8rem;
    }
}

@media (max-width: 768px) {

    .orders-card .card-body .table .order-card .details .order-status img {
        width: 18px !important;
    }
}

@media (max-width: 427px) {

    .orders-card .card-body .table .order-detail .order-buttons {
        justify-content: space-around !important;
    }

    .pay-method .pull-right {
        float: left !important;
    }
}

@media (max-width: 427px) {

    .orderModal .modal-header .row {
        padding-top: 10px;
    }

    .orderModal .modal-header .row .col-sm-3 {
        padding-bottom: 10px;
    }

}

@media (max-width:500px) {
    .orders-card .card-header {
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 325px) {
    .orders-card .card-body .table .order-card .details .order-status {
        /*width: 50%!important;*/
        padding: 0.6rem;
    }

    .orders-card .card-body .table .order-card .details .order-status p {
        text-align: center;
    }

    .user-profile .content-section {
        padding: 0 5px !important;
    }

    .orders-card .card-body .table .order-detail .order-buttons {
        padding-left: 15px;
        padding-right: 0px;
    }
}

.wish-card {
    padding-left: 0px;
}

@media (max-width: 1024px) {
    .wish-card {
        padding: 0px 5px;
    }

}

@media (max-width: 769px) {
    .wish-card {
        padding-right: 0px;
        padding-left: 15px;
    }
}

@media (max-width:820px){
    .user-profile .btn:not(.product-card-add-to-cart){
        font-size: 14px !important;
    }
}

/* Start Cancel Order */
#cancel_order .modal-content{
    box-shadow: 0px 3px 6px #00000029;
}
#cancel_order button.close{
    background-color: #ECECEC;
    border-radius: 50%;
    color: #000;
    width: 40px;
    height: 40px;
    position: relative;
    margin: -3rem -2rem -1rem auto !important;
}
#cancel_order button.close span{
    font-size: 25px;
    color: #000;
    position: absolute;
    top: 5px;
    left: 14px;
}
#cancel_order_label{
    font-size: 16px;
    margin-left: -15px;
}
#cancel_order .form-group:last-of-type{
    text-align: center;
}
#cancel_order .form-group:last-of-type input{
    font-size: 16px;
    border-radius: 5px!important;
    padding: 10px 50px;

}
#cancel_order .form-group:last-of-type input:hover{
    background-color: #FF0000!important;
    color: #FFF !important;
}
/* End Cancel Order */

/* Start Review Modal */
.rate-form-show-name{
    display: flex;
    justify-content: space-between;
}
#write-a-review .modal-footer{
    justify-content: center;
}

.submit-review {
    border-radius: 4px!important;
    border: 1px solid #f5a9a9;
    padding: 0.6rem 6rem;
    font-weight: 600;
    color: #FFF;
    font-size: 15px;
    background-color: #058057;
}
.submit-review:hover{
    background-color: #FF0000;
    color: #FFF;
} 

/* End Review Modal */

/* Start Coupun modal */
#coupons .modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
    box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
}
#coupons .modal-title{
    font-size: 24px;
}
#coupons .modal-header .close-copon{
    font-size: 30px;
}
#coupons #check-coupon-code{
    border: 2px solid #FF9933 !important;
}
#coupons .input-group-addon{
    border: 2px solid #FF9933 !important; 
    background: #FF9933 !important;
    border-right: none !important;
}
#coupons #check-coupon-code{
    font-size: 15px;
}
#coupons .input-group-addon:hover,
#coupons .modal-footer button:hover{
    background-color: #FFF !important;
    color: #FF9933 !important;
}
.input-group-copon {
    /* flex-direction: column; */
}
.input-group-copon > span{
    align-self: center;
}
.input-group-copon .coupon-input-modal{
    display: flex;
}
#coupons .modal-footer .btn {
    color: #fff!important;
    border-radius: 5px!important;
    background-color: #058057!important;
    border: 1px solid #058057!important;
    font-size: 16px !important;
    font-weight: 500 !important;
}
.use-coupon {
    border-radius: 5px;
}

.input-group .form-control {
    margin: 15px 0 15px 4% !important;
    width: 67%;
    padding: 6px 16px;
    margin-top: 17px;
    outline: none;
    border: 2px solid var(--main-color) !important;
    height: 47px;
    font-size: 11px;
    border-right: 0px !important;
    border-radius: 5px 0 0 5px !important;
    background: #fff;
}

.input-group-addon {
    margin: 15px 0;
    border: 2px solid var(--main-color) !important;
    height: 47px !important;
    width: 25% !important;
    right: 0px !important;
    background: var(--main-color) !important;
    color: white !important;
    font-weight: bold !important;
    outline: none;
    float: left;
    position: relative;
    transition: all 0.2s;
    border-radius: 0 5px 5px 0 !important;
    text-transform: uppercase;
}


#coupons .modal-footer {
    justify-content: center;
}

#coupons .modal-footer button {
    width: 200px;
}

.use-coupon,
.use-coupon[disabled] {
    margin-top: 9px;
    background: #894489;
    border: 2px solid transparent;
    transition: 0.2s all;
    font-size: 15px
}


#gift_button {
    margin-top: 0px;
    color: #000;
    background-color: #FDFDFD;
    outline: none;
    padding: 10px;
    display: block;
    text-align: center;
    margin-bottom: 15px;
    cursor: pointer;
    border: 1px solid #9F9F9F;
    border-radius: 6px;
    font-size: 16px;
}

.coupon .imageCoupon label {
    color: var(--main-color);
    position: relative;
    border: 1px solid var(--main-color);
    border-left: 3px dotted;
    padding: 3px 14px 3px 17px;
    text-align: center;
    width: 100px;
    height: 50px;
    font-weight: 600;
}

.coupon .infoCoupon {
    float: left !important;
    width: calc(100% - 100px) !important;
    padding-left: 10px !important;
    font-size: 11px !important;
}

.coupon .infoCoupon * {
    color: #000;
}

.coupon .infoCoupon p {
    padding: 0;
}

.coupon .infoCoupon *::before,
#information_form_modal *::before,
#distance_agreement_modal *::before {
    content: unset;
}

#information_form_modal li,
#distance_agreement_modal li {
    white-space: unset !important;
}

.coupon .imageCoupon label:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 100%;
    background-color: var(--main-color);
    top: 0;
    left: 0;
}

.coupon .imageCoupon {
    margin-top: 0px;
    float: left;
}

#gift_button:hover {
    color: #058057;
    border-color: #058057;
}
.close-copon{
    line-height: 10px;
}
#coupon_modal .modal-footer{
    justify-content: center;
}
#coupon_modal .modal-footer .btn {
    color: #fff!important;
    border-radius: 5px!important;
    background-color: #058057!important;
    border: 1px solid #058057!important;
    font-size: 16px !important;
    font-weight: 500 !important;
    width: 200px;
}
/* End Coupun modal */