.quiz_ver3 .welcome-logo{margin-bottom:0;}
.quiz_ver3.form-steps .questions-step .welcome-head{display:block;}
.quiz_ver3 .questions-step-main{box-shadow:none;background-color:transparent;border-radius:8px;text-align:center;margin-bottom:30px;}
.quiz_ver3 .questions-head h3{margin-bottom:12px;padding:12px 0;font:normal normal 300 24px/35px Poppins!important;letter-spacing:0px;color:#FFFFFF;}
.quiz_ver3 button.start-quiz{margin-bottom:0;color:#fff!important;background-color:#000!important;border:none!important;min-width:400px;margin:25px auto 30px!important;}
.quiz_ver3 .questions-head h3 b{font-weight:600;}
.quiz_ver3 .welcome-body-main{padding-top:40px;padding-bottom:40px;border-radius:0 0 8px 8px;margin-bottom:30px;}
.quiz_ver3 .questions-head,.form-quiz h3{border-radius:0 0 8px 8px;}
.quiz_ver3 .question-container{background-color:#fff;border-radius:8px!important;box-shadow:2px 3px 3px #00000080;padding-bottom:0;}
.quiz_ver3 h4.question-title{width:100%;max-width:100%;text-align:left;font-size:18px;font-weight:300;line-height:25px;padding:15px;position:relative;background-color:#F0F0F0;font:normal normal 300 20px/30px Poppins;letter-spacing:0px;color:#3E3E3E!important;box-shadow:0px 1px 0px #00000029;border-radius:8px 8px 0px 0px;min-height:90px;display:flex;align-items:center;font-weight:500;}
.quiz_ver3 .main-answer li.answer{background:#FDFDFD 0% 0% no-repeat padding-box;border:1px solid #D3D3D3;border-radius:6px;min-height:60px;letter-spacing:0px;color:#333333;font:normal normal 500 20px/21px Poppins;box-shadow:none;}
.quiz_ver3 h4.question-title span{width:45px;min-width:45px;height:45px;display:flex;float:left;justify-content:center;align-items:center;color:#fff;border-radius:50%;font-weight:bold;font-size:32px;margin-right:20px;}
.quiz_ver3 .welcome-body-content{font:normal normal 300 20px/28px Poppins;letter-spacing:0px;color:#FFFFFF!important;max-width:100%;padding:0 15px;}
.quiz_ver3 .welcome-footer p,.quiz_ver3 .welcome-footer a{text-align:center;font:normal normal 300 13px/18px Poppins!important;letter-spacing:0px;color:#FFF!important;}
.quiz_ver3 .main-answer li.answer:hover{color:#fff;border:none;}
.quiz_ver3 .form-quiz h3{margin-top:0;margin-bottom:12px;padding:12px 30px;font:normal normal 300 24px/35px Poppins!important;letter-spacing:0px;color:#FFFFFF;}
.quiz_ver3 .form-quiz h3 b{font-weight:500;}
.quiz_ver3 .form-quiz input{box-shadow:none;background:#FDFDFD 0% 0% no-repeat padding-box!important;border:1px solid #D3D3D3!important;border-radius:6px!important;padding-left:40px!important;font:normal normal normal 18px/30px Poppins;width:calc(100% - 60px);}
.quiz_ver3 .form-quiz .bottom-form label{width:50%;float:left;margin-top:12px;}
.quiz_ver3 .form-quiz .bottom-form label span.wpcf7-form-control-wrap{padding:0 6px;position:relative;}
.quiz_ver3 .form-quiz .bottom-form{background:#FFFFFF 0% 0% no-repeat padding-box;box-shadow:2px 3px 3px #00000080;border-radius:8px;padding:20px 25px;margin-bottom:50px;}
.quiz_ver3 .form-quiz .bottom-form label span.wpcf7-form-control-wrap.full-name:before{content:"";width:25px;height:25px;position:absolute;background-image:url(../images/fullname.svg);background-repeat:no-repeat;background-size:contain;top:20px;left:15px;}
.quiz_ver3 .form-quiz .bottom-form label span.wpcf7-form-control-wrap.your-email:before{content:"";width:25px;height:25px;position:absolute;background-image:url(../images/email.svg);background-repeat:no-repeat;background-size:contain;top:27px;left:15px;}
.quiz_ver3 .form-quiz .bottom-form label span.wpcf7-form-control-wrap.phone:before{content:"";width:25px;height:25px;position:absolute;background-image:url(../images/phone.svg);background-repeat:no-repeat;background-size:contain!important;top:20px;left:15px;}
.quiz_ver3 .form-quiz .bottom-form label span.wpcf7-form-control-wrap.postal-code:before{content:"";width:25px;height:25px;position:absolute;background-image:url(../images/postcode.svg);background-repeat:no-repeat;background-size:contain;top:20px;left:15px;}
.quiz_ver3 .form-quiz span.label{bottom:15px;left:47px;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;font:normal normal normal 18px/30px Poppins!important;letter-spacing:0px;opacity:0.49;}
.quiz_ver3 .bottom-v2 span.wpcf7-form-control-wrap.termsandconditions{width:100%;max-width:100%;padding:0 6px;margin-bottom:0;}
.quiz_ver3 .wpcf7-form-control-wrap.termsandconditions span.wpcf7-list-item-label{font-size:13px!important;text-decoration:none!important;float:left!important;width:calc(100% - 40px)!important;font-weight:300!important;line-height:18px!important;font-style:normal!important;font:normal normal 300 13px/18px Poppins;color:#535353;text-align:left;}
.quiz_ver3 .termsandconditions input[type="checkbox"]{border:1px solid #D3D3D3;border-radius:4px;padding:10px!important;}
.quiz_ver3 span.wpcf7-form-control-wrap.termsandconditions input[type="checkbox"]:checked{background-position:5px 5px!important;}
.quiz_ver3 .wpcf7-form-control-wrap.termsandconditions span.wpcf7-list-item-label a{font-weight:600;color:#535353;}
.quiz_ver3 .submit-bt{width:100%;padding:16px 15px!important;text-align:center;transition:all 0.5s;margin-top:15px;max-width:calc(100% - 40px);background:#040707 0% 0% no-repeat padding-box!important;box-shadow:3px 3px 0px #00000034;border-radius:8px;border:none!important;color:#fff!important;margin-bottom:0;}
.quiz_ver3 .submit-bt:hover{max-width:calc(100% - 40px);}
.quiz_ver3 .bottom-v2{display:flex;width:100%;flex-direction:column;}
.quiz_ver3 .congratulation_ss{max-width:100%;}
.quiz_ver3 .congratulation_ss .score_quiz{border-radius:0 0 8px 8px;font:normal normal 900 28px/35px Poppins;letter-spacing:0px;color:#FFFFFF;padding:15px;margin-bottom:12px;}
.content_tk{background:#FFFFFF 0% 0% no-repeat padding-box;box-shadow:2px 3px 3px #00000080;border-radius:8px;clear:both;padding:10px 30px;margin-bottom:50px;}
.content_tk *{font:normal normal 300 18px/25px Poppins;letter-spacing:0px;color:#3E3E3E;}
.content_tk h4{box-shadow:0px 1px 0px #00000076;border-radius:8px 8px 0px 0px;opacity:1;font:normal normal 900 24px/30px Poppins;letter-spacing:0px;color:#FFFFFF;text-shadow:0.6px 0.5px 0px #212121;padding:15px;margin-bottom:-5px;z-index:9;display:block;position:relative;}
.content_tk .su-row{background:#EFEFEF 0% 0% no-repeat padding-box;box-shadow:0px -2px 0px #EC0C8C;border-radius:8px;padding:20px;z-index:1;}
.content_tk h2{font:normal normal 900 24px/30px Poppins;letter-spacing:0px;color:#3E3E3E;margin-top:0;text-align:center;margin-bottom:20px;}
.content_tk .su-row strong{background:#EC0C8C 0% 0% no-repeat padding-box;width:25px;height:25px;display:inline-block;text-align:center;color:#fff;border-radius:50%;}
.congratulation_ss .content_tk ul li{font:normal normal 500 16px/25px Poppins;letter-spacing:0px;color:#3E3E3E;padding-left:30px;position:relative;}
.congratulation_ss .content_tk ul li.wrong::before{border:1px solid #D3D3D3;border-radius:4px;width:20px;height:20px;background-color:#fff;margin-right:14px;content:"";left:0!Important;position:absolute;}
.congratulation_ss .content_tk ul li.correct-r:before{width:20px;height:20px;content:'';display:inline-block;margin-left:-0.1em;font-size:26px;margin-right:14px;left:0!Important;position:absolute;background-image:url(../icons/tick.png);background-size:contain;}
.content_tk .note{font:normal normal 300 13px/20px Poppins;letter-spacing:0px;color:#3E3E3E;background:#FFFFFF 0% 0% no-repeat padding-box;border-radius:6px;padding:6px 10px;}
.bottom-tk{background:#EFEFEF 0% 0% no-repeat padding-box;border-radius:8px;padding:20px;z-index:1;}
.welcome-step{flex-direction:column;}
.quiz_ver3 .congratulation_ss p{line-height:28px;}
.quiz_ver3 .phone.not-verified::before{background-color:transparent!important;}
.quiz_ver3 .phone.verified:after,.full-name.active:after,.your-email.active:after,.postal-code.active:after{content:"";font-size:30px;width:30px;background-color:#0D5B9F;height:30px;background-image:url(../images/checked.svg);border-radius:25px;background-size:20px!important;background-position:center center!important;position:absolute;top:19px;left:13px;background-repeat:no-repeat;}
a.aligncenter{text-align:center;display:block;}
.mobile_template_3 span.submit-bt,.mobile_template_4 span.submit-bt{margin-bottom:10px!Important;}
.congratulation_ss img{margin:0 auto;}
.congratulation_ss .donation_button{text-decoration:none;color:#fff!important;max-width:280px;margin:10px auto 40px;padding:14px 0;border-radius:11px;font-weight:600;}
.quiz_ver3 .submit-bt{opacity:0.5;cursor:no-drop;}
.quiz_ver3 .submit-bt.active{opacity:1;cursor:pointer;}
.form-quiz input.wpcf7-form-control:focus + span{display:block;}
.your-sore-lead{background-color:#0C2D82;text-align:center;color:#fff;font:normal normal bold 33px/50px Helvetica;padding:10px;display:flex;align-items:center;justify-content:center;padding-right:120px;}
.your-sore-lead span{font-size:50px;padding-left:15px;position:relative;}
.your-sore-lead span:before{content:"";width:115px;height:90px;position:absolute;background-image:url(../images/imggif.gif);top:-20px;background-position:center;background-size:contain;background-repeat:no-repeat;left:-9px;}
.your-sore-lead span:after{content:"";width:120px;height:50px;background-image:url(../images/submitreveal.svg);position:absolute;background-size:contain;background-repeat:no-repeat;background-position:center;margin-left:13px;}
.bottom-form.remove-radius{border-radius:0 0 8px 8px!important;}
.mobile_template_4 img.welcome-body-img {
    width: 100%;
}
.mobile_template_4 .form-steps {
    padding-top: 60px;
}
.mobile_template_4 button.start-quiz.bg-button {
    background-color: #fff!important;
}
.mobile_template_4 button.start-quiz.bg-button {
    font-size: 22px!Important;
    background-color: #fff!important;
    color: #000!important;
    font-family: Helvetica;
    font-weight: 400!important;
    padding: 20px!important;
}
@media screen and (max-width:820px){
    .quiz_ver3 .welcome-body{padding:0;}
}
@media screen and (max-width:620px){
    .quiz_ver3 .welcome-body-main{border-radius:8px;width:calc(100% - 30px);margin-left:15px;padding-bottom:5px;padding-top:20px;}
    .quiz_ver3 button.start-quiz{min-width:200px;width:calc(100% - 30px);padding:.95em 0px!important;}
    .quiz_ver3.form-steps .questions-step .questions-step-main{width:100%;margin:0 0 30px;}
    .quiz_ver3 .question-container,.quiz_ver3 .form-quiz .bottom-form,.content_tk{width:calc(100% - 30px);margin-left:15px;}
    .quiz_ver3 .form-quiz .bottom-form{padding:10px 10px 0;}
    .quiz_ver3 .form-quiz .bottom-form label{width:100%;}
    .quiz_ver3 .form-quiz input{width:calc(100% - 62px);padding-top:36px!important;}
    .quiz_ver3 .form-quiz span.label{top:16px;}
    .quiz_ver3 .form-quiz .bottom-form label span.wpcf7-form-control-wrap.full-name:before{width:20px;height:20px;top:20px;left:19px;}
    .quiz_ver3 .form-quiz .bottom-form label span.wpcf7-form-control-wrap.your-email:before{width:20px;height:20px;top:24px;left:18px;}
    .quiz_ver3 .form-quiz .bottom-form label span.wpcf7-form-control-wrap.phone:before{width:20px;height:20px;top:20px;left:18px;}
    .quiz_ver3 .form-quiz .bottom-form label span.wpcf7-form-control-wrap.postal-code:before{width:20px;height:20px;top:20px;left:20px;}
    .content_tk h2{font:normal normal 900 22px/28px Poppins;}
    .content_tk{padding:10px 15px;}
    .content_tk .su-row{padding:20px 15px 15px;}
    .quiz_ver3 .su-row .su-column{margin:0;}
    .main-su .su-row:nth-child(2){display:flex;flex-direction:column-reverse;}
    .welcome-body-img.welcome-body-img-mb{margin-bottom:20px;}
    .form-steps .questions-step{padding:0 0 15px 0;}
    .mobile_template_3 img.welcome-body-img.welcome-body-img-mb,.mobile_template_4 img.welcome-body-img.welcome-body-img-mb{margin-bottom:0;}
    .mobile_template_3 .quiz_ver3 .welcome-body-main, .mobile_template_4 .quiz_ver3 .welcome-body-main{border-radius:0;width:100%;margin-left:0;padding-bottom:5px;margin-bottom:0;}
    .mobile_template_3 .form-steps .welcome-footer,.mobile_template_4 .form-steps .welcome-footer{width:100%;padding:15px 30px;}
    .mobile_template_3 .quiz_ver3 .questions-head h3,.mobile_template_4 .quiz_ver3 .questions-head h3{display:none;}
    .mobile_template_3 .quiz_ver3 h4.question-title,.mobile_template_4 .quiz_ver3 h4.question-title{margin-top:42px;font-size:18px!important;line-height:26px!important;}
    .mobile_template_3 .quiz_ver3 h4.question-title span, .mobile_template_4 .quiz_ver3 h4.question-title span{position:absolute;top:-37px;background-color:#fff!important;min-width:32px;height:32px;width:32px;left:calc(50% - 16px);}
    .mobile_template_3 .quiz_ver3 .main-answer li.answer,.mobile_template_4 .quiz_ver3 .main-answer li.answer{min-height:60px!important;font-weight:700!important;}
    .mobile_template_3 .quiz_ver3 .form-quiz h3,.mobile_template_4 .quiz_ver3 .form-quiz h3{margin-bottom:2px;font:normal normal 300 22px/30px Poppins!important;}
    .mobile_template_3  .form-steps,.mobile_template_4  .form-steps{padding-bottom:0;}
    .your-sore-lead{max-width:calc(100% - 30px);margin:0 auto 15px;border-radius:8px;font-size:20px;padding:0 120px 0 10px;}
    .your-sore-lead span{font-size:34px;}
    .your-sore-lead span:before{width:89px;height:85px;}
    .mobile_template_4 .form-steps {
        padding-top: 0;
    }
    .mobile_template_4 button.start-quiz.bg-button {
        font-size: 20px!Important;
        font-weight: 500!important;
        padding: 13px!important;
        max-width: 300px;
    }
    .mobile_template_4 .quiz_ver3 .welcome-body-content {
        font: normal normal 300 18px/23px Poppins;
        margin-bottom: 15px;
    }
    .mobile_template_4 .form-steps .questions-step {
        padding: 0;
    }
    .right-logo span {
        line-height: 13px;
    }
}
@media screen and (max-width:480px){
    .quiz_ver3 .welcome-body-img{width:100%;}
    .quiz_ver3.form-steps .questions-step .questions-step-main ul.questions{padding:0;margin-bottom:0px;}
    .quiz_ver3 .main-answer li.answer{margin-bottom:10px;}
    .quiz_ver3  .img-answer{margin:10px auto 15px;}
    .quiz_ver3 h4.question-title span{margin-right:12px;}
    .quiz_ver3 h4.question-title{align-items:flex-start;}
    .mobile_template_3 .img-answer,.mobile_template_4 .img-answer{height:180px;}
    .mobile_template_3 .quiz_ver3 button.start-quiz,.mobile_template_4 .quiz_ver3 button.start-quiz{max-width:300px;margin-top:12px!important;}
    .mobile_template_3 .quiz_ver3 .welcome-body-main,.mobile_template_4 .quiz_ver3 .welcome-body-main{padding-top:15px!important;}
    .mobile_template_3 .quiz_ver3 .main-answer li.answer,.mobile_template_4 .quiz_ver3 .main-answer li.answer{min-height:54px!important;padding:5px 15px!important;display:flex;align-items:center;justify-content:center;font-size:18px!important;}
    .mobile_template_3 .quiz_ver3 .form-quiz input,.mobile_template_4 .quiz_ver3 .form-quiz input{padding-top:32px!important;}
    .mobile_template_3 .quiz_ver3 .form-quiz .bottom-form label span.wpcf7-form-control-wrap.full-name:before, .mobile_template_4 .quiz_ver3 .form-quiz .bottom-form label span.wpcf7-form-control-wrap.full-name:before{top:16px;}
    .mobile_template_3  .quiz_ver3 .form-quiz .bottom-form label span.wpcf7-form-control-wrap.your-email:before,.mobile_template_4  .quiz_ver3 .form-quiz .bottom-form label span.wpcf7-form-control-wrap.your-email:before{top:21px;}
    .mobile_template_3  .quiz_ver3 .form-quiz .bottom-form label span.wpcf7-form-control-wrap.phone:before,
    .mobile_template_4  .quiz_ver3 .form-quiz .bottom-form label span.wpcf7-form-control-wrap.phone:before{top:17px;}
    .mobile_template_3  .quiz_ver3 .form-quiz .bottom-form label span.wpcf7-form-control-wrap.postal-code:before,
    .mobile_template_4  .quiz_ver3 .form-quiz .bottom-form label span.wpcf7-form-control-wrap.postal-code:before{top:18px;}
    .mobile_template_3 .quiz_ver3 .form-quiz span.label,.mobile_template_4 .quiz_ver3 .form-quiz span.label{top:13px;}
    .mobile_template_3 .quiz_ver3 .submit-bt,.mobile_template_4 .quiz_ver3 .submit-bt{padding:13px 15px!important;}
    .mobile_template_3 .quiz_ver3 .form-quiz h3,.mobile_template_4 .quiz_ver3 .form-quiz h3{font:normal normal 300 20px/28px Poppins!important;}
    .mobile_template_3 span.wpcf7-form-control-wrap.termsandconditions input[type="checkbox"],
     .mobile_template_4 span.wpcf7-form-control-wrap.termsandconditions input[type="checkbox"]{padding-top:10px!important;}
    .mobile_template_3 .termsandconditions,.mobile_template_4 .termsandconditions{margin-bottom:10px!important;margin-top:5px!important;}
}
@media screen and (max-width:374px){
    .your-sore-lead span:after{width:80px;margin-left:10px;}
    .your-sore-lead{padding-right:96px;font-size:16px;}
}