:root {
    --font-family-poppins: Poppins, serif;
    --font-family-instrument-sans: Instrument Sans, sans-serif;

    /* Fonts */
    --font-plain-size: 16px;
    --font-plain-weight: 400;
    --font-plain-line-height: 24px;

    --font-plain-s-size: 14px;
    --font-plain-s-weight: 400;
    --font-plain-s-line-height: 20px;

    --font-plain-xs-size: 12px;
    --font-plain-xs-weight: 400;
    --font-plain-xs-line-height: 18px;

    /* Colors */
    --color-primary-500: #F45C43;
    --color-bg-brand: #EB3349;
    --color-white: #FFFFFF;
    --color-high-emphasis: #E3E2E3;
    --color-medium-emphasis: #AAAAAC;
    --color-elevation-300: #2B2930;
    --color-elevation-500: #36343B;
    --color-success-main: #00B800;
    --color-success-soft: rgba(61, 197, 90, 0.35);
}

body {
    font-family: var(--font-family-poppins);
}

#quiz-container.vm4 #quiz-body{
    gap: 4px;
}

#quiz-body {
    gap: 24px;
}

#quiz-body .questions {
    margin: 0;
}

#quiz-body h1 {
    color: var(--color-high-emphasis);
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    font-style: normal;
}

#quiz-body h2 {
    color: var(--color-high-emphasis);
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    font-style: normal;
}

#quiz-body .plain {
    color: var(--color-medium-emphasis);
    font-size: var(--font-plain-size);
    font-weight: var(--font-plain-weight);
    line-height: var(--font-plain-line-height);
    font-style: normal;
}

#quiz-body .plain-s {
    color: var(--color-high-emphasis);
    font-size: var(--font-plain-s-size);
    font-weight: var(--font-plain-s-weight);
    line-height: var(--font-plain-s-line-height);
}

#quiz-body .plain-xs {
    color: var(--color-medium-emphasis);
    font-size: var(--font-plain-xs-size);
    font-weight: var(--font-plain-xs-weight);
    line-height: var(--font-plain-xs-line-height);
}

#quiz-body .subtitle {
    color: var(--color-medium-emphasis);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

#quiz-body p {
    color: #FFFFFFE0;
    font-weight: 400;
}

#quiz-body p.slide-description {
    color: var(--color-medium-emphasis);
    font-size: var(--font-plain-size);
    font-weight: var(--font-plain-weight);
    line-height: var(--font-plain-line-height);
    font-style: normal;
    margin: 0;
}

.highlight {
    color: var(--color-primary-500);
}

#quiz-body .grid-columns {
    gap: 16px;
}

.margin-t-10u {
    margin-top: -10px !important;
}

.margin-b-10u {
    margin-bottom: -10px !important;
}

.theme-pe-black #quiz-body .policy-links {
    margin-top: 0;
    color: var(--color-medium-emphasis);
    font-size: var(--font-plain-xs-size);
    font-weight: var(--font-plain-xs-weight);
    line-height: var(--font-plain-xs-line-height);
    text-align: center;
}

.theme-pe-black #quiz-body .policy-links a {
    color: var(--color-medium-emphasis);
}

.image-radio-widget.image-radio-widget {
    width: 100%;
    height: auto;
    padding: 8px;
    border-radius: 16px;
    background: var(--color-elevation-500);
}

.age-container .image-radio-widget.image-radio-widget {
    width: 100%;
    max-width: 152px;
    height: auto;
    padding: 8px;
    border-radius: 16px;
    background: var(--color-elevation-500);
}

.image-radio-widget.image-radio-widget label span {
    color: var(--color-high-emphasis);
    font-weight: 400;
    line-height: 24px;
    font-size: 16px;
    padding: 20px 0 8px 0;
    min-height: auto;
}

.image-radio-widget.image-radio-widget label img {
    border-radius: 0;
}

.image-radio-widget.image-radio-widget.hidden-radio.selected label span {
    color: #FFFFFF;
}

.image-radio-widget.image-radio-widget .image-radio-widget-selected-background {
    background: #EB3349;
}

.age-container .image-radio-widget.image-radio-widget .image-radio-widget-selected-background {
    background: unset;
}

.image-radio-widget.image-radio-widget.selected label+.image-radio-widget-selected-background::before {
    opacity: 1;
    border: 1px solid var(--color-bg-brand);
}

.image-radio-widget-horizontal.image-radio-widget {
    width: 100%;
    height: auto;
    padding: 8px 24px 8px 8px;
    border-radius: 16px;
    background: #36343B;
    margin-bottom: 16px;
}

.image-radio-widget-horizontal.image-radio-widget label {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
}

.image-radio-widget-horizontal.image-radio-widget label span {
    color: var(--color-high-emphasis);
    font-weight: 400;
    line-height: 24px;
    font-size: 16px;
    padding: 0;
    min-height: auto;
    gap: 16px;
    justify-content: space-between;
    flex-shrink: 1;
}

.image-radio-widget-horizontal.image-radio-widget label span:before {
    margin: 0;
    order: 2;
    border: none;
    border-radius: 0;
    background: url("../images/circle.svg") no-repeat center;
}

.image-radio-widget-horizontal.image-radio-widget label img {
    border-radius: 0;
    width: 64px;
    height: 64px;
}

.image-radio-widget-horizontal.image-radio-widget.selected label span {
    color: #FFFFFF;
    font-weight: 700;
}

.image-radio-widget-horizontal.image-radio-widget.selected label span:before {
    background: url("../images/ok_1.svg") no-repeat center;
    opacity: 1;
}

.image-radio-widget-horizontal.image-radio-widget .image-radio-widget-selected-background {
    background: #EB3349;
}

.image-radio-widget-horizontal.image-radio-widget.selected label+.image-radio-widget-selected-background::before {
    opacity: 1;
}

