.elementor-383 .elementor-element.elementor-element-c0160ee{--display:flex;--min-height:120px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-383 .elementor-element.elementor-element-973d728{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-383 .elementor-element.elementor-element-68456a7{text-align:left;}.elementor-383 .elementor-element.elementor-element-68456a7 img{width:191px;}.elementor-383 .elementor-element.elementor-element-54cb755{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right: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 );color:var( --e-global-color-primary );}.elementor-383 .elementor-element.elementor-element-700b9e9{text-align:left;}.elementor-383 .elementor-element.elementor-element-700b9e9 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:700;line-height:24px;color:var( --e-global-color-text );}.elementor-383 .elementor-element.elementor-element-c334fb0{--display:flex;--min-height:800px;--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;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:05%;--padding-right:5%;}.elementor-383 .elementor-element.elementor-element-c334fb0:not(.elementor-motion-effects-element-type-background), .elementor-383 .elementor-element.elementor-element-c334fb0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFAFA;}.elementor-383 .elementor-element.elementor-element-eada275{--display:flex;--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:center;border-style:none;--border-style:none;--border-radius:16px 16px 16px 16px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-383 .elementor-element.elementor-element-08529d7{--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;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:40px;--padding-bottom:60px;--padding-left:40px;--padding-right:40px;}.elementor-383 .elementor-element.elementor-element-08529d7:not(.elementor-motion-effects-element-type-background), .elementor-383 .elementor-element.elementor-element-08529d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F0EE;}.elementor-383 .elementor-element.elementor-element-95f46a0{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-383 .elementor-element.elementor-element-478065b .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;}.elementor-383 .elementor-element.elementor-element-478065b .elementor-nav-menu--main .elementor-item:hover,
					.elementor-383 .elementor-element.elementor-element-478065b .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-383 .elementor-element.elementor-element-478065b .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-383 .elementor-element.elementor-element-478065b .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-383 .elementor-element.elementor-element-478065b .elementor-nav-menu--main .elementor-item{padding-top:0px;padding-bottom:0px;}.elementor-383 .elementor-element.elementor-element-43a8812{text-align:center;}.elementor-383 .elementor-element.elementor-element-43a8812 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:700;color:var( --e-global-color-text );}.elementor-383 .elementor-element.elementor-element-f30d69e{padding:40px 0px 0px 0px;text-align:center;}.elementor-383 .elementor-element.elementor-element-f30d69e .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;color:#B3A8A2;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-383 .elementor-element.elementor-element-c0160ee{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-383 .elementor-element.elementor-element-973d728{--width:50%;}.elementor-383 .elementor-element.elementor-element-68456a7 img{width:110px;}.elementor-383 .elementor-element.elementor-element-54cb755{--width:50%;}.elementor-383 .elementor-element.elementor-element-700b9e9 .elementor-heading-title{font-size:14px;line-height:1.1em;}.elementor-383 .elementor-element.elementor-element-c334fb0{--min-height:550px;}.elementor-383 .elementor-element.elementor-element-eada275{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-383 .elementor-element.elementor-element-478065b .elementor-nav-menu--main .elementor-item{padding-top:10px;padding-bottom:10px;}}@media(min-width:768px){.elementor-383 .elementor-element.elementor-element-c0160ee{--content-width:1200px;}.elementor-383 .elementor-element.elementor-element-973d728{--width:50%;}.elementor-383 .elementor-element.elementor-element-54cb755{--width:50%;}.elementor-383 .elementor-element.elementor-element-eada275{--width:80%;}}/* Start custom CSS */.gform_page_fields {
    background-color: white!important;
    border-style: solid!important;
    border-width: 1px!important;
    border-radius: 16px!important;
    border-color: #B3A8A2!important;
    padding: 7%!important;
    width: 700px !important;
}

@media (max-width: 600px) {.gform_page_fields {
    width: 100% !important;
}
}

.gform_page_footer { /* Or a more specific class for your button's container */
    display: flex;
    justify-content: center !important;
}

body .gform_wrapper .gform_body .gform_page_footer .gform_next_button {
    border-radius: 1000px !important;
    background-color: #3B3BA8 !important;
    font-family: "Inter", Sans-serif !important;
    font-weight: 700 !important;
    padding: 10px 30px 10px 30px !important;
    margin-top: 20px !important;
    
}

