/* ======================================== ** Global Style & CSS Variables Start ** ========================================   */
/* Variables */
:root {
    --myplugin-primary: #F6941F;
    --myplugin-primary-light: #FFE4B7;
    --myplugin-secondary: #0A0C1B;
    --myplugin-secondary-dark: #17182A;
    --myplugin-secondary-dark-2: #272A48;
    --myplugin-secondary-dark-3: #20223E;
    --myplugin-white: #FFFFFF;
    --myplugin-white-80: rgba(255, 255, 255, 0.8);
    --myplugin-black: #000000;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Text CSS Classes */
.myplugin-text-primary {
    color: var(--myplugin-primary);
}

.myplugin-text-white {
    color: var(--myplugin-white);
}

.myplugin-text-white-80 {
    color: var(--myplugin-white-80);
}

.myplugin-text-black {
    color: var(--myplugin-black);
}

/* Background CSS Classes */
.myplugin-bg-primary {
    background-color: var(--myplugin-primary);
}

.myplugin-bg-primary-light {
    background-color: var(--myplugin-primary-light);
}

.myplugin-bg-secondary-dark {
    background-color: var(--myplugin-secondary-dark);
}

.myplugin-bg-white {
    background-color: var(--myplugin-white);
}

.myplugin-bg-black {
    background-color: var(--myplugin-black);
}

.myplugin-bg-secondary-dark-2 {
    background-color: var(--myplugin-secondary-dark-2);
}

/* Button CSS Classes */
.mhr-btn {
    padding: clamp(14px, 1.25vw, 16px) clamp(20px, 3.25vw, 39px);
    border-radius: 30px;
    border-style: none;
    font-size: clamp(14px, 1.25vw, 17px);
    line-height: 1.43;
    font-weight: 600;
    min-height: clamp(52px, 5.75vw, 60px);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease-in-out;
    text-align: left;
    border: 1px solid transparent;
}

.mhr-btn.mhr-btn-arrow {
    grid-gap: clamp(8px, 1.05vw, 14px);
}

/* Primary Button Style */

.mhr-btn.mhr-btn-primary {
    background: linear-gradient(90deg, #FBB132 0%, #F9A027 100%);
    color: var(--myplugin-white);
}

.mhr-btn.mhr-btn-primary:hover {
    background: transparent;
    border-color: var(--myplugin-primary);
    color: var(--myplugin-white);
    transform: translateY(-4px);
}

.mhr-btn.mhr-btn-primary.mhr-btn-arrow::after {
    content: '';
    display: block;
    width: clamp(24px, 2.25vw, 28px);
    height: clamp(24px, 2.25vw, 28px);
    min-width: clamp(24px, 2.25vw, 28px);
    background: url(images/plugin-primary-btn-arrow.svg) no-repeat center / contain;
}

/* Secondary Button Style */

.mhr-btn.mhr-btn-secondary {
    background-color: var(--myplugin-white);
    color: var(--myplugin-secondary);
    border: 1px solid var(--myplugin-white);
}

.mhr-btn.mhr-btn-secondary:hover {
    background-color: transparent;
    color: var(--myplugin-white);
    transform: translateY(-4px);
}

.mhr-btn.mhr-btn-secondary.mhr-btn-arrow::before {
    content: '';
    display: block;
    width: clamp(24px, 2.25vw, 28px);
    height: clamp(24px, 2.25vw, 28px);
    min-width: clamp(24px, 2.25vw, 28px);
    background: url(images/plugin-secondary-btn-arrow.svg) no-repeat center / contain;
}

.mhr-btn.mhr-btn-secondary.mhr-btn-arrow:hover::before {
    filter: brightness(0) invert(1);
}

/* Flex CSS Classes */
.myplugin-d-flex {
    display: flex;
}

.myplugin-flex-wrap {
    flex-wrap: wrap;
}

.myplugin-justify-center {
    justify-content: center;
}

.myplugin-space-between {
    justify-content: space-between;
}

.myplugin-items-center {
    align-items: center;
}

.myplugin-items-start {
    align-items: flex-start;
}

.myplugin-flex-1 {
    flex: 1;
    width: 100%;
}

/* Position CSS Classes */
.myplugin-relative {
    position: relative;
}

/* Radius CSS Classes */
.myplugin-rounded-full {
    border-radius: 100%;
}

/* ======================================== ** Global Style & CSS Variables End ** ======================================== */
/* ======================================== ** My Plugin Box Style Start ** ========================================   */
#mhr-assessment {
    border-radius: clamp(15px, 1.4vw, 20px);
    width: calc(100% - clamp(0px, 3.65vw, 56px));
    margin-inline: auto;
}

#mhr-assessment .mhr-screen-one {
    padding: clamp(40px, 5.15vw, 90px) clamp(20px, 2.85vw, 52px);
}

/* Progress CSS Classes */

#mhr-assessment .mhr-progress {
    padding-inline: clamp(20px, 2.25vw, 34px);
    padding-top: clamp(32px, 3.57vw, 57px);
}

#mhr-assessment .mhr-progress+#mhr-form {
    margin-top: clamp(32px, 3.57vw, 57px);
}


.mhr-progress #mhr-progress-steps {
    overflow: auto;
    grid-gap: 40px;
    scrollbar-width: none;
    background-image: linear-gradient(#D9D9D9, #D9D9D9);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 2px;
}

.mhr-progress .mhr-progress-step {
    width: clamp(32px, 3.1755vw, 54px);
    height: clamp(32px, 3.175vw, 54px);
    flex-shrink: 0;
    border: 1px solid var(--myplugin-primary-light);
}

.mhr-progress .mhr-progress-step.is-active {
    background-color: var(--myplugin-primary);
    border-color: var(--myplugin-primary);
}

.mhr-progress .mhr-progress-step.is-active~.mhr-progress-step {
    background-color: #0A0C1B;
    border-color: var(--myplugin-primary);
}

