/* Frontend styles for the form */

.cflp-form .form-group {
    margin-bottom: 15px;
    position: relative;
}
.cflp-form .form-group label {
    display: block;
    margin-bottom: 5px;
}
.cflp-form .form-group .tooltip {
    display: inline-block;
    margin-left: 5px;
    background: #333;
    color: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
opacity: 1;
}

.sidebar-help a {
    text-transform: capitalize;
}
.sidebar-help a:hover{text-decoration:underline;}
.cflp-form .form-group .tooltip:hover::after {
    content: attr(data-tooltip);
    position: absolute;
    top: -5px;
    left: 25px;
    background: #333;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    white-space: nowrap;
    z-index: 10;
}
.cflp-form .form-control {
    width: 100%;
    padding: 10px;
    border-radius: 4px;
}
.cflp-form .btn {
    color: #fff;
    padding: 10px 15px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.cflp-form .theme-btn-3 {
    padding: 20px 45px;
    font-weight: bold;
    font-size: 12pt;
    animation: breathing 5s ease-in-out infinite;
}
body.tax-condition .theme-btn-3 {
    padding: 20px 45px;
    font-weight: bold;
    font-size: 12pt;
    animation: breathing 5s ease-in-out infinite;
}
.cflp-cart-form-data,
.cflp-checkout-form-data,
.cflp-admin-order-form-data {
    margin-top: 20px;
}
.cflp-cart-form-data h2,
.cflp-checkout-form-data h2,
.cflp-admin-order-form-data h3 {
    margin-bottom: 15px;
}
.cflp-cart-form-data ul,
.cflp-checkout-form-data ul,
.cflp-admin-order-form-data ul {
    list-style: none;
    padding: 0;
}
.cflp-cart-form-data ul li,
.cflp-checkout-form-data ul li,
.cflp-admin-order-form-data ul li {
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.cflp-form-group-hidden {
    display: none;
}

.cflp-form-group-active {
    display: block;
}
.cflp-form .cflp-form-container select {
	border: 1px solid #E0E5F5;
}


button.btn.btn-primary.cflp-next-group {

    font-weight: 600;
    padding: 10px 16px 10px 16px;
    border-radius: 50px;
    position: relative;
    text-transform: capitalize;
    display: block;
    width: 367px;
    height: 52px;
    margin: 30px 15.5%;
    color: #fff;
}
button.cflp_submit_form.btn.btn-primary {

    font-weight: 600;
    padding: 10px 16px 10px 16px;
    border-radius: 50px;
    position: relative;
    text-transform: capitalize;
    display: block;
    width: 367px;
    height: 52px;
    margin: 30px auto;
    color: #fff;
}
.form-check input[type=radio] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    opacity: 0;
    position: absolute;
    pointer-events: none;
}
.form-check.radio {
    margin-top: 20px;
    display:inline-block !important;
    min-height: 1.5rem;
   padding-left: 0px;
    padding-right: 15px;
    margin-bottom: .125rem;
background: transparent;
}

.form-check.radio label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px 10px;
    padding: 10px 40px;
    border: 1px solid;
    color: #9892B7;
    text-align: center;
    text-wrap: balance;
    min-height: 47px;
    height:100%;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 58px;
    transition: transform .2s; /* Animation */
    word-break: break-all;
}

.check-radio-group:has(.form-check.radio + .form-check.radio) .form-check.radio {
    flex: 1 0 190px;
}

.form-check.radio label:hover {
    padding: 10px 40px;
    font-weight: 400;
    background: #202C6A;
	color:#fff;
    transform: scale(1.05);
}
.form-check.radio input[type=radio]:checked ~ label {
    transform: scale(1.05);
    background: #202C6A;
	color:#fff;}


.form-control:focus {
    box-shadow: none;
    border-color: transparent;
}
label.form-check-label.has-class {
    color: #3f3864 !important;
    background: #fff !important;
}
input[type="text"].has-content {
    background-color: #fff;
    color: #3f3864;
    border-color: transparent;
}
/* Add this to your frontend CSS file */
form.cflp-form .progress-bar-container {
    width: 342px;
    background-color: rgba(225, 249, 252, 0.4);
    margin-bottom: 40px;
    height: 11px;
    border-radius: 15px;
    overflow: hidden;
    margin-left: 15%;
}

form.cflp-form .progress-bar {
    width: 0;
    height: 100%;
    background-color: #3f3864 !important;
    transition: width 0.3s;
border-radius: 15px;
}
form.cflp-form .check-radio-group {
   float: right;
    margin-top: -6px !important;
}
.page-template-consultation form.cflp-form .check-radio-group{
    float: unset;
}
p.fields-description {
    text-align: center;
}
p.form-term {
   font-size: 15px;
    text-align: center;
    width: 80%;
    margin-left: 10%;
    /* padding: 0 42px; */
    font-weight: 400;
    line-height: 21.6px;
    color: rgba(63, 56, 100, 0.5);
}
form.cflp-form .paragraph-text {
    padding: 0 42px;
    font-size: 16px;
    font-weight: 400;
    line-height: 21.6px;
    text-align: center;
    color: rgba(63, 56, 100, 0.5);
}

p.form-term a {
    text-decoration: underline;
color: rgba(63, 56, 100, 0.5);
}
.col-xs-12.col-sm-12.col-md-8.col-lg-5.align-self-center.mb-5 {
    z-index: 9999;
}
label.form-check-label i.fa {
    font-weight: bold;
    font-size: 18px;
}
button.cflp-prev-group {
    color: rgba(63, 56, 100, 0.5);
    background: transparent;
    border: none;
    font-size: 17px;
    margin-left: 32%;
}

button.cflp-prev-group i.mx-2.fa.fa-arrow-left {
    color: rgba(63, 56, 100, 0.5);
    background: transparent;
}
.checkbox-group {
    justify-content: center !important;
    gap: 0px 10px;
    display: revert;
    margin-top: -6px !important;
}

.checkbox-group .form-check {
    margin-top: 20px;
    display: block;
    min-height: 1.5rem;
    padding-left: 1em;
    margin-bottom: .125rem;
    background: transparent;
}

.checkbox-group label.form-check-label {
    /*display: inline-block;*/
    padding: 10px 40px;
    border: 0px;
    color: #9892B7;
    text-align: left;
    /* min-height: 58px; */
    display: flex;
    align-items: flex-start;
    gap: 0px 10px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 58px;
    transition: transform .2s;
    overflow-wrap: break-word;
    word-break: break-word;
}

.checkbox-group label.form-check-label input[type="checkbox"] {
    margin-top: 0px;
}

:is(.woopw-form-wrapper) .checkbox-group label.form-check-label {
    color: inherit;
}
input.form-control.custom-textfield, .cflp-form select, .cflp-form textarea {
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.8);
}
textarea.form-control.custom-textarea {
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.8);
}
.error {
    color: #e59eb6;
}
button.btn.btn-primary.cflp-next-group:focus {
    box-shadow: none;
}
.restriction-message * {
	color: #ff0000;
}
.single-product .cart .form-content .fields-content textarea.form-control,
.page-template-consultation .cflp-form .form-content .fields-content textarea.form-control,
.woocommerce-practitioner-orders #practitioner-order-prescription-modal .order-note-form textarea.form-control{
    overflow-y: auto;
    height: 100px;
}
.checkbox-group .form-check input[type="checkbox"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: #fff;
  /* Not removed via appearance */
  /* margin: 0; */
  font: inherit;
  color: #fff;
  width: 1.4em;
  height: 1.4em;
  border: 0.15em solid #E0E5F5;
  /* transform: translateY(-0.075em); */
  display: grid;
  place-content: center;
}

.checkbox-group .form-check input[type="checkbox"]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: none;
  /* Windows High Contrast Mode */
  background-color: var(--cf-form-border-radius-color, #ff94d5);
}

.checkbox-group .form-check input[type="checkbox"]:checked::before {
  transform: scale(1);
}

.checkbox-group .form-check input[type="checkbox"]:focus {
  outline: none;
    outline-offset: 0;
    box-shadow: none;
}

button.cflp_submit_form.btn.btn-primary.theme-btn-3:focus {
    box-shadow: none;
}




.floating-label-effect+.floating-label {
    position: absolute;
    top: 0;
    left: 30px;
    display: inline-block;
    width: auto;
    max-width: calc(100% - 70px);
    margin: 0;
    padding: 0;
    font-size: 18px;
    transition: all .3s ease;
    color: rgba(40,40,50,.6);
    z-index: 3;
    height: 60px;
    display: flex;
    align-items: center;
    font-weight: 400;
    line-height: normal;
    pointer-events: none
}
.cflp-form .bmi-options-input {
	display: flex;
	align-items: center;
}
.cflp-form .bmi-options-input label {
	margin-bottom: 0;
}
.cflp-form .bmi-options-input input {
	margin-right: 5px;
}