.checkbox-widget-image label .image-widget {
    width: 64px;
    height: 64px;
}

#quiz-body .rate-widget {
    max-width: 327px;
    margin-left: auto;
    margin-right: auto;
}

#quiz-body .rate-widget ul {
    padding-bottom: 16px;
    gap: 12px;
}

#quiz-body .rate-widget ul li label {
    background: #36343B;
    border-radius: 8px;
    position: relative;
}

#quiz-body .rate-widget ul li span {
    background: transparent;
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFFE0;
    position: relative;
    overflow: hidden;
    height: 82px;
}

#quiz-body .rate-widget .selected label>span {
    color: #FFFFFFE0;
}

#quiz-body .rate-widget .selected label::after {
    display: none;
}

#quiz-body .rate-widget .selected label::before {
    content: '';
    position: absolute;
    display: block;
    background: #EB3349;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border-radius: 8px;
}

#quiz-body .rate-widget div {
    font-weight: 400;
}

#quiz-body .rate-widget .start_label {
    color: var(--color-medium-emphasis);
    bottom: -8px;
    line-height: 18px;
}

#quiz-body .rate-widget .end_label {
    color: var(--color-medium-emphasis);
    text-align: right;
    bottom: -8px;
    line-height: 18px;
}

.lower-third {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.64);
}

#quiz-body p.lower-third {
    font-size: 10px;
    color: var(--color-medium-emphasis);
    line-height: 24px;
}

.lower-third:before {
    content: '';
    vertical-align: middle;
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url("../images/shield.png") center no-repeat;
    background-size: 100%;
    margin-right: 6px;
}

.underline {
    text-decoration: underline;
}

.valueprop-images-container {
    max-width: 207px;
    margin: 0 auto;
}

.valueprop-images-container .image-widget {
    margin-bottom: 14px;
}

.expert {
    border-radius: 16px;
    overflow: hidden;
    width: 100%;
}

.expert .cart {
    background: #36343B;
    padding: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
}

.expert .cart .image-widget {
    width: 32px;
    flex-shrink: 0;
}

.expert .cart .image-widget-container img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}


.expert .cart .label {
    display: grid;
    flex-grow: 1;
    flex-shrink: 1;
    gap: 4px;
}

#quiz-body .expert .cart .label p {
    text-align: left;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 0;
}

.expert .cart .label p::after {
    content: '';
    width: 16px;
    height: 16px;
    background: url("../images/verified_green.svg") center no-repeat;
    background-size: contain;
    display: block;

}

.expert .cart .label span {
    display: block;
    text-align: left;
    font-size: 9px;
    font-weight: 300;
    line-height: 12px;
    color: #ffffffa3;
}

#quiz-body ul.list {
    list-style: none;
    padding: 0;
}

#quiz-body ul.list li {
    position: relative;
    padding-left: 40px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 16px;
    color: #FFFFFFE0;
}

#quiz-body ul.list li:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: transparent;
    background-image: url(../images/list-mark.svg);
    box-shadow: none;
}

#quiz-body ul.list li.list-item-last:before {
    background-image: url(../images/list-mark-white.svg);
}

.email-widget .text-additional {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    gap: 8px;
}

.email-widget .text-additional:before {
    content: '';
    display: inline-block;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    background: url("../images/lock.svg") no-repeat center;
    background-size: 100%;
    margin-top: 4px;
}

#quiz-body .progressbar-widget .progressbar-text-wrap:before {
    background: linear-gradient(180deg, rgba(20, 18, 24, 0.00) 0%, #141218 100%);
    top: 0;
    height: 100%;
    min-height: 100%;
}

.progressbar-widget .progressbar-text-wrap .progressbar-text li {
    font-size: 18px;
}

.ms-with-dots {
    position: relative;
    padding-top: 12px;
}

.ms-with-dots:before {
    content: '';
    background: url(../images/Dots.svg) no-repeat center;
    width: 20px;
    height: 4px;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

/* region offer */

.offer-container .promo {
    margin-bottom: 32px;
}

.offer-container .box {
    margin-bottom: 24px;
}

.offer-container .promo-images {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 24px;
    justify-content: center;
}

.offer-container .promo-images .image-widget {
    width: 100%;
    height: 144px;
    border-radius: 16px;
}

.offer-container .promo-images .image-widget .image-widget-container {
    height: 100%;
    width: 100%;
    background: #2B2930;
    overflow: hidden;
}

.offer-container .promo-images .image-widget .image-widget-container img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    object-position: center;
}

.offer-container .promo-images .image-widget:last-child .image-widget-container {
    background: linear-gradient(90deg, #EB3349 0%, #F45C43 51.5%, #EB3349 100%);
}

.offer-container .promo-progress-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0;
    padding: 0;
    margin: 26px 0 0 0;
}

.offer-container .promo-progress {
    padding: 0;
    margin: 0;
    width: 45%;
}

.offer-container .promo-progress:before {
    display: none;
}

.offer-container .promo-progress .promo-progress-title {
    font-size: 15px;
    font-weight: 600;
}

.offer-container .promo-progress .promo-progress-subtitle {
    font-size: 12px;
    font-weight: 500;
    color: #818181;
}

.progress {
    position: relative;
    background: #BFBFBF;
    height: 8px;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    margin-top: 5px;
}

.progress:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    border-radius: 8px;
}

.theme-pe-black .progress.w15:after,
.theme-pe-black .progress.w17:after,
.theme-pe-black .progress.w22:after,
.theme-pe-black .progress.w33:after,
.theme-pe-black .progress.w87:after,
.theme-pe-black .progress.w90:after,
.theme-pe-black .progress.w95:after,
.theme-pe-black .progress.w97:after,
.theme-pe-black .progress.w25:after {
    background: #F45C43;
}

.progress.w15:after {
    width: 15%;
}

.progress.w17:after {
    width: 17%;
}

