/* NEW CSS */
.span5.dnd-column .span12 #hs_cos_wrapper_module_171655522519713{ padding:20px 30px 20px 30px !important;}
.quiz-section.medical_course {  margin: 20px 0;  border-radius: 14px;  border: 1px solid #ABAEAE;  padding: 25px 25px;  position: relative;}
.progress {  height: 20px;  margin-bottom: 20px;  overflow: hidden;  background-color: #E5F0F5;  border-radius: 4px;  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);  box-shadow: none;  position: relative;  border-radius: 30px;}
.progress-bar {  float: left;  width: 0%;  height: 100%;  font-size: 0;  line-height: 0;  color: #053449;  text-align: center;  background-color: #2E6B89;  .box-shadow(inset 0 -1px 0 rgba(0, 0, 0, .15));  
  .transition(width .6s ease);  background-image: linear-gradient(45deg,rgba(74,144,230,.15) 25%,transparent 25%,transparent 50%,rgba(110,213,230,.15) 50%,rgba(110,213,230,.15) 25%,transparent 75%,transparent);  background-size: 1rem 1rem;}
.sr-only {  position: absolute;  width: 1px;  height: 1px;  padding: 0;  margin: -1px;  overflow: hidden;  clip: rect(0,0,0,0);  border: 0;}
.quiz-section.medical_course .hs-button.primary {  background: #053449 !important;  border-radius: 0px !important;  font-size: 20px;  color: #fff;  box-shadow: none !important;  border: none;  width: 100%;  font-weight: 500;  padding: 15px; font-family: Jost, sans-serif;}
  
.quiz-section.medical_course .content {  margin-bottom: 20px;}
.quiz-section.medical_course .content h2 {  font-size: 30px;  line-height: 30px;}
.quiz-section.medical_course .content p { font-size: 18px;  line-height: 23px;  margin-bottom: 0;}

  
.quiz-section.medical_course #quiz-step-0 .first_btn.quiz-options {  margin: 0;}
.quiz-section.medical_course #quiz-step-0 .quiz-step-testi {  display: none;}
  
.quiz-section .quiz-step.active-step .quiz-options {  display: flex;  flex-wrap: wrap;  justify-content: space-between;  column-gap: 9px;    margin-bottom:20px;	}
.quiz-section .quiz-step.active-step .quiz-options .quiz-option {  padding: 15px 28px;}
.quiz-section .quiz-step.active-step .quiz-options .quiz-option:nth-child(8), .quiz-section .quiz-step.active-step .quiz-options .quiz-option:nth-child(9) {  width: 100%;  text-align: center;}
.quiz-section .quiz-step.active-step .quiz-options .quiz-option:nth-child(5), .quiz-section .quiz-step.active-step .quiz-options .quiz-option:nth-child(6), .quiz-section .quiz-step.active-step .quiz-options .quiz-option:nth-child(7) { text-align: center;  flex: 1;}
  
.quiz-section.medical_course #quiz-step-2 .quiz-option {  width: 100%;}
.quiz-section.medical_course  #quiz-step-2 .quiz-options .quiz-option{padding: 20px 18px;}
.quiz-section.medical_course  #quiz-step-2 .quiz-options .quiz-option span{letter-spacing: -0.5px;}
  
.quiz-section.medical_course #quiz-step-3 .hs-button {  font-weight: 400;  max-height: 54px; border-radius: 10px !important;}
.quiz-section.medical_course form input{border:1px solid rgba(230, 230, 230, 1) !important;  max-height: 48px;}
  
/* OLD CSS */


.quiz-section {  padding: 80px 30px 0;  background: #fff;}
.quiz-section .quiz-container {  margin: auto;  max-width: 1264px;  position: relative;/*   padding: 0 150px; */}
.quiz-section .quiz-progress-bar {  display: flex;  align-items: center;  justify-content: space-between;  margin-bottom: 20px;  position: relative;}
.quiz-section .quiz-progress-bar::before {  content: "";  position: absolute;  height: 6px;  width: calc(100% - 24px);  background: #cbd5e1;  top: 12px;  left: 12px;  right: 12px;}
.quiz-section .quiz-progress-bar::after {  background: #4a90b4;  content: "";  height: 6px;  left: 12px;  position: absolute;  top: 12px;  width: 0;  transition: width 0.3s ease;}
.quiz-section .quiz-progress-bar::after {  width: calc((100% - 24px) / 4 * (var(--current-step)));}
.quiz-section .progress-bar {  display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  position: relative;  z-index: 2;}
.quiz-section .progress-bar span {  color: #cbd5e1;  text-align: center;  font-size: 15px;  font-style: normal;  font-weight: 700;  line-height: normal;  text-transform: uppercase;}
.quiz-section .progress-bar .step {  font-size: 11px;  font-style: normal;  font-weight: 600;  line-height: normal;  text-transform: uppercase;  border-radius: 100px;  border: 4px solid #cbd5e1;  background: #fff;  width: 30px;  height: 30px;  color: #023449;  display: block;  display: flex;  align-items: center;  justify-content: center;  margin-bottom: 8px;}
.quiz-section .progress-bar.active-step span {  color: #4a90b4;}
.quiz-section .progress-bar.active-step .step {  border: 4px solid #4a90b4;}
.quiz-section .progress-bar.active-step {  cursor: pointer;}
.quiz-section .progress-bar.filled span {  color: #cbd5e1;}
.quiz-section .progress-bar.filled .step {  border-color: #4a90b4;  background: #4a90b4;  color: #fff;}
body .quiz-section .quiz-step {  display: none !important;}
.quiz-section .quiz-step.active-step {  display: block !important;}
.quiz-section .quiz-step-heading {  color: #2a2a2a;  text-align: center;  font-family: "Marcellus", sans-serif;  font-size: 32px;  font-style: normal;  font-weight: 400;  line-height: 40px;  margin-bottom: 16px;}
.quiz-section .quiz-time-label {  color: #a6c3ca;  text-align: center;  font-size: 18px;  font-style: normal;  font-weight: 700;  line-height: normal;  margin-bottom: 40px;}
.quiz-section .quiz-option-heading {  color: #006599;  text-align: center;  font-size: 20px;  font-style: normal;  font-weight: 700;  line-height: 24px;  margin-bottom: 24px;}
.quiz-section #quiz-step-5 .quiz-option-heading {  margin-bottom: 40px;}
.quiz-section .quiz-options {  max-width: 400px;  margin: auto;  margin-bottom: 80px;}
.quiz-section #quiz-step-1 .quiz-options, .quiz-section #quiz-step-5 .quiz-options {  max-width: 480px;}
.quiz-section #quiz-step-3 .quiz-options {  max-width: 420px;}
.quiz-section .quiz-options .quiz-option {  padding: 20px;  border-radius: 16px;  background: #e5f0f5;  color: #023449;  font-family: "Marcellus", sans-serif;  font-size: 24px;  font-style: normal;  font-weight: 400;  line-height: 24px;  cursor: pointer;}
.quiz-section .quiz-options .quiz-option .small-text {  font-size: 14px;  font-style: normal;  font-weight: 400;  line-height: 16px;}
.quiz-section .quiz-options .quiz-option.selected {  background: #023449;  color: #e5f0f5;}
.quiz-section .quiz-options .quiz-option:not(:last-child) {  margin-bottom: 8px;}
.quiz-section #quiz-step-1 .quiz-options {  display: flex;  flex-wrap: wrap;  justify-content: space-between;  gap: 10px;}
.quiz-section #quiz-step-1 .quiz-options .quiz-option {  min-width: calc(25% - 9px);  text-align: center;  margin-bottom: 0;}
.quiz-section #quiz-step-1 .quiz-options .quiz-option:nth-child(n + 5) {  min-width: calc(33.33% - 8px);}
.quiz-section #quiz-step-1 .quiz-options .quiz-option[value="IMG"], .quiz-section #quiz-step-1 .quiz-options .quiz-option:last-child {  min-width: 100%;}
.quiz-section .quiz-form {  padding: 0px;  border-radius: 16px;  background: transparent;  width: 100%;}
.quiz-section .quiz-form form label {  display: none;}
.quiz-section .quiz-form form label.hs-error-msg{  display: block;}
.quiz-section .quiz-form form input, .quiz-section .quiz-form form select, .quiz-section .quiz-form form textarea {  border-radius: 8px;  background: #fff !important;  padding: 16px;  color: #000;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 24px;  border: none;}
.quiz-section .quiz-form form input:-webkit-autofill, .quiz-section .quiz-form form input:-webkit-autofill:hover,  .quiz-section .quiz-form form input:-webkit-autofill:focus, .quiz-section .quiz-form form textarea:-webkit-autofill, .quiz-section .quiz-form form textarea:-webkit-autofill:hover, .quiz-section .quiz-form form textarea:-webkit-autofill:focus, .quiz-section .quiz-form form select:-webkit-autofill, .quiz-section .quiz-form form select:-webkit-autofill:hover, .quiz-section .quiz-form form select:-webkit-autofill:focus {  -webkit-box-shadow: 0 0 0px 1000px #fff inset;}
.quiz-section .quiz-form form input::-moz-placeholder, .quiz-section .quiz-form form select::-moz-placeholder, .quiz-section .quiz-form form textarea::-moz-placeholder {  color: #000;}
.quiz-section .quiz-form form input::placeholder, .quiz-section .quiz-form form select::placeholder, .quiz-section .quiz-form form textarea::placeholder {  color: #000;}
.quiz-section .quiz-form form input[type="submit"] {  border-radius: 12px;  background: #023449 !important;  padding: 20px 40px;  color: #fff !important;  font-family: "Marcellus", sans-serif;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 24px;  text-transform: uppercase;  width: 100%;  border: none;}
.quiz-section .quiz-form form input[type="submit"]:hover {  background-color: #006599;}
.quiz-section .quiz-form form [id*="course_location"], .quiz-section .quiz-form form [id*="designation"], .quiz-section .quiz-form form [id*="experience_level"], .quiz-section .quiz-form form [id*="enrollment_timeline"]{  display: none;}
.quiz-section .quiz-step-testi {  position: relative;  border-radius: 16px;  background: #e8f5e5;  padding: 16px;  max-width: -moz-max-content;  max-width: max-content;
  margin: auto;}
.quiz-section .quiz-step-testi .quiz-testi-quote {  display: flex;  align-items: center;  color: #2a2a2a;  text-align: left;  font-size: 21px;  font-style: normal;
  font-weight: 400;  line-height: 24px;}
.quiz-section .quiz-step-testi .quiz-testi-quote p {  margin: 0;}
.quiz-section .quiz-step-testi .author {  width: 100%;  text-align: left;  margin-top: 24px;  font-style: normal;  font-size: 18px;  font-weight: 400;  line-height: 25.2px;}
.quiz-section .quiz-step-testi .quiz-testi-quote .icon {  max-width: 24px;  min-width: 24px;  margin-right: 8px;}
.quiz-section .quiz-step-testi .quiz-testi-quote .icon img {  width: 100%;}
.quiz-section .quiz-step-testi .quiz-testi-quote-icon {  max-width: 80px;  position: absolute;  top: -33px;  display: none;}
.quiz-section .quiz-step-testi .quiz-testi-quote-icon img {  width: 100%;}
.quiz-section .quiz-step-testi.quote-icon {  padding: 40px 32px;  max-width: 640px;}
.quiz-section .quiz-step-testi.quote-icon .quiz-testi-quote {  color: #000;  font-size: 18px;  font-style: italic;  font-weight: 400;  line-height: 25.2px;  letter-spacing: -0.18px;}
.quiz-section .quiz-step-testi.quote-icon .quiz-testi-quote p {  font-style: italic;}
.quiz-section .quiz-step-testi.quote-icon .quiz-testi-quote-icon {  display: block;}
.quiz-section .quiz-back-btn {align-items: center;  background: transparent;  cursor: pointer;  display: flex;  display: flex;  height: 40px;  justify-content: center;  left: 0;  position: relative;  top: 0;  width: 100%;  flex-direction: row-reverse;  gap: 10px;  color: rgba(5,52,73, 0.5) !important;  font-size: 24px;  font-family: Marcellus,sans-serif;  margin-top:20px; }
.quiz-section .quiz-back-btn svg path {  fill: rgba(5,52,73,.5) !important;}
/* .quiz-section .quiz-back-btn:active {  background: #023449;} */
.quiz-section .quiz-back-btn:active path {  fill: rgba(5,52,73,.5) !important;}
.quiz-section .progress-bar.disabled, .quiz-section .progress-bar.disabled .step{  cursor: default !important;}
.quizFormSubmitted .quiz-back-btn{  display: none !important;}
.quiz-section .final-step-text{  display: none;}
.quizFormSubmitted .quiz-section .final-step-text{  display: block;}
.quizFormSubmitted .quiz-section .step5-text{  display: none;}
.submitted-message { text-align: center;  color: green;  font-size: 18px;  background: #e3ffe3;  padding: 10px;  border-radius: 10px;}

.quiz-section.medical_course.last-step {  background: #EEF1F2;}
.quiz-section.medical_course.last-step .progress {  background: #fff;}

/* @media screen and (max-width: 991px) {
  .quiz-section .quiz-container {   padding: 0 80px;  }
} */
.quiz-container {
    display: none;
}
@media screen and (max-width: 767px) {
  .quiz-section {    padding: 30px 15px 0;  }
/*
  .quiz-section .quiz-back-btn {    width: 26px;    height: 26px;  }
  .quiz-section .quiz-back-btn svg {    width: 16px;  } 
  */
  .quiz-section .quiz-container {    padding: 0;  }
  .quiz-section .quiz-progress-bar {    margin: 0 45px 30px 45px;  }  
  .quiz-section .progress-bar .step {    width: 25px;    height: 25px;  }
  .quiz-section .progress-bar .step,  .quiz-section .progress-bar.active-step .step {    border-width: 2px;  }
  .quiz-section .progress-bar span:not(.step){    display: none;  }
  .quiz-section .quiz-progress-bar::before,  .quiz-section .quiz-progress-bar::after{    height: 2px;  }
  .quiz-section .quiz-step-heading{    font-size: 24px;    line-height: 36px;  }
  .quiz-section .quiz-time-label{    margin-bottom: 30px;  }
  .quiz-section .quiz-options .quiz-option{    font-size: 20px;  }
  .quiz-section .quiz-step-testi{    padding: 12px 16px;  }
  .quiz-section .quiz-step-testi .quiz-testi-quote{    font-size: 15px;    line-height: 20px;  }
  .quiz-section .quiz-step-testi .quiz-testi-quote br{    display: none;  }
  .quiz-section #quiz-step-3 .quiz-options .quiz-option{    display: flex;   align-items: center;    justify-content: space-between;  }
  .quiz-section #quiz-step-3 .quiz-options .quiz-option span{    width: 50%;    margin-left: 12px;  }
  .quiz-section .quiz-form{    padding: 0px;  }
  .quiz-section .quiz-form form input[type="submit"]{    padding: 20px;  }
  .quiz-section .quiz-step-testi.quote-icon{    padding: 32px 23px;    margin-top: 60px;  }
  .quiz-section .quiz-options{      margin: auto;      margin-bottom: 40px;  }
}
@media screen and (max-width: 459px){
  .quiz-section.medical_course #quiz-step-3 .hs-button{max-height: unset;}
  .quiz-section.medical_course #quiz-step-2 .quiz-options .quiz-option {  padding: 20px 18px;}
  .quiz-section .quiz-step.active-step .quiz-options .quiz-option{width: 100%;  text-align: center;}
  .quiz-section .quiz-step.active-step .quiz-options, .quiz-section .quiz-step.active-step .quiz-options .quiz-option:nth-child(5), .quiz-section .quiz-step.active-step .quiz-options .quiz-option:nth-child(6), .quiz-section .quiz-step.active-step .quiz-options .quiz-option:nth-child(7){flex: 0 0 100% !important;}
  .quiz-section .quiz-step.active-step .quiz-options .quiz-option:nth-child(8), .quiz-section .quiz-step.active-step .quiz-options .quiz-option:nth-child(9){flex: 0 0 100% !important ;}
}

@media screen and (max-width: 365px) {
  .quiz-section .quiz-options .quiz-option{        padding: 13px;  }
}

  .limited-offer-time {    border-radius: 12px;    background: #E8F5E5;    padding: 12px;    color: #2A2A2A;    font-size: 18px;    font-style: normal;    font-weight: 500;  line-height: 24px;    max-width: 345px;    width: 100%;    position: fixed;    z-index: 99;    bottom: 10px;    right: 10px;}
  .limited-offer-time .code{    display: block;    text-align: center;}
  .limited-offer-time{    display: none;}
  .quizFormSubmitted.banner-active .limited-offer-time{    display: block;}


@media screen and (max-width: 767px) {
    .limited-offer-time{ bottom: 10px; right: 50%; transform: translateX(50%); }
}
.quiz-form .hs_preferred_iiam_location{
        display: none;
    }

.quiz-section #preferred_location_options{
    border-radius: 8px;
    background: #fff !important;
    padding: 11px;
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    border: none;
    border: 1px solid rgba(230, 230, 230, 1) !important;
    max-height: 48px;
    width: 100%;
}