.elementor-532 .elementor-element.elementor-element-05aa1cd{--display:flex;--gap:48px 48px;--row-gap:48px;--column-gap:48px;--padding-top:56px;--padding-bottom:64px;--padding-left:32px;--padding-right:32px;}.elementor-532 .elementor-element.elementor-element-05aa1cd:not(.elementor-motion-effects-element-type-background), .elementor-532 .elementor-element.elementor-element-05aa1cd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFAF4;}.elementor-532 .elementor-element.elementor-element-de61be8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-532 .elementor-element.elementor-element-2672250 .elementor-heading-title{font-size:12px;font-weight:600;text-transform:uppercase;line-height:18px;letter-spacing:1.68px;color:var( --e-global-color-0f7efbc );}.elementor-532 .elementor-element.elementor-element-8846e8a{width:initial;max-width:initial;}.elementor-532 .elementor-element.elementor-element-ddd7492{font-size:18px;line-height:29px;color:var( --e-global-color-2056b61 );width:var( --container-widget-width, 770px );max-width:770px;--container-widget-width:770px;--container-widget-flex-grow:0;}.elementor-532 .elementor-element.elementor-element-ddd7492 p{margin-block-end:12px;}.elementor-532 .elementor-element.elementor-element-b173b62{--display:flex;--gap:48px 48px;--row-gap:48px;--column-gap:48px;--padding-top:10px;--padding-bottom:64px;--padding-left:32px;--padding-right:32px;}.elementor-532 .elementor-element.elementor-element-b173b62:not(.elementor-motion-effects-element-type-background), .elementor-532 .elementor-element.elementor-element-b173b62 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c5b406a );}.elementor-532 .elementor-element.elementor-element-b3e3d10{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-532 .elementor-element.elementor-element-8663486{width:var( --container-widget-width, 770px );max-width:770px;--container-widget-width:770px;--container-widget-flex-grow:0;}.elementor-532 .elementor-element.elementor-element-c6d2d69{--display:flex;--gap:48px 48px;--row-gap:48px;--column-gap:48px;--margin-top:0px;--margin-bottom:96px;--margin-left:0px;--margin-right:0px;--padding-top:56px;--padding-bottom:56px;--padding-left:32px;--padding-right:32px;}.elementor-532 .elementor-element.elementor-element-c6d2d69:not(.elementor-motion-effects-element-type-background), .elementor-532 .elementor-element.elementor-element-c6d2d69 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFAF4;}.elementor-532 .elementor-element.elementor-element-c929c8b{--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;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--border-radius:26px 26px 26px 26px;--padding-top:56px;--padding-bottom:56px;--padding-left:56px;--padding-right:56px;}.elementor-532 .elementor-element.elementor-element-c929c8b:not(.elementor-motion-effects-element-type-background), .elementor-532 .elementor-element.elementor-element-c929c8b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #00255D 0%, #000F3B 100%);}.elementor-532 .elementor-element.elementor-element-4aa675e{--display:flex;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-532 .elementor-element.elementor-element-bc421ad .elementor-heading-title{font-size:12px;font-weight:600;text-transform:uppercase;line-height:18px;letter-spacing:1.68px;color:#D0FAE6;}.elementor-532 .elementor-element.elementor-element-228640c .elementor-heading-title{color:#FCFAF4;}.elementor-532 .elementor-element.elementor-element-228640c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 4px) 0px;}.elementor-532 .elementor-element.elementor-element-b351887{font-size:16px;font-weight:400;line-height:24px;color:#FFF8FABD;width:var( --container-widget-width, 450px );max-width:450px;--container-widget-width:450px;--container-widget-flex-grow:0;}.elementor-532 .elementor-element.elementor-element-b351887 p{margin-block-end:0px;}.elementor-532 .elementor-element.elementor-element-b72d595{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-532 .elementor-element.elementor-element-37e503f .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-532 .elementor-element.elementor-element-37e503f .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-532 .elementor-element.elementor-element-37e503f:hover{--e-transform-translateY:-1px;}:root{--page-title-display:none;}body.elementor-page-532{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}body.elementor-page-532:not(.elementor-motion-effects-element-type-background), body.elementor-page-532 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFAF4;}@media(max-width:1024px){.elementor-532 .elementor-element.elementor-element-05aa1cd{--padding-top:60px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-532 .elementor-element.elementor-element-b173b62{--padding-top:10px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-532 .elementor-element.elementor-element-8663486{width:100%;max-width:100%;}.elementor-532 .elementor-element.elementor-element-c6d2d69{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-532 .elementor-element.elementor-element-c929c8b{--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;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-532 .elementor-element.elementor-element-b72d595{--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;}}@media(max-width:767px){.elementor-532 .elementor-element.elementor-element-05aa1cd{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-532 .elementor-element.elementor-element-de61be8{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-532 .elementor-element.elementor-element-ddd7492{font-size:14px;line-height:23px;}.elementor-532 .elementor-element.elementor-element-b173b62{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-532 .elementor-element.elementor-element-c6d2d69{--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-532 .elementor-element.elementor-element-c929c8b{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-532 .elementor-element.elementor-element-b72d595{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-532 .elementor-element.elementor-element-37e503f{width:100%;max-width:100%;}}@media(min-width:768px){.elementor-532 .elementor-element.elementor-element-b72d595{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-532 .elementor-element.elementor-element-b72d595{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-8663486 */@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&family=Outfit:wght@500;600;700&display=swap');