.progress.w22:after {
    width: 22%;
}

.progress.w33:after {
    width: 33%;
}

.progress.w87:after {
    width: 87%;
}

.progress.w90:after {
    width: 90%;
}

.progress.w95:after {
    width: 95%;
}

.progress.w97:after {
    width: 97%;
}

.progress.w25:after {
    width: 25%;
}

.theme-pe-black .offer-container .title {
    margin-bottom: 24px;
}

.offer-container ul li {
    font-weight: 500;
}

.offer-container .title.title-highlight {
    font-weight: 400;
}

.offer-container .promo-info li .icon {
    flex-shrink: 0;
}

.offer-container .promo-info li .content {
    font-size: 15px;
    font-weight: 500;
}

.offer-container .product-list li {
    position: relative;
}

.offer-container .product-list .product-price .current-price-v2 {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: flex-start;
    padding: 8px 8px 8px 4px;
    border-radius: 8px;
    background: #EB3349;
    color: #fff;
    gap: 2px;
    font-weight: 600;
    line-height: 1;
}

.offer-container .product-list .product-price .current-price-v2:before {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: -11px;
    background: #EB3349;
    transform: rotate(45deg);
    border-radius: 8px;
    width: 34px;
    height: 34px;
}

.offer-container .product-list .product-price .current-price-v2>span {
    position: relative;
}

.offer-container .product-list .product-price .current-price-v2 .currency {
    font-size: 14px;
    position: relative;
    top: 1px;
}

.offer-container .product-list .product-price .current-price-v2 .lead-num {
    font-size: 30px;
    line-height: 0.9;
}

.offer-container .product-list .product-price .current-price-v2 .secondary-num {
    font-size: 16px;
}

.offer-container .product-list .product-price .current-price-v2 .secondary-num>span {
    font-size: 7px;
    font-weight: 400;
    display: block;
}

.offer-container .product-list li.active .product-price .current-price-v2 {
    background: #36343B;
    color: #FFFFFFE0;
}

.offer-container .product-list li.active .product-price .current-price-v2:before {
    background: #36343B;
}

.two-cols {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    margin-bottom: 24px;
}

.two-cols>div {
    width: 50%;
    flex-shrink: 0;
    position: relative;
    padding: 0 10px;
}

.two-cols>div:last-child {
    padding-left: 21px;
}

.two-cols>div:last-child:before {
    content: '';
    display: block;
    width: 2px;
    background: #2B2930;
    height: 40px;
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.two-cols>div>div:first-child {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    color: #F45C43;
    font-size: 12px;
    font-weight: 400;
    gap: 4px;
}

.two-cols>div>div:first-child img {
    width: 24px;
    height: 24px;
}

.two-cols>div>p {
    font-size: 12px;
    font-weight: 500;
}

.title-block {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 24px;
}

.title-block .item {
    width: 50%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    flex-direction: column;
    position: relative;
    padding: 0 10px;
}

.title-block .first {
    display: flex;
    gap: 8px;
    color: #F45C43;
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
    width: 100%;
}

.title-block .second {
    color: rgba(255, 255, 255, 0.88);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    display: flex;
    justify-content: left;
    width: 100%;
}

.title-block .item:last-child {
    padding-left: 21px;
}

.title-block .item:last-child:before {
    content: '';
    display: block;
    width: 2px;
    background: #2B2930;
    height: 90%;
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 5%;
}

.theme-pe-black .offer-container .promo .disclaimer {
    font-size: 9px;
    text-align: center;
    width: 100%;
    display: block;
    color: rgba(255, 255, 255, 0.64);
}

.theme-pe-black .box.with-dots {
    margin-top: 32px;
    margin-bottom: 24px;
}

.theme-pe-black .box.with-bottom-dots {
    position: relative;
    padding: 0 0 24px 0;
}

.theme-pe-black .box.with-bottom-dots:after {
    content: '';
    background: url(../images/Dots.svg) no-repeat center;
    width: 20px;
    height: 4px;
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

.offer-container .box:last-child {
    margin-bottom: 0;
}

.mb-24 {
    margin-bottom: 24px;
}

.theme-pe-black #wizard-modal .modal-window {
    border-radius: 24px 24px 0 0;
    background: #2B2930;
    box-shadow: 0 -8px 48px 0 rgba(0, 0, 0, 0.16);
}

.theme-pe-black #wizard-modal .modal-window .modal-window-body {
    background: #2B2930;
}

.theme-pe-black #wizard-modal .modal-window-title {
    margin-left: 28%;
}

.theme-pe-black #wizard-modal .pre-payment-header {
    margin-bottom: 16px;
    padding: 0 0 16px 0;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.40);
}

.theme-pe-black #wizard-modal .pre-payment-body-title {
    color: #FFF;
}

#wizard-modal .pre-payment-header .product-v103 {
    background: #36343B;
    border-radius: 16px;
}

#wizard-modal .pre-payment-header .product-v103 .product-label {
    background: #F45C43;
    text-align: center;
    padding: 8px;
    color: #FFF;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    border-radius: 16px 16px 0 0;
}

#wizard-modal .pre-payment-header .product-v103 .product-label.with-timer {
    display: flex;
    justify-content: center;
    gap: 4px;
}

#wizard-modal .pre-payment-header .product-v103 .product-label.with-timer span,
#wizard-modal .pre-payment-header .product-v103 .product-label.with-timer .small-timer {
    font-weight: 400;
}

#wizard-modal .pre-payment-header .product-v103 .product-info {
    color: #FFF;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    display: flex;
    padding: 8px 16px;
}

#wizard-modal .pre-payment-header .product-v103 .product-title {
    display: grid;
    gap: 2px;
    width: 65%;
    border-right: 1px solid rgba(255, 255, 255, 0.40);
}

#wizard-modal .pre-payment-header .product-v103 .product-description {
    display: grid;
    padding: 0 0 0 16px;
}

