#quizApp{
/* min-height:calc(100vh - 144px); */ 
/* min-height:100vh; */
min-height:900px;

padding-top:144px;
}
#quizApp .quiz-start-content-wrapper{
padding:0 30px;
}
#quizApp .quiz-start-image-wrapper img{
height:352px;
object-fit:cover;
border-radius: 24px;
}
#quizApp .quiz-start-content-bg{
width: calc(66.66666667% - (8.33333333% + 32px)  );
background-color:#FDDFD0;
margin-right:8.33333333%;
opacity: 0.9;
border-radius: 24px;

}

#quizApp .bg-wrapper  {
left:0;
}
#quizApp .quiz-start-content-bg:before ,#quizApp .quiz-start-content-bg:after{
    content:"";
width: 117px;
height: 59px;
    mix-blend-mode: multiply;
    border-radius: 12px;
    background: var(--secondary-dark-tangerine);
    mix-blend-mode: multiply;
    display: block;
    position: absolute;
 
}
#quizApp .quiz-start-content-bg:before{
width: 100px;
height: 48px;
   bottom: 48px;
    left: -50px;
}

#quizApp .quiz-start-content-bg:after{
   top: 48px;
    right: -47px;
}

#quizApp .quiz__question{
padding:32px 30px;
    margin-top: 65px;
    border-radius: 24px;
    background-color: rgb(166 169 236 / 90%);

}
#quizApp .quiz__questionWrapper{
min-height:240px
}
#quizApp .question-bar{
width: 48px;
height: 8px;

}
#quizApp .quiz__backgroundBar{
background-color:#E4E5FE;
border-radius: 12px;

}
#quizApp .optionImage {
    background-color: #fdeedc;
    width: 125px;
height: 94px;
   position: absolute;
    left:-10px;
    top:-8px;
    border-radius: 12px;

}
#quizApp .optionImage.true-false-option{
top:50%;
z-index:2;
}
#quizApp .quizeStart-background-wrapper {
width:calc(100% - 32px)
}
#quizApp .quition-wrapper{
	    min-height: calc(640px - 65px);

}
#quizApp  .quiz__option{
display: flex;
min-height: fit-content;
height: 94px;
padding: 8px 30px 8px 140px;
align-items: center;
gap: 8px;
flex-shrink: 0;
border-radius: 12px;
transition:0.5s all ease-in-out;    
text-align: left;
}
#quizApp  .quiz__option{word-break: break-word;}
#quizApp  .quiz__option.no-image{
padding: 8px 30px 8px 30px;
}
#quizApp  .quiz__option:hover,#quizApp  .quiz__option:focus-visible{
background-color:var(--primary-lightest-yellow)
}
.quiz__optionImage img{

 border-radius: 12px;
        object-fit: contain;
    object-position: center center;

}
#quizApp .bg_images_wrapper img{
border-radius: 24px;
object-fit:cover;
}
#quizApp .quiz__carousel{
position:relative;


}
#quizApp .quiz__carousel::before,#quizApp .quiz__carousel::after {
content:"";
display:block;
width: 160px;
height: 90px;
position:absolute;
background-color:#E4E5FE;
z-index:2;
border-radius: 12px;
mix-blend-mode: multiply;
}
#quizApp .quiz__carousel::before{
left:-62px;
bottom:92px;
width: 100px;
height: 60px;

}
#quizApp .quiz__carousel::after{
right:-126px;
top:106px;
}
#quizApp .quiz_answered{
/* margin-bottom:21px; */ 
min-height: 728px;

}
#quizApp .quiz-answered{
    margin-bottom: 45px;

}
#quizApp .quiz-answered-navigation{
    margin-top: auto;
        padding-top: 32px;
}
#quizApp .quiz__answerExplanation{
margin-top:226px
}
#quizApp .quiz__options{
    padding-left: 10px;

}
.quiz-result-image-wrapper {
height: 438px;
object-fit:cover;
border-radius: 24px 0px 0px 24px;
overflow:hidden;
}

.quiz-result-score-wrapper-main{
margin:126px 0 130px 0;
}
.quiz-result-score-wrapper:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: calc(100% + 32px);
    display: block;
    left: -32px;
    background: var(--secondary-dark-mint);
    z-index: 1;
    border-radius: 0px 12px 12px 0px;
}
.quiz-result-score{
    position: relative;
    z-index: 2;
}
.score-wrapper{
left: 45%;
    top: 50px;
}
.score-bg-wrapper{
border-radius: 12px;

    position: absolute;
    left: -15px;
    width: calc(100% - 32px);
    height: calc(100% + 113px + 126px);
    top:-126px;
}
.score-bg:before,.score-bg:after {
    content: "";
    display: block;
    position: absolute;
    border-radius: 12px;
background: var(--secondary-light-mint);
mix-blend-mode: multiply;
}

.score-bg:before{
    width: 175px;
height: 161px;

        top:262px;
    right: -48px;
    
}
.score-bg:after{
    width: 641px;
    height: 285px;
    bottom:44px;
    left:-234px;
}
.score-bg{
border-radius: 12px;
mix-blend-mode: multiply;
}
.quiz-result-score .share-icons a{
    height: 32px;
    width: 32px;
    background: var(--primary-carbon);
    border-radius: 50%;
    color: var(--primary-white);
        font-size: 14px;
        transition:0.5s

}

