.wid-1200 {width:1200px;}
.quiz-wrap {padding:0 6.67em;margin:20px auto;background:#fff;}
.Swiper-quiz {min-width:200px;max-width:96%;height:550px;padding:0 0 1px;
    box-shadow:0px 0px 15px 1px rgba(201,201,201,0.4);border-radius:8px;margin:0 auto;}
.Swiper-quiz .swiper-slide {height:550px;overflow:hidden;}
.Swiper-quiz .swiper-slide:nth-child(2) {height:auto;}

.quiz-wrap .fullscreen-btn {position:absolute;top:7px;right:7px;width:24px;height:24px;
    z-index:2;display:flex;align-items:center;justify-content:center;}
.quiz-wrap .fullscreen-btn svg {fill:#000;}

.fullscreen-btn .ays-quiz-close-full-screen {display: none;}
.fullscreen-btn.is-fullscreen .ays-quiz-open-full-screen {display: none;}
.fullscreen-btn.is-fullscreen .ays-quiz-close-full-screen {display: inline-block;}
.quiz-wrap:fullscreen {width:100vw;height:100vh;}
.quiz-wrap:fullscreen .Swiper-quiz {height:100%;overflow-y:auto;}
.quiz-wrap:fullscreen .swiper-slide {height:550px!important;}
.quiz-wrap:fullscreen .swiper-slide:nth-child(2) {height:auto!important;}


.quiz-wrap:fullscreen {padding:0;}
.quiz-wrap:fullscreen .Swiper-quiz {max-width:100%;height:100%!important;overflow-y:auto;}
.quiz-wrap:fullscreen .swiper-wrapper {height:auto;}









/* quiz section-1 */
.Swiper-quiz .start_box {height:100%;display:flex;flex-direction:column;align-items:center;gap:25px;
    justify-content:center;}
.Swiper-quiz .start_box p {font-size:28px;margin:0.625em;text-align:center;padding:0 10px;}
.Swiper-quiz .start_box .start {background:#5d6cf9;color:#fff;font-size:18px;padding:14px 36px;
    border-radius:8px;line-height:1;font-weight:bold;}


/* quiz section-2 */
.Swiper-quiz .question-wrap {display:flex;flex-direction:column;}
.Swiper-quiz .question-box {min-height:450px;padding-top:100px;position:relative;display:flex;flex-direction:column;
    align-items:center;justify-content:center;}
.Swiper-quiz .question-box .numb {position:absolute;top:45px;right:8px;margin:0.625em;padding:0 10px;
    font-size:14px;}
.Swiper-quiz .question-box .question {font-size:15px;margin:1em;padding:0 10px;letter-spacing:-0.5px;
    text-align:center;}
.Swiper-quiz .question-box ul {width:90%;display:flex;flex-direction:column;gap:12px;}
.Swiper-quiz .question-box ul li:hover {background:rgba(93,108,249,0.8);}
.Swiper-quiz .question-box input {display:none;}
.Swiper-quiz .question-box label {display:block;width:100%;height:100%;align-items:center;padding:5px;
    transition:all .3s;line-height:33px;border:1px solid #ddd;font-weight:bold;font-size:14px;font-weight:600;
    cursor:pointer;letter-spacing:-0.5px;word-break:break-word}
.Swiper-quiz .question-box label::before {content: "";display:inline-block;background:#ddd; 
    background-clip:content-box;width:20px;height:20px;border:3px solid #ccc;padding:3px 3px 3px 3px;    box-sizing:border-box;transition:all .4s linear;vertical-align:middle;margin-right:10px;position:unset;
    border-radius:50%;}
.Swiper-quiz .question-box label:hover {background:rgba(93,108,249,0.8);color:#fff;}
.Swiper-quiz .question-box input:checked+label::before {border-color:#5d6cf9;background:#5d6cf9;
    background-clip:content-box}
.Swiper-quiz .question-box input:checked+label {background:rgba(93,108,249,0.6);}
.Swiper-quiz .question-wrap .btn_wrap {display:flex;justify-content:center;margin:-10px 0 60px;}
.Swiper-quiz .question-wrap .result {background:#5d6cf9;color:#fff;font-size:17px;padding:14px 36px;
    border-radius:8px;line-height:1;font-weight:bold;letter-spacing:-0.5px;position:relative;z-index:1;}
.Swiper-quiz .question-wrap .result:disabled {background:#aaa;}


/* quiz section-3 */
.Swiper-quiz .result-wrap {display:flex;flex-direction:column;align-items:center;padding:40px 0 0;}
.Swiper-quiz .result-wrap * {text-align:center;}
.Swiper-quiz .result-wrap .message-t {color:#101218;font-size:2.1875rem;line-height:1.2em;
    font-family:'Montserrat',sans-serif;margin-bottom:14px;}
.Swiper-quiz .result-wrap .message-a {padding:0 10px;margin:0.625em;line-height:1.7em;font-size:14px;}
.Swiper-quiz .result-wrap a {color:#4175fc;transition:all .2s linear;margin:0.625em;font-size:14px;}
.Swiper-quiz .result-wrap a:hover {color:#084af3;}
.Swiper-quiz .result-wrap .ays_message {margin:0.625em;font-size:14px;}
.Swiper-quiz .result-wrap .ays_message span {display:block;margin:0.625em;}
.Swiper-quiz .result-wrap .score {margin-top:20px}
.Swiper-quiz .result-wrap .perfect {margin-top:20px}
.Swiper-quiz .result-wrap .restart {background:#5d6cf9;color:#fff;font-size:17px;padding:14px 36px;
    border-radius:8px;line-height:1;font-weight:bold;letter-spacing:-0.5px;margin:32px 0 -11px;
    display:flex;align-items:center;gap:10px;}
.Swiper-quiz .result-wrap .down-btn {background:#5d6cf9;font-size:18px;border-radius:8px;
    margin:10px 5px;display:inline-block;line-height:1;padding:5px 10px;color:#fff;font-weight:bold;}



@media (max-width:1200px) {
    .wid-1200 {width:auto;}
    .quiz-wrap {padding:0 2.4em;}
}

@media (max-width:921px) {
    .quiz-wrap {padding:2.14em;}
}

@media (max-width:768px) {
    .Swiper-quiz .start_box p {font-size:20px;}
}

@media (max-width:544px) {
    .quiz-wrap {padding:0 1em;}
}