.component-fraud-quiz {
    --black: #1a1a1a;
    --white: #fff;
    --md-gray: #757575;
    --max-width: 1680px;
    --large-container-padding: 75px;
    --small-container-padding: 20px;
    --large-block-margin: 60px;
    --small-block-margin: 60px;
    --large-position-margin: 35px;
    --padding-inline: 35px;
    --padding-inline-small: 20px;
    --spacing: 20px;
    --color-blue-base: #015cab;
    --color-blue-medium: #71c5e9;
    --color-blue-light: #b6eeff;
    --color-blue-extra-light: #e3f4fc;
    --color-green-base: #007970;
    --color-green-light: #b3e7e3;
    --color-red-base: #d42b2b;
    --color-red-light: #f9cfd3;
    --blue-gradient: linear-gradient(148deg,var(--color-blue-light) 0%, var(--white) 63%);
    --green-gradient: linear-gradient(90deg,var(--color-green-light) 0%, rgba(255, 255, 255, 0) 80%);
    --red-gradient: linear-gradient(90deg,var(--color-red-light) 0%, rgba(255, 255, 255, 0) 80%)
}

@font-face {
    font-family: Brandon Grotesque;
    src: url(../fonts/Brandon_light.otf);
    font-weight: 300
}

@font-face {
    font-family: Brandon Grotesque;
    src: url(../fonts/Brandon_reg.otf);
    font-weight: 400
}

@font-face {
    font-family: Brandon Grotesque;
    src: url(../fonts/Brandon_med.otf);
    font-weight: 500
}

@font-face {
    font-family: Brandon Grotesque;
    src: url(../fonts/Brandon_bld.otf);
    font-weight: 700
}

@font-face {
    font-family: Brandon Grotesque;
    src: url(../fonts/Brandon_blk.otf);
    font-weight: 900
}

@font-face {
    font-family: MyriadPro;
    src: url(../fonts/MyriadPro-Regular.otf);
    font-weight: 300
}

.component-fraud-quiz quiz-component #quiz-results .email-form input,
.component-fraud-quiz quiz-component button,
.component-fraud-quiz quiz-component {
    font-family: Brandon Grotesque,sans-serif;
    border-radius: 30px;
}

.component-fraud-quiz section {
    margin-block: var(--small-block-margin)
}

@media (width >= 750px) {
    .component-fraud-quiz section {
        margin-block: var(--large-block-margin)
    }
}

.component-fraud-quiz quiz-component {
    display: block;
    overflow: hidden;
    max-width: var(--max-width);
    margin-inline: auto;
    position: relative;
    padding-inline: var(--small-container-padding);
    background: var(--white);
    color: var(--black);
    text-size-adjust: 100%
}

    .component-fraud-quiz quiz-component .visually-hidden {
        position: absolute !important;
        overflow: hidden;
        width: 1px;
        height: 1px;
        padding: 0;
        border: 0;
        clip: rect(1px,1px,1px,1px)
    }

@media (min-width: 1024px) {
    .component-fraud-quiz quiz-component:has(#quiz-intro:not([hidden])) {
        padding-inline: var(--large-container-padding)
    }
}

@media (min-width: 1440px) {
    .component-fraud-quiz quiz-component {
        padding-inline: var(--large-container-padding)
    }
}

.component-fraud-quiz quiz-component button {
    position: relative;
    border: 2px solid transparent;
    padding-block: 18px;
    padding-inline: 40px;
    border-radius: 10px;
    font-weight: 900;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .75px;
    transition: color .2s,background-color .2s,border .2s;
    color: var(--color-blue-base);
    background-color: var(--white);
    border-color: transparent
}

@media (max-width: 499px) {
    .component-fraud-quiz quiz-component button {
        font-size: 1.8rem
    }
}

@media (min-width: 500px) and (max-width: 749px) {
    .component-fraud-quiz quiz-component button {
        font-size: 1.8333333333rem
    }
}

@media (min-width: 750px) and (max-width: 1023px) {
    .component-fraud-quiz quiz-component button {
        font-size: 1.85rem
    }
}

@media (min-width: 1024px) and (max-width: 1249px) {
    .component-fraud-quiz quiz-component button {
        font-size: 1.9rem
    }
}

@media (min-width: 1250px) and (max-width: 1679px) {
    .component-fraud-quiz quiz-component button {
        font-size: 1.95rem
    }
}

@media (min-width: 1680px) {
    .component-fraud-quiz quiz-component button {
        font-size: 2rem
    }
}

.component-fraud-quiz quiz-component button.disabled:hover,
.component-fraud-quiz quiz-component button.disabled:focus,
.component-fraud-quiz quiz-component button[disabled]:hover,
.component-fraud-quiz quiz-component button[disabled]:focus,
.component-fraud-quiz fieldset[disabled] quiz-component button:hover,
.component-fraud-quiz fieldset[disabled] quiz-component button:focus {
    background-color: var(--white);
    border-color: transparent
}

.component-fraud-quiz quiz-component button:focus,
.component-fraud-quiz quiz-component button:hover,
.component-fraud-quiz quiz-component button:active {
    color: var(--white);
    background-color: var(--color-blue-base);
    border-color: var(--white);
    text-decoration: none
}

.component-fraud-quiz quiz-component button:disabled {
    opacity: .5
}

.component-fraud-quiz quiz-component:has(#quiz-intro:not([hidden])) {
    background: var(--color-blue-base)
}

.component-fraud-quiz quiz-component:has(quiz-question:not([hidden])) {
    background: var(--blue-gradient)
}

.component-fraud-quiz quiz-component:has(#quiz-results:not([hidden])) {
    background: var(--color-blue-extra-light)
}

