.elementor-21092 .elementor-element.elementor-element-1abe9fa{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-21092 .elementor-element.elementor-element-cd881e6{--display:flex;--margin-top:80px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}@media(min-width:768px){.elementor-21092 .elementor-element.elementor-element-cd881e6{--width:1100px;}}/* Start custom CSS for shortcode, class: .elementor-element-16626a8 *//* ============================================
   RECRUIT READY VB – Checkout Styles v8
   ============================================
   FIX from v7: Scoped container overrides to
   only the checkout CONTENT area. Header and
   footer are no longer affected.
   ============================================ */

/* ===========================================
   CONTAINER OVERRIDES – SCOPED TO CONTENT ONLY
   ===========================================
   Instead of targeting body.woocommerce-checkout
   (which hits header/footer too), we target only
   elements INSIDE the main content area.
   =========================================== */
body.woocommerce-checkout .site-main .elementor-section .elementor-container,
body.woocommerce-checkout .site-main .elementor-column,
body.woocommerce-checkout .site-main .elementor-column-wrap,
body.woocommerce-checkout .site-main .elementor-widget-wrap,
body.woocommerce-checkout .site-main .elementor-widget,
body.woocommerce-checkout .site-main .elementor-widget-container,
body.woocommerce-checkout .site-main .elementor-element,
body.woocommerce-checkout .site-main .e-con,
body.woocommerce-checkout .site-main .e-con-inner,
body.woocommerce-checkout .site-main .e-child,
body.woocommerce-checkout .content-area .elementor-section .elementor-container,
body.woocommerce-checkout .content-area .elementor-column,
body.woocommerce-checkout .content-area .elementor-column-wrap,
body.woocommerce-checkout .content-area .elementor-widget-wrap,
body.woocommerce-checkout .content-area .elementor-widget,
body.woocommerce-checkout .content-area .elementor-widget-container,
body.woocommerce-checkout .content-area .elementor-element,
body.woocommerce-checkout .content-area .e-con,
body.woocommerce-checkout .content-area .e-con-inner,
body.woocommerce-checkout .content-area .e-child,
body.woocommerce-checkout .entry-content .elementor-section .elementor-container,
body.woocommerce-checkout .entry-content .elementor-column,
body.woocommerce-checkout .entry-content .elementor-column-wrap,
body.woocommerce-checkout .entry-content .elementor-widget-wrap,
body.woocommerce-checkout .entry-content .elementor-widget,
body.woocommerce-checkout .entry-content .elementor-widget-container,
body.woocommerce-checkout .entry-content .elementor-element,
body.woocommerce-checkout .entry-content .e-con,
body.woocommerce-checkout .entry-content .e-con-inner,
body.woocommerce-checkout .entry-content .e-child {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
  float: none !important;
}

/* Also unlock the .woocommerce wrapper itself */
body.woocommerce-checkout .site-main .woocommerce,
body.woocommerce-checkout .content-area .woocommerce,
body.woocommerce-checkout .entry-content .woocommerce {
  max-width: 100% !important;
  width: 100% !important;
}

/* ===========================================
   TWO-COLUMN GRID
   =========================================== */
body.woocommerce-checkout form.checkout,
body.woocommerce-checkout form.woocommerce-checkout {
  display: grid !important;
  grid-template-columns: 1.15fr 0.85fr !important;
  grid-template-rows: auto 1fr !important;
  gap: 0 3rem !important;
  align-items: start !important;
  max-width: 1080px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 2rem !important;
  box-sizing: border-box !important;
}

/* -- Left column: billing + additional -- */
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout .col2-set {
  grid-column: 1 !important;
  grid-row: 1 / -1 !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.woocommerce-checkout .col2-set {
  display: block !important;
}

body.woocommerce-checkout .col2-set .col-1,
body.woocommerce-checkout .col2-set .col-2 {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* -- Right column: heading -- */
body.woocommerce-checkout #order_review_heading {
  grid-column: 2 !important;
  grid-row: 1 !important;
  float: none !important;
  width: 100% !important;
  margin: 0 0 1.25rem 0 !important;
  align-self: start !important;
}

/* -- Right column: order review card -- */
body.woocommerce-checkout #order_review {
  grid-column: 2 !important;
  grid-row: 2 !important;
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  align-self: start !important;
  position: sticky;
  top: 100px;
  z-index: 10;

  /* Card styling */
  background: linear-gradient(135deg, #F0F7FF 0%, #E8F4FD 100%) !important;
  border: 2px solid rgba(27, 54, 93, 0.08) !important;
  border-radius: 14px !important;
  padding: 28px !important;
  box-shadow: 0 4px 20px rgba(27, 54, 93, 0.06) !important;
}

/* ===========================================
   COUPON BAR (spans full width above grid)
   =========================================== */
body.woocommerce-checkout .woocommerce-form-coupon-toggle {
  grid-column: 1 / -1 !important;
}

body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
  background: #F0F7FF !important;
  border-top: 3px solid #0CBFE9 !important;
  border-radius: 10px !important;
  color: #1B365D;
  padding: 14px 18px;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}

body.woocommerce-checkout .checkout_coupon {
  grid-column: 1 / -1 !important;
}

/* ===========================================
   SECTION HEADINGS
   =========================================== */
body.woocommerce-checkout h3,
body.woocommerce-checkout .woocommerce-billing-fields h3,
body.woocommerce-checkout #order_review_heading {
  color: #1B365D;
  font-size: 1.3rem;
  font-weight: 700;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #0CBFE9;
  margin-bottom: 1.25rem;
  margin-top: 0;
}