@media(max-width: 33.74em) {
    .floating-label-effect+.floating-label {
        height:60px;
        font-size: 16px
    }
}

.floating-label-effect:focus {
    background: #fff
}

.floating-label-effect:not(:-moz-placeholder-shown) {
    border-color: transparent
}

.floating-label-effect:not(:placeholder-shown) {
    border-color: transparent
}

.floating-label-effect:not(:-moz-placeholder-shown)+.floating-label {
    font-size: 12px;
    padding: 0;
    top: 12px;
    z-index: 4;
    height: 14px;
    width: -moz-fit-content;
    width: fit-content
}

.floating-label-effect:focus+.floating-label,.floating-label-effect:not(:placeholder-shown)+.floating-label {
    font-size: 12px;
    padding: 0;
    top: 12px;
    z-index: 4;
    height: 14px;
    width: -moz-fit-content;
    width: fit-content
}

.floating-label-effect:not(textarea) {
    max-height: 60px
}

.floating-label-effect::-moz-placeholder {
    color: transparent
}

.floating-label-effect::placeholder {
    color: transparent
}

.floating-label-effect:disabled~.floating-label,.floating-label-effect:disabled~.label-icon-left,.floating-label-effect:disabled~.label-right,.floating-label-effect:disabled~.label-right .label-txt {
    z-index: 5!important;
    opacity: .6
}

  .label-switch {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    float: right;
}


.label-switch .switch-container {
    display: flex;
    align-items: center
}

.label-switch .switch-container .switch {
    display: none
}

.label-switch .switch-container .switch-track {
    position: relative;
    cursor: pointer;
    margin: 0;
    display: flex;
    align-items: center
}

.label-switch .switch-container .switch-track .switch-rail {
    transition: all .2s ease-in-out;
    position: relative;
    width: 50px;
    height: 24px;
    background: #e2ded9;
    border-radius: 50px;
    overflow: hidden
}

.label-switch .switch-container .switch-track .switch-rail .switch-slider {
    transition: all .2s ease-in-out;
    position: absolute;
    top: 3px;
    left: 4px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: rgb(63 56 100);
}

.label-switch .switch-container .switch:checked~.switch-track .switch-rail {
    transition: all .2s ease-in-out;
    background: #3f3864
}

.label-switch .switch-container .switch:checked~.switch-track .switch-rail .switch-slider {
    transition: all .2s ease-in-out;
    transform: translateX(24px);
    background: #fff
}


.label-switch.label-inside .switch-rail {
    margin: 0 5px
}

.label-switch.dual-active .switch-container .switch-track .switch-rail {
    background: #f4f8fa;
}


.label-switch .inner-label.label-after,.label-switch .switch:checked~.switch-track .label-befor {
    color: rgba(40,40,50,.6)
}

.label-switch .switch:checked~.switch-track .label-after {
    color: #282832
}

.label-switch.theme-light .switch-container .switch-track .switch-rail {
    background: #fff
}

.label-switch.theme-light .switch-container .switch:checked~.switch-track .switch-rail {
    background: #282832
}
.separator-line {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #c1b6a8;
    margin: 30px 0
}

.d-inline-block {
    display: inline-block!important
}

.d-inline-flex {
    display: inline-flex
}

.d-flex {
    display: flex
}


.flex-wrap {
    flex-wrap: wrap
}

.form-group {
    position: relative
}

.form-group.date-input .form-control {
    padding: 30px 20px 15px 45px
}


.form-group.textarea-normal .form-control {
    padding: 20px 50px 20px 20px
}
.form-group.input-medium .floating-label-effect+.floating-label,.form-group.input-medium .form-control {
    height: 46px
}

.form-group.input-medium .floating-label-effect:not(:-moz-placeholder-shown)+.floating-label {
    height: 22px;
    top: 2px
}

.form-group.input-medium .floating-label-effect:focus+.floating-label,.form-group.input-medium .floating-label-effect:not(:placeholder-shown)+.floating-label {
    height: 22px;
    top: 2px
}

.form-group.input-medium .label-icon-left,.form-group.input-medium label .label-txt {
    height: 46px
}

.form-control {
    background: #fff;
    border-radius: 100px;
    font-size: 18px;
    line-height: 100%;
    line-height: 1.12;
    border: 1px solid transparent;
    display: block;
    width: 100%;
    color: #282832;
    min-height: 60px;
    position: relative;
    z-index: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

:is(.woopw-form-wrapper) .form-control {
    border-radius: 18px;
}

.form-control,.form-control.floating-label-effect {
    padding: 28px 28px 15px 25px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.8);
}

.form-control.floating-label-effect::-moz-placeholder {
    color: transparent
}

.form-control.floating-label-effect::placeholder {
    color: transparent
}

.form-control:not(textarea) {
    max-height: 60px
}

textarea.form-control {
    text-wrap:auto;
}

.form-control:disabled {
    cursor: no-drop;
    opacity: .6;
    border-color: hsla(0,0%,100%,0)!important
}

.joint-input {
    justify-content: space-between;
    width: 94%;
}



.joint-input .form-group:first-child .form-control {
    border-radius: 100px 0 0 100px
}

.joint-input .form-group:last-child .form-control {
    border-radius: 0 100px 100px 0;
    margin-top: 10px;
}

.joint-input .form-group+.form-group {
    margin-left: 1px
}

.form-left-icon .form-control {
    padding-left: 45px
}
label.lable-left.floating-label {
    display: flex;
    margin-top: 2px;
}
.height-weight-UI.text {
    margin-top: 10%;
    padding: 10px 2px 10px 0;
    margin-top: 33px;
    margin-bottom: 0px;
    margin-right: 0%;
}
label.lable-left.floating-label.second.option {
    margin-top: 0px;
}
 .height-weight-UI.multiple-text {
    display: inline-block;
    float: inline-end;
    padding: 10px 2px 10px 0px;
    margin-top: 10px;
    margin-bottom: 10px;
margin-right: 1px;
}
.height-weight-switch {
    padding: 1px 31px 0 50px;
}
fieldset.cflp-form-group.cflp-form-group-active .form-control:focus {
    box-shadow: none;
    border-color:none;
}

.weight-block .height-weight-UI.multiple-text label.lable-left.floating-label {
    margin-top: 0px !important;
}

.height-weight-UI .joint-input .d-flex {
    display: flex !important;
    justify-content: center;
    margin: 0 auto;
    align-items: center;
}

.height-weight-UI .joint-input{width:100%}

.height-weight-switch {
    padding: 0px;
}

.form-control, .form-control.floating-label-effect {
    border-radius: 100px;
    margin-top: 10px;
}
button.btn.btn-primary.cflp-next-group {
    width: 80%;
    margin: 30px auto;
}
.height-weight-UI.multiple-text {    float: none;}

:is(.cflp-form, .woopw-form-wrapper) .form-group {
    width: 100%;
    border: 1px solid var(--cf-form-border-radius-color);
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: var(--cf-form-border-radius);
    display: flow-root;
	background-color:#fff;
}
.height-weight-UI.multiple-text {
    width: 100%;
}
.height-weight-UI.multiple-text {
    margin-bottom: 0px;
}

.check-radio-group .form-check.radio {
    margin-top: 6px;
}

@media only screen and (max-width: 600px) {
/* .form-check.radio label {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 40px;
    border: 0px;
    font-weight: 400;
    text-align: center;
    min-height: 54px;
    gap: 0px 10px;
    max-width: 270px;
    background: #FFFFFFE5;
    border-radius: 58px;
    transform: scale(1.05);
    margin-inline: auto;
}
.form-check.radio label:hover {
    background: #FFFFFFE5;
    border-radius: 58px;
    transform: scale(1.05);
}
form.cflp-form .paragraph-text {
    padding: 0 0px;
    font-size: 17px;
    font-weight: 400;
    line-height: 21.6px;
    text-align: center;
    color: rgba(63, 56, 100, 0.5);
} */
}
span.count-group, span.sidebar-count-group {
    width: 35px;
    height: 35px;
    gap: 20px;
    background: var(--cf-number-bg-color);
    border-radius: 20px;
    font-size: 24px;
    color: var(--cf-number-text-color);
    margin-right: 10px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}
