@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');



* {

    box-sizing: border-box;

    margin: 0;

    padding: 0;

}



:root {

    --blue: #1B3147;

    --green: #78BE20;

}



body {

    overflow-x: hidden;

    background: #fff !important;

}



button:disabled {

    background: #b2c1c5 !important;

    cursor: no-drop;

}



button:disabled {

    opacity: 0.25;

}



button:disabled:hover {

    /* background: #b2c1c5 !important; */

    cursor: no-drop;

}



.medistep_questions {

    display: none;

    transition: 1s cubic-bezier(.68, -0.55, .27, 1.55);

    flex-wrap: wrap;

    padding: 50px;

    max-width: 600px;

    margin: 0 auto;

    justify-content: center;

    /* transform: translateX(0vw);

    opacity: 1; */

    animation: animate 1s cubic-bezier(.68, -0.55, .27, 1.55);

}



@keyframes animate {

    0% {

        transform: translateX(100vw);

        opacity: 0;

    }



    100% {

        transform: translateX(0vw);

        opacity: 1;

    }

}



.medistep_questions.quest_active {

    display: block;

    display: flex;

}



@keyframes animate {

    0% {

        transform: translateX(100vw);

        opacity: 0;

    }



    100% {

        transform: translateX(0vw);

        opacity: 1;

    }

}



.ques_title {

    font-size: 32px;

    line-height: 1.2;

    color: var(--blue);

    font-family: 'Montserrat';

    font-weight: 600;

    width: 100%;

    text-align: center;

    margin-bottom: 20px;

}



.ques_fields {

    width: 100%;

    text-align: center;

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

}



.ques_field {

    width: 100%;

    display: flex;

    align-items: center;

    margin: 5px;

}



.ques_field input[type="text"],

.ques_field select {

    height: 45px;

    width: 100%;

    text-align: center;

    color: #123456;

    font-size: 18px;

    border: solid #A0ADBB;

    box-shadow: none;

    background-color: transparent !important;

    background-repeat: no-repeat !important;

    background-position: calc(100% - 10px) center !important;

    background-size: 20px !important;

    border-width: 0 0 1px 0;

    outline: none;

}



.ques_field select {

    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAAA2klEQVRoge3XSw6CMBRG4bMJG93/TnTkayIDl4MDaUII15TSZ/xPQsKAtvdLR4BSSimllFL/3Bl4AK72ICs54AlcQj6+ASMw0BbG8Z1pBK4hCw7Aa1rwBk7ZRgtvOdMxdmFNTDTC2qAGZjfC2qgkJhnC2rAEJjnC2jgnJhvCOiAHJjvCOiglphjCOjAFpjjCOngPphrCGiAGUx1hDbIF0wzCF4NpDuHbgmkW4QvBNI/w/cJ0g/CtYbpD+OZ/c8PivaW/zqDmt9DdTSxzwH16ursJpZRSSiml2uwDGiV0FVh5tIsAAAAASUVORK5CYII=") !important;

}



.ques_field select[multiple] {

    height: 140px;

    background-image: none !important;

}



.quest_action {

    width: 100%;

    text-align: center;

    margin-top: 20px;

}



.medistep_questions button:hover,

.quest_action button:hover {

    background: var(--green) !important;

    color: #fff !important;

}



.medistep_questions button,

.quest_action button {

    padding: 17px 50px;

    border: 3px solid var(--green);

    border-radius: 3px;

    font-size: 16px;

    line-height: 1.4;

    font-family: 'Montserrat';

    font-weight: 600;

    color: var(--green) !important;

    background: transparent !important;

    margin: 12px;

    position: relative;

    cursor: pointer;

    transition: 0.3s;

}



.medistep_questions button:not(:disabled):before,

.quest_action button:not(:disabled):before {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    background: var(--blue);

    top: 0;

    left: 0;

    opacity: 0;

    z-index: -1;

    transition: 0.3s;

}



.medistep_questions button:hover:before,

.quest_action button:hover:before {

    opacity: 0.3;

}



.medistep_questions button.medistep_next,

.quest_action button.medistep_next {

    background: var(--green) !important;

    border-color: var(--green) !important;

    color: #fff !important;

}



.other_field {

    display: none;

}



.ques_fields label {

    margin: 0;

    font-size: 16px;

    line-height: 1.4;

    font-weight: 400;

    color: var(--blue);

    font-family: 'Montserrat';

    width: 100%;

}



.other_field.active {

    display: block;

}



.ques_fields>label {

    margin-bottom: 10px;

}



.medistep_reset {

    padding: 17px 50px;

    border: 3px solid var(--blue);

    border-radius: 3px;

    font-size: 16px;

    line-height: 1.4;

    font-family: 'Montserrat';

    font-weight: 600;

    color: var(--blue);

    background: transparent !important;

    margin: 12px;

    position: relative;

    cursor: pointer;

    transition: 0.3s;

}



.suc_title {

    color: var(--blue);

    font-family: "Montserrat", Sans-serif;

    font-size: 45px;

    font-weight: 400;

    line-height: 1.1em;

    text-align: center;

    margin-bottom: 20px;

}



#questsuc {

    max-width: 1200px;

    text-align: center;

}



.ques_field.quest_radio_field {

    /* width: calc(50% - 10px); */

    width: max-content;

}



.ques_field.quest_radio_field label {

    --radio: 24px;

    position: relative;

    padding-left: calc(var(--radio) + 15px);

    cursor: pointer;

    text-align: left;

    /* white-space: nowrap; */

}



.ques_field.quest_radio_field label::before {

    content: '';

    position: absolute;

    width: var(--radio);

    height: var(--radio);

    border-radius: 50%;

    border: 2px solid var(--blue);

    left: 0;

    top: -2px;

}



