.elementor-47397 .elementor-element.elementor-element-a256d13{--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;--padding-top:50px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-47397 .elementor-element.elementor-element-a256d13:not(.elementor-motion-effects-element-type-background), .elementor-47397 .elementor-element.elementor-element-a256d13 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://helpag.timesworld.tech/wp-content/uploads/2026/04/db655374e12d40b56bbfb228cc792aaecec37e6d.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-47397 .elementor-element.elementor-element-22de85e{--display:flex;}.elementor-47397 .elementor-element.elementor-element-360b67d{--display:flex;}.elementor-47397 .elementor-element.elementor-element-6023cfe > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-47397 .elementor-element.elementor-element-6023cfe > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}.elementor-47397 .elementor-element.elementor-element-6023cfe > .elementor-widget-container{padding:0px 20px 0px 20px;}:root{--page-title-display:none;}@media(max-width:900px){.elementor-47397 .elementor-element.elementor-element-6023cfe > .elementor-widget-container{padding:0px 30px 0px 30px;}}/* Start custom CSS for jet-listing-grid, class: .elementor-element-6023cfe */:root {
    --sqz-primary:       #1a56db;
    --sqz-primary-dark:  #1241a3;
    --sqz-accent:        #0e9f6e;
    --sqz-text:          #111827;
    --sqz-muted:         #6b7280;
    --sqz-bg:            #ffffff;
    --sqz-surface:       #f9fafb;
    --sqz-border:        #e5e7eb;
    --sqz-radius:        14px;
    --sqz-radius-sm:     8px;
    --sqz-shadow:        0 4px 32px rgba(0, 0, 0, .07);
    --sqz-transition:    .22s cubic-bezier(.4, 0, .2, 1);
}

/* ── Shell wrapper ──────────────────────────────────────────────── */
#sqz-shell {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

/* ── Progress bar ───────────────────────────────────────────────── */
.sqz-progress-bar {
    height: 5px;
    background: var(--sqz-border);
    border-radius: 99px;
    overflow: hidden;
    margin-bottom: 1.1rem;
	display:none !important;
}

.sqz-progress-fill {
    height: 100%;
    background: var(--sqz-primary);
    border-radius: 99px;
    width: 0%;
    transition: width var(--sqz-transition);
}

/* ── Step counter ───────────────────────────────────────────────── */
.sqz-counter {
    font-size: 14px;
    color: #fff !important;
    margin: 0 0 .65rem !important;
    line-height: 1.2 !important;
}

/* ── Dots ───────────────────────────────────────────────────────── */
.sqz-dots {
    display: flex;
    gap: 6px;
    margin-bottom: 1.75rem;
}

.sqz-dot {
border: 1px solid !important;
width: 55px !important;
height: 11px !important;
opacity: 0.8;
border-radius: 25px !important;
padding: 0 !important;
background: linear-gradient(96.72deg, rgba(255, 255, 255, 0.25) -2.98%, rgba(254, 247, 245, 0.25) -2.98%, rgba(142, 223, 253, 0.25) 100%);
}

.sqz-dot.is-answered {
    background: linear-gradient(96.72deg, #FFF -2.98%, #FEF7F5 -2.98%, #FF9D9A 100%);
}

.sqz-dot.is-active {
background: linear-gradient(96.72deg, #FFF -2.98%, #FEF7F5 -2.98%, #FF9D9A 100%);
}
.sqz-step {
  flex-direction: column;
  display: flex;
  align-items: center;
}

/* ── Listing Grid item becomes a step ───────────────────────────── */

/* JetEngine wraps items in .jet-listing-grid__item */
.jet-listing-grid__item.sqz-step {
    padding: 0 !important;    /* reset JetEngine padding */
    margin: 0 !important;
}

/* Animate step entry */
@keyframes sqzFadeUp {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0);    }
}

.sqz-step.sqz-step--animate {
    animation: sqzFadeUp var(--sqz-transition) both;
}