body.woocommerce-checkout .woocommerce-additional-fields h3 {
  margin-top: 2rem;
}

/* ===========================================
   FORM FIELDS
   =========================================== */
body.woocommerce-checkout input[type="text"],
body.woocommerce-checkout input[type="email"],
body.woocommerce-checkout input[type="tel"],
body.woocommerce-checkout input[type="password"],
body.woocommerce-checkout textarea,
body.woocommerce-checkout .input-text {
  border: 1.5px solid #CBD5E1 !important;
  border-radius: 8px !important;
  padding: 12px 14px !important;
  font-size: 0.95rem;
  line-height: 1.4 !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  background: #FAFBFC !important;
  height: auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

body.woocommerce-checkout input:focus,
body.woocommerce-checkout textarea:focus,
body.woocommerce-checkout select:focus {
  border-color: #0CBFE9 !important;
  box-shadow: 0 0 0 3px rgba(12, 191, 233, 0.15) !important;
  outline: none;
  background: #fff !important;
}

/* ===========================================
   DROPDOWNS
   =========================================== */
body.woocommerce-checkout select,
body.woocommerce-checkout .country_select,
body.woocommerce-checkout .state_select {
  border: 1.5px solid #CBD5E1 !important;
  border-radius: 8px !important;
  padding: 12px 14px !important;
  font-size: 0.95rem !important;
  line-height: 1.4 !important;
  height: 48px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  background-color: #FAFBFC !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%231B365D' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 12px !important;
  padding-right: 36px !important;
  color: #334155 !important;
}

body.woocommerce-checkout .select2-container {
  width: 100% !important;
}

body.woocommerce-checkout .select2-container .select2-selection--single {
  height: 48px !important;
  border: 1.5px solid #CBD5E1 !important;
  border-radius: 8px !important;
  background: #FAFBFC !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 14px !important;
}

body.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 48px !important;
  padding-left: 0 !important;
  color: #334155 !important;
  font-size: 0.95rem !important;
}

body.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__arrow {
  height: 48px !important;
  right: 10px !important;
}

/* ===========================================
   FIELD LABELS
   =========================================== */
body.woocommerce-checkout label {
  color: #1B365D;
  font-weight: 600;
  font-size: 0.88rem;
}

/* ===========================================
   ORDER SUMMARY TABLE
   =========================================== */
