.elementor-63780 .elementor-element.elementor-element-502f164c{--display:flex;--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;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.5;}.elementor-63780 .elementor-element.elementor-element-502f164c:not(.elementor-motion-effects-element-type-background), .elementor-63780 .elementor-element.elementor-element-502f164c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#f7941e;background-image:url("https://invasives.org.au/wp-content/uploads/2026/10/Copy-of-ISC-Website-Front-Page-Banner-4.jpg");background-position:center left;background-size:cover;}.elementor-63780 .elementor-element.elementor-element-502f164c::before, .elementor-63780 .elementor-element.elementor-element-502f164c > .elementor-background-video-container::before, .elementor-63780 .elementor-element.elementor-element-502f164c > .e-con-inner > .elementor-background-video-container::before, .elementor-63780 .elementor-element.elementor-element-502f164c > .elementor-background-slideshow::before, .elementor-63780 .elementor-element.elementor-element-502f164c > .e-con-inner > .elementor-background-slideshow::before, .elementor-63780 .elementor-element.elementor-element-502f164c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, #000000F7 41%, #4E4E4E00 100%);}.elementor-63780 .elementor-element.elementor-element-7102d40f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-63780 .elementor-element.elementor-element-271559be{--spacer-size:8px;}.elementor-63780 .elementor-element.elementor-element-2b304d8{--display:flex;--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;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-63780 .elementor-element.elementor-element-2b304d8 .elementor-repeater-item-31e1106.jet-parallax-section__layout .jet-parallax-section__image{background-size:auto;}.elementor-63780 .elementor-element.elementor-element-22e2674f{--display:flex;--padding-top:15px;--padding-bottom:15px;--padding-left:18px;--padding-right:18px;}.elementor-63780 .elementor-element.elementor-element-22e2674f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-63780 .elementor-element.elementor-element-2c898413{text-align:start;}.elementor-63780 .elementor-element.elementor-element-2c898413 .elementor-heading-title{font-family:"Square Peg", Sans-serif;font-size:5.7em;font-weight:500;text-transform:none;line-height:0.9em;letter-spacing:0.2px;color:#A8E9A8;}.elementor-63780 .elementor-element.elementor-element-0c118da{text-align:start;}.elementor-63780 .elementor-element.elementor-element-0c118da .elementor-heading-title{font-family:"Square Peg", Sans-serif;font-size:5.7em;font-weight:500;text-transform:none;line-height:0.9em;letter-spacing:0.2px;color:#A8E9A8;}.elementor-63780 .elementor-element.elementor-element-e819d67{width:var( --container-widget-width, 72.223% );max-width:72.223%;--container-widget-width:72.223%;--container-widget-flex-grow:0;color:var( --e-global-color-565e4f00 );}.elementor-63780 .elementor-element.elementor-element-e819d67.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-63780 .elementor-element.elementor-element-5fbcafc1{--spacer-size:30px;}.elementor-63780 .elementor-element.elementor-element-41e5d47c{--display:flex;}.elementor-63780 .elementor-element.elementor-element-74e3b92a{--display:flex;}.elementor-63780 .elementor-element.elementor-element-ff9e498{--spacer-size:55px;}.elementor-63780 .elementor-element.elementor-element-74cce629{--display:flex;--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;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:-6rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--z-index:1;}.elementor-63780 .elementor-element.elementor-element-b9124af{--display:flex;}.elementor-63780 .elementor-element.elementor-element-693bb41{--display:flex;--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;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-63780 .elementor-element.elementor-element-b326f82{--display:flex;--border-radius:25px 25px 25px 25px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0rem;--margin-bottom:2rem;--margin-left:0rem;--margin-right:0rem;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;--z-index:3;}.elementor-63780 .elementor-element.elementor-element-b326f82:not(.elementor-motion-effects-element-type-background), .elementor-63780 .elementor-element.elementor-element-b326f82 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2711aa8 );}.elementor-63780 .elementor-element.elementor-element-658e275 > .elementor-widget-container{padding:0rem 1rem 0rem 1rem;}.elementor-63780 .elementor-element.elementor-element-658e275{text-align:start;}.elementor-63780 .elementor-element.elementor-element-658e275 .elementor-heading-title{font-family:var( --e-global-typography-9e88da7-font-family ), Sans-serif;font-size:var( --e-global-typography-9e88da7-font-size );font-weight:var( --e-global-typography-9e88da7-font-weight );line-height:var( --e-global-typography-9e88da7-line-height );}body.elementor-page-63780:not(.elementor-motion-effects-element-type-background), body.elementor-page-63780 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-565e4f00 );}@media(min-width:768px){.elementor-63780 .elementor-element.elementor-element-22e2674f{--width:60%;}.elementor-63780 .elementor-element.elementor-element-41e5d47c{--width:40%;}.elementor-63780 .elementor-element.elementor-element-74e3b92a{--width:23.818%;}}@media(max-width:1024px){.elementor-63780 .elementor-element.elementor-element-502f164c:not(.elementor-motion-effects-element-type-background), .elementor-63780 .elementor-element.elementor-element-502f164c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-63780 .elementor-element.elementor-element-271559be{--spacer-size:30px;}.elementor-63780 .elementor-element.elementor-element-22e2674f{--padding-top:10px;--padding-bottom:15px;--padding-left:30px;--padding-right:30px;}.elementor-63780 .elementor-element.elementor-element-658e275 .elementor-heading-title{font-size:var( --e-global-typography-9e88da7-font-size );line-height:var( --e-global-typography-9e88da7-line-height );}}@media(max-width:767px){.elementor-63780 .elementor-element.elementor-element-502f164c:not(.elementor-motion-effects-element-type-background), .elementor-63780 .elementor-element.elementor-element-502f164c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://invasives.org.au/wp-content/uploads/2026/10/Copy-of-ISC-Website-Front-Page-Banner.jpg");background-position:800px 0px;}.elementor-63780 .elementor-element.elementor-element-502f164c{--overlay-opacity:0.61;}.elementor-63780 .elementor-element.elementor-element-271559be{--spacer-size:10px;}.elementor-63780 .elementor-element.elementor-element-2c898413{text-align:center;}.elementor-63780 .elementor-element.elementor-element-2c898413 .elementor-heading-title{font-size:4em;}.elementor-63780 .elementor-element.elementor-element-e819d67{width:var( --container-widget-width, 297.104px );max-width:297.104px;--container-widget-width:297.104px;--container-widget-flex-grow:0;text-align:center;}.elementor-63780 .elementor-element.elementor-element-5fbcafc1{--spacer-size:0px;}.elementor-63780 .elementor-element.elementor-element-ff9e498{--spacer-size:10px;}.elementor-63780 .elementor-element.elementor-element-74cce629{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-63780 .elementor-element.elementor-element-658e275 .elementor-heading-title{font-size:var( --e-global-typography-9e88da7-font-size );line-height:var( --e-global-typography-9e88da7-line-height );}}/* Start custom CSS for container, class: .elementor-element-b326f82 *//* ==========================================
   WILDLIFE QUIZ - GRAVITY FORM 213
   Elementor custom CSS (revised)
   ========================================== */