.sidebar-item.completed span.sidebar-count-group {
    position: relative;
}
.sidebar-item.completed.cflp-v2-complete-step span.sidebar-count-group::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 14px;
    height: 11px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5.5l4 4L13 1' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.form-sidebar .sidebar-back {
    background: #F9F9FF;
    padding: 24px 30px 2px 30px;
	border-radius:30px
}
.sidebar-button {
    width: 235px;
    height: 47px;
    margin-top: 8px;
    padding: 9px 14.4px 9px 14.4px;
    gap: 9px;
    border-radius: 27px;
    border: transparent;
	display: block;
    opacity: .5;
}

.sidebar-button::after {
    margin-left: 20px; /* Adjust the spacing as needed */
    font-size: 16px;   /* Adjust the size as needed */
    color: #fff;
}

.cflp-form-container .form-sidebar li.active {
    color: #202C6A;
    opacity: unset;
    opacity: 0.6;
}
.cflp-form-container .form-sidebar li.active.completed{
    opacity: 1;
}
.cflp-form-container .form-sidebar li {
    color: #202C6A;
    opacity: 0.6;
	padding-left: 0px;
}
.cflp-form-container .form-content.col-md-9 {
    border: none !important;
}
.cflp-form-container div:is(.form-group-wrapper, .form-description-wrapper) {
    border: var(--cf-form-border) solid var(--cf-form-border-radius-color);
    border-radius: var(--cf-form-border-radius);
    width: 100%;
    margin-bottom: 2%;
	padding: 24px 30px;
}
.form-description-wrapper  > *:last-child {
    margin-bottom:0;
}
.cflp-form-container.container-fluid {
    width: 100%;
}
.form-sidebar ul {
    list-style: none;
    padding: 0;
}

.form-sidebar li {
    display: flex;
    padding: 10px;
    cursor: pointer;
    line-height: 1.5;
}
a.sidebar-cancle-assesment {
 border: 1px solid var(--cf-cancel-button-color, #fdbce6);
    color: var( --cf-cancel-button-color);
    display: block;
    width: 100%;
    margin-top: 20px;
    margin-left: 0px;
    padding:10px 25px 10px 25px;
    text-align: center;
    border-radius: 30px;
}
a.sidebar-cancle-assesment:hover{
	color:var(--cf-hover-color);
	background-color: var( --cf-cancel-button-color)}

.checkbox-group label.form-check-label.has-class input.form-check-input{
    border:2px solid var(--cf-form-border-radius-color, #ff94d5);
}
#submitBtn i{
margin: 0 0 0 6px;
}
p.sidebar-help {
    font-size: var(--cf-need-help-text-size);
    padding: 9px 0px;
    text-align: left;
    margin-top: 9px;
    line-height: 25px;
    margin-left: 0;
    display: inline-flex;
    justify-content: center;
	    color: var(--cf-need-help-color);
    align-items: center;
    gap: 10px;
}

/* Disabled state for form group title and sidebar item */
.form-group-title.disabled,
.sidebar-item.disabled {
    pointer-events: none; /* Prevent clicking */
    opacity: 0.5; /* Make it look visually inactive */
}

/* Active group styling */
.form-group-title {
    display: flex;
    cursor: pointer;
    align-items: flex-start;
	margin-bottom: 0px;
	color: var(--cf-text-color);
	font-size: var(--cf-form-heading-font-size);
}

.form-group-title.active {
    font-weight: bold;
}

.hidden-fields {
    display: none;
}

.active-fields {
    display: block;
}
.content-wrapper.section-title.text-center h4.mb-3 {
    text-align:left;
    margin-left:12px
}
i.fa.fa-question {
    border: 1px solid var(--cf-form-border-radius-color, #ff94d5);
    color: var(--cf-form-border-radius-color, #ff94d5);
    border-radius: 50%;
    font-size: 12px;
    min-width: 34px;
    min-height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.form-check .form-check-input {
    float: left;
    margin-left: -1.8em;
}
input.form-control.custom-textfield {
    padding: 5px 15px;
    border: 1px solid #E0E5F5;
    width: 98%;
	margin: 0 auto;
}
input.form-control.custom-textfield:focus {
    outline: 0;
    box-shadow: none;
}

.woocommerce-order-received #consultation-patient-modal  .prescription-patient-data .patient-row .user-sub-detail * {
    text-align: left !important;
}

form.cflp-form ul#formSidebar li.sidebar-item::before {
    display:none;
}
button#submitBtn:disabled {
    cursor: not-allowed;
    animation: none;
}

.form-sidebar {
    position: relative;
}


button#submitBtn {
    color: #fff;
	font-size:var(--btn-font-size) !important;
    text-transform: capitalize;
}

button.sidebar-button:not([disabled]) {
    color: #fff !important;
    font-size: var(--btn-font-size) !important;
    padding: 10px 25px 10px 25px !important;
    border-radius: var(--btn-radius) !important;
    text-transform: capitalize !important;
    opacity: 1;
}

button.sidebar-button {
    width: 100%;
}

.stop-sticky {
    position: absolute;
    bottom: 0; /* Reset top to prevent overlap */
}

/* new css code */


.form-control{
	min-height: 44px;
}
.file-input-wrapper .cflp-file-input{
    min-height: 33px;
    padding: 6.5px 11px;
}
.content-wrapper.section-title.text-center h4.mb-3, .cflp-form label h4 {
    font-size: 16px;
    color: #202C6A;
	line-height: 1.65em;
	display: block;
	width: 100%;
	max-width: 100%;
	white-space: normal;
	text-wrap: wrap;
	word-break: normal;
	overflow-wrap: normal;
}

.content-wrapper.section-title.text-center h4.mb-3 span.question-pointer {
    font-weight: bold;
    margin-right: 5px;
}

.checkbox-group .form-check ~ .form-check {
    margin-top: -10px;
}
.checkbox-group .form-check{
	padding-left: 0px;
}
:is(.cflp-form, .woopw-form-wrapper) .form-group {
    padding: 20px;
	margin-top: 25px;
}

.deactive-group {
    background-color: #F9F9FF;
}
.cflp-form .form-group.dsl-field-wrapper {
	position: relative;
	overflow: hidden;
	border: 1px solid #ff000042;
	opacity: 0.3;
	cursor: no-drop;
}
.cflp-form .form-group.dsl-field-wrapper:before {
	position: absolute;
	content: '';
	background: #b9b9b9;
	opacity: 0.3;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 2;
}

#formSidebar span.sidebar-title {
    font-size: var(--cf-form-heading-font-size);
    font-weight: var(--header2-font-weight);
    flex: 1;
}

figure .disabled {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .4);
    place-content: center;
    padding: 1rem;
    border-radius: var(--card-radius);
    color: #fff;
    font-size: 2rem;
}

.custom-date-input {
    display:flex;
    gap:.5rem;
}

.custom-date-input select {
    min-width: calc(9ch);
    width: auto;
}

:is(.woopw-form-wrapper) a.theme-btn-gradient {
    display: flex !important;
    animation: pulsed 1.5s infinite;
}

:is(.woopw-form-wrapper) a.theme-btn-gradient.collapsed i {
    transform: rotate(0deg);
    transition: all ease-in-out .2s;
}

:is(.woopw-form-wrapper) a.theme-btn-gradient:not(.collapsed) i {
    transform: rotate(90deg);
}

@media only screen and (min-width: 992px) {
    :is(.woopw-form-wrapper) a.theme-btn-gradient {
        max-width: 50%;
        text-align: center;
    }
   
    
}

@media only screen and (max-width: 992px) {
    .single-product .cart .form-content .fields-content textarea.form-control,
    .page-template-consultation .cflp-form .form-content .fields-content textarea.form-control,
    .woocommerce-practitioner-orders #practitioner-order-prescription-modal .order-note-form textarea.form-control{
        height: 125px !important;
    }

}
@media only screen and (max-width:800px) {
    .mobile-only-table-heading {
		display: inline-block !important;
	}
}
@media only screen and (max-width:767px) {
    .single-product .cart .form-content .fields-content textarea.form-control,
    .page-template-consultation .cflp-form .form-content .fields-content textarea.form-control,
    .woocommerce-practitioner-orders #practitioner-order-prescription-modal .order-note-form textarea.form-control{
        height: 125px !important;
    }
    .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
        text-align: left !important;
    }
    .woocommerce table.shop_table_responsive tr td a.theme-btn-secondary, .woocommerce-page table.shop_table_responsive tr td a.theme-btn-secondary,
    .woocommerce table.shop_table_responsive tr td .order-status, .woocommerce-page table.shop_table_responsive tr td .order-status
    {
        text-align: center !important;
    }
    .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before{
        padding-right: 4px;
    }
}