.component-fraud-quiz quiz-component .quiz-page-content {
    display: grid;
    gap: 80px;
    grid-template-columns: 1fr;
    align-items: center
}

    .component-fraud-quiz quiz-component .quiz-page-content .image {
        display: flex;
        align-items: center;
        justify-content: center;
        grid-column-start: 1;
        grid-row-start: 2
    }

        .component-fraud-quiz quiz-component .quiz-page-content .image img {
            max-width: 100%;
            height: auto
        }

    .component-fraud-quiz quiz-component .quiz-page-content .content {
        padding-block: 40px 20px;
        grid-column-start: 1;
        grid-row-start: 1;
        text-align: center
    }

        .component-fraud-quiz quiz-component .quiz-page-content .content ul {
            padding-inline-start: 0;
            list-style: none;
            text-align: center
        }

        .component-fraud-quiz quiz-component .quiz-page-content .content li:first-of-type {
            margin-block-end: 20px
        }

    .component-fraud-quiz quiz-component .quiz-page-content p,
    .component-fraud-quiz quiz-component .quiz-page-content li,
    .component-fraud-quiz quiz-component .quiz-page-content label {
        font-weight: 300;
        line-height: 1.3
    }

@media (max-width: 499px) {
    .component-fraud-quiz quiz-component .quiz-page-content p,
    .component-fraud-quiz quiz-component .quiz-page-content li,
    .component-fraud-quiz quiz-component .quiz-page-content label {
        font-size: 1.8rem
    }
}

@media (min-width: 500px) and (max-width: 749px) {
    .component-fraud-quiz quiz-component .quiz-page-content p,
    .component-fraud-quiz quiz-component .quiz-page-content li,
    .component-fraud-quiz quiz-component .quiz-page-content label {
        font-size: 1.8666666667rem
    }
}

@media (min-width: 750px) and (max-width: 1023px) {
    .component-fraud-quiz quiz-component .quiz-page-content p,
    .component-fraud-quiz quiz-component .quiz-page-content li,
    .component-fraud-quiz quiz-component .quiz-page-content label {
        font-size: 1.9rem
    }
}

@media (min-width: 1024px) and (max-width: 1249px) {
    .component-fraud-quiz quiz-component .quiz-page-content p,
    .component-fraud-quiz quiz-component .quiz-page-content li,
    .component-fraud-quiz quiz-component .quiz-page-content label {
        font-size: 2rem
    }
}

@media (min-width: 1250px) and (max-width: 1679px) {
    .component-fraud-quiz quiz-component .quiz-page-content p,
    .component-fraud-quiz quiz-component .quiz-page-content li,
    .component-fraud-quiz quiz-component .quiz-page-content label {
        font-size: 2.1rem
    }
}

@media (min-width: 1680px) {
    .component-fraud-quiz quiz-component .quiz-page-content p,
    .component-fraud-quiz quiz-component .quiz-page-content li,
    .component-fraud-quiz quiz-component .quiz-page-content label {
        font-size: 2.2rem
    }
}

.component-fraud-quiz quiz-component .quiz-page-content h1,
.component-fraud-quiz quiz-component .quiz-page-content h2 {
    line-height: 1
}

@media (max-width: 499px) {
    .component-fraud-quiz quiz-component .quiz-page-content h1,
    .component-fraud-quiz quiz-component .quiz-page-content h2 {
        font-size: 3.4rem
    }
}

@media (min-width: 500px) and (max-width: 749px) {
    .component-fraud-quiz quiz-component .quiz-page-content h1,
    .component-fraud-quiz quiz-component .quiz-page-content h2 {
        font-size: 3.6666666667rem
    }
}

@media (min-width: 750px) and (max-width: 1023px) {
    .component-fraud-quiz quiz-component .quiz-page-content h1,
    .component-fraud-quiz quiz-component .quiz-page-content h2 {
        font-size: 3.8rem
    }
}

@media (min-width: 1024px) and (max-width: 1249px) {
    .component-fraud-quiz quiz-component .quiz-page-content h1,
    .component-fraud-quiz quiz-component .quiz-page-content h2 {
        font-size: 4.2rem
    }
}

@media (min-width: 1250px) and (max-width: 1679px) {
    .component-fraud-quiz quiz-component .quiz-page-content h1,
    .component-fraud-quiz quiz-component .quiz-page-content h2 {
        font-size: 4.6rem
    }
}

@media (min-width: 1680px) {
    .component-fraud-quiz quiz-component .quiz-page-content h1,
    .component-fraud-quiz quiz-component .quiz-page-content h2 {
        font-size: 5rem
    }
}

.component-fraud-quiz quiz-component #quiz-intro {
    color: var(--white);
    margin-block: 40px 20px
}

    .component-fraud-quiz quiz-component #quiz-intro .image {
        margin-inline-start: -75px;
        justify-content: start
    }

    .component-fraud-quiz quiz-component #quiz-intro .prizes {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-inline: auto;
        width: fit-content
    }

        .component-fraud-quiz quiz-component #quiz-intro .prizes img {
            max-height: 100%;
            max-width: 100%;
            height: 100%;
            max-width: 130px;
            width: auto
        }

.component-fraud-quiz quiz-component quiz-question {
    display: block;
    padding-block: 40px
}

    .component-fraud-quiz quiz-component quiz-question .quiz-page-content {
        gap: 40px
    }

        .component-fraud-quiz quiz-component quiz-question .quiz-page-content .quiz-question-text {
            font-weight: 500;
            margin-block-end: 20px;
            text-align: center;
            line-height: 1.2
        }