/* Main Container (Exact Same Width across all steps) */
#requirements-checker {
  font-family: "Figtree", ui-sans-serif, system-ui, sans-serif !important;
  background-color: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 24px !important;
  padding: 36px 42px !important;
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
  box-sizing: border-box !important;
  color: #1e293b !important;
}

#requirements-checker p, 
#requirements-checker br {
  display: contents !important;
}

/* Header & Progress Bar */
.form-header-bar {
  margin-bottom: 28px !important;
}
.step-meta {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-size: 13px !important;
  color: #5a6578 !important;
  margin-bottom: 12px !important;
}
.progress-track {
  width: 100% !important;
  height: 6px !important;
  background-color: #f2efe7 !important;
  border-radius: 9999px !important;
  overflow: hidden !important;
}
.progress-fill {
  height: 100% !important;
  background: linear-gradient(90deg, #10b981 0%, #3b82f6 100%) !important;
  border-radius: 9999px !important;
  transition: width 0.35s ease !important;
}

/* Step Content */
.step-content {
  display: none !important;
}
.step-content.active {
  display: block !important;
}
.step-question {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #000f3b !important;
  margin-top: 0 !important;
  margin-bottom: 13px !important;
}
.question-block {
  margin-bottom: 24px !important;
}
.form-group {
  margin-bottom: 20px !important;
}
.form-label {
  display: block !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  color: #121b2d !important;
  margin-bottom: 12px !important;
}

/* STEP 1: PACKAGE CARDS GRID */
.packages-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px !important;
  width: 100% !important;
}

.package-card {
  background-color: #faf8f5 !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  padding: 16px 20px !important;
  min-height: 72px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  user-select: none !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
}
.package-card:hover {
  border-color: #cbd5e1 !important;
  background-color: #f4f1e8 !important;
}
.package-card.selected {
  background-color: #e6f7f3 !important;
  border: 1.5px solid #10b981 !important;
}
.package-card .card-label {
  display: block !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #121b2d !important;
  line-height: 1.35 !important;
}
.package-card .card-sublabel {
  display: block !important;
  font-size: 13.5px !important;
  font-weight: 400 !important;
  color: #475569 !important;
  margin-top: 4px !important;
  line-height: 1.35 !important;
}

/* STEPS 3, 4, 5: 2-COLUMN OPTIONS GRID */
.options-2col-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 12px !important;
  width: 100% !important;
}

.option-card.grid-item {
  background-color: #faf8f5 !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  padding: 8px 20px !important;
  min-height: 52px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  font-size: 14.5px !important;
  font-weight: 500 !important;
  color: #121b2d !important;
  user-select: none !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
}
.option-card.grid-item:hover {
  border-color: #cbd5e1 !important;
  background-color: #f4f1e8 !important;
}
.option-card.grid-item.selected {
  background-color: #e6f7f3 !important;
  border: 1.5px solid #10b981 !important;
  color: #121b2d !important;
}