/* ------------------------------------------
   1. SECTION DIVIDERS AND SPACING
   ------------------------------------------ */

.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gsection {
    border: none !important;
    --gf-field-section-border-width: 0px;
    --gf-field-section-padding-y-end: 0px;
    padding-bottom: 0 !important;
    margin-top: 28px !important;
    margin-bottom: 8px !important;
}

.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gform_fields {
    row-gap: 22px !important;
}

/* ------------------------------------------
   2. HEADINGS AND LABELS
   Large headings only on quiz questions and
   section titles, so any other field added
   later keeps a normal label size.
   ------------------------------------------ */

.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gfield--type-quiz > .gfield_label,
.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gfield--type-radio > .gfield_label,
.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gsection_title {
    font-size: 22px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
}

.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gfield--type-name > .gfield_label,
.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gfield--type-email > .gfield_label {
    font-size: 15px !important;
    font-weight: 600 !important;
}

/* First and Last sublabels */
.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gfield--type-name .ginput_complex label {
    font-size: 14px !important;
    line-height: 1.4 !important;
    color: #77736F !important;
    font-weight: 400 !important;
}

.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gfield--type-name .ginput_complex input {
    margin-top: 8px !important;
}

/* ------------------------------------------
   3. NAME AND EMAIL INPUTS
   Border darkened to meet the 3:1 contrast
   WCAG expects for form field outlines.
   ------------------------------------------ */

