.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-635908 .elementor-element.elementor-element-f91d305{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-635908 .elementor-element.elementor-element-f91d305 .elementor-image-box-wrapper{text-align:center;}.elementor-635908 .elementor-element.elementor-element-f91d305 .elementor-image-box-title{margin-bottom:10px;font-size:52px;font-weight:600;line-height:1.2em;color:var( --e-global-color-text );}.elementor-635908 .elementor-element.elementor-element-f91d305:has(:hover) .elementor-image-box-title,
					 .elementor-635908 .elementor-element.elementor-element-f91d305:has(:focus) .elementor-image-box-title{color:var( --e-global-color-text );}.elementor-635908 .elementor-element.elementor-element-f91d305 .elementor-image-box-description{font-family:var( --e-global-typography-23be550-font-family ), Sans-serif;font-weight:var( --e-global-typography-23be550-font-weight );line-height:var( --e-global-typography-23be550-line-height );color:var( --e-global-color-a38696e );}.elementor-635908 .elementor-element.elementor-element-714b3f9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:32px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-635908 .elementor-element.elementor-element-2c3974c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 120px) 0px;text-align:center;}.elementor-635908 .elementor-element.elementor-element-2c3974c .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;color:var( --e-global-color-a38696e );}.elementor-635908 .elementor-element.elementor-element-92cd964{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 160px 0px;}@media(max-width:1366px){.elementor-widget-image-box .elementor-image-box-title{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-image-box .elementor-image-box-description{line-height:var( --e-global-typography-text-line-height );}.elementor-635908 .elementor-element.elementor-element-f91d305 .elementor-image-box-title{font-size:48px;}.elementor-635908 .elementor-element.elementor-element-f91d305 .elementor-image-box-description{line-height:var( --e-global-typography-23be550-line-height );}.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:1024px){.elementor-widget-image-box .elementor-image-box-title{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-image-box .elementor-image-box-description{line-height:var( --e-global-typography-text-line-height );}.elementor-635908 .elementor-element.elementor-element-f91d305{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-635908 .elementor-element.elementor-element-f91d305 .elementor-image-box-wrapper{text-align:center;}.elementor-635908 .elementor-element.elementor-element-f91d305 .elementor-image-box-title{font-size:36px;}.elementor-635908 .elementor-element.elementor-element-f91d305 .elementor-image-box-description{line-height:var( --e-global-typography-23be550-line-height );}.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:767px){.elementor-widget-image-box .elementor-image-box-title{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-image-box .elementor-image-box-description{line-height:var( --e-global-typography-text-line-height );}.elementor-635908 .elementor-element.elementor-element-f91d305{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-635908 .elementor-element.elementor-element-f91d305 .elementor-image-box-title{font-size:32px;line-height:1.2em;}.elementor-635908 .elementor-element.elementor-element-f91d305 .elementor-image-box-description{line-height:var( --e-global-typography-23be550-line-height );}.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );}}/* Start custom CSS for html, class: .elementor-element-714b3f9 *//* =========================
   ROOT
========================= */
.jd-pricing{
  --jd-bg:#ffffff;

  --jd-surf:#ffffff;
  --jd-surf2:#EFF2FA;

  --jd-bdr:#D8DDE8;
  --jd-bdr2:#C8CEDA;

  --jd-tx:#1E2538;
  --jd-tx2:#6F7587;
  --jd-tx3:#9AA1B2;

  --jd-brand:#136EFB;
  --jd-brand-xl:#0B48B0;

  --jd-brand-bg:#EEF4FF;
  --jd-brand-bdr:rgba(19,110,251,.2);

  --jd-green:#15803D;
  --jd-green-bg:#ECFDF3;
  --jd-green-bdr:#86EFAC;

  font-family:'Inter',sans-serif;
  color:var(--jd-tx);

  max-width:1200px;
  margin:0 auto;

  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}

.jd-pricing *,
.jd-pricing *::before,
.jd-pricing *::after{
  box-sizing:border-box;
  margin:0;
  padding:0;
}

.jd-pricing a{
  color:inherit;
  text-decoration:none;
}

.jd-pricing ul{
  list-style:none;
}

/* =========================
   PLAN GRID
========================= */
.jd-plan-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  align-items:stretch;
}

.jd-plan{
  position:relative;

  display:flex;
  flex-direction:column;

  padding:32px;

  background:var(--jd-surf);
  border:1px solid var(--jd-bdr);
  border-radius:20px;

  box-shadow:0 1px 3px rgba(15,22,41,.04);

  transition:
    border-color .25s ease,
    box-shadow .25s ease,
    transform .25s ease;
}

.jd-plan:hover{
  border-color:var(--jd-bdr2);
  box-shadow:0 10px 36px rgba(15,22,41,.08);
  transform:translateY(-2px);
}

/* =========================
   HIGHLIGHTED PLAN (currently: Mastertech)
========================= */
.jd-plan.jd-pop{
  border:2px solid var(--jd-brand);

  background:
    linear-gradient(
      160deg,
      #ffffff 0%,
      rgba(19,110,251,.04) 100%
    );

  box-shadow:0 4px 24px rgba(19,110,251,.10);
}

.jd-plan.jd-pop:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 40px rgba(19,110,251,.16);
}

.jd-pop-badge{
  position:absolute;
  top:-13px;
  left:50%;

  transform:translateX(-50%);

  padding:5px 18px;

  background:var(--jd-brand);
  color:#fff;

  border-radius:999px;

  font-size:11px;
  font-weight:700;
  white-space:nowrap;

  box-shadow:0 2px 8px rgba(19,110,251,.25);
}

/* =========================
   PLAN HEADER
   Wraps the plan name (and, on Pro Tech, the mini term tabs)
   in one row so the row's reserved height is the same across
   all 3 cards regardless of whether tabs are present.
========================= */
.jd-plan-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:8px;

  min-height:36px;
  margin-bottom:16px;
}