.ques_field.quest_radio_field input {

    position: absolute;

    opacity: 0;

}



.ques_field.quest_radio_field label::after {

    content: '';

    position: absolute;

    width: calc(var(--radio) - 10px);

    height: calc(var(--radio) - 10px);

    background: var(--blue);

    border-radius: 50%;

    left: 5px;

    top: 3px;

    transition: 0.3s;

    transform: scale(0);

}



.ques_field.quest_radio_field input:checked+label::after {

    transform: scale(1);

}



.ques_field.ques_check_field {

    width: calc(50% - 10px);

}



.ques_field.ques_check_field label {

    --radio: 24px;

    position: relative;

    padding-left: calc(var(--radio) + 15px);

    cursor: pointer;

    text-align: left;

}



.ques_field.ques_check_field label::before {

    content: '';

    position: absolute;

    width: var(--radio);

    height: var(--radio);

    /* border-radius: 50%; */

    border: 2px solid var(--blue);

    left: 0;

    top: -2px;

}



.ques_field.ques_check_field input {

    position: absolute;

    opacity: 0;

}



.ques_field.ques_check_field label::after {

    content: '';

    position: absolute;

    width: calc(var(--radio));

    height: calc(var(--radio));

    background-color: var(--blue);

    border-radius: 0;

    left: 4px;

    top: 2px;

    transition: 0.3s;

    transform: scale(0);

    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAxMi4xMTZsMi4wNTMtMS44OTdjMi40MDEgMS4xNjIgMy45MjQgMi4wNDUgNi42MjIgMy45NjkgNS4wNzMtNS43NTcgOC40MjYtOC42NzggMTQuNjU3LTEyLjU1NWwuNjY4IDEuNTM2Yy01LjEzOSA0LjQ4NC04LjkwMiA5LjQ3OS0xNC4zMjEgMTkuMTk4LTMuMzQzLTMuOTM2LTUuNTc0LTYuNDQ2LTkuNjc5LTEwLjI1MXoiLz48L3N2Zz4=');

    background-size: 18px;

    background-position: center;

    background-repeat: no-repeat;

}



.ques_field.ques_check_field input:checked+label::after {

    transform: scale(1);

}



.ques_field.ques_check_field input[disabled="disabled"]+label::before {

    opacity: .5;

}



@media (max-width:767px) {

    .medistep_questions.quest_active {

        padding: 50px 15px;

    }



    .ques_title {

        font-size: 20px;

    }



    .medistep_questions button,

    .quest_action button {

        padding: 13px 40px;

        font-size: 14px;

        margin: 5px;

    }

}



.ques_fields.columns_ {

    flex-direction: column;

    align-items: center;

}



/* .ques_fields.columns_ .ques_field.quest_radio_field {width: 30%;} */













.ques_fields.row___direc .ques_field {

    width: calc(30% - 10px);

    flex-wrap: wrap;

}



.ques_fields.row___direc .ques_field select {

    background: none !important;

    padding-right: 10px;

}



.ques_fields.row___direc .ques_field label {

    margin-top: 10px;

    opacity: .5;

}



p.ques_title span {

    color: #78BE20;

    font-style: italic;

    margin-right: 5px;

    text-transform: capitalize;

}



span.weightkg {

    white-space: nowrap;

}



.genselect {

    text-align: left !important;

}



#medistep_frm .progress {

    background-color: #F2F4F6;

    border-radius: 0;

    bottom: 0;

    box-shadow: none;

    height: 30px;

    margin: 0;

    position: fixed;

    width: 100%;

    z-index: 1;

    left: 0;

}



.progress {

    height: 20px;

    margin-bottom: 20px;

    overflow: hidden;

    background-color: #f5f5f5;

    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);

    box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);

}



#medistep_frm .progress-bar {

    box-shadow: none;

    background-image: linear-gradient(45deg, #4e8926, #0f8192);

    background-position: center center;

    background-size: cover;

}



.progress-bar {

    float: left;

    width: 0;

    height: 100%;

    font-size: 12px;

    line-height: 20px;

    color: #fff;

    text-align: center;

    background-color: #337ab7;

    -webkit-box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%);

    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%);

    -webkit-transition: width .6s ease;

    -o-transition: width .6s ease;

    transition: width .6s ease;

}





/* Height range */

.wrap {

    padding: 50px 10px;

    position: relative;

    width: 100%;

}



#nlVal {

    display: inline-block;

}



#slider {

    width: 120%;

    left: -10%;

    height: 10px;

    background: lightgrey;

    border-radius: 50px;

}



#slider label {

    position: absolute;

    width: 20px;

    margin-top: 20px;

    margin-left: -10px;

    text-align: left;

    font-size: 13px;

    font-weight: 600;

}



.ui-slider-handle.ui-state-default.ui-corner-all {

    border-radius: 100%;

    background: #fff;

    border: 6px solid #123456;

    width: 20px;

    height: 20px;

    top: -5px;

    cursor: grab;

}



.ui-slider-handle.ui-state-active,

.ui-slider-handle.ui-state-hover,

.ui-slider-handle.ui-state-focus {

    border: none;

    outline: 0;

}



/*.ui-slider-handle.ui-state-active:after*/

.ui-slider-handle.ui-state-active:after {

    content: "";

    position: absolute;

    top: -54px;

    left: -16px;

    background: #fff;

    color: #fff;

    font-size: 0.7em;

    padding: 5px 8px;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    box-shadow: inset 0 0 0 12px #123456;

    animation: handle .3s;

}