@media (max-width: 499px) {
    .component-fraud-quiz quiz-component quiz-question .quiz-page-content .quiz-question-text {
        font-size: 2.2rem
    }
}

@media (min-width: 500px) and (max-width: 749px) {
    .component-fraud-quiz quiz-component quiz-question .quiz-page-content .quiz-question-text {
        font-size: 2.2833333333rem
    }
}

@media (min-width: 750px) and (max-width: 1023px) {
    .component-fraud-quiz quiz-component quiz-question .quiz-page-content .quiz-question-text {
        font-size: 2.325rem
    }
}

@media (min-width: 1024px) and (max-width: 1249px) {
    .component-fraud-quiz quiz-component quiz-question .quiz-page-content .quiz-question-text {
        font-size: 2.45rem
    }
}

@media (min-width: 1250px) and (max-width: 1679px) {
    .component-fraud-quiz quiz-component quiz-question .quiz-page-content .quiz-question-text {
        font-size: 2.575rem
    }
}

@media (min-width: 1680px) {
    .component-fraud-quiz quiz-component quiz-question .quiz-page-content .quiz-question-text {
        font-size: 2.7rem
    }
}

.component-fraud-quiz quiz-component quiz-question .quiz-page-content .image {
    grid-row-start: 1;
    max-width: 650px;
    margin-inline: auto
}

.component-fraud-quiz quiz-component quiz-question .quiz-page-content .content {
    grid-row-start: 2
}

.component-fraud-quiz quiz-component quiz-question .quiz-answer {
    align-self: center;
    margin-block-start: 10px
}

    .component-fraud-quiz quiz-component quiz-question .quiz-answer input {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        clip: rect(0,0,0,0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        position: absolute
    }

    .component-fraud-quiz quiz-component quiz-question .quiz-answer:not(.selected-answer):has(input[type=radio]:checked) label:before {
        border: 3px solid var(--color-blue-base)
    }

    .component-fraud-quiz quiz-component quiz-question .quiz-answer label {
        padding-inline: 10px;
        padding-block: 10px;
        display: grid;
        grid-template-columns: 30px 1fr;
        gap: 5px;
        align-items: center;
        position: relative;
        width: 100%;
        font-weight: 300;
        line-height: 1.2
    }

        .component-fraud-quiz quiz-component quiz-question .quiz-answer label .letter {
            font-weight: 900;
            justify-self: center
        }

        .component-fraud-quiz quiz-component quiz-question .quiz-answer label .text {
            grid-row: 1/span 2
        }

@media (max-width: 499px) {
    .component-fraud-quiz quiz-component quiz-question .quiz-answer label .text {
        font-size: 1.6rem
    }
}

@media (min-width: 500px) and (max-width: 749px) {
    .component-fraud-quiz quiz-component quiz-question .quiz-answer label .text {
        font-size: 1.7rem
    }
}

@media (min-width: 750px) and (max-width: 1023px) {
    .component-fraud-quiz quiz-component quiz-question .quiz-answer label .text {
        font-size: 1.75rem
    }
}

@media (min-width: 1024px) and (max-width: 1249px) {
    .component-fraud-quiz quiz-component quiz-question .quiz-answer label .text {
        font-size: 1.9rem
    }
}

@media (min-width: 1250px) and (max-width: 1679px) {
    .component-fraud-quiz quiz-component quiz-question .quiz-answer label .text {
        font-size: 2.05rem
    }
}

@media (min-width: 1680px) {
    .component-fraud-quiz quiz-component quiz-question .quiz-answer label .text {
        font-size: 2.2rem
    }
}

.component-fraud-quiz quiz-component quiz-question .quiz-answer label .marker {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: transparent;
    position: relative;
    justify-self: center;
    grid-column-start: 1;
    grid-row-start: 2
}

.component-fraud-quiz quiz-component quiz-question .quiz-answer label:before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0;
    width: 100%;
    height: 100%;
    border-radius: 9px;
    border: 1px solid var(--black)
}

.component-fraud-quiz quiz-component quiz-question .selected-answer:not(.correct-answer) label {
    color: var(--color-red-base)
}

    .component-fraud-quiz quiz-component quiz-question .selected-answer:not(.correct-answer) label:before {
        border: 3px solid var(--color-red-base)
    }

    .component-fraud-quiz quiz-component quiz-question .selected-answer:not(.correct-answer) label .marker {
        background-color: var(--color-red-base)
    }

        .component-fraud-quiz quiz-component quiz-question .selected-answer:not(.correct-answer) label .marker:after {
            content: "";
            display: block;
            width: 2px;
            height: 50%;
            background-color: var(--white);
            transform: rotate(45deg);
            position: absolute;
            top: 25%;
            left: 45%
        }

        .component-fraud-quiz quiz-component quiz-question .selected-answer:not(.correct-answer) label .marker:before {
            content: "";
            display: block;
            width: 2px;
            height: 50%;
            background-color: var(--white);
            transform: rotate(-45deg);
            position: absolute;
            top: 25%;
            left: 45%
        }

.component-fraud-quiz quiz-component quiz-question .correct-answer label {
    color: var(--color-green-base)
}

    .component-fraud-quiz quiz-component quiz-question .correct-answer label:before {
        border: 3px solid var(--color-green-base)
    }

    .component-fraud-quiz quiz-component quiz-question .correct-answer label .marker {
        background-color: var(--color-green-base)
    }

        .component-fraud-quiz quiz-component quiz-question .correct-answer label .marker:after {
            content: "";
            display: block;
            width: 27%;
            height: 40%;
            transform: rotate(45deg);
            position: absolute;
            border-inline-end: 2px solid var(--white);
            border-block-end: 2px solid var(--white);
            top: 25%;
            left: 36%
        }