.mhr-progress-step>.mhr-progress-step__dot {
    font-weight: 500;
    font-size: clamp(14px, 1.425vw, 26px);
    line-height: 125%;
}

.mhr-progress-step.is-active>.mhr-progress-step__dot,
.mhr-progress .mhr-progress-step.is-active~.mhr-progress-step>.mhr-progress-step__dot {
    color: var(--myplugin-white);
}

@media (max-width: 767.98px) {
    .mhr-progress #mhr-progress-steps {
        overflow: auto;
        grid-gap: 40px;
        scrollbar-width: none;
    }
}

/* Progress Steps CSS Classes */

.mhr-section {
    display: none;
}

.mhr-section.mhr-active {
    display: block;
}

/* ======================================== ** My Plugin Box Style End ** ========================================   */
/* ======================================== ** My Plugin First Screen Style Start ** ========================================   */
.mhr-screen-one .screen-one-row {
    grid-gap: 30px clamp(12px, 1.65vw, 30px);
    position: relative;
    z-index: 1;
}

.screen-one-row .screen-one-image-col {
    width: 35.261%;
    position: sticky;
    top: 120px;
}

.screen-one-data-col .mhr-title {
    font-size: clamp(28px, 2.85vw, 48px);
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 110.00000000000001%;
}

.screen-one-data-col :where(.mhr-subtitle, .mhr-hero-desc) {
    font-size: clamp(15px, 1.25vw, 17px);
    line-height: 1.43;
    font-weight: 300;
    color: var(--myplugin-white-80);
    margin-top: clamp(15px, 1.275vw, 20px);
    max-width: 760px;
}

.screen-one-data-col .mhr-hero-desc p+p {
    margin-top: clamp(15px, 1.275vw, 20px);
}

.screen-one-data-col .mhr-hero-desc ul {
    margin-top: clamp(20px, 2.5vw, 28px);
    display: grid;
    grid-template-columns: repeat(2, auto);
    grid-gap: clamp(16px, 2.025vw, 22px) clamp(20px, 2.15vw, 38px);
}

.screen-one-data-col .mhr-hero-desc ul li {
    line-height: 1.34;
    color: var(--myplugin-white);
    font-weight: 500;
    display: flex;
    align-items: center;
    grid-gap: clamp(10px, 1.125vw, 14px);
}

.screen-one-data-col .mhr-hero-desc ul li::before {
    content: '';
    display: block;
    width: clamp(20px, 1.75vw, 22px);
    height: clamp(20px, 1.75vw, 22px);
    min-width: clamp(20px, 1.75vw, 22px);
    align-self: flex-start;
    background: url(images/success-circle-checklist.svg) no-repeat center / contain;
}

.screen-one-data-col #mhr-start {
    margin-top: clamp(50px, 5.75vw, 76px);
}

.screen-one-image-col>img {
    object-fit: contain;
    width: 100%;
    object-position: top;
}

/* Responsive CSS */
@media (max-width: 1599.98px) {
    .screen-one-data-col .mhr-title {
        font-size: clamp(30px, 2.25vw, 40px);
    }
}

@media (max-width: 991.98px) {
    .screen-one-row .screen-one-image-col {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: -1;
    }
}

@media (max-width: 767.98px) {
    .screen-one-data-col .mhr-hero-desc ul {
        grid-template-columns: 1fr;
    }
}

/* ======================================== ** My Plugin First Screen Style End ** ========================================   */
/* ======================================== ** Plugin Others Screens Style Start ** ========================================   */
/* Form Head Style */
.mhr-form-wrapper .mhr-form-head {
    grid-gap: clamp(16px, 1.425vw, 28px);
    padding-inline: 20px;
}

.mhr-step-main>.mhr-trust__header {
    margin-top: clamp(40px, 5.75vw, 100px);
    grid-gap: clamp(12px, 1.425vw, 22px);
}

.mhr-form-head .mhr-form-head-icon,
.mhr-trust__header .mhr-trust__icon {
    --size: clamp(52px, 3.85vw, 64px);
    width: var(--size);
    min-width: var(--size);
    height: var(--size);
}

.mhr-form-head-icon>img,
.mhr-trust__header .mhr-trust__icon>img {
    max-width: clamp(24px, 1.75vw, 30px);
    object-fit: contain;
}

.mhr-form-head .mhr-form-head-icon+div,
.mhr-trust__header .mhr-trust__header-text {
    line-height: 0;
}

.mhr-form-head-data .mhr-form-head-tagline {
    font-size: clamp(15px, 1.1vw, 17px);
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: 0.02em;
}

.mhr-form-head-data .mhr-form-head-title,
.mhr-trust__header-text .mhr-trust__title {
    font-size: clamp(26px, 2.15vw, 36px);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: 0.02em;
    margin-top: 5px;
}

.mhr-form-head-data .mhr-form-head-title>span,
.mhr-trust__header-text .mhr-trust__title>span {
    color: var(--myplugin-primary);
}

.mhr-form-head-data h4,
.mhr-trust__header-text .mhr-trust__subtitle {
    font-weight: 400;
    font-size: clamp(15px, 1.1vw, 18px);
    line-height: 1.34;
    letter-spacing: 0.02em;
    margin-top: 10px;
}

@media (max-width: 1599.98px) {
    .mhr-form-wrapper .mhr-form-head {
        padding-inline: 16px;
    }
}

@media (max-width: 420.98px) {
    .mhr-form-head-data,
    .mhr-trust__header .mhr-trust__header-text {
        flex: none;
    }
}

/* Form Layout Style */
.mhr-form-wrapper>.mhr-step-layout {
    border-top: 1px solid #FFFFFF80;
    margin-top: clamp(20px, 2.15vw, 27px);
}

.mhr-step-layout .mhr-step-main {
    padding: 34px 62px 57px 19px;
    --fieldset-count: 30px;
    --fieldset-count-gap: 16px;
}

