/* consultation Section */
.consultation {
  min-height: 510px;
}

.consultation .container.consultation-questions {
  position: relative;
  padding-bottom: 8rem;
}
.consultation .consultation-steps-container {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
.consultation .consultation-step {
  opacity: 0;
  transition: opacity 0.3s linear;
  margin-bottom: 30px;
  display: none;
}
.consultation .consultation-step.active {
  display: block;
}
.consultation .consultation-step-heading {
  font-size: 24px;
  color: #282828;
  margin: 0 0 12px;
}
.consultation .consultation-step-heading span.tm {
  display: inline-block;
  font-size: 0.6em;
  vertical-align: text-top;
}
.consultation .consultation-step:first-child .consultation-step-heading {
  font-size: 30px;
  margin: 0;
}

.consultation:not(.is-quick-version) .quick-version,
.consultation.is-quick-version .comprehensive-version,
.consultation:not(.is-myself-version) .myself-version,
.consultation.is-myself-version .parents-version,
.consultation .consultation-step-heading.home-content,
.consultation .consultation-step.home-option .consultation-step-heading:not(.home-content),
.consultation .consultation-step-description.home-content,
.consultation .consultation-step.home-option .consultation-step-description:not(.home-content),
.consultation .consultation-step .consultation-step-alternative .alternative-question,
.consultation .consultation-step .consultation-step-alternative .view-alternative-roam,
.consultation .consultation-step .consultation-step-alternative .view-alternative-home,
.consultation .consultation-step .consultation-step-alternative .alternative-accordion-content-home,
.consultation .consultation-step .consultation-step-alternative .alternative-accordion-content-roam {
  display: none;
}
.consultation .consultation-step.home-option .consultation-step-heading.home-content,
.consultation .consultation-step.home-option .consultation-step-description.home-content,
.consultation .consultation-step.home-option .consultation-step-alternative .alternative-question-home,
.consultation .consultation-step.home-option .consultation-step-alternative .view-alternative-home,
.consultation .consultation-step:not(.home-option) .consultation-step-alternative .view-alternative-roam,
.consultation .consultation-step.home-option .consultation-step-alternative .alternative-accordion-content-home,
.consultation .consultation-step:not(.home-option) .consultation-step-alternative .alternative-accordion-content-roam {
  display: block;
}

.consultation-step-icon[data-selection="home,wrist"] {
  order: 4;
  display: none;
}
.consultation-step-icon[data-selection="home,neck"] {
  order: 5;
  display: none;
}
.consultation-step-icon[data-selection="roam,wrist"] {
  order: 1;
  display: block;
}
.consultation-step-icon[data-selection="roam,neck"] {
  order: 2;
  display: block;
}
.consultation-step.home-option .consultation-step-icon[data-selection="home,wrist"] {
  order: 2;
  display: block;
}
.consultation-step.home-option .consultation-step-icon[data-selection="home,neck"] {
  order: 1;
  display: block;
}
.consultation-step.home-option .consultation-step-icon[data-selection="roam,wrist"] {
  order: 4;
  display: none;
}
.consultation-step.home-option .consultation-step-icon[data-selection="roam,neck"] {
  order: 5;
  display: none;
}

.consultation-step:not(.home-option) .consultation-step-icon[data-selection="home,wrist"] .consultation-step-icon-inner .consultation-step-icon-left,
.consultation-step:not(.home-option) .consultation-step-icon[data-selection="home,neck"] .consultation-step-icon-inner .consultation-step-icon-left,
.consultation-step.home-option .consultation-step-icon[data-selection="roam,wrist"] .consultation-step-icon-inner .consultation-step-icon-left,
.consultation-step.home-option .consultation-step-icon[data-selection="roam,neck"] .consultation-step-icon-inner .consultation-step-icon-left,
.consultation .consultation-step-icons:has(.consultation-step-icon.active):has(.consultation-step-icon[data-selection="home,wrist"]) .consultation-step-icon-inner .consultation-step-icon-left {
  background: #f9f3ee;
}

.consultation .consultation-step-description p {
  margin-top: 10px;
}
.consultation .consultation-step-description p,
.consultation .consultation-step-description li {
  font-size: 16px;
  line-height: 24px;
  color: #535353;
}
.consultation .consultation-step-description ul {
  margin-top: 10px;
  margin-bottom: 6px;
  list-style-type: none;
  padding-left: 0;
}
.consultation .consultation-step-description li {
  margin-top: 0;
  margin-bottom: 12px;
  padding-left: 27px;
  position: relative;
}
.consultation .consultation-step-description li svg {
  left: 0;
  transform: translateY(50%);
  position: absolute;
  fill: #535353;
  margin-top: -3px;
}
.consultation .consultation-step-description h6 {
  margin: 30px 0 0;
}
.consultation .consultation-step-description strong {
  color: #282828;
  font-weight: 500;
}
.consultation .consultation-step-alternative {
  order: 3;
}
.consultation .alternative-question,
.consultation .alternative-question-home {
  margin-top: 32px;
}
.consultation .consultation-step-alternative h3 {
  font-size: 18px;
  color: #282828;
  font-weight: 500;
  margin: 20px 0 6px;
}
.consultation .consultation-step-alternative h4 {
  font-size: 18px;
  color: #282828;
  font-weight: 500;
  margin: 20px 0 24px;
  cursor: pointer;
  position: relative;
}
.consultation .consultation-step-alternative h4.active svg {
  transform: rotate(180deg);
}
.consultation .consultation-step-alternative h4 span {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.consultation .consultation-step-alternative h4 svg {
  position: absolute;
  margin-left: 10px;
  margin-top: 7px;
}
.consultation .consultation-step-alternative p {
  font-size: 16px;
  color: #535353;
  font-weight: 400;
  margin: 6px 0 12px;
}
.consultation .consultation-step-alternative li {
  font-size: 16px;
  color: #535353;
  font-weight: 400;
}
.consultation .alternative-accordion-content {
  display: none;
  margin: -12px 0 26px;
}
.consultation .alternative-accordion-content.is-open {
  display: block;
}

.consultation .consultation-step-alternative .view-alternative-home,
.consultation .consultation-step-alternative .view-alternative-roam {
  font-size: 18px;
  color: #282828;
  font-weight: 500;
  margin: 24px 0 12px;
  padding: 16px 20px;
  border: 1px solid #535353;
  border-radius: 16px;
  width: 100%;
  cursor: pointer;
  transition: background-color 0.25s, color 0.25s;
}
.consultation .consultation-step-alternative .view-alternative-home:hover,
.consultation .consultation-step-alternative .view-alternative-roam:hover {
  background: #2828281a;
}
.consultation .field {
  margin-bottom: 20px;
}
.consultation .field#relationship-field {
  /*display: none;*/
}
.consultation .consultation-steps-container:has(.consultation-step.active .payment-field) .consultation-btn {
  display: none !important;
}
.consultation .consultation-step-fields > div:first-child {
  margin-top: 30px;
}
.consultation .consultation-step-fields .field .field-error,
.consultation .consultation-step-icons .field-error {
  display: none;
  font-weight: 500;
  font-size: 16px;
  color: #B1110C;
}
.consultation .consultation-step-fields .field .field__input.error {
  border: 1px solid #B1110C;
}
.consultation .consultation-step-fields .field:has(.error) .field-error,
.consultation .consultation-step-fields .field.selectable-field.error .field-error,
.consultation .consultation-step-icons.error .field-error  {
  display: block;
  width: 100%;
}
.consultation .consultation-step-fields .field:has(.error-empty) .field-error:not(.field-error-empty) {
  display: none;
}
.consultation .consultation-step-fields .field:not(:has(.error-empty)) .field-error.field-error-empty {
  display: none;
}
.consultation .field .field__label {
  font-size: 18px;
  font-weight: 500;
  color: #282828;
  margin-bottom: 10px;
  padding: 0;
}
.consultation .field .field__input {
  background: #fff;
  color: #282828;
  border: 1px solid #282828;
  font-size: 18px;
  line-height: 24px;
  border-radius: 8px;
}
.consultation .field .field__input {
  &:-webkit-autofill,
  &:-webkit-autofill:hover,
  &:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
    box-shadow: 0 0 0 1000px white inset !important;
    -webkit-text-fill-color: inherit !important;
  }
}
.consultation .field input[required]+label:after {
  display: none !important;
}
.consultation .selectable-field-option {
  width: 100%;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  background: #fff;
  border: 1px solid #535353;
  box-shadow: 0 0 0 0 #282828;
  border-radius: 8px;
  margin: 10px auto;
  color: #282828;
  padding: 0;
  position: relative;
  cursor: pointer;
}
.consultation .selectable-field-option:hover {
  background: #EEECEA;
}
.consultation .selectable-field.selectable-field-halved {
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0 20px;
}
.consultation .selectable-field.selectable-field-halved .field__label,
.consultation .selectable-field.selectable-field-halved .field-error {
  flex: 0 0 100%;
}
.consultation .selectable-field.selectable-field-halved .selectable-field-option {
  flex: 0 0 calc(50% - 10px);
}
.consultation .selectable-field-option:has(input:checked) {
  border: 1px solid #282828;
  box-shadow: 0 0 0 1px #282828;
  background: #ffffff;
  color: #282828;
}
.consultation .consultation-step-fields:has(input:checked) .selectable-field-option:not(:has(input:checked)) {
  background: #EEECEA;
}
.consultation .consultation-step-fields:has(input:checked) .selectable-field-option:not(:has(input:checked)):hover {
  background: #ffffff;
}
.consultation .selectable-field-option input {
  opacity: 0;
  position: absolute;
}
.consultation .selectable-field-option label {
  display: block;
  cursor: pointer;
  padding: 10px 5px;
}
.consultation .selectable-field-option .option-checked {
  display: none;
  position: absolute;
  right: -12px;
  top: -12px;
  width: 24px;
  height: 24px;
}
.consultation .selectable-field-option:has(input:checked) .option-checked {
  display: block;
}
.consultation .consultation-step-fields .field.selectable-field-hidden:not(.visible) {
  display: none;
}
.consultation .consultation-steps-container:has(.field.selectable-field-hidden:not(.visible)) .consultation-btn {
  /*display: none;*/
}
.consultation .consultation-step-fields .field.selectable-field-hidden .selectable-field-hidden-copy {
  order: -1;
  font-size: 18px;
  color: #282828;
  font-weight: 500;
  margin: 20px 0 20px;
}
.consultation .consultation-step-fields .field:not(.selectable-field) .field-error {
  margin-bottom: 10px;
}
.consultation .consultation-step-icons {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 20px;
}
.consultation .consultation-step-icons .consultation-step-home-label {
  font-size: 18px;
  color: #282828;
  font-weight: 500;
  margin: 8px 0 20px;
}
.consultation .consultation-step-icon {
  cursor: pointer;
  position: relative;
}
.consultation .consultation-step-icons:has(.step-home-trigger) {
  margin-top: 35px;
}
.consultation .consultation-step-icon.step-home-trigger:before {
  content: 'Most Popular';
  position: absolute;
  color: #ffffff;
  background: #282828;
  font-weight: 500;
  font-size: 14px;
  width: auto;
  border-radius: 16px;
  padding: 6px 18px;
  text-align: center;
  left: 20px;
  top: -16px;
}
.consultation .consultation-step-icon-inner {
  display: flex;
  flex-direction: row;
  border-radius: 16px;
  border: 1px solid #535353;
  box-shadow: 0 0 0 0 #282828;
  overflow: hidden;
  cursor: pointer;
  text-align: center;
  height: 100%;
  background: #282828;
  justify-content: space-between;
  gap: 0;
}
.consultation .consultation-step-icon-inner .consultation-step-icon-left {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  text-align: left;
  padding: 12px;
  width: 100%;
  justify-content: center;
}
.consultation .consultation-step-icon.step-home-trigger .consultation-step-icon-inner .consultation-step-icon-left {
  padding: 20px 12px 12px;
}
.consultation .consultation-step-icons:has(.consultation-step-icon.active) .consultation-step-icon-inner .consultation-step-icon-left {
  background: #eeecea;
}
.consultation .consultation-step-icons .consultation-step-icon.active .consultation-step-icon-inner .consultation-step-icon-left {
  background: #fff !important;
}
.consultation .consultation-step-icon-inner .consultation-step-icon-left-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 12px;
  margin-bottom: 5px;
}
.consultation .consultation-step-icon .variant-radio {
  background: #fff;
  border: 2px solid #282828;
  border-radius: 6px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.consultation .consultation-step-icon .variant-radio svg {
  opacity: 0;
}
.consultation .consultation-step-icon.active .variant-radio {
  background: #282828;
}
.consultation .consultation-step-icon.active .variant-radio svg {
  opacity: 1;
}
.consultation .consultation-step-icon-inner .consultation-step-icon-text {
  font-size: 16px;
}
.consultation .consultation-step-icon-inner .consultation-step-icon-right {
  line-height: 0;
  display: flex;
  max-width: 100px;
}
.consultation .consultation-step-icon:not(.step-home) .consultation-step-icon-inner .consultation-step-icon-right {
  max-width: 100px;
  min-width: 100px;
}
.consultation .consultation-step-icons.error:not(:has(.consultation-step-icon.active:not([data-selection="unsure"]))) .consultation-step-icon:not([data-selection="unsure"]) .consultation-step-icon-inner {
  border: 2px solid #B1110C;
}
.consultation .consultation-step-icon.active .consultation-step-icon-inner,
.consultation .consultation-step-icon:hover .consultation-step-icon-inner {
  box-shadow: 0 0 0 1px #282828;
  border: 1px solid #282828;
}
.consultation .consultation-step-icon.active.consultation-step-unsure,
.consultation .consultation-step-icon.consultation-step-unsure:hover  {
  background: #fff !important;
  box-shadow: 0 0 0 1px #282828;
  border: 1px solid #282828;
}
.consultation .consultation-step-icon-img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.consultation .consultation-step-icon-img:nth-child(2) {
  display: none;
}
.consultation .consultation-step[data-lifestyle="roam"] + .consultation-step .consultation-step-icon-img:nth-child(1) {
  display: none;
}
.consultation .consultation-step[data-lifestyle="roam"] + .consultation-step .consultation-step-icon-img:nth-child(2) {
  display: block;
}
.consultation .consultation-step-icon-title {
  font-weight: 500;
  font-size: 18px;
  color: #282828;
}
.consultation .consultation-step-icon-text {
  font-size: 16px;
  color: #535353;
}
.consultation .consultation-step-home {
  display: none;
}
.consultation .consultation-step-home.visible {
  display: block;
}
.consultation .consultation-step-home .consultation-step-icon-inner .consultation-step-icon-left-inner {
  margin-bottom: 0;
}
.consultation .consultation-step-home .consultation-step-icon-inner .consultation-step-icon-right {
  max-width: 60px;
}
.consultation .consultation-step-home .consultation-step-icon:last-child {
  margin-top: 12px;
}
.consultation .consultation-info,
.consultation .consultation-consent {
  color: #535353;
  font-size: 16px;
}
.consultation .consultation-unsure-info {
  display: none;
}
.consultation .consultation-info strong,
.consultation .consultation-unsure-info strong,
.consultation .consultation-consent strong {
  color: #282828;
  font-weight: 500;
}
.consultation .consultation-step-icons:has(.consultation-step-icon.active[data-selection="unsure"]) + .consultation-unsure-info {
  display: flex;
}
.consultation .consultation-info h4 {
  font-size: 18px;
  margin-bottom: 10px;
  margin-top: 30px;
}
.consultation .consultation-info modal-opener span {
  cursor: pointer;
  text-decoration: underline;
}
.consultation .consultation-consent {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0 20px;
}
.consultation .consultation-consent,
.consultation .consultation-step:has(.consultation-consent) .consultation-info {
  display: none;
}
/*.consultation .consultation-step:has(.selectable-field-hidden.visible) .consultation-consent,*/
.consultation .consultation-step:has(.selectable-field-hidden.visible) .consultation-info {
  display: flex;
}
.consultation .consultation-consent .field {
  width: auto;
}
.consultation .consultation-consent .consent-error-msg {
  flex: 0 0 100%;
  font-weight: 500;
  font-size: 16px;
  color: #B1110C;
  display: none;
}
.consultation .consultation-consent:not(:has(#consent-email:checked)) .consent-error-msg {
  display: block;
}
.consultation .consultation-consent p {
  flex: 0 0 100%;
}
.consultation .consultation-info p,
.consultation .consultation-unsure-info p,
.consultation .consultation-consent p {
  margin: 0;
  font-size: 16px;
  color: #535353;
}
.consultation .consultation-consent .field {
  flex-direction: row;
  padding: 5px 0;
  margin: 0;
  gap: 5px;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.consultation .consultation-consent .field label {
  order: 2;
}
.consultation .consultation-consent .field  input[type="checkbox"] {
  opacity: 0;
  position: absolute;
}
.consultation .consultation-consent .field:not(:has(input[type="checkbox"]:checked)) svg .check-checked {
  opacity: 0;
}
.consultation .consultation-info-trigger {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
}
.consultation .consultation-info-title {
  text-decoration: underline;
}
.consultation .consultation-info-box {
  position: fixed;
  content: '';
  background: rgba(33, 46, 56, 0.6);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  align-items: center;
  justify-content: center;

  opacity: 0;
  transition: opacity 0.3s linear;
  display: none;
}
.consultation .consultation-info.active .consultation-info-box {
  display: flex;
}
.consultation .consultation-info-inner {
  background: #fff;
  position: relative;
  max-width: 400px;
  max-height: 250px;
  width: 80%;
  height: 80%;
  margin-top: calc(-30vh);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.consultation .consultation-info-box .consultation-info-close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.consultation .consultation-info-box .consultation-info-close svg path {
  fill: rgb(112, 112, 112);
}
.consultation .consultation-info-inner .consultation-info-inner-content {
  margin: 40px 0;
  padding: 20px;
  overflow-y: auto;
  text-align: center;
  flex-grow: 1;
}
.consultation .consultation-btn,
.consultation .recommendation-btn {
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  background: #282828;
  color: #fff;
}
.consultation .consultation-restart {
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  background: transparent;
  color: #282828;
  border: 2px solid #282828;
}
.consultation .recommendation-btn,
.consultation .consultation-restart {
  margin-top: 15px;
  margin-bottom: 30px;
}
.consultation .recommendation-btn {
  overflow: hidden;
  background: linear-gradient(90deg, #FFD102 0%, #FF6608 100%);
  color: #282828;
  background-size: 200% 100%;
  border: 2px solid #282828;
  outline: 2px solid transparent;
  outline-offset: 0;
  transition: outline 0.2s ease, outline-offset 0.2s ease;
}
.consultation .recommendation-btn:hover {
  outline: 2px solid #282828;
  outline-offset: 3px;
}
.consultation .recommendation-btn:after {
  content: '';
  position: absolute;
  top: 0;
  left: -50%;
  width: 50%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
  transform: skewX(-25deg);
  pointer-events: none;
  animation: shine 7s ease-in-out infinite;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
}
@keyframes shine {
  0% { left: -50%; }
  30% { left: 150%; }
  100% { left: 150%; }
}
.consultation .consultation-restart {
  display: flex !important;
  width: auto;
  margin: 40px auto !important;
  line-height: 40px;
  border: 0;
  background: transparent;
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 2px;
}
.consultation .consultation-btn:hover {
  background: #535353;
  color: #fff;
}
.consultation .recommendation-btn:hover{
  border: 2px solid #232323;
  color: #282828;
}
.consultation .consultation-restart:hover {
  border: 0;
  color: #535353;
  background: transparent;
}
.consultation .consultation-btn:disabled {
  background: #D3D3D3;
  color: #A0A0A0;
  border: 1px solid #C1C1C1;
  opacity: 1;
}
/* consultation Results */
.consultation .container.consultation-results {
  display: none;
  text-align: center;

  opacity: 0;
  transition: opacity 0.3s linear;
}
.consultation .consultation-results-wrap {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  align-items: stretch;
  gap: 30px;
}
.consultation .consultation-results-wrap .consultation-result {
  display: none;
  width: 100%;
  border: 1px solid #DFE4E9;
  border-radius: 1.2rem;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 4px 2px #00000026;
}
.consultation .consultation-results-wrap .consultation-result.shown {
  display: flex;
  flex-direction: column;
}
.consultation .consultation-results-wrap .consultation-result-image {
  font-size: 0;
  position: relative;
  cursor: pointer;
}
.consultation .consultation-results-wrap .consultation-result img {
  max-width: 100%;
  height: auto;
  transition: opacity 0.7s ease;
}
.consultation .consultation-results-wrap .consultation-result img:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  z-index: 1;
}
.consultation .consultation-results-wrap .consultation-result-image:hover img:nth-child(2),
.consultation .consultation-results-wrap .consultation-result-image.hover img:nth-child(2) {
  opacity: 1;
}
.consultation .consultation-results-wrap .consultation-result .consultation-result-details {
  text-align: left;
  padding: 23px;
  margin-top: auto;
}
.consultation .consultation-results-wrap .consultation-result .consultation-result-product-title {
  margin: 0 0 12px;
  font-size: 2.2rem;
}
.consultation .consultation-results-wrap .consultation-result .consultation-result-product-title a {
  text-decoration: none;
  color: rgba(var(--color-foreground-title));
}
.consultation .consultation-results-wrap .consultation-result legend {
  font-size: 1.6rem;
  margin-top: 20px;
  margin-bottom: 12px;
  color: rgba(var(--color-foreground-title));
}
.consultation .consultation-results-wrap .consultation-result label {
  font-size: 17px;
  flex-direction: row-reverse;
  position: relative;
  display: inline-flex;
  justify-content: flex-end;
  cursor: pointer;
  gap: 1.2rem;
  color: rgba(var(--color-foreground-title));
  width: 100%;
}
.consultation .consultation-results-wrap .consultation-result label[hidden] {
  display: none;
}
.consultation .consultation-results-wrap .consultation-result input {
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px;
}
.consultation .consultation-results-wrap .consultation-result .consultation-result-options-size label span {
  margin-left: 0 !important;
}
.consultation .consultation-results-wrap .consultation-result .consultation-result-options-payment {
  flex-direction: column;
  display: flex;
  gap: 1.6rem;
  align-items: flex-start;
}
.consultation .consultation-results-wrap .consultation-result .consultation-result-options-payment[hidden] {
  display: none;
}
.consultation .consultation-results-wrap .consultation-result .consultation-result-options-payment .info {
  display: block;
  font-size: 15px;
  font-weight: 500;
  color: rgba(var(--color-button));
}
.consultation .consultation-results-wrap .consultation-result label span:first-child {
  margin-left: auto;
}
.consultation .consultation-results-wrap .consultation-result .variant-radio {
  height: 22px;
  width: 22px;
  min-width: 22px;
  min-width: 22px;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #B3B9C1;
  position: relative;
}
.consultation .consultation-results-wrap .consultation-result input:checked + .variant-radio {
  background: #212e38;
  border: none;
}
.consultation .consultation-results-wrap .consultation-result .variant-radio svg {
  opacity: 0;
  position: absolute;
  top: .6rem;
  left: .4rem;
}
.consultation .consultation-results-wrap .consultation-result input:checked + .variant-radio svg {
  opacity: 1;
}
.consultation .consultation-result-details .discover-more {
  margin-top: 20px;
}
.consultation .consultation-results-actions {
  display: flex;
  justify-content: center;
  flex-direction: column-reverse;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 30px;
  margin-bottom: 30px;
  align-content: center;
}
.consultation .consultation-share-results {
  display: flex;
  justify-content: center;
  align-items: center;

  position: relative;
  margin-top: 50px;
}
.consultation .consultation-share-results span {
  display: block;
  position: absolute;
  top: -35px;
}
.consultation .consultation-share-results svg,
.consultation .consultation-share-results img {
  width: 40px;
  height: 40px;
  margin: 0 20px;
  border-radius: 10px;
}
.consultation .consultation-share-results .consultation-whatsapp {
    display: none;
}
.consultation .consultation-results .consultation-checkout {
  width: 100%;
}
.consultation .consultation-results .consultation-restart,
.consultation .consultation-result-details .discover-more,
.consultation .consultation-results .consultation-restart:visited,
.consultation .consultation-result-details .discover-more:visited {
  color: rgba(var(--color-button-secondary));
  border: 2px solid rgba(var(--color-button-secondary));
  background: #fff;
  width: 100%;
}
.consultation .consultation-results .consultation-restart:hover,
.consultation .consultation-result-details .discover-more:hover, 
.consultation .consultation-results .consultation-restart:focus,
.consultation .consultation-result-details .discover-more:focus {
  color: #fff;
  border: 2px solid rgba(var(--color-button-secondary));
  background: rgba(var(--color-button-secondary));
}

.consultation .additional-panels-wrapper {
  max-width: 500px;
  flex-direction: column;
  gap: 24px;
  margin: auto;
  padding: 34px 0 68px;
  align-items: stretch;
  display: none;
}
.consultation .additional-panels-wrapper.active {
  display: flex;
}
.consultation .additional-panels-wrapper .additional-panel {
  flex: 0 0 calc(33.33% - 10.66px);
  border-radius: 32px;
  overflow: hidden;
  padding: 20px;
  position: relative;
  aspect-ratio: 500 / 267;
}
.consultation .additional-panels-wrapper .additional-panel.additional-panel-image {
  line-height: 0;
  padding: 0;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.consultation .additional-panels-wrapper .additional-panel.additional-panel-image img {
  opacity: 0;
  width: 100%;
  height: auto;
}
.consultation .additional-panels-wrapper .additional-panel.additional-panel-text_image  {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
}
.consultation .additional-panels-wrapper .additional-panel.additional-panel-text_image img {
  position: absolute;
  width: 100%;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.consultation .additional-panels-wrapper .additional-panel.additional-panel-review {
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
  justify-content: center;
}

.consultation .additional-panels-wrapper .additional-panel .review-copy p,
.consultation .additional-panels-wrapper .additional-panel .review-copy li {
  font-size: 14px;
  font-weight: 500;
  margin: 0;
}
.consultation .additional-panels-wrapper .additional-panel .review-copy h6 {
  color: #535353 !important;
  margin: 5px 0;
  font-size: 16px;
}
.consultation .additional-panels-wrapper .additional-panel .review-copy svg {
  width: 82px;
  height: auto;
}
.consultation .additional-panels-wrapper .additional-panel .review-image img {
  width: 48px;
  height: auto;
}
.consultation .additional-panels-wrapper .additional-panel .copy-big {
  font-size: 40px;
  font-weight: 500;
  position: relative;
  font-family: "IBM Plex Serif", serif;
  font-weight: 400;
  font-style: italic;
  display: block;
}
.consultation .additional-panels-wrapper .additional-panel .copy {
  font-size: 20px;
  font-weight: 500;
  position: relative;
  display: block;
}
.consultation .additional-panels-wrapper .additional-panel .copy * {
  margin: 0;
}

@media screen and (min-width: 500px) {
  .consultation .consultation-step-icon:not(.step-home) .consultation-step-icon-inner .consultation-step-icon-right {
    max-width: 120px;
    min-width: 120px;
  }
  .consultation .consultation-step-icon-inner .consultation-step-icon-left {
    padding: 20px;
  }
  .consultation .consultation-step-icon.step-home-trigger .consultation-step-icon-inner .consultation-step-icon-left {
    padding: 20px;
  }
  .consultation .additional-panels-wrapper .additional-panel .review-copy,
  .consultation .additional-panels-wrapper .additional-panel .review-copy p,
  .consultation .additional-panels-wrapper .additional-panel .review-copy li,
  .consultation .additional-panels-wrapper .additional-panel .review-copy h6 {
    font-size: 16px;
  }
  .consultation .additional-panels-wrapper .additional-panel .review-image img {
    width: 88px;
  }
}

@media screen and (min-width: 750px) {
  .consultation .selectable-field-option {
    padding: 0;
    font-size: 18px;
  }
  .consultation .selectable-field-option label {
    padding: 12px 20px;
  }
  .consultation .consultation-step-icon-text {
    font-size: 18px;
  }
  .consultation .selectable-field-option .option-checked {
    right: -16px;
    top: 8px;
    width: 31px;
    height: 31px;
  }
  .consultation .consultation-results-wrap .consultation-result {
    max-width: 340px;
  }
  .consultation .consultation-results-actions {
    /*justify-content: center;
    flex-direction: row;*/
  }
  .consultation .consultation-share-results {
    margin-top: 0;
  }
  .consultation .consultation-share-results span {
    display: inline;
    position: relative;
    top: auto;
    margin-right: 10px;
  }
  .consultation .consultation-results .consultation-checkout {
    width: calc(100% - 180px);
    max-width: 490px;
  }
  .consultation .consultation-results .consultation-restart {
    width: 160px;
    width: calc(100% - 180px);
    max-width: 490px;
  }
  .consultation .consultation-share-results .consultation-whatsapp-mobile, 
  .consultation .consultation-share-results .consultation-fb {
    display: none;
  }
  .consultation .consultation-share-results .consultation-whatsapp {
    display: inline-block;
  }

  .consultation .additional-panels-wrapper .additional-panel {
    padding: 25px;
  }
  .consultation .additional-panels-wrapper .additional-panel .copy {
    font-size: 24px;
  }
}
@media screen and (min-width: 900px) {
  .consultation .consultation-banner .consultation-banner-inner {
    gap: 10px;
    padding: 12px 0;
  }
  .consultation .consultation-banner .consultation-banner-text {
    font-size: 16px;
  }
  .consultation .consultation-banner .consultation-banner-icon {
    width: 74px;
    height: auto;
  }
  .consultation .consultation-step-heading {
    font-size: 30px;
  }
  .consultation .consultation-step:first-child .consultation-step-heading {
    font-size: 28px;
  }
  .consultation .consultation-step-description p,
  .consultation .consultation-step-description li {
    font-size: 18px;
    line-height: 26px;
  }
  .consultation .consultation-step-description li svg {
    margin-top: 0;
  }
  .consultation .consultation-results-wrap .consultation-result {
    max-width: 400px;
  }

  .consultation .additional-panels-wrapper {
    max-width: none;
    flex-direction: row;
    gap: 16px;
  }
  .consultation .additional-panels-wrapper .additional-panel .review-copy,
  .consultation .additional-panels-wrapper .additional-panel .review-copy p,
  .consultation .additional-panels-wrapper .additional-panel .review-copy li,
  .consultation .additional-panels-wrapper .additional-panel .review-copy h6 {
    font-size: 14px;
  }
  .consultation .additional-panels-wrapper .additional-panel .review-image img {
    width: 68px;
  }
}
@media screen and (min-width: 1200px) {
  .consultation .container.consultation-questions {
    padding-bottom: 8rem;
  }

  .consultation .additional-panels-wrapper .additional-panel .review-copy,
  .consultation .additional-panels-wrapper .additional-panel .review-copy p,
  .consultation .additional-panels-wrapper .additional-panel .review-copy li,
  .consultation .additional-panels-wrapper .additional-panel .review-copy h6 {
    font-size: 16px;
  }
  .consultation .additional-panels-wrapper .additional-panel .review-image img {
    width: 88px;
  }

  .consultation .consultation-step-icon.step-home-trigger:before {
    font-size: 16px;
  }
}

@media screen and (min-width: 1400px) {
  .consultation .additional-panels-wrapper .additional-panel {
    padding: 30px;
  }
  .consultation .additional-panels-wrapper .additional-panel.additional-panel-review {
    gap: 15px;
  }
  .consultation .additional-panels-wrapper .additional-panel .review-copy,
  .consultation .additional-panels-wrapper .additional-panel .review-copy p,
  .consultation .additional-panels-wrapper .additional-panel .review-copy li,
  .consultation .additional-panels-wrapper .additional-panel .review-copy h6 {
    font-size: 20px;
  }
  .consultation .additional-panels-wrapper .additional-panel .review-copy svg {
    width: 102px;
  }
  .consultation .additional-panels-wrapper .additional-panel .review-image img {
    width: 88px;
  }
  .consultation .additional-panels-wrapper .additional-panel .copy-big {
    font-size: 64px;
  }
  .consultation .additional-panels-wrapper .additional-panel .copy {
    font-size: 30px;
  }
}

/* Consultation v6 - not in section */
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 #DD241E80
    }

    75% {
        box-shadow: 0 0 0 8px #DD241E80
    }
}

.consultation:not(#consultation-in-section) {
  padding-bottom: 130px;

  &:has(.consultation-progress-bar .round-step:nth-child(8).active) {
    .consultation-btn-top {
      > span {
        &:first-child {
          display: block;
        }
      }
    }
  }
  &:has(.consultation-progress-bar .round-step:nth-child(9).active) {
    .consultation-btn-top {
      > span {
        &:first-child {
          display: none;
        }
        &:last-child {
          display: block;
        }
      }
    }
    .consultation-wrap {
      justify-content: center;
    }
    .side-info {
      display: none;
    }
  }

  &:has(.consultation-step.active):not(:has(.consultation-step.active input[type="text"])):not(:has(.consultation-step.active .consultation-step-fields input)):not(:has(.consultation-step.active .consultation-step-icon)),
  &:has(.consultation-step.active .consultation-step-fields input:checked),
  &:has(.consultation-step.active input[type="text"]):not(:has(.consultation-step.active input[type="text"]:placeholder-shown)),
  &:has(.consultation-step.active input[type="email"]):has(.consultation-step.active input[type="tel"]):not(:has(.consultation-step.active input[type="email"]:placeholder-shown)):not(:has(.consultation-step.active input[type="tel"]:placeholder-shown)),
  &:has(.consultation-step.active .consultation-step-icon.active)
  {
    .consultation-btn,
    .consultation-btn-mobile {
      opacity: 1;
      animation: pulse 1.5s infinite; 
    }
  }

  &:has(.consultation-step.active[data-tag="Information"]) {
    .consultation-btn,
    .consultation-btn-mobile {
      font-size: 0;
      margin-bottom: 74px;

      &:before {
        content: 'See your plan';
        font-size: 18px;
      }
    }
    .consultation-call-wrap {
      display: none;
    }
  }

  &.is-quick-version:has(.consultation-step.active[data-tag="Information"]) {
    .consultation-btn,
    .consultation-btn-mobile {
      &:before {
        content: 'See your quote';
      }
    }
  }

  .consultation-wrap {
    padding-bottom: 40px;
    border-bottom: 1px solid #D7D4D0;

    &:has(.consultation-step.active[data-tag="Information"]) {
      border-bottom: 0;
    }
  }
  .consultation-top {
    flex-wrap: wrap;

    .consultation-back {
      display: flex;
      align-items: center;
      gap: 3px;
      margin: 2px 0 3px;

      &.disabled {
        opacity: 0;
      }
      span {
        color: #282828;
        font-size: 14px;

        &:hover {
          text-decoration: underline;
        }
      }
    }

    .consultation-saved {
      display: flex;
      align-items: center;
      gap: 3px;
      margin: 2px 0 3px;
      opacity: 0;
      transition: opacity ease-in-out 1s;

      &.active {
        opacity: 1;
      }

      span {
        color: #282828;
        font-size: 14px;
        text-decoration: underline;
      }
    }

    .consultation-progress-wrap {
      flex: 1 1 100%;

      .consultation-progress-bar {
        align-items: center;
        padding: 0;
        margin: 5px auto 30px;

        .round-step {
          align-items: center;
          width: 55px;
          position: relative;
          flex: 0 0 55px;

          &.active {
            &:has(+ .progress-line + .round-step.active) {
              span {
                display: none;
                
                &.icon-check  {
                  display: flex;
                }
              }
            }
            span {
              background: #6AC977;
            }
          }

          span {
            height: 55px;
            width: 55px;
            border-radius: 30px;
            background: transparent;
            border: 2px solid #6AC977;
            margin: auto;
          }
          .icon-check {
            display: none;

            svg {
              width: 24px;
              height: auto;
            }
          }
        }

        .progress-line{
          flex: 1;
          height: 2px;
          background: #D9D9D9;
          top: 11px;
          left: 0;
          &:has(+ .round-step.active) {
            background: #6AC977;
          }
        }
      }
    }
  }

  .consultation-steps-container {

    .consultation-step {
      margin-bottom: 60px;

      &[data-tag="Wearable"] {
        .consultation-step-icons {
          margin-top: 12px;
        }
      }
      &[data-tag="Information"] {
        .consultation-step-heading {
            margin-bottom: 30px;
        }
        .consultation-step-description {
          p {
            font-size: 18px;
            line-height: 26px;
          }
          li {
            font-size: 18px;
            line-height: 26px;
            padding-left: 40px;
            margin-bottom: 20px;

            svg {
              fill: #282828;
              margin-top: -12px;
              width: 28px;
              height: auto;
              background: #6AC977;
              padding: 6px 4px;
              border-radius: 20px;
            }
          }
        }
      }
      .consultation-step-heading {
          font-size: 28px;
          line-height: 32px;
      }
      .consultation-step-fields {
        &:has(input:checked) {
          .selectable-field-option {
            &:not(:has(input:checked)) {
              background: #fff;
            }
          }
        }
        > div:first-child {
          margin-top: 24px;
        }
        .selectable-field-option {
          text-align: left;
          border: 1px solid #D7D4D0;
          font-size: 18px;
          color: #535353;

          &:has(input:checked) {
            color: #282828;
          }

          label {
            padding: 16px;
          } 

          .option-checked {
            top: 16px;

            circle {
              fill: #6AC977;
            }
          }
        }
      }

      .consultation-step-icons {
        margin-top: 30px;
        gap: 14px;

        &:has(.consultation-step-icon.active) {
          .consultation-step-icon:not(.active) {
            .consultation-step-icon-inner {
              .consultation-step-icon-left {
                background: #fff;
                .consultation-step-icon-title {
                  color: #535353;
                }
              }
            }
          }
        }

        .consultation-step-icon {
          &[data-selection="roam,wrist"],
          &[data-selection="home,neck"] {
            &:before {
              content: "Most Popular";
              position: absolute;
              text-transform: uppercase;
              color: #282828;
              background: #FFD102;
              font-weight: 500;
              font-size: 10px;
              width: auto;
              border-radius: 16px;
              padding: 4px 12px;
              text-align: center;
              right: 12px;
              top: -12px;
              display: block;
            }
          }
          &.active {
            .option-checked {
              display: block;
            }
          }
          .variant-radio {
            display: none;
          }
          .option-checked {
            position: absolute;
            top: 22px;
            right: -16px;
            display: none;

            circle {
              fill: #6AC977;
            }
          }
        }
      }
    }
  }

  .consultation-btn-top {
    display: none;
    margin-top: 60px;
    margin-bottom: 5px;
    text-align: center;

    > span {
      display: none;
      font-size: 18px;
      font-weight: 500;
      color: #282828;
    }
  }

  .consultation-btn {
    display: none;
    color: #fff !important;
    background: #DD241E;
    font-size: 18px;
    font-weight: 500;
    margin-top: 10px;
    width: 280px;
    margin-left: auto;
    margin-right: auto;
    opacity: 0.6;

    &:hover {
      color: #fff;
      background: #DD241E;
    }
  }

  .consultation-call-wrap {
    display: none;
    flex-direction: column;
    align-items: center;
    font-size: 18px;
    font-weight: 500;
    color: #282828;
    margin: 20px;

    a {
      color: #DD241E;
      text-decoration: none;
      font-weight: 500;
    }
  }

  .consultation-sticky-footer {
    position: fixed;
    bottom: 0;
    width: 100vw;
    background: #fff;
    z-index: 15;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 10px;
    box-shadow: 2px 0 4px #0000001a;

    .consultation-btn-top {
      display: block;
      margin-top: 0;
    }

    .consultation-btn-mobile {
      color: #fff;
      background: #DD241E;
      font-size: 18px;
      font-weight: 500;
      width: 230px;
      opacity: 0.6;
    }
    .consultation-call-wrap {
      display: flex;
      margin: 12px 20px;

      span {
        font-weight: 400;
      }

      a {
        font-weight: 500;
      }
    }
  }
  
  .side-info {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;

    .side-info-wrapper {
      display: none;
      flex-direction: column;
      gap: 20px;

      &.active {
        display: flex;
      }

      .side-info-card {
        position: relative;
        background: #fff;
        border-radius: 12px;
        width: 100vw;
        margin-left: -20px;
        margin-right: -20px;
        padding: 16px 20px;

        &.card-type-offer {
          padding-right: 130px;
        }

        &.card-type-quote {
          padding-left: 80px;

          .side-info-card-small-text {
            display: flex;
            flex-direction: row;
            gap: 8px;

            svg {
              margin: 8px 0 0;
              width: 80px;
            }
          }
        }

        .quote-icon {
          position: absolute;
          top: 22px;
          left: 20px;
          width: 39px;
          height: auto;
        }

        .side-info-card-text {
          font-size: 18px;
          line-height: 26px;
          color: #282828;
          font-weight: 500;

          p {
            margin: 0;
          }
        }
        .side-info-card-small-text {
          font-size: 14px;
          line-height: 20px;
          color: #535353;

          p {
            margin: 8px 0 0;
          }
        }
        .offer-pop {
          position: absolute;
          top: -12px;
          right: 0;
          border-right: 0;
          background: #DD241E;
          padding: 12px 20px;
          border-radius: 24px 0 0 24px;

          h3 {
              font-size: 16px;
              line-height: 16px;
              margin: 0;
              color: #ffffff;
          }

          span {
              font-weight: 500;
              font-size: 28px;
              line-height: 28px;
              margin: 0;
              color: #ffffff;
          }
        }
      }

      .side-info-accordions {
        h3 {
          font-size: 20px;
          line-height: 24px;
          margin: 20px 0;
        }
        .side-info-accordion {
          h4 {
            font-size: 16px;
            color: #282828;
            font-weight: 500;
            margin: 0;
            padding: 22px 40px 22px 0;
            cursor: pointer;
            position: relative;
            border-bottom: 1px solid #D7D4D0;

            &.active {
              svg {
                &:not(:last-child) {
                  display: none;
                }
              }
            }

            svg {
              position: absolute;
              right: 0;
              top: 16px;
              width: 32px;
              height: 32px;
              fill: #282828;

              path {
                stroke: #282828;
                stroke-width: 0.6px;
              }
            }
          }
          .side-info-accordion-content {
            display: none;
            font-size: 16px;
            color: #535353;
            padding-bottom: 10px;
            border-bottom: 1px solid #D7D4D0;

            &.is-open {
              display: block;
            }
          }
        }
      }

      .side-info-reviews {
        border-bottom: 1px solid #D7D4D0;
        padding-bottom: 20px;

        h3 {
          font-size: 20px;
          line-height: 24px;
          margin: 20px 0;
        }

        p {
          font-size: 16px;
          line-height: 24px;
          margin: 20px 0;
        }

        .trustpilot-widget {
          margin: 40px 0 40px -23px;
          width: 230px;
        }
      }

      .side-info-usps {
        p {
          font-size: 18px;
          line-height: 26px;
        }

        ul {
          margin-top: 10px;
          margin-bottom: 6px;
          list-style-type: none;
          padding-left: 0;
        }

        li {
          margin-top: 0;
          margin-bottom: 12px;
          padding-left: 40px;
          position: relative;
          font-size: 18px;
          line-height: 26px;

          strong {
            font-weight: 500;
            color: #282828;
          }

          svg {
            width: 25px;
            height: auto;
            left: 0;
            transform: translateY(50%);
            position: absolute;
            fill: #282828;
            margin-top: -5px;

            path {
              stroke-width: 0.2px;
              stroke: #282828;
            }
          }
        }
      }
    }
  }
}

@media (min-width: 400px) {
  .consultation:not(#consultation-in-section) {
    .side-info {
      .side-info-wrapper {
        .side-info-card {
          width: 100%;
          margin-left: 0;
          margin-right: 0;

          .offer-pop {
            border-radius: 24px 24px 0 24px;
          }
        }
      }

    }
  }
}

@media (min-width: 500px) {
  .consultation:not(#consultation-in-section) {
    .side-info {
      .side-info-wrapper {
        .side-info-reviews {
          .trustpilot-widget {
            width: 455px;
          }
        }
      }
    }
  }
}

@media (min-width: 750px) {
  .consultation:not(#consultation-in-section) {
    .consultation-steps-container {
      .consultation-step {

        .consultation-step-icons {
          .consultation-step-icon {
            .option-checked {
              top: calc(50% - 15px);
            }
          }
        }

        .consultation-step-fields {
          .selectable-field-option {
            .option-checked {
              top: calc(50% - 15px);
            }
          }
        }
      }
    }
  }
}

@media (min-width: 990px) {
  .consultation:not(#consultation-in-section) {
    padding-bottom: 0;

    .consultation-wrap {
      display: flex;
      flex-direction: row;
      gap: 64px;
      margin-top: 40px;
    }

    .consultation-top {
      max-width: 700px;

      .consultation-progress-wrap {
    
        .consultation-progress-bar {
          max-width: 700px;

          .round-step {
            width: 64px;
            flex: 0 0 64px;

            span {
              width: 64px;
              height: 64px;
              border-radius: 32px;

              small {
                font-size: 14px;
              }
            }

            .icon-check {
              svg {
                width: 34px;
              }
            }
          }
        }
      }
    }

    .consultation-steps-container {
      max-width: 700px;
    }

    .consultation-btn-top {
      display: block;
    }

    .consultation-btn {
      display: flex;
    }

    .consultation-call-wrap {
      display: flex;
    }

    .consultation-sticky-footer {
      display: none;
    }

    .consultation-questions {
      flex: 1 1 calc(60% - 45px);
      max-width: calc(60% - 45px);
      margin: 0 auto;
    }
    .side-info {
      max-width: 500px;
      margin-left: auto;
      margin-right: auto;
      min-width: 320px;

      margin: 0 auto;
      flex: 1 1 calc(40% - 45px);
      max-width: calc(40% - 45px);

      position: sticky;
      top: 100px;
      align-self: flex-start;
      

      .side-info-wrapper {
        .side-info-reviews {
          .trustpilot-widget {
            width: 227px;
          }
        }
      }
    }
  }
}

@media (min-width: 1200px) {
  .consultation:not(#consultation-in-section) {
    .consultation-questions {
      flex: 1 1 calc(55% - 52px);
    }

    .side-info {
      .side-info-wrapper {
        .side-info-reviews {
          .trustpilot-widget {
            width: 455px;
          }
        }
      }
    }
  }
}

@media (min-width: 1400px) {
  .consultation:not(#consultation-in-section) {
    .consultation-wrap {
      gap: 90px;
    }

    .consultation-steps-container {
      flex: 1 1 calc(55% - 65px);
      min-width: 700px;
    }

    .side-info {
      min-width: 500px;
    }
  }
}


.consultation-top:has(.consultation-progress-bar .round-step:nth-child(9).active) + .consultation-steps-container {
  margin-top: 34px;
}

.consultation:not(#consultation-in-section):has(.consultation-step.active .consultation-step-icon) .button {
  /*display: none;*/
}


/* Consultation v5 - payment */

#consultation-in-section.consultation {

  .consultation-progress-bar {
    gap: 6px; 

    .round-step {
      flex: content;

      span {
        height: 32px;
        border-radius: 32px;
        text-align: center;
        margin-right: 0;
        width: 100%;

        gap: 5px;

        small {
          font-size: 12px;
        }

        .step-name {
          display: none;
        }
      }
      &:nth-last-child(1 of .active)  {
        span {
          .step-name {
            display: flex;
          }
        }
      }
    }
  }

  .consultation-step:first-child {
    h1.consultation-step-heading {
      font-size: 28px;
    }
  }
  

  .payment-field .button {
    display: none;
  }

  .additional-payment-info {
    h4 {
      margin: 0;
      font-size: 16px;
      font-weight: 500;
    }
    
    .information-lines {
      margin: 24px 0;

      p {
        margin: 0 0 20px;
        font-size: 14px;
      }

      li {
        font-size: 16px;
      }
    }

    .money-guarantee {
      background: #EEECEA;
      border-radius: 16px;
      padding: 20px;
      margin: 24px 0;

      sup {
        font-size: 10px;
      }

      .money-guarantee-top {
        display: flex;
        flex-direction: row;
        gap: 10px;
      }

      p {
        margin: 9px 0 0;
        line-height: 16px;
        font-size: 14px;
      }
    }

    .instalments-wrapper {
      margin-bottom: 20px;

      .pricing-card {
        border: 1px solid #737373;
        border-radius: 16px;
        overflow: hidden;
        color: #282828;
        font-size: 16px;
        background: #fff;
      }

      .grid {
        display: grid;
        grid-template-columns: 2fr 1fr;
        align-items: center;
        border-bottom: 1px solid #737373;
        padding: 0 !important;
        margin: 0 !important;
        font-weight: 400;

        > div {
          padding: 6px 12px;
          text-align: center;

          &:first-child {
            text-align: left;
          }

          &:last-child {
            text-align: right;
          }
        }

        &.pricing-card-header div {
          padding: 12px;
          color: #282828;
          font-weight: 500;
        }

        div.label {
          background: #F6F2EE;
          font-weight: 500;
          align-self: stretch;
          display: flex;
          align-items: center;
        }
      }

      .price {
        display: block;
        color: #282828;
      }

      .crossed-price {
        color: #737373;
        text-decoration: line-through;
      }

      .saving {
        margin-top: 4px;
        color: #e53935 !important;
        font-weight: 500;
      }

      .pricing-card-footer {
        padding: 12px;
        line-height: 1.4;
        background: #F6F2EE;
        text-align: center;
      }

      .pricing-card-footer span {
        font-weight: 500;
        font-size: 18px;
      }
    }


    .vat-box {
      margin-top: 0;
      max-width: 700px;
      margin-bottom: 20px;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 15px 20px;
      background: #fff;
      border: 1px solid #D7D4D0;
      border-radius: 16px;
      gap: 10px;

      .variant-radio {
        background: #fff;
        border: 2px solid #282828;
        border-radius: 6px;
        width: 20px;
        min-width: 20px;
        height: 20px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;

        svg {
          opacity: 0;
        }

        &.selected {
          background: #282828;

          svg {
            opacity: 1;
          }
        }
      }

      h4 {
        margin: 0 0 10px;
        font-size: 16px;
        color: #282828;
        font-weight: 500;
      }

      p {
        margin: 0 0 10px;
        font-size: 14px;
        line-height: 20px;
        color: #535353;

        &:last-child {
          margin-bottom: 0;
        }
      }

      modal-opener span {
        text-decoration: underline;
        cursor: pointer;
      }
    }

    .checkout-line {
      text-align: center;

      #checkout {
        overflow: hidden;
        background: #DD241E;
        color: #ffffff;
        font-weight: 500;
        min-height: 41px;
        width: 100%;
        max-width: 700px;
        font-size: 18px;

        &:hover {
          background: #B1110C;
        }
      }
    }

    .dd-line {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      gap: 20px;
      margin: 20px auto;
      font-size: 14px;

      svg {
        width: 69px;
        height: auto;
      }
    }

    .tc-line {
      margin: 20px auto;
      font-size: 14px;
      color: #535353;
      margin-top: 0;
      
      modal-opener span {
        cursor: pointer;
        text-decoration: underline;
      }
    }

  }

  &:has(.payment-option.selected[data-payment="annual"]) .additional-payment-info .information-lines .annual-hidden {
    display: none;
  }

  &:has(.payment-option.selected[data-payment="annual"]) .additional-payment-info .information-lines .annual-only {
    display: block;
  }
  
} 


@media (min-width: 750px) {
  #consultation-in-section.consultation {
    .consultation-progress-bar {
      gap: 10px;

      .round-step {
        span {
          height: 32px;
          border-radius: 32px;
          text-align: center;

          .step-name {
            display: flex;
          }
        }
      }
    }
  }
}


@media (min-width: 900px) {
  #consultation-in-section.consultation {
    .consultation-step:first-child {
      h1.consultation-step-heading {
        font-size: 28px;
      }
    }
  }
}