/*
Theme Name: Twenty Twenty-Three Child X
Template: twentytwentythree
Version: 1.0.0
*/

/**
 * A BuzzFeed look alike skin for WP Viral Quiz
 * @Name : BuzzFeed Skin
 * @Author : Stéphane Paton
 */

/* A nice font. */

@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");

body {
    font-family: 'EuclidSquare', sans-serif;
}
.entry-content {
    min-height: 62vh;
}
.wpvqgr-wrapper .row {
    margin-right: 0px !important;
    margin-left: 0px !important;
}


.wpvqgr-wrapper div.wpvqgr-loader {
    margin: 0 auto;
}

.wpvqgr-wrapper .wpvqgr-htmlblock {
    margin: 10px 0;
}

.wpvqgr,
.wpvqgr-wrapper button {
    font-family: 'Montserrat', 'Arial', sans-serif !important;
}

.wpvqgr-wrapper div.wpvqgr-question {
    margin-bottom: 30px;
}

.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-question-label {
    text-align: left;
    font-weight: bold;
    font-size: 1.5em;
    margin-bottom: 20px;
}

.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-question-picture {
    text-align: center;
    margin-bottom: 15px;
}

.wpvqgr-wrapper div.wpvqgr-progress-top {
    margin-bottom: 30px;
}

.wpvqgr-wrapper div.wpvqgr-progress-bottom {
    margin-top: 30px;
    margin-bottom: 15px;
}

.wpvqgr-wrapper div.progress div.progress-bar {
    height: 20px;
    padding-top: 5px;
    font-size: 1em;
}


.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-answer {
    background-color: #f4f6f9;
    border-radius: 12px;
    color: #2e3a59;
    padding: 7px 14px;
    margin: 0 0 15px 0;

}

.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-answer:hover {
    /* background: #fffab6; */
}

.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-disabled-answer {
    /* background: #f4f4f4 !important;
	opacity: .6; */
}

.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-right-answer {
    /* background: #68af15 !important;
	opacity: 1; */
    background: #E8FFD0 !important;
    color: #5BAC05;
}

.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-wrong-answer,
.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-explanation h3.wpvqgr-thats-wrong {
    /* background: rgba(227, 32, 0, .6) !important; */
    background: #ffe8e5 !important;
    color: #ff3a20;
}

.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-selected-answer {
    /* background: #cfe3ff !important; */
}

/* Checkbox unchecked/checked */
.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-answer div.wpvqgr-checkbox div.wpvqgr-checkbox-picture,
.page-template-quiz-lidgen .qsm-multiple-response-input[type="checkbox"] {
    width: 24px;
    height: 24px;
    margin-right: 16px;
    float: left;
    background-repeat: no-repeat !important;
    box-sizing: border-box;
}

.wp-block-group:not(.perso-quiz) .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-answer:hover,
.wp-block-group:not(.perso-quiz) .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-answer div.wpvqgr-checkbox,
.page-template-quiz-lidgen .qsm-multiple-response-input[type="checkbox"] {
    cursor: pointer;
    display: flex;
    align-items: center;
}

.page-template-quiz-lidgen .qsm-multiple-response-input[type="checkbox"] {
    background: #fff;
}

.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-answer {
    line-height: 110%;
}

.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-answer div.wpvqgr-answer-picture figure.figure,
.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-answer div.wpvqgr-answer-picture figure.figure img {
    width: 100% !important;
}

.wpvqgr-wrapper div.wpvqgr-question figure.figure figcaption.figure-caption {
    color: #666;
    font-style: italic;
    font-size: .65em;
    line-height: 120%;
    font-weight: 200 !important;
    text-align: left;
}

/* NICE CHECKBOXES */
.qsm-multiple-response-horizontal-img-wrp {
    position: relative;
}

.checkbox-wrapper-12 {
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -12px;
    box-sizing: border-box;
}

.checkbox-wrapper-12>svg {
    position: absolute;
    top: -130%;
    left: -170%;
    width: 110px;
    pointer-events: none;
}

.checkbox-wrapper-12 * {
    box-sizing: border-box;
}

.checkbox-wrapper-12 input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    margin: 0;
}

.checkbox-wrapper-12 input[type="checkbox"]:focus {
    outline: 0;
}

.checkbox-wrapper-12 .cbx {
    width: 24px;
    height: 24px;
    top: calc(50vh - 12px);
    left: calc(50vw - 12px);
}

.checkbox-wrapper-12 .cbx input {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    border: 2px solid #bfbfc0;
    border-radius: 50%;
}

.checkbox-wrapper-12 .cbx label {
    width: 24px;
    height: 24px;
    background: none;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-filter: url("#goo-12");
    filter: url("#goo-12");
    transform: trasnlate3d(0, 0, 0);
    pointer-events: none;
}

.checkbox-wrapper-12 .cbx svg {
    position: absolute;
    top: 5px;
    left: 4px;
    z-index: 1;
    pointer-events: none;
}

.checkbox-wrapper-12 .cbx svg path {
    stroke: #fff;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 19;
    stroke-dashoffset: 19;
    transition: stroke-dashoffset 0.3s ease;
    transition-delay: 0.2s;
}

.checkbox-wrapper-12 .cbx input:checked+label {
    animation: splash-12 0.6s ease forwards;
}

.checkbox-wrapper-12 .cbx input:checked+label+svg path {
    stroke-dashoffset: 0;
}

@-moz-keyframes splash-12 {
    40% {
        background: #ff6500;
        box-shadow: 0 -18px 0 -8px #ff6500, 16px -8px 0 -8px #ff6500, 16px 8px 0 -8px #ff6500, 0 18px 0 -8px #ff6500, -16px 8px 0 -8px #ff6500, -16px -8px 0 -8px #ff6500;
    }

    100% {
        background: #ff6500;
        box-shadow: 0 -36px 0 -10px transparent, 32px -16px 0 -10px transparent, 32px 16px 0 -10px transparent, 0 36px 0 -10px transparent, -32px 16px 0 -10px transparent, -32px -16px 0 -10px transparent;
    }
}

@-webkit-keyframes splash-12 {
    40% {
        background: #ff6500;
        box-shadow: 0 -18px 0 -8px #ff6500, 16px -8px 0 -8px #ff6500, 16px 8px 0 -8px #ff6500, 0 18px 0 -8px #ff6500, -16px 8px 0 -8px #ff6500, -16px -8px 0 -8px #ff6500;
    }

    100% {
        background: #ff6500;
        box-shadow: 0 -36px 0 -10px transparent, 32px -16px 0 -10px transparent, 32px 16px 0 -10px transparent, 0 36px 0 -10px transparent, -32px 16px 0 -10px transparent, -32px -16px 0 -10px transparent;
    }
}

