body .top-hero-formsection.innovate_integrate {background: #273A50; padding:60px 0px 80px 0px !important; min-height:100px !important;}
body .top-hero-formsection.innovate_integrate:before{display:none;}

.quizz{padding:60px 0; background:#FAFAFA;}
.quizz h1{font-size: 32px;font-weight: 700; line-height: 42px;color: #273A50;margin-bottom: 10px;}
.quizz p{font-size:18px; line-height:28px;}
.text-center{text-align:center;}

.quiz_section input {-webkit-appearance: auto;-moz-appearance: auto;appearance: auto;}
.qmn_mc_answer_wrap{display: flex !important;}
.qsm-quiz-form {max-width:800px; margin:0px auto;padding: 50px 0px;}
.qsm_check_answer.mrq_checkbox_class {display: flex;}
.qsm-quiz-form  .qsm-before-message{text-align:center;}
.qsm-quiz-form .mlw_qmn_message_before p {color: #B6C7FF;}

body .qsm-quiz-container.qmn_quiz_container .qmn_btn {border-radius:5px !important;position: relative;display: inline-block;z-index: 1;padding:5px 20px;font-weight: 500;cursor: pointer;width:auto;text-align: center;font-size:16px;min-width: 185px;background: #8795C0;
color: #fff; border: 1px solid transparent;background: linear-gradient(90deg,rgba(135, 149, 192, 1) 0%, rgba(80, 89, 116, 1) 20%, rgba(10, 12, 18, 1) 100%) padding-box, linear-gradient(to right, #B6C7FF, #7B91DA) border-box;}
body .qsm-quiz-container.qmn_quiz_container .qmn_btn:hover {background: linear-gradient(90deg,rgba(135, 149, 192, 1) 0%, rgba(80, 89, 116, 1) 40%, rgba(10, 12, 18, 1) 100%) padding-box, linear-gradient(to right, #B6C7FF, #7B91DA) border-box;}
/*body .qsm-quiz-container.qmn_quiz_container .qmn_btn:before {content: "";position: absolute;inset: 0;padding: 3px 3px;background: linear-gradient(90deg,rgba(30,117,187,1) 0%,rgba(39,168,224,1) 50%,rgba(247,11,166,1) 100%);border-radius: inherit;mask: conic-gradient(#000 0 0) content-box exclude,conic-gradient(#000 0 0);}
body .qsm-quiz-container.qmn_quiz_container .qmn_btn:hover {background: linear-gradient(90deg,rgba(30,117,187,1) 0%,rgba(39,168,224,1) 50%,rgba(247,11,166,1) 100%) !important; color: #fff !important;}
*/

.pio_quiz {position: relative; z-index: 1;background: #010101;min-height: 830px;  padding: 12em 0 0 0;}

/* Video container styling with fallback image */
.video-container-quiz {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #010101 url('/wp-content/themes/programmers.io/assets/images/quiz/bg_quiz_black.png') no-repeat center center;background-size: cover;z-index: -1; /* Position the video behind the content */
transition: background 0.5s ease-in-out; /* Smooth transition when background changes */ mask-image: linear-gradient(to top,transparent 0%,#010101 40%);
  -webkit-mask-image: linear-gradient(to top,transparent 0%,#010101 40%);}
.pio_quiz video {object-fit: cover;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-size: cover;display: none; /* Hide video initially */
/*mask-image:linear-gradient(to top,transparent 0%,#010101 40%);-webkit-mask-image:linear-gradient(to top,transparent 0%,#010101 40%)*/}
.TimeBridge_logo_quiz {position: absolute;right: 108px; bottom: 20px;width: 155px;}
.TimeBridge_logo_quiz_form {position: absolute;left: 28px; bottom: 44px;width: 155px;}


/*@media (max-width:1024px){
    .pio_quiz {padding: 140px 0 0 0;min-height: 670px;}
}

@media(max-width:991px){
    .pio_quiz{padding: 100px 0 0 0 !important;min-height: 650px !important;}
}
@media(max-width:767px){
    .pio_quiz {padding: 75px 0 0 !important; min-height: 600px !important;}
    
}*/