.quiz-result-score .share-icons .mail-icon-round {
    font-size: 10px;
}
.quiz-result-score .share-icons a:hover,.quiz-result-score .share-icons a:focus-visible{
    background-color: var(--primary-lightest-yellow);
    color: var(--primary-night);
}
.score-wrapper .score-print {
    font-size: clamp(7.2rem, 4.806rem + 6.385vw, 14rem);
/*     line-height: clamp(7.2rem, 0.228rem + 18.592vw, 27rem); */
   line-height:unset;
}
#quizApp .quiz__option.bg-success{
    border: 2px solid #AAE9D3;
    background: #F1FDF9;

}
#quizApp .quiz__option.bg-danger{
border: 2px solid #FFA97C;
background: #FDDFD0;
}
.score-wrapper {
    left: -48%;
    top: 21%;
    transform: translate(50%, 50%);
    width: 100%;
    text-align: center;
}
@media only screen and (max-width:1199px){
.score-bg:after {
    left: -50%;
    transform: translateX(50%);
}
}
@media only screen and (max-width:992px) and (min-width:768px){
#quizApp .quiz__carousel{
max-height:calc(100% - 115px)
}
#quizApp .quiz__carousel::after{
top:30px;
}
#quizApp .quiz__carousel::before{
bottom:30px;
}
}
@media only screen and (max-width:991px){
#quizApp{
/* min-height:calc(100vh - 120px); */
min-height:calc(80px + 605px);
padding-top:88px;
}
#quizApp .quiz-start-content-bg{
width: 100%;
margin:0 44px;
}
#quizApp .quiz-start-content-bg:after{
    right: -42px;
    top:30px;
}
#quizApp .quiz-start-content-bg:before{
left:-45px;
bottom:40px;
}
#quizApp .quiz-start-content-wrapper{
padding:52px;
}
.score-bg:after {
    left: -60%;
    transform: translateX(50%);
}
}

@media only screen and (max-width:767px){

#quizApp .quiz-start-content-wrapper{
padding-top:0;
margin:115px 0;
}
#quizApp .quiz__questionWrapper {
    min-height: 199px;
}

#quizApp .quiz__question {
    margin-top: 40px;
}
#quizApp .quition-wrapper{
min-height:auto;
}
#quizApp .quition-wrapper {
    min-height: auto;
/*     z-index: 9; */
    position: relative;
    margin-bottom: 75px;
}
.quition-wrapper:before {
    content: '';
    position: absolute;
    top: -40px;
    height: 100%;
    width: calc(100% - 46px - 119px);
    background-color: #E4E5FE;
    border-radius: 12px;
    /* bottom: 0; */
    right: 46px;
    height: calc(100% + 34px + 16px + 32px);
}
#quizApp .quiz__question {
    margin-top: 40px;
    position: relative;
}
#quizApp .cta-icon{
    width: 64px;
    height: 64px;
    padding: 20px;
    align-items: center;
    justify-content: center;
}
#quizApp .cta-icon span.icon {
    font-size: 2.4rem;
}
#quizApp .quiz__answerExplanation {
/*     margin-top: 0px; */
margin-top:48px;
        margin-bottom: 40px;

}
#quizApp .quizeStart-background-wrapper {
    width: calc(100% - 46px - 31px);
    z-index: -1;
            right: 31px;
                    height: calc(100% - 8px) !important;

}
#quizApp .quiz__carousel::after{
width: 110px;
height: 69px;
right:-46px;
top:71px;
}
#quizApp .quiz__carousel::before{
width: 101px;
height: 40px;
left:-46px;
bottom:-28px;
}
.quiz-answered .quition-wrapper:before {
    display:none;
}
#quizApp .quiz-answered .quition-wrapper{
margin-bottom:0;
}
.quiz-result-score-wrapper-main {
    margin: 183px 0 200px 0;
}
.score-bg-wrapper {
    border-radius: 12px;
    position: absolute;
    left: auto;
    width: calc(100% - 50px);
    height: calc(100% + 183px + 200px);
    top: -159px;
    right: 0;
}
.score-bg:before, .score-bg:after {
    background: #F1FDF9;
}
.score-bg:before {

    top: 30%;
    right: 0;
    width: 31px;
    height: 249px;
}
.quiz-articles__title h2{
font-size: var(--card-title-large-fs);
    line-height: var(--card-title-large-lh);
    font-style: normal;
    font-family: var(--font-regular);
    text-align:center;
}
.quiz-articles__title {
    margin-top: -200px;
    position: relative;
    margin-bottom: 200px;
}
.quiz-result-image-wrapper{
    height: auto;
    border-radius: 24px 24px 0px 0px;

}
.quiz-result-score-wrapper:before{
border-radius: 0px 0px 24px 24px;
width:100%;
left:0;
}
.score-bg:after{
        width: 171px;
        height: 436px;
        left: -50px;
        transform: none;
}
.score-wrapper{
    left: -49%;
    top: 18%;
}
}

/* global travel quiz*/
.quizAppGlobalTravel .quition-wrapper > img,.quizAppGlobalTravel .quition-wrapper > .swiper{
        position: absolute;
        top: -40px;
        height: 100%;
        width: calc(100% - 46px - 119px);
        background-color: #E4E5FE;
        border-radius: 12px;
        /* bottom: 0; */
        right: 46px;
        height: calc(100% + 34px + 16px + 32px);
}