.gform_required_legend {
    display: none !important;
}
.gfield_required .gfield_required_custom {
    display: none !important;
}

/* Center field labels */
#gform_wrapper_1 .gfield_label {
    text-align: center !important;
    display: block !important;
    width: 100% !important;
}

/* Center field descriptions, hints, and instructions */
#gform_wrapper_1 .gfield_description,
#gform_wrapper_1 .gfield_hint,
#gform_wrapper_1 .gsection_description,
#gform_wrapper_1 .instruction {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    width: 100% !important;
}

/* Center section titles */
#gform_wrapper_1 .gsection_title {
    text-align: center !important;
    width: 100% !important;
}


/* --- HIDE THE NATIVE RADIO, BUT KEEP IT WORKING --- */
#gform_wrapper_1 .gfield_radio input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
}

/* --- BASE PILL BUTTON STYLE --- */
#gform_wrapper_1 .gfield_radio .gchoice label {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;
    padding: 14px 24px !important;
    border: 2px solid #3B3BA8 !important;   /* purple outline */
    border-radius: 40px !important;          /* pill shape */
    cursor: pointer !important;
    font-weight: 700 !important;
    color: #3B3BA8 !important;
    background: #fff !important;

    min-width: 200px !important;

    transition: all 0.2s ease !important;
}

/* Hover */
#gform_wrapper_1 .gfield_radio .gchoice label:hover {
    background: rgba(59, 54, 200, 0.05) !important;
}

/* --- SELECTED STATE (2 WAYS TO BE SAFE) --- */
#gform_wrapper_1 .gfield_radio .gchoice.gchoice_selected label,
#gform_wrapper_1 .gfield_radio input[type="radio"]:checked + label {
    background: #3B36C8 !important;
    color: #ffffff !important;
    border-color: #3B36C8 !important;
}


/* Center the entire radio field container */
#gform_wrapper_1 .gfield_radio {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;     /* centers horizontally */
    justify-content: center !important;
    width: 100% !important;
}

/* Center each choice item */
#gform_wrapper_1 .gfield_radio .gchoice {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}

/* Remove inline label padding causing off-center pills */
#gform_wrapper_1 .gform-field-label--type-inline {
    padding-left: 0 !important;
    margin-left: 0 !important;
}


.gfield_description {
    margin-bottom: 50px !important;
    font-size: 16px !important;
}

#gform_wrapper_1 .gfield_label {
    font-weight: 700 !important;
}

/* 2-column layout for 4-option questions */
#gform_wrapper_1 .quiz-2col .gfield_radio {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 24px !important;
    row-gap: 16px !important;
    justify-items: center !important;
}

/* Make each choice fill its grid cell and stay centered */
#gform_wrapper_1 .quiz-2col .gchoice {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}

/* Let the pill buttons stretch nicely in the cell */
#gform_wrapper_1 .quiz-2col .gchoice label {
    width: 100% !important;
    max-width: 345px !important; /* tweak if you want wider/narrower pills */
}

@media (max-width: 600px) {
    #gform_wrapper_1 .quiz-2col .gfield_radio {
        grid-template-columns: 1fr !important;
    }
}

/* Circle arrow buttons for Prev / Next (Form ID 1) */
#gform_wrapper_1 .gform_next_button,
#gform_wrapper_1 .gform_previous_button {
    background: #F2EBE9 !important;  /* light circle */
    color: #5B5857 !important;       /* arrow color */
    border: none !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    transition: background 0.2s ease, transform 0.2s ease !important;
}

/* Hover effect */
#gform_wrapper_1 .gform_next_button:hover,
#gform_wrapper_1 .gform_previous_button:hover {
    background: #e7dfdd !important;
}

/* RESET styling for the first page "Take the Quiz" button */
#gform_page_1_1 .gform_next_button {
    width: auto !important;
    height: auto !important;
    padding: 12px 40px !important;

    border-radius: 999px !important;     /* pill shape */
    background: #3B3BA8 !important;      /* your purple */
    color: #ffffff !important;
    border: none !important;

    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Make the quiz footer a simple centered row of arrows */
#gform_wrapper_1 .gform_page_footer {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 16px !important;          /* space between ← and → */
}