.component-fraud-quiz quiz-component quiz-question fieldset {
    border: none
}

    .component-fraud-quiz quiz-component quiz-question fieldset:has(input[type=radio]:focus-visible) {
        outline: 2px solid var(--color-blue-base);
        outline-offset: 8px
    }

.component-fraud-quiz quiz-component quiz-question #result-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 20px;
    margin-block-start: 20px;
    border-radius: 9px
}

    .component-fraud-quiz quiz-component quiz-question #result-card img {
        display: none;
        width: 100%;
        height: auto;
        max-width: 150px
    }

    .component-fraud-quiz quiz-component quiz-question #result-card .quiz-question-result {
        line-height: 1.2
    }

    .component-fraud-quiz quiz-component quiz-question #result-card.correct-result-card {
        background: var(--green-gradient)
    }

        .component-fraud-quiz quiz-component quiz-question #result-card.correct-result-card img.correct-img {
            display: block
        }

    .component-fraud-quiz quiz-component quiz-question #result-card.incorrect-result-card {
        background: var(--red-gradient)
    }

        .component-fraud-quiz quiz-component quiz-question #result-card.incorrect-result-card img.incorrect-img {
            display: block
        }

.component-fraud-quiz quiz-component #quiz-results {
    background: var(--color-blue-extra-light)
}

    .component-fraud-quiz quiz-component #quiz-results .email-form {
        margin-block-start: 40px
    }

        .component-fraud-quiz quiz-component #quiz-results .email-form label {
            background: var(--color-blue-extra-light);
            background-color: var(--color-blue-extra-light);
            padding-block-end: 10px;
            padding-inline: 10px 12px;
            z-index: 1;
            font-weight: 400;
            transform: translate(10px,-13px);
            position: absolute
        }

@media (max-width: 499px) {
    .component-fraud-quiz quiz-component #quiz-results .email-form label {
        font-size: 1.8rem
    }
}

@media (min-width: 500px) and (max-width: 749px) {
    .component-fraud-quiz quiz-component #quiz-results .email-form label {
        font-size: 1.8rem
    }
}

@media (min-width: 750px) and (max-width: 1023px) {
    .component-fraud-quiz quiz-component #quiz-results .email-form label {
        font-size: 1.8rem
    }
}

@media (min-width: 1024px) and (max-width: 1249px) {
    .component-fraud-quiz quiz-component #quiz-results .email-form label {
        font-size: 1.8rem
    }
}

@media (min-width: 1250px) and (max-width: 1679px) {
    .component-fraud-quiz quiz-component #quiz-results .email-form label {
        font-size: 1.8rem
    }
}

@media (min-width: 1680px) {
    .component-fraud-quiz quiz-component #quiz-results .email-form label {
        font-size: 1.8rem
    }
}

.component-fraud-quiz quiz-component #quiz-results .email-form input::placeholder {
    font-style: italic
}

.component-fraud-quiz quiz-component #quiz-results .email-form input {
    padding: 20px;
    display: inline-block;
    position: relative;
    background: transparent;
    border-radius: 9px;
    border: 1px solid var(--black);
    width: 100%;
    margin-block-end: 30px;
    color: var(--black)
}

@media (max-width: 499px) {
    .component-fraud-quiz quiz-component #quiz-results .email-form input {
        font-size: 1.8rem
    }
}

@media (min-width: 500px) and (max-width: 749px) {
    .component-fraud-quiz quiz-component #quiz-results .email-form input {
        font-size: 1.8666666667rem
    }
}

@media (min-width: 750px) and (max-width: 1023px) {
    .component-fraud-quiz quiz-component #quiz-results .email-form input {
        font-size: 1.9rem
    }
}

@media (min-width: 1024px) and (max-width: 1249px) {
    .component-fraud-quiz quiz-component #quiz-results .email-form input {
        font-size: 2rem
    }
}

@media (min-width: 1250px) and (max-width: 1679px) {
    .component-fraud-quiz quiz-component #quiz-results .email-form input {
        font-size: 2.1rem
    }
}

@media (min-width: 1680px) {
    .component-fraud-quiz quiz-component #quiz-results .email-form input {
        font-size: 2.2rem
    }
}

.component-fraud-quiz quiz-component #quiz-results .email-form input:active,
.component-fraud-quiz quiz-component #quiz-results .email-form input:focus {
    outline: 2px solid var(--color-blue-base);
    outline-offset: 2px
}

@media (min-width: 1024px) {
    .component-fraud-quiz quiz-component #quiz-results .email-form input {
        padding: 20px
    }
}

.component-fraud-quiz quiz-component .email-form button {
    color: var(--white);
    background-color: var(--color-blue-base);
    border-color: var(--color-blue-base);
    padding-block: 20px;
    padding-inline: 40px;
    border-width: 1px
}

    .component-fraud-quiz quiz-component .email-form button.disabled:hover,
    .component-fraud-quiz quiz-component .email-form button.disabled:focus,
    .component-fraud-quiz quiz-component .email-form button[disabled]:hover,
    .component-fraud-quiz quiz-component .email-form button[disabled]:focus,
    .component-fraud-quiz fieldset[disabled] quiz-component .email-form button:hover,
    .component-fraud-quiz fieldset[disabled] quiz-component .email-form button:focus {
        background-color: var(--color-blue-base);
        border-color: var(--color-blue-base)
    }

    .component-fraud-quiz quiz-component .email-form button:focus,
    .component-fraud-quiz quiz-component .email-form button:hover,
    .component-fraud-quiz quiz-component .email-form button:active {
        color: var(--black);
        background-color: transparent;
        border-color: var(--color-blue-base);
        text-decoration: none
    }