.mhr-form-wrapper>.mhr-step-layout>div+div {
    border-top: 1px solid #FFFFFF80;
}

.mhr-step-main>.mhr-hormonal-sex-note {
    font-size: clamp(15px, 1.1vw, 18px);
    font-weight: 500;
    line-height: 1.34;
}

/* Form Fieldset Style */
.mhr-hormonal-group.mhr-hidden {
    display: none;
}

.mhr-hidden {
    display: none !important;
}

.mhr-step-main>.mhr-hormonal-sex-note+.mhr-form-fieldset,
.mhr-step-main>.mhr-form-fieldset+.mhr-form-fieldset,
.mhr-step-main>.mhr-form-fieldset+.mhr-form-fields-wrap,
.mhr-step-main>.mhr-warning+.mhr-form-fieldset,
.mhr-step-main .mhr-result-panel+.mhr-form-fieldset {
    margin-top: clamp(24px,2.5vw,30px);
}

.mhr-step-main .mhr-form-fields-wrap {
    display: grid;
    grid-template-columns: 42.095% 42.095%;
    justify-content: space-between;
    align-items: flex-start;
    grid-gap: 24px 10px;
}

.mhr-form-fieldset .mhr-form-fieldset-legend {
    display: flex;
    align-items: center;
    margin: 0;
    grid-gap: var(--fieldset-count-gap);
    float: none;
}

.mhr-form-fieldset .mhr-form-fieldset-legend >.mhr-form-fieldset-legend-text {
    flex: 1 !important;
    display: inline;
}

.mhr-form-fieldset-legend .mhr-form-fieldset-legend-count {
    width: var(--fieldset-count);
    flex-shrink: 0;
    height: var(--fieldset-count);
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--myplugin-primary);
    font-weight: 600;
    font-size: clamp(13px, 1.025vw, 16px);
    line-height: 1;
    letter-spacing: 0.02em;
    color: var(--myplugin-primary);
    align-self: flex-start;
}

.mhr-form-fieldset .mhr-form-fieldset-legend-text {
    font-weight: 500;
    font-size: clamp(14px, 1.025vw, 16px);
    line-height: 1.34;
    letter-spacing: 0.02em;
}

.mhr-form-fieldset .mhr-form-fieldset-options {
    padding-left: calc(var(--fieldset-count-gap) + var(--fieldset-count));
    margin-top: clamp(12px,1.175vw,15px);
}

.mhr-form-fieldset .mhr-form-fieldset-options.mhr-radio-fieldset {
    display: grid;
    grid-template-columns: 150px 1fr;
    grid-gap: 15px 10px;
    margin-top: clamp(12px,1.175vw,15px);
    max-width: 400px;
}

.mhr-form-fieldset .mhr-form-fieldset-options.mhr-radio-fieldset.mhr-three-cols-fieldset {
    grid-template-columns: 200px 200px 1fr;
    max-width: 650px;
}

.mhr-form-fieldset .mhr-form-fieldset-options.mhr-radio-fieldset.mhr-four-cols-fieldset {
    grid-template-columns: repeat(4, auto);
    max-width: 100%;
}

.mhr-form-fieldset-options .mhr-form-fieldset-label {
    width: fit-content;
    cursor: pointer;
}

@media (max-width: 1599.98px) {
    .mhr-step-layout .mhr-step-main {
        padding: 30px 48px 48px 16px;
        --fieldset-count: 28px;
        --fieldset-count-gap: 12px;
    }
}

@media (max-width: 1399.98px) {
    .mhr-step-layout .mhr-step-main {
        padding: 30px 36px 48px 16px;
        --fieldset-count: 25px;
        --fieldset-count-gap: 8px;
    }
}

@media (max-width: 1199.98px) {
    .mhr-step-layout .mhr-step-main {
        padding: 24px clamp(16px,2.5vw,24px) 36px 16px;
    }

    .mhr-form-fieldset .mhr-form-fieldset-options.mhr-radio-fieldset.mhr-four-cols-fieldset {
        grid-template-columns: repeat(2, auto);
    }
}

@media (max-width: 991.98px) {
    .mhr-form-fieldset .mhr-form-fieldset-options.mhr-radio-fieldset.mhr-three-cols-fieldset {
        grid-template-columns: auto auto;
    }
}

@media (max-width: 767.98px) {
    .mhr-step-main .mhr-form-fields-wrap {
        grid-template-columns: 100%;
    }

    .mhr-form-fieldset-legend .mhr-form-fieldset-legend-count {
        border-width: 1px;
    }
}

@media (max-width: 480.98px) {
    .mhr-form-fieldset .mhr-form-fieldset-options.mhr-radio-fieldset,
    .mhr-form-fieldset .mhr-form-fieldset-options.mhr-radio-fieldset.mhr-three-cols-fieldset,
    .mhr-form-fieldset .mhr-form-fieldset-options.mhr-radio-fieldset.mhr-four-cols-fieldset {
        grid-template-columns: 1fr;
    }
}

/* Radio Style */

.mhr-form-fieldset-label>input[type="radio"] {
    display: none;
}

.mhr-form-fieldset-label .mhr-form-fieldset-label-text {
    font-weight: 500;
    font-size: clamp(14px, 1.025vw, 16px);
    line-height: 1.1;
    letter-spacing: 0.02em;
    display: flex;
    align-items: center;
    grid-gap: clamp(12px,1.25vw,18px);
}

.mhr-form-fieldset-label .mhr-form-fieldset-label-text::before {
    content: '';
    display: block;
    width: 24px;
    min-width: 24px;
    height: 24px;
    border: 1px solid var(--myplugin-primary);
    border-radius: 100%;
    background-color: transparent;
    transition: all .35s ease-in-out;
    box-shadow: 0 0 0 6px var(--myplugin-secondary-dark) inset;
}