/* Remove any extra margins GF adds on these buttons */
#gform_wrapper_1 .gform_page_footer .gform_next_button,
#gform_wrapper_1 .gform_page_footer .gform_previous_button {
    margin: 0 !important;
}

body img.gform_ajax_spinner {
    display: none !important;
}

/* ============================
   MULTI-STEP PROGRESS – FORM 1
   ============================ */

/* Layout the steps in a single horizontal bar */
#gform_wrapper_1 .gf_page_steps {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 0 !important;
    max-width: 700px !important;
    margin: 0 auto 40px !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Reset step items */
#gform_wrapper_1 .gf_page_steps .gf_step {
    position: relative !important;
    flex: 1 1 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
}

/* Hide the default numbers/labels completely */
#gform_wrapper_1 .gf_page_steps .gf_step_number,
#gform_wrapper_1 .gf_page_steps .gf_step_label {
    display: none !important;
}

/* ===== BAR SEGMENTS ===== */

/* Base bar (light gray) */
#gform_wrapper_1 .gf_page_steps .gf_step::before {
    content: "" !important;
    position: absolute !important;
    left: 2px !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    height: 10px !important;
    background: #E4DDE2 !important;      /* light gray */
    border-radius: 0 !important;
}

/* Round only the ends of the whole bar */
#gform_wrapper_1 .gf_page_steps .gf_step:first-child::before {
    border-radius: 999px 0 0 999px !important;
}
#gform_wrapper_1 .gf_page_steps .gf_step:last-child::before {
    border-radius: 0 999px 999px 0 !important;
}

/* Completed + active steps: purple bar */
#gform_wrapper_1 .gf_page_steps .gf_step.gf_step_completed::before,
#gform_wrapper_1 .gf_page_steps .gf_step.gf_step_active::before {
    background: #3B36C8 !important;      /* purple */
}

/* ===== MARKERS ABOVE THE BAR ===== */

/* Future steps → small gray dot */
#gform_wrapper_1 .gf_page_steps .gf_step::after {
    content: "" !important;
    position: absolute !important;
    top: -30px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    background: #DFD8DD !important;      /* faint gray dot */
}

/* Completed steps → purple check, NO circle */
#gform_wrapper_1 .gf_page_steps .gf_step.gf_step_completed::after {
    content: "✓" !important;
    width: auto !important;
    height: auto !important;
    background: none !important;
    color: #3B36C8 !important;           /* purple check */
    font-size: 16px !important;
    font-weight: 700 !important;
}

/* Active step → no dot / no check (just the purple bar) */
#gform_wrapper_1 .gf_page_steps .gf_step.gf_step_active::after {
    content: "" !important;
    background: transparent !important;
    width: 0 !important;
    height: 0 !important;
}

/* Remove future-step dots entirely */
#gform_wrapper_1 .gf_page_steps .gf_step:not(.gf_step_completed):not(.gf_step_active)::after {
    content: none !important;
    background: none !important;
    width: 0 !important;
    height: 0 !important;
}


#gform_wrapper_1 .gform-field-label--type-inline {
    padding-left: 10px !important;
}

#gform_submit_button_1 {
    border-radius: 1000px !important;
    background-color: #3B3BA8 !important;
    font-family: "Inter", Sans-serif !important;
    font-weight: 700 !important;
    padding: 10px 30px 10px 30px !important;
}

/* Form 1: hide steps whenever wrapper has .hide-steps */
#gform_wrapper_1.hide-steps .gf_page_steps {
    display: none !important;
}

/* Remove checkmark from the first step only */
#gform_wrapper_1 .gf_page_steps .gf_step:first-child.gf_step_completed::after {
    content: none !important;
}

/* Stop movement + color change on hover for all quiz nav buttons */
#gform_wrapper_1 .gform_next_button:hover,
#gform_wrapper_1 .gform_previous_button:hover {
    transform: none !important;
    background: inherit !important;
}

/* Arrow buttons: no visual change on hover */
#gform_wrapper_1 .gform_next_button:hover,
#gform_wrapper_1 .gform_previous_button:hover {
    color: #5B5857 !important;
}

/* "Let's get started" hover behavior */
#gform_page_1_1 .gform_next_button:hover {
    text-decoration: underline !important;
}

#gform_page_1_1 .gform_next_button:hover {
    background: #3B3BA8 !important;
    color: #ffffff !important;
}/* End custom CSS */