.elementor-6743 .elementor-element.elementor-element-140da26{--display:flex;--padding-top:50px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for shortcode, class: .elementor-element-b7cd99c */.quiz-question {
    text-align: center;
    padding-bottom: 30px;
    font-weight: 700;
}
.quiz-options {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 0;
    max-width: 600px;
    margin: 0 auto;
}
.quiz-options li {
    display: flex;
    justify-content: center;
    width: 100%;
}
button.quiz-option {
    border-color: #F86C44;
    color: #F86C44;
    font-weight: 300;
    width: 100%;
    
    &.is-selected {
        background-color: #F86C44;
        color: white;
    }
    &:hover,
    &:focus {
        background-color: #ff5a2d;
        border: 1px solid #F86C44;
    }
    &:hover:disabled {
        background-color: transparent;
        color: #F86C44;
    }
    &:disabled {
        opacity: 0.5;
    }
}
.quiz-actions {
    display: flex;
    justify-content: center;
    padding-top: 40px;
}
.quiz-actions .quiz-next,
.quiz-result-actions .quiz-add-all{
    background-color: #F86C44;
    color: white;
    border: none;
    font-weight: 700;
    
    &:disabled {
        opacity: 0.5;
    }
    &:hover {
        opacity: 0.8;
    }
}

.quiz-products {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.quiz-product img {
    height: 200px;
    width: 100%;
    object-fit: cover;
}
.quiz-result-actions {
    display: flex;
    justify-content: center;
    padding-top: 30px;
}/* End custom CSS */