.component-fraud-quiz quiz-component .quiz-check-answer {
    color: var(--black);
    background-color: transparent;
    border-color: var(--black);
    margin-block-start: 20px;
    padding: 15px
}

    .component-fraud-quiz quiz-component .quiz-check-answer.disabled:hover,
    .component-fraud-quiz quiz-component .quiz-check-answer.disabled:focus,
    .component-fraud-quiz quiz-component .quiz-check-answer[disabled]:hover,
    .component-fraud-quiz quiz-component .quiz-check-answer[disabled]:focus,
    .component-fraud-quiz fieldset[disabled] quiz-component .quiz-check-answer:hover,
    .component-fraud-quiz fieldset[disabled] quiz-component .quiz-check-answer:focus {
        background-color: transparent;
        border-color: var(--black)
    }

    .component-fraud-quiz quiz-component .quiz-check-answer:focus,
    .component-fraud-quiz quiz-component .quiz-check-answer:hover,
    .component-fraud-quiz quiz-component .quiz-check-answer:active {
        color: var(--white);
        background-color: var(--color-blue-base);
        border-color: var(--black);
        text-decoration: none
    }

    .component-fraud-quiz quiz-component .quiz-check-answer:disabled:hover,
    .component-fraud-quiz quiz-component .quiz-check-answer:disabled:focus {
        color: var(--black)
    }

.component-fraud-quiz quiz-component .quiz-question:has(.selected-answer) .quiz-check-answer {
    display: none
}

.component-fraud-quiz quiz-component #quiz-controls {
    width: fit-content;
    margin-inline: auto 0;
    margin-block-end: 40px
}

    .component-fraud-quiz quiz-component #quiz-controls #btn-next:not([disabled]) .disabled-text {
        display: none
    }

    .component-fraud-quiz quiz-component #quiz-controls #btn-prev,
    .component-fraud-quiz quiz-component #quiz-controls #btn-next,
    .component-fraud-quiz quiz-component #quiz-controls #btn-submit {
        color: var(--black);
        background-color: transparent;
        border-color: var(--black);
        border-radius: 2px;
        padding: 0;
        width: 60px;
        height: 60px;
        margin-inline-start: 20px
    }

        .component-fraud-quiz quiz-component #quiz-controls #btn-prev.disabled:hover,
        .component-fraud-quiz quiz-component #quiz-controls #btn-prev.disabled:focus,
        .component-fraud-quiz quiz-component #quiz-controls #btn-prev[disabled]:hover,
        .component-fraud-quiz quiz-component #quiz-controls #btn-prev[disabled]:focus,
        .component-fraud-quiz fieldset[disabled] quiz-component #quiz-controls #btn-prev:hover,
        .component-fraud-quiz fieldset[disabled] quiz-component #quiz-controls #btn-prev:focus,
        .component-fraud-quiz quiz-component #quiz-controls #btn-next.disabled:hover,
        .component-fraud-quiz quiz-component #quiz-controls #btn-next.disabled:focus,
        .component-fraud-quiz quiz-component #quiz-controls #btn-next[disabled]:hover,
        .component-fraud-quiz quiz-component #quiz-controls #btn-next[disabled]:focus,
        .component-fraud-quiz fieldset[disabled] quiz-component #quiz-controls #btn-next:hover,
        .component-fraud-quiz fieldset[disabled] quiz-component #quiz-controls #btn-next:focus,
        .component-fraud-quiz quiz-component #quiz-controls #btn-submit.disabled:hover,
        .component-fraud-quiz quiz-component #quiz-controls #btn-submit.disabled:focus,
        .component-fraud-quiz quiz-component #quiz-controls #btn-submit[disabled]:hover,
        .component-fraud-quiz quiz-component #quiz-controls #btn-submit[disabled]:focus,
        .component-fraud-quiz fieldset[disabled] quiz-component #quiz-controls #btn-submit:hover,
        .component-fraud-quiz fieldset[disabled] quiz-component #quiz-controls #btn-submit:focus {
            background-color: transparent;
            border-color: var(--black)
        }

        .component-fraud-quiz quiz-component #quiz-controls #btn-prev:focus,
        .component-fraud-quiz quiz-component #quiz-controls #btn-prev:hover,
        .component-fraud-quiz quiz-component #quiz-controls #btn-prev:active,
        .component-fraud-quiz quiz-component #quiz-controls #btn-next:focus,
        .component-fraud-quiz quiz-component #quiz-controls #btn-next:hover,
        .component-fraud-quiz quiz-component #quiz-controls #btn-next:active,
        .component-fraud-quiz quiz-component #quiz-controls #btn-submit:focus,
        .component-fraud-quiz quiz-component #quiz-controls #btn-submit:hover,
        .component-fraud-quiz quiz-component #quiz-controls #btn-submit:active {
            color: var(--white);
            background-color: var(--color-blue-base);
            border-color: var(--black);
            text-decoration: none
        }

        .component-fraud-quiz quiz-component #quiz-controls #btn-prev:after,
        .component-fraud-quiz quiz-component #quiz-controls #btn-next:after,
        .component-fraud-quiz quiz-component #quiz-controls #btn-submit:after {
            content: "";
            display: block;
            width: 40%;
            height: 40%;
            transform: rotate(45deg);
            position: absolute;
            border-inline-end: 2px solid var(--black);
            border-block-start: 2px solid var(--black);
            top: 30%;
            left: 22%
        }

        .component-fraud-quiz quiz-component #quiz-controls #btn-prev:after {
            border-inline-end: none;
            border-block-start: none;
            border-inline-start: 2px solid var(--black);
            border-block-end: 2px solid var(--black);
            left: 36%
        }

        .component-fraud-quiz quiz-component #quiz-controls #btn-prev:not(:disabled):hover:after,
        .component-fraud-quiz quiz-component #quiz-controls #btn-prev:not(:disabled):active:after,
        .component-fraud-quiz quiz-component #quiz-controls #btn-prev:not(:disabled):focus:after,
        .component-fraud-quiz quiz-component #quiz-controls #btn-next:not(:disabled):hover:after,
        .component-fraud-quiz quiz-component #quiz-controls #btn-next:not(:disabled):active:after,
        .component-fraud-quiz quiz-component #quiz-controls #btn-next:not(:disabled):focus:after,
        .component-fraud-quiz quiz-component #quiz-controls #btn-submit:not(:disabled):hover:after,
        .component-fraud-quiz quiz-component #quiz-controls #btn-submit:not(:disabled):active:after,
        .component-fraud-quiz quiz-component #quiz-controls #btn-submit:not(:disabled):focus:after {
            border-color: var(--white)
        }