.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gfield--type-name input,
.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gfield--type-email input {
    background: #FFFFFF !important;
    border: 1px solid #8E8780 !important;
    border-radius: 8px !important;
    padding: 14px 16px !important;
    min-height: 54px !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    color: #292929 !important;
    box-shadow: none !important;
    width: 100%;
    box-sizing: border-box;
    transition: border-color 0.2s, background 0.2s;
}

.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gfield--type-name input:focus,
.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gfield--type-email input:focus {
    background: #FFFFFF !important;
    border-color: #527A59 !important;
    outline: 2px solid #A8C2AA !important;
    outline-offset: 1px;
    box-shadow: none !important;
}

/* Validation errors - restores the red outline
   the custom border was hiding */
.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gfield_error input,
.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gfield_error input:focus {
    border-color: #C02B0A !important;
}

/* ------------------------------------------
   4. MULTIPLE-CHOICE ANSWER CARDS
   Selected state is neutral rather than green,
   so it doesn't read as "correct".
   ------------------------------------------ */

.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gchoice {
    position: relative;
    background: #FFFFFF;
    border: 1px solid #C9C2BB;
    border-radius: 8px;
    padding: 12px 16px;
    margin-bottom: 8px;
    cursor: pointer;
    display: flex !important;
    align-items: center;
    gap: 12px;
    transition: background 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s;
}

/* Radio and answer text on one line */
.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gchoice input[type="radio"] {
    flex-shrink: 0;
    margin: 0 !important;
}

.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gchoice label {
    display: flex !important;
    align-items: center;
    gap: 8px;
    flex: 1;
    margin: 0 !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    cursor: pointer !important;
}

/* Makes the whole card clickable, padding included */
.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gchoice label::before {
    content: '';
    position: absolute;
    inset: 0;
}

/* Hover only on devices with a real pointer,
   so it doesn't stick after a tap on mobile */
@media (hover: hover) {
    .elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gchoice:not(:has(input:disabled)):hover {
        background: #FAF8F6;
        border-color: #8E8780;
    }
}

/* Selected answer - dark border doubled with an
   inset shadow, so the layout doesn't shift */
.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gchoice:has(input:checked) {
    background: #F3EFEB !important;
    border-color: #3A3633 !important;
    box-shadow: inset 0 0 0 1px #3A3633;
}

/* Keyboard focus */
.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gchoice:has(input:focus-visible) {
    outline: 2px solid #527A59;
    outline-offset: 2px;
}

/* ------------------------------------------
   4b. INSTANT FEEDBACK - CORRECT / INCORRECT
   Requires Instant Feedback in the form's Quiz
   settings. The add-on marks the correct answer
   green and a wrong pick red, then locks the
   question. Selectors cover the class landing
   on the card or on an element inside it.
   The extra .gfield in each .elementor-63780 .elementor-element.elementor-element-b326f82 lifts
   specificity above the neutral selected
   state, which otherwise wins on the answer
   the person picked.
   ------------------------------------------ */

/* Answered question - fade the options that
   are neither correct nor the wrong pick, so
   the two highlighted cards stand out */
.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gfield .gchoice:has(input:disabled) {
    opacity: 0.55;
    cursor: default !important;
}