#wizard-modal .pre-payment-header .product-v103 .product-description div:first-child {
    font-weight: 700;
}

#wizard-modal .pre-payment-header .product-v103 .product-description div:last-child {
    color: rgba(255, 255, 255, 0.64);
}

.theme-pe-black #payment-modal .modal-window-title {
    color: #FFF;
}

.theme-pe-black #payment-modal .modal-window {
    border-radius: 24px 24px 0 0;
    background: #2B2930;
    box-shadow: 0 -8px 48px 0 rgba(0, 0, 0, 0.16);
}

.theme-pe-black #payment-modal .modal-window-head {
    padding: 36px 72px 16px 72px;
    text-align: center;
}

.theme-pe-black #payment-modal .modal-window-body {
    background: #2B2930;
    padding: 0 16px;
}

.theme-pe-black #payment-modal .modal-window-body>iframe {
    border-radius: 16px;
}

.vp-video-container {
    display: grid;
    gap: 8px;
}

#quiz-body .vp-video-container .annotation {
    text-align: start;
}

#quiz-body .vp-video-container p.lower-third {
    line-height: 24px;
}

.vp-video-container .lower-third:before {
    background: url("../images/shield-gray.svg") center no-repeat;
    margin-right: 24px;
}

.theme-pe-black .offer-container .product-list li.fullprice .product-name {
    line-height: 46px;
}

.theme-pe-black .offer-container .product-list li.fullprice .product-price {
    margin-top: 0;
}

@media (min-width: 370px) {
    .theme-pe-black #wizard-modal .pre-payment-container {
        padding: 0 16px;
    }

    .theme-pe-black #wizard-modal .wizard-widget .wizard-widget-buttons {
        padding: 0 16px 16px 16px;
    }
}

.theme-pe-black .offer-container.special-offer-container .product-list li.active::before {
    display: none;
}

/* endregion */

.offer-container .products-box.pe-priceblock {
    margin-top: 32px;
}

.theme-pe-black .offer-container .pe-priceblock .title {
    margin: 0 0 24px 0;
}

.theme-pe-black .offer-container ul li {
    margin-bottom: 8px;
}

.offer-container .pe-priceblock .product-list {
    margin: 24px 0 0 0;
}

.pe-priceblock #pay-safe-and-secure {
    margin: 0 0 16px 0;
}

.theme-pe-black .offer-container .pe-priceblock button.full-width {
    margin: 24px 0;
    padding: 14px 16px;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 1.8px;
}

.theme-pe-black .offer-container .pe-disclaimer button.full-width {
    margin: 24px 0;
}

.offer-container .products-box.pe-priceblock .products-descr p.active {
    font-weight: 400;
}

.theme-pe-black .offer-container .product-list li.priceblock {
    padding: 10px 16px 10px 48px;
}

.theme-pe-black .offer-container .product-list li.priceblock.active {
    border-radius: 16px;
    background: #EB344A;
}

.theme-pe-black .offer-container .product-list li.priceblock:last-child {
    margin: 0;
}

.offer-container .product-list li.priceblock:before {
    left: 16px;
}

li.priceblock .badge {
    box-shadow: 0 0 16px 0 rgba(20, 18, 24, 0.24);
    font-weight: 500;
}

li.priceblock .product-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 10px 0;
}

li.priceblock .product-info {
    display: grid;
    gap: 4px;
}

li.priceblock .product-name {
    color: rgba(255, 255, 255, 0.90);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0;
    text-transform: uppercase;
}

li.priceblock .prices {
    display: flex;
    gap: 4px;
    color: rgba(255, 255, 255, 0.70);
    font-size: 10px;
    font-weight: 450;
    line-height: 160%;
    letter-spacing: 0.3px;
}

li.priceblock .prices .old {
    text-decoration-line: line-through;

}

.offer-container .product-list li.priceblock .product-price {
    margin: 0;
}

.offer-container .product-list li.priceblock .product-price .current-price-v2 {
    position: relative;
    transform: unset;
    right: auto;
    top: auto;
    color: #FFF;
    gap: 1px;
}

.offer-container .product-list li.priceblock .product-price .current-price-v2 .currency {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0;
}

.offer-container .product-list li.priceblock .product-price .current-price-v2 .lead-num {
    font-size: 32px;
    font-weight: 600;
    line-height: 90%;
}

.offer-container .product-list li.priceblock .product-price .current-price-v2 .secondary-num {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0;
}

.offer-container .product-list li.priceblock .product-price .current-price-v2 .secondary-num span {
    font-size: 8px;
    font-weight: 500;
}

.offer-container .product-list li.priceblock .product-price .current-price-v2 .secondary-num span.num {
    line-height: 140%;
    font-size: 10px;
}

.theme-pe-black .offer-container .product-list li.priceblock .product-price .old-price {
    margin: 8px 10px 0 0;
    color: rgba(255, 255, 255, 0.70);
    font-size: 10px;
    font-weight: 500;
    line-height: 210%;
    letter-spacing: 0;
    align-self: flex-end;
}

.pe-priceblock #pay-safe-and-secure.image-widget .image-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.theme-pe-black .ms .feedback-widget .feedback-widget-location{
    display: flex;
    gap: 2px;
}

#rating {
    margin: 32px auto;
}

.wug {
    margin-bottom: 24px;
}

/* v2 new styles*/

#quiz-body .header-gap-16 .slide-header {
    gap: 16px;
}

#quiz-body .header-gap-8 .slide-header {
    gap: 8px;
}

#quiz-body .block-gap-24 {
    gap: 24px;
}

.header-gap-12 .slide-header {
    gap: 12px;
}

#quiz-body .checkbox-widget .checkbox-widget-selected-background::after {
    margin: 30px 24px;
}

#quiz-body .hidden-radio-widget:after {
    margin: 26px 24px;
}