.jd-plan-name{
  font-size:18px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;

  color:var(--jd-tx);
}

.jd-plan-pitch{
  margin-bottom:0px;
  padding-bottom:10px;

  min-height:50px;

  font-size:14px;
  line-height:1.55;
  color:var(--jd-tx2);
}

/* =========================
   PRICE (static tiers: Mastertech, Business)
========================= */
.jd-plan-price{
  margin-bottom:4px;
}

.jd-plan-amt{
  display:inline-flex;
  align-items:flex-start;

  font-size:42px;
  font-weight:900;
  line-height:1;
  letter-spacing:-0.03em;

  color:var(--jd-tx);
}

.jd-plan-amt sup{
  position:relative;
  top:2px;

  margin-right:2px;

  font-size:20px;
  font-weight:700;
}

.jd-plan-per{
  margin-bottom:4px;

  font-size:14px;
  color:var(--jd-tx3);
}

.jd-plan-bill{
  font-size:12px;
  color:var(--jd-tx3);
}

/* =========================
   PRICE AREA WRAPPER
   Reserves equal vertical space across all 3 cards so the CTA row
   (.jd-plan-foot) lines up even though Pro Tech's term picker is
   taller than the static price blocks used by Mastertech/Business.
========================= */
.jd-plan-price-wrap{
  display:flex;
  flex-direction:column;
  justify-content:center;

  min-height:130px;
  margin-bottom:24px;
}

/* =========================
   PRO TECH TERM TABS (Monthly / Annual / 3-Year)
   Sits inline next to the plan name (mini variant) instead of
   inside the price area, so the price number itself starts at
   the same vertical position across all 3 cards. Only the
   matching .jd-term-price block is shown, driven by :has() --
   scoped on the whole .jd-plan card (not a sibling combinator),
   since the tabs and the price display are no longer adjacent
   in the DOM.
========================= */
.jd-term-tabs{
  display:flex;
  gap:4px;

  padding:4px;

  background:var(--jd-surf2);
  border:1px solid var(--jd-bdr);
  border-radius:999px;
}

