.quiz {
    /* margin-top: 85px; */
}

.quiz-container {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

.quiz-main {
    position: relative;
}

.quiz-main--submitting {}

.quiz-tabcontent {
}

.quiz-tabpane {
}

.quiz-row {
    margin: 0 -10px;
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    /* flex-wrap: wrap; */
    flex-direction: column;
    padding: 85px 0 43px 0;
}

.quiz-col {
    padding: 10px;
}

.quiz-col--content {
    flex: 1 0 0;
    width: 100%;
    max-width: 100%;
}

.quiz-col--figure {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

.quiz-cardcontent {
    border-radius: 28px;
    background: #FFF;
    padding: 17px 14px 17px 14px;
    position: relative;
    /* min-height: 449px; */
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.quiz-iconwrap {
    border-radius: 16px;
    background: #F5C952;
    font-size: 0;
    display: block;
    margin-right: auto;
    float: left;
    padding: 10px 10px;
}

.quiz-entry {
    padding: 34px 0px 15px 23px;
    clear: both;
    display: flex;
    flex-direction: column;
    /* min-height: 352px; */
    flex-grow: 1;
    min-height: 355px;
}

.quiz-title {
    clear: both;
    color: var(--clr-01);
    font-family: var(--second-family);
    font-size: 36px;
}

.quiz-subtitle {
    font-size: 24px;
    font-family: var(--second-family);
    color: var(--clr-04);
    padding-top: 12px;
}

.quiz-description {
    padding-top: 17px;
    line-height: 1.5;
}

.quiz-notices {
    font-size: 18px;
    color: var(--clr-01);
    line-height: 1;
    margin-top: auto;
    padding-top: 20px;
}

.quiz-notices ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: start;
}

.quiz-notices ul li {
    position: relative;
    padding: 5px 19px 5px 17px;
}

.quiz-notices ul li:before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background: var(--clr-04);
    border-radius: 50%;
    position: absolute;
    top: 11px;
    left: 1px;
}

.quiz-arwrap {
    border-radius: 0 28px;
    background: #9E826F;
    font-size: 0;
    line-height: 1;
    position: absolute;
    right: 51px;
    bottom: 0px;
    padding: 18px 26px 18px 27px;
    transform: rotate(90deg);
    transform-origin: 100% 100%;
}

.quiz-figure {
    border-radius: 28px;
    overflow: hidden;
    position: relative;
    min-height: 257px;
    z-index: 1;
    display: flex;
    align-items: end;
    justify-content: center;
    padding: 24px 0 24px 0;
}

.quiz-figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.quiz-control {
    border-radius: 21px;
    background: #fff;
    padding: 7.5px;
}

.quiz-start {
    display: block;
    color: var(--clr-01);
    font-family: var(--font-family);
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1;
    border-radius: 18px;
    background: #F5C952;
    border: 1px solid #F5C952;
    padding: 24.5px 10px 24.5px 10px;
    min-width: 120px;
    text-decoration: none;
    text-align: center;
    transition: all 0.3s ease 0s;
}

.quiz-start:hover {
    border-color: #F5C952;
    background: transparent;
}

.step {
}

.step-main {
    min-height: 100vh;
    min-height: 100dvh;
    padding: 85px 0 43px 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.step-row {
    /* margin: 0 -10px; */
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: auto;
    position: relative;
    z-index: 1;
    width: 100%;
}

.step-col {
    padding: 10px 0;
}

.step-col--picture {
}

.step--fullcover .step-col--picture {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 100%;
}

.step-col--content {
    flex: 1 0 0;
    width: 100%;
    max-width: 100%;
    order: -1;
}

.step--fullcover .step-col--content {
}

.step-figure {
    border-radius: 28px;
    overflow: hidden;
    min-height: 362px;
    min-height: 228px;
    display: flex;
    width: 100%;
}

.step--fullcover .step-figure {
    height: 100%;
}

.step-picture {
    width: 100%;
    height: auto;
}

.step-picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: middle;
}

.step-picture--gradientcover {
    position: relative;
}

.step-picture--gradientcover:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(182deg, rgba(158, 130, 111, 0) 33.77%, #9E826F 111.67%);
}

.step-content {
    border-radius: 28px;
    background: #FFF;
    padding: 25px 20px 20px 20px;
    /* min-height: 344px; */
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    /* align-items: center; */
    justify-content: center;
}

.step-form {
}

.step-info {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 40px 10px 40px;
}

.step-text {
    color: #FFF;
    text-align: center;
    font-family: var(--second-family);
    font-size: 32px;
    flex: 1 0 0;
    width: 100%;
    max-width: 100%;
    padding: 0 10px;
}

.step-control {
    padding: 10px 20px 0;
}

.step-buttonswrap {
    border-radius: 28px;
    background: #FFF;
    padding: 5px 9px 6px 10px;
}

.qsform {
}

.qsform-header {
    padding-bottom: 20px;
}

.qsform-title {
    font-size: 20px;
    line-height: 1.2;
    font-family: var(--font-family);
    color: var(--clr-01);
}

.qsform-content {
}

.qsform-checkboxes {
    margin-top: 11px;
}

.qsform-contacts {
}

.qsform-fields {
    padding-top: 11px;
    padding-bottom: 8px;
}

.qsform-fieldwrap {
    padding: 8px 0;
}

input[type=text].qsform-field, input[type=email].qsform-field, input[type=url].qsform-field, input[type=password].qsform-field, input[type=search].qsform-field, input[type=number].qsform-field, input[type=tel].qsform-field, input[type=range].qsform-field, input[type=date].qsform-field, input[type=month].qsform-field, input[type=week].qsform-field, input[type=time].qsform-field, input[type=datetime].qsform-field, input[type=datetime-local].qsform-field, input[type=color].qsform-field, textarea.qsform-field {
    border-radius: 24px;
    border: 1px solid #9E826F;
    color: var(--clr-01);
    font-family: var(--font-family);
    font-size: 18px;
    line-height: 1;
    min-height: 63px;
    text-align: center;
    padding: 5px 10px 5px 10px;
    background: none;
    outline: none;
    height: auto;
}

.qsform-selectwrap {
    margin-top: 19px;
    margin-bottom: 8px;
}

.qsform-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 24px;
    border: 1px solid #9E826F;
    color: var(--clr-01);
    font-family: var(--font-family);
    font-size: 18px;
    line-height: 1;
    min-height: 63px;
    text-align: center;
    padding: 5px 10px 5px 10px;
    background: none;
    background-color: #fff;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'><path d='M8.2785 11.5846C7.53175 13.0217 5.47581 13.0217 4.72907 11.5846L0.227958 2.92217C-0.463853 1.59078 0.502271 5.95875e-07 2.00267 7.27044e-07L11.0049 1.51404e-06C12.5053 1.64521e-06 13.4714 1.59078 12.7796 2.92217L8.2785 11.5846Z' fill='%23F5C952'/></svg>");
    background-repeat: no-repeat;
    background-position: right 22px top 50%;
    background-size: 13px 13px;
    width: 100%;
    display: block;
    outline: none;
}