body.woocommerce-checkout .woocommerce-checkout-review-order-table {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
  text-align: left !important;
  width: 100% !important;
  border-collapse: collapse !important;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table th,
body.woocommerce-checkout .woocommerce-checkout-review-order-table td {
  text-align: left !important;
  padding: 10px 0 !important;
  vertical-align: middle !important;
  background: transparent !important;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-total,
body.woocommerce-checkout .woocommerce-checkout-review-order-table th:last-child,
body.woocommerce-checkout .woocommerce-checkout-review-order-table td:last-child {
  text-align: right !important;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table thead th {
  color: #1B365D;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.06em;
  border-bottom: 1px solid rgba(27, 54, 93, 0.12) !important;
  padding-bottom: 12px !important;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table .product-name {
  color: #1B365D;
  font-weight: 700;
  font-size: 0.95rem;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table .amount {
  color: #0CBFE9;
  font-weight: 700;
  font-size: 1.05rem;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr:not(.order-total) th,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr:not(.order-total) td {
  font-size: 0.88rem;
  color: #64748B;
}

body.woocommerce-checkout .order-total {
  border-top: 2px solid #1B365D !important;
}

body.woocommerce-checkout .order-total th,
body.woocommerce-checkout .order-total td {
  padding-top: 16px !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  color: #1B365D !important;
}

body.woocommerce-checkout .order-total .amount {
  color: #1B365D !important;
  font-size: 1.25rem !important;
}

/* ===========================================
   PAYMENT SECTION
   =========================================== */
body.woocommerce-checkout #payment {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-top: 1.25rem !important;
}

body.woocommerce-checkout #payment .payment_methods {
  border-bottom: 1px solid rgba(27, 54, 93, 0.1) !important;
  padding: 0 0 1rem 0 !important;
  margin-bottom: 1rem !important;
}

/* "No payment methods" notice */
body.woocommerce-checkout #payment .woocommerce-notice,
body.woocommerce-checkout #payment .woocommerce-info,
body.woocommerce-checkout .woocommerce-checkout-payment .woocommerce-error {
  background: #FFF8E1 !important;
  border: 1px solid #FFD24D !important;
  border-top: 3px solid #FFD24D !important;
  border-radius: 8px !important;
  color: #1B365D !important;
  padding: 12px 16px !important;
  font-size: 0.85rem !important;
  line-height: 1.5 !important;
}

body.woocommerce-checkout .woocommerce-NoticeGroup-checkout .woocommerce-error {
  border-top: 3px solid #E74C3C !important;
  border-radius: 10px !important;
  background: #FFF5F5 !important;
  color: #1B365D !important;
  padding: 14px 18px !important;
  font-size: 0.88rem !important;
  max-width: 1080px !important;
  margin: 0 auto 1.5rem !important;
}

/* ===========================================
   SECURE CHECKOUT BADGE
   =========================================== */
body.woocommerce-checkout #place_order::before {
  content: none !important;
}

body.woocommerce-checkout .form-row.place-order,
body.woocommerce-checkout #payment .place-order {
  position: relative;
  padding-top: 0.5rem;
  background: transparent !important;
}

body.woocommerce-checkout .form-row.place-order::before,
body.woocommerce-checkout #payment .place-order::before {
  content: "🔒 Secure Checkout  •  One-Time Payment of $497  •  Instant Access";
  display: block;
  text-align: center;
  font-size: 0.78rem;
  font-weight: 600;
  color: #1B365D;
  letter-spacing: 0.02em;
  margin-bottom: 12px;
  opacity: 0.7;
}

/* ===========================================
   PLACE ORDER BUTTON
   =========================================== */
body.woocommerce-checkout #place_order {
  background: #FFD24D !important;
  color: #1B365D !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 18px 40px !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em;
  text-transform: none !important;
  cursor: pointer;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 18px rgba(255, 210, 77, 0.4) !important;
  width: 100%;
  display: block;
  animation: subtlePulse 3s ease-in-out infinite;
}

body.woocommerce-checkout #place_order:hover {
  background: #f5c526 !important;
  box-shadow: 0 6px 25px rgba(255, 210, 77, 0.55) !important;
  transform: translateY(-2px);
  animation: none !important;
}

@keyframes subtlePulse {
  0%, 100% { box-shadow: 0 4px 18px rgba(255, 210, 77, 0.4); }
  50% { box-shadow: 0 4px 25px rgba(255, 210, 77, 0.6); }
}

body.woocommerce-checkout .form-row.place-order::after,
body.woocommerce-checkout #payment .place-order::after {
  content: "✓ 7 Modules  ✓ 67+ Resources  ✓ Freshman → Senior Roadmap";
  display: block;
  text-align: center;
  font-size: 0.73rem;
  font-weight: 500;
  color: #475569;
  margin-top: 14px;
  letter-spacing: 0.01em;
  line-height: 1.6;
}

