/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 03 2025 | 12:00:54 */
/*===========================================
  Change the layout of Checkout Page
============================================*/

:root {
  --red-1: #f00;
  --red-2: #f8d7da;
  --red-3: #f1aeb5;
  --red-4: #58151c;
  --white-1: #fff;
  --green-1: #22a366;
  --gray-1: #d5d8dc;
  --gray-2: #f4f4f4;
  --gray-3: #C0C0C0;
}

.elementor-widget-woocommerce-checkout-page .e-checkout__container {
  grid-template-columns: auto;
}

.e-checkout__container .e-checkout__column.e-checkout__column-end,
.woocommerce-checkout #customer_details,
.woocommerce-billing-fields .d-flex #orddd-lite-checkout-fields .checkout-field-single {
  width: 100%;
}

.woocommerce-checkout #customer_details .col-1 {
  margin-bottom: 0 !important;
  padding: 0 !important;
}

.woocommerce-billing-fields .checkout-field-single p {
  max-width: 100% !important;

}

.woocommerce-billing-fields__field-wrapper .billing-field-col,
.woocommerce-billing-fields .order-additional-details #orddd-lite-checkout-fields,
.woocommerce-billing-fields .order-additional-details .woocommerce-shipping-fields {
  width: calc(50% - 30px);
}

.woocommerce-billing-fields .billing-full-name .checkout-field-single {
  width: calc(50% - 15px);
}

.woocommerce-billing-fields .billing-full-name .checkout-field-single p,
.woocommerce .woocommerce-checkout #payment {
  margin-bottom: 0;
}

.woocommerce-billing-fields .woocommerce-shipping-fields #ship-to-different-address {
  padding-left: 0;
  line-height: 0.5;
  margin-top: 40px;
}

.woocommerce-billing-fields .woocommerce-shipping-fields #ship-to-different-address label {
  line-height: 1;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.woocommerce-billing-fields .billing-full-name {
  display: flex;
  flex-wrap: wrap;
  column-gap: 30px;
}

.woocommerce-billing-fields .billing-full-name .checkout-field-single {
  flex-shrink: 0;
}

.woocommerce-billing-fields .woocommerce-shipping-fields #ship-to-different-address input {
  margin-top: 3px;
}

.woocommerce-billing-fields .woocommerce-shipping-fields #ship-to-different-address span {
  font-size: 16px;
  display: inline-block;
  padding-left: 15px;
  color: var(--e-global-color-secondary);
  font-weight: 600;
}

.woocommerce-billing-fields .input-text {
  border: solid 1px var(--white-1);
}

.woocommerce-billing-fields .input-text.has-error {
  border-color: var(--red-1) !important;
}

.woocommerce-billing-fields span.has-error {
  margin-top: 5px;
  color: var(--red-1);
  display: inline-block;
}

.e-checkout__container .e-checkout__column.e-checkout__column-end {
  display: none;
}

.woocommerce-billing-fields label,
.woocommerce-billing-fields .input-text {
  font-family: var(--e-global-typography-d3dae9a-font-family), sans-serif !important;
  font-size: 16px !important;
}

.woocommerce-billing-fields .input-text,
.woocommerce-billing-fields #billing_country_field .woocommerce-input-wrapper,
.woocommerce-billing-fields #shipping_country_field .woocommerce-input-wrapper {
  background-color: #fff !important;
  border-radius: 30px !important;
  padding: 16px;
  display: block;
  width: 100%;
  line-height: 1 !important;
  font-weight: 400;
}

.woocommerce-billing-fields .input-text::placeholder,
.woocommerce-billing-fields #billing_country_field .woocommerce-input-wrapper,
.woocommerce-billing-fields #shipping_country_field .woocommerce-input-wrapper,
.woocommerce-billing-fields .select2-container--default .select2-selection--single,
.e-woo-select2-wrapper .select2-results__option,
.select2-container--default .select2-search--dropdown .select2-search__field,
#next-step-button {
  font-family: var(--e-global-typography-d3dae9a-font-family), sans-serif !important;
}

.woocommerce-billing-fields #billing_country_field .woocommerce-input-wrapper strong,
.woocommerce-billing-fields #shipping_country_field .woocommerce-input-wrapper strong {
  font-weight: 400;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
  background-color: var(--e-global-color-secondary) !important;
}

.woocommerce-billing-fields .order-additional-details {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  column-gap: 15px;
  width: 100%;
}

.woocommerce-billing-fields .order-additional-details p {
  margin-bottom: 0;
  line-height: 1;
}

.woocommerce-billing-fields #billing_country_field .woocommerce-input-wrapper,
.woocommerce-billing-fields #shipping_country_field .woocommerce-input-wrapper {
  background-color: #ebebeb !important;
  padding: 18px 16px;
}

.woocommerce-billing-fields .woocommerce-additional-fields {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.woocommerce-billing-fields .woocommerce-additional-fields .shipping_address,
.woocommerce .woocommerce-checkout #payment {
  padding: 0 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow:before {
  content: "\e994";
  font-family: elementskit !important;
  position: absolute;
  top: 13px;
  right: 15px;
  font-size: 9px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:before {
  transform: rotate(-180deg);
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

#customer_details .next-step-container {
  float: left;
  width: 100%;
  text-align: right;
}

#next-step-button {
  cursor: pointer;
  font-size: 16px;
  padding: 18.5px 50px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.woocommerce-checkout .woocommerce-additional-fields__field-wrapper {
  background-color: #d2e0d9;
  padding: 10px 20px;
  border-radius: 30px;
}

.e-checkout__order_review .woocommerce-checkout-review-order {
  float: left;
}

.e-checkout__order_review .e-checkout__order_review-2 {
  float: right;
}

.e-checkout__order_review {
  display: flex !important;
  flex-wrap: wrap;
  padding: 0 !important;
}

.e-checkout__order_review-2 {
  float: none;
}

.woocommerce-checkout #order_review {
  width: 50%;
  padding-right: 5vw;
  border-right: 1px solid #ccc;
}

.e-checkout__order_review .e-checkout__order_review-2 {
  width: 50% !important;
  float: none !important;
  padding-left: 3vw;
}

.e-checkout__order_review #order_review_heading {
  width: 100%;
}