.qsform-select::-ms-expand {
    display: none;
}

.qsform-footer {
    padding-top: 27px;
}

.qsfcontrol {
}

.qsfcontrol-row {
    display: flex;
    justify-content: space-between;
    /* flex-wrap: wrap; */
    margin: 0 -4.5px;
}

.qsfcontrol-col {
    /* flex: 0 0 auto; */
    /* width: auto; */
    /* max-width: 100%; */
    padding: 4.5px;
    /* min-width: 50%; */
    flex: 1 0 0;
    width: 100%;
    max-width: 100%;
}

.qsfcontrol-col:last-child {
    display: flex;
    justify-content: end;
}

.qsfcontrol__submitwrap {
    position: relative;
}

.qsfcontrol__submitwrap .wpcf7-spinner {
    transform: translate(-50%, 50%);
    display: block;
    bottom: 50%;
}

.qsfcontrol-btn {
    border-radius: 24px;
    border: 1px solid #F5C952;
    background: #F5C952;
    color: var(--clr-01);
    font-family: var(--font-family);
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px 5px 22px 5px;
    width: 100%;
    max-width: 136px;
    transition: all 0.3s ease 0s;
}

.qsfcontrol-btnicon {
}

.qsfcontrol-btnicon:first-child {
    margin-right: 10px;
}