.mhr-form-fieldset.mhr-radio-fieldset.mhr-error .mhr-form-fieldset-label .mhr-form-fieldset-label-text::before {
    border-color: #dc2626;
}

.mhr-form-fieldset-label>input[type="radio"]:checked+.mhr-form-fieldset-label-text::before {
    background-color: var(--myplugin-primary);
}

@media (max-width: 991.98px) {
    .mhr-form-fieldset-label .mhr-form-fieldset-label-text::before {
        width: 20px;
        min-width: 20px;
        height: 20px;
        box-shadow: 0 0 0 4px var(--myplugin-secondary-dark) inset;
    }
}

/* Checkbox Style */

.mhr-form-fieldset-options.mhr-checkbox-fieldset {
    display: grid;
    grid-template-columns: repeat(2, auto);
    grid-gap: clamp(16px,2.05vw,26px) clamp(12px,1.25vw,20px);
}

.mhr-form-fieldset-options.mhr-checkbox-fieldset.mhr-three-cols-fieldset {
    grid-template-columns: repeat(3, auto);
}

.mhr-checkbox-fieldset .mhr-form-fieldset-label>input[type="checkbox"] {
    display: none;
}

.mhr-checkbox-fieldset .mhr-form-fieldset-label>.mhr-form-fieldset-legend-text {
    font-weight: 300;
    display: flex;
    align-items: center;
    grid-gap: clamp(12px,1.25vw,17px);
}

.mhr-checkbox-fieldset .mhr-form-fieldset-label>.mhr-form-fieldset-legend-text::before {
    content: '\2713';
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(16px,1.625vw,20px);
    min-width: clamp(16px,1.625vw,20px);
    height: clamp(16px,1.625vw,20px);
    border: 1px solid var(--myplugin-primary);
    background-color: transparent;
    transition: all .2s ease-in-out;
    line-height: 1;
    font-size: 0;
    color: transparent;
    font-weight: 600;
    align-self: flex-start;
}

.mhr-checkbox-fieldset .mhr-form-fieldset-label>input[type="checkbox"]:checked+.mhr-form-fieldset-legend-text::before {
    font-size: clamp(12px, 1.025vw, 14px);
    background-color: var(--myplugin-primary);
    color: var(--myplugin-white);
}

.mhr-form-fieldset .mhr-form-fieldset-legend-text .mhr-unit-hint {
    display: block;
    margin-top: clamp(6px,0.625vw,10px);
}

.mhr-form-fieldset .mhr-form-fieldset-legend-text .mhr-unit-hint,
.mhr-form-fieldset-legend-text .fieldset-legend-inner-text {
    font-weight: 400;
    font-size: clamp(12px, 1.025vw, 14px);
    line-height: 1.53;
    letter-spacing: 0.02em;
}

.mhr-form-fieldset-legend-text .fieldset-legend-inner-text {
    margin-top: clamp(4px,0.625vw,8px);
    display: block;
}

.mhr-error .mhr-checkbox-fieldset .mhr-form-fieldset-label>.mhr-form-fieldset-legend-text::before {
    border-color: #dc2626;
}

/* Table Radio Fieldset Style */
.mhr-form-fieldset .mhr-form-fieldset-options.mhr-table-radio-fieldset {
    overflow: auto;
    scrollbar-width: thin;
    padding-left: 0;
    width: calc(100% - calc(var(--fieldset-count-gap) + var(--fieldset-count)));
    margin-left: auto;
}

.mhr-table-radio-fieldset .mhr-habits-table {
    width: 100%;
}

.mhr-table-radio-fieldset .mhr-habits-table th {
    min-width: 100px;
    text-align: center;
    width: 20%;
    font-weight: 500;
    font-size: clamp(14px, 1.025vw, 16px);
    line-height: 1.1;
    letter-spacing: 0.02em;
    background-color:var(--myplugin-secondary-dark);
}

.mhr-table-radio-fieldset .mhr-habits-table th:first-child {
    width: 40%;
    text-align: left;
    min-width:125px;
}

.mhr-table-radio-fieldset .mhr-habits-table td:not(:first-child) {
    text-align: center;
}

.mhr-table-radio-fieldset .mhr-habits-table td {
    padding-top: clamp(12px,1.25vw,20px);
    font-weight: 300;
    font-size: clamp(14px, 1.025vw, 16px);
    line-height: 1.34;
    letter-spacing: 0.02em;
    background-color:var(--myplugin-secondary-dark);
}


.mhr-table-radio-fieldset .mhr-habits-table td .mhr-form-fieldset-label .mhr-form-fieldset-label-radio {
    content: '';
    display: block;
    width: 24px;
    min-width: 24px;
    height: 24px;
    border: 1px solid var(--myplugin-primary);
    border-radius: 100%;
    background-color: transparent;
    transition: all .35s ease-in-out;
    box-shadow: 0 0 0 6px var(--myplugin-secondary-dark) inset;
}

.mhr-table-radio-fieldset .mhr-habits-table td .mhr-form-fieldset-label input:checked+.mhr-form-fieldset-label-radio {
    background-color: var(--myplugin-primary);
}

.mhr-table-radio-fieldset .mhr-habits-table.mhr-error td .mhr-form-fieldset-label .mhr-form-fieldset-label-radio {
    border-color: #dc2626;
}

.mhr-table-radio-fieldset .mhr-habits-table :where(td,th):first-child {
    position: sticky;
    left: 0;
}

@media (max-width: 991.98px) {
    .mhr-table-radio-fieldset .mhr-habits-table td .mhr-form-fieldset-label .mhr-form-fieldset-label-radio {
        width: 20px;
        min-width: 20px;
        height: 20px;
        box-shadow: 0 0 0 4px var(--myplugin-secondary-dark) inset;
    }
}