/* Question heading — reset Elementor defaults then restyle */
.sqz-step .elementor-heading-title {
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    color: var(--sqz-text) !important;
    line-height: 1.45 !important;
    margin: 0 0 1.4rem !important;
}

/* ── Injected options list ──────────────────────────────────────── */
.sqz-options {
    list-style: none;
    margin: 0 0 1.75rem;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .55rem;
}

.sqz-radio {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}

.sqz-option-label {
    display: flex;
    align-items: center;
    gap: 15px;
    min-height: 60px;
  padding: 20px 26px;
    border-radius: 18px;
    cursor: pointer;
    user-select: none;
    transition:
        border-color var(--sqz-transition),
        background   var(--sqz-transition);
    background: linear-gradient(96.72deg, rgba(255, 255, 255, 0.25) -2.98%, rgba(254, 247, 245, 0.25) -2.98%, rgba(142, 223, 253, 0.25) 100%);

}

.sqz-option-label:hover .sqz-option-letter {
        background: #eef2ff;
}

.sqz-radio:checked + .sqz-option-label .sqz-option-letter{
	background: #fff;
}

.sqz-radio:focus-visible + .sqz-option-label {
    outline: 3px solid #fff;
    outline-offset: 2px;
}

/* Letter badge */
.sqz-option-letter {
   width: 22px;
  height: 22px;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    flex-shrink: 0;
    transition:
        background     var(--sqz-transition),
        border-color   var(--sqz-transition),
        color          var(--sqz-transition);
}

.sqz-radio:checked + .sqz-option-label .sqz-option-letter {
    background: #fff;
    border-color: #fff;
    color: #fff;
}

.sqz-option-text-label {
    font-size: 17px;
    color: #fff;
	font-weight:600;
    
}

/* ── Navigation bar ─────────────────────────────────────────────── */
.sqz-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    margin-top: .25rem;
}

/* ── Buttons ────────────────────────────────────────────────────── */
.sqz-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: .6rem 1.35rem;
    border-radius: var(--sqz-radius-sm);
    font-size: .9rem;
    font-weight: 600;
    border: 2px solid transparent;
    cursor: pointer;
    line-height: 1;
    transition: all var(--sqz-transition);
    text-decoration: none !important;
}

.sqz-btn--prev {
    background: transparent;
    border-color: var(--sqz-border);
    color: var(--sqz-muted);
}
.sqz-btn--prev:hover {
    border-color: var(--sqz-muted);
    color: var(--sqz-text);
}

.sqz-btn--next {
color: #fff;
  background: linear-gradient(96.72deg, rgba(255, 255, 255, 0.25) -2.98%, rgba(254, 247, 245, 0.25) -2.98%, rgba(142, 223, 253, 0.25) 100%);
  border: 0;
  min-width: 164px;
  height: 53px;
  font-size: 18px !important;
  font-weight: 600 !important;
  justify-content: center;
}
.sqz-btn--next:hover:not(:disabled) {
    background: linear-gradient(96.72deg, rgba(255, 255, 255, 0.25) -2.98%, rgba(254, 247, 245, 0.25) -2.98%, rgba(142, 223, 253, 0.25) 100%);
}
.sqz-btn--next:disabled {
    opacity: .38;
    cursor: not-allowed;
}

.sqz-btn--submit {
    background: var(--sqz-accent) !important;
}
.sqz-btn--submit:hover:not(:disabled) {
    background: #067a54 !important;
}

.sqz-btn--restart {
    background: transparent !important;
    border-color: var(--sqz-primary) !important;
    color: var(--sqz-primary) !important;
    margin-top: 1.5rem;
}
.sqz-btn--restart:hover {
    background: var(--sqz-primary) !important;
    color: #fff !important;
}

/* ── Result panel ───────────────────────────────────────────────── */
.sqz-result {
    text-align: center;
    padding: 1rem 0 .5rem;
    animation: sqzFadeUp var(--sqz-transition) both;
}

.sqz-result[hidden] {
    display: none !important;
}