@keyframes handle {

    0% {

        top: -64px;

    }



    100% {

        top: -54px;

    }

}



/*.ui-slider-handle.ui-state-active:before*/

.ui-slider-handle.ui-state-active:before {

    content: "";

    background: #123456;

    position: absolute;

    width: 20px;

    height: 20px;

    top: -30px;

    transform: rotate(45deg);

    left: -6px;

    animation: handle-ui .3s;

}



@keyframes handle-ui {

    0% {

        top: -40px;

    }



    100% {

        top: -30px;

    }

}



.alert__wrap {

    position: fixed;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.5);

    top: 0;

    left: 0;

    max-width: 100% !important;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: 0 !important;

    z-index: 1001;

    opacity: 0;

    transition: 0.3s;

    visibility: hidden;

}



.alert__wrap.active {

    opacity: 1;

    visibility: visible;

}



.alert__box {

    max-width: 600px;

    padding: 40px;

    background-color: #fff;

    width: 100%;

    text-align: center;

    background-image: url(https://medibles.io/wp-content/uploads/2021/02/Field-Gradient.png);

    background-position: center top;

    background-size: 100% 10px;

    background-repeat: no-repeat;

    opacity: 0;

    transition: 0.3s;

    transform: translateY(-50px);

}



.finalStep_wrapper .alert__box {

    background-image: none;

    max-width: 991px;

}



.finalStep_wrapper .alert__box iframe {

    width: 100%;

}



.active .alert__box {

    opacity: 1;

    transform: translateY(0px);

}



.alert__actions a {

    padding: 17px 30px;

    border: 2px solid var(--blue);

    border-radius: 3px;

    font-size: 14px;

    line-height: 1.4;

    font-family: 'Montserrat';

    font-weight: 600;

    color: var(--blue) !important;

    background: transparent !important;

    margin: 10px;

    position: relative;

    cursor: pointer;

    transition: 0.3s;

    text-decoration: none !important;

}



.alert__actions a:hover {

    background: var(--blue) !important;

    color: #fff !important;

}



.alert__actions {

    display: flex;

    justify-content: space-around;

    margin-top: 30px;

}



h3.alert__title {

    font-size: 25px;

    line-height: 1.2;

}





.medistep_questions input[type=radio]:checked {

    border: 4px solid #39414d !important;

}



.medistep_questions input[type=radio] {

    border-radius: 50%;

}



.medistep_questions input[type=checkbox],

.medistep_questions input[type=radio] {

    -webkit-appearance: none;

    -moz-appearance: none;

    position: relative;

    width: 25px !important;

    height: 25px;

    background: #fff !important;

    border: 4px solid var(--blue);

}



.medistep_questions [type=checkbox],

.medistep_questions [type=radio] {

    box-sizing: border-box;

    padding: 0;

}



.medistep_questions input[type=radio]:checked:after {

    opacity: 1;

}



.medistep_questions input[type=radio]:after {

    content: "";

    opacity: 0;

    display: block;

    left: 3px;

    top: 3px;

    position: absolute;

    width: 11px;

    height: 11px;

    border-radius: 50%;

    background: #39414d;

}



li.select2-selection__choice {

    margin: 3px;

    background-color: var(--blue) !important;

    color: #fff;

    font-size: 13px;

    padding: 5px 15px 5px 5px !important;

    border-radius: 100px !important;

    min-height: 40px;

    display: inline-flex !important;

    align-items: center;

    font-family: 'Montserrat';

}



button.select2-selection__choice__remove {

    width: 25px;

    height: 25px;

    background-color: #fff !important;

    padding: 0 !important;

    margin: 0 !important;

    border-radius: 50px !important;

    position: unset !important;

    margin-right: 5px !important;

    font-size: 20px !important;

    line-height: 1 !important;

}



.select2-container--default .select2-results__option--selected,

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {

    background-color: var(--blue);

    color: white;

    box-shadow: inset 0px -1px 0 0 #fff;

}



span.select2-selection.select2-selection--multiple {

    width: 100%;

    color: #123456;

    border: solid #A0ADBB;

    background-color: transparent !important;

    border-width: 0 0 1px 0 !important;

}



.select2-container {

    width: 100% !important;

}



.select2-results__option {

    padding: 6px 20px;

    font-family: 'Montserrat';

    font-size: 16px;

    line-height: 1.8;

    font-weight: 600;

}



span.select2-selection.select2-selection--single {

    background-color: transparent !important;

    border-width: 0 0 1px 0;

    height: auto;

    padding-bottom: 5px;

}



.ques_fields.row___direc2 .ques_field {

    width: calc(50% - 10px);

    flex-wrap: wrap;

}



input[type=search]:focus {

    outline: none;

}



.select2-search--dropdown .select2-search__field {

    width: calc(100% - 4px);

}



.select2-container {

    margin-bottom: 10px;

}



.select2-container--default .select2-selection--single .select2-selection__arrow b {

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAAA2klEQVRoge3XSw6CMBRG4bMJG93/TnTkayIDl4MDaUII15TSZ/xPQsKAtvdLR4BSSimllFL/3Bl4AK72ICs54AlcQj6+ASMw0BbG8Z1pBK4hCw7Aa1rwBk7ZRgtvOdMxdmFNTDTC2qAGZjfC2qgkJhnC2rAEJjnC2jgnJhvCOiAHJjvCOiglphjCOjAFpjjCOngPphrCGiAGUx1hDbIF0wzCF4NpDuHbgmkW4QvBNI/w/cJ0g/CtYbpD+OZ/c8PivaW/zqDmt9DdTSxzwH16ursJpZRSSiml2uwDGiV0FVh5tIsAAAAASUVORK5CYII=) !important;

    background-position: center;

    background-size: 20px;

    position: absolute;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    top: 0;

    left: 0;

    border: none;

    transition: 0.3s;

}