.qsfcontrol-btnicon:last-child {
    margin-left: 10px;
}

.qsfcontrol-btntext {
}

.qsfcontrol-btnicon {
    display: block;
}

.qsfcontrol-btn:hover, .qsfcontrol-btn:focus {
    background: none;
}

.qsfcontrol-btn--secondary {
    background: #F0EEEF;
    border-color: #F0EEEF;
}

.step-control .qsfcontrol-btn {
}

.ps-checkboxes {
    color: var(--clr-01);
    font-family: var(--font-family);
    font-size: 18px;
    line-height: 1;
    font-weight: 500;
}

.ps-checkboxes .wpcf7-list-item {
    display: block;
    margin: 0;
    padding: 8px 0;
}

.ps-checkboxes .wpcf7-list-item label {
}

.ps-checkboxes .wpcf7-list-item input {
    display: none;
}

.ps-checkboxes .wpcf7-list-item-label {
    border-radius: 24px;
    border: 1px solid #9E826F;
    display: block;
    text-align: center;
    padding: 22px 0 21px;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

.ps-checkboxes input:checked ~ .wpcf7-list-item-label {
    background: #F5C952;
    border-color: #F5C952;
}

.ps-checkboxes .wpcf7-list-item-label::before, .ps-checkboxes .wpcf7-list-item-label::after {
    display: none;
}

.loading {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
}

.loading-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid currentColor;
    flex-shrink: 0;
    box-sizing: border-box;
}

.loading-gap {
    width: 2px;
    height: 2px;
    flex-shrink: 0;
    background: transparent;
}

@keyframes dot1 {
    0% {
        background: transparent;
    }

    10% {
        background: currentColor;
    }

    98% {
        background: currentColor;
    }

    100% {
        background: transparent;
    }
}

@keyframes dot2 {
    0%, 18% {
        background: transparent;
    }

    28% {
        background: currentColor;
    }

    98% {
        background: currentColor;
    }

    100% {
        background: transparent;
    }
}

@keyframes dot3 {
    0%, 37% {
        background: transparent;
    }

    47% {
        background: currentColor;
    }

    98% {
        background: currentColor;
    }

    100% {
        background: transparent;
    }
}

@keyframes dot4 {
    0%, 55% {
        background: transparent;
    }

    65% {
        background: currentColor;
    }

    98% {
        background: currentColor;
    }

    100% {
        background: transparent;
    }
}

@keyframes gap1 {
    0%, 10% {
        background: transparent;
    }

    18% {
        background: currentColor;
    }

    98% {
        background: currentColor;
    }

    100% {
        background: transparent;
    }
}

@keyframes gap2 {
    0%, 28% {
        background: transparent;
    }

    37% {
        background: currentColor;
    }

    98% {
        background: currentColor;
    }

    100% {
        background: transparent;
    }
}

@keyframes gap3 {
    0%, 47% {
        background: transparent;
    }

    55% {
        background: currentColor;
    }

    98% {
        background: currentColor;
    }

    100% {
        background: transparent;
    }
}

.loading-dot:nth-child(1) {
    animation: dot1 3s linear infinite;
}

.loading-gap:nth-child(2) {
    animation: gap1 3s linear infinite;
}

.loading-dot:nth-child(3) {
    animation: dot2 3s linear infinite;
}

.loading-gap:nth-child(4) {
    animation: gap2 3s linear infinite;
}

.loading-dot:nth-child(5) {
    animation: dot3 3s linear infinite;
}

.loading-gap:nth-child(6) {
    animation: gap3 3s linear infinite;
}

.loading-dot:nth-child(7) {
    animation: dot4 3s linear infinite;
}

.quiz-sending {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    padding-top: 95px;
    padding-bottom: 54px;
    display: none;
}

.quiz-main--submitting .quiz-sending {
    display: block;
}

