/*================================= 1 Reset Css ( #res ) =================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{text-decoration:none;outline:0;margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;color:#000;transition:all 0.5s ease 0s;}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}hr{display:block;height:1px;border:0;border-top:1px solid #ababab;margin:50px auto; padding:0}

/*================================= 2 Font Face ( #face ) =================================*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Petrona", serif;
}

/*================================= 3  Inputs ( #input ) =================================*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0;}
::-webkit-input-placeholder {color:#343434; font-style:normal;}
:-moz-placeholder {color:#343434; font-style:normal;}
::-moz-placeholder {color:#343434; font-style:normal;}
:-ms-input-placeholder {color: #343434; font-style:normal;}
button::-moz-focus-inner {border: 0}
:focus {outline:none;border-color: var(--primary_color) !important;}
::-moz-focus-inner {border:0;}

ul{list-style:none; margin:0; padding:0;}
li{list-style:none;}
img{max-width: 100%;}
button{cursor: pointer;}
body{overflow: hidden;}
.main{background-image: url(../images/quiz/1bg.jpg);background-repeat: no-repeat;background-size: cover;background-position: bottom center;height: 100vh;padding: 40px;overflow: auto;}
.quiz_logo{margin: 0 auto;display: block;width: 350px;animation: logo_anim 3s infinite 2s linear;}
.main_container{display: flex;align-items: center;gap: 30px;justify-content: center;}
.main_container::-webkit-scrollbar, .card_wrapper::-webkit-scrollbar {display: none;}
.card_wrapper{display: flex;gap: 60px;align-items: stretch;flex-wrap: nowrap;overflow-x: auto;padding: 30px;}

.quiz_card{z-index: 1;position: relative;flex: 0 0 auto;width: 250px;transition: all 0.5s ease;}
.quiz_card:hover{transform: translateY(-10px);}
.quiz_card:hover::after{opacity: 0;}
.quiz_card::after{content: '';position: absolute;height: 32px;width: 100%;background-image: url(../images/quiz/card-ellipse.png);background-repeat: no-repeat;left: 0;bottom: -20px;z-index: -1;background-size: contain;transition: all 0.5s ease;}
.quiz_card a{border-radius: 27px 27px 36px 36px;background-color: #E4FCFF;box-shadow: 0px 0px 30px 0px #FFF;display: inline-block;padding: 40px;height: 100%;width: 100%;}
.quiz_card img{width: 160px;display: block;margin: 0 auto;}
.quiz_card h4{font-family: "Rancho", cursive;font-size: 35px;text-align: center;font-weight: 400;margin-top: 20px;}

.press_btn{cursor: pointer;transform-origin: center bottom 0px;transform: matrix(1, 0, 0, 1, 0, 0);transition-duration: .2s;}
.press_btn:active{transform: matrix(0.95, 0, 0, 0.95, 0, 0);}
@keyframes logo_anim {
    0% {transform: scale(1) rotate(0deg);}
    20% {transform: scaleX(1.1) rotate(5deg);}
    50% {transform: scaleY(1.2) rotate(1deg);}
    80% {transform: scaleX(1.1) rotate(-5deg);}
}

/* dada_bhagwan_quiz */
.dada_bhagwan_quiz{background-image: url(../images/quiz/my-gnani-dada-bhagwan/game-bg.jpg);background-repeat: no-repeat;background-size: cover;padding: 40px;height: 100vh;overflow: auto;}
.container{display: flex;flex-flow: column;justify-content: space-evenly;height: 80%;}
.inner_logo{display: block;margin: 10px auto 0;width: 650px;}
h2{text-align: center;font-size: 40px;margin: 30px auto;}
.level_wrapper{text-align: center;display: flex;gap: 60px;align-items: flex-start;justify-content: center;}
.level_wrapper li{font-size: 30px;flex: 0 0 auto;}
.level_wrapper img{display: block;margin: 30px auto;width: 120px;}
footer{font-size: 20px;text-align: center;line-height: 24px;margin-top: 20px;}
footer a{font-weight: 700;}