.jd-term-tabs--mini{
  padding:3px;
}

.jd-term-tabs--mini .jd-tab{
  padding:5px 8px;
  font-size:11px;
}

.jd-tab{
  position:relative;
  flex:1;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:8px 6px;

  border-radius:999px;

  cursor:pointer;

  font-size:13px;
  font-weight:600;
  color:var(--jd-tx2);
  text-align:center;
  white-space:nowrap;

  transition:background-color .15s ease, color .15s ease;
  -webkit-tap-highlight-color:transparent;
}

.jd-tab:hover{
  color:var(--jd-tx);
}

.jd-tab__input{
  position:absolute;
  width:1px;
  height:1px;
  margin:0;
  padding:0;
  opacity:0;
  pointer-events:none;
}

.jd-tab:has(.jd-tab__input:checked){
  background:var(--jd-brand);
  color:#fff;
}

.jd-tab:has(.jd-tab__input:focus-visible){
  outline:2px solid var(--jd-brand);
  outline-offset:2px;
}

.jd-term-price{
  display:none;
}

.jd-plan:has(.jd-tab__input[value="monthly"]:checked) .jd-term-price[data-term-price="monthly"],
.jd-plan:has(.jd-tab__input[value="annual"]:checked) .jd-term-price[data-term-price="annual"],
.jd-plan:has(.jd-tab__input[value="triennial"]:checked) .jd-term-price[data-term-price="triennial"]{
  display:block;
}

/* =========================
   CTA AREA
========================= */
.jd-plan-foot{
  margin-bottom:28px;
  padding-bottom:28px;

  border-bottom:1px solid var(--jd-bdr);
}

.jd-pricing .jd-btn.jd-plan-btn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:100% !important;

  padding:14px 24px !important;

  border:none !important;
  border-radius:10px !important;

  background:var(--jd-brand) !important;
  color:#fff !important;

  font-size:15px !important;
  font-weight:600 !important;
  line-height:1.4 !important;

  cursor:pointer !important;

  transition:background .2s ease;
}

.jd-pricing .jd-btn.jd-plan-btn:hover,
.jd-pricing .jd-btn.jd-plan-btn:active{
  background:var(--jd-brand-xl) !important;
  color:#fff !important;
}

.jd-plan-trial{
  margin-top:10px;

  text-align:center;

  font-size:12px;
  color:var(--jd-tx3);
}

.jd-plan-trial a{
  color:var(--jd-brand);
  font-weight:500;
  text-decoration:underline;
  text-underline-offset:2px;
}

.jd-plan-trial a:hover{
  color:var(--jd-brand-xl);
}

/* =========================
   SECTION LABELS
========================= */
.jd-plan p{
  margin-bottom:14px;

  font-size:13px;
  font-weight:600;

  color:var(--jd-tx);
}

/* =========================
   FEATURE LIST
========================= */
.jd-plan-feats{
  margin-bottom:28px;
}

.jd-plan-feats > li{
  display:flex;
  align-items:flex-start;
  gap:10px;

  margin-bottom:12px;

  font-size:13px;
  line-height:1.55;

  color:var(--jd-tx2);
}

.jd-plan-feats > li:last-child{
  margin-bottom:0;
}

.jd-plan-feats strong{
  color:var(--jd-tx);
  font-weight:600;
}

.jd-chk{
  flex-shrink:0;
  margin-top:2px;
  color:var(--jd-brand);
}

/* =========================
   RESPONSIVE
========================= */
@media (max-width:991px){

  .jd-plan-grid{
    gap:16px;
  }

  .jd-plan{
    padding:24px;
  }

  .jd-plan-amt{
    font-size:36px;
  }

  .jd-plan-pitch{
    min-height:auto;
    font-size:13px;
  }
}