.quizsending {
    border-radius: 28px;
    background: #F5C952;
    height: 100%;
    text-align: center;
    padding: 30px 0 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.quizsending-loader {
    padding: 16px 0 16px;
}

.quizsending-title {
    color: var(--clr-01);
    font-family: var(--second-family);
    font-size: 36px;
    line-height: 1;
    /* 39.6px */
    padding: 13px 0;
}

.quizsending-description {
    color: var(--clr-04);
    font-family: var(--second-family);
    font-size: 24px;
}

@media (min-width: 75em) {
    .quiz {
    }

    .quiz-container {
    }

    .quiz-main {
    }

    .quiz-tabcontent {
    }

    .quiz-tabpane {
    }

    .quiz-row {
        padding-top: 141px;
        flex-direction: row;
        margin: 0 -20px;
    }

    .quiz-col {
        flex: 1 0 0;
        width: 100%;
        max-width: 100%;
        padding: 20px;
    }

    .quiz-col--content {
    }

    .quiz-col--figure {
    }

    .quiz-content {
        padding-bottom: 107px;
    }

    .quiz-iconwrap {
        padding: 21px 21px 21px 21px;
        border-radius: 24px;
    }

    .quiz-entry {
        padding: 22px 40px 0 73px;
    }

    .quiz-title {
        font-size: 64px;
    }

    .quiz-subtitle {
        font-size: 36px;
    }

    .quiz-description {
        font-size: 20px;
        padding-top: 38px;
        max-width: 360px;
    }

    .quiz-notices {
        padding-top: 32px;
    }

    .quiz-notices ul {
    }

    .quiz-notices ul li {
    }

    .quiz-notices ul li:before {
    }

    .quiz-arwrap {
        position: absolute;
        bottom: 0;
        right: 0;
        transform: none;
        margin-left: auto;
        border-radius: 48px 0 28px 0;
        padding: 34px 73px 34px 74px;
    }

    .quiz-figure {
        height: 100%;
        padding: 0 0 32px 0;
    }

    .quiz-figure img {
    }

    .quiz-control {
        padding: 10px;
        border-radius: 28px;
    }

    .quiz-start {
        font-size: 18px;
        padding: 24px 37px 26px;
        border-radius: 24px;
    }

    .quiz-start:hover {
    }

    .step {
    }

    .step-main {
        padding-top: 151px;
        min-height: 810px;
    }

    .step-row {
        flex-direction: row;
    }

    .step-col {
    }

    .step-col--picture {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

    .step--fullcover .step-col--picture {
    }

    .step-col--content {
        min-height: 616px;
        padding: 76px 40px 70px 0;
        align-items: end;
        justify-content: end;
        display: flex;
    }

    .step--fullcover .step-col--content {
    }

    .step-figure {
        min-height: auto !important;
        width: 100%;
        height: 100%;
        max-height: none !important;
    }

    .step--fullcover .step-figure {
    }

    .step-picture {
    }

    .step-picture img {
    }

    .step-picture--gradientcover {
    }

    .step-picture--gradientcover:before {
        background: linear-gradient(85deg, rgba(158, 130, 111, 0) 30.15%, #9E826F 100%);
    }

    .step-content {
        max-width: 562px;
        margin: 0 54px 6px auto;
        height: auto;
        width: 100%;
        padding: 39px 20px 36px 20px;
        justify-content: center;
        min-height: 324px;
    }

    .step-form {
    }

    .step-info {
        flex-direction: row;
        height: auto;
        padding: 0;
        align-items: end;
        padding: 0 20px 0 50px;
        justify-content: space-between;
        width: 100%;
        height: 100%;
    }

    .step-info--vertical {
        flex-direction: column;
        align-items: end;
        justify-content: end;
    }

    .step-text {
        font-size: 64px;
        line-height: 1.095;
        text-align: left;
        padding-right: 20px;
        max-width: 830px;
        margin-right: auto;
        flex: 0 0 auto;
        width: auto;
    }

    .step-info--vertical .step-text {
        max-width: 920px;
        margin: 0;
        padding: 15px 0 85px 20px;
        text-align: right;
    }

    .step-text--sm {
        font-size: 48px;
        line-height: 1.105;
    }

    .step-info--vertical .step-text--sm {
        padding: 0px 0 154px 0;
        max-width: var(--lg-max-width, 855px);
    }

    .step-text--up {
        align-self: start;
        padding: 70px 20px 20px 10px;
        max-width: 670px;
    }

    .step-control {
        padding: 0;
    }

    .step-buttonswrap {
        padding: 15px 20px 16px 20px;
    }

    .qsform {
    }

    .qsform-header {
        padding-bottom: 0;
    }

    .qsform-title {
    }

    .qsform-content {
    }

    .qsform-checkboxes {
        margin-bottom: 5px;
    }

    .qsform-contacts {
    }

    .qsform-fields {
        padding-bottom: 7px;
    }

    .qsform-fieldwrap {
        padding: 10px 0;
    }

    input[type=text].qsform-field, input[type=email].qsform-field, input[type=url].qsform-field, input[type=password].qsform-field, input[type=search].qsform-field, input[type=number].qsform-field, input[type=tel].qsform-field, input[type=range].qsform-field, input[type=date].qsform-field, input[type=month].qsform-field, input[type=week].qsform-field, input[type=time].qsform-field, input[type=datetime].qsform-field, input[type=datetime-local].qsform-field, input[type=color].qsform-field, textarea.qsform-field {
        min-height: 70px;
    }

    input[type=text].qsform-field.wpcf7-not-valid, input[type=email].qsform-field.wpcf7-not-valid, input[type=url].qsform-field.wpcf7-not-valid, input[type=password].qsform-field.wpcf7-not-valid, input[type=search].qsform-field.wpcf7-not-valid, input[type=number].qsform-field.wpcf7-not-valid, input[type=tel].qsform-field.wpcf7-not-valid, input[type=range].qsform-field.wpcf7-not-valid, input[type=date].qsform-field.wpcf7-not-valid, input[type=month].qsform-field.wpcf7-not-valid, input[type=week].qsform-field.wpcf7-not-valid, input[type=time].qsform-field.wpcf7-not-valid, input[type=datetime].qsform-field.wpcf7-not-valid, input[type=datetime-local].qsform-field.wpcf7-not-valid, input[type=color].qsform-field.wpcf7-not-valid, textarea.qsform-field.wpcf7-not-valid {
        border-color: red;
    }

    .qsform-selectwrap {
        margin: 19px 0 15px 0;
    }

    .qsform-select {
        min-height: 70px;
    }

    .qsform-select::-ms-expand {
    }

    .qsform-footer {
        padding-top: 0px;
    }

    .qsfcontrol {
    }

    .qsfcontrol-row {
        justify-content: end;
    }

    .qsfcontrol-col {
        flex: 0 0 auto;
        width: auto;
    }

    .qsfcontrol-col:last-child {
    }

    .qsfcontrol__submitwrap {}

    .qsfcontrol-btn {
        padding: 24px 10px 26px 10px;
        min-width: 136px;
    }

    .qsfcontrol-btnicon {
    }

    .qsfcontrol-btnicon:first-child {
    }

    .qsfcontrol-btnicon:last-child {
    }

    .qsfcontrol-btntext {
    }

    .qsfcontrol-btnicon {
    }

    .qsfcontrol-btn:hover, .qsfcontrol-btn:focus {
        border-color: #F5C952;
    }

    .qsfcontrol-btn--secondary {
    }

    .step-control .qsfcontrol-btn {
    }

    .ps-checkboxes {
        font-weight: 400;
    }

    .ps-checkboxes .wpcf7-list-item {
        padding: 10px 0;
    }

    .ps-checkboxes .wpcf7-list-item label {
    }

    .ps-checkboxes .wpcf7-list-item input {
    }

    .ps-checkboxes .wpcf7-list-item-label {
        padding: 25px 0;
    }

    .ps-checkboxes input:checked ~ .wpcf7-list-item-label {
    }

    .ps-checkboxes .wpcf7-list-item-label::before, .ps-checkboxes .wpcf7-list-item-label::after {
    }

    .loading {
    }

    .loading-dot {
    }

    .loading-gap {
    }

    .loading-dot:nth-child(1) {
    }

    .loading-gap:nth-child(2) {
    }

    .loading-dot:nth-child(3) {
    }

    .loading-gap:nth-child(4) {
    }

    .loading-dot:nth-child(5) {
    }

    .loading-gap:nth-child(6) {
    }

    .loading-dot:nth-child(7) {
    }

    .quiz-sending {
        padding-top: 161px;
        padding-bottom: 53px;
    }

    .quizsending {
    }

    .quizsending-loader {
    }

    .quizsending-title {
        font-size: 64px;
        padding: 17px 0;
    }

    .quizsending-description {
        font-size: 36px;
    }
}