.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {

    transform: rotate(180deg);

}



.select2-search__field,

.select2-container .select2-selection--single .select2-selection__rendered {

    font-family: 'Montserrat';

}



.select2-container .select2-selection--single .select2-selection__rendered {

    padding-right: 8px;

}



textarea.select2-search__field {

    height: 35px !important;

    padding: 0 10px !important;

    margin: 0 !important;

    font-family: 'Montserrat' !important;

    font-weight: 500;

}



span.select2-selection.select2-selection--multiple {

    border-radius: 0 !important;

}



.select2-dropdown {

    top: 32px;

}



.select2-container--default .select2-selection--multiple .select2-selection__clear {

    top: 5px;

}



.form__header img {

    width: 180px;

    display: block;

    margin: 0 auto;

}

















/*  */

#questheight .fluid-slider {

    -webkit-appearance: none;

    width: 310px !important;

    height: 25px !important;

    background: var(--blue) !important;

    border-radius: 2px !important;

    margin: 0 -12px !important;

    position: relative !important;

    background-color: var(--blue) !important;

    left: -5px !important;

    z-index: 10;

}



#questheight .fluid-slider::-webkit-slider-thumb {

    -webkit-appearance: none;

    appearance: none;

    border-radius: 0;

    width: 20px !important;

    height: 20px !important;

    border-radius: 50%;

    cursor: pointer;

    background: #fff;

    opacity: 0.65 !important;

    border: 4px solid var(--blue) !important;

    position: relative;

    transition: all ease-in-out 0.05s;

}



#questheight .fluid-slider::-moz-range-thumb {

    -moz-appearance: none;

    appearance: none;

    border-radius: 0;

    width: 18px;

    height: 18px;

    border-radius: 50%;

    cursor: pointer;

    background: #fff;

    opacity: 0.65;

    border: 4px solid var(--blue);

    position: relative;

    transition: all ease-in-out 0.05s;

}



#questheight .fluid-slider:focus {

    outline: none;

}



/* 

.fluid-slider:active::-webkit-slider-thumb {}



.fluid-slider:active::-moz-range-thumb {} */



#questheight .fluid-slider:active+.range-label {

    visibility: visible;

    opacity: 1;

    top: -75px;

}



#questheight .fluid-slider:before,

#questheight .fluid-slider::after {

    position: absolute;

    content: '';

    width: 40px;

    opacity: 0;

    padding: 0.5em;

    background: var(--blue);

    color: #fff;

    top: 50%;

    transform: translateY(-50%);

    box-sizing: border-box;

    text-align: center;

    font-weight: bold;

    border-radius: 2px;

    font-size: 15px;

}



#questheight .fluid-slider:before {

    left: -50px;

    /* content: attr(min); */

    content: "5'0";

}



#questheight .fluid-slider:after {

    right: -50px;

    /* content: attr(max); */

    content: "6'8";

}



#questheight .range-label {

    position: relative;

    display: block;

    width: 40px;

    height: 40px;

    top: -75px;

    background: #fff;

    border-radius: 50%;

    line-height: 30px;

    text-align: center;

    font-weight: bold;

    font-size: 13px;

    transform: translateX(-50%);

    box-sizing: border-box;

    margin-left: -6px;

    border: 6px solid var(--blue);

    left: attr(value)*20;

    transition: all ease-in .0s;

    z-index: 0;

}



#questheight .range-label:after {

    position: absolute;

    content: '';

    top: 33px;

    left: 50%;

    transform: translateX(-50%);

    width: 10px;

    height: 8px;

    background-repeat: no-repeat;

    background-image: radial-gradient(circle, white 50%, transparent 50%), radial-gradient(circle, white 50%, transparent 50%), linear-gradient(var(--blue), var(--blue));

    background-size: 180% 100%, 180% 100%, 100% 100%;

    background-position: 150% 0%, -50% 0%, 100% 100%;

}



#questheight ::-moz-range-track {

    background: var(--blue);

    border: 0;

}



#questheight input::-moz-focus-inner,

#questheight input::-moz-focus-outer {

    border: 0;

}



#questheight .slider-wrapper {

    margin: 20px auto 0;

    position: relative;

}



.form_zindex.active {

    position: fixed;

    width: 100%;

    height: 100%;

    background-color: #fff;

    top: 0;

    left: 0;

    max-width: 100% !important;

    margin: 0;

    z-index: 10001;

}





#questheight input[type=range]::-webkit-slider-runnable-track {

    width: 100%;

    height: 0px;

    cursor: pointer;

    box-shadow: none;

    border: none;

}



/* input[type=range]:focus::-webkit-slider-runnable-track {

    background: #367ebd;

} */



#questheight input[type=range]::-moz-range-track {

    width: 100%;

    height: 0px;

    cursor: pointer;

    box-shadow: none;

    border: none;

}



#questheight input[type=range]::-ms-track {

    width: 100%;

    height: 0px;

    cursor: pointer;

    box-shadow: none;

    border: none;

}



#questheight input[type=range]::-webkit-slider-thumb {

    -moz-appearance: none;

    appearance: none;

    border-radius: 0;

    width: 24px !important;

    height: 24px !important;

    border-radius: 50%;

    cursor: pointer;

    background: #fff;

    opacity: 0.65;

    border: 4px solid var(--blue);

    position: relative;

    transition: all ease-in-out 0.05s;

    margin-top: -12px;

}



