:root{
    --primary-color:#F82643;
    --cart-added: #0AC59A;
    --white-color:#ffffff;
    --primary-blue:#005BE3;
    --primary-orange:#F8A026;
    --secondary-green:#58B665;
    --yellow-light:#FFF9EB;
    --black-color:#000000;
    --green-btn:#79B52D;
    --border-color:#dddddd;
    --content-grey:#606060;
    --clarification-orange: #F8A026;
    --clarification-blue:#005BE3;
    --bg-color:#f5f5f5;
    --wes-red: #e8192c;
    --wes-yellow: #f5c518;
    --wes-green: #28a745;
    --wes-gray-light: #f5f5f5;
    --wes-gray-mid: #ccc;
    --wes-gray-dark: #6c757d;
    --wes-text: #222;
    --wes-border: #e0e0e0;
    --wes-white: #ffffff;
}
.checkout-infoDetails{
    margin-top: 30px;
}
.checkout-infoDetails h3{
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 15px;
}
.checkout-infoDetails p.checkout-infoSubtext{
    font-size:14px;
    margin:5px 0 15px;
    font-weight:400;
    color:#666666;
}
.checkout-border-content{
    background-color: #F5F5F5;
    border: 1px solid var(--border-color);
    padding: 15px;
    border-radius: 10px;
}
.return-link:hover i{
    position: relative;
    -webkit-animation-name: anima2;
    animation-name: anima2;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@-webkit-keyframes anima2 {
    0% {
        left: 0px;
    }
    50% {
        left: 5px;
    }
    100% {
        left: 0px;
    }
}
/* Checkout Delivery */
.checkout-lft-title{
    margin-top: 20px;
}
.row-equal{
    display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
}
.checkout-breadcrumb-section{
    padding: 15px 0;
}
.checkout-section{
    position: relative;
    height: 100%;
}
.checkout-section::before{
    content: '';
    position: absolute;
    background-color: #F5F5F5;
    width: 38%;
    right: 0;
    top:0;
    height: 100%;
}
.checkout-orderSummary{
    background-color: #F5F5F5;
    height: 100%;
    padding: 15px 40px;
    position: relative;
}
.checkout-orderSummary .checkout-title h3{
    font-size: 16px;
    font-weight: 600;
    color: var(--content-grey);
}
.checkout-orderSummary .checkout-title{
    margin-top: 10px;
}
.checkout-left{
    min-height: 100vh;
    max-height: 100%;
    padding-bottom: 100px;
}
.delivery-method{
    margin-top: 30px;
    position: relative;
}
.delivery-method h3{
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 15px;
}
.checkout-lft-title h3{
    font-size: 17px;
    font-weight: 600;
}
.delivery-method-item{
    width: 100%;
}
.delivery-method-pills .delivery-method-item:nth-child(2),.delivery-method-pills .delivery-method-item:nth-child(3) {
    margin-top: -1px;
}
.delivery-method-pills .delivery-method-item .nav-link{
    border:1px solid var(--border-color);
    background-color: var(--white-color);
    border-radius: 0;
    padding: 15px 20px;
}
.delivery-method-pills .delivery-method-item .nav-link.active{
    background-color: #FFDCDD;
    border:1px solid var(--border-color);
}
.delivery-method-pills .delivery-method-item:first-child .nav-link{
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.delivery-method-pills .delivery-method-item:last-child .nav-link{
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.delivery-method-pills .delivery-method-item .nav-link{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.delivery-method-pills .delivery-method-item .nav-link span::before{
    font-size: 23px;
}
.delivery-selection {
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.delivery-selection p.choose-checkout{
    border:2px solid var(--border-color);
    width: 18px;
    height: 18px;
    border-radius: 3px;
    margin: 0;
}
.delivery-selection h6{
    margin-bottom: 0;
    color: var(--black-color);
    font-weight: 600;
    font-size: 14px;
}
.delivery-method-pills .delivery-method-item .nav-link.active .delivery-selection p.choose-checkout{
    border:2px solid var(--primary-color);
    background-color: var(--primary-color);
    position: relative;
}
.delivery-method-pills .delivery-method-item .nav-link.active .delivery-selection p.choose-checkout::before{
    content: "\f00c";
    font-family: 'FontAwesome';
    padding-left: 5px;
    font-weight: 900;
    position: absolute;
    font-size: 12px;
    left: -5px;
    right: 0;
    top: 2px;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes slideInUp {
    0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible;
    }
    100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    }
} 
@keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible;
        }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
} 
.delivery-method-pills .delivery-method-item .nav-link span::before{
    color: var(--checkout-selectionIcon, #666666);
}
.delivery-method-pills .delivery-method-item .nav-link.active span::before{
    color: var(--primary-color);
}
.order-summary-items{
    padding-bottom: 15px;
    border-bottom: 1px solid var(--border-color);
}
.selected-products{
    display: flex;
    align-items: flex-start;
    column-gap: 15px;
    margin-top: 15px;
}
.selected-products-img{
    width: 80px;
    height: 80px;
    background-color: var(--white-color);
    padding: 15px;
    border-radius: 6px;
    border:1px solid var(--border-color);
}
.selected-products-img img{
    max-width: 50px;
}
.selected-products-info h5{
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
}
.selected-products-info h5 a{
    color: var(--content-grey);
}
.selected-products-info p{
    font-size: 14px;
    font-weight: 500;
}
.selected-products-info p span{
    margin-left: 10px;
    color: var(--content-grey);
    font-weight: 400;
}
.order-summary-total{
    padding-top: 15px;
}
.orderSummary-list {
    border-bottom: 1px solid var(--border-color);
}
.orderSummary-list .order-summary-list{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 7px;
}
.orderSummary-list .order-summary-list span.add-coupon{
    color: #3D9AE1;
    cursor: pointer;
}
.order-summary-list p{
    margin: 0;
}
.orderCoupon{
    display: flex;
    align-items: center;
    column-gap: 15px;
}
.orderCoupon .added-coupon{
    display: flex;
    align-items: center;
    column-gap: 10px;
    color: var(--primary-blue);
}
.orderCoupon .added-coupon i{
    transform: rotate(90deg);
    margin-right: 5px;
}
.orderCoupon .added-coupon button{
    border:0;
    background-color: transparent;
    padding: 0;
    color: #999999;
}
.orderSummary-total .order-summary-list{
    padding-top: 15px;
    font-size: 19px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.shipp-to {
    border: 1px solid var(--border-color);
    padding: 15px;
    border-radius: 10px;
}
.ship-addressForm{
    background-color: var(--bg-color);
    padding: 25px;
}
.shipp-to h5{
    font-size: 14px;
    color:#999999;
    margin-top: 1px;
}
.shipp-to .shipping-method{
    background-color: var(--white-color);
}
.shippChange-address input{
    background-color: var(--white-color);
}
.shipp-to p{
    color: var(--black-color);
    font-weight:400;
    margin-bottom: 0;
    font-size: 14px;
}
.shipp-to p.text-error-message{
    color: #FF0000;
    font-weight: 500;
    font-size: 15px;
    margin-top: 10px;
}
.shipp-to address{
    font-size: 15px;
    font-weight: 400;
    margin: 0;
}
.change-adress{
    font-size: 14px;
    text-decoration: underline;
    text-align: right;
    float: right;
    color:var(--primary-blue);
}
.ship-address{
    display: flex;
    align-items: flex-start;
    column-gap: 30px;
}
.ship-address a.change-adress{
    color:var(--primary-blue);
    text-decoration: underline;
    font-size: 14px;
}
.ship-address a.change-adress:hover{
    color: var(--primary-color);
}
.selected-shipping-method, .selected-shipping-address{
    margin-top: 30px;
}
.selected-shipping-method h3{
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.selected-shipping-method h3 p{
    cursor: pointer;
}
.selected-shipping-method h3 p i{
    font-size: 15px;
}
.shipping-method-list .shipping-method {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border:1px solid var(--border-color);
    padding: 0 20px; 
    cursor: pointer;
    transition: 0.3s all;
    margin-top: -1px;
}
.shipping-method-list .shipping-method .shipping-method-info {
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.shipping-method-list .shipping-method .shipping-method-info input{
    border-radius: 3px;
    width: 19px;
    height: 19px;
}
.shipping-method-list .shipping-method:first-child{
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.shipping-method-list .shipping-method:last-child{
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.shipping-method-list .choose-card{
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.shipping-method-list .choose-card .shipping-method{
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.shipping-method-list .choose-card .shipping-method.express-shipping{
    border-radius: 0;
}
.shipping-method-list .my-wallet .shipping-method.express-shipping{
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top: 0;
}
.shipping-method-list .payment-card-list:nth-last-child(3){
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.shipPayment-listing .shipPayment .shipping-method{
   border-radius: 0;
}
.shipPayment-listing .shipPayment:first-child .shipping-method{
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.shipPayment-listing .shipPayment:last-child .shipping-method{
    border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.shipping-method-list .shipping-method .shipping-method-info label{
    width: 100%;
    cursor: pointer;
    padding: 15px 0;
    font-size: 14px;
    position: relative;
    top: 2px;
    font-weight: 600;
}
.shipping-method-list .shipping-method.choose-card .pay-via-card{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.shipping-method-list .shipping-method .shipping-method-info label span{
    font-size: 14px;
    color: var(--black-color);
    padding-left: 0;
    font-weight: 400;
}
.shipping-method-list .shipping-method.express-shipping, .shipping-method-list .shipping-method.mail-shipping{
    margin-top: 0;
    border-top: 0;
}
.shipping-method-list .shipping-method .shipping-method-info input.form-check-input:checked[type=radio]{
    --bs-form-check-bg-image: none;
    position: relative;
    width: 19px;
    height: 19px;
}
.shipping-method-list .shipping-method:has(input.form-check-input:checked[type=radio]){
    background-color: #FFDCDD;
}
.shipping-method-list .shipping-method.payment-card-list:has(input.form-check-input:checked[type=radio]),
.shipping-method-list .shipping-method.express-shipping:has(input.form-check-input:checked[type=radio]),
.shipping-method-list .shipping-method.savedCards-details:has(input.form-check-input:checked[type=radio]){
    background-color: #ffffff;
}
.shipping-method-list .my-wallet .shipping-method:has(input.form-check-input:checked[type=radio]){
    border-radius: 0;
}
.shipping-method-list .shipping-method .shipping-method-info input.form-check-input:checked[type=radio]::before{
    position: absolute;
    content: "\f00c";
    font-family: 'FontAwesome';
    padding-left: 5px;
    font-weight: 900;
    position: absolute;
    font-size: 12px;
    left: -5px;
    right: 0;
    top: 2px;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes slideInUp {
0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible;
}
100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    }
}
@keyframes slideInUp {
0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible;
    }
100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    }
} 
.shipping-method-list .shipping-method .shipping-method-info input.form-check-input:checked{
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.shipping-method-list .shipping-method .shipping-method-info input.form-check-input:focus{
    box-shadow: none;
}
.shipping-method-list .shipping-method p{
    font-weight: 600;
    font-size: 14px;
}
.checkout-button{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 24px;
}
.checkout-button .button-effect{
    width: 50%;
}
.checkout-button.pay-now-checkout .button-effect{
    width: 30%;
}
.checkout-button .button-effect a{
    width: 100%;
}
.checkout-button a.return-to-cart{
    font-size: 14px;
    color: var(--black-color);
}
.checkout-button a.return-to-cart i{
    font-size: 14px;
    margin-right: 5px;
}
.checkout-button a.return-to-cart:hover{
    color: var(--primary-color);
}
.btn-close{
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    font-size: 13px;
}
.btn-close:hover{
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.shipping-method-modal{
    max-width: 750px;
}
.shipping-method-modal .modal-content{
    border-radius: 0;
}
.shipping-method-modal .modal-header{
    background-color: #f5f5f5;
}
.shipping-method-modal .modal-header h5{
    font-weight: 600;
}
.shipping-method-modal .modal-header button{
    font-size: 14px;
    color: var(--black-color);
}
.shipping-information {
    margin-top: 20px;
}
.shipping-information:last-child {
    padding-bottom: 25px;
}
.shipping-information h6{
    color: var(--black-color);
    font-weight: 600;
    font-size: 16px;
}
.shipping-information ul{
    padding: 0 20px 0;
    margin: 0;
}
.shipping-information ul li{
    display: flex;
    align-items: flex-start;
    column-gap: 10px;
    margin: 5px 0;
}
.shipping-information ul li i{
    font-size: 5px;
    position: relative;
    top:7px;
}
.shipping-information ul li span{
    font-size: 14px;
    font-weight: 400;
}
.shipping-information p{
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px;
}
.modal-dialog-coupon{
    max-width: 600px;
}
.modal-dialog-coupon .modal-content{
    border-radius: 0;
}
.modal-dialog-coupon .modal-content .modal-header h5{
    font-weight: 600;
}
.coupon-search{
    display: flex;
    align-items: center;
    column-gap: 15px;
}
.coupon-search input{
    height:45px;
    font-size: 15px;
}
.coupon-search input:focus{
    border:1px solid var(--primary-color);
}
.coupon-search button{
    padding: 0 30px;
}
.modal-body-coupon p{
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px;
}
.available-coupons h6{
    font-weight: 600;
    border-bottom:1px solid var(--border-color);
    padding-bottom: 15px;
}
.available-coupons-list{
    display: flex;
    align-items: flex-start;
    column-gap: 15px;
}
.available-coupons-list input.form-check-input[type=radio]{
    width: 19px;
    height:19px;
    border-radius: 3px;
    position: relative;
}
.available-coupons-list input.form-check-input[type=radio]::before{
    position: absolute;
    content: "\f00c";
    font-family: 'FontAwesome';
    padding-left: 5px;
    font-weight: 900;
    position: absolute;
    font-size: 12px;
    left: -5px;
    right: 0;
    top: 2px;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
}
.available-coupons-list input.form-check-input[type=radio]:checked{
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    --bs-form-check-bg-image:none;
}
.available-coupons-list .form-check-input[type=radio]:focus{
    box-shadow: none;
}
.available-coupons-content p.coupon-text{
    border:1px dashed var(--primary-color);
    padding: 10px 15px;
    border-radius: 6px;
    width: max-content;
    background-color: #FFF2F4;
    text-transform: uppercase;
    font-weight: 600;
    color:var(--black-color);
    margin: 0 0 10px;
}
.coupon-info{
    font-weight: 300;
    color: var(--content-grey);
    font-size: 15px;
    margin-top: 5px;
}
.coupon-date{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 5px;
}
.coupon-date p{
    margin: 0;
    color:var(--content-grey);
}
.coupon-date p span{
    color:var(--black-color);
    font-weight: 600;
}
.coupon-footer{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.coupon-max .max-saving{
    font-size: 14px;
    font-weight: 400;
    color:var(--content-grey);
}
.coupon-max p{
    font-weight: 600;
}
.apply-coupon-btn{
    width: 50%;
}
.shipp-to .shipping-address-info{
    border-bottom:1px solid var(--border-color);
    padding-bottom: 15px;
}
.shipp-to .shipping-address-info:nth-child(2){
    padding-top: 15px;
}
.shipp-to .shipping-address-info:last-child{
    border-bottom: 0;
    padding-top: 15px;
    padding-bottom: 0;
}
.ship-address-lft.standard-shipping p{
    font-weight: 400;
}
.ship-address-lft.standard-shipping p b{
    padding-left: 10px;
}
.total-amount-checkout {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.total-amount-checkout p{
    font-size: 21px;
    font-weight: 700;
    margin-top: 24px;
    margin-bottom: 0;
}
.acc-details-list1, .acc-details-list2, .acc-details-list3{
    border:1px solid var(--border-color);
    border-top:0;
    padding: 15px;
    background-color:var(--bg-color);
}
.acc-details-list1 .bill-to h5, .acc-details-list2 .bill-to h5, .acc-details-list3 .bill-to h5{
    font-size: 14px;
    color: #999999;
    font-weight: 400;
}
.acc-details-list1 .bill-address p, .acc-details-list2 .bill-address p, .acc-details-list3 .bill-address p{
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
}
.acc-details-list1 .bill-address address, .acc-details-list2 .bill-address address, .acc-details-list3 .bill-address address{
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}
.add-new-card{
    padding:15px;
    background-color: #f5f5f5;
    border:1px solid var(--border-color);
    border-top:0;
}
.shipping-method-list .choose-card .shipping-method:has(input.form-check-input:checked[type=radio]){
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.card-no-info{
    position: relative;
}
.card-no-info span{
    position: absolute;
    top: 12px;
    right: 15px;
}
.card-no-info input{
    padding-right: 40px;
}
.card-no-info span::before{
    font-size: 21px;
}
.feature-order label{
    margin-left: 5px;
    display: flex;
    align-items: center;
    font-size: 14px;
    position: relative;
    top: 4px;   
}
.saved-card-left .feature-order label{
    font-weight: 400;
}
.feature-order label i{
    margin-left: 5px;
}
.saved-card-list .saved-card{
    border:1px solid var(--border-color);
    padding: 12px;
    margin-top: -1px;
}
.saved-card-list .saved-card:last-child{
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.saved-card-list .saved-card .saved-card-left{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 15px;
    padding-left: 30px;
}
.saved-card-list .saved-card .saved-card-left span::before{
    font-size: 21px;
}
.saved-card-list .saved-card:nth-child(2){
    border-top: 0;
}
/* Checkout Delivery */

/* Order Summitted */
.order-summited{
    background-color: var(--order-submited-bg, #F5FFE9);
    padding: 15px;
    border-radius: 6px;
    display: flex;
    align-items: flex-start;
    column-gap: 15px;
    border:1px solid #79B52D;
    width: 100%;
    margin-top:15px;
}
.orderSummited{
    width: 100%;
    margin: 0 auto;
}
.order-summited span::before{
    font-size: 55px;
    color:#79B52D ;
}
.order-summited .order-summited-info p{
    font-size: 14px;
    color: #707070;
    font-weight: 500;
    margin:0;
}
.order-summited .order-summited-info h1{
    font-size: 24px;
    font-weight: 600;
    margin-top: 5px;
    color: #79B52D;
}
.orderSummited .order-summited-info.order-fright h1{
    color:#ff9327;
}
.order-summited-msg{
    margin-top: 24px;
}
.order-summited-msg h5{
    font-size: 16px;
    font-weight: 600;
}
.order-summited-msg p{
    font-size: 14px;
    color:var(--content-grey);
    font-weight: 400;
}
.order-summited-msg p b{
    color: var(--black-color);
    font-weight: 600;
}
.summited-order-details{
    margin-top: 24px;
}
.summited-order-details h2{
    font-size: 19px;
    font-weight: 600;
}
.cc-summited-order{
    margin-top: 15px;
    padding: 15px;
    border:1px solid var(--border-color);
    border-radius: 10px;
}
.cc-summited-order h3{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
}
.placed-order-details{
    margin-top: 20px;
    display: flex;
    align-items: flex-start;
    column-gap: 15px;
}
.orderComplete-submit .placed-order-details{
    margin-top:0;
    margin-bottom: 20px;
}
.orderComplete-submit .placed-order-details.placed-orderAddress{
    margin-bottom: 0;
}
.placed-order-details span{
    background-color: var(--bg-color);
    padding: 15px;
    border-radius: 6px;
}
.placed-order-details span::before{
    font-size: 24px;
    color: #999999;
}
.cc-placed-order p{
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: #999999;
}
.placed-order-info address{
    margin: 0;
}
.placed-order-info, .placed-order-info small{
    margin-top: 3px;
    display: flex;
    align-items: center;
    column-gap: 5px;
    font-size: 14px;
}
.placed-order-info, .placed-order-info.order-placed-hours small{
    display: block;
}
.store-location h4{
    font-size: 15px;
    font-weight: 600;
}
.store-location-details{
    display: flex;
    align-items: flex-start;
    column-gap: 15px;
    margin-top: 15px;
}
.store-location-details .store-location-img{
    background-color: #ffffff;
    border:1px solid var(--border-color);
    border-radius: 5px;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.store-location-details .store-location-img span::before{
    font-size: 21px;
    color: var(--content-grey);
}
.store-location-details address{
    font-size: 14px;
    font-weight: 500;
}
.store-location-address p{
    color: var(--black-color);
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 500;
}
.sms-sent-notify{
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 24px;
}
.sms-sent-notify p{
    margin-bottom: 0;
    font-size: 14px;
}
.sms-notify-btn a{
    padding: 0 30px;
    font-weight: 500;
    font-size: 14px;
}
.changing-sms-notify{
    display: none;
}
.changing-sms-notify p{
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 10px;
}
.update-sms-notify{
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 24px;
}
.update-smsNotify{
    width: 40%;
}
.courier-pickup-msg{
    margin-top: 24px;
    border-radius: 10px;
    padding: 15px;
    border:1px solid #FFC941;
    background-color: var(--yellow-light);
}
.courier-pickup-msg h4{
    font-size: 16px;
    font-weight: 600;
    color:var(--black-color);
}
.courier-pickup-msg p{
    font-size: 14px;
    font-weight: 400;
}
.courier-pickup-msg.submit-order-note p{
    margin-bottom: 5px;
}
/* Order Summitted */
/* Shipping Address Update */
.shippingAddress-update p{
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 400;
}
.shippingAddress-update p a{
    padding-left: 5px;
    color:var(--primary-color);
    font-weight: 500;
}
.shippChange-address{
    margin-top: 15px;
}
.choose-state{
    position: relative;
    display: block;
    width: 100%;
    border: 1px solid #dddddd;
    border-radius: 6px;
    background-color: var(--white-color);
    margin: 0px auto;
    padding: 3px 0 10px 15px;
    height: 45px;
    outline: none !important;
    font-size: 15px;
    font-weight: 400 !important;
    color: rgba(0, 0, 0, 0.85);
    transition: all .2s ease-in-out;
}
.choose-state label{
    font-size: 11px;
    color: #666666;
    position: absolute;
    top: -3px;
}
.choose-state select{
    border: 0;
    font-size: 15px;
    font-weight: 500;
    padding: 14px 0 0;
}
.choose-state select:focus{
    box-shadow: none;
}
.receiver-details{
    margin-top: 24px;
}
.receiver-details input{
    background-color: var(--white-color);
}
.signature-required{
    margin-top: 24px;
}
.signature-req{
    border:1px solid var(--border-color);
    border-radius: 6px;
    background-color: var(--white-color);
    padding: 15px;
    display: flex;
    align-items: flex-start;
    column-gap: 15px;
    cursor: pointer;
}
.signature-req:has(.signature-req-input input:checked){
    background-color: #FFDCDD;
    border:1px solid var(--primary-color);
}
.signature-req .signature-req-input input.form-check-input{
    float: none;
    margin-left: 0;
}
.signature-req label{
    font-size: 14px;
    display: block;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom:5px: ;
}
.signature-req label span{
    display: block;
    font-size: 13px;
    font-weight: 400;
    margin-top: 5px;
    color: var(--content-grey);
    line-height: 1.2;
}
.signature-req{
    height: 100%;
}
.saveAddress-btn{
    margin-top: 70px;
    display: flex;
    align-items: center;
    column-gap: 15px;
}
.saveAddress-btn button{
    padding:0 25px;
    font-weight: 500;
    font-size: 14px;
}
.saveAddress-btn a{
    color: var(--black-color);
    font-size: 14px;
}
.saveAddress-btn a:hover{
    color:var(--primary-color);
}
.saveAddress-btn .button-effect button:active, .saveAddress-btn .button-effect button:focus-visible{
    background-color: var(--primary-color);
    color:var(--white-color);
}
.disable-checkout-btn .btn-products{
    background-color: #EDEEF4;
    color:var(--content-grey);
}
.shippAdd-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.shippingForms-inner{
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 24px;
}
.shippingAdd-title{
    padding: 15px 0 0;
}
.shippAdd-title h2{
    font-size: 18px;
    font-weight: 600;
}
.shippAdd-title a{
    color:var(--primary-blue);
    font-size: 14px;
}
.shippAdd-title a svg{
    padding-right: 2px;
    width: 30px;
}
.saveAddress-book{
    margin-top: 24px;
}
.saveAddress-book input{
    margin-right: 10px;
}
.saveAddress-book label{
    font-size: 14px;
    position: relative;
    top: 1px;
}
.addressBook-group{
    padding:0 15px;
    border:1px solid var(--border-color);
    border-radius: 10px;
    margin-top: 15px;
}
.addressbook-list{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    column-gap: 24px;
    padding: 15px 0;
    border-bottom: 1px solid var(--border-color);
}
.addressbook-list:last-child{
    border: 0;
}
.addressbook-listLft{
    display: flex;
    align-items: flex-start;
    column-gap: 15px;
}
.addressbook-listLft address{
    font-size: 14px;
    color:#999999;
    font-weight: 400;
}
.addressbook-listRht a{
    color:#999999;
    font-weight: 400;
}
/* Shipping Address Update */

/* Error Message */
.error-toast {
    width: 100%;
    margin-top:20px;
    box-shadow: none;
    border-radius: 10px;
}
.error-toast.error-toast-orange{
    border-color:#ffd190;
    background-color: #FFFAEF;
}
.error-toast.error-toast-red{
    border-color: var(--primary-color);
    background-color: #FFF2F4;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25);
}
.error-toast.error-toast-redDark{
    border-color: #f82643;
    background-color: #f82643;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25);
    color: var(--white-color);
}
.error-toast.error-toast-green{
    border-color: #79B52D;
    background-color: #F5FFE9;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25);
}
.error-toast.error-toast-orangeDark{
    border-color: #FF9B0C;
    background-color: #FF9B0C;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25);
    color: var(--white-color);
}
.error-toast-body {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.error-toast .btn-close{
    --bs-btn-close-color:#ffffff;
    -webkit-filter: grayscale(1) invert(1);
    filter: grayscale(1) invert(1);
    opacity: 1;
}
.toast-icon-inner{
    width: 41px;
    height: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}
.toast-icon-inner.toast-orange-inner{
    background-color: var(--primary-orange);
}
.toast-icon-inner.toast-red-inner{
    background-color: var(--primary-color);
}
.toast-icon-inner.toast-redDark-inner{
    background-color: #FF002B;
}
.toast-icon-inner.toast-green-inner{
    background-color: #79B52D;
}
.toast-icon-inner.toast-orange-dark{
    background-color: #FF9B0C;
}
.lft-toast-icon{
    padding: 4px;
    border-radius: 100px;
    width: max-content;
}
.lft-toast-icon.toast-orange-icon{
    background-color: #FEE8C7;
}
.lft-toast-icon.toast-orangeDark-icon{
    background-color: #FFF0DA;
}
.lft-toast-icon.toast-red-icon{
    background-color: #FEC9D1;
}
.lft-toast-icon.toast-redDark-icon{
    background-color: #FFE7EB;
}
.lft-toast-icon.toast-green-icon{
    background-color: #DCF0C3;
}
.lft-toast-msg h6{
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 5px;
}
.lft-toast-msg.lft-toast-msgOrange h6{
    color: var(--primary-orange);
}
.lft-toast-msg.lft-toast-msgOrangeDark h6{
    color: var(--white-color);
}
.lft-toast-msg.lft-toast-msgRed h6{
    color: var(--primary-color);
}
.lft-toast-msg.lft-toast-msgRedDark h6{
    color: var(--white-color);
}
.toast-icon-inner span::before{
    font-size: 21px;
    color: var(--white-color);
}
.toast-body-message{
    display: flex;
    align-items: flex-start;
    column-gap: 15px;
}
.missing-order-number, .signature-required-toast{
    position: absolute;
    bottom: 70px;
    left: 0;
    width: 100%;
}
.error-popup-body h5{
    font-size: 16px;
    text-align: center;
    font-weight: 500;
}
.error-popup-body p{
    font-weight: 500;
}
.error-popup-body.order-commentEmpty p{
    font-weight: 400;
}
.payment-decliend-msg{
    display: flex;
    align-items: center;
    column-gap: 15px;
    margin-top: 24px;
}
.payment-decliend-msg .button-effect {
    width: 50%;
}
.grey-btn-effect a, .grey-btn-effect a:hover{
    background-color: #EDEEF4;
    border:1px solid var(--border-color);
    color:var(--black-color);
    font-weight: 500;
    font-size: 15px;
}
/* Error Message */
.delivery-instructions{
    font-size: 14px;
}
.order-cmt-wes .add-cmtNotes{
    color: #3D9AE1;
    font-size: 14px;
    font-weight: 500;
    margin-top: 8px;
    display: block;
}
.order-cmt-wes .add-cmtNotes:hover{
    color: var(--primary-color);
}
.purchase-order{
    margin-top: 30px;
}
.purchase-order small{
    color:#999999;
    font-weight: 400;
    font-size: 14px;
    display: block;
    margin-top: 5px;
}
#purchase-order-cmt{
    display: none;
}
.checkoutAddress-back a:hover{
    color: var(--primary-color);
}
.checkoutAddress-back a{
    font-size: 14px;
    color: var(--black-color);
    font-weight:400;
}
.checkoutAddress-back a i{
    font-size: 15px;
    padding-right: 5px;
}
.checkoutAddress-back a:hover i{
    position: relative;
    -webkit-animation-name: anima2;
    animation-name: anima2;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@-webkit-keyframes anima2 {
    0% {
        left: 0px;
    }
    50% {
        left: 5px;
    }
    100% {
        left: 0px;
    }
}
#add-cmtNotes1, #add-cmtNotes2, #add-cmtNotes3{
    display: none;
}
.shipAddress-update{
    display: none;
    background-color: var(--bg-color);
    padding: 25px;
    border-radius: 10px;
    border: 1px solid #dddddd;
}
/* Order Submitted */
.checkout-orderCompleted{
    background-color: #F5F5F5;
    padding:30px 15px;
}
.checkmark {
  width: 60px;
  height: 60px;
}
.tick {
  fill: none;
  stroke: white;
  stroke-width: 5;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 50;
  stroke-dashoffset: 50;
  animation: drawTick 1.2s ease-in infinite;
}
@keyframes drawTick {
  0% {
    stroke-dashoffset: 50;
  }

  100% {
    stroke-dashoffset: 0;   /* Draw complete */
  }
}
.order-summited-info h1{
    font-size: 24px;
    font-weight: 600;
    color:#009929;
    margin-top: 4px;
}
.order-summited-info p{
    font-size: 15px;
    color:var(--content-grey);
    margin: 4px 0 0;
}
.orderCompleted-infoSummary h2, .summited-orderTracking h2{
    font-size: 19px;
    font-weight: 600;
    margin:20px 0 ;
}
.orderCompleted-infoSummary .checkout-orderSummary{
    padding:15px;
    border-radius: 10px;
}
.orderCompleted-infoSummary .order-summary-items .selected-products:first-child{
    margin-top: 0;
}
.orderCompleted-infoSummary .order-summary-items .selected-products .selected-products-img{
    width:70px;
    height:70px;
    padding:10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.orderCompleted-infoSummary .order-summary-items .selected-products .selected-products-img img{
    max-width:40px;
    height:40px;
}
.summited-orderTracking .orderTracking-details{
    background-color:rgba(255, 147, 39, 0.07);
    border:1px solid #ff9327;
    border-radius: 10px;
    padding:10px;
}
.summited-orderTracking .orderTracking-details h6{
    display: flex;
    align-items: center;
    column-gap: 10px;
    justify-content: center;
    font-weight: 600;
}
.summited-orderTracking .orderTracking-details h6 img{
    max-width: 55px;
}
.summited-orderTracking .orderTracking-details p{
    font-size: 14px;
    margin-bottom: 5px;
}
.summited-orderTracking .orderTracking-details a{
    width: 180px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    margin-top: 5px;
}
.summited-orderTracking .orderTracking-details.orderTracking-freightPrice{
    display: flex;
    align-items: flex-start;
    column-gap: 15px;
}
.summited-orderTracking .orderTracking-details.orderTracking-freightPrice p{
    font-size: 14px;
    text-align:left;
    color:#000;
    margin:0;
}
.summited-orderTracking .orderTracking-details.orderTracking-freightPrice i{
    font-size: 35px;
    color:#ff9327;
}
.orderTracking-title h1{
    font-size:21px;
    font-weight: 700;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--border-color);
}
.order-header-card {
  margin-top:24px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.order-id-label {
  font-size: 1rem;
  font-weight: 600;
  color: var(--wes-text);
  margin-bottom: 4px;
}
.order-sub-text {
  font-size: 0.85rem;
  color: var(--wes-gray-dark);
}
.order-header-card .border-link a{
    background-color: #F1F1F3;
    border-radius: 6px;
    padding:10px 25px;
    color:var(--black-color);
    font-size: 14px;
    font-weight: 500;
}
.progress-tracker-card {
  background: #F5F5F5;
  border-radius: 10px;
  padding: 24px 40px;
  margin: 24px 0;
}
.progress-steps {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 0;
  position: relative;
}

.progress-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  position: relative;
}

/* Connector line between steps */
.progress-step:not(:last-child)::after {
  content: '';
  position: absolute;
  top: 12px;
  left: calc(50% + 14px);
  width: calc(100% - 28px);
  border:1px dashed #dddddd;
  z-index: 0;
}

.progress-step.completed:not(:last-child)::after {
  background-color: var(--wes-green);
  background-image: repeating-linear-gradient(
    to right,
    var(--wes-green) 0,
    var(--wes-green) 6px,
    transparent 6px,
    transparent 12px
  );
}

/* Step dot */
.step-dot {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 3px solid var(--wes-gray-mid);
  background: var(--wes-white);
  z-index: 1;
  position: relative;
  flex-shrink: 0;
}
.progress-step.completed .step-dot {
  border-color: var(--wes-green);
}
.progress-step.completed .step-dot::after {
  content: '';
  display: block;
  width: 17px;
  height: 17px;
  background: var(--wes-green);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.progress-step .step-dot::after {
  content: '';
  display: block;
  width: 17px;
  height: 17px;
  background: #D9D9D9;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.step-label {
  font-size: 15px;
  font-weight: 600;
  color: var(--wes-text);
  margin-top: 10px;
  text-align: center;
}
.step-date {
  font-size: 0.75rem;
  color: var(--wes-gray-dark);
  margin-top: 2px;
  text-align: center;
}
.courier-info {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--border-color);
}
.courier-info p {
  font-size: 15px;
  color: var(--wes-text);
  margin: 3px 0;
}
.courier-info p span.label {
  font-weight: 700;
}
.trackingTimeline{
    margin-top: 24px;
    position: relative;
}
.trackingTimeline::before{
    border-left: 2px dashed var(--border-color);
    position: absolute;
    content:'';
    height:100%;
    top:0;
    left:25px;
}
.tracking-timeline {
  list-style: none;
  padding: 0;
  margin: 24px 0 0;
  z-index: 1;
  position: relative;
}
.timeline-item {
  display: flex;
  gap: 18px;
  margin-bottom: 22px;
  align-items: flex-start;
}
.timeline-date-badge {
  background: #F5F5F5;
  border-radius: 8px;
  min-width: 50px;
  text-align: center;
  padding: 10px 16px;
  flex-shrink: 0;
}
.timeline-date-badge .day {
  font-size: 14px;
  font-weight: 600;
  color: #999999;
  line-height: 1.1;
}
.timeline-date-badge .month {
  font-size: 14px;
  font-weight: 500;
  color: #999999;
  text-transform:capitalize;
  letter-spacing: 0.5px;
}
.timeline-event {
  font-size: 15px;
  font-weight: 600;
  color: var(--wes-text);
  margin: 2px 0;
}
.timeline-meta {
  font-size: 13px;
  color: var(--wes-gray-dark);
}
/* Order Submitted */
/* New Checkout Changes by Print */
.checkout-orderCompleted.checkoutOrdercompleted{
    padding:25px 0;
}
.checkout-orderCompleted.checkoutOrdercompleted .orderSummited .checkmark{
    width:45px;
    height:40px;
}
.checkout-orderCompleted.checkoutOrdercompleted .orderSummited .order-summited-info h1{
    font-size: 20px;
    font-weight: 600;
    margin: 15px 0 3px;
}
.checkout-orderCompleted.checkoutOrdercompleted .order-summited-info p{
    margin: 0;
}
.checkoutOrder-section.checkoutOrderSection .summited-order-details h2{
    font-size:17px;
    margin-bottom:2px;
}
.checkoutOrder-section.checkoutOrderSection .summited-order-details p{
    margin-bottom:2px;
}
.checkoutOrder-section.checkoutOrderSection .summited-orderTracking{
    margin-top:30px;
}
.checkoutOrder-section.checkoutOrderSection .summited-orderTracking h2{
    font-size:16px;
    margin:15px 0;
}
.checkoutOrder-section.checkoutOrderSection .summited-orderTracking .orderTracking-details {
    padding:15px;
}
.checkoutOrder-section.checkoutOrderSection .summited-orderTracking .orderTracking-details h6{
    font-size:15px;
}
.checkoutOrder-section.checkoutOrderSection .summited-orderTracking .orderTracking-details h6 img{
    max-width:40px;
}
.checkoutOrder-section.checkoutOrderSection .summited-order-details{
    margin-top:30px;
}
.checkoutOrder-section.checkoutOrderSection .summited-order-details .cc-summited-order{
    padding:15px 15px 0;
}
.checkoutOrder-section.checkoutOrderSection .summited-order-details .cc-summited-order .placed-order-details{
    margin-bottom:15px;
}
.checkoutOrder-section.checkoutOrderSection .placed-order-details .cc-placed-order p{
    font-size:14px;
    font-weight:400;
}
.checkoutOrder-section.checkoutOrderSection .placed-order-details .placed-order-info{
    font-size:14px;
    margin:0;
    font-weight:500;
}
.checkoutOrder-section.checkoutOrderSection .placed-order-details .placed-order-info address{
    font-weight:500;
    line-height:1.5;
}
.checkoutOrder-section.checkoutOrderSection .orderCompleted-infoSummary{
    margin-top:30px;
}
.checkoutOrder-section.checkoutOrderSection .orderCompleted-infoSummary h2{
    font-size:16px;
    margin:15px 0;
}
.checkoutOrder-section.checkoutOrderSection .orderCompleted-infoSummary .checkout-orderSummary{
    padding:15px;
}
.checkoutOrder-section.checkoutOrderSection .orderCompleted-infoSummary .order-summary-items .selected-products .selected-products-img{
    width:50px;
    height:50px;
}
.checkoutOrder-section.checkoutOrderSection .orderCompleted-infoSummary .order-summary-items .selected-products .selected-products-img img{
    max-width:30px;
    height:30px;
}
.checkoutOrder-section.checkoutOrderSection .selected-products-info p{
    margin-top:6px;
    font-size:13px;
    font-weight:500;
    color:#606060;
}
.checkoutOrder-section.checkoutOrderSection .selected-products-info p span{
    margin-left: 0;
    color:#666666;
    font-weight: 500;
}
.checkoutOrder-section.checkoutOrderSection .selected-products-info h5{
    margin:0;
}
.checkoutOrder-section.checkoutOrderSection .selected-products-info h5 a{
    color:#212529;
}
.checkoutOrder-section.checkoutOrderSection .order-summary-items{
    padding-bottom:10px;
}
.checkoutOrder-section.checkoutOrderSection .selected-products{
    margin-top:8px;
    padding-bottom:10px;
    border-bottom:1px solid #dddddd;
}
.checkoutOrder-section.checkoutOrderSection .selected-products:last-child{
    padding-bottom:0;
    border:0;
}
.checkoutOrder-section.checkoutOrderSection .orderSummary-list .order-summary-list{
    font-size:14px;
    padding-bottom:1px;
}
.checkoutOrder-section.checkoutOrderSection .order-summary-total{
    padding-top:10px;
}
.checkoutOrder-section.checkoutOrderSection .orderSummary-list{
    padding-bottom:10px;
}
.checkoutOrder-section.checkoutOrderSection .orderSummary-total .order-summary-list {
    padding-top: 10px;
    font-size: 16px;
}
.checkoutOrder-section.checkoutOrderSection .checkout-button{
    margin-top:15px;
}
.checkoutOrder-section.checkoutOrderSection .pickup-store-location.checkout-border-content{
    padding:15px;
    font-size:14px;
}
.checkoutOrder-section.checkoutOrderSection .pickup-store-location.checkout-border-content .store-location-details address{
    line-height:1.5;
}
.checkoutOrder-section.checkoutOrderSection .pickup-store-location.checkout-border-content .store-location-details .store-location-address p{
    margin-bottom:2px;
}
.checkoutOrder-section.checkoutOrderSection .selected-products-info h5{
    font-size:14px;
}
/* New Checkout Changes by Print */
/* Responsive */
@media only screen and (max-width: 991px){
    .orderCoupon{
        display: block;
    }
    .checkout-orderSummary{
        padding: 15px 0 15px 15px;
    }
    .signature-required .row-equal{
        display: block;
    }
    .savedCard-exp{
        display: block;
        margin-top: 2px;
    }
    .saved-card-left .feature-order input,
    .shipping-method-list .shipping-method.savedCards-details .shipping-method-info input{
        position: relative;
        top:0;
    }
    .saved-card-left .feature-order label{
        font-size: 13px;
    }
    .orderSummited{
        width: 100%;
    }
}
@media only screen and (max-width: 767px){
    .checkout-section::before{
        background-color: transparent;
        position: inherit;
    }
    .delivery-method h3{
        font-size: 15px;
    }
    .delivery-method-pills .delivery-method-item .nav-link span::before{
        font-size: 21px;
    }
    .delivery-selection h6{
        font-size: 14px;
    }
    .delivery-method-pills .delivery-method-item .nav-link, .shipp-to{
        padding: 10px 12px;
    }
    .shipp-to address{
        font-size: 13px;
    }
    .shipp-to address, .store-location-details address, .store-location-address p{
        font-size: 13px;
    }
    .shipp-to p{
        font-size: 14px;
    }
    .ship-address{
        column-gap: 15px;
        display: block;
    }
    .shipping-method-list .shipping-method{
        padding: 0 12px;
    }
    .shipping-method-list .shipping-method .shipping-method-info label {
        padding: 0;
        font-size: 13px;
    }
    .checkout-button .button-effect{
        width: 100%;
    }
    .checkout-left{
        padding-bottom: 20px;
        min-height: 100%;
    }
    .rht-summary{
        padding: 0;
    }
    .checkout-orderSummary .checkout-title h3{
        font-size: 15px;
    }
    .checkout-orderSummary{
        padding: 15px 12px;
    }
    .selected-products-img {
        width: 70px;
        height: 70px;
    }
    .selected-products-img img {
        max-width: 40px;
    }
    .selected-products-info h5, .selected-products-info p, .courier-pickup-msg p{
        font-size: 13px;
    }
    .orderSummary-list .order-summary-list, .coupon-info{
        font-size: 13px;
        padding-bottom: 6px;
    }
    .coupon-date{
        font-size: 13px;
        margin-top: 0;
    }
    .orderSummary-total .order-summary-list{
        font-size: 17px;
    }
    .checkout-border-content .row .col-lg-6:first-child{
        margin-bottom: 15px;
    }
    .checkout-border-content, .courier-pickup-msg{
        padding: 12px;
    }
    .ship-address.checkout-pay-ship{
        display: flex;
        align-items: flex-start;
    }
    .ship-address.checkout-pay-ship a{
        margin: 0;
    }
    .sms-sent-notify p{
        font-size: 14px;
    }
    .shipping-information ul li span{
        font-size: 13px;
    }
    .courier-pickup-msg h4, .coupon-saved{
        font-size: 14px;
    }
    .modal-dialog-coupon .modal-content .modal-header h5, .shipping-method-modal .modal-header h5{
        font-size: 16px;
    }
    .shipping-information h6{
        font-size: 14px;
    }
    .checkout-button.pay-now-checkout .button-effect{
        width: 100%;
    }
    .feature-order, .changing-sms-notify p{
        font-size: 14px;
    }
    .feature-order input{
        position: relative;
        top:-2px;
    }
    /* Order Submitted */
    .order-summited{
        column-gap: 10px;
    }
    .order-summited, .cc-summited-order, .signature-req{
        padding: 12px;
    }
    .order-summited span::before{
        font-size: 45px;
    }
    .order-summited .order-summited-info h1{
        font-size: 17px;
    }
    .cc-summited-order h3{
        font-size: 15px;
    }
    .summited-order-details h2{
        font-size: 16px;
    }
    .cc-placed-order p{
        font-size: 13px;
    }
    .placed-order-info{
        font-size: 14px;
        display: block;
    }
    .placed-order-info small{
        font-size: 14px;
    }
    .placed-order-details span{
        padding: 10px;
    }
    .placed-order-details span::before{
        font-size: 20px;
    }
    .floating-input label{
        font-size: 13px;
    }
    .payment-decliend-msg{
        display: grid;
        row-gap: 15px;
    }
    .payment-decliend-msg .button-effect{
        width: 100%;
    }
    .update-sms-notify{
        column-gap: 15px;
    }
    .update-sms-notify input{
        height: 45px;
    }
    /* Order Submitted */
    .orderCoupon{
        display: flex;
    }
    .lft-toast-msg h6{
        font-size: 15px;
    }
    .error-toast-body{
        column-gap:15px;
    }
    .error-toast.error-toast-red{
        z-index: 1;
        margin: 0 auto;
        width: 95%;
        right: 0;
        bottom: 50px;
    }
    .delivery-method{
        position: inherit;
    }
    .lft-toast-msg.lft-toast-msgOrange p{
        font-size: 13px;
        line-height: 1.4;
    }
    .card-no-info input{
        font-size: 14px;
    }
    .courier-pickup-msg.submit-order-note p{
        margin-bottom: 2px;
    }
    .saved-card, .add-new-card{
        padding: 12px;
    }
    .acc-details-list{
        padding: 12px;
    }
    .acc-details-list .bill-to h5{
        font-size: 15px;
    }
    .shipping-method-list .shipPayment-listing .shipPayment .shipping-method,
    .shipping-method-list .shipPayment-listing .shipping-method,
    .shipping-method-list .shipping-method{
        padding: 12px;
    }
    .saved-card-list .saved-card .saved-card-left{
        column-gap: 15px;
    }
    .order-summited-info h1{
        font-size: 21px;
    }
    .orderTracking-title h1{
        font-size: 18px;
    }
    .order-header-card{
        margin-top: 16px;
        display: block;
    }
    .progress-tracker-card{
        padding:24px;
    }
    .progress-steps{
        display: block;
    }
    .progress-step{
        flex-direction: row;
        margin: 10px 0 15px;
    }
    .step-date{
        text-align: left;
        font-size: 13px;
    }
    .progress-stepInfo{
        padding-left: 10px;
    }
    .progress-step:not(:last-child)::after {
        top: 37px;
        left: calc(0% + 11px);
        height: 100%;   
        width: 0;
    }
    .step-label{
        text-align: left;
        font-size: 14px;
    }
    .timeline-event{
        font-size:14px;
        line-height: 1.2;
    }
    .trackingTimeline::before{
        left: 26px;
        border-left:1px solid var(--border-color)
    }
    .order-header-card .border-link a{
        display: inline-block;
        margin-top: 8px;
        font-size: 14px;
    }
    .orderCompleted-infoSummary h2, .summited-orderTracking h2{
        font-size: 16px;
    }
    .placed-order-info address{
        font-size: 14px;
    }
    
}
@media only screen and (max-width: 575px){
    .toast-icon-inner{
        width: 35px;
        height: 35px;
    }
    .shipping-method-list .shipping-method p {
        font-size: 13px;
    }
    .shipping-method-list .shipping-method .shipping-method-info label span{
        display: block;
        font-size: 13px;
        padding-left: 0;
    }
    .shipping-method-list .shipping-method .shipping-method-info{
        align-items: flex-start;
    }
    .change-adress{
        float: left;
        text-align: left;
    }
    .order-summited-info p{
        font-size: 13px;
    }
    .order-id-label{
        font-size: 15px;
    }
    .order-sub-text{
        font-size: 13px;
    }
    .summited-orderTracking .orderTracking-details{
        padding:15px 10px;
    }
    .summited-orderTracking .orderTracking-details h6{
        font-size:15px;
    }
}
@media only screen and (max-width: 479px){
    .orderCoupon{
        display: block;
    }
    .shipping-method-list .choose-card .shipping-method{
        column-gap:20px ;
    }
    .shippAdd-title{
        display: block;
    }
    .shippAdd-title a{
        margin-top: 10px;
        display: block;
    }
}
/* Responsive */