/* Text Inputs */
.form-input {
  width: 100% !important;
  box-sizing: border-box !important;
  background-color: #faf8f5 !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  padding: 14px 18px !important;
  font-size: 14px !important;
  color: #121b2d !important;
  outline: none !important;
  font-family: inherit !important;
}
.form-input::placeholder { color: #a0aec0 !important; }

/* Info Notes */
.info-note {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 13px !important;
  color: #64748b !important;
  margin-top: 18px !important;
}
.info-icon { width: 16px !important; height: 16px !important; color: #3b82f6 !important; flex-shrink: 0 !important; }
.info-box-gray {
  background-color: #faf8f5 !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 14px 18px !important;
  font-size: 13px !important;
  color: #5a6578 !important;
  line-height: 1.5 !important;
  margin: 18px 0 !important;
}

.checkbox-group { display: flex !important; flex-direction: column !important; gap: 12px !important; }
.custom-checkbox { display: flex !important; align-items: center !important; gap: 10px !important; font-size: 13px !important; color: #121b2d !important; cursor: pointer !important; }

/* Footer Navigation */
.form-footer {
  display: flex !important;
  justify-content: flex-end !important;
  margin-top: 32px !important;
}

/* CONTINUE BUTTON */
.btn-continue {
  background: linear-gradient(180deg, #60a5fa 0%, #3b82f6 100%) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 9999px !important;
  padding: 12px 32px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  box-shadow: 0 8px 20px -4px rgba(59, 130, 246, 0.4) !important;
  transition: all 0.25s ease !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
.btn-continue:hover {
  background: linear-gradient(180deg, #3b82f6 0%, #2563eb 100%) !important;
}

.btn-continue.btn-disabled,
.btn-continue:disabled {
  opacity: 0.55 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  box-shadow: none !important;
  background: linear-gradient(180deg, #90c2f8 0%, #60a5fa 100%) !important;
}

/* Step 7 Confirmation Screen */
.badge-received { display: inline-flex !important; align-items: center !important; gap: 6px !important; background-color: #e6f7f3 !important; color: #121b2d !important; font-size: 12px !important; font-weight: 600 !important; padding: 4px 12px !important; border-radius: 9999px !important; }
.badge-received svg { color: #10b981 !important; }
.confirmation-title { font-family: "Outfit", sans-serif !important; font-size: 26px !important; font-weight: 600 !important; color: #121b2d !important; margin: 16px 0 12px 0 !important; }
.confirmation-text { font-size: 14px !important; color: #5a6578 !important; line-height: 1.6 !important; margin-bottom: 24px !important; }
.summary-box { background-color: #faf8f5 !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; padding: 16px 20px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; font-size: 14px !important; margin-bottom: 24px !important; }
.summary-pkg { color: #5a6578 !important; }
.summary-price { font-weight: 600 !important; color: #121b2d !important; }
.action-buttons { display: flex !important; flex-wrap: wrap !important; gap: 12px !important; }
.btn-pay { background: linear-gradient(180deg, #0284c7 0%, #0369a1 100%) !important; color: #ffffff !important; text-decoration: none !important; border-radius: 9999px !important; padding: 12px 26px !important; font-size: 14px !important; font-weight: 600 !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; }
.btn-outline { border: 1px solid #121b2d !important; color: #121b2d !important; text-decoration: none !important; border-radius: 10px !important; padding: 12px 20px !important; font-size: 14px !important; font-weight: 500 !important; }

/* ==========================================================
   📱 RESPONSIVE MEDIA QUERIES (TABLETS & MOBILE)
   ========================================================== */

/* Tablets & Small Laptops (768px and down) */
@media screen and (max-width: 768px) {
  #requirements-checker {
    padding: 28px 28px !important;
    border-radius: 20px !important;
  }
  
  .confirmation-title {
    font-size: 22px !important;
  }
}

/* Mobile Screens (520px and down) */
@media screen and (max-width: 520px) {
  #requirements-checker {
    padding: 20px 18px !important;
    border-radius: 18px !important;
  }

  .form-header-bar {
    margin-bottom: 20px !important;
  }

  .step-meta {
    font-size: 12px !important;
  }

  .step-question {
    font-size: 14px !important;
    margin-bottom: 10px !important;
  }

  .form-label {
    font-size: 13.5px !important;
    margin-bottom: 8px !important;
  }

  /* Stack grid items vertically */
  .packages-grid,
  .options-2col-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .package-card {
    padding: 14px 16px !important;
    min-height: auto !important;
    border-radius: 14px !important;
  }

  .package-card .card-label {
    font-size: 13.5px !important;
  }

  .package-card .card-sublabel {
    font-size: 12.5px !important;
  }

  .option-card.grid-item {
    padding: 12px 16px !important;
    min-height: 48px !important;
    font-size: 13.5px !important;
    border-radius: 14px !important;
  }

  .form-input {
    padding: 12px 14px !important;
    font-size: 13.5px !important;
    border-radius: 12px !important;
  }

  /* Full Width Navigation & Buttons */
  .form-footer {
    margin-top: 24px !important;
  }

  .btn-continue {
    width: 100% !important;
    justify-content: center !important;
    padding: 12px 20px !important;
  }

  .summary-box {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
    padding: 12px 16px !important;
  }

  .action-buttons {
    flex-direction: column !important;
    width: 100% !important;
  }

  .btn-pay, 
  .btn-outline {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }
}

/* Extra Small Screens (380px and down) */
@media screen and (max-width: 380px) {
  #requirements-checker {
    padding: 16px 14px !important;
  }
}/* End custom CSS */