/* Result Panel Style */
.mhr-step-main .mhr-result-panel {
    background-color: var(--myplugin-secondary-dark-3);
    border: 1px solid rgb(212 215 227 / 30%);
    border-radius: 10px;
    padding: 38px 50px 45px 44px;
    --left-space: calc(var(--fieldset-count-gap) + var(--fieldset-count));
    width: calc(100% - var(--left-space));
    margin-left: auto;
    margin-top: clamp(22px, 2.25vw, 32px);
}

.mhr-result-panel .mhr-metric-result-title {
    font-weight: 500;
    font-size: clamp(15px, 1.1vw, 18px);
    line-height: 1.1;
    letter-spacing: 0.02em;
}

.mhr-result-panel .mhr-result-value {
    margin-top: clamp(22px, 1.85vw, 32px);
    font-size: clamp(22px, 1.85vw, 32px);
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 0.0em;
}

.mhr-result-panel .mhr-result-value #mhr-whr-value:empty {
    display: block;
    background: #FFFFFF;
    width: 32px;
    height: 6px;
    border-radius: 32px;
}

.mhr-result-panel .mhr-metric-extra:empty {
    display: none;
}

.mhr-result-panel .mhr-metric-extra {
    margin-top: clamp(12px,1.245vw,16px);
}

.mhr-result-panel .mhr-metric-extra ul {
    list-style: disc;
    padding-left: 22px;
}

.mhr-result-panel .mhr-metric-extra ul li {
    font-weight: 300;
    font-size: clamp(13px, 1.025vw, 15px);
    line-height: 1.1;
    letter-spacing: 0.02em;
}

.mhr-result-panel .mhr-metric-extra ul li+li {
    margin-top: 10px;
}

@media (max-width: 1599.98px) {
    .mhr-step-main .mhr-result-panel {
        padding: 32px 40px 36px 34px;
    }
}

@media (max-width: 1399.98px) {
    .mhr-step-main .mhr-result-panel {
        padding: 32px 30px 36px 24px;
    }
}

@media (max-width: 1199.98px) {
    .mhr-step-main .mhr-result-panel {
        padding: 24px 20px 24px 15px;
    }
}

/* Risk Pills Style */
.mhr-result-panel .mhr-risk-pills {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    grid-gap: 28px;
    margin-top: clamp(40px, 4.85vw, 90px);
}

.mhr-result-panel .mhr-risk-pill {
    padding: 12px 24px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 8px;
    opacity: 0.35;
    transition: all .3s ease-in-out;
    min-width: 202px;
}

.mhr-result-panel .mhr-risk-pill.is-active {
    opacity: 1;
    filter: blur(0px);
}

.mhr-result-panel .mhr-risk-pill .mhr-risk-pill__dot {
    width: 13px;
    min-width: 13px;
    height: 13px;
    border-radius: 100%;
}

.mhr-result-panel .mhr-risk-pill .mhr-risk-pill__dot+span {
    font-weight: 400;
    font-size: clamp(15px, 1.1vw, 18px);
    line-height: 1.334;
    letter-spacing: 0.02em;
    color: #fff;
}

.mhr-result-panel .mhr-risk-pill[data-risk-level="high"] {
    border: 1px solid #BA4A54;
}

.mhr-result-panel .mhr-risk-pill[data-risk-level="high"] .mhr-risk-pill__dot {
    background-color: #BA4A54;
}

.mhr-result-panel .mhr-risk-pill[data-risk-level="moderate"] {
    border: 1px solid #F3921D;
}

.mhr-result-panel .mhr-risk-pill[data-risk-level="moderate"] .mhr-risk-pill__dot {
    background-color: #F69D34;
}

.mhr-result-panel .mhr-risk-pill[data-risk-level="low"] {
    border: 1px solid #48B57C;
}

.mhr-result-panel .mhr-risk-pill[data-risk-level="low"] .mhr-risk-pill__dot {
    background-color: #48B57C;
}

.mhr-result-panel .mhr-risk-pill[data-risk-level="optimal"] {
    border: 1px solid #00b050;
}

.mhr-result-panel .mhr-risk-pill[data-risk-level="optimal"] .mhr-risk-pill__dot {
    background-color: #00b050;
}

.mhr-result-panel .mhr-risk-pill[data-risk-level="elevated"] {
    border: 1px solid #ffc000;
}

.mhr-result-panel .mhr-risk-pill[data-risk-level="elevated"] .mhr-risk-pill__dot {
    background-color: #ffc000;
}

@media (max-width: 1599.98px) {
    .mhr-result-panel .mhr-risk-pills {
        grid-gap: 20px;
    }

    .mhr-result-panel .mhr-risk-pill {
        padding: 12px 20px;
        grid-gap: 5px;
        min-width: 162px;
    }

    .mhr-result-panel .mhr-risk-pill .mhr-risk-pill__dot {
        width: 11px;
        min-width: 11px;
        height: 11px;
    }

    .mhr-result-panel .mhr-risk-pill .mhr-risk-pill__dot+span {
        font-size: clamp(14px, 1.025vw, 16px);
    }
}

@media (max-width: 1399.98px) {
    .mhr-result-panel .mhr-risk-pills {
        grid-gap: 12px;
    }

    .mhr-result-panel .mhr-risk-pill {
        padding: clamp(10px,1.175vw,12px) clamp(12px,1.25vw,15px);
        min-width: clamp(112px,17.5vw,139px);
    }

    .mhr-result-panel .mhr-risk-pill .mhr-risk-pill__dot {
        width: 9px;
        min-width: 9px;
        height: 9px;
    }
}

@media (max-width: 991.98px) {
    .mhr-form-fieldset-options.mhr-checkbox-fieldset.mhr-three-cols-fieldset {
        grid-template-columns: repeat(2, auto);
    }
}

@media (max-width: 575.98px) {
    .mhr-form-fieldset-options.mhr-checkbox-fieldset.mhr-three-cols-fieldset,
    .mhr-form-fieldset-options.mhr-checkbox-fieldset{
        grid-template-columns: 1fr;
    }
}


