/***** Custom *****/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body {
    background: #edf1f2;
    margin: 0px;
    padding: 0px;
    color: #000;
    font-family: 'Montserrat', sans-serif;
    font-size: 17.78px;
    line-height: 26px;
    word-wrap: break-word;
    height: 100%;
}

a {
    text-decoration: none !important;
    transition: all 0.6s;
}

a:hover,
a:focus {
    text-decoration: none !important;
    outline: none;
    box-shadow: none !important;
    color: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333333;
    margin: 0 0 15px;
    font-family: 'Poppins', sans-serif;
}

select.formselect {
    height: 52px;
    padding: 10px 67px 10px 15px;
    color: #555555;
    appearance: none;
    border-radius: 20px;
    outline: 0;
    border-color: #dddddd;
    background: url(../image/arrow-down.png) 90% no-repeat;
    background-size: 15px;
}

.input-sm {
    font-size: 14px !important;
    padding-left: 44px !important;
    color: #999999 !important;
}

.form-control {
    border: 0;
    color: #999999 !important;
    box-shadow: none !important;
    border-bottom: solid 1px #e6e6e6;
    border-radius: 0;
    font-size: 19.76px;
    padding: 10px 0 10px 35px;
    line-height: 1;
}

.form-control::placeholder {
    color: #999999;
}

.text-primary {
    color: #bdb5ca!important;
}

button {
    outline: 0 !important;
    box-shadow: none;
    cursor: pointer;
}

.f-weight-medium {
    font-weight: 600;
}

.textprimary-dark {
    color: #181e36 !important;
}

.text-secondary {
    color: #555555!important;
}


/***** Login *****/

body.login-body,
html {
    height: 100%;
}

body.login-body {
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(189, 181, 202, 1)), color-stop(50%, rgba(189, 181, 202, 1)), color-stop(50%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(246, 246, 246, 1)));
    padding: 50px 50px;
}

.AppForm {
    -webkit-box-shadow: 0px 5px 50px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 5px 50px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 5px 50px 0px rgb(0 0 0 / 10%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(189, 181, 202, 1)), color-stop(50%, rgba(189, 181, 202, 1)), color-stop(50%, rgb(255 255 255)), color-stop(100%, rgb(255 255 255)));
}

.login-logo img {
    width: 70%;
}

.AppFormLeft {
    flex: 100%;
    padding: 50px 50px 50px 30px;
}

.AppForm .AppFormLeft h1 {
    font-size: 32.6px;
    margin-bottom: 50px;
    color: #191919;
    font-weight: 400;
    position: relative;
    padding-bottom: 15px;
}

.AppForm .AppFormLeft h1:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 85px;
    height: 5px;
    background: #bdb5ca;
}

.formicon {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #555555;
    font-size: 19.76px;
}

.AppFormLeft .form-group {
    margin-bottom: 30px;
}

.check-container,
.radio-container {
    display: inline-block;
    position: relative;
    padding-left: 45px;
    margin: 0;
    cursor: pointer;
    padding-top: 4px;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #808080;
}

.radio-container {
    padding-top: 0;
    padding-left: 30px;
}

.check-container input,
.radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark,
.radio-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 32px;
    width: 32px;
    background-color: #bdb5ca;
    border-radius: 5px;
}

.radio-checkmark {
    background-color: transparent;
    border: solid 1px #989898;
    border-radius: 50px;
    width: 20px;
    height: 20px;
    top: 3px;
}

.checkmark:after,
.radio-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.check-container input:checked~.checkmark:after,
.radio-container input:checked~.radio-checkmark:after {
    display: block;
}

.check-container .checkmark:after {
    left: 12px;
    top: 6px;
    width: 8px;
    height: 16px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.radio-container input:checked~.radio-checkmark {
    border-color: #bdb5ca;
}

.radio-container .radio-checkmark:after {
    top: 5px;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #bdb5ca;
}

.btn {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    padding: 18px 20px;
    outline: 0;
    box-shadow: none !important;
}

.btnprimary {
    background: #bdb5ca;
    color: #fff;
}

.btnprimarydark {
    background: #aca2bb;
}

.rounded-50 {
    border-radius: 50px;
}

.rounded-10 {
    border-radius: 10px;
}

.btn-sm {
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 400;
    padding: 15px 30px;
}

.btnprimary:hover,
.btnprimary:focus {
    background: #b5a8ca;
    color: #fff;
}

.btn-xs {
    font-size: 14px;
    padding: 8px 15px 7px;
    font-weight: normal;
}

.btndark {
    background-color: #181e36;
    color: #fff !important;
}

.btndark:hover,
.btndark:focus {
    background-color: #1c2646;
}


/***** My Profile *****/

.mobile-header {
    background: #bdb5ca;
    overflow: hidden;
    padding: 36px 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.mob-logo {
    width: 150px;
    margin-left: calc(100% - 95%);
}

.mob-logo img {
    width: 100px;
}

.responsive_toggle {
    width: 35px;
    height: 35px;
    padding: 5px 5px 0px;
    margin-left: auto;
    cursor: pointer;
    margin: 0px 0 0 auto;
    border-radius: 3px;
    border: solid 2px #fff;
}

.responsive_toggle .menu-bar-top,
.responsive_toggle .menu-bar-middle,
.responsive_toggle .menu-bar-bottom {
    width: 22px;
    margin-top: 4px;
    height: 2px;
    display: block;
    background-color: #fff;
    transition: .5s;
    margin-left: auto;
    margin-right: 0;
}

#sidebar .sidebar__menu {
    position: relative;
    transition: left .3s ease;
    z-index: 999;
    font-size: 16px;
    top: 0;
    background: #1d2848;
    width: 100%;
    height: 100%;
    min-height: 100vh;
}

.sidebar__menu .menu_list {
    padding: 50px 20px;
    background: #1d2848;
    border-radius: 0px 50px 0px 0px;
}

.sidebar__menu .sidebar_title {
    padding: 50px 30px;
    background: #181e36;
}

.user-topbar .sidetoggle {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 35px;
    height: 35px;
    font-size: 20px;
    display: none;
}

.customer_profile_img_box {
    width: 140px;
    height: 140px;
    background: #fff;
    border-radius: 50%;
    margin: 0 auto 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #eee;
}

.customer_profile_img_box img {
    width: 100px;
}

.user-topbar .user-image {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    object-fit: cover;
    object-position: top;
    margin: 0 auto 22px;
}
.caring-img-pro .user-image img {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    object-fit: cover;
}
.sidebar__menu .menu_list li a {
    color: #ffffff;
    padding: 18px 23px;
    display: block;
    background: #1c2646;
    line-height: 1;
    font-size: 18px;
    position: relative;
    border-radius: 25px;
}

.sidebar__menu .menu_list li a[aria-expanded="true"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.sidebar__menu .menu_list li.show .toggler_icon {
    transform: rotate(-90deg) translate(8px, 0px);
}

.sidebar__menu .menu_list li a .toggler_icon {
    transition: all 0.4s ease;
    position: absolute;
    right: 23px;
    top: 50%;
    transform: translate(0px, -9px);
}

.sidebar__menu .menu_list li {
    margin-bottom: 10px;
}

.sidebar__menu .menu_list li a .menuicon {
    width: 42px;
    height: 42px;
    display: inline-block;
    text-align: center;
    line-height: 42px;
    border-radius: 50%;
    background: #bdb5ca;
    margin-right: 15px;
    font-size: 14px;
}

.sidebar__menu .dropdown-menu {
    min-width: 100%;
    padding: 15px 0;
    background: #1c2646;
    border: 0;
    margin: 0px 0 10px;
    border-radius: 0px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    position: relative !important;
    transform: translate3d(0px, 0px, 0px) !important;
    float: none;
}

.sidebar__menu .dropdown-menu li a {
    padding: 15px 25px 15px 85px;
    border-radius: 0;
}

.sidebar__menu .dropdown-menu li a i {
    padding-right: 15px;
    min-width: 33px;
    text-align: center;
}

.sidebar__menu .dropdown-menu li {
    margin-bottom: 0;
}

.sidebar__menu .dropdown-menu li a.active,
.sidebar__menu .dropdown-menu li a:hover,
.sidebar__menu li.dropdown-outer a.hover,
.sidebar__menu li.dropdown-outer a.active {
    background: #1a223e;
}

#main .inner {
    padding: 30px;
}

#main .middle__content {
    -webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.15);
    clear: both;
}

#main .card-header {
    padding: 25px 35px;
    border-color: rgb(153 153 153 / 20%);
}

#main .card-body {
    padding: 35px;
}

.category-outer h4 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
}

.category-outer .faq {
    /*background-color: #f9f2ee;*/
    background-color: #bdb5ca;
}
.category-outer .category-item {
    margin-bottom: 60px;
}
.category-outer .faq .btn-link {
    text-transform: unset;
    padding: 25px 0px;
    white-space: normal;
}
.category-outer .faq .card {
    margin: 0px 20px;
}
.category-outer .faq .card-body {
    padding: 0 0px 15px!important;
}

.category-outer .faq .card-body p {
    color: #fff;
}

.hisform label:not(.radio-container) {
    font-size: 18px;
    color: #000;
    font-weight: 700;
}

.hisform [class*="col-"] {
    margin-bottom: 30px;
}

.radiolist .radio-item:not(:last-child),
.selectlist .select-item:not(:last-child) {
    padding-right: 15px;
}

.footer {
    text-align: center;
    color: #fff;
    background: #bdb5ca;
    padding: 20px 15px;
    margin: 0;
    font-size: 14px;
    line-height: 24px;
}

.footer p {
    max-width: 100%;
    margin-left: calc(100% - 77%);
}


/***** My Addres Page *****/

.address-panel {
    display: flex;
    justify-content: space-between;
    background: #fff;
    box-sizing: content-box;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    height: 100%;
    -webkit-box-shadow: 0px 5px 20px 0px rgb(28 38 70 / 20%);
    -moz-box-shadow: 0px 5px 20px 0px rgb(28 38 70 / 20%);
    box-shadow: 0px 5px 20px 0px rgb(28 38 70 / 20%);
    border-left: solid 7px #bdb5ca;
    padding: 25px 30px 25px 20px;
    font-size: 16px;
    color: #3d3d3d;
    margin-bottom: 30px;
}

.address-panel .address-left {
    display: flex;
    flex-flow: column;
    flex: 1;
}

.address-left h5 {
    color: #000;
}

.address-left ul li span:first-child {
    color: #1c1c1c;
    min-width: 100px;
    display: inline-block;
    float: left;
}

.address-left ul li span:last-child {
    display: block;
    overflow: hidden;
}

.address-left ul li:not(:last-child) {
    margin-bottom: 10px;
}

.address-panel .address-right {
    flex: auto 0 0;
    margin: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    overflow: hidden;
    width: 180px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
}

.checkbox-sm {
    font-size: 14px;
    padding-left: 35px;
    padding-top: 0;
}

.checkbox-sm .checkmark {
    background-color: transparent;
    border: solid 1px #bdb5ca;
    width: 22px;
    height: 22px;
    top: 1px;
}

.checkbox-sm .checkmark:after {
    left: 6px;
    top: 2px;
    border-color: #bdb5ca;
    width: 7px;
    height: 12px;
}

.address-right-button .address-btn {
    padding: 8px 9px;
    display: inline-block;
    line-height: 1;
    border-radius: 5px;
    margin-left: 5px;
    color: #fff;
}

.btnwarning {
    background-color: #d9534f;
}

.modal-backdrop {
    background: #181e36;
    opacity: 0.7 !important;
}
.modal-header h5 {
    font-weight: 600;
    font-size: 23px;
    flex: auto;
    text-align: center;
    letter-spacing: 1px;
}
.modal .close {
    width: 35px;
    height: 35px;
    line-height: 40px;
    background: #bdb5ca;
    border-radius: 50px;
    color: #fff;
    text-shadow: none;
    font-size: 22px;
    margin: -2rem -2rem -1rem auto;
    opacity: 1;
    outline: 0;
}


/*.modal-lg {



    max-width: 600px;



}*/

.modal .modal-content {
    border-radius: 20px;
}

.modal-footer {
    background-color: #bdb5ca;
    padding: 40px 15px;
    position: relative;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.modal-footer:before {
    content: "";
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #fff;
    position: absolute;
    left: 0;
    right: 0;
    width: 10px;
    top: 0;
    margin: 0 auto;
}


/***** My Purchase *****/

/***** Addon-Item Modal *****/
#addon-item.modal {
    text-align: center;
}
#addon-item.modal table {
    width: 100%;
    border: 3px solid #bdb5ca;
    max-width: 700px;
    margin: auto;
}
/* #addon-item.modal .modal-content {
    border-radius: 25px;
    padding: 30px;
} */
#addon-item.modal table thead th,
#addon-item.modal table tbody td {
    width: 20%;
    padding: 10px 5px;
}
#addon-item.modal table thead th {
    font-size: 14px;
}
#addon-item.modal table tbody td {
    font-size: 12px;
    border-top: solid 1px #ddd;
}
#addon-item.modal p {
    line-height: 1.5;
    margin: 0;
}
#addon-item.modal .modal-body button {
    background: #bdb5ca;
    color: #fff;
    font-size: 14px;
    padding: 4px 24px 3px;
    font-weight: normal;
    border-radius: 10px !important;
    text-align: center;
    border: none;
    text-transform: capitalize;
    font-weight: 500;
}
#addon-item.modal .modal-body button:hover {
    background: #1c2646;
    color: #edf1f2;
}
#addon-item.modal .modal-body img {
    max-width: 50px;
    margin: 0;
}
.order-panel .order-body.list-mobile-block {
    padding: 0;
}
.order-panel .order-body.list-mobile-block ul {
    padding: 15px 30px; 
    border-top: solid 1px #ddd;
     align-items: center;
}
#addon-item.modal .product-block li .pro-name>a{
    color: #000;
    font-weight: 600;
    letter-spacing: 0;
}
.order-panel .order-body.list-mobile-block ul .list-img img {
    max-width: 100%;
    max-height: 43px;
    height: auto;
    width: auto;
}