.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gfield .gchoice:has(input:disabled) label {
    cursor: default !important;
}

/* Correct answer */
.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gfield .gchoice.gquiz-correct-choice,
.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gfield .gchoice:has(.gquiz-correct-choice) {
    opacity: 1 !important;
    background: #CFE3CF !important;
    border-color: #2F6B3B !important;
    box-shadow: inset 0 0 0 1px #2F6B3B !important;
}

.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gfield .gchoice.gquiz-correct-choice label,
.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gfield .gchoice:has(.gquiz-correct-choice) label {
    color: #1E4A27 !important;
    font-weight: 700 !important;
}

/* Wrong pick */
.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gfield .gchoice.gquiz-incorrect-choice,
.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gfield .gchoice:has(.gquiz-incorrect-choice) {
    opacity: 1 !important;
    background: #F6D3CC !important;
    border-color: #B3261E !important;
    box-shadow: inset 0 0 0 1px #B3261E !important;
}

.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gfield .gchoice.gquiz-incorrect-choice label,
.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gfield .gchoice:has(.gquiz-incorrect-choice) label {
    color: #7A1A12 !important;
    font-weight: 700 !important;
}

/* Bigger tick and cross icons - colour alone
   isn't enough for colour-blind users */
.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gchoice img {
    width: 22px !important;
    height: 22px !important;
}

/* ------------------------------------------
   5. QUIZ ANSWER EXPLANATIONS
   ------------------------------------------ */

.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gquiz-answer-explanation {
    font-size: 18px !important;
    line-height: 1.65 !important;
    color: #333333 !important;
    margin-top: 20px !important;
    margin-bottom: 24px !important;
    padding: 0 !important;
}

.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gquiz-answer-explanation p {
    font-size: inherit !important;
    line-height: inherit !important;
    margin-bottom: 12px !important;
}

/* ------------------------------------------
   6. PROGRESS BAR
   ------------------------------------------ */

.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gf_progressbar {
    background: #D5DDD2 !important;
    border-radius: 20px !important;
    overflow: hidden;
}

.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gf_progressbar_percentage {
    background: #527A59 !important;
    background-image: none !important;
    border-radius: 20px !important;
    color: #FFFFFF !important;
}

.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gf_progressbar_percentage span {
    color: #FFFFFF !important;
}

.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gf_progressbar_wrapper {
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 24px !important;
}

/* ------------------------------------------
   7. NAVIGATION BUTTONS
   Next and Submit are solid green. Previous is
   an outline button so it's clearly secondary.
   ------------------------------------------ */

.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gform_next_button,
.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gform_button,
.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gform_previous_button {
    border-radius: 8px !important;
    padding: 14px 24px !important;
    font-family: inherit;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}

.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gform_next_button,
.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gform_button {
    background: #527A59 !important;
    color: #FFFFFF !important;
    border: none !important;
}

.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gform_next_button:hover,
.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gform_button:hover {
    background: #3D6044 !important;
}

.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gform_previous_button {
    background: transparent !important;
    color: #527A59 !important;
    border: 2px solid #527A59 !important;
    padding: 12px 22px !important;
}

.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gform_previous_button:hover {
    background: #F2F6F0 !important;
    color: #3D6044 !important;
}

.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gform_next_button:focus-visible,
.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gform_button:focus-visible,
.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gform_previous_button:focus-visible {
    outline: 2px solid #292929 !important;
    outline-offset: 2px;
}

/* ------------------------------------------
   8. CONFIRMATION DONATION BUTTON
   ------------------------------------------ */

.elementor-63780 .elementor-element.elementor-element-b326f82 .wildlife-donate-button {
    display: inline-block !important;
    background-color: #527A59 !important;
    color: #FFFFFF !important;
    padding: 16px 28px !important;
    border-radius: 8px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    text-align: center;
    margin: 12px 0 24px;
    transition: background-color 0.2s ease;
}

