.ready-for-you.quiz .header-links {
    margin-left: 7rem !important
}

@media (width < 992px) {
    .ready-for-you.quiz .header-links {
        margin-left: 0 !important
    }
}

.ready-for-you .quiz-banner {
    padding: 0 !important;
    max-width: 1920px;
    margin: auto
}

.ready-for-you .quiz-section .main-quiz-title {
    text-align: left
}

.ready-for-you .quiz-section .quiz-container .quiz-desc {
    margin-bottom: 2rem !important
}

.ready-for-you .quiz-section .quiz-container .quiz-count {
    margin-bottom: .5rem;
    font-weight: bold;
    color: #f8b85e
}

.ready-for-you .quiz-section .quiz-container .quiz-title {
    text-align: left;
    margin-bottom: 1.5rem
}

.ready-for-you .quiz-section .quiz-container .question-list .question-item {
    margin-bottom: 1rem
}

    .ready-for-you .quiz-section .quiz-container .question-list .question-item .question-selection {
        cursor: pointer;
        background: #66adc4;
        padding: .5rem 1.5rem;
        border-radius: 2rem;
        color: white;
        font-weight: bold;
        transition: all .3s ease
    }

    .ready-for-you .quiz-section .quiz-container .question-list .question-item .question-result {
        --color: #3eb449;
        margin-top: 1rem;
        font-size: x-large;
        text-align: center;
        color: var(--color);
        font-weight: bold;
        justify-content: center;
        align-items: center
    }

        .ready-for-you .quiz-section .quiz-container .question-list .question-item .question-result .result-text {
            display: flex;
            align-items: center
        }

            .ready-for-you .quiz-section .quiz-container .question-list .question-item .question-result .result-text .fa {
                margin: 0 .5rem;
                border: 2px solid var(--color);
                border-radius: 50%;
                font-size: xxx-large;
                display: grid;
                place-content: center;
                width: 60px;
                height: 60px
            }

    .ready-for-you .quiz-section .quiz-container .question-list .question-item.true .question-selection {
        background: #3eb449
    }

    .ready-for-you .quiz-section .quiz-container .question-list .question-item.False .question-selection {
        background: #e93324
    }

    .ready-for-you .quiz-section .quiz-container .question-list .question-item.False .question-result {
        --color: #e93324
    }

    .ready-for-you .quiz-section .quiz-container .question-list .question-item.selected .question-selection {
        background: #f8b85e
    }

.ready-for-you .quiz-section .quiz-container .question-list .question-result {
    display: none
}

.ready-for-you .quiz-section .quiz-container .quiz-btns {
    margin-top: 1.5rem
}

    .ready-for-you .quiz-section .quiz-container .quiz-btns > div {
        padding: .5rem 1.5rem;
        background: var(--title-color);
        color: white;
        font-weight: bold;
        width: -moz-max-content;
        width: max-content;
        border-radius: 50px;
        cursor: pointer
    }

    .ready-for-you .quiz-section .quiz-container .quiz-btns .next-btn {
        display: none
    }

.ready-for-you .quiz-overall-result {
    display: none
}

    .ready-for-you .quiz-overall-result .result-info-wrapper {
        display: grid;
        position: relative;
        margin: 2rem 0
    }

        .ready-for-you .quiz-overall-result .result-info-wrapper > div {
            grid-area: 1/1
        }

        .ready-for-you .quiz-overall-result .result-info-wrapper .result-img {
            width: min(600px,100%);
            margin: auto
        }

            .ready-for-you .quiz-overall-result .result-info-wrapper .result-img > img {
                display: none
            }

        .ready-for-you .quiz-overall-result .result-info-wrapper .result-text {
            text-align: center;
            width: -moz-max-content;
            width: max-content;
            position: absolute;
            top: 53%;
            left: 57%;
            line-height: 4rem;
            font-size: 3rem;
            color: white;
            font-weight: bold;
            transform: translate(-50%,-50%)
        }

            .ready-for-you .quiz-overall-result .result-info-wrapper .result-text .results {
                font-size: 6rem
            }

@media (width < 768px) {
    .ready-for-you .quiz-overall-result .result-info-wrapper .result-text {
        line-height: 3rem;
        font-size: 2rem
    }

        .ready-for-you .quiz-overall-result .result-info-wrapper .result-text .results {
            font-size: 4rem
        }
}

.ready-for-you .quiz-overall-result .end-page-btns {
    display: flex;
    gap: 1rem;
    justify-content: center;
    margin-bottom: 3rem;
    text-align: center;
    text-wrap: balance
}

    .ready-for-you .quiz-overall-result .end-page-btns a {
        --btn-color: #02759b;
        padding: .5rem 1.5rem;
        color: white;
        border-radius: 50px;
        background: var(--btn-color);
        border: 2px solid var(--btn-color);
        font-weight: bold;
        transition: all .3s ease
    }

        .ready-for-you .quiz-overall-result .end-page-btns a:hover {
            background: white;
            color: var(--btn-color)
        }

        .ready-for-you .quiz-overall-result .end-page-btns a.claim {
            --btn-color: #f6b65e
        }

@media (width < 768px) {
    .ready-for-you .quiz-overall-result .end-page-btns {
        flex-direction: column
    }
}