/* Form Input Style */
.mhr-form-fieldset-options :where(input[type="number"], input[type="email"], input[type="text"]) {
    background-color: var(--myplugin-secondary-dark-3);
    border: 1px solid rgba(212, 215, 227, 0.302);
    padding: 14px 17px;
    border-radius: 10px;
    width: 100%;
    display: block;
    font-weight: 400;
    font-size: clamp(12px, 1.025vw, 16px);
    line-height: 1.125;
    letter-spacing: 0.02em;
    color: var(--myplugin-white);
    outline: none;
    outline: none;
}

.mhr-form-fieldset-options :where(input[type="number"], input[type="email"], input[type="text"])::placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.mhr-form-fieldset-options input[type="number"]+input[type="number"],
.mhr-form-fieldset .mhr-form-fieldset-options .mhr-form-fieldset-options-item + .mhr-form-fieldset-options-item {
    margin-top: clamp(20px,2.6vw,26px);
}

.mhr-form-fieldset-options :where(input[type="number"], input[type="email"], input[type="text"]).mhr-error {
    border-color: #dc2626;
}

.mhr-form-fieldset-options input[type="number"]::-webkit-inner-spin-button,
.mhr-form-fieldset-options input[type="number"]::-webkit-outer-spin-button {
    opacity: 1 !important;
}

.mhr-form-fieldset-options .mhr-field-error,
.mhr-form-fieldset-options.mhr-error + .mhr-field-error {
    display: block;
    font-weight: 300;
    font-size: clamp(12px, 1.025vw, 14px);
    line-height: 1.34;
    letter-spacing: 0.02em;
    color: #dc2626;
    margin-top: 5px;
}

.mhr-table-radio-fieldset .mhr-habits-table.mhr-error + .mhr-field-error {
    margin-top: clamp(12px,1.6vw,16px);
}

.mhr-form-fieldset-options.mhr-error + .mhr-field-error {
    margin-top:clamp(12px,1.6vw,16px);
    padding-left: calc(var(--fieldset-count-gap) + var(--fieldset-count));
}

.mhr-field-error.mhr-hidden {
    display: none;
}

@media (max-width: 480.98px) {
    .mhr-form-fieldset-options.mhr-error + .mhr-field-error {
        padding-left: 15px;
    }
}

/* Warning Panel Style */
.mhr-step-main .mhr-result-panel+.mhr-warning,
.mhr-step-main .mhr-warning+.mhr-warning {
    margin-top: 23px;
}

.mhr-step-main .mhr-warning {
    background-color: var(--myplugin-secondary-dark-3);
    border: 1px solid rgb(212 215 227 / 30%);
    border-radius: 10px;
    padding: 21px 42px 25px 33px;
    grid-gap: 24px;
    --left-space: calc(var(--fieldset-count-gap) + var(--fieldset-count));
    width: calc(100% - var(--left-space));
    margin-left: auto;
}

.mhr-step-main .mhr-warning::before {
    content: '';
    display: block;
    width: clamp(36px,5.75vw,45px);
    min-width: clamp(36px,5.75vw,45px);
    height: clamp(36px,5.75vw,45px);
    background: url(images/mhr-warning-icon.svg) no-repeat center / contain;
}

.mhr-step-main .mhr-warning p {
    flex: 1;
    width: 100%;
    font-weight: 400;
    font-size: clamp(15px, 1.1vw, 18px);
    line-height: 1.34;
    letter-spacing: 0.02em;
}

@media (max-width: 1599.98px) {
    .mhr-step-main .mhr-warning {
        padding: 21px 32px 25px 28px;
        grid-gap:12px 18px
    }
}

@media (max-width: 1399.98px) {
    .mhr-step-main .mhr-warning {
        padding: 21px 24px 25px 20px;
    }
}

@media (max-width: 1199.98px) {
    .mhr-step-main .mhr-warning {
        padding: 18px 15px 18px 15px;
    }
}

@media (max-width: 767.98px) {
    .mhr-step-main .mhr-warning p {
        flex: none;
    }
}

@media (max-width: 480.98px) {
    .mhr-results .mhr-step-main .mhr-warning,
    .mhr-results .mhr-step-main .mhr-result-panel {
        width:100%;
    }
}

/* Back Button Style */
.mhr-step-main .mhr-nav {
    grid-gap: 34px;
    width: calc(100% - var(--fieldset-count-gap));
    margin-left: auto;
    margin-top: clamp(28px,2.5vw,42px);
}

.mhr-step-main .mhr-nav>.mhr-btn-secondary {
    padding-inline: 26px;
    flex: 1;
    max-width: 425px;
}

.mhr-step-main .mhr-nav>.mhr-btn-primary {
    padding-inline: 37px;
}

.mhr-btn-back {
    background-color: var(--myplugin-secondary-dark);
    border: 1px solid var(--myplugin-primary);
    --size: 60px;
    height: var(--size);
    width: var(--size);
    min-width: var(--size);
    transition: all .3s ease-in-out;
}

.mhr-btn-back:hover {
    background-color: var(--myplugin-primary);
    transform: translateY(-4px);
}

.mhr-btn-back>img {
    max-width: 28px;
    object-fit: contain;
    transition: all .3s ease-in-out;
}

.mhr-btn-back:hover>img {
    filter: brightness(0) invert(1);
}

@media (max-width: 1599.98px) {
    .mhr-step-main .mhr-nav {
        grid-gap: 15px;
    }

    .mhr-btn-back {
        --size: 52px;
    }

    .mhr-btn-back>img {
        max-width: 22px;
    }

    .mhr-step-main .mhr-btn {
        font-size: 15px;
        min-height: 52px;
        grid-gap: 8px;
        padding-block: 12px;
    }

    .mhr-step-main .mhr-btn.mhr-btn-arrow::before,
    .mhr-step-main .mhr-btn.mhr-btn-arrow::after {
        width: 24px;
        height: 24px;
        min-width: 24px;
    }

    .mhr-step-main .mhr-nav>.mhr-btn-secondary {
        padding-inline: 18px;
    }

    .mhr-step-main .mhr-nav>.mhr-btn-primary {
        padding-inline: 24px;
    }
}