@media only screen and (max-width:576px) {

    .single-product .cart .form-content .fields-content textarea.form-control,
    .page-template-consultation .cflp-form .form-content .fields-content textarea.form-control,
    .woocommerce-practitioner-orders #practitioner-order-prescription-modal .order-note-form textarea.form-control{
        height: 175px !important;
    }

    #consultationform form.cflp-form .check-radio-group{
        float: unset !important;
    }
    #consultationform .check-radio-group .form-check.radio{
        display: block !important;
    }
}
.close-btn {
	height:2rem;
	width: 2rem;
	top:0;
	right:1rem;
}
:is(.close-btn, .delete-btn) {
	background: #cc0000;
	color: #fff !important;
}
:is(.close-btn, .delete-btn):is(:hover,:focus) {
	background: #bd2130;
	color: #fff !important;
}
.circle {
	border-radius: 100%;
}

.cflp-form-container .checkbox-group .form-check input[type="checkbox"]:focus {
    border: 2px solid var(--cf-form-border-radius-color, #ff94d5);
}
.cflp-form-container .form-check-input:focus + .form-check-label {
    transform: scale(1.05);
    color: #202C6A;
    border: 2px solid #202C6A;
}

.page-template-pgd-form-php .section-padding{
    padding-bottom: 50px;
}

.page-template-pgd-form-php #consultationform.section-padding{
    padding-top: 0px;
    padding-bottom: 100px;
}

.page-template-pgd-form-php #consultationform .cflp-form-container .form-content.col-md-8{
    padding-left: 0px;
}

.risk-1{
    color: rgb(0, 0, 0) !important;
}
.risk-2{
    color: rgba(250, 79, 12, 0.847) !important;
}
.risk-3{
    color: rgba(80, 146, 80, 0.847) !important;
}
.risk-4{
    color: rgba(246, 232, 41, 0.847) !important;
}

.order-list-risk {
    text-align: center;
    color:#000 !important;
    padding: 8px 10px;
    border-radius: var(--btn-radius);
}

#practitioner-order-prescription-modal .risk-label-wrap{
    display: inline-grid;
    grid-auto-flow: column;
    align-items: center;
    gap: 8px;
}
#practitioner-order-prescription-modal .fa-flag{
    width: 16px;
    height: 16px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
}
#practitioner-order-prescription-modal .risk-label {
    min-width: 60px;
    text-align: left;
}

.term-recommended-title{
    margin-bottom: 30px !important;
}

#recommended_products{
    padding-bottom: 0px;
}

.woocommerce-review-orders-table .woocommerce-orders-table__cell-order-risk{
    width: 155px;
}
form#pre-screen-images .form-control {
    min-height: auto;
    height: auto !important;

}
.prescription-patient-data .patient-row .pm-answer-row {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 6px;
    padding: 0px 22px;
    align-items: flex-start;
}
.prescription-patient-data .patient-row .user-sub-detail {
    font-size: 14px;
    color: #334155;
    flex: 1 1 auto;
    min-width: 0;
}

.sidebar-button.contactus-sidebarlink{
   border-radius: 27px;
    padding: 4px 15px 4px 15px;
    display: inline;
    color: white;
    font-size: 13px;
    background: var(--theme-btn-primary-color) !important;
    color: var(--theme-primary-btn-txt-color) !important;
}
.sidebar-button.btn-contact{
    border-radius: 27px;
    padding: 9px 15px 9px 15px;
    display: inline;
    color: white;
    height:47px;
    font-size: 13px;
    background: var(--theme-bg-gradient, linear-gradient(95.95deg, #E9E9FF -0.46%, #FEEAEB 88.47%));
}

.prescription-patient-data.patient-consultation .patient-row .q-field-label p {
    font-size: 0.875em;
    font-weight: 400;
}
@media only screen and (min-width: 992px) {
    .prescription-patient-data.patient-consultation .patient-row .q-field-label p {
        text-align: left;
    }
}
  #consultationform .check-radio-group {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
   }

    /* Default auto */
    #consultationform .form-check.radio {
        flex: 0 0 auto;
    }

    /* Only long-text groups */
    #consultationform .check-radio-group.full-width .form-check.radio {
        flex: 0 0 100%;
        max-width: 100%;
    }


    .woopw-group-score-msg{
        margin-top: 18px;
        padding: 14px 16px;
        border-radius: 18px;
        background: #25476236;
        color: var(--cf-text-color);
    }

/* ── Patient consultation: group header layout ── */

.patient-group-title {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
}

.patient-group-left {
	flex: 1;
	min-width: 0;
	text-align: left;
}

.patient-group-score-wrap {
	margin-top: 4px;
}

.patient-group-score {
	margin: 0;
	font-size: 0.9em;
}

.patient-group-risk {
	flex-shrink: 0;
	font-weight: normal;
	font-size: 0.9em;
	white-space: nowrap;
	text-align: right;
}

/* ── Consultation group separation ── */

/* Div-based groups (patient-order-consultation.php) */
.woopw-consultation-group {
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	margin-bottom: 20px;
	padding: 12px 16px;
	background: #fff;
}

/* Table-based groups (admin views) — card look matching div version */
.woopw-consultation-table {
	border-collapse: separate !important;
	border-spacing: 0 !important;
	width: 100%;
}

/* All cells inside a group: left + right border only */
.woopw-consultation-table .woopw-consultation-group-body tr th,
.woopw-consultation-table .woopw-consultation-group-body tr td {
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	border-top: none;
	border-bottom: none;
}

/* Group header row: full border + blue-tinted background, square corners */
.woopw-consultation-table .woopw-group-header-row th {
	background: #f0f4ff;
	border: 1px solid #e0e0e0;
	border-bottom: 2px solid #dde3f0;
	padding: 10px 14px;
	font-weight: 700;
}

/* Last row in a group: bottom border */
.woopw-consultation-table .woopw-consultation-group-body tr:last-child th,
.woopw-consultation-table .woopw-consultation-group-body tr:last-child td {
	border-bottom: 1px solid #e0e0e0;
}

/* Gap between consecutive groups — thick top border acts as a separator */
.woopw-consultation-table .woopw-consultation-group-body + .woopw-consultation-group-body .woopw-group-header-row th {
	border-top: 20px solid #f0f0f0 !important;
}

/* Shared header inner layout (used in both div and table views) */
.woopw-group-header-inner {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
}

.woopw-group-header-left {
	flex: 1;
	min-width: 0;
	text-align: left;
}

.woopw-group-title-text {
	font-weight: 700;
}

.woopw-group-score-line {
	font-size: 0.9em;
	margin-top: 4px;
	font-weight: normal;
}

.woopw-group-risk-badge {
	flex-shrink: 0;
	font-weight: normal;
	font-size: 0.9em;
	white-space: nowrap;
	text-align: right;
}

/* ── Result Guard: no-session fallback pages ── */

.woopw-result-guard {
	max-width: 900px;
	margin: 0 auto;
	padding: 40px 24px;
	box-sizing: border-box;
	font-family: inherit;
	color: #333;
}