.elementor-63780 .elementor-element.elementor-element-b326f82 .wildlife-donate-button:hover,
.elementor-63780 .elementor-element.elementor-element-b326f82 .wildlife-donate-button:focus {
    background-color: #3D6044 !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
}

.elementor-63780 .elementor-element.elementor-element-b326f82 .wildlife-donate-button:focus-visible {
    outline: 2px solid #292929;
    outline-offset: 2px;
}

/* ------------------------------------------
   9. MOBILE ADJUSTMENTS
   ------------------------------------------ */

@media (max-width: 767px) {

    .elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gfield--type-quiz > .gfield_label,
    .elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gfield--type-radio > .gfield_label,
    .elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gsection_title {
        font-size: 19px !important;
    }

    .elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gchoice {
        padding: 12px;
    }

    /* 16px keeps iOS from zooming on focus */
    .elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gfield--type-name input,
    .elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gfield--type-email input {
        min-height: 50px !important;
        font-size: 16px !important;
        padding: 12px 14px !important;
    }

    .elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213 .gquiz-answer-explanation {
        font-size: 16px !important;
        line-height: 1.6 !important;
    }

    .elementor-63780 .elementor-element.elementor-element-b326f82 .wildlife-donate-button {
        display: block !important;
        width: 100%;
        box-sizing: border-box;
        padding: 16px 20px !important;
    }
}

/* ==========================================
   WILDLIFE QUIZ — ANSWER FEEDBACK COLOURS
   ========================================== */

/* Correct answer: green */
.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213
.gchoice.gquiz-correct-choice {
    background: #DFE7DC !important;
    border: 2px solid #527A59 !important;
}

/* Correct answer text */
.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213
.gchoice.gquiz-correct-choice label {
    color: #305A38 !important;
    font-weight: 600 !important;
}

/* Incorrect selected answer: soft red */
.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213
.gchoice.gquiz-incorrect-choice {
    background: #F9E8E5 !important;
    border: 2px solid #C77B70 !important;
}

/* Incorrect answer text */
.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213
.gchoice.gquiz-incorrect-choice label {
    color: #8B4038 !important;
}

/* Override existing selected-card green */
.elementor-63780 .elementor-element.elementor-element-b326f82 #gform_wrapper_213
.gchoice:has(input:checked):not(.gquiz-correct-choice):not(.gquiz-incorrect-choice) {
    background: #DFE7DC;
    border-color: #527A59;
}


/* ==========================================
   WILDLIFE QUIZ — RESULTS CARD
   ========================================== */

/* Result card */
.elementor-63780 .elementor-element.elementor-element-b326f82 .wildlife-result-card {
    background: #DFE7DC;
    border: 1px solid #A8C2AA;
    border-radius: 16px;
    padding: 32px 28px;
    margin: 24px 0 32px;
    text-align: center;
}

/* Small heading above result */
.elementor-63780 .elementor-element.elementor-element-b326f82 .wildlife-result-eyebrow {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #527A59;
    margin-bottom: 14px;
}

/* Main wildlife result */
.elementor-63780 .elementor-element.elementor-element-b326f82 .wildlife-result-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.25;
    color: #305A38;
    margin-bottom: 14px;
}

/* Supporting message */
.elementor-63780 .elementor-element.elementor-element-b326f82 .wildlife-result-description {
    font-size: 18px !important;
    line-height: 1.6 !important;
    color: #305A38 !important;
    max-width: 580px;
    margin: 0 auto !important;
}

/* Mobile adjustments */
@media (max-width: 767px) {

    .elementor-63780 .elementor-element.elementor-element-b326f82 .wildlife-result-card {
        padding: 24px 18px;
        margin: 20px 0 28px;
    }

    .elementor-63780 .elementor-element.elementor-element-b326f82 .wildlife-result-title {
        font-size: 26px;
    }

    .elementor-63780 .elementor-element.elementor-element-b326f82 .wildlife-result-description {
        font-size: 16px !important;
    }
}/* End custom CSS */
/* Start custom CSS */}/* End custom CSS */