#questheight input[type=range]::-moz-range-thumb {

    -moz-appearance: none;

    appearance: none;

    border-radius: 0;

    width: 16px !important;

    height: 16px !important;

    border-radius: 50%;

    cursor: pointer;

    background: #fff;

    opacity: 0.65;

    border: 4px solid var(--blue);

    position: relative;

    transition: all ease-in-out 0.05s;

    margin-top: -12px;

}



#questheight input[type=range]::-ms-thumb {

    -moz-appearance: none;

    appearance: none;

    border-radius: 0;

    width: 24px !important;

    height: 24px !important;

    border-radius: 50%;

    cursor: pointer;

    background: #fff;

    opacity: 0.65;

    border: 4px solid var(--blue);

    position: relative;

    transition: all ease-in-out 0.05s;

    margin-top: -12px;

}



#questheight span.value {

    width: 40px;

    padding: 0.5em;

    background: var(--blue);

    color: #fff;

    font-weight: bold;

    border-radius: 2px;

    font-size: 15px;

}



#questheight span.value.initial {

    position: absolute;

    left: -67px;

    top: -7px;

}



#questheight span.value.final {

    position: absolute;

    right: -57px;

    top: -7px;

}



.iti {

    width: 100%;

}



.ques_field input[type="text"],

.ques_field select {

    height: 55px;

    appearance: none;

}



.iti__selected-flag {

    padding: 0 10px;

    width: 55px;

}



.iti__flag-box,

.iti__country-name {

    font-family: 'Montserrat';

}



.medistep_wrapper {

    min-height: calc(100vh - 121px);

    display: flex;

    align-items: center;

    justify-content: center;

}



a#chst_close {

    background: #78BE20 !important;

    border-color: #78BE20 !important;

    color: #fff !important;

}



.regimen_main {

    display: flex;

    flex-wrap: wrap;

    margin: -10px;

}



.regimen_div {

    width: 100%;

    box-shadow: 0 0 10px -2px #0005;

    padding: 30px 20px;

    display: flex;

    flex-wrap: wrap;

    margin: 10px;

    position: relative;

    font-family: 'Montserrat';

}



.regimen_div .title {

    font-size: 20px;

    line-height: 1.2;

    font-weight: 700;

    width: 100%;

    text-align: left;

}



.regimen_div span.amount {

    position: absolute;

    top: 30px;

    right: 20px;

    font-size: 16px;

    font-weight: 700;

}



.regimen_div .ailment {

    font-size: 14px;

}



.regimen_div .whentoTake {

    font-size: 16px;

    width: 100%;

    line-height: 1.4;

    text-align: left;

}



.whentoTake span {

    font-weight: 700;

}



.medTime {

    font-size: 17px;

    font-weight: 700;

    display: flex;

    justify-content: space-between;

    width: 100%;

    margin-top: 10px;

}



.spntim {

    font-weight: 500;

}



.pain__select {

    position: relative;

    margin-left: auto;

    margin-bottom: 15px;

    margin-right: auto;

    width: 250px;

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

}



.pain__select .selectBtn {

    padding: 10px;

    box-sizing: border-box;

    border-radius: 3px;

    width: 100%;

    cursor: pointer;

    position: relative;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background: var(--green);

    color: #ffff;

}



.pain__select .selectBtn:after {

    content: "";

    position: absolute;

    top: 45%;

    right: 15px;

    width: 6px;

    height: 6px;

    -webkit-transform: translateY(-50%) rotate(45deg);

    transform: translateY(-50%) rotate(45deg);

    border-right: 2px solid #ffff;

    border-bottom: 2px solid #ffff;

    transition: 0.2s ease;

}



.pain__select .selectBtn.toggle {

    border-radius: 3px 3px 0 0;

}



.pain__select .selectBtn.toggle:after {

    -webkit-transform: translateY(-50%) rotate(-135deg);

    transform: translateY(-50%) rotate(-135deg);

}



.pain__select .selectDropdown {

    position: absolute;

    top: 100%;

    width: 100%;

    border-radius: 0 0 3px 3px;

    overflow: hidden;

    background: var(--bg1);

    border-top: 1px solid #eee;

    z-index: 1;

    background: #fff;

    -webkit-transform: scale(1, 0);

    transform: scale(1, 0);

    -webkit-transform-origin: top center;

    transform-origin: top center;

    visibility: hidden;

    transition: 0.2s ease;

    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);

}



.pain__select .selectDropdown .dvoption {

    box-sizing: border-box;

    cursor: pointer;

    background-color: var(--green);

    color: #fff;

    display: flex;

    align-items: center;

}



.pain__select .selectDropdown .dvoption label {

    color: #fff !important;

    padding: 10px;

    text-align: center;

}



.pain__select .selectDropdown .dvoption:hover {

    opacity: .8;

}



.pain__select .selectDropdown.toggle {

    visibility: visible;

    -webkit-transform: scale(1, 1);

    transform: scale(1, 1);

}





.pain__select label:before,

.pain__select label:after {

    display: none;

}



.mediloader {

    width: 150px;

    height: 150px;

    display: inline-block;

    padding: 0px;

    border-radius: 100%;

    border: 8px solid;

    border-top-color: #78BE20;

    border-bottom-color: #78BE20;

    border-left-color: #1B3147;

    border-right-color: #1B3147;

    animation: spin 3s linear infinite alternate;

}





@keyframes spin {

    100% {

        transform: rotate(360deg);

    }

}



.mediloadermain {

    justify-content: center;

    display: none;

    align-items: center;

    flex-direction: column;

    min-height: 100vh;

}



.mediloadermain.active {

    display: flex;

}