/* dada quiz que */
.dada_bhagwan_quiz .option_gif {top: 50%;transform: translateY(-50%);}
.que_container{max-width: 980px;margin-right: auto;margin-left: auto;}
.que_img{display: block;margin: 0 auto 30px;width: 350px;}
.que_wrapper{background-color: #fff;border-radius: 30px;padding: 26px;position: relative;clear: both;}
.dash_border{border-radius: 30px;border: 1px dashed #000;padding: 25px 60px;}
.question{font-size: 30px;margin-bottom: 20px;}
.option_wrapper li{border-radius: 115px;padding: 10px;margin-top: 16px;border: 1px solid transparent;position: relative;}
.option_wrapper li:hover{border-color: #000;background-color: #fff !important;}
.option_wrapper li:first-child{background-color: #FFD7D7;}
.option_wrapper li:nth-child(2){background-color: #CFE1FF;}
.option_wrapper li:nth-child(3){background-color: #FFE1B4;}
.option_wrapper li:nth-child(4){background-color: #CEFFEA;}
.option_wrapper a{display: inline-block;width: 100%;font-size: 22px;font-weight: 500;}
.option_wrapper span{height: 40px;width: 40px;border-radius: 50%;background-color: #fff;display: inline-flex;align-items: center;justify-content: center;margin-right: 10px;}
.option_gif{position: absolute;left: -55px;width: 50px;}
.gif_img{position: absolute;right: -100px;bottom: 0;width: 250px;}
.next_que{font-family: "Rancho", cursive;font-size: 26px;display: flex;align-items: center;gap: 10px;border-radius: 50px;background-color: #106765;color: #fff;border: none;padding: 5px 20px;float: right;margin-bottom: 10px;}
.next_que img{width: 30px;}
.que_finish{font-size: 22px;text-align: center;z-index: 1;position: relative;}
.que_finish ul{text-align: left;}
.que_finish p{font-weight: 700;font-size: 30px;margin: 10px;}
.que_finish .next_que{display: inline-flex;float: none;width: max-content;margin-top: 30px;}
.pratikraman_quiz .que_container.que_finish .next_que{background-color: #4AB8C9;color: #fff;}
.pratikraman_quiz .que_container.que_finish strong{margin: 20px auto;display: inline-block;}
.pratikraman_quiz .que_container.que_finish ul li{margin-bottom: 10px;list-style-type: disc;margin-left: 20px;font-size: 18px;}
.dada_bhagwan_quiz .que_img{width: 200px;}

/* niruma_quiz */
.niruma_quiz{background-image: url(../images/quiz/our-beloved-niruma/bg.jpg);background-repeat: no-repeat;background-size: cover;padding: 40px;height: 100vh;overflow: auto;}
.niruma_quiz .que_container{background-position: center;position: relative;max-width: 1100px;padding: 40px 0;}
.niruma_quiz .pin_img{position: absolute;z-index: 99;width: 50px;left: 80px;transform: rotateY(-180deg);}
.niruma_quiz .pin_img2{position: absolute;z-index: 99;width: 50px;right: 90px;}
.niruma_quiz .que_bg{position: absolute;top: 0;z-index: 0;height: 100%;width: 100%;}
.niruma_quiz .gif_img{right: -170px;bottom: -40px;width: 200px;transform: rotateY(-180deg);}
.niruma_quiz .que_img{width: 200px;margin: 0 auto;z-index: 1;position: relative;}
.niruma_quiz .que_wrapper{width: 80%;margin: 0 auto;background-color: transparent;z-index: 1;}
.niruma_quiz .next_que{position: absolute;float: none;right: 0;top: -50px;background-color: #F09885;color: #000;}
.niruma_quiz .n_option_wrapper{margin-bottom: 50px;}
.niruma_quiz .n_option_wrapper li{background-color: transparent;display: flex;align-items: center;width: 100%;margin-top: 16px;font-size: 20px;line-height: 26px;font-weight: 500;}
.niruma_quiz .n_option_wrapper li:hover span, .niruma_quiz .n_option_wrapper li:hover a{background-color: #F09885;}
.niruma_quiz .n_option_wrapper li a{background-color: #FFE7EB;padding: 10px 20px;border-radius: 50px;width: 100%;}
.niruma_quiz .n_option_wrapper span{background-color: #f09885;height: 40px;width: 40px;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;margin-right: 10px;transition: all 0.5s ease;}
.niruma_quiz .que_finish .next_que, .pratikraman_quiz .que_finish.que_container .next_que, .anger_quiz .que_finish.que_container .next_que{position: relative;top: 0;}
.niruma_quiz .que_finish{padding: 0 60px 60px;}
.niruma_quiz .n_option_wrapper li.clicked {background-color: #fff !important; }
.niruma_quiz .n_option_wrapper li.clicked a {background-color: #F09885 !important; color: #fff !important; }
.niruma_quiz .n_option_wrapper li.clicked span {background-color: #F09885 !important; color: #fff !important; }
.niruma_quiz .n_option_wrapper li.clicked:hover span,
.niruma_quiz .n_option_wrapper li.clicked:hover a {background-color: #F09885 !important;}
.main_question {display: block; }
.que_finish {display: none;}
.que_finish.hide {display: none;}
.main_question.show {display: block;}

/* pratikraman_quiz */
.pratikraman_quiz{background-image: url(../images/quiz/pratikraman/bg.jpg);background-repeat: no-repeat;background-size: cover;padding: 40px;height: 100vh;overflow: auto;background-position: top;}
.white_bg{max-width: 1235px;border-radius: 50px;background: rgba(255, 255, 255, 0.90);margin-right: auto;margin-left: auto;text-align: center;padding: 60px 100px;position: relative;}
.play_btn{display: flex;align-items: center;background-color: #4AB8C9;border-radius: 31px;padding: 10px 20px;font-size: 30px;color: #fff;font-family: "Rancho", cursive;gap: 10px;margin: 0 auto;max-width: max-content;}
.white_bg p{font-size: 22px;margin-bottom: 30px;}
.cartoon_img{position: absolute;left: -130px;bottom: -50px;}
.pratikraman_quiz .que_container{background-color: rgba(255, 255, 255, 0.90);border-radius: 50px;position: relative;padding: 40px;}
.pratikraman_quiz .que_container .next_que{position: absolute;right: 0;top: -60px;background-color: #fff;color: #4AB8C9;}
.pratikraman_quiz .que_container p{text-align: center;font-size: 20px;font-weight: 500;}
.prati_que_wrapper .question{margin-left: 50px;}
.prati_option_wrapper li{margin-top: 16px;display: flex;align-items: center;font-size: 20px;font-weight: 500;background-color: #C7F4FC;border-radius: 10px;padding: 5px 10px;margin-left: 50px;position: relative;transition: all 0.5s ease;line-height: 25px;cursor: pointer;position: relative;}
.prati_option_wrapper li a{padding-left: 20px;width: 100%;cursor: pointer;}
.prati_option_wrapper li span{height: 44px;width: 44px;display: flex;align-items: center;justify-content: center;position: relative;margin-left: -34px;color: #fff;z-index: 1;}
.prati_option_wrapper li span i{z-index: 1;}
.prati_option_wrapper li::after{content: '';height: 44px;width: 44px;border-radius: 10px;border: 1px solid #DBF1F4;position: absolute;background-color: #008FA7;z-index: 0;transform: rotate(45deg);left: -25px;}
.prati_option_wrapper .option_gif{left: -80px;}
.prati_option_wrapper li:hover{background-color: #008FA7;cursor: pointer;}
.prati_option_wrapper li:hover a{color: #fff;}
.pratikraman_quiz .que_img{width: 240px;margin: 10px auto 0;z-index: 1;position: relative;}
.prati_option_wrapper li.clicked a {color: #fff;}

/* pujy_deepakbhai_quiz */
.pujya_deepakbhai_quiz{background-image: url(../images/quiz/pujya-deepakbhai/bg.png);background-repeat: no-repeat;background-size: cover;padding: 40px;height: 100vh;overflow: auto;background-position: bottom;}
.d_que_container{max-width: 1040px;margin-right: auto;margin-left: auto;position: relative;margin-top: 10px;}
.d_que_container .d_que_wrapper{display: flex;align-items: center;background-color: #EAEC8D;border-radius: 50px;border: 1px solid #000;overflow: hidden;clear: both;margin-bottom: 30px;}
.d_que_container .question{margin-bottom: 0;padding: 20px 40px;}
.d_que_container .next_que {background-color: #fff;color: #000;border: 1px solid #000;}
.d_option_wrapper{background-color: #fff;border-radius: 50px;border: 1px solid #000;padding: 40px 50px;}
.d_option_wrapper li{font-size: 20px;font-weight: 500;padding-top: 15px;position: relative;width: 100%;}
.d_option_wrapper li:not(:last-child){border-bottom: 1px solid #000;padding-bottom: 15px;}
.d_option_wrapper li a{width: 100%;display: block;}
.d_option_wrapper li a span{margin-right: 15px;width: 100%;}
.d_option_wrapper .option_gif{left: -75px;top: 0;}
.d_que_container .gif_img{position: absolute;right: -120px;bottom: -30px;width: 200px;}
.d_option_wrapper li a:hover{color: #93950D;font-weight: 700;}

/* anger_quiz */
.anger_quiz{background-image: url(../images/quiz/anger-quiz/bg.jpg);background-repeat: no-repeat;background-size: cover;padding: 40px;height: 100vh;overflow: auto;background-position: bottom;}
.anger_quiz .que_container{background-color: #fff;border-radius: 36px;border: 1px solid #000;position: relative;margin-top: 60px;}
.anger_quiz .next_que{position: absolute;right: 0;top: -60px;background-color: #fff;color: #000;border: 1px solid #000;}
.anger_quiz .a_que_wrapper{background-color: #FECA5A;border-radius: 36px;border: 1px solid #000;display: flex;align-items: center;padding: 10px 60px;margin: -1px;gap: 20px;}
.anger_quiz .a_que_wrapper img{width: 150px;margin-top: -40px; }
.anger_quiz .a_que_wrapper .question{margin-bottom: 0;}
.anger_quiz .a_option_wrapper{padding: 40px 60px;}
.anger_quiz .a_option_wrapper li{background-color: #B9AD01;padding: 10px 15px;border-radius: 50px;border: 1px solid #000;margin-top: 16px;display: flex;align-items: center;gap: 10px;position: relative;font-size: 20px;line-height: 25px;cursor: pointer;}
.anger_quiz .a_option_wrapper li img{width: 38px;}
.anger_quiz .a_option_wrapper .option_gif{left: -55px;}
.anger_quiz li a{width: 100%;}



@media (max-width:1240px){
    .gif_img{right: -40px;bottom: 0;width: 200px;}
    .niruma_quiz .gif_img {right: -120px;bottom: -60px;width: 150px;}
    .cartoon_img{left: -40px;bottom: -50px;width: 160px;}
    .pratikraman_quiz .que_container{margin-top: 60px;}
    .d_que_container .gif_img{right: -40px;bottom: -50px;width: 160px;}
}

@media (max-width:1023px){
    .main{padding: 20px;}
    .volume{width: 60px;}
    .quiz_logo{width: 240px;}
    .button_left, .button_right{width: 30px;}
    .card_wrapper{gap: 40px;flex-wrap: wrap;justify-content: center;}
    .button_left, .button_right{display: none;}
    .quiz_card{width: 180px;}
    .quiz_card a{padding: 30px;}
    .quiz_card img{width: 100px;}
    .quiz_card h4{font-size: 25px;}
    .dada_bhagwan_quiz, .niruma_quiz, .pratikraman_quiz{padding: 20px;}
    /* dada_bhagwan_quiz */
    .inner_logo{width: 450px;}
    h2{font-size: 32px;}
    .level_wrapper{gap: 30px;}
    .level_wrapper li {font-size: 20px;}
    .level_wrapper img{width: 80px;}
    footer{font-size: 16px;}
    .que_container{padding: 30px 0;}
    .que_img{width: 200px;}
    .que_wrapper{padding: 16px;}
    .dash_border{padding: 30px 40px;}
    .question{font-size: 24px;line-height: 30px;}
    .option_wrapper li{padding: 5px;}
    .option_wrapper a{font-size: 18px;}
    .option_wrapper span{width: 30px;height: 30px;}
    .next_que{padding: 5px 12px;font-size: 20px;}
    .next_que img {width: 24px;}    
    .option_gif{left: -45px;width: 40px;}
    .gif_img{right: -20px;bottom: -30px;width: 150px;}
    .option_wrapper li.clicked {background-color: inherit !important;}
    .optionList li.selected {pointer-events: none; }
    .optionList li.selected:first-child {background-color: #FFD7D7 !important;}
    .optionList li.selected:nth-child(2) {background-color: #CFE1FF !important;}
    .optionList li.selected:nth-child(3) {background-color: #FFE1B4 !important;}
    .optionList li.selected:nth-child(4) {background-color: #CEFFEA !important;}

    /* niruma_quiz */
    .niruma_quiz .que_container{margin-top: 60px;}
    .niruma_quiz .pin_img, .niruma_quiz .pin_img2{width: 35px;}
    .niruma_quiz .pin_img2{right: 55px;}
    .niruma_quiz .pin_img{left: 30px;}
    .niruma_quiz .que_img{width: 250px;}
    .niruma_quiz .n_option_wrapper li{font-size: 18px;}
    .niruma_quiz .gif_img {right: -80px;bottom: -60px;}
    .niruma_quiz .n_option_wrapper span{width: 30px;height: 30px;}
    .niruma_quiz .n_option_wrapper li a{padding: 5px 10px;}
    .niruma_quiz .n_option_wrapper {margin-bottom: 20px;}

    /* pratikraman_quiz */
    .white_bg{padding: 30px 100px;}
    .white_bg p{font-size: 18px;margin: 30px 10px;}
    .play_btn{font-size: 22px;padding: 8px 16px;}
    .play_btn img{width: 25px;}
    .cartoon_img{width: 120px;left: -10px;bottom: -10px;}
    .pratikraman_quiz .que_container{padding: 20px 46px;margin-top: 60px;}
    .prati_option_wrapper li, .pratikraman_quiz .que_container p{font-size: 18px;line-height: 20px;}
    .prati_option_wrapper li{margin-left: 30px;padding: 8px 20px;}
    .prati_option_wrapper li span{height: 40px;width: 40px;margin-left: -30px;}
    .prati_option_wrapper li::after{height: 40px;width: 40px;border-width: 4px;left: -15px;}
    .prati_option_wrapper li a {padding-left: 20px;}
    .prati_option_wrapper .option_gif {left: -65px;}
    .prati_que_wrapper .gif_img{bottom: -50px;width: 130px;}

    /* pujy_deepakbhai_quiz */
    .d_que_container .d_que_wrapper, .d_option_wrapper{border-radius: 30px;}
    .d_que_container .d_que_wrapper{margin-bottom: 20px;}
    .d_que_wrapper img{width: 150px;}
    .d_que_container .question{padding: 20px;}
    .d_option_wrapper{padding: 20px 30px;}
    .d_option_wrapper .option_gif{left: -50px;}
    .d_que_container .gif_img{right: -30px;bottom: -50px;width: 140px;}

    /* anger_quiz */
    .anger_quiz .que_container{padding: 0;}
    .anger_quiz .a_que_wrapper{padding: 10px 20px;gap: 10px;}
    .anger_quiz .a_que_wrapper img{width: 80px;}
    .anger_quiz .a_option_wrapper{padding: 20px 40px;}
    .anger_quiz .a_option_wrapper .option_gif {left: -40px;}
    .anger_quiz .a_option_wrapper li{padding: 10px;font-size: 20px;line-height: 20px;}
    .anger_quiz .a_option_wrapper li img {width: 28px;}
}
@media (max-width:767px){
    .volume{width: 40px;}
    .quiz_logo{width: 180px;}
    .main_container{gap: 10px;}
    .card_wrapper{gap: 30px;}
    .quiz_card{width: 160px;flex: 0 0 auto;}
    .quiz_card a{padding: 20px;border-radius: 17px 17px 26px 26px;}
    .quiz_card img{width: 80px;}
    .quiz_card h4{font-size: 25px;}
    .que_container {padding: 20px 0;}
    .container{margin-top: 30px;}
    .next_que{font-size: 18px;gap: 5px;}
    .option_gif {left: -35px;width: 30px;}
    .dada_bhagwan_quiz .que_img{margin-bottom: 10px;width: 160px;}
    .dada_bhagwan_quiz .que_container{padding-top: 10px;}
    .dada_bhagwan_quiz .que_wrapper {padding: 10px;}
    .dada_bhagwan_quiz .option_wrapper span{height: 24px;width: 24px;margin-right: 5px;font-size: 12px;flex: 0 0 auto;}
    .dada_bhagwan_quiz .option_wrapper li{padding: 5px 15px;}
    .dash_border {padding: 30px 15px;}
    .option_wrapper a {font-size: 16px;}
    .dada_bhagwan_quiz .option_wrapper a{line-height: 20px;display: flex;align-items: center;gap: 3px;}
    .dada_bhagwan_quiz .option_gif {left: -24px;}
    .dada_bhagwan_quiz .option_gif.right {width: 23px;}
    .dash_border .que_img {width: 160px;}
    .dada_bhagwan_quiz .gif_img{bottom: -50px;width: 120px;}
    .inner_logo{width: 400px;}
    .question {font-size: 20px;line-height: 24px;}
    .niruma_quiz{background-position: center;}
    .niruma_quiz .n_option_wrapper li {font-size: 16px;line-height: 20px;}
    .niruma_quiz .que_container{margin-top: 20px;}
    .niruma_quiz .que_img {width: 190px;}
    .niruma_quiz .gif_img {right: -30px;bottom: -60px;width: 120px;}
    .niruma_quiz .pin_img, .niruma_quiz .pin_img2 {width: 25px;top: 0;}
    .niruma_quiz .n_option_wrapper li a {padding: 5px 10px;display: flex;align-items: center;}
    .niruma_quiz .n_option_wrapper span {width: 20px;height: 20px;flex: 0 0 auto;}
    .niruma_quiz .que_wrapper {padding: 16px 0;}
    .niruma_quiz .next_que{top: -50px;}
    .pujya_deepakbhai_quiz{padding: 20px;}
    .d_que_container{margin-top: 15px;}
    .d_que_container .d_que_wrapper{flex-flow: column;}
    .d_que_wrapper img {width: 120px;}
    .d_option_wrapper li{font-size: 18px;}
    .d_que_container .gif_img{bottom: -90px;right: -10px;width: 120px;}
    .d_option_wrapper .option_gif{left: -36px;width: 30px;top: 8px;}
    .d_option_wrapper {padding: 10px 20px;}
    .d_option_wrapper li a{display: flex;align-content: center;}
    .d_option_wrapper li a span{width: auto;margin-right: 6px;}

    /* pratikraman_quiz */
    h2 {font-size: 28px;}
    .pratikraman_quiz .white_bg {padding: 20px 20px 60px;}
    .cartoon_img{bottom: -90px;}
    .pratikraman_quiz .que_container{padding: 20px 30px;margin-top: 30px;border-radius: 20px;}
    .pratikraman_quiz .que_img{width: 220px;}
    .prati_que_wrapper .question {margin-left: 0;}
    .prati_option_wrapper li::after {height: 30px;width: 30px;border-width: 2px;left: -16px;}
    .prati_option_wrapper li{margin-left: 0;}
    .prati_option_wrapper li a {padding-left: 10px;}
    .prati_option_wrapper li span{margin-left: -39px;}
    .prati_option_wrapper .option_gif {left: -45px;}
    .pratikraman_quiz .que_container.que_finish ul li{font-size: 16px;}
    .pratikraman_quiz h2{margin: 10px auto;}
    .anger_quiz{padding: 30px 20px;}
    .anger_quiz .a_option_wrapper {padding: 20px;}
    .anger_quiz .gif_img{right: -7px;bottom: -80px;width: 130px;}
    .anger_quiz .a_que_wrapper{flex-flow: column;}
    .anger_quiz .next_que{top: -70px;}
    .anger_quiz .a_option_wrapper .option_gif {left: -34px;}
}
@media (min-width:768px) and ( orientation: portrait ){
    .main{display: flex;flex-flow: column;justify-content: center;gap: 20px;}
}

@media (min-height: 1024px){
    .main{display: flex;flex-flow: column;justify-content: center;}
}
@media (min-width: 1024px){
    .main{display: flex;flex-flow: column;justify-content: center;}
}