@media (min-width: 500px) {
    .component-fraud-quiz quiz-component .quiz-page-content .content ul {
        padding-inline-start: 40px;
        list-style: unset;
        text-align: start
    }

    .component-fraud-quiz quiz-component #quiz-intro .prizes {
        flex-direction: row
    }

        .component-fraud-quiz quiz-component #quiz-intro .prizes img {
            max-width: 130px
        }

    .component-fraud-quiz quiz-component quiz-question {
        margin-block-start: 40px
    }

        .component-fraud-quiz quiz-component quiz-question .quiz-answer label {
            padding-inline: 20px 10px;
            grid-template-columns: 40px 1fr 60px;
            gap: 0
        }

            .component-fraud-quiz quiz-component quiz-question .quiz-answer label .letter {
                justify-self: start
            }

            .component-fraud-quiz quiz-component quiz-question .quiz-answer label .text {
                grid-row: 1/span 1;
                grid-column: 2/span 1
            }

            .component-fraud-quiz quiz-component quiz-question .quiz-answer label .marker {
                width: 30px;
                height: 30px;
                display: block;
                grid-column-start: 3;
                grid-row-start: 1
            }

        .component-fraud-quiz quiz-component quiz-question #result-card {
            flex-direction: row
        }
}

@media (min-width: 1024px) {
    .component-fraud-quiz quiz-component .quiz-page-content {
        grid-template-columns: 1fr 1fr
    }

        .component-fraud-quiz quiz-component .quiz-page-content .image {
            grid-column-start: 1;
            grid-column-end: 2;
            grid-row-start: 1;
            margin-inline: 0
        }

        .component-fraud-quiz quiz-component .quiz-page-content .content {
            grid-column-start: 2;
            grid-column-end: 3;
            text-align: start;
            padding-block: 120px;
            padding-inline-start: 20px
        }

    .component-fraud-quiz quiz-component #quiz-intro .prizes {
        width: 100%
    }

    .component-fraud-quiz quiz-component quiz-question {
        margin-block-start: 80px
    }

        .component-fraud-quiz quiz-component quiz-question .quiz-page-content .quiz-question-text {
            text-align: start
        }
}

@media (min-width: 1250px) {
    .component-fraud-quiz quiz-component #quiz-intro {
        margin-block: 80px 20px
    }
}

.component-fraud-quiz hr {
    box-sizing: content-box;
    overflow: visible
}

.component-fraud-quiz pre {
    font-family: monospace;
    font-size: 1em
}

.component-fraud-quiz a {
    background-color: transparent
}

.component-fraud-quiz abbr[title] {
    border-block-end: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

.component-fraud-quiz b,
.component-fraud-quiz strong {
    font-weight: bolder
}

.component-fraud-quiz code,
.component-fraud-quiz kbd,
.component-fraud-quiz samp {
    font-family: monospace,monospace;
    font-size: 1em
}

.component-fraud-quiz small {
    font-size: 80%
}

.component-fraud-quiz sub,
.component-fraud-quiz sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

.component-fraud-quiz sub {
    bottom: -.25em
}

.component-fraud-quiz sup {
    top: -.5em
}

.component-fraud-quiz img {
    border-style: none
}

.component-fraud-quiz button,
.component-fraud-quiz input,
.component-fraud-quiz optgroup,
.component-fraud-quiz select,
.component-fraud-quiz textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

.component-fraud-quiz button,
.component-fraud-quiz input {
    overflow: visible
}

.component-fraud-quiz button,
.component-fraud-quiz select {
    text-transform: none
}

.component-fraud-quiz button,
.component-fraud-quiz [type=button],
.component-fraud-quiz [type=reset],
.component-fraud-quiz [type=submit] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button
}

    .component-fraud-quiz button::-moz-focus-inner,
    .component-fraud-quiz [type=button]::-moz-focus-inner,
    .component-fraud-quiz [type=reset]::-moz-focus-inner,
    .component-fraud-quiz [type=submit]::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

.component-fraud-quiz fieldset {
    padding: 0
}

.component-fraud-quiz legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

.component-fraud-quiz progress {
    vertical-align: baseline
}

.component-fraud-quiz textarea {
    overflow: auto
}

.component-fraud-quiz [type=checkbox],
.component-fraud-quiz [type=radio] {
    box-sizing: border-box;
    padding: 0
}

.component-fraud-quiz [type=number]::-webkit-inner-spin-button,
.component-fraud-quiz [type=number]::-webkit-outer-spin-button {
    height: auto
}

