.elementor-1802 .elementor-element.elementor-element-f0ffe0f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1802 .elementor-element.elementor-element-7b6d340{text-align:center;}.elementor-1802 .elementor-element.elementor-element-c8d6e7d{width:var( --container-widget-width, 84% );max-width:84%;--container-widget-width:84%;--container-widget-flex-grow:0;--additional-information-display:block;}.elementor-1802 .elementor-element.elementor-element-c8d6e7d.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1802 .elementor-element.elementor-element-c8d6e7d > .elementor-widget-container{border-radius:10px 10px 10px 10px;}:root{--page-title-display:none;}/* Start custom CSS for woocommerce-checkout-page, class: .elementor-element-c8d6e7d *//* ======================================
   RAYTECH HUB CHECKOUT – FULL CSS
====================================== */
:root {
  --ray-blue: #0d6efd;
  --ray-yellow: #FFFDD0;
  --ray-dark: #020617;
  --ray-border: #1e293b;
  --ray-text: #e5e7eb;
}

/* MAIN WRAPPER */
.woocommerce-checkout {
  background: var(--ray-yellow);
  padding: 28px;
  border-radius: 18px;
  color: var(--ray-text);
}

/* STEP BAR */
.raytech-progress {
  height: 6px;
  background: #020617;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 25px;
}

.raytech-progress span {
  display: block;
  height: 100%;
  width: 33%;
  background: linear-gradient(90deg, var(--ray-blue), #2563eb);
  transition: width 0.4s ease;
}

/* STEP LABELS */
.raytech-steps {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.raytech-steps span {
  flex: 1;
  text-align: center;
  font-size: 13px;
  padding: 10px;
  border-radius: 10px;
  background: var(--ray-dark);
  border: 1px solid var(--ray-border);
  color: #94a3b8;
}

.raytech-steps span.active {
  background: linear-gradient(135deg, var(--ray-blue), #2563eb);
  color: #fff;
}

/* INPUTS */
.woocommerce-checkout input,
.woocommerce-checkout select {
  background: var(--ray-blue);
  border: 1px solid var(--ray-border);
  color: #fff;
  padding: 14px 14px 14px 46px;
  border-radius: 12px;
  font-size: 15px;
}

/* ICON HOLDER */
.form-row {
  position: relative;
}

.form-row::before {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: var(--ray-blue);
}

#billing_phone_field::before { content: "\f095"; }
#billing_email_field::before { content: "\f0e0"; }

/* PAYMENT METHODS */
#payment ul.payment_methods li {
  background: var(--ray-yellow);
  border: 1px solid var(--ray-border);
  padding: 18px;
  border-radius: 14px;
  margin-bottom: 14px;
}

.payment_method_paystack label,
.payment_method_flutterwave label {
  font-weight: 700;
  color: #fff;
}

/* TRUST BADGES */
.raytech-trust {
  display: flex;
  justify-content: space-between;
  margin-top: 25px;
  font-size: 13px;
  color: #94a3b8;
}

.raytech-trust span::before {
  content: "✔";
  color: var(--ray-blue);
  margin-right: 6px;
}

/* PLACE ORDER */
#place_order {
  width: 100%;
  background: linear-gradient(135deg, var(--ray-blue), #2563eb);
  padding: 18px;
  border-radius: 14px;
  font-size: 18px;
  font-weight: 800;
  border: none;
}

/* MOBILE (GHANA OPTIMIZED) */
@media (max-width: 768px) {
  .woocommerce-checkout {
    padding: 18px;
  }
}/* End custom CSS */