@-o-keyframes splash-12 {
    40% {
        background: #ff6500;
        box-shadow: 0 -18px 0 -8px #ff6500, 16px -8px 0 -8px #ff6500, 16px 8px 0 -8px #ff6500, 0 18px 0 -8px #ff6500, -16px 8px 0 -8px #ff6500, -16px -8px 0 -8px #ff6500;
    }

    100% {
        background: #ff6500;
        box-shadow: 0 -36px 0 -10px transparent, 32px -16px 0 -10px transparent, 32px 16px 0 -10px transparent, 0 36px 0 -10px transparent, -32px 16px 0 -10px transparent, -32px -16px 0 -10px transparent;
    }
}

@keyframes splash-12 {
    40% {
        background: #ff6500;
        box-shadow: 0 -18px 0 -8px #ff6500, 16px -8px 0 -8px #ff6500, 16px 8px 0 -8px #ff6500, 0 18px 0 -8px #ff6500, -16px 8px 0 -8px #ff6500, -16px -8px 0 -8px #ff6500;
    }

    100% {
        background: #ff6500;
        box-shadow: 0 -36px 0 -10px transparent, 32px -16px 0 -10px transparent, 32px 16px 0 -10px transparent, 0 36px 0 -10px transparent, -32px 16px 0 -10px transparent, -32px -16px 0 -10px transparent;
    }
}

/* //NICE CHECKBOXES */
.page-template-quiz-lidgen .qsm_image_caption {
    display: block;
    margin-top: 20px;
}

.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-answer span.wpvqgr-answer-label {
    margin-left: 3px;
}

.wpvqgr-wrapper div.wpvqgr-explanation h3,
.wpvqgr-wrapper div.wpvqgr-forcetoshare h3,
.wpvqgr-wrapper div.wpvqgr-askinfo h3 {
    margin-bottom: 15px;
    font-size: 1.2em;
    font-weight: bold;
}

.wpvqgr-wrapper div.wpvqgr-askinfo p.wpvqgr-askinfo-ignore {
    text-align: center;
    font-size: .6em;
    color: #666;
}

.wpvqgr-wrapper div.wpvqgr-askinfo p.wpvqgr-askinfo-ignore:hover {
    cursor: pointer;
    text-decoration: underline;
}

.wpvqgr-wrapper div.wpvqgr-askinfo input[type=text],
.wpvqgr-wrapper div.wpvqgr-askinfo input[type=email],
.wpvqgr-wrapper div.wpvqgr-askinfo input[type=number] {
    height: 35px;
    font-size: .9em;
}

.wpvqgr-wrapper button.wpvqgr-button {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    border-radius: 12px;
    padding: 8px 14px;
    width: 100%;
    border: 0px;
    box-sizing: border-box;
}

.wpvqgr-wrapper button.wpvqgr-button.wpvqgr-playagain {
    width: 48%;
    padding: 12px 24px;
    border-radius: 25px;
}

.wpvqgr-question-label {
    font-weight: bold;
}

.wpvqgr-wrapper .wpvqgr-continue {
    padding-bottom: 30px;
}

#fb_share {
    color: #fff !important;
    text-decoration: none;
    padding: 12px 24px;
    display: block;
}

.wpvqgr-wrapper button:focus {
    outline: 0 !important;
}

.wpvqgr-wrapper button.wpvqgr-button:hover {
    filter: brightness(85%);
}

.wpvqgr-wrapper button.wpvqgr-social-facebook {
    background: #3b5998;
}

.wpvqgr-wrapper button.wpvqgr-social-vk {
    background: #4c75a3;
}

.wpvqgr-wrapper button.wpvqgr-social-twitter {
    background: #147bc9;
}

.wpvqgr-wrapper div.wpvqgr-results {
    padding: 10px 20px 10px 20px;
    border: 1px solid #dddddd;
    margin: 30px 0 20px 0;
}

.wpvqgr-wrapper div.wpvqgr-additional-results {
    margin-top: 20px;
    margin-bottom: 20px;
}

.wpvqgr-wrapper div.wpvqgr-results div.wpvqgr-quiz-name {
    font-size: .85em;
    color: #666;
    margin-bottom: 10px;
}

.wpvqgr-wrapper div.wpvqgr-results h3 {
    margin-bottom: 15px;
    font-size: 2em;
    font-weight: bold;
}


.wpvqgr-wrapper div.wpvqgr-results div.wpvqgr-sharing {
    width: 48%;
    display: flex;
}
.wpvqgr-result-description ul {
    list-style: none;
    display: flex;
    padding: 0;
    gap: 10px 5px;
    flex-wrap: wrap;
}
.wpvqgr-result-description ul li {
    display: inline-flex;
    font-weight: 600;
    padding: 5px 10px;
    border-radius: 20px;
    background-color: #e1e4f0;
    white-space: nowrap;
}

.wpvqgr-wrapper div.wpvqgr-sharing button.wpvqgr-button {
    width: auto;
    margin-right: 20px;
}

.wpvqgr-wrapper div.wpvqgr-sharing button.wpvqgr-button {
    font-size: 20px;
}

.wpvqgr-wrapper div.wpvqgr-promote {
    padding: 10px 0;
}

.wpvqgr-wrapper div.wpvqgr-promote p {
    font-size: .6em;
    text-align: center;
}

.wpvqgr-wrapper div.wpvqgr-promote p a {
    text-decoration: none;
    border-bottom: 0px;
}

.wp-block-post-featured-image.alignfull img,
.wp-block-post-featured-image.alignwide img {
    border-radius: 0 0 21px 21px;
}

body {
    background: #f4f6f9;
    color: #2e3a59;
}

header:not(.fixed) {
    background: #fff;
}

.content-wrap {
    background: #fff;
    background-blend-mode: normal;
    border: 1px solid #e5eaf6;
    border-radius: 21px;
    margin: auto;
    width: 100%;
    max-width: 640px !important;
    overflow: hidden;
    padding: 0;
    margin-top: 1.5em;
    box-shadow: 0 10px 20px 0 rgba(165, 170, 188, .2);
}

.content-wrap .entry-content {
    width: 100%;
}

.content-wrap>.wp-block-group,
.content-wrap>.entry-content p,
.social-share-wrap {
    padding: 0 40px;
    justify-content: space-between;
}

.content-wrap>.entry-content p.has-text-color {
    padding: 0;
}

.social-share-wrap {
    background: #ffefe5;
    padding: 12px 40px;
}

.sfsi_shortcode_container .sfsi_wicons {
    margin-bottom: 0 !important;
    padding-top: 0 !important;
}

.sfsi_widget {
    min-height: 40px;
}

.norm_row.sfsi_wDiv {
    display: flex;
    width: fit-content !important;
}

.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-question-label {
    font-size: 1em !important;
}

.quiz-wrapper {
    padding: 0px 40px 60px;
}