.woopw-result-guard__header {
	border-left: 4px solid var(--theme-btn-primary-color, #3a6b3a);
	padding-left: 16px;
	margin-bottom: 32px;
}

.woopw-result-guard__label {
	margin: 0 0 6px 0;
	font-size: 13px;
	color: var(--theme-btn-primary-color, #3a6b3a);
	font-weight: 500;
	letter-spacing: 0.3px;
}

.woopw-result-guard__title {
	margin: 0;
	font-size: clamp(24px, 5vw, 36px);
	font-weight: 700;
	color: #1a1a1a;
}

.woopw-result-guard__desc {
	margin: 0 0 12px 0;
	font-size: clamp(14px, 2.5vw, 16px);
	line-height: 1.6;
}

.woopw-result-guard__desc--last {
	margin-bottom: 32px;
}

.woopw-result-guard__card {
	border: 1px solid #d0d0d0;
	border-radius: var(--card-radius, 12px);
	padding: clamp(20px, 4vw, 32px);
	background: #fff;
}

.woopw-result-guard__card-title {
	margin: 0 0 10px 0;
	font-size: clamp(16px, 3vw, 20px);
	font-weight: 700;
	color: #1a1a1a;
}

.woopw-result-guard__card-text {
	margin: 0 0 20px 0;
	font-size: clamp(13px, 2.2vw, 15px);
	color: #444;
	line-height: 1.6;
}

.woopw-result-guard__btn {
	display: inline-block;
	background-color: var(--theme-btn-primary-color, #3a6b3a);
	color: var(--theme-primary-btn-txt-color, #fff);
	border: none;
	border-radius: var(--btn-radius, 8px);
	padding: 12px 24px;
	font-size: var(--btn-font-size, clamp(13px, 2vw, 15px));
	font-weight: 600;
	cursor: pointer;
	white-space: nowrap;
	text-decoration: none;
	font-family: inherit;
}

.woopw-result-guard__btn:hover,
.woopw-result-guard__btn:focus {
	opacity: 0.9;
	color: var(--theme-primary-btn-txt-color, #fff);
	text-decoration: none;
}

@media only screen and (max-width: 576px) {
	.woopw-result-guard {
		padding: 24px 16px;
	}

	.woopw-result-guard__btn {
		display: block;
		width: 100%;
		text-align: center;
		white-space: normal;
	}
}
.cart_totals #payment-method-message{
        margin-bottom: 15px;
    }

/* Consultation form v2 */
body.cflp-multistep-v2 {
    --cf-text-color: #0b1d3a;
    --cf-text-color-soft: #163457;
    --cflp-v2-teal: #00c9a7;
    --cflp-v2-teal-dark: #00a88b;
    --cflp-v2-surface: #ffffff;
    --cflp-v2-cream: #f7fafc;
    --cflp-v2-border: #dbe4ee;
    --cflp-v2-border-strong: #c7d4e2;
    --cflp-v2-muted: #66758a;
    --cflp-v2-shadow: 0 18px 46px color-mix(in srgb, var(--cf-text-color) 8%, transparent);
    --cflp-v2-shadow-soft: 0 8px 24px color-mix(in srgb, var(--cf-text-color) 8%, transparent);
    --cflp-v2-radius: 28px;
    --cflp-v2-radius-sm: 20px;
    --cflp-v2-pill: 999px;
}


body.cflp-multistep-v2 .consult-login-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 24px;
    border-radius: var(--cflp-v2-radius);
    background: linear-gradient(135deg, color-mix(in srgb, var(--cflp-v2-teal) 8%, transparent), color-mix(in srgb, var(--cf-text-color) 3%, transparent));
    color: var(--cf-text-color);
    box-shadow: var(--cflp-v2-shadow-soft);
}

body.cflp-multistep-v2 .consult-login-copy {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    flex: 1 1 auto;
    min-width: 0;
}

body.cflp-multistep-v2 .consult-login-copy i {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: color-mix(in srgb, var(--cflp-v2-teal) 14%, transparent);
    color: var(--cflp-v2-teal-dark);
    font-size: 18px;
    flex-shrink: 0;
}

body.cflp-multistep-v2 .consult-login-copy span {
    color: var(--cflp-v2-muted);
    line-height: 1.6;
}

body.cflp-multistep-v2 .consult-login-copy strong {
    color: var(--cf-text-color);
}

body.cflp-multistep-v2 .consult-login-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

body.cflp-multistep-v2 .consult-login-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 22px;
    border-radius: var(--cflp-v2-pill);
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease, color 0.25s ease;
}

body.cflp-multistep-v2 .consult-login-btn:hover {
    transform: translateY(-1px);
}

body.cflp-multistep-v2 .consult-login-primary {
    background: var(--cflp-v2-teal);
    color: #fff;
    box-shadow: 0 14px 26px color-mix(in srgb, var(--cflp-v2-teal) 18%, transparent);
}

body.cflp-multistep-v2 .consult-login-primary:hover {
    background: var(--cflp-v2-teal-dark);
    color: #fff;
}

body.cflp-multistep-v2 .consult-login-secondary {
    background: #fff;
    color: var(--cf-text-color);
    border: 1px solid color-mix(in srgb, var(--cf-text-color) 12%, transparent);
}

body.cflp-multistep-v2 .consult-login-secondary:hover {
    color: var(--cf-text-color);
    box-shadow: var(--cflp-v2-shadow-soft);
}

body.cflp-multistep-v2 .consult-banner {
    position: relative;
    overflow: hidden;
    margin-bottom: 28px;
    padding: clamp(28px, 5vw, 44px);
    background: linear-gradient(135deg, var(--cf-text-color) 0%, var(--cf-text-color-soft) 55%, color-mix(in srgb, var(--cf-text-color-soft) 60%, #fff) 100%);
    color: #fff;
    box-shadow: var(--cflp-v2-shadow);
}

body.cflp-multistep-v2 .consult-banner::before,
body.cflp-multistep-v2 .consult-banner::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

body.cflp-multistep-v2 .consult-banner::before {
    width: 320px;
    height: 320px;
    right: -120px;
    top: -120px;
    background: radial-gradient(circle, color-mix(in srgb, var(--cflp-v2-teal) 26%, transparent) 0%, transparent 72%);
}

body.cflp-multistep-v2 .consult-banner::after {
    width: 220px;
    height: 220px;
    left: -80px;
    bottom: -90px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 75%);
}

body.cflp-multistep-v2 .consult-banner > * {
    position: relative;
    z-index: 1;
}

body.cflp-multistep-v2 .consult-banner-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    padding: 8px 14px;
    border-radius: var(--cflp-v2-pill);
    background: color-mix(in srgb, var(--cflp-v2-teal) 14%, transparent);
    color: color-mix(in srgb, var(--cflp-v2-teal) 60%, #fff);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.cflp-multistep-v2 .consult-banner h1 {
    margin-bottom: 12px;
    color: #fff;
    font-size: clamp(34px, 5vw, 52px);
    line-height: 1.04;
    letter-spacing: -0.02em;
}

body.cflp-multistep-v2 .consult-banner p {
    margin-bottom: 18px;
    color: rgba(255, 255, 255, 0.76);
    font-size: 17px;
    line-height: 1.7;
}

body.cflp-multistep-v2 .consult-banner-meta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 0 18px;
    border-radius: var(--cflp-v2-pill);
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.14);
    font-weight: 600;
}

body.cflp-multistep-v2 .consult-banner-meta i {
    color: color-mix(in srgb, var(--cflp-v2-teal) 60%, #fff);
}

body.cflp-multistep-v2 .cflp-form-v2 .consult-layout {
    padding: 0;
}

body.cflp-multistep-v2 .cflp-form-v2 .consult-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 30px;
    margin: 0;
}

body.cflp-multistep-v2 .cflp-form-v2 .consult-grid.no-sidebar {
    grid-template-columns: 1fr;
}

body.cflp-multistep-v2 .cflp-form-v2 .consult-grid > [class*="col-"] {
    max-width: none;
    padding: 0;
}

body.cflp-multistep-v2 .cflp-form-v2 .consult-form,
body.cflp-multistep-v2 .cflp-form-v2 .consult-sidebar {
    float: none;
    width: auto;
}


body.cflp-multistep-v2 .cflp-form-v2 .form-description-wrapper,
body.cflp-multistep-v2 .cflp-form-v2 .form-group-wrapper{
    border: 1px solid var(--cflp-v2-border);
    border-radius: var(--cflp-v2-radius);
    background: var(--cflp-v2-surface);
    box-shadow: var(--cflp-v2-shadow-soft);
}

body.cflp-multistep-v2 .cflp-form-v2 .sidebar-back {
    background: #F9F9FF;
    padding: 24px 30px 2px 30px;
    border-radius: 30px;
    border: 1px solid var(--cflp-v2-border);
    border-radius: var(--cflp-v2-radius);
    background: var(--cflp-v2-surface);
    box-shadow: var(--cflp-v2-shadow-soft);
}
body.cflp-multistep-v2 .cflp-form-v2 .cflp-v2-progress-head {
    margin-bottom: 20px;
    padding: 24px 0px;
}

/* ── Step indicator: horizontal stepper ─────────────────────────────────── */
body.cflp-multistep-v2 .cflp-form-v2 .step-indicator {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    width: 100%;
    min-width: 0;
    padding-bottom: 4px;
    scrollbar-width: none;
    gap: 0;
    margin-top: 15px;
}

body.cflp-multistep-v2 .cflp-form-v2 .step-indicator::-webkit-scrollbar {
    display: none;
}

body.cflp-multistep-v2 .cflp-form-v2 .step-ind {
    flex: 0 0 25%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding: 0;
    background: none;
    border: none;
    outline: none;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
}

body.cflp-multistep-v2 .cflp-form-v2 .step-ind.disabled {
    cursor: not-allowed;
}

/* Connector half: left side of each step bubble */
body.cflp-multistep-v2 .cflp-form-v2 .step-ind::before {
    content: '';
    position: absolute;
    top: 21px;
    left: 0;
    width: 50%;
    height: 2px;
    background: var(--cflp-v2-border-strong);
    z-index: 0;
display:none !important;
}

body.cflp-multistep-v2 .cflp-form-v2 .step-ind:last-child::before{
        width: 80%;
}
/* Connector half: right side of each step bubble */
body.cflp-multistep-v2 .cflp-form-v2 .step-ind::after {
    content: '';
    position: absolute;
    top: 21px;
    left: 20%;
    width: 80%;
    height: 2px;
    background: var(--cflp-v2-border-strong);
    z-index: 0;
display:none !important;
}

/* No left connector on first, no right connector on last */
body.cflp-multistep-v2 .cflp-form-v2 .step-ind:first-child::before {
    display: none;
}
body.cflp-multistep-v2 .cflp-form-v2 .step-ind:last-child::after {
    display: none;
}

/* ── Bubble ────────────────────────────────────────────────────────────── */
body.cflp-multistep-v2 .cflp-form-v2 .step-ind-bubble {
    position: relative;
    z-index: 1;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 2px solid var(--cflp-v2-border-strong);
    background: #eff5f9;
    margin-bottom: 10px;
    transition: background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

body.cflp-multistep-v2 .cflp-form-v2 .step-ind:not(.disabled):hover .step-ind-bubble {
    box-shadow: var(--cflp-v2-shadow-soft);
}

body.cflp-multistep-v2 .cflp-form-v2 .step-ind-num {
    font-size: 14px;
    font-weight: 800;
    color: var(--cflp-v2-muted);
}

/* Available (reached but not yet active) */
body.cflp-multistep-v2 .cflp-form-v2 .step-ind.available .step-ind-bubble {
    border-color: var(--cf-text-color);
}
body.cflp-multistep-v2 .cflp-form-v2 .step-ind.available .step-ind-num {
    color: var(--cf-text-color);
}

/* Active step bubble */
body.cflp-multistep-v2 .cflp-form-v2 .step-ind.active .step-ind-bubble {
    background: var(--cflp-v2-teal);
    border-color: var(--cflp-v2-teal);
    box-shadow: 0 6px 18px color-mix(in srgb, var(--cflp-v2-teal) 30%, transparent);
}
body.cflp-multistep-v2 .cflp-form-v2 .step-ind.active .step-ind-num {
    color: #fff;
}

/* Completed step bubble */
body.cflp-multistep-v2 .cflp-form-v2 .step-ind.completed .step-ind-bubble {
    background: var(--cflp-v2-teal);
    border-color: var(--cflp-v2-teal);
}
body.cflp-multistep-v2 .cflp-form-v2 .step-ind.completed .step-ind-num {
    color: #fff;
}

/* ── Label below bubble ─────────────────────────────────────────────────── */
body.cflp-multistep-v2 .cflp-form-v2 .step-ind-label {
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    color: var(--cflp-v2-muted);
    line-height: 1.4;
    padding: 0 4px;
    white-space: normal;
    word-break: break-word;
}

body.cflp-multistep-v2 .cflp-form-v2 .step-ind.active .step-ind-label,
body.cflp-multistep-v2 .cflp-form-v2 .step-ind.completed .step-ind-label {
    color: var(--cf-text-color);
}

body.cflp-multistep-v2 .sidebar-cancle-assesment{
    display: none !important;
}
/* ── Compact mode (5+ steps): number only + tooltip on hover ────────────── */
body.cflp-multistep-v2 .cflp-form-v2 .step-indicator--compact .step-ind {
    flex: 0 0 25%;
    min-width: 0;
}

body.cflp-multistep-v2 .cflp-form-v2 .step-indicator--few {
    justify-content: center;
}

body.cflp-multistep-v2 .cflp-form-v2 .step-ind-tooltip {
    position: absolute;
    bottom: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    background: var(--cf-text-color);
    color: #fff;
    padding: 6px 12px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    pointer-events: none;
    visibility: hidden;
    transition: visibility 0.18s ease;
    z-index: 20;
}

body.cflp-multistep-v2 .cflp-form-v2 .step-ind:not(.disabled):hover .step-ind-tooltip {
    visibility: visible;
}

body.cflp-multistep-v2 .cflp-form-v2 .progress-bar-wrap {
    margin-bottom: 0;
}

body.cflp-multistep-v2 .cflp-form-v2 .progress-bar-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 10px;
}

body.cflp-multistep-v2 .cflp-form-v2 .progress-bar-label,
body.cflp-multistep-v2 .cflp-form-v2 .progress-bar-pct {
    color: var(--cf-text-color);
    font-size: 14px;
    font-weight: 700;
}

body.cflp-multistep-v2 .cflp-form-v2 .progress-bar-pct {
    color: var(--cflp-v2-teal-dark);
}

body.cflp-multistep-v2 .cflp-form-v2 .progress-bar-track {
    width: 100%;
    height: 10px;
    border-radius: var(--cflp-v2-pill);
    background: #edf3f7;
    overflow: hidden;
}

body.cflp-multistep-v2 .cflp-form-v2 .progress-bar-fill {
    height: 100%;
    border-radius: var(--cflp-v2-pill);
    background: linear-gradient(90deg, var(--cflp-v2-teal) 0%, color-mix(in srgb, var(--cflp-v2-teal) 72%, #fff) 100%);
    transition: width 0.3s ease;
}

body.cflp-multistep-v2 .cflp-form-v2 .form-description-wrapper,
body.cflp-multistep-v2 .cflp-form-v2 .form-group-wrapper {
    width: 100%;
    margin-bottom: 20px;
    padding: clamp(24px, 4vw, 34px);
}

body.cflp-multistep-v2 .cflp-form-v2 .form-description-wrapper {
    background: linear-gradient(180deg, #fff 0%, #f8fbfd 100%);
}


body.cflp-multistep-v2 .cflp-form-v2 .form-group-wrapper {
    display: none;
}

body.cflp-multistep-v2 .cflp-form-v2 .form-group-wrapper.cflp-v2-step-active {
    display: block;
    animation: cflp-v2-fade-in 0.28s ease;
}

body.cflp-multistep-v2 .cflp-form-v2 .form-group-title {
    align-items: center;
    gap: 16px;
    margin-bottom: 12px;
    color: var(--cf-text-color);
    font-size: clamp(28px, 3vw, 38px);
    line-height: 1.12;
}

body.cflp-multistep-v2 .cflp-form-v2 span.count-group {
    width: 54px;
    height: 54px;
    margin-right: 0;
    border-radius: 50%;
    background: var(--cf-number-bg-color);
    color: var(--cf-number-text-color);
    font-size: 20px;
    font-weight: 700;
}

body.cflp-multistep-v2 .cflp-form-v2 .form-group-title-text {
    display: inline-block;
    flex: 1 1 auto;
    min-width: 0;
}

body.cflp-multistep-v2 .cflp-form-v2 .content-wrapper.section-title.text-center h4.mb-3 span.question-pointer {
    display: none;
}










body.cflp-multistep-v2 .cflp-form-v2 .form-check.radio {
    flex: 1 1 220px;
}


/* Dot indicator inside label */



body.cflp-multistep-v2 .cflp-form-v2 .woopw-group-score-msg {
    margin-top: 18px;
    padding: 14px 16px;
    border-radius: 18px;
    background: color-mix(in srgb, var(--cflp-v2-teal) 10%, transparent);
    color: var(--cf-text-color);
}

body.cflp-multistep-v2 .cflp-form-v2 .form-input-group.cflp-v2-pending {
    border-color: color-mix(in srgb, var(--cflp-v2-teal) 74%, transparent);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--cflp-v2-teal) 12%, transparent);
}

body.cflp-multistep-v2 .cflp-form-v2 .form-check.cflp-v2-pending label.form-check-label,
body.cflp-multistep-v2 .cflp-form-v2 .form-check.radio.cflp-v2-pending label {
    border-color: color-mix(in srgb, var(--cflp-v2-teal) 74%, transparent);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--cflp-v2-teal) 12%, transparent);
}