.hidden-radio-widget .hidden-radio-widget-selected-background:after {
    top: 5px;
}

.image-radio-widget.label-bold-spacing-1-6 label span {
    font-weight: 700;
    letter-spacing: 1.6px;
}

.slide-header {
    display: grid;
    gap: 4px;
}

.image-radio-widget.no-span label span:before {
    all: unset;
}

.image-radio-widget.no-span.selected label span:before {
    all: unset;
}

#quiz-body .checkbox-widget.checkbox-widget-image label {
    padding: 40px 8px;
}

#quiz-body .hidden-radio-widget label {
    padding-top: 36px;
    padding-bottom: 36px;
}

/* Age container */
.age-description-heading {
    font-weight: 500;
    letter-spacing: 0.8px;
}

#quiz-body .checkbox-widget.checkbox-widget-image .image-widget-container {
    height: 64px;
    width: 64px;
}

#quiz-body .age-container .questions {
    margin: 0;
}

#quiz-body .age-container .questions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

#quiz-body .age-container .questions .image-radio-widget {
    padding: 0;
    height: auto;
}

#quiz-body .age-container .questions .image-radio-widget label {
    height: 100%;
    padding: 0;
    display: flex;
    flex-direction: column;
}

#quiz-body .age-container .questions .image-radio-widget label img {
    width: 100%;
    height: auto;
    /*max-height: 155px;*/
    display: block;
    object-fit: cover;
    margin-top: -14%;
    padding: 2px 1px 0 1px;
}

#quiz-body .age-container .questions .image-radio-widget label span {
    /*display: inline-flex;*/
    /*justify-content: flex-start;*/
    padding: 12px 8px 12px 16px;
    font-weight: 650;
    font-family: var(--font-family-instrument-sans);
    font-style: normal;
    letter-spacing: 1px;
    background-color: var(--color-bg-brand);
    border-radius: 0 0 16px 16px;

    display: flex;
    justify-content: space-between;
    align-items: center;
}

#quiz-body .age-container .questions .image-radio-widget label span::before {
    display: none !important;
}

/*#quiz-body .age-container .questions .image-radio-widget:last-child {*/
/*    grid-column: 1 / -1;*/
/*    background: var(--color-elevation-300);*/
/*    overflow: hidden;*/
/*    padding: 8px 16px;*/
/*    max-width: 57%;*/
/*    width: 100%;*/
/*    margin-left: auto;*/
/*    margin-right: auto;*/
/*}*/

/*#quiz-body .age-container .questions .image-radio-widget:last-child label {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    height: 100%;*/
/*    background: none;*/
/*}*/

/*#quiz-body .age-container .questions .image-radio-widget:last-child label img {*/
/*    display: none;*/
/*}*/

/*#quiz-body .age-container .questions .image-radio-widget:last-child label span {*/
/*    padding: 0;*/
/*}*/

#quiz-body .age-container .questions .image-radio-widget label span::after {
    display: block;
    content: '';
    width: 24px;
    height: 24px;
    background: url("../images/chevron-right.svg") no-repeat center;
}

.social-welcome img {
    margin-top: 14px;
    margin-bottom: 8px;
}

#quiz-body .kegel-container .grid-columns {
    gap: 24px;
}

.vp-kegel-video-container .description {
    display: grid;
    gap: 8px;
}

#quiz-body .vp-kegel-video-container .description h2 {
    margin-top: 6px;
}

#quiz-body .checkbox-widget.no-icon .checkbox-widget-selected-background::after {
    content: none
}

#quiz-body .checkbox-widget.no-icon label {
    padding-right: 8px;
}

#quiz-body .checkbox-widget.no-icon.selected label + .checkbox-widget-selected-background::after {
    content: none
}

#quiz-body .checkbox-widget.no-icon.selected label {
    padding-right: 8px;
}

#quiz-body .hidden-radio-widget.no-icon:after {
    all: unset;
}

#quiz-body .hidden-radio-widget.no-icon label {
    padding-right: 24px;
}

#quiz-body .hidden-radio-widget.no-icon.selected .hidden-radio-widget-selected-background::after {
    all: unset;
}

#quiz-body .hidden-radio-widget.selected label span,
#quiz-body .checkbox-widget.selected label span {
    font-weight: 700;
}

.horizontal-select-widget-container {
    display: grid;
    gap: 16px;
}

.page-wrapper .video-vp-105 {
    margin-left: -24px;
    margin-right: -24px;
    width: calc(100% + 48px);
}

/* Checkbox animation container */
.checkbox-animation-container .slide-header {
    gap: 16px;
}

#quiz-body .checkbox-animation-container .slide-header .slide-question {
    margin-top: 0;
}

.checkbox-animation-container .slide-header .slide-description {
    padding: 0 40px;
}

.success-anim {
    position: relative;
    width: 200px;
    height: 200px;
    margin: 20px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.success-anim__circle {
    position: relative;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: var(--color-success-soft);
    transform: scale(0);
    overflow: visible;
    animation: sa-main-circle 0.45s ease-out forwards;
    animation-delay: 0.15s;
    z-index: 1;
}

.success-anim__circle::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: var(--color-success-main);
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    animation: sa-soft-circle 0.55s ease-out forwards;
    animation-delay: 0.25s;
    z-index: 2;
}

.success-anim__circle::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    box-shadow: 0 0 0 2px var(--color-success-soft);
    border-color: var(--color-success-main);
    opacity: 0;
    transform: translate(-50%, -50%) scale(1);
    animation: sa-wave 0.55s ease-out 1.25s forwards;
    z-index: 0;
}

.success-anim__check {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 110px;
    height: 110px;
    fill: none;
    stroke: #ffffff;
    stroke-width: 6;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 40;
    stroke-dashoffset: 40;
    opacity: 0;
    animation: sa-check 0.35s ease-out 0.9s forwards;
    z-index: 3;
}