.wpvqgr-progress-top {
    background: rgba(255, 243, 219, .6);
    border: 1px solid #EEB064;
    border-radius: 15px;
    box-shadow: 0px 0px 12px 0px rgba(175, 94, 23, 0.50) inset;
}

.withbg div.wpvqgr-progress-top {
    box-shadow: none;
    border: 0;
    background-color: rgba(255, 255, 255, .6);
    border-radius: 15px;
}

.wpvqgr-answer {
    background-color: #f4f6f9;
    border: none;
    border-radius: 12px;
    color: #2e3a59;
    font-weight: 500;
}

.wpvqgr-wrapper button.wpvqgr-button {
    background: #ff6500;
}

div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a.heateor_sss_twitter_tweet {
    display: none !important;
}

div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a {
    box-sizing: border-box;
    display: block;
    margin: 0 6px !important;
}

div.heateor_sss_sharing_ul {
    display: flex;
    align-items: baseline;
}

.social_box_and_menu_fixed {
    display: flex;
}

.post_with_sidebar_wrap .post_with_sidebar .content .social_box_and_menu_fixed {
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
    display: flex;
}

.social_box_and_menu_fixed>div {
    padding: 3px 16px 3px 0;
    margin-bottom: 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    border-radius: 21px;
    overflow: hidden;
}

.social_box_and_menu_fixed>div>a {
    color: #fff;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.social_box_and_menu_fixed>div:last-child {
    margin-bottom: 0px;
}

.social_box_and_menu_fixed>div:active {
    transform: scale(0.95, 0.95);
    -ms-transform: scale(0.95, 0.95);
    -moz-transform: scale(0.95, 0.95);
    -webkit-transform: scale(0.95, 0.95);
    -o-transform: scale(0.95, 0.95);
}