.order-panel .order-body.list-mobile-block ul:first-child {
    border-top: none;
}

.HisTabs ul.nav {
    border-bottom: solid 2px #bdb5ca;
}

.HisTabs ul.nav .nav-link {
    color: #555555;
    font-size: 18px;
    line-height: 1;
    padding: 18px 40px;
}

.HisTabs ul.nav .nav-link i {
    padding-right: 7px;
}

.HisTabs ul.nav .nav-link.active {
    color: #fff;
    background: -webkit-linear-gradient(345deg, rgba(189, 181, 202, 1) 0%, rgba(189, 181, 202, 1) 90%, rgba(255, 255, 255, 1) 90%, rgba(255, 255, 255, 1) 100%);
}

.topsearch-bar input {
    border: solid 1px #999999;
    border-radius: 15px;
    height: 51px;
    padding: 10px 40px 10px 25px !important;
}

.topsearch-bar .formicon {
    left: auto;
    right: 15px;
    color: #999999;
}

.order-panel {
    background: #fff;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    height: 100%;
    -webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.15);
    border-left: solid 7px #bdb5ca;
    font-size: 17px;
    color: #3d3d3d;
    margin-top: 30px;
}

.order-panel .order-header {
    border-bottom: solid 1px #ddd;
    padding: 15px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-weight: 500;
    align-items: center;
}

.order-header h5 {
    font-size: 18px;
    font-weight: 600;
    color: #000000;
}

.order-panel .order-body {
    padding: 15px 20px;
    color: #242424;
}

.order-price span {
    font-size: 24px;
}

.order-panel .order-footer {
    padding: 15px 20px;
    background-color: #f3f3f3;
    font-size: 14px;
    color: #000;
}

.order-deliever .lnr {
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: #bdb5ca;
    display: inline-block;
    margin-right: 7px;
    border-radius: 50px;
    color: #fff;
    text-align: center;
}


/***** My Box *****/

ul.order-list {
    margin: 0 -10px;
}

.box-order-list li {
    flex: auto;
}

.order-list li {
    font-size: 16px;
    /*flex: auto;*/
    padding: 0 10px;
}

.order-list.mybox-orders li {
    flex: auto;
}

.order-list li span {
    font-size: 18px;
}

.list-mobile-block .order-list li:last-child{
    max-width:10%;
    flex:10%;
}
.order-body.list-mobile-block ul li:nth-child(2) {
    max-width: 30%;
    flex: 30%;
}
.order-body.list-mobile-block ul li:nth-child(3) {
    max-width: 25%;
    flex: 25%;
}
/***** Checkout Page *****/

.statusbar {
    padding: 15px;
    box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.15);
    background: #fff;
    font-size: 14px;
}

.locationleft {
    font-weight: 500;
}

.locationleft .lnr {
    font-size: 20px;
    position: relative;
    top: 3px;
}

.locationright span {
    color: #989898;
    flex: auto;
    text-align: right;
}

.locationright .default,
.locationright .change {
    font-weight: 500;
    color: #989898;
}

.locationright .change {
    color: #181e36;
}

.order-panel .subtotal-bar {
    padding: 15px 30px;
    border-top: dashed 1px rgb(152 152 152 / 80);
    border-bottom: dashed 1px rgb(152 152 152 / 80);
    margin-bottom: 20px;
    color: #bdb5ca;
    font-weight: 500;
    font-size: 20px;
}

.message-bar textarea {
    width: 100%;
    resize: none;
    border-color: #e1e1e1;
    border-radius: 8px;
    padding: 10px 15px;
    color: #999999;
    font-size: 12px;
    height: 50px;
    outline: 0;
}

.shipping-option {
    color: #999;
    border-top: solid 1px #dddddd;
    margin: 0 -30px;
    padding: 20px 30px;
    border-bottom: solid 1px #dddddd;
}

.discount-total {
    color: #999999;
    font-size: 12px;
}

.discount-total .last-span_discount-total {
    font-size: 18px;
}

/* .getdiscount {
    background: #1c2646;
    color: #edf1f2;
    display: inline-block;
    padding: 8px 16px;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    margin-right: 15px;
}

.getdiscount:before {
    content: "";
    position: absolute;
    right: -10px;
    top: 35%;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #1c2646;
    width: 10px;
} */

.discount-code input {
    padding: 10px 10px !important;
    color: #000 !important;
    font-size: 14px !important;
    height: 49px;
    border: solid 1px #e1e1e1;
    border-radius: 5px;
    background: transparent;
    width: 100%;
}

.Payment-Method .radio-container {
    padding-left: 42px;
    padding-top: 2px;
}

.Payment-Method .radio-container .radio-checkmark {
    width: 28px;
    height: 28px;
    border-color: #ccc !important;
}

.Payment-Method .radio-container input~.radio-checkmark:after {
    display: block;
}

.Payment-Method .radio-container input~.radio-checkmark:after {
    display: block;
    width: 0;
    height: 12px;
    background: #1c2646;
    left: 7px;
    top: 7px;
}

.Payment-Method .radio-container input:checked~.radio-checkmark {
    background: #bdb5ca;
    border-color: #bdb5ca !important;
}

.Payment-Method .radio-container input:checked~.radio-checkmark:after {
    background: #ffff;
}

.payment-detail {
    background: #efefef;
    padding: 20px;
    margin: 20px 0 0;
    position: relative;
}

.payment-detail:before {
    content: "";
    position: absolute;
    left: 25px;
    right: 0;
    top: -18px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #efefef;
    width: 10px;
}

.QrCode a {
    font-size: 16px;
    color: #242424;
}

.QrCode a span {
    width: 45px;
    height: 38px;
    color: #fff;
    background: #bdb5ca;
    display: inline-block;
    text-align: center;
    line-height: 38px;
    margin-right: 10px;
    border-radius: 3px;
    font-size: 20px;
}

.Qrscan-content p {
    color: #555555;
    font-size: 14px;
    margin-bottom: 5px;
    line-height: 22px;
}

.Qrscan-content {
    font-size: 14px;
}

.dropzone-area {
    background: #e3e3e3;
    padding: 10px;
    border-radius: 5px;
    margin-top: 7px;
}

.form-card.box {
    font-size: 14px;
    background-color: #fff;
    position: relative;
    padding: 10px 20px;
    -webkit-transition: outline-offset 0.15s ease-in-out, background-color 0.15s linear;
    transition: outline-offset 0.15s ease-in-out, background-color 0.15s linear;
    border: solid 1px rgb(24 30 54 / 20%);
}

.form-card.box .box__icon {
    width: 100%;
    fill: #1c2646;
    display: block;
    font-size: 28px;
}

.form-card.box label {
    color: #1c2646;
    line-height: 1;
    padding-top: 8px;
    font-size: 10px;
}

.form-card.box .btn {
    font-size: 11px;
}

.box__input {
    text-align: center;
}

#msform input,
#msform textarea {
    padding: 10px 15px;
    border: 1px solid #dcdcdc;
    border-radius: 0px;
    margin-top: 2px;
    box-sizing: border-box;
    color: #2C3E50;
    background-color: #ECEFF1;
    font-size: 16px;
    letter-spacing: 1px;
    outline: 0;
    resize: none;
}

.js .box__file+label {
    max-width: 80%;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
}

.box__input input[type="file"] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 99;
    outline: 0;
    opacity: 0;
    overflow: hidden;
}

.payment-subtotal-inner {
    border-top: solid 1px #dddddd;
    border-bottom: solid 1px #dddddd;
    padding: 20px 0;
    font-size: 16px;
    color: #242424;
    margin: 20px 0;
}

.payment-subtotallist li {
    padding-bottom: 10px;
}
.payment-subtotallist li:last-child{
    padding-bottom: 0;
}

.payment-subtotallist li span:last-child {
    float: right;
    font-weight: 500;
}

.payment-subtotallist li .subamout {
    font-size: 22px;
    /* color: #d13838; */
    font-weight: 600;
}

.add_change_panel {
    padding-right: 25px;
    transition: all 0.5s ease;
}

img.qr_image_box {
    max-width: 100%;
    height: 384px;
}

.invalid-feedback-cust, .valid-feedback-cust {
    width: 100%;
    font-size: 80%;
    color: #dc3545;
}
.valid-feedback-cust{
    color: #19955A;
}

.add_change_panel.active,
.add_change_panel:hover {
    background-color: #f4f4f4;
}

.text-sm {
    font-size: 14px;
}

.shipTitle {
    padding: 10px 30px 5px;
    border-bottom: solid 1px #ddd;
}

.shipping-price {
    font-size: 18px;
    color: #000;
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
    flex: 1;
}

.shipping-price li {
    flex: 100%;
    max-width: 100%;
}

.shipping-price li:not(:last-child) {
    margin-bottom: 20px;
}

.shipping-price-item .radio-container {
    font-size: 20px;
    color: #000;
    padding-left: 35px;
}

.shipping-price-item input:checked~.radio-checkmark {
    -webkit-box-shadow: 0px 0px 0px 4px #bdb5ca;
    -moz-box-shadow: 0px 0px 0px 4px #bdb5ca;
    box-shadow: 0px 0px 0px 4px #bdb5ca;
    border-color: transparent;
}

.silotarea {
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0px 5px 20px 0px rgb(28 38 70 / 20%);
    -moz-box-shadow: 0px 5px 20px 0px rgb(28 38 70 / 20%);
    box-shadow: 0px 5px 20px 0px rgb(28 38 70 / 20%);
    flex: 100%;
    margin-top: 20px;
}

.silotarea-datepicker {
    white-space: nowrap;
    overflow: auto;
    display: block;
    max-width: 670px;
    padding: 0 15px;
}

.silot-date {
    padding: 10px 15px;
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 15px 0px rgb(28 38 70 / 10%);
    -moz-box-shadow: 0px 2px 15px 0px rgb(28 38 70 / 10%);
    box-shadow: 0px 2px 15px 0px rgb(28 38 70 / 10%);
    font-weight: 600;
    display: inline-block;
    margin: 0px 5px 12px;
    font-size: 14px;
    cursor: pointer;
    color: #000;
}

.silotarea-datepicker::-webkit-scrollbar {
    width: 5px;
    height: 8px;
}

.silotarea-datepicker::-webkit-scrollbar-thumb {
    background-color: #000;
    border-radius: 50px;
}

.silotarea-datepicker::-webkit-scrollbar-track {
    background: #eee;
    border-radius: 50px;
}

.silot-date:hover,
.silot-date.active {
    background-color: #e4e4e4;
}

.timesilotarea {
    padding: 20px 15px;
    background-color: #ececec;
    margin: 15px 0;
    border-radius: 6px;
}

.timesilotarea .timesilotarea-inner {
    display: flex;
    flex-wrap: wrap;
}

.timesilotarea-block {
    padding: 10px 15px;
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 15px 0px rgb(28 38 70 / 10%);
    -moz-box-shadow: 0px 2px 15px 0px rgb(28 38 70 / 10%);
    box-shadow: 0px 2px 15px 0px rgb(28 38 70 / 10%);
    font-weight: 600;
    display: inline-block;
    margin: 0px 5px 10px;
    font-size: 14px;
    /*cursor: pointer;*/
    color: #000;
    /*flex: 31%;



    max-width: 31%;*/
}

.timesilotarea-block:hover,
.timesilotarea-block.active {
    background-color: #bdb5ca;
    color: #fff;
}

.timesilotarea-block span {
    display: block;
    text-align: center;
    line-height: 1.4;
}

.timesilotarea-block span:last-child {
    font-size: 12px;
    margin-top: 3px;
}

.disableSelfCollectionSlot {
    pointer-events: none;
    background-color: #9890a7;
    color: white;
}

.enableSelfCollectionSlot {
    cursor: pointer;
}

.timesilotarea-block-parent {
    flex: 31%;
    max-width: 31%;
}

.timesilotarea-block-parent input.slot_id {
    display: none;
}

.save_changes_btn .btn {
    font-size: 14px;
}

.checkicon {
    font-size: 80px;
    margin-bottom: 40px;
    display: inline-block;
    color: green;
}
.content-text {
    padding-top: 10px;
    font-size: 17px;
}


/***** Responsive *****/

@media(min-width: 1200px) {
    .container {
        max-width: 1170px;
    }
}

@media(max-width: 1199px) {
    .radiolist .radio-item:not(:last-child),
    .selectlist .select-item:not(:last-child) {
        padding-right: 10px;
    }
    .hisform label:not(.radio-container) {
        font-size: 14px;
    }
    .form-control {
        font-size: 14px;
    }
}

@media(max-width: 991px) {    
    /*.order-progress {
        padding: 15px;
        margin-bottom: 30px;
        background: #181e36;
        border-radius: 23px;
        box-shadow: 0px 5px 25px 0px rgb(0 0 0 / 15%);
        background-image: url(https://www.transparenttextures.com/patterns/cubes.png);
        position: sticky;
        z-index: 99;
        top: 0;
    }*/
    
     .HisTabs #myTab li {
        flex: auto;
        text-align: center;
    }
    .place_order_block {
        text-align: center !important;
    }

    .checkout_right .payment-subtotal .place_order_block{
        text-align: right !important;
    }

    .hisform [class*="col-"] {
        margin-bottom: 10px;
    }
    .modal-lg {
        max-width: 100%;
        margin: 20px 20px;
    }
    .user-topbar .sidetoggle {
        display: block;
    }
    .container {
        max-width: 100%;
    }
    #sidebar .sidebar__menu {
        position: fixed;
        width: 320px;
        height: 100%;
        left: 0;
        overflow: auto;
        transition: all 0.7s ease;
    }
    .sidebar__menu::-webkit-scrollbar {
        width: 10px;
        background-color: #141b33;
        border-radius: 50px;
    }
    .sidebar__menu::-webkit-scrollbar-thumb {
        background-color: #bdb5ca;
        border-radius: 50px;
    }
    #sidebar .sidebar__menu:not(.menu-show) {
        left: -100%;
    }
    .sidebar__menu .dropdown-menu li a {
        padding: 15px 25px;
    }
    #main .inner {
        padding: 15px;
    }
    .footer p {
        max-width: 100%;
        margin: 0;
    }
    .mob-logo {
        margin-left: 0;
    }
    .mob-logo img {
        width: 80px;
    }
}