.mediloaderHead {

    font-size: 30px;

    text-align: center;

    line-height: 1.4;

    font-weight: 700;

    font-family: 'Montserrat';

    max-width: 720px;

    margin: 0 auto 40px;

}



.alert__wrap.thmpopups .alert__box {

    max-width: 767px;

}



.alert__wrap.thmpopups .thmpopupcon {

    overflow: hidden;

    overflow-y: scroll;

    height: 290px;

    padding: 20px;

    text-align: left;

}



.alert__wrap.thmpopups .thmpopupcon::-webkit-scrollbar {

    height: 12px;

    width: 12px;

    background: #f7f7f7;

}



.alert__wrap.thmpopups .thmpopupcon::-webkit-scrollbar-thumb {

    background: var(--green);

    -webkit-border-radius: 1ex;

    border-radius: 1ex;

}



.alert__wrap.thmpopups .thmpopupcon::-webkit-scrollbar-corner {

    background: #000;

}



.clspop.popwrapclose {

    width: 20px;

    height: 20px;

    margin-left: auto;

    margin-bottom: 20px;

    margin-right: 8px;

    position: relative;

    cursor: pointer;

}



.clspop.popwrapclose::before,

.clspop.popwrapclose::after {

    content: '';

    position: absolute;

    width: 100%;

    height: 5px;

    background-color: var(--blue);

    border-radius: 10px;

    margin: 10px 0;

}



.clspop.popwrapclose::before {

    transform: rotate(45deg)
}



.clspop.popwrapclose::after {

    transform: rotate(-45deg)
}



.prvpop,

.trmpop {

    cursor: pointer;

    color: #78BE20;

}



.thmpopupcon .elementor-widget-heading .elementor-heading-title {

    color: var(--blue) !important;

}



.ques_field p {

    font-size: 18px;

}



@media (max-width:640px) {

    .medistep_wrapper {

        min-height: calc(70vh - 121px);

    }

}



select.cbd_ailments_ele {

    border: none;

}



span.heightcm {

    padding: 0.5em;

    background: var(--blue);

    color: #fff;

    font-weight: bold;

    border-radius: 2px;

    font-size: 15px;

    margin: 0 -40px 28px 0;

    width: 100px;

}













/* final Step  css STARTS */

.finalStep_wrapper {

    flex-wrap: wrap;

    align-items: stretch;

    max-width: 1200px !important;

}



.singleRecommendation {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.singleRecommendation:not(:last-child) {

    margin-bottom: 20px;

}

/* a.add__button {

    text-transform: uppercase;

    font-size: 16px;

    font-weight: 700;

} */

a.med_crt_btns {

    text-transform: uppercase;

    font-size: 14px;

    font-weight: 700;

    cursor: pointer;

    /* width:100px; */

    text-align: center;

    text-decoration: underline;

}



.recommendationSec>h2 {

    font-size: 24px;

    line-height: 1.2;

    font-weight: 700;

}



.recommendationSec>h2 {

    font-size: 24px;

    line-height: 1.2;

    font-weight: 700;

    margin-bottom: 5px;

}



.recommendationSec .catnm {

    font-size: 17px;

    line-height: 1.2;

    font-weight: 700;

    margin-bottom: 5px;

}



span.recom_price {

    font-size: 14px;

    font-weight: 600;

}



span.recom_name {

    width: calc(100% - 150px);

    font-size: 14px;

    font-weight: 600;

}



.recommendationSec {

    padding: 30px;

    padding-left: 0;

}



.recommendationWrapper {

    width: 50%;

}



.recomRightCol {

    width: 50%;

    border-left: 1px solid #000;

    margin: 20px 0;

    padding-left: 30px;

}



.recomRightCol .product-price,

.recomRightCol .product-thumbnail {

    display: none;

}



.recomRightCol table,

.recomRightCol th,

.recomRightCol td,

.recomRightCol .woocommerce-message,

.recomRightCol .woocommerce-info {

    border: none !important;

}



.recomRightCol td.product-name {

    width: 100%;

}



.recomRightCol td.product-name a {

    font-size: 12px;

    font-weight: 600;

    word-break: break-all;

}



.recomRightCol td.product-name a {

    pointer-events: none;

}



.recomRightCol .cart_totals {

    width: 100% !important;

}



.recomRightCol a.checkout-button {

    background-color: #78BE20 !important;

    display: block !important;

    margin: 0 auto !important;

    width: max-content;

}



.recomRightCol .medcartaftr {

    padding: 0.7em 1em;

    text-align: center;

}



.recomRightCol .medcartaftr p {

    font-size: 14px;

    font-weight: 600;

}



.recomRightCol .coupon {

    width: calc(100% - 44.5px - 10px);

}



.recomRightCol .coupon .button {

    background-color: #78BE20 !important;

    border-color: #78BE20 !important;

    padding-left: 20px !important;

    padding-right: 20px !important;

}



.recomRightCol .button[name="update_cart"] {

    font-size: 0 !important;

    padding: 0 !important;

    background-color: #78BE20 !important;

    border-color: #78BE20 !important;

    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xMy41IDE4Yy0uODI4IDAtMS41LjY3Mi0xLjUgMS41IDAgLjgyOS42NzIgMS41IDEuNSAxLjVzMS41LS42NzEgMS41LTEuNWMwLS44MjgtLjY3Mi0xLjUtMS41LTEuNXptLTMuNSAxLjVjMCAuODI5LS42NzIgMS41LTEuNSAxLjVzLTEuNS0uNjcxLTEuNS0xLjVjMC0uODI4LjY3Mi0xLjUgMS41LTEuNXMxLjUuNjcyIDEuNSAxLjV6bTE0LTE2LjVsLS43NDMgMmgtMS45MjlsLTMuNDczIDEyaC0xMy4yMzlsLTQuNjE2LTExaDIuMTY5bDMuNzc2IDloMTAuNDI4bDMuNDMyLTEyaDQuMTk1em0tMTIgNGgzdjJoLTN2M2gtMnYtM2gtM3YtMmgzdi0zaDJ2M3oiLz48L3N2Zz4=) !important;

    background-size: calc(100% - 14px);

    background-repeat: no-repeat;

    background-position: center;

    width: 44.5px;

    height: 44.5px;

}