/* .social_box_and_menu_fixed > div > a,
.social_box_and_menu_fixed > div > div {
    display: block;
	cursor: pointer;
    width: 40px;
    height: 35px;
    text-decoration: none;
    box-shadow: inset 0 0 0 1px #d1d1d1;
    background-color: white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
} */
.social_box_and_menu_fixed>div>a>span.icon,
.social_box_and_menu_fixed>div>div>span.icon {
    width: 40px;
    height: 35px;
    position: relative;
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.social_box_and_menu_fixed>div>a>span.icon:before,
.social_box_and_menu_fixed>div>div>span.icon:before {
    content: none;

}

.single-news .turist .social_box_and_menu_fixed>div>a>span.counter {
    margin-top: 0
}

.turist .social_box_and_menu_fixed>div>a>span.counter {
    margin-top: 0
}

.social_box_and_menu_fixed>div>a>span.counter,
.social_box_and_menu_fixed>div>div>span.counter {
    display: none;

}

.social_box_and_menu_fixed.hotel_menu_ag .fa-share-alt:before {
    position: relative;
}

.social_box_and_menu_fixed .fb a span.icon {
    background-color: #3e5e96;

}

.social_box_and_menu_fixed .tw a span.icon {
    background: #41aee8;
    background-position: 8px -4800px;
}

.social_box_and_menu_fixed .vk a span.icon {
    background: #436690;
    background-position: 4px -4840px;
}

.social_box_and_menu_fixed .gplus a span.icon {
    background: #DD4E40;
    background-position: 7px -6497px;
}

.social_box_and_menu_fixed .skype span.icon {
    background: #2BACE3;
    background-position: -999px 0;
}

.social_box_and_menu_fixed .viber a span.icon {
    background: #675AAA;
    background-position: -999px 0;
}

.social_box_and_menu_fixed .skype span.icon:after,
.social_box_and_menu_fixed .viber a span.icon:after {
    color: white;
    position: absolute;
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.social_box_and_menu_fixed .skype span.icon:after {
    content: '\f17e';
    font-family: 'FontAwesome', sans-serif;
    font-size: 23px;
}

/* .social_box_and_menu_fixed .viber a span.icon:after {content:'\e666'; font-family: 'fa-viber'; font-size:18px;} */
.wpvqgr-a-d-s {
    margin: 0;
}

.fb_iframe_widget span {
    max-width: 40px;
    min-height: 35px;

}

.fb_iframe_widget span iframe {
    min-height: 35px;
}

#fb-root {
    display: none;
}

.fb {
    background: #3b5998;
    background-repeat: no-repeat;
    width: 100%;
    text-align: center;
    border-radius: 25px;
}

.quiz-footer .btn-wrp {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    width: 100%;
}

.wpvqgr-wrapper a:focus,
.wpvqgr-wrapper a:hover {
    text-decoration: none;
}

.wpvqgr-wrapper .fb:hover {
    filter: brightness(85%);
}

.wpvqgr {
    margin: 0 !important;
}

/* QUIZ HEADER */
.quiz-header {
    padding: 120px 40px 8px;
    background: url(quiz-pattern.png) no-repeat center;
    background-size: cover;
}

.quiz-container {
    padding: 20px 40px 0;
}

.wpvqgr-progress .progress-bar {
    background: linear-gradient(270deg, #FF6500 0%, #FFA970 100%) !important;
    border-radius: 10px;
}

.withbg .quiz-header {
    padding: 120px 40px 8px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.znz .quiz-header {
    background-image: url(znz-quiz.png);
}

.sri .quiz-header {
    background-image: url(sri-bg.png);
}
.kzanni .quiz-header {
    background-image: url(kzanni-bg3.jpg);
}
.withbg .quiz-container {
    padding: 20px 40px 0;
}

.withbg .wpvqgr-progress .progress-bar {
    background: linear-gradient(270deg, #FF6500 0%, #FFA970 100%) !important;
    border-radius: 10px;
}

/* Lang Nav */
.lang-nav.wp-block-navigation ul {
    background: #ffefe5;
    padding: 4px;
    border-radius: 20px;
}

.lang-nav.wp-block-navigation .wp-block-navigation-item {
    width: 34px;
    height: 34px;
    border-radius: 18px;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-weight: 600;
}
.wp-block-navigation a:where(:not(.wp-element-button)):hover {
    text-decoration: none!important;
}

.lang-nav.wp-block-navigation .current-menu-item {
    background-color: #ff6500;
    color: #fff;
}

.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50 {
    border-radius: 0 0 21px 21px;
}

/*   MAIN PAGE    */
.quiz-grid {
    margin: 80px 0;
}

.quiz-grid ul li {
    display: block;
}

header.fixed {
    position: fixed;
    z-index: 10;
}

header.fixed {
    position: fixed;
    z-index: 10;
    width: 100%;
}

.fixed-100 {
    height: 100vh;
    position: static;
}

.fixed-100 .wp-block-cover {
    height: 100%;
}

.mlw_qmn_message_before {
    margin-bottom: 0;
    padding-bottom: 0;
}

.quiz_section {
    padding-bottom: 0;
}

.border-box {
    box-sizing: border-box;
}

#content-col {
    max-height: 100vh;
    overflow: hidden;
    overflow-y: auto;
}

.qmn_quiz_container .qmn_btn,
.qmn_quiz_container .btn {
    background-image: linear-gradient(180deg, #ff9000 3%, #ff6500);
    box-shadow: none;
    transition: transform .25s ease, opacity .25s ease;
    will-change: transform;
    text-transform: uppercase;
    font-weight: 600;
}

.qmn_quiz_container .qmn_btn:hover,
.qmn_quiz_container .btn:hover {
    transform: scale(.95);
}

.page-template-quiz-lidgen .qsm-progress-bar .progressbar-text {
    color: #ff6500;
}

.mlw_previous {
    display: none !important;
}

.quiz_section .qmn_radio_answers label,
.quiz_section .qmn_check_answers label,
.quiz_section .qmn_accept_answers label {
    font-size: 18px;
}

.qsm-quiz-container input[type=radio] {
    width: 24px;
    height: 24px;
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    appearance: none;
    /* For iOS < 15 to remove gradient background */
    background-color: #f4f6f9;
    /* Not removed via appearance */
    margin: 0;
    border: 2px solid #2e3a59;
    border-radius: 50%;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
    margin-right: 8px;
    flex-shrink: 0;
}

.qsm-question-comment-wrp {
    margin-top: 40px;
}

.qsm-quiz-container input[type="radio"]::before {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em #2e3a59;
}

.qsm-quiz-container input[type="radio"]:checked::before {
    transform: scale(1);
}

.qmn_mc_answer_wrap {
    background: #F4F6F9;
    opacity: 1;
    border-radius: 25px;
    display: flex;
    align-items: baseline;
    padding: 6px 12px;
    margin-top: 20px;
}

.qmn_mc_answer_wrap.qmn_correct_answer {
    background: #C4F2E9;
}

.qmn_mc_answer_wrap.qmn_incorrect_answer {
    background: #F8D6D3;
}

.qsm-progress-bar svg {
    border-radius: 4px;
}

.page-template-perso-quiz .wpvqgr-answer-row,
.wpvqgr_quiz_perso .wpvqgr-answer-row {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.page-template-quiz-lidgen .qmn_multiple_horizontal_check {
    display: grid;
    grid: auto/ 1fr 1fr 1fr 1fr;
    gap: 20px
}

.page-template-quiz-lidgen .qsm-page-3 .qmn_multiple_horizontal_check {
    grid: auto/ 1fr 1fr 1fr 1fr 1fr;
}

.page-template-quiz-lidgen .qsm-page-5 .qmn_multiple_horizontal_check {
    grid: auto/ 1fr 1fr 1fr;
    column-gap: 32px;
}

.page-template-quiz-lidgen .qmn_multiple_horizontal_check>span {
    width: 100%;
}

.wpvqgr-wrapper .wpvqgr_quiz_perso .wpvqgr-answer-col,
.page-template-quiz-lidgen .qmn_multiple_horizontal_check .mlw_horizontal_multiple {
    background-color: #fff;
    border: 1px solid #e1e4f0;
    border-radius: 21px;
    padding: 16px 16px 0;
}

.wpvqgr-wrapper .wpvqgr_quiz_perso .wpvqgr-answer-col div.wpvqgr-answer {
    background-color: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 0;
}

.perso-quiz .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-answer-col:hover {
    background: #FFF0E6;
}

.wpvqgr-wrapper .wpvqgr_quiz_perso figure {
    margin-bottom: 0;
}

.wpvqgr-wrapper .wpvqgr_quiz_perso .figure-img {
    margin-bottom: 0;
    border-radius: 12px;
}

.wpvqgr-wrapper .wpvqgr_quiz_perso .wpvqgr-checkbox {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    margin-top: -12px;
}

.wpvqgr-wrapper .wpvqgr_quiz_perso div.wpvqgr-answer,
.page-template-quiz-lidgen .qmn_multiple_horizontal_check .mlw_horizontal_multiple {
    padding: 16px;
}

.page-template-quiz-lidgen .quiz_section .qmn_check_answers .mlw_horizontal_multiple {
    flex-direction: column;
    align-items: center;
    height: auto;
}

.page-template-quiz-lidgen .qsm-page-5 .quiz_section .qmn_check_answers .mlw_horizontal_multiple {
    overflow: visible;
}

.page-template-quiz-lidgen .qsm-results-page .qmn_image_option img,
.page-template-quiz-lidgen .quiz_section .qmn_image_option img {
    height: auto;
}

.page-template-quiz-lidgen .qsm-page-5 .quiz_section .qmn_image_option img {
    max-width: 48px;
}

.page-template-quiz-lidgen .quiz_section .qmn_check_answers label {
    max-width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.page-template-quiz-lidgen .qsm-page-5 .quiz_section .qmn_check_answers label {
    display: flex;
    width: 100%;
    margin: 0;
    gap: 20px;
    justify-content: start;
    align-items: center;
}

.page-template-quiz-lidgen .qsm-page-5 .quiz_section .qmn_check_answers .qsm_image_caption {
    margin-top: 0;
}

.page-template-quiz-lidgen .qsm-page-5 .checkbox-wrapper-12 {
    bottom: auto;
    left: -28px;
    margin-left: 0;
    box-sizing: border-box;
    top: 50%;
    margin-top: -12px;
}

.wpvqgr-wrapper .wpvqgr_quiz_perso .wpvqgr-answer-col {
    max-width: 334px;
}

.wpvqgr-wrapper .wpvqgr_quiz_perso div.wpvqgr-question div.wpvqgr-answer div.wpvqgr-checkbox div.wpvqgr-checkbox-unchecked-picture {
    background-color: #fff;
}

.wpvqgr-wrapper .wpvqgr_quiz_perso div.wpvqgr-question .wpvqgr-answer-col:has(div.wpvqgr-selected-answer),
.wpvqgr-wrapper .wpvqgr_quiz_perso div.wpvqgr-question div.wpvqgr-selected-answer {
    background: #ff9000 !important;
    color: #fff;
}

.wpvqgr-wrapper .wpvqgr_quiz_perso div.wpvqgr-question div.wpvqgr-selected-answer div.wpvqgr-checkbox div.wpvqgr-checkbox-checked-picture {
    border-width: 0;
    background: url(checked_inv.svg) #ff9000;
}

.wpvqgr_quiz_perso .quiz-header {
    padding: 0;
    background: none;
}

.wpvqgr-wrapper .wpvqgr_quiz_perso div.wpvqgr-progress-top {
    margin: 30px auto;
    max-width: 1120px;
    border-radius: 12px;
    background: #f4f6f9;
    box-shadow: inset 3px 3px 16px #dcdde0, inset -3px -3px 16px #ffffff;
    border: 1px solid #fff;
}

.wpvqgr_quiz_perso .wpvqgr-result-description {
    display: flex;
    gap: 0px;
    flex-direction: column;
}

.wpvqgr_quiz_perso .wpvqgr-result-description div {
    flex: 50%;
    display: inline-flex;
    flex-direction: column;
    justify-content: end;
}

.wpvqgr_quiz_perso .wpvqgr-result-description img {
    border-radius: 40px;
}

.wpvqgr_quiz_perso .wpvqgr-result-description a {
    transition: transform .25s ease, opacity .25s ease;
    will-change: transform;
    align-items: center;
    background-image: linear-gradient(180deg, #ff9000 3%, #ff6500);
    border-radius: 31px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    justify-content: center;
    line-height: 1.25;
    min-height: 50px;
    text-align: center;
    text-transform: uppercase;
    width: 212px;
    margin: 40px 0 20px;
}

.wpvqgr_quiz_perso .wpvqgr-result-description a:hover {
    transform: scale(.95);
    text-decoration: none;
    color: #ffffff;
}

.wpvqgr-wrapper .wpvqgr_quiz_perso div.wpvqgr-results {
    border: none;
    padding: 0;
}

.wpvqgr-results-box.wpvqgr_quiz_perso {
    position: relative;
    background: #fff;
    padding: 40px 40px 120px;
    border-radius: 40px;
}

.wpvqgr_quiz_perso .wpvqgr-results {
    margin-top: 0;
}

.wpvqgr_quiz_perso .quiz-footer {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
    align-items: flex-end;
}

.wpvqgr_quiz_perso .quiz-footer .btn-wrp {
    background: #f4f6f9;
    padding: 16px 16px 16px 0;
    gap: 12px;
    display: flex;
    margin: 0;
    border-top-left-radius: 20px;
    z-index: 1;
}

.wpvqgr-wrapper .wpvqgr_quiz_perso div.wpvqgr-results div.wpvqgr-sharing,
.wpvqgr-wrapper .wpvqgr_quiz_perso button.wpvqgr-button.wpvqgr-playagain {
    width: auto;
    height: 54px;
}

.wpvqgr-wrapper .wpvqgr_quiz_perso div.wpvqgr-results div.wpvqgr-sharing .fb {
    background: #EBEEF5;
}

.wpvqgr-wrapper .wpvqgr_quiz_perso div.wpvqgr-results div.wpvqgr-sharing #fb_share {
    color: #3B5998 !important;
}

.wpvqgr-wrapper .wpvqgr_quiz_perso button.wpvqgr-button.wpvqgr-playagain {
    background-color: #FFE6D6;
    color: #ff6500;
}

.wpvqgr-wrapper .wpvqgr_quiz_perso div.wpvqgr-results h3 {
    text-align: center;
    margin-bottom: 30px;
}

.footer-before {
    margin-right: -20px;
    position: absolute;
    bottom: 0;
    left: -52px;
    z-index: 0;
}

.footer-after {
    position: absolute;
    bottom: 0;
    right: -1px;
    z-index: 0;
}

.wpvqgr-wrapper .fb:hover,
.wpvqgr-wrapper button.wpvqgr-button:hover {
    filter: none !important;
    transform: scale(.95);
}

.wpvqgr-wrapper div.progress div.progress-bar[style*="width:100%"],
.wpvqgr-wrapper div.progress:has(div.progress-bar[style*="width:100%"]) {
    display: none;
}

.wpvqgr-wrapper .wpvqgr_quiz_perso .quiz-container {
    padding: 0;
}

.wpvqgr-wrapper .wpvqgr_quiz_perso .progress-bar.complete {
    display: none;
}

.wpvqgr-wrapper .wpvqgr_quiz_perso .wpvqgr-progress:has(.progress-bar.complete) {
    display: none;
}

.wpvqgr-wrapper .wpvqgr_quiz_perso div.wpvqgr-question div.wpvqgr-answer div.wpvqgr-checkbox div.wpvqgr-checkbox-unchecked-picture {
    float: none;
    margin: 0;
    flex-shrink: 0;
}

.wpvqgr-wrapper .wpvqgr_quiz_perso div.wpvqgr-question div.wpvqgr-answer span.wpvqgr-answer-label {
    margin-right: 0;
}

.wpvqgr-intro {
    max-width: 890px;
    margin: 24px auto 60px;
}

.wpvqgr-intro img {
    margin-bottom: 20px;
    border-radius: 21px;
}

.wpvqgr-intro .wpvqgr-start-button {
    width: auto;
    display: block;
    box-sizing: border-box;
    padding: 19px 50px;
    border-radius: 30px;
}

.page-id-3049 header.fixed {
    position: absolute;
}

.wpvqgr-explanation-content img {
    margin-top: 20px;
    border-radius: 21px;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    -ms-border-radius: 21px;
    -o-border-radius: 21px;
}

/* QUIZ WIDE TEMPLATE  */
.page-template-quiz-wide .quiz-container,
.page-template-wp-custom-template-quiz-wide .quiz-container {
    padding: 0;
}

.quiz-wide-container {
    max-width: 820px;
    padding: 0 40px;
    margin: 0 auto;
}

.page-template-quiz-wide .wpvqgr-wrapper div.wpvqgr-question,
.page-template-wp-custom-template-quiz-wide .wpvqgr-wrapper div.wpvqgr-question {
    margin-bottom: 0;
}

.page-template-quiz-wide h2.wp-block-post-title,
.page-template-wp-custom-template-quiz-wide  h2.wp-block-post-title {
    margin-bottom: 0;
    color: #fff;
    text-transform: uppercase;
}

.wide-header {
    /* background-attachment: fixed; */
    background-repeat: no-repeat;
    /* background-position: 50%; */
    background-size: cover;
    position: absolute;
    width: 100%;
    top: 70px;
    left: 0;
    height: 600px;
    z-index: -1;
}

.page-template-quiz-wide .wpvqgr-intro .wide-header,
.page-template-wp-custom-template-quiz-wide .wpvqgr-intro .wide-header {
    height: 600px;
    background-position: 30% 100%;
}

.page-template-quiz-wide .wide-header::after,
.page-template-wp-custom-template-quiz-wide .wide-header::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
}

.page-template-quiz-wide .wpvqgr-wrapper,
.page-template-wp-custom-template-quiz-wide .wpvqgr-wrapper {
    max-width: 820px;
    padding: 0 40px;
    margin: -80px auto 0;
    position: relative;
    z-index: 100;
}

.page-template-quiz-wide .wpvqgr.wpvqgr_quiz_trivia,
.page-template-wp-custom-template-quiz-wide .wpvqgr.wpvqgr_quiz_trivia {
    margin-top: -80px;
    border-radius: 21px;
    background: #fff;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    -ms-border-radius: 21px;
    -o-border-radius: 21px;
    border: 1px solid #ecf3f9;
}

.page-template-quiz-wide .wpvqgr-intro,
.page-template-wp-custom-template-quiz-wide .wpvqgr-intro {
    border-radius: 21px;
    background: #fff;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    -ms-border-radius: 21px;
    -o-border-radius: 21px;
    border: 1px solid #ecf3f9;
    padding: 40px;
}

.page-template-quiz-wide .wpvqgr-wide-row ,
.page-template-wp-custom-template-quiz-wide .wpvqgr-wide-row {
    padding: 0 40px 40px;
}

.page-template-quiz-wide .quiz-header,
.page-template-wp-custom-template-quiz-wide .quiz-header  {
    padding: 40px 40px 0;
    background: transparent;
    background-image: none;
}

.page-template-quiz-wide .wpvqgr-explanation,
.page-template-wp-custom-template-quiz-wide .wpvqgr-explanation {
    padding: 48px 40px 0;
    background-image: repeating-linear-gradient(90deg, #e5eaf6, #e5eaf6 12px, transparent 12px, transparent 18px);
    background-position: left top;
    background-repeat: repeat-x;
    background-size: 100% 1px;
    position: relative;
}

.page-template-quiz-wide .wpvqgr-explanation::before,
.page-template-wp-custom-template-quiz-wide .wpvqgr-explanation::before {
    content: " ";
    background-color: #f4f6f9;
    border-right: 1px solid #ecf3f9;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    border-bottom: 1px solid #ecf3f9;
    border-top: 1px solid #ecf3f9;
    width: 12px;
    height: 23px;
    display: block;
    position: absolute;
    top: -11px;
    left: -1px;
}

.page-template-quiz-wide .wpvqgr-explanation::after,
.page-template-wp-custom-template-quiz-wide .wpvqgr-explanation::after {
    content: " ";
    background-color: #f4f6f9;
    border-left: 1px solid #ecf3f9;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    border-bottom: 1px solid #ecf3f9;
    border-top: 1px solid #ecf3f9;
    width: 12px;
    height: 23px;
    display: block;
    position: absolute;
    top: -11px;
    right: -1px;
}

.page-template-quiz-wide .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-explanation h3.wpvqgr-thats-right,
.page-template-quiz-wide .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-explanation h3.wpvqgr-thats-wrong,
.page-template-wp-custom-template-quiz-wide .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-explanation h3.wpvqgr-thats-right,
.page-template-wp-custom-template-quiz-wide .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-explanation h3.wpvqgr-thats-wrong {
    background: transparent !important;
}

.page-template-quiz-wide .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-explanation h3.wpvqgr-thats-right::before,
.page-template-quiz-wide .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-explanation h3.wpvqgr-thats-wrong::before,
.page-template-wp-custom-template-quiz-wide .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-explanation h3.wpvqgr-thats-right::before,
.page-template-wp-custom-template-quiz-wide .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-explanation h3.wpvqgr-thats-wrong::before {
    position: absolute;
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    top: -20px;
    left: calc(50% - 20px);
}

.page-template-quiz-wide .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-explanation h3.wpvqgr-thats-right::before,
.page-template-wp-custom-template-quiz-wide .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-explanation h3.wpvqgr-thats-right::before {
    content: url('data:image/svg+xml,<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg"><rect y="0.343262" width="40" height="40.6065" rx="20" fill="%235BAC05"/><path fill-rule="evenodd" clip-rule="evenodd" d="M28.4858 14.6362C28.8763 15.0267 28.8763 15.6599 28.4858 16.0504L17.8783 26.6569C17.4877 27.0474 16.8546 27.0474 16.4641 26.6569L11.5143 21.7071C11.1238 21.3166 11.1238 20.6834 11.5143 20.2929C11.9049 19.9024 12.538 19.9024 12.9285 20.2929L17.1712 24.5356L27.0716 14.6361C27.4622 14.2456 28.0953 14.2456 28.4858 14.6362Z" fill="white"/></svg>');
}

.page-template-quiz-wide .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-explanation h3.wpvqgr-thats-wrong::before,
.page-template-wp-custom-template-quiz-wide .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-explanation h3.wpvqgr-thats-wrong::before {
    content: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="40" height="40" rx="20" fill="%23FF3A20"/><path d="M29 29L20 20M20 20L11 11M20 20L29.0001 11M20 20L11 29.0001" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.page-template-quiz-wide .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-explanation h3,
.page-template-wp-custom-template-quiz-wide .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-explanation h3 {
    color: #2e3a59;
    text-align: center;
    padding: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.page-template-quiz-wide .wpvqgr-continue,
.page-template-wp-custom-template-quiz-wide .wpvqgr-continue {
    padding: 20px 40px 40px;
    text-align: center;
}

.page-template-quiz-wide .wpvqgr-continue .wpvqgr-button,
.page-template-wp-custom-template-quiz-wide .wpvqgr-continue .wpvqgr-button {
    width: auto;
    padding: 16px 40px;
    border-radius: 30px;
    margin: 0 auto;
}

.page-template-quiz-wide .wpvqgr-wrapper .progress,
.page-template-wp-custom-template-quiz-wide .wpvqgr-wrapper .progress {
    background: #eceff4;
    border: 1px solid #e1e9f4;
    box-shadow: inset 2px 3px 3px #94aac7;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    -webkit-border-radius: 25px;
}

.page-template-quiz-wide .quiz-header+.wpvqgr-results[style="display:block"],
.page-template-wp-custom-template-quiz-wide .quiz-header+.wpvqgr-results[style="display:block"] {
    display: none;
}

.page-template-quiz-wide .wpvqgr-wrapper div.wpvqgr-results,
.page-template-wp-custom-template-quiz-wide .wpvqgr-wrapper div.wpvqgr-results {
    padding: 0 40px;
    border: none;
}

#quiz-wide h2 {
    padding: 0 40px;
}

.page-template-quiz-wide .wp-block-cover,
.page-template-wp-custom-template-quiz-wide .wp-block-cover {
    max-width: 1200px;
    margin: 0 auto;
}

body.page-id-3646 {
    position: relative;
}

body.page-id-3646::before,
body.page-id-3646::after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: url(pattern.svg) repeat-y;
    background-size: 100%;
    width: 11vw;
    opacity: 0.55;
    z-index: -1;
}

body.page-id-3646::after {
    left: auto;
    right: 0;
    background: url(pattern-r.svg) repeat-y;
    background-size: 100%;
}

/*   page template quiz lidgen    */
.quiz_section-end {
	max-width: 680px;
    padding: 0 20px;
    margin: 0 auto;
}
.qsm-quiz-container {
    min-height: 70vh;
}

.qsm-quiz-form .qmn_error {
    color: #DD4E40;
}

.page-template-quiz-lidgen {
    background: #EFF2F7;
}

div .quiz_section .question-type-polar-s,
.qsm_questions_answers_section .mlw_qmn_question .question-type-polar-s,
.qsm-quiz-container .mlw_qmn_question .question-type-polar-s {
    align-items: baseline;
    display: flex;
    justify-content: center;
}

.page-template-quiz-lidgen .quiz_section {
    margin-top: 40px;
    padding: 0;
}
.qsm-quiz-form {
    padding: 0 20px;
}
.qsm-error-message {
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;

}

.qsm-page-4 .question-type-polar-s .ui-widget-content .ui-slider-handle {
    font-size: 0.75rem;
}

.page-template-quiz-lidgen .qmn_btn,
.qsm-quiz-container.qmn_quiz_container .qmn_btn {
    margin: 0 auto;
    padding: 16px 20px;
    border-radius: 32px;
    border: none;
}

.question-type-polar-s .ui-widget-content {
    height: 4px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-color: #ff6500;
    background-color: #ff6500;
}

.question-type-polar-s .right-polar-title,
.question-type-polar-s .left-polar-title {
    font-size: 0.75rem;
}

.question-type-polar-s .ui-widget-content .ui-slider-handle {
    background: #ff6500;
    height: 24px;
    width: 24px;
    border: solid 4px #fff;
    top: -11px;
    text-decoration: none;
    color: #fff !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 22px;
    box-sizing: border-box;
    box-shadow: 0 5px 16px 0 rgba(250, 101, 0, .25);
    position: relative;
}

.question-type-polar-s .slider-main-wrapper {
    padding-top: 40px;
}

.slider-value {
    position: absolute;
    font-size: 1.5rem;
    top: -38px;
    color: #2e3a59;
}

.page-template-quiz-lidgen .quiz_section .mlw_qmn_new_question {
    font-size: 1.72rem;
    text-align: center;
    width: 100%;
    display: block;
    margin-bottom: 24px;
}

.qmn_quiz_container select,
.qmn_quiz_container textarea,
.qmn_quiz_container input[type="text"],
.qmn_quiz_container input[type="email"],
.qmn_quiz_container input[type="url"],
.qmn_quiz_container input[type="number"] {
    border-color: #fff;
    border-radius: 12px;
    padding: 16px 20px;
}

.qmn_quiz_container select:hover,
.qmn_quiz_container textarea:hover,
.qmn_quiz_container input[type="text"]:hover,
.qmn_quiz_container input[type="email"]:hover,
.qmn_quiz_container input[type="url"]:hover,
.qmn_quiz_container input[type="number"]:hover {
    box-shadow: 4px 18px 22px 0 hsla(0, 0%, 45%, .14);
    border-color: #fff;
    outline: none;
}

.mlw_qmn_message_before {
    color: inherit;
}

.page-template-quiz-lidgen .qsm-page.qsm-question-page {
    text-align: center;
}

.pages_count {
    margin-top: 40px;
}

.pages_count .current {
    font-size: 1.75rem
}

.qsm_contact_div .iti,
.quiz_section select,
.quiz_section textarea,
.quiz_section input[type="text"],
.quiz_section input[type="email"],
.quiz_section input[type="url"],
.quiz_section input[type="number"] {
    width: 100%;
}

.iti__search-input {
    width: 100%;
    padding: 8px;
}

.iti input.iti__tel-input,
.iti input.iti__tel-input[type=tel],
.iti input.iti__tel-input[type=text] {
    width: 100%;
}
a.ui-slider-handle,
a.ui-slider-handle:hover,
a.ui-slider-handle:focus,
a.ui-slider-handle:focus-visible {
    outline: none!important;
}

/* RESPONSIVE */
@media only screen and (max-width: 1149px) {
    .perso-quiz {
        padding: 0 4vw;
    }
}

@media only screen and (max-width: 991px) {
    .wpvqgr_quiz_perso .wpvqgr-result-description {
        flex-direction: column-reverse;
        gap: 20px;
    }

    .wpvqgr-results-box.wpvqgr_quiz_perso {
        padding: 40px 40px 0px 40px;
    }

    .wpvqgr_quiz_perso .wpvqgr-result-description img {
        max-width: 320px;
        margin: 0 auto;
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .question-type-polar-s .left-polar-title, .question-type-polar-s .slider-main-wrapper, .question-type-polar-s .right-polar-title {
        width: auto;
        margin-bottom: 0;
    }
    .question-type-polar-s .right-polar-title {
        order: 3;
    }
    .question-type-polar-s .slider-main-wrapper {
        order: 2;
        width: calc(100% - 70px);
    }
    .page-template-quiz-lidgen .qsm-page-3 .qmn_multiple_horizontal_check,
    .page-template-quiz-lidgen .qmn_multiple_horizontal_check {
        grid: auto/ 1fr 1fr 1fr;
        gap: 16px;
    }
    .page-template-quiz-lidgen .qsm-page-5 .qmn_multiple_horizontal_check {
        grid: auto/ 1fr 1fr;
        gap: 16px;
    }
    .wpvqgr_quiz_perso .wpvqgr-answer-row {
        flex-direction: column;
    }

    .wpvqgr-wrapper .wpvqgr_quiz_perso .wpvqgr-answer-col {
        max-width: 100%;
    }

    .wpvqgr-wrapper .wpvqgr_quiz_perso .wpvqgr-answer-col div.wpvqgr-answer {
        display: flex;
    }

    .wpvqgr-wrapper .wpvqgr_quiz_perso div.wpvqgr-question div.wpvqgr-answer div.wpvqgr-answer-picture figure.figure {
        width: 20vw !important;
    }

    .wpvqgr-wrapper .wpvqgr_quiz_perso .wpvqgr-answer-col {
        padding: 16px;
    }

    .wpvqgr-wrapper .wpvqgr_quiz_perso .wpvqgr-checkbox {
        flex-direction: row;
        margin-top: 0;
        margin-left: -12px;
    }
}

@media only screen and (max-width: 672px) {
    .wpvqgr_quiz_perso .quiz-footer {
        bottom: auto;
        width: 100%;
        justify-content: center;
    }

    .wpvqgr-results-box.wpvqgr_quiz_perso {
        margin-bottom: 90px;
    }

    .wpvqgr-wrapper .wpvqgr_quiz_perso div.wpvqgr-results h3 {
        text-align: center;
        font-size: 1.5rem;
    }

    .wpvqgr_quiz_perso .wpvqgr-result-description a {
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (max-width: 510px) {
    .page-template-quiz-lidgen .qsm-page-3 .qmn_multiple_horizontal_check,
    .page-template-quiz-lidgen .qmn_multiple_horizontal_check {
        grid: auto/ 1fr 1fr;
    }
    .page-template-quiz-lidgen .wp-block-post-featured-image {
        display: none;
    }
    .page-template-quiz-lidgen header {
        padding-bottom: 20px;
        
    }
    .page-template-quiz-lidgen header figure {
        position: relative;
        z-index: 100;
        min-width: 120px;
    }
    .wpvqgr-wrapper .wpvqgr_quiz_perso div.wpvqgr-question div.wpvqgr-answer div.wpvqgr-answer-picture figure.figure {
        width: 30vw !important;
    }

    .wpvqgr-wrapper .wpvqgr_quiz_perso div.wpvqgr-question div.wpvqgr-answer span.wpvqgr-answer-label {
        font-size: 0.8rem;
        line-height: 1.33;
    }

    .page-template-quiz-wide .wpvqgr-wrapper,
    .page-template-wp-custom-template-quiz-wide .wpvqgr-wrapper {
        padding: 0 20px;
    }

    #quiz-wide h2 {
        padding: 0 20px;
        transform: scale(.87);
        -webkit-transform: scale(.87);
        -moz-transform: scale(.87);
        -ms-transform: scale(.87);
        -o-transform: scale(.87);
    }
}
@media only screen and (max-width: 374px) {
    .page-template-quiz-lidgen .qsm-page-3 .qmn_multiple_horizontal_check,
    .page-template-quiz-lidgen .qmn_multiple_horizontal_check {
        grid: auto/ 1fr;
    }
    .page-template-quiz-lidgen .qsm-page-5 .qmn_multiple_horizontal_check {
        grid: auto/ 1fr;
    }
}
.page-template-box-of-impressions .wpvqgr-thats-right,
.page-template-box-of-impressions .wpvqgr-thats-wrong,
.page-template-wp-custom-template-box-of-impressions .wpvqgr-thats-right,
.page-template-wp-custom-template-box-of-impressions .wpvqgr-thats-wrong {
    display: none!important;
}
.wpvqgr-explanation-content .hidden {
    display: none!important;
}
.wpvqgr-explanation-content ul:has(.correct) {
    list-style: none;
    padding: 0;
}
.page-template-box-of-impressions .quiz-header,
.page-template-wp-custom-template-box-of-impressions .quiz-header {
    padding: 20px 0 0;
    background: none;
}
.page-template-box-of-impressions header,
.page-template-wp-custom-template-box-of-impressions header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    background: transparent;
}
.page-template-box-of-impressions .wpvqgr-progress-top,
.page-template-wp-custom-template-box-of-impressions .wpvqgr-progress-top {
    background: transparent !important;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: solid 2px #e3ebfb;
    box-shadow: none;
    border-radius: 0 !important;
}
.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-answer div.wpvqgr-checkbox div.wpvqgr-checkbox-unchecked-picture {
    flex-shrink: 0;
}
.page-template-box-of-impressions .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-wrong-answer,
.page-template-box-of-impressions .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-right-answer:not(.wpvqgr-is-selected-answer),
.page-template-wp-custom-template-box-of-impressions .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-wrong-answer,
.page-template-wp-custom-template-box-of-impressions .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-right-answer:not(.wpvqgr-is-selected-answer) {
    background: #F4F6F9!important;
    color: #2e3a59;
}
.page-template-box-of-impressions .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-wrong-answer:hover,
.page-template-box-of-impressions .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-answer:hover,
.page-template-wp-custom-template-box-of-impressions .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-wrong-answer:hover,
.page-template-wp-custom-template-box-of-impressions .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-answer:hover {
    background: #F4F6F9;
}
.page-template-box-of-impressions .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-wrong-answer:hover div.wpvqgr-checkbox div.wpvqgr-checkbox-unchecked-picture,
.page-template-box-of-impressions .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-answer:hover div.wpvqgr-checkbox div.wpvqgr-checkbox-unchecked-picture,
.page-template-wp-custom-template-box-of-impressions .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-wrong-answer:hover div.wpvqgr-checkbox div.wpvqgr-checkbox-unchecked-picture,
.page-template-wp-custom-template-box-of-impressions .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-answer:hover div.wpvqgr-checkbox div.wpvqgr-checkbox-unchecked-picture {
    border-color: #2e3a59;
}
.page-template-box-of-impressions .wpvqgr-wrapper div.wpvqgr-question .wpvqgr-wrong-answer.wpvqgr-is-selected-answer,
.page-template-wp-custom-template-box-of-impressions .wpvqgr-wrapper div.wpvqgr-question .wpvqgr-wrong-answer.wpvqgr-is-selected-answer {
    background: #E8FFD0 !important;
    color: #5BAC05;
}
.page-template-box-of-impressions .wpvqgr-wrapper div.wpvqgr-question .wpvqgr-wrong-answer.wpvqgr-is-selected-answer,
.page-template-wp-custom-template-box-of-impressions .wpvqgr-wrapper div.wpvqgr-question .wpvqgr-wrong-answer.wpvqgr-is-selected-answer {
    color: #5BAC05;
}
.page-template-box-of-impressions .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-answer div.wpvqgr-checkbox div.wpvqgr-checkbox-checked-picture,
.page-template-wp-custom-template-box-of-impressions .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-answer div.wpvqgr-checkbox div.wpvqgr-checkbox-checked-picture {
    border-width: 0;
    background: url(checked.svg)!important;
}
.page-template-box-of-impressions .wpvqgr-progress .progress-bar,
.page-template-wp-custom-template-box-of-impressions .wpvqgr-progress .progress-bar {
    background: none!important;
    border-radius: 0;
    border-bottom: solid 2px #ff6500;
    text-align: left;
    color: #2e3a59;
}
.wpvqgr-wrapper figure {
    max-width: 100%;
    font-size: 0.75rem;
    text-align: center;
}
@media (max-width: 781px) {
    .page-template-box-of-impressions #content-col,
    .page-template-wp-custom-template-box-of-impressions #content-col {
        background: #fff;
        border-radius: 42px;
        padding: 6vh !important;
        z-index: 1;
        margin: 50vh auto 0;
        max-width: 96vw;
        max-height: 100%;
    }
    .page-template-box-of-impressions #bg-col,
    .page-template-wp-custom-template-box-of-impressions #bg-col {
        position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    }
}
@media (max-width: 560px) {
    .page-template-box-of-impressions #content-col,
    .page-template-wp-custom-template-box-of-impressions #content-col {
        padding: 4vh!important;
    }
    .page-template-box-of-impressions h2,
    .page-template-wp-custom-template-box-of-impressions h2 {
        font-size: 1.15em!important;
    }
    .page-template-box-of-impressions,
    .page-template-wp-custom-template-box-of-impressions {
        font-size: 1em;
        line-height: 1.5;
    }
    .page-template-box-of-impressions .quiz-container,
    .page-template-wp-custom-template-box-of-impressions .quiz-container {
        padding: 0;
    }
    .page-template-box-of-impressions .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-question-label,
    .page-template-wp-custom-template-box-of-impressions .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-question-label {
        font-size: 1.5em!important;
    }
    .wpvqgr-explanation-content img + span {
        display: block;
        line-height: 1.25;
        font-size: 0.5em!important;
    }
}