body.cflp-multistep-v2 .cflp-form-v2 .step-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid var(--cflp-v2-border);
}

body.cflp-multistep-v2 .cflp-form-v2 .step-nav-spacer {
    display: block;
    flex: 1 1 auto;
}

body.cflp-multistep-v2 .cflp-form-v2 .btn-back,
body.cflp-multistep-v2 .cflp-form-v2 .btn-next,
body.cflp-multistep-v2 .cflp-form-v2 .cflp-v2-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 54px;
    padding: 0 28px;
    border: none;
    border-radius: var(--cflp-v2-pill);
    font-size: 15px;
    font-weight: 700;
    transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

body.cflp-multistep-v2 .cflp-form-v2 .btn-back {
    background: #fff;
    color: var(--cf-text-color);
    border: 1.5px solid var(--cflp-v2-border);
}

body.cflp-multistep-v2 .cflp-form-v2 .btn-back:hover {
    border-color: color-mix(in srgb, var(--cf-text-color) 30%, transparent);
    color: var(--cf-text-color);
    transform: translateY(-1px);
}

body.cflp-multistep-v2 .cflp-form-v2 .btn-next,
body.cflp-multistep-v2 .cflp-form-v2 .cflp-v2-submit {
    width: auto;
    max-width: 100%;
    background: linear-gradient(90deg, var(--cflp-v2-teal) 0%, color-mix(in srgb, var(--cflp-v2-teal) 78%, #fff) 100%) !important;
    color: #fff !important;
    box-shadow: 0 16px 30px color-mix(in srgb, var(--cflp-v2-teal) 20%, transparent);
}

body.cflp-multistep-v2 .cflp-form-v2 .btn-next:hover,
body.cflp-multistep-v2 .cflp-form-v2 .cflp-v2-submit:hover {
    color: #fff !important;
    transform: translateY(-1px);
}

body.cflp-multistep-v2 .cflp-form-v2 .btn-next[disabled],
body.cflp-multistep-v2 .cflp-form-v2 .cflp-v2-submit[disabled] {
    background: #c6d3dc !important;
    box-shadow: none;
    cursor: not-allowed;
    transform: none;
}

body.cflp-multistep-v2 .cflp-form-v2 .consult-sidebar {
    position: relative;
    align-self: stretch;
}

body.cflp-multistep-v2 .cflp-form-v2 .sidebar-back {
    padding: 24px;
}

body.cflp-multistep-v2 .cflp-form-v2 .sidebar-heading {
    margin-bottom: 18px;
    color: var(--cf-text-color);
    font-size: 28px;
    line-height: 1.1;
}

body.cflp-multistep-v2 .cflp-form-v2 .progress-list,
body.cflp-multistep-v2 .cflp-form-v2 .form-sidebar ul {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    list-style: none;
}

body.cflp-multistep-v2 .cflp-form-v2 .sidebar-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 0px;
    color: var(--cf-text-color);
    cursor: pointer;
    transition: border-color 0.25s ease, background-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;

    background: unset;
    border: unset;
}
body.cflp-multistep-v2 .cflp-form-v2 .sidebar-item:not(:first-child){
     border-top: 1px solid #7a849547;
}

body.cflp-multistep-v2 .cflp-form-v2 .sidebar-item:not(.disabled):hover {
    transform: translateY(-1px);
    box-shadow: var(--cflp-v2-shadow-soft);
}

body.cflp-multistep-v2 .cflp-form-v2 .sidebar-item.disabled {
    cursor: not-allowed;
}

body.cflp-multistep-v2 .cflp-form-v2 .sidebar-count-group {
    width: 34px;
    height: 34px;
    margin-right: 0;
    border-radius: 50%;
    background: #eff5f9;
    color: var(--cflp-v2-muted);
    font-size: 14px;
    font-weight: 800;
}

body.cflp-multistep-v2 .cflp-form-v2 .sidebar-item.cflp-v2-current-step {
    border-color: unset;
    background: unset;
    border: unset;
}

body.cflp-multistep-v2 .cflp-form-v2 .sidebar-item.cflp-v2-complete-step:not(:last-child){
    border-bottom: 1px solid #7a849547 ;
}
body.cflp-multistep-v2 .cflp-form-v2 .sidebar-item.cflp-v2-complete-step{
    opacity: 1;
}

body.cflp-multistep-v2 .sidebar-trust svg{
    width: 14px;
    height: 14px;
    color: var(--cf-text-color);
}

body.cflp-multistep-v2 .sidebar-trust-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #7A8495;
}