@keyframes sa-soft-circle {
    0%   { transform: translate(-50%, -50%) scale(0);   opacity: 1; }
    100% { transform: translate(-50%, -50%) scale(1);   opacity: 1; }
}

@keyframes sa-main-circle {
    0% { transform: scale(0); }
    70% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

@keyframes sa-check {
    0% { stroke-dashoffset: 40; opacity: 0; }
    20% { opacity: 1; }
    100% { stroke-dashoffset: 0; opacity: 1; }
}

@keyframes sa-wave {
    0% { opacity: 0; transform: translate(-50%, -50%) scale(1); }
    10% { opacity: 1; }
    100% { opacity: 0; transform: translate(-50%, -50%) scale(1.4); }
}

.vp-109-container {
    display: grid;
    gap: 24px;
}

.vp-109-container .slide-header {
    gap: 16px;
}

#quiz-body .vp-109-container .slide-header .slide-question {
    margin-top: 0;
    text-align: left;
}

#quiz-body .vp-109-container .slide-header .slide-description {
    text-align: left;
}

.rate-widget-container {
    display: grid;
    gap: 24px;
}

.rate-widget-container .slide-header {
    gap: 16px
}

#quiz-body .rate-widget-container .slide-header p {
    color: var(--color-medium-emphasis);
}

.image-vp-216 {
    display: grid;
    gap: 16px;
}

#quiz-body .image-vp-216 .description {
    color: var(--color-high-emphasis);
}

.vp-image-text-container {
    display: grid;
    gap: 16px;
}

.vp-image-text-container .slide-header {
    gap: 8px;
}

#quiz-body .vp-image-text-container .slide-header .slide-question {
    text-align: left;
    margin-top: 0;
}

#quiz-body .vp-image-text-container .slide-header .description {
    text-align: left;
}

.vp-image-text-container .image-widget-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.vp-225 {
    display: grid;
    gap: 12px;
}

.vp-225 .slide-header {
    gap: 12px;
}

#quiz-body .vp-225 .slide-header .slide-question {
    margin-top: 0;
}

.vp-225 .image-widget-container img {
    background-color: var(--color-elevation-300);
    border-radius: 16px;
}

#quiz-body .feedback-widget .feedback-widget-title {
    color: var(--color-high-emphasis);
}

#quiz-body .feedback-widget .feedback-widget-message {
    color: var(--color-high-emphasis);
}

.vp-127 {
    display: grid;
    gap: 16px;
}

#quiz-body .vp-127 .questions {
    margin-top: 48px;
}

#quiz-body .vp-127 .image-widget {
    margin-top: 8px;
}

#quiz-body .vp-127 .slide-header p {
    color: var(--color-medium-emphasis);
}

.vp-135 {
    display: grid;
    gap: 16px;
}

#quiz-body .vp-135 .questions {
    margin-top: 24px;
}

#quiz-body .vp-135 .image-widget {
    margin-top: -32px;
}

#quiz-body .vp-135 .slide-header p {
    color: var(--color-medium-emphasis);
}

.vp-137-container {
    display: grid;
    gap: 16px;
}

.vp-137-container .slide-header {
    gap: 16px
}

.vp-138-container {
    display: grid;
    gap: 69px;
}

.vp-138-container .slide-header {
    gap: 4px
}

.vp-140-container {
    display: grid;
    gap: 24px;
}

.vp-140-container .slide-header{
    gap: 16px;
}

#quiz-body .vp-140-container .slide-header .slide-question {
    margin-top: 0;
}

#quiz-body .vp-140-container .slide-header .description {
    line-height: 16px;
}

#quiz-body .vp-141 .slide-header .slide-description {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

/* for only text multiselect checkbox options */
#quiz-body .text-only.checkbox-widget .checkbox-widget-selected-background::after {
    margin: 26px 24px;
}

#quiz-body .checkbox-widget label {
    min-height: 72px;
}

/* left side image select */
.side-image-container {
    display: grid;
    gap: 16px;
}

.left-side-image-select .hsw-layout {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 4px;
}

.left-side-image-select .hsw-image {
    flex: 0 0 56%;
    margin-left: -24px;
}

.left-side-image-select.hsw-fixed .hsw-image .image-widget{
    transform: translate3d(0, 0, 0);
    opacity: 1;
    will-change: transform, opacity;
}

.left-side-image-select.hsw-fixed:not(.hsw-animate) .hsw-image .image-widget{
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
}

.left-side-image-select.hsw-fixed .hsw-image .image-widget{
    transition:
        transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s,
        opacity   0.7s cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
}

.left-side-image-select .hsw-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.left-side-image-select.hsw-fixed.hsw-prep .hsw-image .image-widget {
    transition: none !important;
}

.left-side-image-select.hsw-fixed .hsw-image img{
    animation: none !important;
    transform: none !important;
}

.left-side-image-select .hsw-right {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Profile summary */
#quiz-body .profile-summary .subtitle {
    margin: 4px 0 16px 0;
    color: var(--color-medium-emphasis);
}

#quiz-body .profile-progress ul {
    padding: 0 10px;
}

#quiz-body .profile-message {
    margin-bottom: 8px;
}

#quiz-body .profile-list li .content .title {
    line-height: 24px;
}

#quiz-body .profile-list li .icon-wrap {
    padding: 21px 16px;
}

#quiz-body .vp-144-slide-question {
    margin-bottom: 48px;
}

.map-container {
    position: relative;
    width: 100%;
    height: auto;
    opacity: 0;
    animation: fadeInMap 1s forwards;
    margin-top: 33px;
    margin-bottom: 22px;
}

@keyframes fadeInMap {
    to {
        opacity: 1;
    }
}

.marker {
    position: absolute;
    overflow: hidden;
    transform: translate(-50%, -100%) scale(0.5);
    opacity: 0;
    transition: transform 0.4s ease-out, opacity 0.4s ease-out;
}