.component-fraud-quiz [type=search] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    outline-offset: -2px
}

    .component-fraud-quiz [type=search]::-webkit-search-decoration {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

.component-fraud-quiz ::-webkit-file-upload-button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    font: inherit
}

.component-fraud-quiz details {
    display: block
}

.component-fraud-quiz summary {
    display: list-item
}

.component-fraud-quiz template {
    display: none
}

.component-fraud-quiz [hidden] {
    display: none
}

@media (max-width: 499px) {
}

@media (min-width: 500px) and (max-width: 749px) {
}

@media (min-width: 750px) and (max-width: 1023px) {
}

@media (min-width: 1024px) and (max-width: 1249px) {
}

@media (min-width: 1250px) and (max-width: 1679px) {
}

@media (min-width: 1680px) {
}

.component-fraud-quiz *,
.component-fraud-quiz *:before,
.component-fraud-quiz *:after {
    box-sizing: border-box
}

.component-fraud-quiz a img {
    border: none
}

.component-fraud-quiz h1,
.component-fraud-quiz h2,
.component-fraud-quiz h3,
.component-fraud-quiz h4,
.component-fraud-quiz h5,
.component-fraud-quiz h6 {
    margin-block: 0 20px;
    line-height: 1.3;
    font-weight: 700;
    text-wrap: balance
}

@media (max-width: 499px) {
    .component-fraud-quiz h1 {
        font-size: 3rem
    }
}

@media (min-width: 500px) and (max-width: 749px) {
    .component-fraud-quiz h1 {
        font-size: 3.4rem
    }
}

@media (min-width: 750px) and (max-width: 1023px) {
    .component-fraud-quiz h1 {
        font-size: 3.6rem
    }
}

@media (min-width: 1024px) and (max-width: 1249px) {
    .component-fraud-quiz h1 {
        font-size: 4.2rem
    }
}

@media (min-width: 1250px) and (max-width: 1679px) {
    .component-fraud-quiz h1 {
        font-size: 4.8rem
    }
}

@media (min-width: 1680px) {
    .component-fraud-quiz h1 {
        font-size: 5.4rem
    }
}

@media (max-width: 499px) {
    .component-fraud-quiz h2 {
        font-size: 3rem
    }
}

@media (min-width: 500px) and (max-width: 749px) {
    .component-fraud-quiz h2 {
        font-size: 3.4rem
    }
}

@media (min-width: 750px) and (max-width: 1023px) {
    .component-fraud-quiz h2 {
        font-size: 3.6rem
    }
}

@media (min-width: 1024px) and (max-width: 1249px) {
    .component-fraud-quiz h2 {
        font-size: 4.2rem
    }
}

@media (min-width: 1250px) and (max-width: 1679px) {
    .component-fraud-quiz h2 {
        font-size: 4.8rem
    }
}

@media (min-width: 1680px) {
    .component-fraud-quiz h2 {
        font-size: 5.4rem
    }
}

@media (max-width: 499px) {
    .component-fraud-quiz h3 {
        font-size: 2.4rem
    }
}

@media (min-width: 500px) and (max-width: 749px) {
    .component-fraud-quiz h3 {
        font-size: 2.6rem
    }
}

@media (min-width: 750px) and (max-width: 1023px) {
    .component-fraud-quiz h3 {
        font-size: 2.7rem
    }
}

@media (min-width: 1024px) and (max-width: 1249px) {
    .component-fraud-quiz h3 {
        font-size: 3rem
    }
}

@media (min-width: 1250px) and (max-width: 1679px) {
    .component-fraud-quiz h3 {
        font-size: 3.3rem
    }
}

@media (min-width: 1680px) {
    .component-fraud-quiz h3 {
        font-size: 3.6rem
    }
}

.component-fraud-quiz h4 {
    font-weight: 700;
    margin-block-end: 15px
}

@media (max-width: 499px) {
    .component-fraud-quiz h4 {
        font-size: 2rem
    }
}

@media (min-width: 500px) and (max-width: 749px) {
    .component-fraud-quiz h4 {
        font-size: 2.05rem
    }
}

@media (min-width: 750px) and (max-width: 1023px) {
    .component-fraud-quiz h4 {
        font-size: 2.075rem
    }
}

@media (min-width: 1024px) and (max-width: 1249px) {
    .component-fraud-quiz h4 {
        font-size: 2.15rem
    }
}

@media (min-width: 1250px) and (max-width: 1679px) {
    .component-fraud-quiz h4 {
        font-size: 2.225rem
    }
}

@media (min-width: 1680px) {
    .component-fraud-quiz h4 {
        font-size: 2.3rem
    }
}

@media (max-width: 499px) {
    .component-fraud-quiz h5,
    .component-fraud-quiz h6 {
        font-size: 1.6rem
    }
}

@media (min-width: 500px) and (max-width: 749px) {
    .component-fraud-quiz h5,
    .component-fraud-quiz h6 {
        font-size: 1.7rem
    }
}

@media (min-width: 750px) and (max-width: 1023px) {
    .component-fraud-quiz h5,
    .component-fraud-quiz h6 {
        font-size: 1.75rem
    }
}

@media (min-width: 1024px) and (max-width: 1249px) {
    .component-fraud-quiz h5,
    .component-fraud-quiz h6 {
        font-size: 1.9rem
    }
}

@media (min-width: 1250px) and (max-width: 1679px) {
    .component-fraud-quiz h5,
    .component-fraud-quiz h6 {
        font-size: 2.05rem
    }
}

@media (min-width: 1680px) {
    .component-fraud-quiz h5,
    .component-fraud-quiz h6 {
        font-size: 2.2rem
    }
}