body.cflp-multistep-v2  .sidebar-trust {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 16px;
    border: 1px solid #e2e5ea;
    border-radius: 20px;
    padding: 24px;
    margin-bottom: 16px;
}


body.cflp-multistep-v2 .cflp-form-v2 .sidebar-item.cflp-v2-complete-step .sidebar-count-group,
body.cflp-multistep-v2 .cflp-form-v2 .sidebar-item.cflp-v2-current-step .sidebar-count-group {
    background: var(--cflp-v2-teal);
    color: #fff;
}
body.cflp-multistep-v2 .cflp-form-v2 .sidebar-item.cflp-v2-complete-step .sidebar-count-group {
    font-size: 0;
    position: relative;
}
body.cflp-multistep-v2 .cflp-form-v2 .sidebar-item.cflp-v2-complete-step .sidebar-count-group::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 14px;
    height: 11px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5.5l4 4L13 1' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

body.cflp-multistep-v2 .cflp-form-v2 .sidebar-help-wrap {
    padding: 24px;
    border: 1px solid var(--cflp-v2-border);
    border-radius: var(--cflp-v2-radius);
    background: var(--cflp-v2-surface);
    box-shadow: var(--cflp-v2-shadow-soft);
    margin-top: 16px;
}

body.cflp-multistep-v2 .cflp-form-v2 #formSidebar span.sidebar-title {
    font-size: 14px;
    line-height: 1.45;
    color: inherit;
}

body.cflp-multistep-v2 .cflp-form-v2 p.sidebar-help {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0;
    padding: 18px;
    border-radius: 20px;
    background: linear-gradient(180deg, color-mix(in srgb, var(--cflp-v2-teal) 8%, transparent) 0%, color-mix(in srgb, var(--cf-text-color) 4%, transparent) 100%);
    color: var(--cf-text-color);
    line-height: 1.7;
    justify-content: flex-start;
}

body.cflp-multistep-v2 .cflp-form-v2 p.sidebar-help i.fa {
    margin-top: 2px;
    border-color: color-mix(in srgb, var(--cflp-v2-teal) 45%, transparent);
    color: var(--cflp-v2-teal-dark);
}

body.cflp-multistep-v2 .cflp-form-v2 .sidebar-help a {
    color: var(--cf-text-color);
    text-decoration: underline;
}

body.cflp-multistep-v2 .cflp-form-v2 a.sidebar-cancle-assesment {
    margin-top: 16px;
    border: 1px solid color-mix(in srgb, var(--cf-text-color) 14%, transparent);
    border-radius: var(--cflp-v2-pill);
    background: #fff;
    color: var(--cf-text-color);
    font-weight: 700;
}

body.cflp-multistep-v2 .cflp-form-v2 a.sidebar-cancle-assesment:hover {
    background: var(--cf-text-color);
    color: #fff;
}

body.cflp-multistep-v2 .cflp-form-v2 button#submitBtn {
    font-size: 15px !important;
    text-transform: none;
}

@keyframes cflp-v2-fade-in {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media only screen and (max-width: 1199px) {
    body.cflp-multistep-v2 .cflp-form-v2 .consult-grid {
        grid-template-columns: minmax(0, 1fr) 300px;
    }
    .cart_totals #payment-method-message{
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 991px) {
    body.cflp-multistep-v2 .consult-login-bar {
        flex-direction: column;
        align-items: flex-start;
    }

    body.cflp-multistep-v2 .cflp-form-v2 .consult-grid {
        grid-template-columns: 1fr;
    }

    body.cflp-multistep-v2 .cflp-form-v2 .consult-sidebar {
        position: relative;
    }
}

@media only screen and (max-width: 767px) {
    body.cflp-multistep-v2 .consult-banner {
        padding: 26px 22px;
    }

    body.cflp-multistep-v2 .consult-banner h1 {
        font-size: 34px;
    }

    body.cflp-multistep-v2 .cflp-form-v2 .cflp-v2-progress-head,
    body.cflp-multistep-v2 .cflp-form-v2 .form-description-wrapper,
    body.cflp-multistep-v2 .cflp-form-v2 .form-group-wrapper,
    body.cflp-multistep-v2 .cflp-form-v2 .sidebar-back {
        padding: 22px;
        border-radius: 24px;
    }

    body.cflp-multistep-v2 .cflp-form-v2 .form-group-title {
        align-items: flex-start;
        font-size: 30px;
    }

    body.cflp-multistep-v2 .cflp-form-v2 span.count-group {
        width: 48px;
        height: 48px;
        font-size: 18px;
    }

    body.cflp-multistep-v2 .cflp-form-v2 .joint-input .d-flex {
        grid-template-columns: 1fr;
    }
}

@media only screen and (max-width: 575px) {
    body.cflp-multistep-v2 .consult-login-actions,
    body.cflp-multistep-v2 .consult-login-btn {
        width: 100%;
    }

    body.cflp-multistep-v2 .cflp-form-v2 .progress-bar-info,
    body.cflp-multistep-v2 .cflp-form-v2 .step-nav {
        flex-direction: column;
        align-items: stretch;
    }

    body.cflp-multistep-v2 .cflp-form-v2 .step-nav {
        gap: 12px;
    }

    body.cflp-multistep-v2 .cflp-form-v2 .step-nav-spacer {
        display: none;
    }

    body.cflp-multistep-v2 .cflp-form-v2 .btn-back,
    body.cflp-multistep-v2 .cflp-form-v2 .btn-next,
    body.cflp-multistep-v2 .cflp-form-v2 .cflp-v2-submit {
        width: 100%;
    }

}


/* ---- Progress head: restore original order (step-indicator above progress-bar-wrap) on desktop ---- */
@media only screen and (min-width: 992px) {
    body.cflp-multistep-v2 .cflp-form-v2 .cflp-v2-progress-head {
        display: flex;
        flex-direction: column;
    }
    body.cflp-multistep-v2 .cflp-form-v2 .cflp-v2-progress-head .step-indicator {
        order: 1;
        display: none;
    }
    body.cflp-multistep-v2 .cflp-form-v2 .cflp-v2-progress-head .progress-bar-wrap {
        order: 2;
    }
    body.cflp-multistep-v2 .cflp-form-v2 .step-ind {
        flex: 0 0 25%;
    }
}

/* ---- Sidebar trust: hide inside #sidebarback on mobile ---- */
@media only screen and (max-width: 991px) {
    body.cflp-multistep-v2 #sidebarback .sidebar-trust {
        display: none;
    }
}