@media(max-width: 767px) {
    .trusk-progress {
        margin-top:30px !important;
    }
    .truck img {
        max-width: 36px !important;
    }
    .truck-img {
        top: -24px !important;
    }
    /* New Added */
    body.login-body{   
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(189, 181, 202, 1)), color-stop(100%, rgba(189, 181, 202, 1)), color-stop(100%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(246, 246, 246, 1)));
    }
    /* End New Added */
    body.login-body {
        padding: 15px 0;
    }
    .AppForm {
        background: #fff;
    }
    .AppForm .AppFormRight {
        background: #b9b1c6;
        padding: 30px;
    }
    .login-logo img {
        width: 250px;
    }
    .AppFormLeft {
        padding: 30px 20px 30px 20px;
    }
    .AppForm .AppFormLeft h1 {
        font-size: 25px;
    }
    .hisform [class*="col-md-3"] {
        margin-bottom: 0;
    }
    .address-panel {
        flex-wrap: wrap;
    }
    .address-panel .address-left,
    .address-panel .address-right {
        flex: 100%;
    }
    .address-panel .address-left {
        order: 1;
        margin-top: 20px;
    }
    #main .card-body {
        padding: 20px;
    }
    .order-panel .order-footer {
        text-align: center;
        padding: 15px 20px;
    }
    .order-footer .order-date {
        margin-bottom: 15px;
    }
    .order-list li {
        flex: 100%;
    }
    .HisTabs ul.nav .nav-link {
        font-size: 12px;
        padding: 10px 14px;
    }
    .HisTabs ul.nav .nav-link.active {
        background: #bdb5ca;
    }
    .HisTabs .nav-link {
        padding: 18px 20px;
    }
    .locationright span:first-child {
        flex: 100%;
        margin-bottom: 10px;
    }
    .statusbar,
    .locationright span {
        text-align: center !important;
    }
    .order-list li {
        margin-bottom: 10px;
    }
}

@media(max-width: 510px) {
    .selectlist .select-item {
        width: 100%;
        padding-right: 0 !important;
    }
    select.formselect {
        padding: 10px 15px;
        margin-top: 10px;
        width: 100%;
    }
    .address-left ul li span {
        float: none !important;
    }
    .order-header h5 {
        margin-bottom: 10px !important;
        /* font-weight: 700; */
    }
    .discount-code {
        width: 100%;
    }
    .getdiscount {
        width: 100%;
        margin-bottom: 10px;
        margin-right: 0;
    }
    /*.getdiscount:before {*/
    /*    left: 0;*/
    /*    right: 0;*/
    /*    bottom: -11px;*/
    /*    top: auto;*/
    /*    transform: rotate(90deg);*/
    /*    margin: 0 auto;*/
    /*}*/
    /* .discount-code input,
    .discount-code button {
        max-width: 100%;
        width: 100%;
        margin: 10px 0 0;
    }
    .discount-bar .col-lg-7 {
        order: 1;
    } */
    .QrCode a span {
        width: 40px;
        height: 35px;
        line-height: 34px;
        margin-right: 5px;
    }
    .payment-detail {
        padding: 30px 18px;
    }
    .payment-subtotallist li span {
        font-size: 14px;
    }
    #shippedoption .address-panel {
        padding: 20px 10px;
    }
    .shipping-price {
        font-size: 15px;
    }
    .shipping-price-item .radio-container {
        font-size: 15px;
        padding-left: 30px;
    }
}


/* New CSS */

@media(max-width: 495px) {
    .my-box-content .tab-pane .order-header a {
        margin: auto;
        display: block;
    }
}

.order-t {
    display: none;
}

button.button-property-none {
    padding: 0px;
    background: none;
    color: white;
    border: none;
    margin: 0px;
    outline: 0px;
}

#imageUpload {
    display: none;
}

#profileImage {
    cursor: pointer;
}

.profile-container-box {
    width: 150px;
    height: 150px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #eee;
}

.profile-container-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    border-radius: 50%;
}

#pageloader {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgb(255 255 255 / 96%);
    z-index: 9999;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    display: none;
}

#wrapper {
    min-height: 100%;
}

.invoice_details.text-right {
    /*margin-right: 35px;*/
    margin-top: 40px;
}

.steps_title {
    color: #999999;
    font-weight: 500;
    font-size: 18px;
}

.steps_sub_title {
    color: #999999;
    font-weight: 500;
    font-size: 16px;
}

.shipping_option_help {
    background: #bdb5ca;
    color: #fff;
    border-radius: 50px;
    width: 24px;
    height: 24px;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    line-height: 24px;
}


/*.shipping_option_help img {



    width: 22px;



    height: 22px;



    object-fit: contain;



}*/


/***** Membership *****/

.content-wrapper-header {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    background-image: url(https://www.transparenttextures.com/patterns/cubes.png);
    border-radius: 14px;
    padding: 20px 40px 0;
    background-color: #181e36;
}

.content-wrapper-header .content-wrapper-context {
    max-width: 390px;
}

.label-block .label {
    position: absolute;
    right: 0;
    font-size: 12px;
    background-color: #1d2848;
    color: #fff;
    font-weight: 500;
    padding: 2px 12px;
}

.content-wrapper-header .content-wrapper-img {
    width: 150px;
    -o-object-fit: cover;
    object-fit: cover;
    margin-top: 7px;
    -o-object-position: center;
    object-position: center;
    margin-right: 50px;
}

.points-block,
.expire-block {
    background-color: #fff;
    -webkit-box-shadow: 0px 5px 25px 0px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 5px 25px 0px rgb(0 0 0 / 15%);
    padding: 30px;
    font-size: 15px;
    margin-top: 30px;
    border-radius: 8px;
    /*min-height: 172px;*/
}
.list-change li{
    max-width: 50%;
    flex:50%;
    padding: 0 15px;
}

.content-wrapper-header .pointbar {
    width: 100%;
    height: 5px;
    background: #a2a1a0;
    margin: 15px 0;
    border-radius: 50px;
    position: relative;
}

.content-wrapper-header .pointbar span {
    background: #9279bc;
    height: 5px;
    display: inherit;
    border-radius: 50px;
}

.points-block .total-point {
    font-size: 50px;
    font-weight: 600;
    color: #1c2646;
}

.link-btn a {
    background: #bdb5ca;
    color: #fff;
    width: 100%;
    padding: 15px 60px 15px 20px;
    position: relative;
    margin-bottom: 15px;
    display: block;
    font-size: 14px;
}

.link-btn a i {
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    /*border: dashed 1px #fff;*/
    border-radius: 50px;
    position: absolute;
    right: 15px;
    top: 11px;
}

.point-table-row {
    background: #fff;
    box-sizing: content-box;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    height: 100%;
    -webkit-box-shadow: 0px 5px 20px 0px rgb(28 38 70 / 20%);
    -moz-box-shadow: 0px 5px 20px 0px rgb(28 38 70 / 20%);
    box-shadow: 0px 5px 20px 0px rgb(28 38 70 / 20%);
    border-left: solid 7px #bdb5ca;
    padding: 25px 30px 25px 20px;
    color: #3d3d3d;
}

.point-table-row:not(:last-child) {
    margin-bottom: 30px;
}

.point-table-inner {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #fff;
    font-family: 'Montserrat', sans-serif;
}

.point-table-inner .point-table-left {
    max-width: 75%;
    flex: 75%;
}

.point-table-inner .point-table-right {
    /*width: 70px;*/
    -o-object-fit: cover;
    object-fit: cover;
    align-self: flex-end;
    text-align: right;
    font-weight: 600;
    font-size: 24px;
}

.point-table-inner .textgreen {
    color: #bdb5ca;
}

.point-table-inner .textred {
    color: #FF0000;
}

.point-table-inner .point-name {
    font-weight: 700;
    font-size: 24px;
    color: #3d3d3d;
    margin: 10px 0px;
}


/***** Earn More reward *****/

.earn-reward .reward-icon img {
    width: 120px;
}

.earn-reward .earn-reward-topbar {
    color: #8a8a8a;
    font-size: 16px;
}

.member-tab ul.nav {
    border-bottom: solid 2px #bdb5ca;
}

.member-tab ul.nav li a {
    color: #1d2848;
    font-weight: 600;
    padding: .75rem;
}

.member-tab ul.nav li a.active {
    background: #bdb5ca;
    color: #fff;
}

.earn-reward-bottom {
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: #1d2848;
    padding: 25px 20px;
}


/*Redeem voucher 10-02-2021*/

.tab-img {
    max-width: 170px;
    margin-right: 18px;
}

.tab-img img {
    height: 130px;
    object-fit: cover;
    border-radius: 5px;
}

.purchase-btn {
    position: absolute;
    right: 20px;
    bottom: 25px;
}

.tab-post {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    border-radius: 15px;
    overflow: hidden;
    margin: 20px 0;
    transition: all 0.4s ease-in-out;
    box-shadow: 0px 5px 20px 0px rgb(28 38 70 / 20%);
    border-left: solid 7px #bdb5ca;
    padding: 25px 30px 25px 20px;
}

.tab-content-inner {
    overflow: hidden;
    max-width: 400px;
    width: 100%;
}

.purchase-btn .btn {
    background-color: #bdb5ca;
    color: #fff;
    font-weight: 400;
    padding: 10px 23px;
    font-size: 16px;
    margin: 20px 0 0;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
    border-radius: 30px;
}

.purchase-btn .btn:hover,
.redeem-btn .btn:hover {
    background-color: #181e36;
}

.tab-content-inner h3 a {
    color: #000;
    font-size: 17px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 23px;
}

.tab-content-inner h3 a:hover {
    color: #bcb3cb;
}

.tab-content-inner p {
    font-family: 'Poppins', sans-serif;
    color: #8c8a8e;
    font-size: 15px;
    font-weight: 400;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 18px;
    padding-top: 6px;
}

.price-tab b {
    color: #bdb5ca;
}

.price-tab del {
    color: #ccc8c8;
    font-weight: 500;
    font-size: 16px;
}

.price-tab {
    font-size: 18px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    position: absolute;
    bottom: 0;
    line-height: 24px;
}

.voucher-heading h2 {
    font-size: 27px;
    font-weight: 600;
    line-height: 38px;
    margin: 35px 0 0;
    border-left: 2px solid #000;
    padding-left: 25px;
    color: #000;
}

.voucher-points span b {
    color: #fff;
    font-weight: 600;
}

.voucher-desc {
    padding: 15px 30px;
    margin: 15px 0;
}

.voucher-points {
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    position: absolute;
    z-index: 9;
    background-color: rgb(189 181 202);
    bottom: 0;
    right: 0;
    color: #fff;
    padding: 21px 29px;
}

.voucher-desc h4,
.highlights h4 {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}

.voucher-desc p,
.voucher-desc li,
.highlights p {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.25px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 0;
}

.voucher-desc li {
    line-height: 20px;
    padding-bottom: 12px;
}

.voucher-desc li:before {
    background-color: #bdb5ca;
    width: 8px;
    height: 8px;
    position: absolute;
    content: '';
    left: 0;
    top: 9px;
    margin: auto 0;
    transform: rotate(45deg);
}

.voucher-desc li {
    padding-left: 20px;
    position: relative;
}

.coupan-code h3 {
    font-size: 23px;
}

.redeem-btn .btn {
    background-color: #bdb5ca;
    color: #fff;
    padding: 17px 45px;
    font-size: 18px;
    font-weight: 600;
    transtion: all 0.4s ease-in-out;
}

.coupan-code {
    padding: 30px 30px;
    background-color: #f3f1f0;
    overflow: hidden;
    border-radius: 9px;
    margin: 30px 0;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 10%);
}

.coupan-code-inner .btn {
    background-color: #bdb5ca;
    color: #fff;
    border-radius: 0;
}

.coupan-code-inner input {
    border: solid 1px #e6e6e6;
    border-right: none;
    padding: 0 17px;
    font-weight: 600;
    color: #000 !important;
    font-size: 16px;
}

.coupan-code-inner input:focus {
    border: solid 1px #bdb5ca;
    border-right: 0;
}

.how-to-use a {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
}

.coupan-code-inner .btn:hover {
    background-color: #1d2848;
}

.how-to-use .card {
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
}

.coupan-code form p {
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
}

.how-to-use .card {
    background: transparent;
    padding-top: 6px !important;
}

.coupan-code ul li {
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
}

.voucher-img img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 5px;
}

.purchase-btn .disable-link {
    pointer-events: none;
    background-color: #989ba5;
}
.pointer-bar-main {
    position: relative;
    padding-right: 60px;
}
.pointer-bar-main img {
    position: absolute;
    max-width: 40px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.voucher-light {
    background-color: #f3f1f1;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    margin-top: 30px;
}

.redeem-suceess {
    color: #727272;
    font-size: 16px;
}

.voucher-light h4 {
    font-weight: 400;
    font-size: 23px;
}

.modal-para {
    font-size: 12px;
    color: #8a8a8a;
    font-weight: 500;
}
.check-icon-voucher {
    width: 40px;
    height: 40px;
    background-color: #aea5bf;
    border-radius: 50%;
    margin: 0 auto 9px;
    position: relative;
}
.modal-para b {
    color: #333333;
}
.check-icon-voucher:after {
    position: absolute;
    content: '';
    background-color: transparent;
    top: -3px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto auto;
    width: 26px;
    height: 17px;
    transform: rotate(-45deg);
    border: 5px solid #fff;
    border-right: 0;
    border-top: 0;
}
.list-change li:first-child {
    padding-left: 0;
}
.list-change li:last-child {
    padding-right: 0;
}
.customer_profile_img_box{
    position: relative;
}
.profile-icon-caring {
    display: inline-block;
}
.profile-icon-caring img {
    position: absolute;
    max-width: 35px;
    right: 0;
    bottom: 0;
    height: auto !important;
}
/*.category label {*/


/*    font-size: 14px;*/


/*    color: #989494;*/


/*    margin: 0;*/


/*}*/


/*.category select{*/


/*    width: auto;*/


/*    padding: 0 8px;*/


/*    font-size: 13px;*/


/*    color: #ffffff !important;*/


/*    font-weight: 500;*/


/*    display: inline-block;*/


/*    border: none;*/


/*    background-color: #bdb5ca;*/


/*    border-radius: 5px;*/


/*}*/


/*.category select:focus{*/


/*    background-color: #bdb5ca;*/


/*}*/


/*.category select option{*/


/*    color:#000;*/


/*    background-color:#fff;*/


/*}*/


/*.category select:focus{*/


/*    border-color:#999999 !important;*/


/*}*/


/*.sort-filter {*/


/*    padding: 20px 0 7px;*/


/*}*/
.img-content span {
    font-size: 13px;
}

/*31-03-2021*/
.icon-box-set img {
    max-width: 60px;
}
.icon-box-set h5 {
    font-size: 18px;
    font-weight: 600;
    padding-top: 12px;
}
/*11-05-2021 deeksha*/
.incr-decr {
    display: flex;
    margin-top: 20px;
}
.incr-decr input:focus{
    outline:0 !important;
}
.incr-decr .value-button {
    display: inline-block;
    border: 1px solid #bdb5ca;
    margin: 0px;
    width: 40px;
    font-size:30px;
    text-align: center;
    vertical-align: middle;
    background: #bdb5ca;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    color: #fff;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.incr-decr .value-button:hover {
  cursor: pointer;
}

.incr-decr  #input-wrap {
  margin: 0px;
  padding: 0px;
}