.sqz-result-icon {
    font-size: 3.25rem;
    line-height: 1;
    margin-bottom: .9rem;
}

.sqz-result-title {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: var(--sqz-text) !important;
    margin: 0 0 .7rem !important;
}

.sqz-result-desc {
    font-size: .95rem !important;
    color: var(--sqz-muted) !important;
    line-height: 1.65 !important;
    max-width: 420px;
    margin: 0 auto .75rem !important;
}

.sqz-result-badge {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: var(--sqz-primary);
    background: #eef2ff;
    padding: .35rem 1.25rem;
    border-radius: 99px;
    margin-top: .25rem;
}

/* ── Listing Grid reset ─────────────────────────────────────────── */
/*
 * JetEngine's Listing Grid adds its own padding/margin/border to items.
 * These overrides ensure the quiz layout is clean.
 */
.sqz-listing-mount .jet-listing-grid {
    gap: 0 !important;
}

.sqz-listing-mount .jet-listing-grid__item {
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    border: none !important;
    background: transparent !important;
}

/* Hide the original option text nodes (replaced by JS) */
.sqz-option-text {
    display: none !important;
}

/* ── qz-wrapper (option + featured image) ───────────────────────── */
.qz-wrapper {
    display: flex;
    align-items: center;
    gap: 30px;
  width: 100%;
  justify-content: center;
  margin: 20px 0 50px;
}

.qz-featured-image {
  max-height: 400px;
  display: none !important;
}

/* Stretch the label to fill remaining space inside the wrapper */
.qz-wrapper .sqz-option-label {
    flex: 1;
}

#sqz-result {
  color: #fff;
  max-width: 600px;
  margin: 0 auto;
  font-size: 18px;
}

.qz-result-icon img {
  width: 55px;
  margin-bottom: 15px;
}
#sqz-result-badge {
  font-size: 80px;
  font-weight: 700;
  line-height: 84px;
}
#sqz-result-title {
  margin-bottom: 15px;
}
#sqz-result-desc {
  margin: 10% 0;
}

#sqz-restart {
  background: linear-gradient(96.72deg, rgba(255, 255, 255, 0.25) -2.98%, rgba(254, 247, 245, 0.25) -2.98%, rgba(142, 223, 253, 0.25) 100%);
  color: #fff;
  border: 1px solid #ffffff1f;
  font-size: 18px;
  padding: 12px 25px;
  display: block;
  width: max-content;
  margin: 0 auto;
  margin-top: 15px;
  border-radius: 15px;
}

/* ── Responsive ─────────────────────────────────────────────────── */
@media (max-width: 767px) {
    #sqz-shell {
        align-items: center;
        padding: 0 20px;
    }

    .sqz-step .elementor-heading-title {
        font-size: 1.05rem !important;
    }

    .sqz-dots {
       gap: 5px;
    width: 100%;
    }

    .sqz-dot {
        width: 100% !important;
        height: 9px;
    }

    
.qz-wrapper {
  flex-direction: column-reverse;
}
.qz-featured-image {
  max-height: 100%;
  max-width: 300px !important;
}
.sqz-option-text-label {
  font-size: 17px;
}

.qz-wrapper {
  flex-direction: column-reverse;
  align-items: inherit;
}
.qz-featured-image {
  max-height: 100%;
  max-width: 300px !important;
}
.sqz-option-text-label {
  font-size: 17px;
}
.qz-featured-image {
  margin: 0 auto;
}
.sqz-option-label {
  min-height: 60px;
}
.sqz-options {
  max-width: 400px;
  margin: 0 auto;
  width: 100%;
}

.sqz-nav {
  justify-content: center;
}
.sqz-btn.sqz-btn--next {
  min-width: 150px;
  height: 55px;
  font-size: 17px !important;
}
.quiz-question .jet-listing-dynamic-field__content {
  font-size: 17px;
  color: #fff;
  text-align: center !important;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a256d13 */.quiz-question .jet-listing-dynamic-field__content {
  font-size: 17px;
  color: #fff;
}/* End custom CSS */