/* ---- Step indicator: scrollable on mobile, contained within progress head ---- */
@media only screen and (max-width: 991px) {
    body.cflp-multistep-v2 .cflp-form-v2 .cflp-v2-progress-head {
        overflow: hidden;
        padding-left: 0;
        padding-right: 0;
    }
    body.cflp-multistep-v2 .cflp-form-v2 .progress-bar-wrap {
        padding-left: 0px;
        padding-right: 0px;
    }
    body.cflp-multistep-v2 .cflp-form-v2 .step-indicator {
        overflow-x: auto;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        padding-left: 8px;
        padding-right: 8px;
        width: 100%;
    }

    /* Hide all step labels on mobile — tooltip shown on hover/tap for all steps */
    body.cflp-multistep-v2 .cflp-form-v2 .step-ind-label {
        display: none;
    }
}

/* ---- Step bubble floating label tooltip (JS-positioned, escapes overflow) ---- */
.cflp-step-float-tip {
    display: none;
    position: fixed;
    transform: translateX(-50%);
    background: var(--cf-text-color, #1a1a2e);
    color: #fff;
    padding: 5px 12px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    white-space: normal;
    overflow-wrap: break-word;
    min-width: 100px;
    max-width: calc(100vw - 16px);
    text-align: center;
    z-index: 9999;
    pointer-events: none;
}
.cflp-step-float-tip.is-visible {
    display: block;
}

/* ---- Login prompt inline user icon: mobile only ---- */
body.cflp-multistep-v2 .consult-login-bar .login-prompt-icon {
    display: none;
}

@media only screen and (max-width: 991px) {
    body.cflp-multistep-v2 .consult-login-bar .login-prompt-icon {
        display: inline-block;
        vertical-align: middle;
        width: 18px;
        height: 18px;
        margin-right: 5px;
        margin-bottom: 2px;
    }
}

/* ---- Step indicator tick icon + time-left + trust strip: mobile only (≤991px) ---- */
body.cflp-multistep-v2 .cflp-form-v2 .cflp-v2-time-left {
    display: none;
}
body.cflp-multistep-v2 .cflp-form-v2 .cflp-v2-progress-pct {
    display: none;
}
@media only screen and (min-width: 992px) {
    body.cflp-multistep-v2 .cflp-form-v2 .cflp-v2-progress-pct {
        display: inline-block;
        font-size: 13px;
        font-weight: bold;
        color: var(--cflp-v2-teal);
        margin-left: auto;
    }
}
body.cflp-multistep-v2 .consult-banner-trust {
    display: none;
}

@media only screen and (max-width: 991px) {
    body.cflp-multistep-v2 .cflp-form-v2 .step-ind.completed .step-ind-num {
        display: none;
    }
    body.cflp-multistep-v2 .cflp-form-v2 .step-ind.completed .step-ind-bubble::after {
        content: '';
        display: block;
        width: 14px;
        height: 11px;
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5.5l4 4L13 1' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
    body.cflp-multistep-v2 .cflp-form-v2 .cflp-v2-time-left {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        color: var(--cflp-v2-muted);
        font-size: 13px;
        font-weight: 500;
        white-space: nowrap;
        flex-shrink: 0;
    }
    body.cflp-multistep-v2 .cflp-form-v2 .progress-bar-info {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
    }
    body.cflp-multistep-v2 .cflp-form-v2 .progress-bar-label {
        flex: 1 1 auto;
        min-width: 0;
    }
    body.cflp-multistep-v2 .cflp-form-v2 .cflp-v2-time-left {
        flex: 0 0 auto;
        margin-left: auto;
    }
    body.cflp-multistep-v2 .consult-banner-trust {
        display: block;
        margin-bottom: 20px;
        background: color-mix(in srgb, var(--cflp-v2-teal) 8%, #fff);
        padding: 14px 0;
    }
    body.cflp-multistep-v2 .consult-banner-trust .sidebar-trust--banner {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px 20px;
        background: none;
        padding: 0;
        border-radius: unset;
        border: unset;
        margin-top: 0;
        margin-bottom: 0px;
    }
    body.cflp-multistep-v2 .consult-banner-trust .sidebar-trust-item {
        display: flex;
        align-items: center;
        gap: 6px;
        font-size: 12px;
        font-weight: 500;
        color: var(--cflp-v2-teal-dark, #0a5c47);
    }
    body.cflp-multistep-v2 .consult-login-bar .login-prompt > svg{
        display: none;
    }
    body.cflp-multistep-v2 .consult-banner-trust .sidebar-trust-item svg {
        width: 13px;
        height: 13px;
        flex-shrink: 0;
        stroke: var(--cflp-v2-teal);
    }
    body.cflp-multistep-v2 .consult-banner{
        margin-bottom: 0px;
    }
 
    body.cflp-multistep-v2 .cflp-form-v2 .step-ind::before,
    body.cflp-multistep-v2 .cflp-form-v2 .step-ind::after{
        top: 21px;
    }
    body.cflp-multistep-v2 .cflp-form-v2 .step-indicator {
        /* width: calc(100vw - 70px); */
    }
}

@media only screen and (max-width: 576px) {
    body.cflp-multistep-v2 .consult-banner-trust .sidebar-trust--banner {
        padding: 0px 15px;
    }
    body.cflp-multistep-v2 .cflp-form-v2 .step-indicator {
        /* width: calc(100vw - 30px); */
    }
    .cflp-multistep-v2 .consult-login-bar {
        padding: 15px !important;
    }
}

@media only screen and (max-width: 480px) {
    body.cflp-multistep-v2 .cflp-form-v2 .sidebar-item.cflp-v2-complete-step .sidebar-count-group{
        font-size: 0px !important;
    }
}
@media only screen and (max-width: 420px) {
    body.cflp-multistep-v2 .cflp-form-v2 .step-indicator--compact .step-ind {
        min-width: 0;
    }
    body.cflp-multistep-v2 .cflp-form-v2 .step-ind-bubble {
        width: 30px;
        height: 30px;
    }
    body.cflp-multistep-v2 .cflp-form-v2 .step-ind::before,
    body.cflp-multistep-v2 .cflp-form-v2 .step-ind::after{
        top: 15px;
    }
    body.cflp-multistep-v2 .consult-banner-trust .sidebar-trust--banner{
        margin-bottom: 0px !important;
    }
    body.cflp-multistep-v2 .cflp-form-v2 .step-ind-bubble{
        margin-right: 15px;
    }
    #consultationform .check-radio-group{
            display: unset !important;
    }
}

/* ---- Step indicator: match Bootstrap .container max-width per breakpoint ---- */
@media (max-width: 575px) {
    body.cflp-multistep-v2 .cflp-form-v2 .step-indicator {
        max-width: calc(100vw - 30px);
    }
}
@media (min-width: 576px) and (max-width: 767px) {
    body.cflp-multistep-v2 .cflp-form-v2 .step-indicator {
        max-width: calc(540px - 30px);
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    body.cflp-multistep-v2 .cflp-form-v2 .step-indicator {
        max-width: calc(720px - 30px);
    }
}