.incr-decr input.addon_quantity_val {
    text-align: center;
    border: none;
    margin: 0px;
    width: 65px;
    font-size: 14px;
}

.incr-decr input[type=number]::-webkit-inner-spin-button,
.incr-decr input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.btn-add.btn {
    padding: 20px 30px !important;
    display: inline-block;
    text-transform: capitalize;
    letter-spacing: 0.75px;
}
.product-block ul {
     text-align: left;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.product-block:not(:last-child) {
    padding-bottom: 5px;
    border-bottom: 1px solid #efefef;
    margin-bottom: 20px;
}
/* .img-demo img {
    width: 100%;
    max-width: 100px !important;
    height: 120px;
    object-fit: cover;
} */
.product-block ul li:last-child {
    margin-left: 25px;
}

.pro-name a {
    color: #bdb5ca;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: capitalize;
}
.pro-name a:hover{
    color:#000 !important;
}

/* 13-05-2021 */
.minus_icon i {
    background: #fc0102;
    color: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 31px;
    padding: 0 !important;
    cursor: pointer;
}
.HisTabs ul.nav .nav-link i{
        display:none;
    }
.d-none-desk-discount{
    display:none;
}

/* 24-05-2021 Deeksha */
.caring-img-pro .user-image {
    position: relative;
}
.subtotal-bar.d-none-discount .invoice_total_amount {
    display: block;
    max-width: 90%;
}

/*07-08-2021 Deeksha*/
.order-progress {
    padding: 30px;
    margin-bottom: 30px;
    background: #181e36;
    border-radius: 23px;
    box-shadow: 0px 5px 25px 0px rgb(0 0 0 / 15%);
    background-image: url(https://www.transparenttextures.com/patterns/cubes.png);
}
.order-progress-inner h1 {
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    margin-bottom: 8px;
}
.order-progress-inner p {
    font-size: 13px;
    font-weight: 500;
    color: #fff;
}
.progress-set {
    width: 100%;
    height: 5px;
    background: #d0d0d0;
    border-radius: 50px;
    /*border: 1px solid #bdb5ca;*/
}
.progress-txt span {
    font-weight: 600;
    font-size: 13px;
    color: #fff;
}
.truck img {
    max-width: 45px;
}
.truck {
    position: relative;
}
.progress-bar-checkout {
    background: #9279bc;
    width: 5%;
    display: block;
    position: relative;
    height: 5px;
    /*border: 1px solid #bdb5ca;*/
}
.truck-img {
    position: absolute;
    top: -26px;
    /* z-index: 9; */
    right: 0;
}
.truck-left {
    left: 0;
}
.sticky-cart-progress-bar {
    padding: 10px 15px;
    background: #181e36;
    color: #fff;
    width: 100%;
    z-index: 999;
    background-image: url(https://www.transparenttextures.com/patterns/cubes.png);
}
.sticky-cart-progress-bar.active {
    display: block !important;
    position: sticky;
    top: 0;
}
.sticky-cart-progress-bar p {
    font-size: 16px;
    margin-bottom: 0;
}
.sticky-cart-progress-bar p {
    font-weight: 600;
}

@media (min-width:992px) and (max-width:1199px) {
    .tab-content-inner {
        overflow: hidden;
        max-width: 250px;
    }
}

@media (max-width:767px) {
    .HisTabs #myTab li {
        flex: auto;
        text-align: center;
    }
    .tab-content-inner {
        max-width: 261px;
    }
    .purchase-btn, .label-block .label {
        position: unset;
        width: 100%;
    }
    .voucher-img img {
        height: auto;
    }
    .order-panel .order-body.list-mobile-block ul .list-img {
        width: 100%;
        height: auto;
        padding-right: 0;
    }
    .order-panel .order-body.list-mobile-block ul .list-img {
        margin-bottom: 15px;
    }
}
@media (min-width:768px) { 
   
    .list-img-title {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
   .list-img-title span {
        width: calc(100% - 43px);
    }  
    .order-panel .order-body.list-mobile-block ul .list-img {
        width: 43px;
        height: 43px;
        padding-right: 6px;
    }
    .list-mobile-block .order-list li:nth-child(1) {
        width: 35%;
    }
    /*.list-mobile-block .order-list li {
        width: 26.5%;
    }*/
}
@media(max-width: 575px) {
    .order-progress-inner h1 {
        margin-bottom: 5px;    
    }
    .sticky-cart-progress-bar p {
        font-size: 13px;        
    }
    /* .order-progress-inner p {
        font-size: 11px;
    }    */
    .progress-txt span{
        font-size: 11px;
    } 
    
    .HisTabs #myTab li {
        flex: auto;
        text-align: center;
    }

    .HisTabs ul.nav .nav-link {
        font-size: 13px;
        padding: 10px 10px;
    }
    
    /* 19-05-21 Deeksha*/
    .d-none-desk-discount{
        display: block !important;
        text-align: center !important;
        margin-top: 25px;
        border-bottom: none !important;
        border-top: 1px solid #bdb5ca !important;
        margin-bottom: 0 !important;
    }
    .d-none-discount{
        display:none;
    }
    /* .img-demo {
        width: 100% !important;
        max-width: 100% !important;
    }
    .img-demo a {
        display: block !important;
    }
    .img-demo .fancybox img{
        max-width:100% !important;
        height: auto !important;
    } */
    /* #addon-item {
        padding: 0 !important;
    }
    #addon-item.modal .close{
        margin: -2.5rem -1rem -1rem auto !important;
    } */
    .btn-add {
        text-align: left !important;
    }
    /* #addon-item.modal .modal-content{
        padding: 30px 7px !important;
    } */
    /* .product-block .btn-add.btn{
        padding: 12px 15px !important;
        position: absolute;
        right: 14px;
        top: -49px;
    } */
    /* .product-block ul li:last-child {
        margin-left: 0 !important;
        padding-top: 10px;
    } */
    .incr-decr{
        margin-top: 8px !important;
    }
    /* 19-05-21 Deeksha End*/
    .discount-area .getdiscount {
        margin: 0 0 10px;
    }
    .order-panel .order-body.list-mobile-block ul {
        padding: 15px 0;
        align-items: flex-end;
    }
    .list-mobile-block .order-list li:nth-child(2) span {
        font-weight: 700;
    }
    .discount-area button {
        margin-top: 10px;
        padding: 14px 15px;
    }
    .discount-area input, .discount-area button {
        max-width: 100%;
        width: 100%;
    }
    .discount-area .getdiscount:before {
        top: auto;
        left: 0;
        right: 0;
        bottom: -11px;
        transform: rotate(90deg);
        margin: 0 auto;
    }
    .login-logo img {
        width: 100px;
    }
    .AppForm .AppFormRight {
        padding: 50px 30px;
    }
    #main .card-body .row .col-xl-12:first-child {
        order: 1;
    }
    #main .card-body .expire-block{
        margin-top: 0;
    }
    .list-change li{
        max-width: 100%;
        flex: 100%;
        padding: 0 0px;
    }
    .point-table-inner .point-name {
        font-size: 16px;
        margin: 0px 0px 15px;
    }
    .point-table-left span {
        font-size: 15px;
    }
    .point-table-inner .point-table-right{
        font-size: 16px;
    }
    .redeem-suceess {
        font-size: 15px;
        letter-spacing: 0.75px;
    }
    .content-wrapper-header .pointbar span,
    .content-wrapper-header .pointbar{
        height:4px;
    }
    .content-wrapper-header .pointbar{
        margin: 19px 0 9px;
    }
    .content-wrapper-header .content-wrapper-context{
        width: 100%;
    }
    .pointer-bar-main img{
        max-width: 30px;
    }
    .pointer-bar-main{
        padding-right: 45px;
    }
    .content-wrapper-context h3{
        font-size: 21px;
    }
    .img-content span {
        font-size: 10px;
        letter-spacing: 0.75px;
    }
    #main .card-header {
        padding: 25px 18px;
    }
    .content-wrapper-header {
        padding: 20px 19px 25px;
    }
    .content-text {
        font-size: 12px;
    }
    .coupan-code ul {
        margin: 0;
        padding: 9px 0 28px;
    }
    .coupan-code ul li {
        width: 100%;
        text-align: center;
        font-size: 11px;
        line-height: 16px;
        letter-spacing: 1px;
    }
    .order-t {
        display: block;
        color: #999999;
        font-weight: 500;
        font-size: 14px;
        display: inline-block;
    }
    .price-tab {
        position: unset;
        font-size: 15px;
        margin-top: 35px;
    }
    .coupan-code {
        padding: 25px 20px 4px;
        margin: 30px 0 14px !important;
        box-shadow: none;
    }
    .voucher-light {
        padding: 25px 20px 12px;
    }
    .coupan-code h3 {
        font-size: 15px;
        text-align: center;
        font-weight: 400;
    }
    .how-to-use a {
        font-size: 14px;
    }
    .paste-code {
        font-size: 11px;
        text-align: center;
        line-height: 15px;
        padding-top: 13px;
        color: #919191;
        font-weight: 500;
    }
    .coupan-code-inner,
    .coupan-code-inner .btn {
        /*display: block !important;

        width:100%;*/
        font-size: 11px;
        border-radius: 4px 4px 4px 4px;
        text-transform: capitalize;
        font-weight: 600;
    }
    .coupan-code-inner .btn {
        padding: 11px 9px;
    }
    .coupan-code-inner input {
        border-right: none;
        padding: 5px 16px;
        /*background-color: #fff !important;*/
        border: none;
        border-radius: 5px 0 0 5px;
        font-size: 11px;
        text-align: center;
        font-weight: 800;
    }
    .redeem-btn .btn {
        display: block;
        width: 100%;
        margin-top: 20px;
    }
    .voucher-points {
        position: unset;
        padding: 11px 19px;
    }
    .voucher-heading h2 {
        font-size: 23px;
        line-height: 30px;
    }
    .voucher-desc {
        padding: 23px 18px;
    }
    .voucher-desc h4 {
        font-size: 17px;
    }
    .tab-content-inner {
        max-width: 100%;
        margin-top: 15px;
    }
    .tab-img img {
        height: auto;
        width: 100%;
    }
    .purchase-btn .btn {
        margin: 13px 0 0;
    }
    .tab-img {
        width: 100%;
        max-width: 100%;
        margin: 0;
    }    
    .point-table-row {
        padding: 25px 20px 25px 20px;
    }
    .tab-content-inner h3 a {
        font-size: 15px;
        line-height: 21px;
    }
    .tab-post {
        padding: 19px 19px 25px 17px;
    }
    .order-list li span {
        font-size: 14px;
        font-weight: 500;
    }
    .list-mobile-block {
        padding: 15px 19px !important;
    }
    .order-panel .order-header {
        padding: 15px;
    }
    .order-list {
        margin: 0 !important;
    }
    .discount-total {
        display: none;
    }
    .order-panel .subtotal-bar {
        padding: 10px 28px;
        font-weight: 700;
        font-size: 15px;
        color: #1c2646;
    }
    .list-mobile-block .order-list li {
        flex: 50%;
        max-width: 50%;
        text-align: left !important;
        margin-bottom: 0;
        line-height: 1.4;
    }
    .list-mobile-block .order-list .remove_cart_li {
        flex: 100% !important;
        max-width: 100% !important;
        text-align: right !important;
        position: absolute;
        right: 0;
        top: 15px;
    }
    .list-mobile-block .order-list{
        position:relative;
    }
    .list-mobile-block .order-list li:nth-child(2) {
        text-align: right !important;
        max-width: 50% !important;
        flex: 50% !important;
    }
    .list-mobile-block .order-list li:nth-child(3) {
        display: none;
    }
}


@media(max-width: 320px) {
    .HisTabs ul.nav .nav-link {
        font-size: 12px;
        padding: 7px 10px;
    }

}
h2#swal2-title {
    font-size: 23px;
}
.order-list.mybox-orders li
{
    flex: auto !important;
}

.radio-container.payment_method {
    width: 100%;
}
li.discount_apply span, li.live_sale_discount_apply span {
    color: #d13838;
}
li.discount_apply {
    border-bottom: 1px solid #efefef;
}
li.live_sale_discount_apply {
    border-top: 1px solid #efefef;
    padding-top: 10px;
}

/* 05-09-2022 */
#filter-wallet .tab-post.used-code {
    background: #d9d9d9;
}

.used-code .tab-img img {
    opacity: 0.50;
}


/* 26-07-2023 */