.marker.visible {
    transform: translate(-50%, -100%) scale(1);
    opacity: 1;
}

.marker img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bars-chart {
    display: grid;
    gap: 24px;
    margin-top: 30px;
}

#quiz-body .bars-chart .bars-month {
    color: #FFF;
}

.progressbar-widget .circle-progressbar .box .number .num,
.progressbar-widget .circle-progressbar .box .number .sub {
    color: var(--color-high-emphasis);
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
}

#quiz-body .magic-screen-v148 .ms-with-dots {
    padding-top: 16px;
    margin-bottom: 30px;
}

#quiz-body .progressbar-widget.progressbar {
   margin-bottom: 16px;
    margin-top: 0;
}

#quiz-body .progressbar-widget .circle-progressbar .box::before {
    border: 13px solid #414044;
}

#quiz-body .progressbar-widget .progressbar-text-wrap .progressbar-text {
    gap: 16px;
}

.ask-window {
    padding: 24px;
    gap: 0;
}

.ask-window-container .ask-window .ask-window-title {
    margin-bottom: 8px;
}

.ask-window-container .ask-window .ask-window-body {
    margin-bottom: 32px;
}

/* Feedback widget */
#quiz-body .feedback-widget .feedback-widget-head {
    gap: 8px;
    padding-bottom: 16px;
}

.theme-pe-black .feedback-widget .feedback-widget-name {
    color: var(--color-high-emphasis);
    margin-bottom: 4px;
}

.theme-pe-black .feedback-widget .feedback-widget-reviews,
.theme-pe-black .feedback-widget .feedback-widget-location{
    color: var(--color-medium-emphasis);
    font-size: 9px;
    font-style: normal;
    font-weight: 300;
    line-height: 12px;
}

#quiz-body .feedback-widget .row {
    gap: 8px;
}

#quiz-body .feedback-widget .feedback-widget-rate {
    gap: 2px;
}

#quiz-body .feedback-widget .feedback-widget-verified {
    color: var(--color-medium-emphasis);
    font-size: 9px;
    font-style: normal;
    font-weight: 300;
    line-height: 12px;
    left: 100px;
    padding-left: 2px;
}

.theme-pe-black .feedback-widget .feedback-widget-date {
    color: var(--color-medium-emphasis);
    font-size: 9px;
    font-style: normal;
    font-weight: 300;
    line-height: 12px;
}

#quiz-body .feedback-widget .feedback-widget-body {
    padding-top: 40px;
}

#quiz-body .feedback-widget .feedback-widget-title {
    margin: 0 0 8px 0;
}

#quiz-body .email-container {
    display: grid;
    gap: 16px;
}

#quiz-body .email-container .email-description {
    font-size: 21px;
    font-weight: 400;
    line-height: unset;
    word-spacing: -1.1px;
    text-align: center;
    margin-top: 0;
}

.email-info-block {
    margin-top: 8px;
    display: grid;
    gap: 12px;
}

.security-text-additional {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    gap: 8px;
    font-size: 12px;
    color: #FFFFFFA3;
    font-weight: 400;
}

.security-text-additional:before
{
    content: '';
    display: inline-block;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    background: url(../images/lock.svg) no-repeat center;
    background-size: 100%;
    margin-top: 4px;
}

.signed-up-banner {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: #36343B;
    color: rgba(255, 255, 255, 0.9);
    padding: 8px;
    border-radius: 8px;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Instrument Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.signed-up-banner::before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    background-image: url("../images/rating-star.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.list-of-images {
    display: flex;
    list-style: none;
    padding: 0 24px 0 0;
    margin: 0 -24px 0 0;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
}

.list-of-images li {
    flex: 0 0 auto;
    scroll-snap-align: start;
}

.list-of-images .image-widget {
    width: 120px;
    border-radius: 8px;
    background: #FFFFFF;
}


.list-of-images .image-widget img {
    object-fit: contain;
    display: block;
}

/* Offer container feedback widget */
.offer-container .feedback-widget {
    margin-top: 16px;
}

.offer-container .feedback-widget .feedback-widget-head {
    gap: 8px;
    padding-bottom: 16px;
}

.offer-container .feedback-widget .row {
    gap: 8px;
}

.offer-container .feedback-widget .feedback-widget-verified {
    color: var(--color-medium-emphasis);
    font-size: 9px;
    font-style: normal;
    font-weight: 300;
    line-height: 12px;
    left: 100px;
    padding-left: 2px;
}

.theme-pe-black .offer-container .feedback-widget .feedback-widget-verified,
.theme-pe-black .offer-container .feedback-widget .feedback-widget-date {
    bottom: -32px;
}

.offer-container .feedback-widget .feedback-widget-rate {
    gap: 2px;
}

.offer-container .feedback-widget .feedback-widget-body {
    padding-top: 40px;
}

.offer-container #products {
    margin-top: 24px;
    margin-bottom: 32px;
}

.personal-ai-coach .block-gift {
    gap: 16px;
}

.theme-pe-black .special-offer-container .title {
    margin-bottom: 16px;
}

.theme-pe-black .special-offer-container .promo-image {
    margin-bottom: 16px;
}

.theme-pe-black .special-offer-container .box ul {
    display: grid;
    gap: 16px;
    margin-bottom: 32px;
}

.theme-pe-black .special-offer-container .box ul li {
    margin-bottom: 0;
}

.special-offer-container .small-timer .timer {
    padding: 2px 8px 0;
}

.theme-pe-black .special-offer-container .products-box ul li {
    margin-bottom: 24px;
}

.special-offer-container #products {
    margin-bottom: 16px;
}

.theme-pe-black .special-offer-container .custom-box {
    margin-top: 32px;
    margin-bottom: 32px;
}

.special-offer-container #pay-safe-and-secure {
    padding: 0 31px;
}