@media (max-width: 1399.98px) {
    .mhr-step-main .mhr-nav {
        grid-gap:15px 12px;
        width: 100%;
    }

    .mhr-step-main .mhr-btn {
        font-size: 13px;
    }
}

@media (max-width: 991.98px) {
    .mhr-btn-back {
        --size: 42px;
    }

    .mhr-btn-back>img {
        max-width: 18px;
    }
}

@media (max-width: 767.98px) {
    .mhr-step-main .mhr-nav>.mhr-btn-primary {
        width: 100%;
    }

    .mhr-step-main .mhr-nav.myplugin-space-between>.mhr-btn-primary {
        flex: 1;
        max-width: 315px;    
    }
}

/* Insight Sidebar Style */
.mhr-step-layout .mhr-step-insight {
    border-left: 1px solid #FFFFFF80;
    width: 35.283%;
    padding: 66px 0 57px 0;
}

.mhr-step-layout .mhr-step-insight>.mhr-insight-rich,
.mhr-step-layout .mhr-step-insight>.mhr-insight-footer {
    position: sticky;
    top: 120px;
}

.mhr-step-layout .mhr-step-insight .mhr-insight-block {
    padding-left: 66px;
    padding-right: 50px;
}

.mhr-step-layout .mhr-step-insight .mhr-insight-block:not(.mhr-hidden)+.mhr-insight-block {
    border-top: 1px solid #FFFFFF80;
    padding-top: clamp(30px, 3.57vw, 72px);
    margin-top: clamp(30px, 3.57vw, 72px);
}

.mhr-step-insight :where(.mhr-insight-item-title, .mhr-insight-title) {
    font-size: clamp(26px, 2.15vw, 36px);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: 0.02em;
    color: var(--prTextColor);
}

.mhr-step-insight :where(.mhr-insight-item-content, .mhr-insight-content) {
    margin-top: clamp(12px,1.245vw,16px);
    font-size: clamp(15px, 1.1vw, 18px);
    line-height: 1.53;
    font-weight: 300;
    letter-spacing: 0.02em;
}

.mhr-step-insight :where(.mhr-insight-item-content, .mhr-insight-content)>p:not(empty)+* {
    margin-top: clamp(12px,1.245vw,16px);
}

.mhr-step-insight :where(.mhr-insight-item-content, .mhr-insight-content) ul {
    list-style: disc;
    /* list-style-position: inside; */
    padding-left: 40px;
}

.mhr-step-insight :where(.mhr-insight-item-content, .mhr-insight-content)>ul li+li {
    margin-top: 10px;
}

.mhr-step-insight :where(.mhr-insight-item-content, .mhr-insight-content)>ul+*:not(empty) {
    margin-top: 26px;
}

@media (max-width: 1599.98px) {
    .mhr-step-layout .mhr-step-insight {
        padding: 52px 0 45px 0;
    }

    .mhr-step-layout .mhr-step-insight .mhr-insight-block {
        padding-left: 52px;
        padding-right: 40px;
    }

    .mhr-step-insight :where(.mhr-insight-item-content, .mhr-insight-content) {
        margin-top: 12px;
    }

    .mhr-step-insight :where(.mhr-insight-item-content, .mhr-insight-content)>p:not(empty)+* {
        margin-top: 12px;
    }

    .mhr-step-insight :where(.mhr-insight-item-content, .mhr-insight-content)>ul li+li {
        margin-top: 8px;
    }
}

@media (max-width: 1399.98px) {
    .mhr-step-layout .mhr-step-insight {
        padding: 40px 0 36px 0;
    }

    .mhr-step-layout .mhr-step-insight .mhr-insight-block {
        padding-left: 40px;
        padding-right: 30px;
    }
}

@media (max-width: 1199.98px) {
    .mhr-step-layout .mhr-step-insight {
        padding: 24px 0 24px 0;
    }

    .mhr-step-layout .mhr-step-insight .mhr-insight-block {
        padding-left: 24px;
        padding-right: 20px;
    }
}

@media (max-width: 991.98px) {
    .mhr-step-layout .mhr-step-insight {
        width: 100%;
        border-left: none;
        border-top: 1px solid #FFFFFF80;
    }

    .mhr-step-insight :where(.mhr-insight-item-content, .mhr-insight-content) ul {
        padding-left: 30px;
    }
}

/* ======================================== ** Plugin Others Screens Style End ** ========================================   */
/* ======================================== ** Plugin Data Design All Screens Style Start ** ========================================   */
.mhr-step-main *+.mhr-important-notes {
    margin-top: clamp(32px,3.57vw,50px);
}

.mhr-important-notes .mhr-important-note+.mhr-important-note {
    margin-top: clamp(24px,2.5vw,36px);
}

.mhr-important-note .mhr-important-note__title {
    font-weight: 600;
    font-size: clamp(26px, 2.15vw, 36px);
    line-height: 1.1;
    letter-spacing: 0.02em;
}

.mhr-important-note .mhr-important-note__title span {
    color: var(--myplugin-primary);
}

.mhr-important-note .mhr-important-note__title+.mhr-important-note__content {
    margin-top: clamp(10px,1.175vw,14px);
}

.mhr-important-note .mhr-important-note__content {
    font-weight: 300;
    font-size: clamp(15px, 1.1vw, 18px);
    line-height: 1.55;
    letter-spacing: 0.02em;
}

.mhr-important-note .mhr-important-note__content>*+* {
    margin-top: clamp(8px,1.175vw,12px);
}