.recomRightCol input#coupon_code {

    width: 145px;

}



.recomRightCol form.woocommerce-shipping-calculator {

    display: none;

}



.recomRightCol .woocommerce-notices-wrapper {

    display: none;

}



.recomRightCol p.return-to-shop {

    display: none;

}



.perReg__main {

    display: flex;

    flex-wrap: wrap;

}



.perReg__imgCol {

    width: 200px;

    margin: 10px;

}



.perReg__detCol {

    width: calc(100% - 220px - 20px);

    margin: 10px;

}



.perReg__botCol {

    width: 100%;

}



.perReg__detCol .heading_line {

    font-size: 24px;

    line-height: 1.2;

}



.perReg__botCol p {

    font-size: 16px;

    line-height: 1.4;

}



.medcartabefore {

    border-bottom: 1px solid #c3c4c5;

}



.woocommerce-cart-form .shop_table tr:not(.woocommerce-cart-form__cart-item) td {

    border-top: 1px solid #c3c4c5 !important;

}



.medcartabefore>h2 {

    text-align: center;

    font-size: 27px;

    line-height: 1;

    margin-bottom: 8px;

}



.medcartabefore>p {

    text-align: center;

    font-size: 16px;

    line-height: 1.4;

}



a.med_crt_btns {

    --size: 30px;

    width: var(--size);

    height: var(--size);

    background-position: center;

    background-repeat: no-repeat;

    background-size: calc(100% - 10px);

}



a.med_crt_btns.add__button {

    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgMmM1LjUxNCAwIDEwIDQuNDg2IDEwIDEwcy00LjQ4NiAxMC0xMCAxMC0xMC00LjQ4Ni0xMC0xMCA0LjQ4Ni0xMCAxMC0xMHptMC0yYy02LjYyNyAwLTEyIDUuMzczLTEyIDEyczUuMzczIDEyIDEyIDEyIDEyLTUuMzczIDEyLTEyLTUuMzczLTEyLTEyLTEyem02IDEzaC01djVoLTJ2LTVoLTV2LTJoNXYtNWgydjVoNXYyeiIvPjwvc3ZnPg==");

}



a.med_crt_btns.remove__button {

    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgMmM1LjUxNCAwIDEwIDQuNDg2IDEwIDEwcy00LjQ4NiAxMC0xMCAxMC0xMC00LjQ4Ni0xMC0xMCA0LjQ4Ni0xMCAxMC0xMHptMC0yYy02LjYyNyAwLTEyIDUuMzczLTEyIDEyczUuMzczIDEyIDEyIDEyIDEyLTUuMzczIDEyLTEyLTUuMzczLTEyLTEyLTEyem02IDE2LjUzOGwtNC41OTItNC41NDggNC41NDYtNC41ODctMS40MTYtMS40MDMtNC41NDUgNC41ODktNC41ODgtNC41NDMtMS40MDUgMS40MDUgNC41OTMgNC41NTItNC41NDcgNC41OTIgMS40MDUgMS40MDUgNC41NTUtNC41OTYgNC41OTEgNC41NSAxLjQwMy0xLjQxNnoiLz48L3N2Zz4=");

}



.recomRightCol .product-quantity,

.recomRightCol .product-subtotal {

    width: 0 !important;

    padding-left: 0 !important;

    padding-right: 0 !important;

}



.recomRightCol td.product-name a br {

    display: none;

}



.recomRightCol td.product-remove {

    padding-left: 0 !important;

    padding-right: 0 !important;

}



.recomRightCol a.remove {

    --size: 30px;

    width: var(--size);

    height: var(--size);

    border: none;

    color: transparent !important;

    background-position: center;

    background-repeat: no-repeat;

    background-size: calc(100% - 10px);

    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgMmM1LjUxNCAwIDEwIDQuNDg2IDEwIDEwcy00LjQ4NiAxMC0xMCAxMC0xMC00LjQ4Ni0xMC0xMCA0LjQ4Ni0xMCAxMC0xMHptMC0yYy02LjYyNyAwLTEyIDUuMzczLTEyIDEyczUuMzczIDEyIDEyIDEyIDEyLTUuMzczIDEyLTEyLTUuMzczLTEyLTEyLTEyem02IDE2LjUzOGwtNC41OTItNC41NDggNC41NDYtNC41ODctMS40MTYtMS40MDMtNC41NDUgNC41ODktNC41ODgtNC41NDMtMS40MDUgMS40MDUgNC41OTMgNC41NTItNC41NDcgNC41OTIgMS40MDUgMS40MDUgNC41NTUtNC41OTYgNC41OTEgNC41NSAxLjQwMy0xLjQxNnoiLz48L3N2Zz4=") !important;

}



.footPrintBg {

    background-position: center;

    background-repeat: no-repeat;

    background-size: 70%;

}