.pay-safe {
    display: grid;
    gap: 12px;
    justify-items: center;
    margin-top: 16px;
}

.pay-safe .pay-safe-header span {
    color: rgba(255, 255, 255, 0.70);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.pay-safe .pay-safe-cards {
    width: 100%;
}

#quiz-body .age-question-main {
    font-size: 21px;
    font-weight: 400;
    line-height: unset;
    word-spacing: -1.1px;
    text-align: center;
    margin: 0;
}

#quiz-body .age-description-main {
    margin-bottom: -10px;
}

.anxiety-feedback {
    display: grid;
    gap: 22px;
}

.anxiety-feedback .image img {
    border-radius: 16px;
}

.anxiety-feedback .content {
    display: grid;
    gap: 24px;
}

.anxiety-feedback .content .text {
    display: grid;
    gap: 4px;
}

.anxiety-feedback .content .sub-text {
    display: grid;
    gap: 6px;
}

#quiz-body .anxiety-feedback h1 {
    color: #FFF;
    text-align: left;
    margin: 0;
}

#quiz-body .anxiety-feedback p {
    text-align: left;
    color: var(--color-medium-emphasis);
}

#quiz-body .anxiety-feedback .content .sub-text h3 {
    margin: 0;
    color: var(--color-medium-emphasis);
    font-family: var(--font-family-instrument-sans);
    font-size: 16px;
    font-style: normal;
    line-height: 23px;
    letter-spacing: 0;
    text-align: left;
}

#quiz-body .anxiety-feedback .content .sub-text ul.list {
    gap: 7px;
    display: inline-grid;
    margin-bottom: 0;
}

#quiz-body .anxiety-feedback .content .sub-text ul.list li {
    font-family: var(--font-family-instrument-sans);
    color: rgba(255, 255, 255, 0.70);
    font-weight: 450;
    line-height: 21px;
    letter-spacing: 0;
    padding-left: 24px;
    margin-bottom: 0;
}

#quiz-body .anxiety-feedback .content .sub-text p {
    font-family: var(--font-family-instrument-sans);
    color: rgba(255, 255, 255, 0.50);
    line-height: 16px;
    text-align: left;
}

.anxiety-graph {
    display: grid;
    gap: 12px;
}

.anxiety-graph .content-heading .text {
    display: grid;
    gap: 4px;
}

#quiz-body .anxiety-graph .content-heading .text h1 {
    color: #FFF;
    text-align: left;
    margin: 0;
}

#quiz-body .anxiety-graph .content-heading .text p {
    text-align: left;
    color: var(--color-medium-emphasis);
}

#quiz-body .anxiety-graph .content-footer p {
    font-family: var(--font-family-instrument-sans);
    color: rgba(255, 255, 255, 0.50);
    line-height: 16px;
    text-align: left;
}

@media (max-width: 300px) {
    #quiz-body .age-container .questions .image-radio-widget label img {
        padding: 3px 1px 0 1px;
    }
}

@media (max-width: 280px) {
    #quiz-body .age-container .questions .image-radio-widget label img {
        padding: 4px 1px 0 1px;
    }
}

@media (max-width: 250px) {
    #quiz-body .age-container .questions .image-radio-widget label img {
        padding: 5px 1px 0 1px;
    }
}

@media (max-width: 230px) {
    #quiz-body .age-container .questions .image-radio-widget label img {
        padding: 6px 1px 0 1px;
    }
}

@media (max-width: 210px) {
    #quiz-body .age-container .questions .image-radio-widget label img {
        padding: 7px 1px 0 1px;
    }
}

/* img-bottom rate component styles */
:root{
    --img-bottom-gap: 12px;
    --img-bottom-min-h: 120px;
    --img-bottom-max-h: 520px;

    --safe-bottom: env(safe-area-inset-bottom);

    --img-bottom-illus-h: 320px;
}

#quiz-body .img-bottom .slide-header,
#quiz-body .img-bottom .questions{
    position: relative;
    z-index: 2;
}

#quiz-body .img-bottom .image-widget {
    position: fixed;
    left: 0;
    right: 0;
    bottom: var(--safe-bottom);
    display: flex;
    justify-content: center;
    pointer-events: none;
    margin: 0 !important;
    z-index: 1;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

#quiz-body .img-bottom .image-widget-container {
    width: 100%;
    overflow: visible !important;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

#quiz-body .img-bottom .image-widget-container img {
    display: block;
    height: var(--img-bottom-illus-h);
    width: auto;
    max-width: 92vw;
    object-fit: contain !important;
    object-position: center bottom;
}
/* img-bottom rate component styles end */

/* side-image component styles */
.side-image-container{
    --safe-bottom: env(safe-area-inset-bottom);
    --pw-left: 0px;
    --pw-right-pad: 24px;
    --hsw-left-offset: 0px;
    --hsw-img-h: 730px;
}

.left-side-image-select.hsw-fixed .hsw-image .image-widget{
    position: fixed;
    left: calc(var(--pw-left) + var(--hsw-left-offset));
    bottom: var(--safe-bottom);
    pointer-events: none;
    margin: 0 !important;
    max-width: calc(100vw - var(--pw-left) - var(--pw-right-pad));
    overflow: hidden;
}

#quiz-body .left-side-image-select.hsw-fixed .hsw-image .image-widget-container img {
    max-width: 210px;
    height: var(--hsw-img-h);
    width: auto;
    object-fit: contain !important;
    object-position: left bottom;
    display: block;
}

/* side-image component styles ends */
#quiz-body .image-radio-widget.selected label+.image-radio-widget-selected-background:after {
    content: none !important;
}

/* iOS/Safari/FB: */
body.has-img-bottom > main > .page-wrapper{
    height: auto !important;
    overflow-y: visible !important;
}

body.has-img-bottom{
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.e-feedback-container #quiz-body .image-widget img {
    max-height: 287px;
}