@media (max-width:767px){

  .jd-plan-grid{
    grid-template-columns:1fr;
    gap:16px;
  }

  .jd-plan{
    padding:22px;
  }

  .jd-plan-pitch{
    min-height:auto;
  }

  .jd-plan-price-wrap{
    min-height:auto;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-92cd964 *//* ============================================
   JAYDA FAQ WIDGET — Elementor Custom CSS
   Paste vào: Elementor > Site Settings > Custom CSS
   Hoặc: Page Settings > Advanced > Custom CSS
   ============================================ */

/* === Root & Reset === */
.jd-faq{
  --jd-bdr:#D8DDE8;--jd-bdr2:#C8CEDA;
  --jd-tx:#1E2538;--jd-tx2:#6F7587;--jd-tx3:#9AA1B2;
  --jd-brand:#136EFB;--jd-brand-xl:#0B48B0;
  --jd-brand-bdr:rgba(19,110,251,.2);
  --jd-surf:#ffffff;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  color:var(--jd-tx);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  box-sizing:border-box;
  max-width:780px;
  margin:0 auto;
  padding:0 24px;
}
.jd-faq *,.jd-faq *::before,.jd-faq *::after{box-sizing:border-box;margin:0;padding:0}
.jd-faq a{text-decoration:none;color:inherit}

/* === FAQ List === */
.jd-faq-list{display:flex;flex-direction:column;gap:0}

/* === FAQ Item === */
.jd-faq-item{
  border:1px solid var(--jd-bdr);
  border-radius:12px;
  margin-bottom:12px;
  background:var(--jd-surf);
  transition:border-color .2s,box-shadow .2s;
}
.jd-faq-item:hover{border-color:var(--jd-bdr2)}
.jd-faq-item[open]{
  border-color:var(--jd-brand-bdr);
  box-shadow:0 2px 12px rgba(19,110,251,.06);
}

/* === Question (summary) === */
.jd-faq-q{
  font-size:15px;
  font-weight:600;
  color:var(--jd-tx);
  padding:18px 48px 18px 22px;
  cursor:pointer;
  list-style:none;
  position:relative;
  line-height:1.5;
}
.jd-faq-q::-webkit-details-marker{display:none}
.jd-faq-q::marker{display:none;content:''}

/* Chevron arrow */
.jd-faq-q::after{
  content:'';
  position:absolute;
  right:20px;
  top:50%;
  width:10px;
  height:10px;
  border-right:2px solid var(--jd-tx3);
  border-bottom:2px solid var(--jd-tx3);
  transform:translateY(-65%) rotate(45deg);
  transition:transform .2s;
}
.jd-faq-item[open] .jd-faq-q::after{
  transform:translateY(-35%) rotate(-135deg);
}
.jd-faq-item[open] .jd-faq-q{
  color:var(--jd-brand);
}

/* === Answer === */
.jd-faq-a{
  padding:0 22px 20px;
  font-size:14px;
  color:var(--jd-tx2);
  line-height:1.7;
}
.jd-faq-a p{margin:0}
.jd-faq-a p+p{margin-top:12px}
.jd-faq-a a{
  color:var(--jd-brand);
  text-decoration:underline;
  text-underline-offset:2px;
}
.jd-faq-a a:hover{color:var(--jd-brand-xl)}
.jd-faq-a em{font-style:italic;color:var(--jd-tx)}
.jd-faq-a strong{color:var(--jd-tx);font-weight:600}

/* === Ordered list inside answer === */
.jd-faq-steps{
  margin-top:10px;
  padding-left:20px;
  list-style:decimal;
}
.jd-faq-steps li{
  margin-bottom:8px;
  padding-left:4px;
}

/* === Responsive === */
@media(max-width:480px){
  .jd-faq{padding:0 16px}
  .jd-faq-q{font-size:14px;padding:16px 44px 16px 18px}
  .jd-faq-a{padding:0 18px 16px;font-size:13px}
  .jd-faq-q::after{right:16px}
}/* End custom CSS */