.elementor-element.e-con-boxed.e-con.dt-quiz-container {
   display: none;
}
.dt-quiz-container.loading {
   pointer-events: none;
}
body.elementor-editor-active .elementor-element.e-con-boxed.e-con.dt-quiz-container,
.elementor-element.e-con-boxed.e-con.dt-quiz-container:first-child {
   display: flex;
   flex-direction: column;
}
body.elementor-editor-active .dt-quiz-container {
   margin-bottom: 20px;
}

a[href^="#DtQuizCheckboxValues="] .elementor-button:before,
a[href^="#DtQuizCheckboxValues="].elementor-button:before {
   content: '☐';
}

.dt-quiz-checked a[href^="#DtQuizCheckboxValues="] .elementor-button:before,
.dt-quiz-checked a[href^="#DtQuizCheckboxValues="].elementor-button:before {
   content: '☑';
}

.dt-quiz-container .dt-quiz__step-heading {
   margin: 0;
}

.dt-quiz-container .dt-quiz-options {
   display: flex;
   flex-direction: row !important;
   flex-wrap: wrap !important;
   gap: var(--quiz-items-gap) !important;
}

.dt-quiz-container .dt-quiz-options > .dt-quiz-option__container {
   display: flex;
   /* grid-template-rows: 1fr 1fr; */
   overflow: hidden;
   flex-direction: column;
}

.dt-quiz-options .dt-quiz-option__content {
   display: flex;
   flex-direction: column;
   height: 100%;
}

.dt-quiz-options .dt-quiz-option__image-wrapper {
   display: flex;
}
.dt-quiz-options .dt-quiz-option__image-wrapper img {
   object-fit: cover;
   border-radius: 0 !important;
   min-width: 100%;
}

.dt-quiz-options .dt-quiz-option__content .dt-quiz-option__heading {
   margin: 0;
}

.dt-quiz-options .dt-quiz-option__content .dt-quiz-option__button {
   cursor: pointer;
   display: flex;
   align-items: center;
   margin-top: auto;
   justify-content: center;
   gap: 5px;
   -webkit-user-select: none; /* Safari */
   -ms-user-select: none; /* IE 10 and IE 11 */
   user-select: none; /* Standard syntax */
}
.elementor-widget-dt-quiz-template:not(.checkboxes-visible) input {
   display: none;
}
.dt-quiz-options .dt-quiz-option__content .dt-quiz-option__button input {
   cursor: pointer;
   height: 1.2em;
   width: 1.2em;
}

.dt-quiz-nav-buttons-wrapper {
   display: flex;
   align-items: center;
   -webkit-user-select: none; /* Safari */
   -ms-user-select: none; /* IE 10 and IE 11 */
   user-select: none; /* Standard syntax */
}

.dt-quiz-next-button.disabled,
.dt-quiz-submit-button.disabled {
   pointer-events: none;
}

.dt-quiz-next-button.type-next .button-skip-text {
   display: none;
}
.dt-quiz-next-button.type-skip .button-next-text {
   display: none;
}

.elementor-widget-dt-quiz-template .editor-step-number {
   display: none;
}
.elementor-widget-dt-quiz-template.editor-show-step-numbers .editor-step-number {
   display: flex;
   position: absolute;
   bottom: 10px;
   left: 10px;
   font-size: 20px;
   background-color:#2D3745;
   color: #FFF;
   font-weight: bold;
   width: 30px;
   height: 30px;
   justify-content: center;
   align-items: center;
}


/* Form step */

.dt-quiz-container .dt-quiz-form {
   display: flex;
   flex-direction: column !important;
   max-width: 400px;
   margin: 0 auto;
}

.dt-quiz-field {
   margin-bottom: 10px;
}

.dt-quiz-field .dt-quiz-field__label {
   display: inline-block;
   margin-bottom: 5px;
   font-size: 0.85em;
   font-weight: bold;
}

.dt-quiz-field .dt-required-mark {
   color: red;
}