.announcment-block{
    padding: 30px 15px;
    position: relative;
}
.announcment-block .carousel{
    position: inherit;
}
.announcment-block .carousel .carousel-inner{
    max-width: 550px;
    margin: 0 auto;
}
.announcment-block .annouc_content {
    text-align: center;
}
.announcment-block .annouc_content .annouc_img{
    margin: 0 auto 50px;
}
.announcment-block .annouc_content h2{
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 50px;
    color: #000;
}
.announcment-block .annouc_content p{
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px;
}
.announcment-block .annouc_content .read-more{
    background: #bdb5ca;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 10px 25px;
    display: inline-block;
    border-radius: 3px;
    transition: all 0.3s ease-in;
    margin-top: 30px;
}
.announcment-block .annouc_content .read-more:hover{
    background: #1d2848;
}
.announcment-block .carousel-control-next, .announcment-block .carousel-control-prev{
    color: #fff;
    font-size: 18px;
    background: #bdb5ca;
    width: 35px;
    height: 35px;
    top: 50%;
    border-radius: 50%;
    opacity: 1;
}
.announcment-block .carousel-control-next:hover, .announcment-block .carousel-control-prev:hover{
    background: #1d2848;  
}
.announcment-modal .close{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin: -1rem -0.8rem 0 auto;
}
.announcment-modal .close:hover{
    background: #1d2848;
}

@media (max-width:767px){
    .announcment-block{
        padding: 20px 0px;
    }
    .announcment-block .carousel .carousel-inner {
        max-width: calc(100% - 100px);
    }
    .announcment-block .annouc_content .annouc_img {
        margin: 0 auto 20px;
    }
    .announcment-block .annouc_content h2 {
        font-size: 24px;
        margin-bottom: 15px;
    }
    .announcment-block .annouc_content .read-more{
        margin-top: 20px;
    }

    .view-order-detail td,
    .view-order-detail th{
        font-size: 12px;
        line-height: 20px;
        border: 1px solid #dee2e6;
    }

    .view-order-detail th {
        padding: 0 5px;
        border-bottom: 1px solid #dee2e6 !important;
        text-align: center;
        white-space: nowrap;
    }
    .view-order-detail td {
        padding: 5px;
        text-align: left !important;
    }

    .view-order-detail  .invoice_details.text-right {
        font-size: 13px;
    }

    .view-order-detail table{
        border: 1px solid #dee2e6;
    }

    .view-order-detail h5#inv_number {
        font-size: 16px;
    }
}


/* 26-07-2023 */


.pre-orders-content {
    align-items: center;
}
.pre-orders-content .pre-orders-header{
   padding: 15px 30px 0px 30px;	
}
.pre-orders-content .pre-orders-header h5 {        
    font-size: 18px;
    font-weight: 600;
    color: #000000;
}
.pre-orders-content .pre-orders-header p {        
    font-size: 14px;
    color: #000000;
}

/* 31-07-2025 */
.checkout_form{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: flex-start;
    -webkit-align-items: flex-start;
}
.checkout_left{
    flex: 0 0 calc(100% - 420px);
    -webkit-flex: 0 0 calc(100% - 420px);
    max-width: calc(100% - 420px);
    padding-right: 30px;
}
.checkout_right{
    flex: 0 0 420px;
    -webkit-flex: 0 0 420px;
    max-width: 420px;
    margin-top: 0;
}
.payment-detail .Qrscan-image{
    margin-bottom: 15px;
}
.payment-detail .Qrscan-image img{
    max-width: 120px;
}
.Payment-Method .payment-title .payment_method,
.checkout_right .payment-subtotal li span.subamout,
.del_add_title{
    font-weight: 700;
}
.checkout_right .payment-subtotal li.discount_apply{
    margin-bottom: 10px;
}
.paypal_btn_column>div{
    margin-top: 10px;
}
.checkout_left .statusbar{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    gap: 15px;
    border-radius: 10px;
    padding: 15px 20px;
}
.checkout_left .locationleft{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    gap: 10px;
    flex: 0 0 calc(100% - 50px);
    -webkit-flex: 0 0 calc(100% - 50px);
    max-width: calc(100% - 50px);
    font-weight: 400;
}
.checkout_left .locationleft>div{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    flex: 0 0 calc(100% - 50px);
    -webkit-flex: 0 0 calc(100% - 50px);
    max-width: calc(100% - 50px);
}
.checkout_left .locationleft>div .del_add_title{
    font-weight: 600;
}
.checkout_left .locationleft .lnr{
    width: 40px;
    height: 40px;
    background-color: #efefef;
    flex: 0 0 40px;
    max-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.checkout_left .locationleft #address_content{
    max-width: 200px;
    margin-bottom: 10px;
    font-size: 13px;
}
.checkout_left .locationleft #address_tag{
    color: #a0a0a0;
    font-size: 13px;
}
.checkout_left .locationright .change{
    background: #bdb5ca;
    color: #fff;
    font-size: 13px;
    padding: 2px 15px 2px;
    font-weight: normal;
    border-radius: .25rem;
    display: inline-block;
}
.checkout_left .statusbar .locationright{
    flex: 0 0 35px;
    -webkit-flex: 0 0 35px;
    max-width: 35px;
}

.checkout_right .payment-detail .QrCode>a{
    font-weight: 400;
}
.checkout_right .Payment-Method .radio-container{
    padding-left: 0;
    padding-right: 30px;
}
.checkout_right .Payment-Method .radio-container input~.radio-checkmark{
    border-color: transparent !important;
    left: inherit;
    right: 0;
    top: 4px;
}
.checkout_right .Payment-Method .radio-container input:checked~.radio-checkmark{
    background-color: transparent !important;
}
.checkout_right .Payment-Method .radio-container input~.radio-checkmark::after{
    display: none;
}
.checkout_right .Payment-Method .radio-container input~.radio-checkmark::before{
    content: '';
    position: absolute;
    right: 0;
    top: -3px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.504 1.31787C15.5773 1.31787 19.6916 5.43219 19.6916 10.5055C19.6916 15.5788 15.5773 19.6931 10.504 19.6931C5.43073 19.6931 1.31641 15.5788 1.31641 10.5055C1.31641 5.43219 5.43073 1.31787 10.504 1.31787ZM8.59609 13.4897L6.34674 11.2385C5.96353 10.855 5.96345 10.2297 6.34674 9.84638C6.73011 9.46309 7.35817 9.46549 7.73875 9.84638L9.32453 11.4334L13.2694 7.48852C13.6528 7.10515 14.2781 7.10515 14.6614 7.48852C15.0448 7.87181 15.0442 8.4977 14.6614 8.88053L10.0194 13.5225C9.63659 13.9054 9.01069 13.9059 8.6274 13.5225C8.61663 13.5118 8.60624 13.5008 8.59609 13.4897Z" fill="%23D13838"/></svg>');
    background-repeat: no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    transition: all 350ms ease-in-out;
    background-position: center;
    opacity: 0;
}
.checkout_right .Payment-Method .radio-container input:checked~.radio-checkmark::before{
    opacity: 1;
}
.checkout_right .Payment-Method>b>.payment-title{
    border-top: solid 1px #efefef;
}
.checkout_right .Payment-Method .payment-title{
    position: relative;
    padding-left: 30px;
}
.checkout_right .Payment-Method>.payment-title::before,
.checkout_right .Payment-Method>b>.payment-title::before{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 20px;
    height: 24px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><g clip-path="url(%23clip0_335_23)"><path d="M3.94734 9.47352H8.68418C9.12053 9.47352 9.47367 9.12043 9.47367 8.68402C9.47367 8.24762 9.12059 7.89453 8.68418 7.89453H3.94734C1.77094 7.89459 0 9.66553 0 11.8419V26.0524C0 28.2289 1.77094 29.9998 3.94734 29.9998H26.0526C28.2291 29.9998 30 28.2289 30 26.0525V11.8419C30 9.66547 28.2291 7.89459 26.0527 7.89459H21.3158C20.8795 7.89459 20.5263 8.24768 20.5263 8.68408C20.5263 9.12049 20.8794 9.47357 21.3158 9.47357H26.0527C27.3587 9.47357 28.4211 10.536 28.4211 11.842V15.7893H1.57893V11.842C1.57893 10.5359 2.64135 9.47352 3.94734 9.47352ZM28.4211 17.3683V26.0525C28.4211 27.3585 27.3587 28.4209 26.0527 28.4209H3.94734C2.64135 28.4209 1.57893 27.3585 1.57893 26.0525V17.3683H28.4211Z" fill="%23D13838"/><path d="M7.10541 23.684H10.2633C10.6997 23.684 11.0528 23.3309 11.0528 22.8945C11.0528 22.4581 10.6997 22.105 10.2633 22.105H7.10541C6.66906 22.105 6.31592 22.4581 6.31592 22.8945C6.31592 23.3309 6.66906 23.684 7.10541 23.684Z" fill="%23D13838"/><path d="M19.7368 23.684H22.8947C23.331 23.684 23.6842 23.3309 23.6842 22.8945C23.6842 22.4581 23.3311 22.105 22.8947 22.105H19.7368C19.3004 22.105 18.9473 22.4581 18.9473 22.8945C18.9473 23.3309 19.3004 23.684 19.7368 23.684Z" fill="%23D13838"/><path d="M14.4418 0.230796L9.70492 4.96769C9.39654 5.27607 9.39654 5.77564 9.70492 6.08408C10.0133 6.39251 10.5129 6.39246 10.8213 6.08408L14.2104 2.69484V10.2627C14.2104 10.699 14.5635 11.0522 14.9999 11.0522C15.4363 11.0522 15.7894 10.6991 15.7894 10.2627V2.69484L19.1786 6.08402C19.3328 6.23824 19.5348 6.31529 19.7368 6.31529C19.9387 6.31529 20.1408 6.23818 20.2949 6.08402C20.6033 5.77564 20.6033 5.27607 20.2949 4.96763L15.5581 0.230796C15.2497 -0.077583 14.7501 -0.077583 14.4418 0.230796Z" fill="%23D13838"/></g><defs><clipPath id="clip0_335_23"><rect width="30" height="30" fill="white"/></clipPath></defs></svg>');
    background-repeat: no-repeat;
    background-size: 20px;
}
.checkout_right .Payment-Method>b>.payment-title:nth-of-type(1):before{
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><g clip-path="url(%23clip0_335_29)"><path d="M29.4669 5.67359C29.0781 5.2141 28.5338 4.93344 27.934 4.88334L6.80769 3.11933C6.20781 3.06923 5.62457 3.25573 5.16502 3.64438C4.70735 4.03151 4.42709 4.57309 4.37541 5.16998L3.95038 9.15762H2.25321C1.0108 9.15762 0 10.1684 0 11.4108V24.6355C0 25.8779 1.0108 26.8887 2.25321 26.8887H23.4531C24.6956 26.8887 25.7064 25.8779 25.7064 24.6355V22.4902L26.4587 22.553C26.5221 22.5583 26.5852 22.5609 26.6478 22.5609C27.8061 22.5609 28.7935 21.6698 28.8916 20.4951L29.992 7.31632C30.0421 6.7165 29.8556 6.13314 29.4669 5.67359ZM2.25321 10.3295H23.4531C24.0494 10.3295 24.5345 10.8146 24.5345 11.4108V12.6159H1.17187V11.4108C1.17187 10.8146 1.65697 10.3295 2.25321 10.3295ZM1.17187 13.7877H24.5345V16.2187H1.17187V13.7877ZM23.4531 25.7169H2.25321C1.65697 25.7169 1.17187 25.2318 1.17187 24.6355V17.3906H24.5345V24.6355C24.5345 25.2318 24.0494 25.7169 23.4531 25.7169ZM28.8242 7.21876L27.7238 20.3976C27.6741 20.9918 27.1502 21.435 26.5562 21.3852L25.7064 21.3143V11.4108C25.7064 10.1684 24.6956 9.15762 23.4531 9.15762H5.12893L5.54137 5.28811C5.54183 5.28365 5.54224 5.27926 5.5426 5.27475C5.59222 4.68055 6.11582 4.23735 6.71019 4.28715L27.8366 6.05117C28.1244 6.07519 28.3857 6.2099 28.5722 6.43045C28.7587 6.65099 28.8482 6.93089 28.8242 7.21876Z" fill="%23D13838"/><path d="M22.0825 19.1328H16.4434C16.1197 19.1328 15.8574 19.3951 15.8574 19.7187V23.3978C15.8574 23.7214 16.1197 23.9837 16.4434 23.9837H22.0825C22.4062 23.9837 22.6685 23.7214 22.6685 23.3978V19.7187C22.6685 19.3951 22.4062 19.1328 22.0825 19.1328ZM21.4966 22.8119H17.0293V20.3047H21.4966V22.8119Z" fill="%23D13838"/></g><defs><clipPath id="clip0_335_29"><rect width="30" height="30" fill="white"/></clipPath></defs></svg>');
    background-position: center 3px;
}
.checkout_right .Payment-Method>b>.payment-title:nth-of-type(1)+.Payment-inner+.payment-title:before{
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><g clip-path="url(%23clip0_335_2)"><path d="M23.6217 0.869141H6.38441C4.65823 0.869141 3.25648 2.2709 3.25648 3.99707V18.2656L1.27933 16.2884C0.985513 15.9946 0.514181 15.9946 0.220363 16.2884C-0.0734544 16.5823 -0.0734544 17.0536 0.220363 17.3474L3.48296 20.61C3.62987 20.7569 3.81963 20.8304 4.01551 20.8304C4.21139 20.8304 4.40114 20.7569 4.54805 20.61L7.81065 17.3474C8.10447 17.0536 8.10447 16.5823 7.81065 16.2884C7.51683 15.9946 7.0455 15.9946 6.75168 16.2884L4.76841 18.2717V3.99707C4.76841 3.09726 5.49684 2.36883 6.39665 2.36883H23.6278C24.5276 2.36883 25.2561 3.09726 25.2561 3.99707V6.07828C25.2561 6.49452 25.5927 6.83119 26.009 6.83119C26.4252 6.83119 26.7619 6.49452 26.7619 6.07828V3.99707C26.7435 2.27702 25.3418 0.869141 23.6217 0.869141Z" fill="%23D13838"/><path d="M25.4643 9.39575L22.2017 12.6584C21.9079 12.9522 21.9079 13.4235 22.2017 13.7173C22.3486 13.8642 22.5384 13.9377 22.7343 13.9377C22.9301 13.9377 23.1199 13.8642 23.2668 13.7173L25.2501 11.7341V26.0026C25.2501 26.9024 24.5217 27.6308 23.6218 27.6308H6.38454C5.48473 27.6308 4.7563 26.9024 4.7563 26.0026V23.9214C4.7563 23.5051 4.41964 23.1685 4.0034 23.1685C3.58715 23.1685 3.25049 23.5051 3.25049 23.9214V26.0026C3.25049 27.7287 4.65224 29.1305 6.37842 29.1305H23.6096C25.3358 29.1305 26.7375 27.7287 26.7375 26.0026V11.7341L28.7208 13.7173C29.0146 14.0111 29.486 14.0111 29.7798 13.7173C30.0736 13.4235 30.0736 12.9522 29.7798 12.6584L26.5172 9.39575C26.2478 9.11418 25.7459 9.11418 25.4643 9.39575Z" fill="%23D13838"/><path d="M15.0031 8.36768C14.5869 8.36768 14.2502 8.70434 14.2502 9.12058V10.2714H14.1523C12.7199 10.2714 11.5508 11.5017 11.5508 13.0075C11.5508 14.5134 12.7199 15.7437 14.1523 15.7437H15.8417C16.4477 15.7437 16.9436 16.3008 16.9436 16.9802C16.9436 17.6658 16.4477 18.2167 15.8417 18.2167H12.8056C12.3894 18.2167 12.0527 18.5534 12.0527 18.9696C12.0527 19.3858 12.3894 19.7225 12.8056 19.7225H14.2502V20.8917C14.2502 21.3079 14.5869 21.6446 15.0031 21.6446C15.4194 21.6446 15.756 21.3079 15.756 20.8917V19.7164H15.8662C15.8723 19.7164 15.8785 19.7164 15.8846 19.7164C17.3047 19.698 18.4494 18.4738 18.4494 16.9802C18.4494 15.4683 17.2802 14.244 15.8479 14.244H14.1584C13.5524 14.244 13.0566 13.687 13.0566 13.0075C13.0566 12.3281 13.5524 11.7711 14.1584 11.7711H17.1394C17.5557 11.7711 17.8923 11.4344 17.8923 11.0182C17.8923 10.6019 17.5557 10.2652 17.1394 10.2652H15.756V9.11446C15.7499 8.70434 15.4194 8.36768 15.0031 8.36768Z" fill="%23D13838"/></g><defs><clipPath id="clip0_335_2"><rect width="30" height="30" fill="white"/></clipPath></defs></svg>');
    background-position: center 3px;
}
.checkout_right .Payment-Method>b>#paypal_box:before{
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><path d="M25.625 5H4.375C1.9625 5 0 6.9625 0 9.375V20.625C0 23.0375 1.9625 25 4.375 25H25.625C28.0375 25 30 23.0375 30 20.625V9.375C30 6.9625 28.0375 5 25.625 5ZM28.75 20.625C28.75 22.3475 27.3487 23.75 25.625 23.75H4.375C2.65125 23.75 1.25 22.3475 1.25 20.625V9.375C1.25 7.6525 2.65125 6.25 4.375 6.25H25.625C27.3487 6.25 28.75 7.6525 28.75 9.375V20.625Z" fill="%23D13838"/><path d="M19.9874 9.03875C19.8886 8.83 19.7711 8.62875 19.6186 8.4475C19.1074 7.845 18.3611 7.5 17.5724 7.5H9.99989C9.70239 7.5 9.44614 7.71 9.38739 8.0025L6.88739 20.5025C6.85114 20.6863 6.89864 20.8762 7.01739 21.0212C7.13614 21.1662 7.31364 21.25 7.49989 21.25H8.23739L8.13739 21.7525C8.10114 21.9363 8.14864 22.1262 8.26739 22.2712C8.38614 22.4162 8.56364 22.5 8.74989 22.5H12.4999C12.7861 22.5 13.0374 22.305 13.1061 22.0263L14.2386 17.5H17.4586C19.2386 17.5 20.7424 16.2262 21.0336 14.4712L21.4674 11.8725C21.6636 10.6938 21.0474 9.5525 19.9874 9.03875ZM10.5124 8.75H17.5711C17.9924 8.75 18.3911 8.93375 18.6636 9.25625C18.9361 9.5775 19.0536 10.0013 18.9836 10.4163L18.5499 13.015C18.3599 14.165 17.3736 15 16.2086 15H12.4999C12.2136 15 11.9624 15.195 11.8936 15.4737L10.7611 20H8.26239L10.5124 8.75ZM13.1436 16.7237L12.0111 21.25H11.2499C11.5361 21.25 11.7874 21.055 11.8561 20.7763L12.9886 16.25H13.7499C13.4636 16.25 13.2124 16.445 13.1436 16.7237ZM19.8011 14.2663C19.6099 15.4163 18.6236 16.25 17.4586 16.25H16.2086C17.9874 16.25 19.4911 14.9762 19.7836 13.2212L20.1574 10.9812C20.2324 11.1987 20.2749 11.4275 20.2349 11.6663L19.8011 14.2663Z" fill="%23D13838"/></svg>');
    background-position: center 3px;
}
.checkout_right .payment-subtotal-inner{
    margin-top: 14px;
    padding-top: 14px;
    padding-bottom: 10px;
    margin-bottom: 16px;
}
.checkout_right .payment-subtotal-inner .payment-subtotallist>li>span{
    font-size: 14px;
}
.checkout_right .payment-subtotal-inner .payment-subtotallist>li>span:first-child{
    font-weight: 600;
}
.checkout_right .payment-subtotal .place_order_block .btn.btnprimary{
    font-size: 14px;
    font-weight: 500;
    border-radius: 10px;
    text-transform: capitalize;
    padding: 16px 20px;
}
.checkout_left .order-panel{
    padding-left: 20px;
    padding-right: 20px;
}
.checkout_left .order-panel .order-header{
    padding-left: 0;
    padding-right: 0;
}
.checkout_left .order-panel .order-body{
    border-color: #efefef !important;
}
.checkout_left .order-panel .order-body .order-list{
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}
.checkout_left .order-panel .order-body.list-mobile-block li:first-child{
    padding-left: 0;
}
.checkout_left .order-panel .order-body.list-mobile-block li:last-child{
    padding-right: 0;
}
/* .checkout_left .order-panel .order-header~div{
    padding-left: 10px;
    padding-right: 10px;
} */
/* .checkout_left .order-panel .order-body .order-list .list-img-title{
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
} */