.component-fraud-quiz p {
    text-wrap: pretty
}

    .component-fraud-quiz p + h2,
    .component-fraud-quiz p + h3 {
        margin-block-start: 4%
    }

.component-fraud-quiz p {
    margin-block: 20px
}

.component-fraud-quiz a,
.component-fraud-quiz a[href^=tel] {
    color: var(--black);
    text-decoration: underline;
    transition: color .2s,text-decoration .2s
}

    .component-fraud-quiz a:hover,
    .component-fraud-quiz a:focus,
    .component-fraud-quiz a[href^=tel]:hover,
    .component-fraud-quiz a[href^=tel]:focus {
        text-decoration: underline;
        text-decoration-style: double
    }

    .component-fraud-quiz a:focus-visible,
    .component-fraud-quiz a[href^=tel]:focus-visible {
        outline-color: var(--md-blue);
        outline-offset: 2px
    }

    .component-fraud-quiz a[href^=mailto] {
        overflow-wrap: break-word
    }

    .component-fraud-quiz a:focus-visible,
    .component-fraud-quiz button:focus-visible {
        outline-offset: 4px
    }

.component-fraud-quiz hr {
    border: none;
    height: 1px;
    background: var(--black);
    clear: both;
    margin-block: 30px;
    width: 100%
}

.component-fraud-quiz strong {
    font-weight: 700
}

.component-fraud-quiz figure {
    margin: 0
}

.component-fraud-quiz .text-center {
    text-align: center;
    margin-inline: auto
}

    .component-fraud-quiz .text-center.short {
        max-width: 940px
    }

.component-fraud-quiz .container {
    max-width: var(--max-width);
    margin-inline: auto;
    position: relative;
    padding-inline: var(--small-container-padding)
}

@media (width >= 1024px) {
    .component-fraud-quiz .container {
        padding-inline: var(--large-container-padding)
    }
}

.component-fraud-quiz .container.container-large {
    max-width: var(--max-width-large)
}

.component-fraud-quiz .btn,
.component-fraud-quiz a[href^=tel].btn {
    display: inline-block;
    margin-block-end: 0;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding-block: 10px;
    padding-inline: 20px;
    position: relative;
    border-radius: 0;
    font-weight: 400;
    text-decoration: none;
    transition: color .2s,background-color .2s,border .2s
}

@media (max-width: 499px) {
    .component-fraud-quiz .btn,
    .component-fraud-quiz a[href^=tel].btn {
        font-size: 1.6rem
    }
}

@media (min-width: 500px) and (max-width: 749px) {
    .component-fraud-quiz .btn,
    .component-fraud-quiz a[href^=tel].btn {
        font-size: 1.6rem
    }
}

@media (min-width: 750px) and (max-width: 1023px) {
    .component-fraud-quiz .btn,
    .component-fraud-quiz a[href^=tel].btn {
        font-size: 1.6rem
    }
}

@media (min-width: 1024px) and (max-width: 1249px) {
    .component-fraud-quiz .btn,
    .component-fraud-quiz a[href^=tel].btn {
        font-size: 1.6rem
    }
}

@media (min-width: 1250px) and (max-width: 1679px) {
    .component-fraud-quiz .btn,
    .component-fraud-quiz a[href^=tel].btn {
        font-size: 1.6rem
    }
}

@media (min-width: 1680px) {
    .component-fraud-quiz .btn,
    .component-fraud-quiz a[href^=tel].btn {
        font-size: 1.6rem
    }
}

.component-fraud-quiz .btn-primary,
.component-fraud-quiz a[href^=tel].btn-primary {
    color: #000;
    background-color: #fff;
    border-color: #000
}

    .component-fraud-quiz .btn-primary.disabled:hover,
    .component-fraud-quiz .btn-primary.disabled:focus,
    .component-fraud-quiz .btn-primary[disabled]:hover,
    .component-fraud-quiz .btn-primary[disabled]:focus,
    .component-fraud-quiz fieldset[disabled] .btn-primary:hover,
    .component-fraud-quiz fieldset[disabled] .btn-primary:focus,
    .component-fraud-quiz a[href^=tel].btn-primary.disabled:hover,
    .component-fraud-quiz a[href^=tel].btn-primary.disabled:focus,
    .component-fraud-quiz a[href^=tel].btn-primary[disabled]:hover,
    .component-fraud-quiz a[href^=tel].btn-primary[disabled]:focus,
    .component-fraud-quiz fieldset[disabled] a[href^=tel].btn-primary:hover,
    .component-fraud-quiz fieldset[disabled] a[href^=tel].btn-primary:focus {
        background-color: #fff;
        border-color: #000
    }

    .component-fraud-quiz .btn-primary:focus,
    .component-fraud-quiz .btn-primary:hover,
    .component-fraud-quiz .btn-primary:active,
    .component-fraud-quiz a[href^=tel].btn-primary:focus,
    .component-fraud-quiz a[href^=tel].btn-primary:hover,
    .component-fraud-quiz a[href^=tel].btn-primary:active {
        color: #000;
        background-color: #eee;
        border-color: #000;
        text-decoration: none
    }

    .component-fraud-quiz .btn-primary:where(:has(.loading-btn)) > span:not(#indicator),
    .component-fraud-quiz .btn-primary:where(:has(.loading-btn)):before,
    .component-fraud-quiz .btn-primary:where(:has(.loading-btn)):after,
    .component-fraud-quiz a[href^=tel].btn-primary:where(:has(.loading-btn)) > span:not(#indicator),
    .component-fraud-quiz a[href^=tel].btn-primary:where(:has(.loading-btn)):before,
    .component-fraud-quiz a[href^=tel].btn-primary:where(:has(.loading-btn)):after {
        opacity: 0
    }