.mhr-important-note .mhr-important-note__content>ul {
    margin-top: clamp(12px,1.175vw,15px);
    list-style: disc;
    /* list-style-position: inside; */
    padding-left: 40px;
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 8px;
}

#mhr-step5-layout .mhr-important-note:first-child ul {
    grid-template-columns: 1fr;
}

.mhr-important-note .mhr-important-note__content>ul>li {
    line-height: 1.34;
}

.mhr-important-note .mhr-important-note__content>ul+* {
    margin-top: clamp(15px,1.25vw,20px);
}

@media (max-width: 767.98px) {
    .mhr-important-note .mhr-important-note__content>ul {
        grid-template-columns: 1fr;
    }

    .mhr-important-note .mhr-important-note__content>ul {
        padding-left: 30px;
    }
}

/* Final Step - Book Virtual Consultation Style */
.mhr-step-layout-bottom .mhr-trust__block+.mhr-trust__block {
    margin-top: clamp(24px,2.5vw,35px);
}

.mhr-step-layout-bottom .mhr-trust__block .mhr-trust__block-content {
    font-weight: 300;
    font-size: clamp(15px, 1.1vw, 18px);
    line-height: 1.53;
    letter-spacing: 0.02em;
}

.mhr-step-layout-bottom .mhr-trust__block .mhr-trust__block-content p+p {
    margin-top: clamp(8px,1.175vw,12px);
}

.mhr-step-layout-bottom .mhr-trust__block:not(.mhr-trust__block--follow) .mhr-trust__block-content>ul {
    margin-top: clamp(24px,2.5vw,30px);
    column-count: 2;
    column-gap: clamp(12px,1.25vw,16px);
    padding-left: 0 !important;
}

.mhr-step-layout-bottom .mhr-trust__block:not(.mhr-trust__block--follow) .mhr-trust__block-content>ul li {
    font-weight: 500;
    display: flex;
    align-items: center;
    grid-gap: clamp(10px, 1.125vw, 17px);
    margin-bottom: clamp(10px,1.175vw,14px);
    break-inside: avoid;
}

.mhr-step-layout-bottom .mhr-trust__block:not(.mhr-trust__block--follow) .mhr-trust__block-content>ul li::before {
    content: '';
    display: block;
    width: clamp(18px, 1.75vw, 22px);
    height: clamp(18px, 1.75vw, 22px);
    min-width: clamp(18px, 1.75vw, 22px);
    align-self: flex-start;
    background: url(images/success-circle-checklist.svg) no-repeat center / contain;
    margin-top: 2px;
}

.mhr-step-layout-bottom .mhr-trust__block--follow .mhr-trust__block-title {
    font-weight: 600;
    font-size: clamp(26px, 2.15vw, 36px);
    line-height: 1.34;
    letter-spacing: 0.02em;
}

.mhr-step-layout-bottom .mhr-trust__block--follow .mhr-trust__block-title>span {
    color: var(--myplugin-primary);
}

.mhr-step-layout-bottom .mhr-trust__block .mhr-trust__block-content>p {
    margin-top: 5px;
}

.mhr-step-layout-bottom .mhr-trust__block .mhr-trust__block-content>p+p {
    margin-top: 8px;
}

.mhr-step-layout-bottom .mhr-trust__block .mhr-trust__block-content ul {
    margin-top: clamp(8px,1.175vw,12px);
    column-count: 2;
    column-gap: clamp(12px,1.25vw,16px);
    list-style: disc;
    /* list-style-position: inside; */
    padding-left:40px;
}


.mhr-step-layout-bottom .mhr-trust__block .mhr-trust__block-content ul li {
    margin-bottom: 7px;
}

.mhr-step-layout-bottom .mhr-trust__block .mhr-trust__block-content ul+p {
    margin-top: clamp(16px,1.25vw,22px);
}

.mhr-step-layout-bottom .mhr-trust__block .mhr-trust__block-content ul+p+p {
    margin-top: clamp(32px,3.57vw,52px);
}

.mhr-step-layout-bottom .mhr-trust__block .mhr-trust__block-content strong {
    font-weight: 500;
}

.mhr-step-layout-bottom .mhr-trust__disclaimer {
    margin-top: clamp(32px,3.57vw,50px);
}

.mhr-step-layout-bottom .mhr-trust__disclaimer .mhr-trust__disclaimer-content {
    font-weight: 300;
    font-size: clamp(13px, 1.1vw, 16px);
    line-height: 1.43;
}

.mhr-step-layout-bottom .mhr-trust__disclaimer .mhr-trust__disclaimer-content strong {
    font-weight: 600;
}

.mhr-step-layout-bottom .mhr-trust__disclaimer .mhr-trust__disclaimer-content p+p {
    margin-top: 7px;
}

@media (max-width: 767.98px) {
    .mhr-step-layout-bottom .mhr-trust__block:not(.mhr-trust__block--follow) .mhr-trust__block-content>ul,
    .mhr-step-layout-bottom .mhr-trust__block .mhr-trust__block-content ul {
        column-count: 1;
    }

    .mhr-step-layout-bottom .mhr-trust__block .mhr-trust__block-content ul {
        padding-left: 30px
    }
}

/* ======================================== ** Plugin Data Design All Screens Style End ** ========================================   */

.mhr-step-main  .mhr-btn-skip {
    background-color: transparent;
    border-style: none;
    padding: 0;
    font-size: clamp(14px, 1vw, 16px);
    font-weight: 400;
    line-height: 1.45;
    letter-spacing: 0.02em;
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
    transition: color 0.2s ease;
    margin-top: clamp(20px,2.05vw,32px);
    display: inline-block;
    outline: none;
}

.mhr-step-main .mhr-btn-skip:hover,
.mhr-step-main .mhr-btn-skip:focus-visible {
    color: var(--myplugin-primary);
}