.checkout_left .order-panel .order-body .order-list .list-img-title .list-img{
    width: 50px;
    height: 50px;
    padding-right: 0;
    border: 1px solid #efefef;
    border-radius: 5px;
    overflow: hidden;
}
/* .checkout_left .order-panel .order-body .order-list .list-img-title span{
    width: calc(100% - 60px);
} */
.checkout_left .order-panel .subtotal-bar.d-none-discount{
    border: none;
    display: flex;
    justify-content: space-between;
    padding-right: calc(10% + 30px) !important;
    margin-bottom: 0;
    font-size: 15px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.checkout_left .order-panel .subtotal-bar>*{
    color: #000;
    font-weight: 600;
}
.checkout_left .order-panel .subtotal-bar.d-none-discount .order-t{
    display: block;
}
.checkout_left .order-panel .order-footer{
    background-color: transparent;
    padding: 20px 0 0;
    text-align: left;
}
.checkout_left .order-panel .order-footer .shipping-option{
    margin: 0;
}
.checkout_left .order-panel .order-footer .shipping-option{
    border: 1px solid #19955A;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    gap: 10px;
    margin-bottom: 20px;
    padding: 18px 22px;
    border-radius: 10px;
    background-color: #f3fcf8;
    position: relative;
    overflow: hidden;
}
.checkout_left .order-panel .order-footer .shipping-option::before{
    content: '';
    position: absolute;
    left: -13px;
    top: -20px;
    width: 35px;
    height: 50px;
    background-color: #19955A;
    transform: rotate(45deg);
}
.checkout_left .order-panel .order-footer .shipping-option::after{
    content: '';
    position: absolute;
    left: 3px;
    top: 6px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="10" viewBox="0 0 14 10" fill="none"><path d="M12.9453 1.58782C13.2381 1.29497 13.2381 0.820169 12.9453 0.52732C12.6524 0.234471 12.1776 0.234471 11.8848 0.52732L4.46129 7.95082C4.16844 8.24367 4.16844 8.71847 4.46129 9.01132C4.75414 9.30417 5.22894 9.30417 5.52179 9.01132L12.9453 1.58782Z" fill="white"/><path d="M5.5223 7.95247L2.3408 4.77097C2.04795 4.47812 1.57315 4.47812 1.2803 4.77097C0.987448 5.06382 0.987448 5.53862 1.2803 5.83147L4.4618 9.01297C4.75465 9.30582 5.22945 9.30582 5.5223 9.01297C5.81515 8.72012 5.81515 8.24532 5.5223 7.95247Z" fill="white"/></svg>');
    background-repeat: no-repeat;
    background-size: 16px;
    width: 16px;
    height: 16px;
}
.ship-icon{
    width: 40px;
    height: 40px;
    background-color: #efefef;
    flex: 0 0 40px;
    max-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.shipping_left>h6{
    font-weight: 600;
    font-size: 14px;
    line-height: 26px;
    margin: 0 0 4px;
}
.shipping_left .shipping_option_txt,
.para_style{
    font-size: 13px;
    color: #242424;
    line-height: 20px;
    display: block;
}
.shipping_left_in_bottom .shipping_cost{
    font-weight: 600;
    color: #000;
    font-size: 14px;
}
.shipping_left .all_option_btn{
    color: #19955A;
    font-size: 13px;
    font-weight: 600;
    margin-top: 5px;
    display: inline-block;
}
.shipping_left_in_bottom.mobile_hide .shipping_cost{
    display: block;
}
.checkout_left .order-panel .order-footer .discount-bar{
    padding-bottom: 20px;
}
.checkout_left .order-panel .order-footer .discount-bar .order_total_bottom{
    font-size: 14px;
    color: #000;
    font-weight: 600;
}
/* .checkout_left .order-panel .order-footer .discount-bar{
    max-width: 350px;
    margin-left: auto;
} */
.checkout_left .order-panel .order-footer .discount-bar .getdiscount{
    font-weight: 600;
    display: block;
    text-align: left;
    line-height: 16px;
    margin-bottom: 10px;
}
/* .checkout_left .order-panel .order-footer .discount-bar .discount-total{
   border-top: 1px solid #efefef;
   margin-top: 20px;
   padding-top: 15px; 
} */
.checkout_left .order-panel .order-footer .discount-bar .discount-total{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    gap: 10px;
}
.checkout_left .order-panel .order-footer .discount-bar .discount-total .last-span_discount-total{
    font-size: 14px;
    color: #000;
    font-weight: 600;
}
.common_modal .modal-header .modal-title{
    letter-spacing: 0;
    font-size: 16px;
    color: #000;
}
.common_modal .modal-body .address-panel .address-left li span:last-child{
    font-weight: normal;
}
#shippedoption .modal-body .address-panel .shipping-price .shipprice{
    font-weight: normal;
}
.addon-product-block ul .img-demo{
    width: 100px;
    height: 100px;
    flex: 0 0 100px;
    border: 1px solid #efefef;
    border-radius: 5px;
    overflow: hidden;
    align-self: flex-start;
    -webkit-align-self: flex-start;
}
.addon-product-block ul .img-demo .fancybox{
    width: 100%;
    height: 100%;
    display: block;
}
.addon-product-block ul .img-demo img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: 100% !important;
}
.addon-product-block ul li:last-child{
    flex: 0 0 calc(100% - 125px);
    -webkit-flex: 0 0 calc(100% - 125px);
    max-width: calc(100% - 125px);
    margin-left: 20px;
}
.addon-product-block .btn-add .btn-add{
    text-transform: uppercase;
    border-radius: .25rem !important;
    padding: 14px 28px !important;
}
.addon-product-block ul li .pro-name{
    font-size: 14px;
    line-height: 20px;
}
.addon-product-block ul li .incr-decr{
    margin-top: 12px;
}
.addon-product-block ul li .incr-decr .value-button{
    height: 32px;
    width: 32px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    border-radius: .25rem;
    font-size: 22px;
    font-weight: 500;
}
.addon-product-block ul li .pro-price{
    color: #000;
    font-size: 14px;
    font-weight: 600;
}
.shipping_bottom_options .address-panel{
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    cursor: auto;
}
.shipping_bottom_options .address-panel .shipping-price .shipping_option_lbl{
    font-size: 14px;
    font-weight: 600;
}
.shipping_bottom_options .address-panel .panel-title{
    width: 100%;
    margin-bottom: 15px;
    font-size: 14px;
    color: #000;
    font-weight: 600;
}
.shipping_bottom_options .shipping-price li:not(:last-child){
    margin-bottom: 10px;
}
.shipping_bottom_options .silotarea h5{
    font-size: 16px;
    color: #000;
    font-weight: 600;
}
.desktop_hide{
    display: none;
}
.icon_btn{
    background-color: transparent !important;
    width: 35px !important;
    height: 35px !important;
    padding: 0 !important;
    text-align: center;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.icon_btn.change svg{
    width: 8px;
    height: auto;
}


.payment_method ul{
    padding: 0;
    margin: 0;
}
.payment_method ul li{
    position: relative;
    display: block;
}
.payment_method ul li input{
    display: none;
}
.payment_method ul li label{
    width: 100%;
}
.payment_inner{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: center;
    -webkit-align-items: center;
    border: 1px solid #efefef;
    padding: 18px 10px;
    border-radius: 10px;
    padding-left: 50px;
    position: relative;
    cursor: pointer;
}
.payment_inner::before{
    content: '';
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 22px;
    height: 22px;
    border: 1px solid #ddd;
    border-radius: 50%;
}
.payment_inner::after{
    content: '';
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background-color: #9279bc;
    border-radius: 50%;
    opacity: 0;
}
.payment_method ul li input:checked + .payment_inner{
    border-color: #9279bc;
}
.payment_method ul li input:checked + .payment_inner::after{
    opacity: 1;
}
.payment_method ul li input:checked + .payment_inner::before{
    border-color: #9279bc;
}
.pay_icon{
    flex: 0 0 30px;
    -webkit-flex: 0 0 30px;
    max-width: 30px;
}
.pay_icon img{
    max-width: 20px;
    margin-top: -3px;
}
.pay_content{
    flex: 0 0 calc(100% - 30px);
    -webkit-flex: 0 0 calc(100% - 30px);
    max-width: calc(100% - 30px);
    padding-left: 3px;
}
.pay_content h6{
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 600;
}
.pay_content p{
    font-size: 13px;
    line-height: 18px;
    margin: 6px 0 0;
}
.pay_content p:empty{
    margin: 0;
}
.pro_pricing .remove_from_cart_btn{
    color: #d13838;
    cursor: pointer;
}

.shipping_select_options{
    padding: 24px;
}
.shipping_select_options .shipping-price-item>input{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    cursor: pointer;
}
.shipping_select_options .shipping-price{
    gap: 16px;
}
.shipping_select_options .shipping-price li{
    margin-bottom: 0;
    flex: 0 0 calc(50% - 16px);
    -webkit-flex: 0 0 calc(50% - 16px);
    max-width: calc(50% - 16px);
}
.shipping_select_options .shipping-price-item{
    width: 100%;
    min-height: 100%;
    display: inline;
}
.shipping_select_options .shipping_option_lbl{
    border: 1px solid #efefef;
    padding: 18px 10px;
    border-radius: 10px;
    padding-left: 50px;
    position: relative;
    width: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    gap: 10px;
    min-height: 100%;
}
.shipping_select_options .shipping-price-item>input:checked ~ .shipping_option_lbl{
    border-color: #19955A;
}
.shipping_select_options .shipping_option_lbl h6{
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 4px;
}
.shipp_content p{
    font-size: 13px;
    color: #242424;
    line-height: 22px;
    display: block;
    font-weight: 400;
    margin-bottom: 0;
}
.shipping_select_options .shipping_option_lbl .shipprice{
    font-weight: 600;
    color: #000;
    font-size: 14px;
}
.shipping_select_options .shipping_option_lbl .radio-checkmark{
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    border-color: #ddd;
    width: 22px;
    height: 22px;
}
.shipping_select_options .shipping-price-item>input:checked ~ .shipping_option_lbl .radio-checkmark{
    border-color: #19955A;
}
.shipping_select_options .shipping_option_lbl .radio-checkmark::after{
    content: '';
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background-color: #19955A;
    border-radius: 50%;
    opacity: 0;
    display: block;
}
.shipping_select_options .shipping-price-item>input:checked ~ .shipping_option_lbl .radio-checkmark::after{
    opacity: 1;
}
.shipping_select_options .shipping-price-item input:checked~.radio-checkmark{
    box-shadow: none;
    -webkit-box-shadow: none;
}
.shipping_select_options .silotarea h5{
    font-size: 16px;
}
.shipping_select_options .silotarea .silotarea-datepicker,
.shipping_select_options .silotarea .timesilotarea-inner{
    font-size: 14px;
}

.modal_content_pre{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    padding-bottom: 15px;
    gap: 10px;
}
.discount_code{
    padding-top: 15px;
}
.order-footer .message_code{
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.message_code .message-text{
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    width: auto;
}
.message_code .title-panel{
    width: auto;
}
.message_code .more_panel{
    flex: 0 0 calc(100% - 100px);
    -webkit-flex: 0 0 calc(100% - 100px);
    max-width: calc(100% - 100px);
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}
.message_code .more_panel svg{
    flex: 0 0 8px;
    -webkit-flex: 0 0 8px;
}

.payment-panel-title h2{
    font-size: 20px;
}
.title-panel{
    width: 100%;
    font-size: 14px;
    color: #000;
    font-weight: 600;
    margin-bottom: 0;
}
.more_panel{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    gap: 12px;
}
.more_panel span{
    color: #242424;
    font-size: 13px;
    width: max-content;
}

.discount-box {
  display: inline-block;
  padding: 0px 10px;
  background-color: transparent;   /* light background */
  color: #e60023 !important;              /* red for discount */
  font-weight: bold;
  border: 2px solid #e60023;  /* dashed border like a coupon */
  border-radius: 6px;
  font-size: 11px !important;
  margin-left: 10px;           /* space from label */
}

.more_panel svg{
    width: 8px;
    height: auto;
}
.modal_small_form{
    padding: 24px;
}
.modal_small_form .btnprimary{
    font-size: 14px;
    font-weight: 500;
    border-radius: 10px;
    text-transform: capitalize;
    padding: 16px 20px;
    margin-top: 10px;
}
.modal_small_form textarea{
    padding: 10px 10px !important;
    color: #000 !important;
    font-size: 14px !important;
    border: solid 1px #e1e1e1;
    border-radius: 5px;
    background: transparent;
    width: 100%;
    height: 80px;
}
.small_add_btn,
.address-modal-open{
    text-transform: capitalize;
    font-weight: 500;
}
.whole_address_panel .address-panel{
    border: none;
    border-radius: 10px;
}
.whole_address_panel .address-panel h5{
    font-weight: 600 !important;
    font-size: 16px;
    color: #000;
}
.whole_address_panel .address-panel ul li{
    font-size: 14px;
    margin-bottom: 6px;
}
.whole_address_panel .address-panel ul li span:first-child{
    font-weight: 500;
}
.checkout_right.order-panel .order-header{
    width: calc(100% - 40px);
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
}
.shipping-option .shippingicon{
    font-size: 20px;
    color: #19955a;
}
.ship_title{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    gap: 7px;
}
.outline_btn{
    color: #000;
    border-radius: 10px;
    border: 1px solid #000;
    background-color: transparent;
    transition: all 350ms ease-in-out;
    margin-right: 10px;
}
.outline_btn:hover{
    background-color: #b5a8ca;
    color: #fff;
    border-color: #b5a8ca;
}
.checkout_right .payment-subtotallist li .subamout{
    font-weight: 500 !important;
}

/* My Purchases Page */
.balance-summary {
    background: linear-gradient(135deg, #b8a7d9 0%, #9b87c9 100%);
    padding: 20px 16px;
    border-radius: 12px;
    margin-bottom: 20px;
    color: #fff;
}
.balance-summary h3 {
    font-size: 14px;
    margin-bottom: 16px;
    color: #fff;
}
.balance-amount {
    font-size: 22px;
    font-weight: 600;
}
.my_purchases_main .HisTabs>ul.nav{
    display: flex;
    display: -webkit-flex;
    margin-bottom: 20px;
    background: #f1f3f4;
    border-radius: 10px;
    padding: 4px;
    gap: 4px;
    border: none;
}
.my_purchases_main .HisTabs>ul.nav .nav-item{
    flex: 1;
    -webkit-flex: 1;
    text-align: center;
}
.my_purchases_main .HisTabs>ul.nav .nav-item .nav-link{
    padding: 10px 8px;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.my_purchases_main .nav-item .nav-link.active{
    background: #fff !important;
    color: #9279bc !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}
.my_purchases_main .tab_numb{
    background: #9279bc;
    color: white;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    margin-left: 8px;
    border-radius: 50%;
}
.my_purchases_main .topsearch-bar input{
    padding: 10px !important;
    color: #000 !important;
    border: solid 1px #e1e1e1;
    border-radius: 10px;
    background: transparent;
    width: 100%;
    height: 50px;
}
.my_purchases_main .order-panel{
    border: none;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    transition: all 0.2s;
}
.my_purchases_main .order-panel:hover{
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}
.my_purchases_main .card-head{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 16px;
    padding: 0 !important;
    background-color: transparent;
    border: none;
}
.invoice-info {
    flex: 1;
}
.invoice-number {
    font-size: 14px;
    color: #636e72;
    margin-bottom: 4px;
}
.invoice-description {
    font-size: 16px;
    font-weight: 600;
    color: #2d3436;
    margin-bottom: 8px;
}
.status-badge {
    display: inline-flex;
    align-items: center;
    padding: 7px 12px;
    border-radius: 20px;
    font-size: 12px;
    line-height: 21px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.info-box {
    padding: 12px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 14px;
    font-weight: 500;
}
.hold {
    background: #fff8e1;
    color: #f57c00;
}
.track_block .completed {
    /* background: #e8f5e8; */
    color: #2e7d32;
}
.overdue {
    background: #ffebee;
    color: #c62828;
}
.unpaid{
    background: #ffebee;
    color: #c62828;
}
.intransit{
    background: #ede8fa;
    color: #9279bc;
}
.shipment-processing{
    background: #e3f2fd;
    color: #1565c0;
}
.paid{
    background: #d0fde8;
    color: #19955A;
}
.processing{
    background: #fff3e0;
    color: #e65100;
}
.spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid currentColor;
    border-top: 2px solid transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-right: 8px;
    vertical-align: middle;
}

.card-details {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 20px;
    padding: 16px;
    background: #f6f3fe;
    border-radius: 10px;
}
.detail-item {
    text-align: center;
}
.detail-label {
    font-size: 14px;
    color: #636e72;
    margin-bottom: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.detail-value {
    font-size: 16px;
    font-weight: 600;
    color: #2d3436;
}
.amount {
    font-size: 22px;
    color: #9279bc;
}
.card-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.card-actions>* {
    flex: 1;
    border: none;
    font-size: 14px;
    line-height: 18px;
    transition: all 0.2s;
    letter-spacing: 0.5px;
    font-weight: 600;
    border-radius: 12px;
    padding: 13px 20px;
}
.card-actions .btnprimary{
    color: #9279bc;
    background: #f5f3f8;
    border: 1px solid #e9e5f0;
}
.card-actions .btnprimary:hover{
    background: #ebe8f1;
}
.btndark{
    background-color: #9279bc;
}
.btndark:hover,
.btndark:focus{
    background: #8674b8;
    transform: translateY(-1px);
}
.max-w-500{
    max-width: 500px;
}

.p-24px.modal-body{
    padding: 24px;
}
.mb-35px{
    margin-bottom: 35px;
}
.order_top{
    display: flex;
    justify-content: space-between;
    padding-bottom: 12px;
    padding-top: 12px;
    border-bottom: 1px solid #efefef;
    margin-bottom: 0;
}
.order_top span,
.detail-row span{
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #636e72;
}
.order_top span:last-child,
.detail-row span:last-child{
    font-weight: 600;
    color: #2d3436;
    text-align: right;
}
.order_item_title{
    font-weight: 600;
    color: #000;
    margin-bottom: 12px;
    margin-top: 24px;
}
.table-box-order{
    background: #f8f9fa;
    padding: 16px;
    border-radius: 12px;
    margin-bottom: 16px;
}
.detail-row{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    /* border-bottom: 1px solid #efefef; */
    padding: 9px 0;
    gap: 10px;
}
/* .invoice_details .order_item_title{
    margin-top: 15px;
    border-top: 1px solid #efefef;
    padding-top: 20px;
} */
/* .invoice_details #total_discount,
.invoice_details #total_payment{
    border-top: 1px solid #efefef;
}
.invoice_details #live_sale_discount{
    border-bottom: 1px solid #efefef;
} */
.invoice_details #total_discount span:last-child,
.invoice_details #live_sale_discount span:last-child,
.st_pending{
    color: #d13838 !important;
}
.st_sucess{
    color: green !important;
}
.invoice_details #total_payment{
    border-top: 2px solid #9b87c9;
    padding: 12px 0;
    margin-top: 8px;
}
.invoice_details #total_payment span{
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
}
.invoice_details #total_payment span:last-child{
    color: #9279bc;
}
.invoice_shipping_address .table-box-order h6,
.invoice_shipping_address .table-box-order p{
    font-size: 14px;
    color: #000;
    line-height: 1.8;
    margin: 0;
}

.track_number{
    margin-bottom: 20px;
    padding: 16px;
    background: #f6f3fe;
    border-radius: 10px;
}
.track_number h6{
    font-weight: 600;
    color: #000;
    margin-bottom: 8px;
}
.track_number span{
    color: #9279bc;
    font-size: 16px;
    font-weight: 600;
}
.track_block{
    margin: 0;
    padding: 10px 0 0;
    position: relative;
}
.track_block::before{
    content: '';
    position: absolute;
    left: 10px;
    top: 15px;
    width: 2px;
    height: calc(100% - 15px);
    background-color: #c8c8c8;
}
.track_block li{
    display: block;
    padding-left: 30px;
    padding-bottom: 24px;
    position: relative;
}
.track_block li::before{
    content: '';
    position: absolute;
    left: 2px;
    top: 0;
    border: 2px solid #fff;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #c8c8c8;
    z-index: 1;
}
.track_block li.completed::before,
.track_block li.active::before{
    background-color: #19955A;
}
.track_line{
    position: absolute;
    left: 10px;
    top: 5px;
    width: 2px;
    background-color: #19955A;
}
.track_block li:last-child{
    padding-bottom: 0;
}
.track_block li h6{
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #000;
    margin-bottom: 5px;
}
.track_block li p{
    color: #3c3c3c;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 5px;
}
.common-footer{
    padding: 20px 24px;
    border-top: 1px solid #e9ecef;
    display: flex;
    gap: 12px;
}
.common-footer>*{
    flex: 1;
    -webkit-flex: 1;
    border: none;
    font-size: 14px;
    line-height: 18px;
    transition: all 0.2s;
    letter-spacing: 0.5px;
    font-weight: 600;
    border-radius: 12px;
    padding: 13px 20px;
}
.common-footer .btnprimary{
    color: #9279bc;
    background: #f5f3f8;
    border: 1px solid #e9e5f0;
}
.common-footer .btnprimary:hover{
    background: #ebe8f1;
}
.w-20px{
    width: 20px;
}
.contact_support>h6{
    margin-bottom: 20px;
    color: #636e72;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 400;
}
.contact_support .table-box-order>div{
    font-weight: 600;
    margin-bottom: 8px;
    color: #000;
    font-size: 14px;
    line-height: 1.6;
}
.contact_support .table-box-order span{
    color: #9279bc;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.6;
}
.contact_support .table-box-order p{
    font-size: 14px;
    color: #636e72;
    line-height: 1.6;
    margin-bottom: 0;
}
.contact_support>p{
    font-size: 12px;
    color: #636e72;
    text-align: center;
    margin-bottom: 0;
}

.order_item_box>h6{
    margin-bottom: 5px;
}
.order_item_box>p{
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
    color: #636e72;
    font-style: italic;
}
.order_item_box>span{
    display: block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 15px;
    color: #636e72;
}
.order_item_box>div{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    gap: 10px;
}
.order_item_box>div>span:first-child{
    font-size: 14px;
    line-height: 20px;
    color: #636e72;
}
.order_item_box>div>span:last-child{
    font-size: 16px;
    line-height: 20px;
    color: #000;
    font-weight: 600;
}
.spinner-icon{
    animation: spin 1s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.modal_order_items_box{
    background: transparent;
    padding: 0;
    border-radius: 0;
    margin-bottom: 16px;
}
.modal_order_items_box .order_item_box{
    background: #f8f9fa;
    padding: 16px;
    border-radius: 12px;
}
.modal_order_items_box .order_item_box + .order_item_box{
    margin-top: 16px;
}
.status-bar{
    height: 4px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.status-bar.payment-processing {
    background: linear-gradient(90deg, #fdcb6e, #e17055);
}
.status-bar.overdue {
    background: linear-gradient(90deg, #e17055, #fd79a8);
}
.status-bar.unpaid {
    background: linear-gradient(90deg, #c62828, #fd79a8);
}
.status-bar.processing {
    background: linear-gradient(90deg, #74b9ff, #0984e3);
    animation: shimmer 2s infinite;
}
.status-bar.hold {
    background: linear-gradient(90deg, #ffeaa7, #fdcb6e);
}
.status-bar.intransit {
    background: linear-gradient(90deg, #a29bfe, #6c5ce7);
}
.status-bar.completed {
    background: linear-gradient(90deg, #00b894, #55a3ff);
}



@media screen and (min-width: 1400px) and (max-width: 1649px){
    .checkout_right{
        flex: 0 0 350px;
        -webkit-flex: 0 0 350px;
        max-width: 350px;
    }
    .checkout_left{
        flex: 0 0 calc(100% - 350px);
        -webkit-flex: 0 0 calc(100% - 350px);
        max-width: calc(100% - 350px);
    }
}
@media screen and (max-width: 1399px){
    .checkout_left,
    .checkout_right{
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0;
    }
    .checkout_right{
        margin-top: 30px;
    }
}
@media screen and (max-width: 767px){
    .checkout_left .statusbar{
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        padding: 15px;
    }
    /* .checkout_left .locationleft{
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
    } */
    .checkout_left .locationleft>div{
        text-align: left;
    }
    .order-panel .order-body{
        /* padding: 0 !important; */
    }
    .order-price span{
        font-size: 19px;
    }
    .checkout_right.order-panel .order-body{
        padding: 15px !important;
    }
    .checkout_left .order-panel .subtotal-bar.d-none-discount{
        padding-right: 15px !important;
        font-size: 14px;
    }
    .checkout_left .locationright .change{
        font-size: 12px;
        padding: 2px 10px;
    }
    .checkout_left .order-panel .order-header .btnprimary,
    .shipping_right .btnprimary{
        font-size: 12px;
        padding: 8px 10px 9px;
    }
    .checkout_left .discount-area .discount-code .btn.btnprimary{
        font-size: 12px;
    }
    .checkout_left .order-panel .order-header{
        gap: 6px;
    }
    /* .checkout_left .order-panel .order-body.list-mobile-block{
        padding: 0 5px !important;
        background: #f7f7f7;
    } */
    .checkout_left .order-panel .order-body .order-list .list-img-title .list-img,
    .checkout_right>.order-header>h5,
    .checkout_left .order-panel .order-header h5{
        margin-bottom: 0 !important;
    }
    /* .checkout_left .order-panel .order-body .order-list .list-img-title span, */
    .checkout_right .payment-detail .QrCode>a,
    /* .checkout_left .order-panel .list-mobile-block .order-list li span, */
    .shipping_left_inner>h6,
    .shipping_left_inner .shipping_option_txt,
    .checkout_left .order-panel .order-footer .discount-bar .discount-total span,
    .shipping_bottom_options .address-panel .shipping-price .shipping_option_lbl,
    .shipping_bottom_options .address-panel .shipprice{
        font-size: 14px;
    }
    .checkout_left .order-panel .list-mobile-block .order-list li{
        flex: 62%;
        max-width: 62%;
        margin: 0;
    }
    .checkout_left .order-panel .list-mobile-block .order-list li:nth-child(2){
        max-width: 38% !important;
        flex: 38% !important;
        text-align: right !important;
        margin-bottom: 0;
    }
    .checkout_left .order-panel .list-mobile-block .order-list li:nth-child(3){
        display: none;
    }
    .checkout_left .order-panel .cart-addon-items-content,
    .checkout_left .order-panel .subtotal-bar:not(.d-none-discount){
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .checkout_left .order-panel .list-mobile-block .order-list li:nth-child(2) span{
        font-weight: 600;
    }
    .QrCode a span{
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
    }
    .minus_icon i{
        width: 22px;
        height: 22px;
        line-height: 23px;
        font-size: 12px;
    }
    .payment-detail{
        padding: 15px;
    }
    .checkout_right .Payment-Method .radio-container input~.radio-checkmark::before{
        /* background-size: 12px;
        top: -1px; */
    }
    /* .payment-subtotallist li .subamout,
    .shipping_bottom_options .address-panel .panel-title{
        font-size: 16px;
    } */
    .checkout_left>.order-panel{
        margin-top: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .checkout_left .order-panel .order-body.list-mobile-block ul{
        align-items: flex-start;
    }
    .checkout_left .order-panel .list-mobile-block .order-list{
        position: relative;
    }
    .checkout_left .order-panel .list-mobile-block .order-list .remove_cart_li {
        flex: 100% !important;
        max-width: 100% !important;
        text-align: right !important;
        position: absolute;
        right: 0;
        top: 15px;
    }
    .common_modal.modal{
        top: inherit;
        border-radius: 10px 10px 0 0;
    }
    .common_modal.modal .modal-content{
        border-radius: 10px 10px 0 0;
        border: none;
    }
    .common_modal.modal .modal-dialog{
        -webkit-transform: translate(0, 100%);
        transform: translate(0, 100%);
        margin: 0;
        max-height: calc(100vh - 130px);
    }
    .common_modal.modal.show .modal-dialog{
        -webkit-transform: translate(0, 0%);
        transform: translate(0, 0%);
    }
    .common_modal .modal-header .modal-title{
        text-align: left;
        font-size: 14px;
    }
    .common_modal .modal-header{
        align-items: center;
        -webkit-align-items: center;
        position: sticky;
        top: 0;
        background: #fff;
        z-index: 2;
        border-radius: 10px 10px 0 0;
    }
    .common_modal.modal .close{
        margin: 0;
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .common_modal.modal .close span,
    .shipping_bottom_options .silotarea h5{
        font-size: 16px;
    }
    .common_modal .address-panel{
        padding: 15px;
        margin-bottom: 20px;
    }
    .common_modal .address-panel .address-left{
        margin-top: 0;
    }
    .common_modal .address-panel .address-left>h5{
        font-size: 18px;
    }
    .common_modal .modal-body .address-panel .address-left li span{
        float: inherit !important;
        font-size: 14px;
    }
    .common_modal .modal-body .address-panel .address-left li span:first-child{
        float: left !important;
    }
    .address-left ul li:not(:last-child) {
        margin-bottom: 6px;
    }
    .silotarea{
        padding: 15px;
    }
    .silotarea>h5{
        text-align: center;
        font-size: 16px;
    }
    /* .addon-product-block ul li .pro-name{
        font-size: 14px;
        line-height: 18px;
    } */
    .addon-product-block ul .img-demo{
        width: 70px;
        height: 70px;
        flex: 0 0 70px;
    }
    .addon-product-block ul li:last-child{
        flex: 0 0 calc(100% - 82px);
        -webkit-flex: 0 0 calc(100% - 82px);
        max-width: calc(100% - 82px);
        margin-left: 12px;
    }
    .addon-product-block .btn-add .btn-add{
        padding: 9px 10px !important;
        font-size: 12px !important;
    }
    .addon-product-block ul li .incr-decr .value-button{
        width: 25px;
        height: 25px;
        font-size: 20px;
    }
    .addon-product-block ul li .incr-decr input.addon_quantity_val{
        width: 36px;
        font-size: 12px;
        line-height: 16px;
    }
    .addon-product-block ul li .pro-price{
        font-size: 15px;
    }
    .shipping_bottom_options .address-panel .panel-title,
    .shipping_bottom_options .address-panel .shipping-price .shipping_option_lbl{
        text-align: left;
    }
    .shipping_bottom_options .shipping-price li{
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }
    .mobile_hide{
        display: none;
    }
    .desktop_hide{
        display: block;
    }
    .shipping_option_help{
        width: 16px;
        height: 16px;
        font-size: 10px;
        line-height: 16px;
    }
    .checkout_right .payment-subtotal-inner{
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .checkout_right .payment-subtotal .place_order_block,
    .button_fix_mobile{
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        background-color: #fff;
        box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
        padding: 15px;
        text-align: right !important;
        z-index: 9;
    }
    .checkout_right .payment-subtotal .payment-subtotal-inner .payment-subtotallist li.total_payment,
    .save_data{
        position: fixed;
        right: 170px;
        bottom: 40px;
        z-index: 99;
        display: flex;
        display: -webkit-flex;
        gap: 5px;
        padding: 0;
    }
    .save_data{
        bottom: 15px;
    }
    .checkout_right .payment-subtotal .payment-subtotal-inner .payment-subtotallist li.total_payment span,
    .save_data span{
        text-align: left;
        flex: 0 0 auto;
        -webkit-flex: 0 0 auto;
        font-weight: 500 !important;
    }
    .checkout_right .payment-subtotal .payment-subtotal-inner .payment-subtotallist li.total_payment span:last-child,
    .save_data span:last-child{
        font-weight: 600 !important;
        color: #d13838;
    }
    .shipping_select_options{
        padding: 16px;
    }
    .message_code .more_panel{
        flex: 0 0 calc(100% - 80px);
        -webkit-flex: 0 0 calc(100% - 80px);
        max-width: calc(100% - 80px);
    }

    .balance-summary h3{
        margin-bottom: 8px;
    }
    .balance-amount,
    .amount{
        font-size: 18px;
        line-height: 20px;
    }
    .my_purchases_main .HisTabs>ul.nav .nav-item .nav-link,
    .my_purchases_main .topsearch-bar input,
    .info-box,
    .detail-label,
    .track_block li h6,
    .track_block li p,
    .invoice-number,
    .track_number span{
        font-size: 11px;
    }
    .my_purchases_main .tab_numb{
        font-size: 10px;
        width: 18px;
        height: 18px;
        margin-left: 3px;
    }
    .status-badge{
        font-size: 10px;
        padding: 5px 10px;
        line-height: 17px;
    }
    .w-20px{
        width: 12px;
    }
    .info-box{
        line-height: 16px;
    }
    .card-actions>*,
    .common-footer>*{
        line-height: 16px;
        padding: 11px 10px;
        font-size: 11px;
        border-radius: 8px;
    }
    .card-details{
        padding: 10px;
        column-gap: 10px;
    }
    .detail-label{
        line-height: 16px;
        margin-bottom: 5px;
    }
    .my_purchases_main .HisTabs>ul.nav{
        gap: 0;
    }
    .my_purchases_main .HisTabs>ul.nav .nav-item .nav-link{
        padding: 10px 5px;
    }
    .my_purchases_main .topsearch-bar input{
        font-size: 12px !important;
        border-radius: 6px;
        height: 42px;
    }
    .detail-value,
    .my_purchases_main .detail-item .amount,
    .balance-summary h3,
    .order_top span, 
    .detail-row span,
    .order_item_box>h6,
    .order_item_box>p,
    .order_item_box>span,
    .order_item_box>div>span:first-child,
    .order_item_box>div>span:last-child,
    .invoice_details #total_payment span,
    .invoice_details #total_payment span,
    .table-box-order,
    .invoice_shipping_address .table-box-order h6, 
    .invoice_shipping_address .table-box-order p,
    .contact_support>h6,
    .contact_support .table-box-order>div,
    .contact_support .table-box-order span,
    .contact_support .table-box-order p,
    .track_number h6{
        font-size: 12px;
        line-height: 16px;
    }
    .my_purchases_main .order-panel{
        padding: 12px;
    }
    .my_purchases_main .card-head{
        margin-bottom: 14px;
    }
    .balance-summary{
        padding: 15px;
    }
    .balance-summary .balance-amount{
        font-size: 16px;
    }
    .p-24px.modal-body{
        padding: 20px;
    }
    .order_item_title{
        font-size: 14px;
    }
    .order_item_box>h6{
        font-size: 12px !important;
    }
    .track_block li p{
        line-height: 15px;
    }
    .track_block li h6{
        margin-bottom: 3px;
    }
    .track_number{
        padding: 14px;
    }
    .track_number span{
        display: block;
        line-height: 13px;
    }

}


@media screen and (max-width: 575px){
    .checkout_left .order-panel .subtotal-bar.d-none-desk-discount{
        display: flex !important;
        gap: 10px;
        justify-content: space-between;
        border-color: #efefef !important;
        margin-top: 20px;
    }
    .checkout_left .order-panel .order-footer .discount-bar{
        max-width: 100%;
    }
    .shipping_select_options .shipping-price li{
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        max-width: 100%;
    }
    .my_purchases_main .HisTabs>ul.nav{
        white-space: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
    }
}