/* ===========================================
   COUPON
   =========================================== */
body.woocommerce-checkout .showcoupon {
  color: #0CBFE9;
  font-weight: 600;
  text-decoration: none;
  font-size: 0.88rem;
}

body.woocommerce-checkout .showcoupon:hover {
  color: #1B365D;
}

body.woocommerce-checkout .checkout_coupon .button {
  background: #1B365D !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 10px 20px !important;
  font-weight: 600;
}

/* ===========================================
   PRIVACY TEXT
   =========================================== */
body.woocommerce-checkout .woocommerce-privacy-policy-text p {
  color: #64748B;
  font-size: 0.78rem;
  line-height: 1.5;
}

body.woocommerce-checkout .woocommerce-privacy-policy-link {
  color: #0CBFE9;
  font-weight: 600;
}

/* ===========================================
   HIDE DISTRACTIONS
   =========================================== */
body.woocommerce-checkout .widget-area,
body.woocommerce-checkout aside {
  display: none;
}

/* ===========================================
   MOBILE (≤ 768px)
   =========================================== */
@media (max-width: 768px) {
  body.woocommerce-checkout form.checkout,
  body.woocommerce-checkout form.woocommerce-checkout {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
    gap: 1.5rem !important;
    padding: 1rem !important;
  }

  body.woocommerce-checkout #customer_details,
  body.woocommerce-checkout .col2-set,
  body.woocommerce-checkout #order_review_heading,
  body.woocommerce-checkout #order_review {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  body.woocommerce-checkout #order_review {
    position: static !important;
    padding: 20px 16px !important;
    border-radius: 10px !important;
  }

  body.woocommerce-checkout #place_order {
    padding: 16px 24px !important;
    font-size: 1.05rem !important;
  }

  body.woocommerce-checkout .form-row.place-order::before,
  body.woocommerce-checkout #payment .place-order::before {
    font-size: 0.7rem;
  }

  body.woocommerce-checkout .form-row.place-order::after,
  body.woocommerce-checkout #payment .place-order::after {
    font-size: 0.68rem;
  }

  body.woocommerce-checkout select,
  body.woocommerce-checkout .country_select,
  body.woocommerce-checkout .state_select {
    height: 44px !important;
  }

  body.woocommerce-checkout .select2-container .select2-selection--single {
    height: 44px !important;
  }

  body.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 44px !important;
  }
}

/* ===========================================
   TABLET (769px – 1024px)
   =========================================== */
@media (min-width: 769px) and (max-width: 1024px) {
  body.woocommerce-checkout form.checkout,
  body.woocommerce-checkout form.woocommerce-checkout {
    grid-template-columns: 1fr 1fr !important;
    gap: 0 2rem !important;
    padding: 1.5rem !important;
  }
}

/* Constrain coupon bar to match checkout width */
body.woocommerce-checkout .woocommerce-form-coupon-toggle,
body.woocommerce-checkout .checkout_coupon {
  max-width: 1080px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
  box-sizing: border-box !important;
}

/* Nuclear approach to shrink notice icons */
body.woocommerce-checkout .woocommerce-info img,
body.woocommerce-checkout .woocommerce-info svg,
body.woocommerce-checkout .woocommerce-info .icon,
body.woocommerce-checkout .woocommerce-info > *:first-child:not(a),
body.woocommerce-checkout .woocommerce-notices-wrapper img,
body.woocommerce-checkout .woocommerce-notices-wrapper svg,
body.woocommerce-checkout .wc-block-components-notice-banner__icon,
body.woocommerce-checkout .wc-block-components-notice-banner svg {
  width: 20px !important;
  height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
  min-width: unset !important;
  min-height: unset !important;
  display: none;
}

/* Only constrain the coupon INPUT form, not the toggle bar */
body.woocommerce-checkout form.checkout_coupon {
  max-width: 1016px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}


/* Hide "added to cart" notice on checkout */
body.woocommerce-checkout .woocommerce-message {
  display: none !important;
}/* End custom CSS */