.woocommerce-checkout .e-coupon-box {
  padding-top: 1vw !important;
  border-top: 1px solid #ccc !important;
  margin-top: 2vw !important;
}

#payment .wc_payment_methods label {
  color: var(--green-1);
}

#payment #place_order {
  height: 0;
  opacity: 0;
  padding: 0 !important;
  font-size: 0 !important;
}

#payment .woocommerce-terms-and-conditions-checkbox-text {
  font-size: 16px;
}

.stripe-source-errors {
  margin-top: 30px;
}

.woocommerce .woocommerce-notices-wrapper+ul.woocommerce-error,
.stripe-source-errors ul.woocommerce-error {
  list-style: none;
  padding: 15px;
  margin-left: 0;
  background-color: var(--red-2);
  border: solid 1px var(--red-3);
}

.stripe-source-errors ul.woocommerce-error {
  padding: 5px;
}

.woocommerce .woocommerce-notices-wrapper+ul.woocommerce-error li,
.stripe-source-errors ul.woocommerce-error li {
  color: var(--red-4);
}

.e-checkout__column-inner .e-coupon-box {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.e-checkout__column-inner .e-coupon-box p {
  margin: 0 !important;
}

.e-checkout__column-inner .e-coupon-box .e-coupon-anchor-description {
  margin-bottom: 16px;
  display: inline-block;
}

.e-checkout__column-inner .e-coupon-box .form-row {
  max-width: 45%;
}

.e-checkout__column-inner .e-coupon-box .form-row .coupon-col-1 .input-text {
  width: 100%;
}

.e-checkout__column-inner .checkout-wrapper {
  display: flex;
  flex-direction: column;
  border-top: solid 1px var(--gray-1);
  padding-top: 30px;
}

.e-checkout__column-inner .checkout-wrapper .checkout-btn-container {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  align-items: start;
}

.e-checkout__column-inner .checkout-wrapper #prev-step-button,
.e-checkout__column-inner .checkout-wrapper #place_order_new {
  padding: 18.5px 50px;
  border-radius: 30px;
  font-family: var(--e-global-typography-b2ce6af-font-family), sans-serif;
  font-size: 16px;
  cursor: pointer;
  display: inline-block;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.e-checkout__column-inner .e-coupon-box .e-coupon-anchor {
  margin-bottom: 20px;
	display:block;
}

@media (max-width: 1024px) {

  .woocommerce-billing-fields .order-additional-details #orddd-lite-checkout-fields,
  .woocommerce-billing-fields .order-additional-details .woocommerce-shipping-fields,
  .woocommerce-checkout #order_review,
  .e-checkout__order_review .e-checkout__order_review-2 {
    width: 100% !important;
  }

  .e-checkout__order_review .e-checkout__order_review-2 {
    margin-top: 30px;
  }

  .woocommerce-checkout #order_review {
    padding-right: 0;
    border-right: 0;
  }

  .e-checkout__order_review .e-checkout__order_review-2 {
    padding-left: 0;
  }

  .e-coupon-box .e-coupon-anchor .coupon-container-grid {
    display: grid;
    align-items: flex-start;
  }

  .e-coupon-box .e-coupon-anchor .coupon-container-grid .e-apply-coupon {
    padding: 16px 50px;
  }

  .e-coupon-box .e-coupon-anchor .coupon-container-grid .coupon-col-2 {
    margin-left: 15px;
  }

}

@media (max-width:768px) {

  .woocommerce-checkout #customer_details,
  .woocommerce-checkout .e-checkout__column.e-checkout__column-end {
    padding: 30px;
  }

  .woocommerce-billing-fields__field-wrapper {
    flex-direction: column;
  }

  .e-checkout__column-inner .checkout-wrapper .coupon-container-grid {
    display: flex;
    align-items: flex-start;
  }

  .e-checkout__column-inner .checkout-wrapper .coupon-container-grid .coupon-col-1 {
    width: 40%;
  }

  .e-checkout__column-inner .checkout-wrapper .coupon-container-grid .coupon-col-2 {
    margin-left: 20px;
  }

  .woocommerce-billing-fields__field-wrapper .billing-field-col {
    width: 100%;
  }

  .e-checkout__order_review {
    margin-bottom: 0;
  }

}

@media (max-width: 575px) {


  .woocommerce-billing-fields .order-additional-details p,
  .woocommerce-billing-fields__field-wrapper .billing-field-col .address-field {
    margin-top: 0;
  }

  .woocommerce-billing-fields .woocommerce-additional-fields {
    padding-top: 0 !important;
  }

  .e-checkout__column-inner .e-coupon-box .form-row {
    max-width: 100%;
  }

  .woocommerce-billing-fields .billing-full-name .checkout-field-single,
  #next-step-button,
  .e-checkout__column-inner .checkout-wrapper .coupon-container-grid .coupon-col-1 {
    width: 100%;
  }

  .e-checkout__column-inner .checkout-wrapper #place_order_new,
  .e-checkout__column-inner .checkout-wrapper #prev-step-button {
    padding-left: 30px;
    padding-right: 30px;
  }

  .woocommerce .woocommerce-notices-wrapper+ul.woocommerce-error,
  .stripe-source-errors ul.woocommerce-error {
    margin: 15px;
    margin-bottom: 0;
  }
}