.wc-section-inner {
padding: 20px;
}

.woocommerce .input-text, .woocommerce-billing-fields__field-wrapper input, .woocommerce-billing-fields__field-wrapper select, .woocommerce-billing-fields__field-wrapper textarea {
border: 1px solid #ccc !important;
padding: 10px 20px !important;
border-radius: 4px;
transition: all .3s ease;
}

.woocommerce .input-text:focus {
border-color: #333 !important;
}

.woocommerce form .form-row {
margin-bottom: 20px;
}

.select2-container--default .select2-selection--single {
border-color: #ccc;
padding: 15px 20px;
height: 45px;
margin: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
margin-top: -7px;
padding-left: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 10px;
}

.woocommerce form .form-row label {
margin-bottom: 8px;
font-weight: 600;
}

.woocommerce .button {
padding: 15px 20px !important;
font-weight: 600 !important;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
background: #f7f7f7;
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
width: 100%;
}

.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
width: 125px
}

.woocommerce .quantity .qty {
padding: 0 !important
}

.woocommerce-order {
padding: 1em
}


.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
margin: 1em
}

.woocommerce-info a {
font-weight: 600;
}

.woocommerce-order-received .kanews-section {
background: transparent !important;
padding: 0;
box-shadow: none;
border: 0
}
.woocommerce-page .kanews-banner {
display: none
}
.woocommerce-table--order-details, .woocommerce .woocommerce-customer-details address  {
box-shadow: 1px 0 5px rgba(0,0,0,.1);
background: #fff;
}
.woocommerce ul.order_details {
  margin: 0px -10px 3em; 
}
.woocommerce ul.order_details li {
background: #fff;
border: 0;
box-shadow: 1px 0 5px rgba(0,0,0,.1);
padding: 20px;
word-break: break-all;
margin: 10px;
width: calc(50% - 20px)
}
.woocommerce ul.order_details li:last-child {
width: calc(100% - 20px)
}

.woocommerce ul.order_details li strong {
margin-top: 5px;
font-size: 18px;
}

.progressbar {
counter-reset: step;
display: inline-block;
width: 100%;
position: relative;
z-index: 1;
margin: 2em 0;
}
.progressbar li {
list-style-type: none;
width: 25%;
float: left;
font-size: 12px;
font-weight: 500;;
position: relative;
text-align: center;
text-transform: uppercase;
color: #202228;
}
.progressbar li:before {
width: 30px;
height: 30px;
content: counter(step);
counter-increment: step;
line-height: 28px;
border: 2px solid #202228;
display: block;
text-align: center;
margin: 0 auto 10px auto;
border-radius: 50%;
background-color: white;
}
.progressbar li:after {
width: 100%;
height: 2px;
content: '';
position: absolute;
background-color: #202228;
top: 15px;
left: -50%;
z-index: -1;
}
.progressbar li:first-child:after {
content: none;
}
.progressbar li.active {
color: #28a745;
}
.progressbar li.active:before {
border-color: #28a745;
background: #28a745;
color: #fff;
}
.progressbar li.active + li:after {
background-color: #28a745;
}

.dark-mode .woocommerce ul.order_details li,
.dark-mode .woocommerce-table--order-details, .dark-mode .woocommerce .woocommerce-customer-details address
{
  background: #1c1c1c;
}

.dark-mode.woocommerce-checkout .kanews-section {
  background: transparent !important;
  box-shadow: none !important
}

.wp-block-woocommerce-checkout-order-summary-block {
  background: #fff;
}

.wp-element-button {
  background: var(--kan-theme-color);
  color: #fff;
}