@media (max-width:767px) {

    #questheight .ques_field {

        flex-direction: column;

    }



    span.heightcm {

        margin: 0;

        margin-left: -10px;

    }



    #questheight .fluid-slider {

        width: 300px !important;

    }



    span.value.initial {

        left: -16px !important;

        top: 43px !important;

    }



    span.value.final {

        right: -7px !important;

        top: 43px !important;

    }



    .pregwrap .alert__box {

        padding: 40px 15px;

    }



    .alert__actions_desc {

        font-size: 13px;

        line-height: 17px;

    }

}











.regivariSec {

    width: 100% !important;

}

.regioptions .sel_grp {

    display: flex;

    flex-direction: column;

    width: 100%;

}

.regioptions .sel_grp label {

    margin-bottom: 5px;

}

.regivariSec .regioptions {

    display: flex;

    flex-wrap: wrap;

    gap: 10px;

}



.regivariSec p.vari_price {

    margin: 10px 0;

    font-size: 30px;

    font-weight: 700;

    display: flex;

}



.regivariSec select,

.regivariSec input {

    outline: none !important;

}

.regivariSec select {

    height: 50px;

    padding: 0 10px 6px;

    line-height: 1;

    border-width: 0 0 1px 0;

}

.regioptions a.vari_minus,

.regioptions a.vari_plus {

    --size: 50px;

    width: var(--size);

    height: var(--size);

    border: 1px solid #39414d;

    display: flex;

    align-items: center;

    justify-content: center;

    text-decoration: none !important;

    font-size: 18px;

    cursor: pointer;
    background-color: #fff;
    font-weight: 700;

}

.regioptions a.vari_minus:hover,

.regioptions a.vari_plus:hover,

.regioptions a.vari_minus:focus,

.regioptions a.vari_plus:focus,

.regioptions a.vari_minus:active,

.regioptions a.vari_plus:active {

    background-color: #39414d !important;

    color: #fff !important;

}



.regivariSec .quantity.buttons_added {

    display: flex;

    align-items: center;

}



.regivariSec input.vari_quantity {

    height: 50px;

    border: solid #39414d !important;

    border-width: 1px 0 !important;

    margin: 0 !important;

    max-width: 80px !important;

    text-align: center;

    /* padding-left: 24px !important; */

}



button.vari__add__button:hover {
    background-color: #78BE20 !important;
    border-color: #78BE20 !important;
}

button.vari__add__button {

    background-color: #0095C8 !important;

    border-color: #0095C8 !important;

    padding-left: 20px !important;

    padding-right: 20px !important;

    height: 50px;

    color: #fff !important;

    line-height: 1;

    padding-top: 11px;

}


.outer_pro_wrapper {
    max-width: 100%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    margin-top: 50px;
}

.outer_pro_section iframe {
    width: 530px;
    border-radius: 15px;
    height: 445px;
}

.checklayout .woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
    float: left !important;
    width: 48% !important;
}

.checklayout .woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
    float: right !important;
    width: 48% !important;
}

@media (max-width:500px) {

    .checklayout .woocommerce #content div.product div.images,
    .woocommerce div.product div.images,
    .woocommerce-page #content div.product div.images,
    .woocommerce-page div.product div.images {
        float: left !important;
        width: 100% !important;
    }

    .checklayout .woocommerce #content div.product div.summary,
    .woocommerce div.product div.summary,
    .woocommerce-page #content div.product div.summary,
    .woocommerce-page div.product div.summary {
        float: right !important;
        width: 100% !important;
    }
}

.outer_pro_main {
    text-align: center;
    min-height: auto;
    padding: 70px 0;
}

.outer_pro_main h2.heading {
    width: 100%;
}

.outer_pro_main h4.heading {
    width: 100%;
    font-style: italic;
}

.outer_pro_main p.text {
    width: 100%;
    margin-bottom: 0;
    font-weight: 500;
}

.checklayout .woocommerce-breadcrumb,
.checklayout .ast-woocommerce-container .woocommerce-message,
.checklayout .ast-woocommerce-container .woocommerce-error {
    display: none !important;
}

a.regimen_checkout:hover {
    border-color: #78BE20;
    background-color: #78BE20;
    color: #fff;
}

a.regimen_checkout[disabled] {
    opacity: 0.5;
    pointer-events: none;
}

a.regimen_checkout {
    border: 1px solid #0095C8;
    border-radius: 50px;
    padding: 10px 40px;
    font-size: 16px;
    font-weight: 600;
    background-color: #0095C8;
    color: #fff;
    cursor: pointer;
}

.express-one-page-checkout-main .cart_totals div {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.express-one-page-checkout-main .cart_totals span.right-corner {
    text-align: right;
}
.checkout-two-column-layout .two-column-layout-left {
    box-shadow: 5px 10px 12px #888888;
}



/* Chrome, Safari, Edge, Opera */
input.vari_quantity::-webkit-outer-spin-button,
input.vari_quantity::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number].vari_quantity {
  -moz-appearance: textfield;
}

#wpmenucartli {
    color: #1B3147;
}
@media (min-width: 768px) {
    #wpmenucartli {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 10px;
    }
}
@media (max-width: 767px) {
    .checkout-two-column-layout .two-column-layout-left {
        padding: 10px !important;
        margin-bottom: 20px;
    }
    .signinBtn {
        margin-left: 15px !important;
    }
    #wpmenucartli {
        padding-left: 15px;
        font-size: 14px;
    }
}
.mediloaderSubHead {
    text-align: center;
    font-family: 'Montserrat';
    font-weight: 600;
}

.form_zindex .mediloaderHead {
    max-width: 100%;
    margin-bottom: 0px;
}

.mediloader {
    margin: 20px auto;
    display: block;
}

.form_zindex.active .mediloadermain {
    display: flex;
}
.woocommerce-message a.button.wc-forward {
    display: none;
}