@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
:root {
  --font-sito: "Poppins", sans-serif;
}

.registration--100 .registration__step-container {
  padding: 0 10px;
}
@media screen and (min-width: 670px) {
  .registration--100 .registration__step-container {
    padding: 0;
  }
}
.registration--100 .registration__step {
  background-color: #fff;
  padding: 15px 0 30px;
  border-radius: 0 0 10px 10px;
  margin-top: 0;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2);
  position: relative;
  max-width: 750px;
  margin: auto;
}
.registration--100 .registration__header {
  background: #E95C0C;
  color: #ffffff;
  position: sticky;
  z-index: 9;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
}
.registration--100 .registration__header__logo {
  width: 100%;
  height: auto;
  max-width: 140px;
}
@media screen and (min-width: 670px) {
  .registration--100 .registration__header__logo {
    max-width: 260px;
  }
}
.registration--100 .registration__header__content {
  padding: 16px 0 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 750px;
  margin: auto;
}
.registration--100 .registration__header__button--close {
  background: transparent;
  width: max-content;
  height: max-content;
  color: currentColor;
  border: none;
  outline: none;
  cursor: pointer;
}
.registration--100 .registration__header__button--close::before {
  content: "";
  display: block;
  background-color: currentColor;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M183.1 137.4C170.6 124.9 150.3 124.9 137.8 137.4C125.3 149.9 125.3 170.2 137.8 182.7L275.2 320L137.9 457.4C125.4 469.9 125.4 490.2 137.9 502.7C150.4 515.2 170.7 515.2 183.2 502.7L320.5 365.3L457.9 502.6C470.4 515.1 490.7 515.1 503.2 502.6C515.7 490.1 515.7 469.8 503.2 457.3L365.8 320L503.1 182.6C515.6 170.1 515.6 149.8 503.1 137.3C490.6 124.8 470.3 124.8 457.8 137.3L320.5 274.7L183.1 137.4z'/%3E%3C/svg%3E");
  width: 26px;
  height: 26px;
}
@media screen and (min-width: 670px) {
  .registration--100 .registration__header__button--close::before {
    width: 38px;
    height: 38px;
  }
}
.registration--100 .registration__breadcrumbs {
  display: flex;
  justify-content: flex-start;
  gap: 2px;
  width: 100%;
  max-width: 750px;
  padding: 16px 0;
}
.registration--100 .registration__breadcrumbs__crumb {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font: 400 16px/20px var(--font-sito);
}
.registration--100 .registration__breadcrumbs__crumb:last-child {
  font: 600 16px/20px var(--font-sito);
}
@media screen and (min-width: 670px) {
  .registration--100 .registration__breadcrumbs__crumb {
    font: 400 18px/22px var(--font-sito);
  }
  .registration--100 .registration__breadcrumbs__crumb:last-child {
    font: 600 18px/22px var(--font-sito);
  }
}
.registration--100 .registration__breadcrumbs__arrow::after {
  content: "";
  display: block;
  background-color: currentColor;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M471.1 297.4C483.6 309.9 483.6 330.2 471.1 342.7L279.1 534.7C266.6 547.2 246.3 547.2 233.8 534.7C221.3 522.2 221.3 501.9 233.8 489.4L403.2 320L233.9 150.6C221.4 138.1 221.4 117.8 233.9 105.3C246.4 92.8 266.7 92.8 279.2 105.3L471.2 297.3z'/%3E%3C/svg%3E");
  width: 22px;
  height: 22px;
}
@media screen and (min-width: 670px) {
  .registration--100 .registration__breadcrumbs__arrow::after {
    width: 26px;
    height: 26px;
  }
}
.registration--100 .registration__content {
  padding: 0 15px;
}
.registration--100 .registration__stepper {
  margin: 0 0 30px;
  padding: 0;
  display: flex;
  width: 100%;
}
.registration--100 .registration__stepper__step {
  margin: 0;
  padding: 0;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  position: relative;
  user-select: none;
  --cursor: default;
  --background: #eaeaea;
  --color: #cccccc;
}
.registration--100 .registration__stepper__step--active {
  --cursor: pointer;
  --background: #E95C0C;
  --color: #ffffff;
}
.registration--100 .registration__stepper__step__number {
  z-index: 1;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 1.5em;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--background);
  color: var(--color);
  cursor: var(--cursor);
  font: 400 14px/21px var(--font-sito);
}
.registration--100 .registration__stepper__step:not(:first-child)::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  left: 0;
  width: calc(100% - 35px);
  height: 4px;
  background: var(--background);
}
.registration--100 .registration__stepper__step__icon {
  z-index: 1;
  width: 42px;
  height: 42px;
  text-align: center;
  line-height: 1.5em;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--background);
  cursor: var(--cursor);
}
.registration--100 .registration__stepper__step__icon--gift::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M321.5 68.8C329.1 55.9 342.9 48 357.8 48l2.2 0c22.1 0 40 17.9 40 40s-17.9 40-40 40l-73.3 0 34.8-59.2zm-131 0l34.8 59.2-73.3 0c-22.1 0-40-17.9-40-40s17.9-40 40-40l2.2 0c14.9 0 28.8 7.9 36.3 20.8zm89.6-24.3l-24.1 41-24.1-41C215.7 16.9 186.1 0 154.2 0L152 0c-48.6 0-88 39.4-88 88 0 14.4 3.5 28 9.6 40L32 128c-17.7 0-32 14.3-32 32l0 32c0 17.7 14.3 32 32 32l448 0c17.7 0 32-14.3 32-32l0-32c0-17.7-14.3-32-32-32l-41.6 0c6.1-12 9.6-25.6 9.6-40 0-48.6-39.4-88-88-88l-2.2 0c-31.9 0-61.5 16.9-77.7 44.4zM480 272l-200 0 0 208 136 0c35.3 0 64-28.7 64-64l0-144zm-248 0l-200 0 0 144c0 35.3 28.7 64 64 64l136 0 0-208z'/%3E%3C/svg%3E");
}
.registration--100 .registration__validation-input {
  margin: 0 10px 20px 10px;
}
.registration--100 .registration__validation-input__input-container {
  position: relative;
}
.registration--100 .registration__validation-input__message {
  text-align: left;
  font-size: 0.9em;
  margin-top: 5px;
  position: absolute;
  margin-bottom: 20px;
  font: 400 12px/19px var(--font-sito);
}
.registration--100 .registration__validation-input__message p {
  margin: 0;
}
.registration--100 .registration__validation-input__message--error {
  color: #e11842;
}
.registration--100 .registration__validation-input__message--success {
  color: #63d231;
}
.registration--100 .registration__file-box {
  padding: 14px;
  background: #f3f3f3;
}
.registration--100 .registration__file-box__btn {
  cursor: pointer;
  width: 100%;
  outline: none;
  background: #E95C0C;
  color: #ffffff;
  padding: 10px 12px;
  border: none;
  border-radius: 5px;
  text-align: center;
  font: 700 14px/21px var(--font-sito);
}
.registration--100 .registration__file-box__p {
  color: #000000;
  margin: 8px 0 0 0;
  text-align: center;
  font: 400 12px/20px var(--font-sito);
}
.registration--100 .registration__file-box__spacer {
  display: block;
  width: 100%;
  height: 1px;
  border-top: 1px dashed #cccccc;
  margin-top: 8px;
}
.registration--100 .registration__file-box__file-container {
  margin-bottom: 14px;
}
.registration--100 .registration__file-box__file-container__header {
  color: #E95C0C;
  font: 700 16px/24px var(--font-sito);
  margin-bottom: 12px;
}
.registration--100 .registration__file-box__files-wrapper {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: nowrap;
}
.registration--100 .registration__file-box__file-selected {
  position: relative;
  border-radius: 5px;
  padding: 14px;
  background: #f7f7f7;
  border: 1px solid rgba(169, 169, 169, 0.3215686275);
  width: 100%;
  max-width: 130px;
  height: max-content;
  border: 1px solid #63d231;
  box-sizing: border-box;
}
.registration--100 .registration__file-box__file-selected__img {
  width: 80px;
  height: 80px;
  border-radius: 5px;
  object-fit: contain;
}
.registration--100 .registration__file-box__file-selected__p {
  margin-bottom: 0;
  margin-top: 8px;
  word-wrap: break-word;
  font: 400 14px/21px var(--font-sito);
}
.registration--100 .registration__file-box__file-selected__delete-btn {
  cursor: pointer;
  background: #ff4d4f;
  color: #ffffff;
  font-weight: 700;
  font-size: 12px;
  width: 24px;
  height: 24px;
  border: none;
  border-radius: 999px;
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(35%, -35%);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
}
.registration--100 .registration__file-box__file-selected__delete-btn::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 384.1 384.1' style='enable-background:new 0 0 384.1 384.1;' xml:space='preserve'%3E%3Cpath d='M54.7,9.5C42.2-3,21.9-3,9.4,9.5s-12.5,32.8,0,45.3l137.4,137.3L9.5,329.5C-3,342-3,362.3,9.5,374.8s32.8,12.5,45.3,0 l137.3-137.4l137.4,137.3c12.5,12.5,32.8,12.5,45.3,0s12.5-32.8,0-45.3L237.4,192.1L374.7,54.7c12.5-12.5,12.5-32.8,0-45.3 s-32.8-12.5-45.3,0L192.1,146.8L54.7,9.5z'/%3E%3C/svg%3E");
}
.registration--100 .registration__select,
.registration--100 .registration__input {
  width: 100%;
  box-sizing: border-box;
  border-radius: 0;
  border: 2px solid #dadada;
  padding: 4px;
  text-align: left;
  font-size: 1em;
  background: #fbfbfb;
  color: rgb(0, 0, 0);
  font: 400 14px/21px var(--font-sito);
}
.registration--100 .registration__select--error,
.registration--100 .registration__input--error {
  color: #e11842;
  background: #ffffff;
  border: 2px solid #e11842;
}
.registration--100 .registration__select--success,
.registration--100 .registration__input--success {
  color: #E95C0C;
  background: #ffffff;
  border: 2px solid #63d231;
}
.registration--100 .registration__select:focus,
.registration--100 .registration__input:focus {
  background: #ffffff;
  border: 2px solid #0093d4;
  box-shadow: none !important;
  outline: none !important;
}
.registration--100 .registration__input--password {
  padding: 8px 42px;
}
.registration--100 .registration__icon__password {
  position: absolute;
  left: 11px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: #888888;
}
.registration--100 .registration__icon__password--error {
  color: #dd2c00;
}
.registration--100 .registration__icon__password--success {
  color: #63d231;
}
.registration--100 .registration__icon__password::before {
  content: "";
  display: block;
  background-color: currentColor;
  width: 21px;
  height: 21px;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
}
.registration--100 .registration__icon__password--show {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M320 96C239.2 96 174.5 132.8 127.4 176.6C80.6 220.1 49.3 272 34.4 307.7C31.1 315.6 31.1 324.4 34.4 332.3C49.3 368 80.6 420 127.4 463.4C174.5 507.1 239.2 544 320 544C400.8 544 465.5 507.2 512.6 463.4C559.4 419.9 590.7 368 605.6 332.3C608.9 324.4 608.9 315.6 605.6 307.7C590.7 272 559.4 220 512.6 176.6C465.5 132.9 400.8 96 320 96zM176 320C176 240.5 240.5 176 320 176C399.5 176 464 240.5 464 320C464 399.5 399.5 464 320 464C240.5 464 176 399.5 176 320zM320 256C320 291.3 291.3 320 256 320C244.5 320 233.7 317 224.3 311.6C223.3 322.5 224.2 333.7 227.2 344.8C240.9 396 293.6 426.4 344.8 412.7C396 399 426.4 346.3 412.7 295.1C400.5 249.4 357.2 220.3 311.6 224.3C316.9 233.6 320 244.4 320 256z'/%3E%3C/svg%3E");
}
.registration--100 .registration__icon__password--hide {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M73 39.1C63.6 29.7 48.4 29.7 39.1 39.1C29.8 48.5 29.7 63.7 39 73.1L567 601.1C576.4 610.5 591.6 610.5 600.9 601.1C610.2 591.7 610.3 576.5 600.9 567.2L504.5 470.8C507.2 468.4 509.9 466 512.5 463.6C559.3 420.1 590.6 368.2 605.5 332.5C608.8 324.6 608.8 315.8 605.5 307.9C590.6 272.2 559.3 220.2 512.5 176.8C465.4 133.1 400.7 96.2 319.9 96.2C263.1 96.2 214.3 114.4 173.9 140.4L73 39.1zM236.5 202.7C260 185.9 288.9 176 320 176C399.5 176 464 240.5 464 320C464 351.1 454.1 379.9 437.3 403.5L402.6 368.8C415.3 347.4 419.6 321.1 412.7 295.1C399 243.9 346.3 213.5 295.1 227.2C286.5 229.5 278.4 232.9 271.1 237.2L236.4 202.5zM357.3 459.1C345.4 462.3 332.9 464 320 464C240.5 464 176 399.5 176 320C176 307.1 177.7 294.6 180.9 282.7L101.4 203.2C68.8 240 46.4 279 34.5 307.7C31.2 315.6 31.2 324.4 34.5 332.3C49.4 368 80.7 420 127.5 463.4C174.6 507.1 239.3 544 320.1 544C357.4 544 391.3 536.1 421.6 523.4L357.4 459.2z'/%3E%3C/svg%3E");
}
.registration--100 .registration__icon__exclamation {
  position: absolute;
  right: 11px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: #888888;
}
.registration--100 .registration__icon__exclamation--error {
  color: #dd2c00;
}
.registration--100 .registration__icon__exclamation--success {
  color: #63d231;
}
.registration--100 .registration__icon__exclamation::before {
  content: "";
  display: block;
  background-color: currentColor;
  width: 21px;
  height: 21px;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M320 576C178.6 576 64 461.4 64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576zM438 209.7C427.3 201.9 412.3 204.3 404.5 215L285.1 379.2L233 327.1C223.6 317.7 208.4 317.7 199.1 327.1C189.8 336.5 189.7 351.7 199.1 361L271.1 433C276.1 438 282.9 440.5 289.9 440C296.9 439.5 303.3 435.9 307.4 430.2L443.3 243.2C451.1 232.5 448.7 217.5 438 209.7z'/%3E%3C/svg%3E");
}
.registration--100 .registration__password-strength {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  padding: 8px 0;
}
.registration--100 .registration__password-strength__text {
  font: 400 12px/18px var(--font-sito);
}
.registration--100 .registration__password-strength__dots {
  display: flex;
  gap: 1px;
  --dot-color: #dddddd;
}
.registration--100 .registration__password-strength__dots:has(.registration__password-strength__dot--active:nth-child(1)) .registration__password-strength__dot--active {
  --dot-color: rgb(221, 44, 0);
}
.registration--100 .registration__password-strength__dots:has(.registration__password-strength__dot--active:nth-child(2)) .registration__password-strength__dot--active {
  --dot-color: rgb(255, 109, 0);
}
.registration--100 .registration__password-strength__dots:has(.registration__password-strength__dot--active:nth-child(3)) .registration__password-strength__dot--active {
  --dot-color: rgb(255, 214, 0);
}
.registration--100 .registration__password-strength__dots:has(.registration__password-strength__dot--active:nth-child(4)) .registration__password-strength__dot--active {
  --dot-color: rgb(174, 234, 0);
}
.registration--100 .registration__password-strength__dots:has(.registration__password-strength__dot--active:nth-child(5)) .registration__password-strength__dot--active {
  --dot-color: rgb(0, 200, 83);
}
.registration--100 .registration__password-strength__dot {
  background: var(--dot-color);
  width: 20px;
  height: 5px;
  border-radius: 2px;
}
.registration--100 .registration__radio-group {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  padding: 8px 0;
}
.registration--100 .registration__input-radio {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  --radio-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M464 256a208 208 0 1 0 -416 0 208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0 256 256 0 1 1 -512 0z'/%3E%3C/svg%3E");
  --radio-color: #cdd0cd;
  --text-color: #0d223c;
}
.registration--100 .registration__input-radio:has(input:checked) {
  --radio-icon: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cpath d='M256,512C114.6,512,0,397.4,0,256S114.6,0,256,0s256,114.6,256,256S397.4,512,256,512z M256,48C141.1,48,48,141.1,48,256 s93.1,208,208,208s208-93.1,208-208S370.9,48,256,48z M256,406c-82.8,0-150-67.2-150-150s67.2-150,150-150s150,67.2,150,150 S338.8,406,256,406z'/%3E%3C/svg%3E");
  --radio-color: #E95C0C;
  --text-color: rgb(0, 0, 0);
}
.registration--100 .registration__input-radio input {
  display: none;
}
.registration--100 .registration__input-radio__check::before {
  width: 20px;
  height: 20px;
  content: "";
  background-color: var(--radio-color);
  display: block;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-image: var(--radio-icon);
}
.registration--100 .registration__input-radio__label {
  color: var(--text-color);
  font: 700 13px/19px var(--font-sito);
}
.registration--100 .registration__checkbox {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  user-select: none;
  cursor: pointer;
  --check-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 448 448'%3E%3Cpath d='M384,48c8.8,0,16,7.2,16,16v320c0,8.8-7.2,16-16,16H64c-8.8,0-16-7.2-16-16V64c0-8.8,7.2-16,16-16h320ZM64,0C28.7,0,0,28.7,0,64v320c0,35.3,28.7,64,64,64h320c35.3,0,64-28.7,64-64V64c0-35.3-28.7-64-64-64H64Z' /%3E%3C/svg%3E");
  --check-color-1: #ffffff;
  --check-color-2: #daddda;
}
.registration--100 .registration__checkbox:has(input:checked) {
  --check-color-1: #ffffff;
  --check-color-2: #E95C0C;
  --check-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 448 448'%3E%3Cpath d='M384,0c35.3,0,64,28.7,64,64v320c0,35.3-28.7,64-64,64H64c-35.3,0-64-28.7-64-64V64C0,28.7,28.7,0,64,0h320ZM342,113.7c-10.7-7.8-25.7-5.4-33.5,5.3l-119.4,164.2-52.1-52.1c-9.4-9.4-24.6-9.4-33.9,0-9.3,9.4-9.4,24.6,0,33.9l72,72c5,5,11.9,7.5,18.8,7s13.4-4.1,17.5-9.8l135.9-187c7.8-10.7,5.4-25.7-5.3-33.5Z' /%3E%3C/svg%3E");
}
.registration--100 .registration__checkbox__grid {
  display: grid;
  grid-template-columns: auto;
  grid-gap: 12px;
}
.registration--100 .registration__checkbox__box {
  background: var(--check-color-1);
}
.registration--100 .registration__checkbox__box::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-color: var(--check-color-2);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-image: var(--check-mask);
}
.registration--100 .registration__checkbox__text {
  color: #212529;
  font: 700 13px/20px var(--font-sito);
}
.registration--100 .registration__checkbox a {
  color: #E95C0C;;
  text-decoration: none;
}
.registration--100 .registration__checkbox a:hover {
  color: #0f2a4c;
}
.registration--100 .registration__checkbox input[type=checkbox] {
  display: none;
}
.registration--100 .registration__buttons-container {
  margin-top: 50px;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 10px;
}
.registration--100 .registration__button {
  position: relative;
  padding: 14px 28px;
  font: 700 14px/21px var(--font-sito);
  cursor: pointer;
  border-radius: 5px;
  width: 100%;
}
.registration--100 .registration__button:disabled {
  opacity: 0.3;
  pointer-events: none;
}
@media screen and (min-width: 670px) {
  .registration--100 .registration__button {
    width: 205px;
  }
}
.registration--100 .registration__button--back {
  border: none;
  color: #8f978f;
  background: linear-gradient(to bottom, #e6e6e6 0%, #daddda 50%, #e6e6e6 100%);
}
.registration--100 .registration__button--back::before {
  left: 8px;
  mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 256.1 448.2' style='enable-background:new 0 0 256.1 448.2;' xml:space='preserve'%3E%3Cpath d='M9.4,201.5c-12.5,12.5-12.5,32.8,0,45.3l192,192c12.5,12.5,32.8,12.5,45.3,0s12.5-32.8,0-45.3L77.3,224.1L246.6,54.7 c12.5-12.5,12.5-32.8,0-45.3s-32.8-12.5-45.3,0l-192,192L9.4,201.5z'/%3E%3C/svg%3E");
}
.registration--100 .registration__button--forward {
  border: none;
  color: #ffffff;
  background: #E95C0C;;
}
.registration--100 .registration__button--forward::before {
  right: 8px;
  mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 256 448.2' style='enable-background:new 0 0 256 448.2;' xml:space='preserve'%3E%3Cpath d='M246.7,201.5c12.5,12.5,12.5,32.8,0,45.3l-192,192c-12.5,12.5-32.8,12.5-45.3,0s-12.5-32.8,0-45.3l169.4-169.4L9.5,54.7 C-3,42.2-3,21.9,9.5,9.4s32.8-12.5,45.3,0l192,192L246.7,201.5z'/%3E%3C/svg%3E");
}
.registration--100 .registration__button::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background-color: currentColor;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
}
.registration--100 .registration__codice-fiscale-box {
  background: #f5f5f9;
  display: grid;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 670px) {
  .registration--100 .registration__codice-fiscale-box {
    grid-template-columns: 0.75fr 0.25fr;
  }
}
.registration--100 .registration__codice-fiscale-box > * {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.registration--100 .registration__codice-fiscale-button {
  min-width: 0;
  position: relative;
  padding: 10px 12px;
  font: 700 14px/21px var(--font-sito);
  cursor: pointer;
  border-radius: 5px;
  width: 100%;
  border: none;
  color: #ffffff;
  background: #E95C0C;;
}
.registration--100 .registration__codice-fiscale-button:disabled {
  opacity: 0.3;
  pointer-events: none;
}
.registration--100 .registration__date-grid {
  display: grid;
  gap: 10px;
}
.registration--100 .registration__date-grid > * {
  min-width: 0;
}
.registration--100 .registration__date-grid:has(:nth-child(1):last-child) {
  grid-template-columns: repeat(1, 1fr);
}
.registration--100 .registration__date-grid:has(:nth-child(2):last-child) {
  grid-template-columns: repeat(2, 1fr);
}
.registration--100 .registration__date-grid:has(:nth-child(3):last-child) {
  grid-template-columns: repeat(3, 1fr);
}
.registration--100 .registration__date-grid:has(:nth-child(4):last-child) {
  grid-template-columns: 1fr 1fr 1fr max-content;
}
.registration--100 .registration__date-grid__18plus-icon::before {
  content: "";
  display: block;
  width: 42px;
  height: 42px;
  background-color: #9b9b9b;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' role='img' viewBox='0 0 100 100' aria-hidden='true'%3E%3Cpath fill='currentColor' d='M50.002 0C22.431 0 0 22.427 0 49.992 0 77.57 22.431 100 50.002 100 77.575 100 99.998 77.57 100 49.992c0-5.012-.742-9.974-2.213-14.742l-8.716 2.646a41.052 41.052 0 011.818 12.096c0 22.585-18.343 40.963-40.887 40.963-22.55 0-40.893-18.378-40.893-40.963 0-22.58 18.343-40.949 40.893-40.949 4.308 0 8.591.692 12.742 2.057l2.86-8.59A49.971 49.971 0 0050.002 0zm31.246 2.506v9.213h-9.563v6.978h9.655v9.215h7.405v-9.215h9.563V11.72H88.65V2.506zM60.346 31.578a16.86 16.86 0 00-4.681.645c-1.492.429-2.8 1.062-3.931 1.9a9.299 9.299 0 00-2.685 3.135c-.665 1.253-.994 2.687-.994 4.299 0 1.941.51 3.55 1.539 4.818a8.733 8.733 0 003.834 2.738v.104a9.057 9.057 0 00-2.44 1.16 9.118 9.118 0 00-2.012 1.826 8.273 8.273 0 00-1.37 2.422c-.332.904-.498 1.881-.498 2.94 0 1.843.367 3.447 1.095 4.818a9.974 9.974 0 002.904 3.38c1.211.89 2.608 1.556 4.199 1.999a18.44 18.44 0 005.018.668c1.718 0 3.382-.22 4.986-.668 1.605-.443 3.014-1.12 4.223-2.022a10.24 10.24 0 002.904-3.408c.726-1.364 1.095-2.974 1.095-4.818a8.456 8.456 0 00-.494-2.893 8.725 8.725 0 00-1.333-2.422 8.777 8.777 0 00-1.976-1.826 8.845 8.845 0 00-2.468-1.16v-.149c1.59-.526 2.886-1.447 3.88-2.765.995-1.318 1.493-2.95 1.493-4.89 0-1.613-.342-3.038-1.018-4.272a9.442 9.442 0 00-2.712-3.088c-1.131-.82-2.43-1.438-3.91-1.85a17.08 17.08 0 00-4.648-.62zm-26.972.936l-11.59 8.45 4.326 5.88 6.568-5.041v25.683h8.31V32.514zM60.346 38c1.158 0 2.153.379 2.984 1.133.83.758 1.243 1.713 1.243 2.865-.002 1.123-.4 2.092-1.192 2.916-.797.825-1.81 1.234-3.035 1.234-1.296 0-2.313-.41-3.06-1.234a4.2 4.2 0 01-1.122-2.916c0-1.15.382-2.105 1.146-2.865.766-.754 1.773-1.133 3.036-1.133zm0 14.47c1.425 0 2.594.456 3.505 1.36.915.908 1.37 2.036 1.37 3.383-.001 1.415-.447 2.54-1.343 3.385-.897.838-2.074 1.257-3.532 1.257-1.46 0-2.648-.42-3.557-1.257-.915-.844-1.37-1.97-1.37-3.385 0-1.384.455-2.516 1.37-3.406.911-.89 2.098-1.336 3.557-1.336z'/%3E%3C/svg%3E");
}
.registration--100 .registration__generate-cf-button {
  border: none;
  outline: none;
  cursor: pointer;
  width: 100%;
  padding: 4px 0;
  color: #0092d0;
  text-transform: capitalize;
  border-radius: 5px;
  background: linear-gradient(to bottom, #e6e6e6 0%, #dadada 50%, #e6e6e6 100%);
  box-shadow: inset 0 -2px 0 0 var #d6d9d6;
  font: 700 13px/19px var(--font-sito);
}
.registration--100 .registration__phone__input-group {
  display: grid;
  grid-template-columns: 35% 1fr;
}
.registration--100 .registration__welcome-bonus-grid {
  display: grid;
  grid-template-columns: auto;
  gap: 14px;
}
@media screen and (min-width: 670px) {
  .registration--100 .registration__welcome-bonus-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.registration--100 .registration__welcome-bonus-grid > * {
  min-width: 0;
}
.registration--100 .registration__card--1 {
  --img-transform: scale(1);
  --opacity: 0.4;
  --filter: grayscale(1);
  --border: 1px solid transparent;
  cursor: pointer;
  opacity: var(--opacity);
  filter: var(--filter);
  transition: all 0.2s linear;
  position: relative;
  height: 100%;
}
.registration--100 .registration__card--1:hover, .registration--100 .registration__card--1.registration__card--selected {
  --img-transform: scale(1.2);
  --opacity: 1;
  --border: 1px solid #e95c0c;
  --filter: grayscale(0);
}
.registration--100 .registration__card--1.registration__card--selected::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  background-color: #0b0;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M530.8 134.1C545.1 144.5 548.3 164.5 537.9 178.8L281.9 530.8C276.4 538.4 267.9 543.1 258.5 543.9C249.1 544.7 240 541.2 233.4 534.6L105.4 406.6C92.9 394.1 92.9 373.8 105.4 361.3C117.9 348.8 138.2 348.8 150.7 361.3L252.2 462.8L486.2 141.1C496.6 126.8 516.6 123.6 530.9 134z'/%3E%3C/svg%3E");
}
.registration--100 .registration__card--1 .registration__card__container {
  border-radius: 20px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.0901960784);
  background: #ffffff;
  overflow: hidden;
  border: var(--border);
  height: 100%;
}
.registration--100 .registration__card--1 .registration__card__img-container {
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
}
.registration--100 .registration__card--1 .registration__card__img {
  height: 90px;
  width: 90px;
  object-fit: contain;
  transform: var(--img-transform);
  transition: all 0.2s linear;
}
.registration--100 .registration__card--1 .registration__card__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  width: 100%;
  box-sizing: border-box;
}
.registration--100 .registration__card--1 .registration__card__title {
  margin: 0 0 14px 0;
  text-align: center;
  color: #212529;
  font: 700 14px/21px var(--font-sito);
  user-select: none;
}
.registration--100 .registration__card--1 .registration__card__text {
  margin: 0 0 14px 0;
  text-align: center;
  color: #212529;
  font: 400 13px/19px var(--font-sito);
  user-select: none;
}
.registration--100 .registration__h1 {
  text-align: center;
  color: #E95C0C;
  margin: 20px 0 10px 0;
  font: 700 28px/31px var(--font-sito);
}
.registration--100 .registration__p {
  color: #212529;
  margin: 8px 0 14px 0;
  font: 400 14px/21px var(--font-sito);
}
.registration--100 .registration__label {
  max-width: 100%;
  margin: 20px 0 5px 0;
  color: #0d223c;
  padding: 0;
  display: block;
  text-align: left;
  font: 700 15px/23px var(--font-sito);
}
.registration--100 .registration__label__link {
  text-decoration: none;
  color: #E95C0C;
}
.registration--100 .registration__label__link:hover {
  color: #0f2a4c;
}
.registration--100 .registration__title-label {
  max-width: 100%;
  margin: 20px 0 10px 0;
  color: #E95C0C;
  padding: 0;
  display: block;
  text-align: left;
  font: 700 13px/14px var(--font-sito);
}

.registration__validation-input:has(.registration__input + .registration__generate-cf-button) .registration__generate-cf-button {
  margin-top: 8px;
}

/* STEP 1 */
#dati-documento .registration__inputs-grid {
  display: grid;
  grid-template-columns: auto;
}
@media screen and (min-width: 670px) {
  #dati-documento .registration__inputs-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
#dati-documento .registration__inputs-grid > * {
  min-width: 0;
}

#dati-documento #tipo-documento {
  grid-row: 1;
}
@media screen and (min-width: 670px) {
  #dati-documento #tipo-documento {
    grid-column: 1/span 1;
  }
}

/* STEP 2 */
#dati-pesonali .registration__inputs-grid {
  display: grid;
  grid-template-columns: auto;
}
@media screen and (min-width: 670px) {
  #dati-pesonali .registration__inputs-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
#dati-pesonali .registration__inputs-grid > * {
  min-width: 0;
}

/* STEP-3 */
#residenza-and-dati-privati .registration__inputs-grid {
  display: grid;
  grid-template-columns: auto;
}
@media screen and (min-width: 670px) {
  #residenza-and-dati-privati .registration__inputs-grid {
    grid-template-columns: repeat(6, 1fr);
  }
}
#residenza-and-dati-privati .registration__inputs-grid > * {
  min-width: 0;
}

#residenza-and-dati-privati #vin-nazione-di-residenza {
  grid-column: span 1;
}
@media screen and (min-width: 670px) {
  #residenza-and-dati-privati #vin-nazione-di-residenza {
    grid-column: span 2;
  }
}

#residenza-and-dati-privati #vin-provincia-di-residenza {
  grid-column: span 1;
}
@media screen and (min-width: 670px) {
  #residenza-and-dati-privati #vin-provincia-di-residenza {
    grid-column: span 2;
  }
}

#residenza-and-dati-privati #vin-citta-di-residenza {
  grid-column: span 1;
}
@media screen and (min-width: 670px) {
  #residenza-and-dati-privati #vin-citta-di-residenza {
    grid-column: span 2;
  }
}

#residenza-and-dati-privati #vin-indirizzo-di-residenza {
  grid-column: span 1;
}
@media screen and (min-width: 670px) {
  #residenza-and-dati-privati #vin-indirizzo-di-residenza {
    grid-column: span 3;
  }
}
#residenza-and-dati-privati #cg-cittadinanza-form {
  grid-column: span 1;
}
@media screen and (min-width: 670px) {
  #residenza-and-dati-privati #cg-cittadinanza-form {
    grid-column: span 2;
  }
}cg-cittadinanza-form
#residenza-and-dati-privati #vin-cap-di-residenza {
  grid-column: span 1;
}
@media screen and (min-width: 670px) {
  #residenza-and-dati-privati #vin-cap-di-residenza {
    grid-column: span 1;
  }
}

#residenza-and-dati-privati #vin-numero-di-cellulare {
  grid-column: span 1;
}
@media screen and (min-width: 670px) {
  #residenza-and-dati-privati #vin-numero-di-cellulare {
    grid-column: span 6;
  }
}

#residenza-and-dati-privati #vin-professione {
  grid-column: span 1;
}
@media screen and (min-width: 670px) {
  #residenza-and-dati-privati #vin-professione {
    grid-column: span 3;
  }
}

#residenza-and-dati-privati #vin-persona-esposta-politicamente {
  grid-column: span 1;
}
@media screen and (min-width: 670px) {
  #residenza-and-dati-privati #vin-persona-esposta-politicamente {
    grid-column: span 3;
  }
}
#residenza-and-dati-privati #vin-persona-esposta-politicamente-ragione {
  grid-column: span 1;
}
@media screen and (min-width: 670px) {
  #residenza-and-dati-privati #vin-persona-esposta-politicamente-ragione {
    grid-column: span 6;
  }
}

/* STEP-4*/
#dati-accesso .registration__inputs-grid {
  display: grid;
  grid-template-columns: auto;
  align-content: center;
}
@media screen and (min-width: 670px) {
  #dati-accesso .registration__inputs-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
#dati-accesso .registration__inputs-grid > * {
  min-width: 0;
}

#dati-accesso #vin-username {
  grid-column: span 1;
}
@media screen and (min-width: 670px) {
  #dati-accesso #vin-username {
    grid-column: span 1;
  }
}

#dati-accesso #vin-password {
  grid-column: span 1;
}
@media screen and (min-width: 670px) {
  #dati-accesso #vin-password {
    grid-column: span 2;
  }
}

#dati-accesso #vin-password {
  display: grid;
  grid-template-columns: auto;
}
@media screen and (min-width: 670px) {
  #dati-accesso #vin-password {
    grid-template-columns: repeat(2, 1fr);
  }
}

#dati-accesso #vin-password .registration__label {
  grid-column: span 1;
}
@media screen and (min-width: 670px) {
  #dati-accesso #vin-password .registration__label {
    grid-column: span 2;
  }
}



/*MY CSS*/
.form-group.cg-mandatory label:after {
    content: "" !important;
}
#cg-signup-body > main > div.container-fluid.registrazione-main{
	 border: 0px !important;
     padding: 0px !important;
     margin: 0px !important;
     flex-grow: 0;
}
.bs-stepper-content {
    padding: 0 0 20px !important;
}
.cg-signup-responsive .container-fluid {
    min-width: unset;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
#cg-signup-card-spidCie, 
#cg-signup-card-faceid, 
#cg-signup-card-classica {
    background-color: #e95c0c !important;
    position: relative !important;
    display: flex;
    align-items: center;
    padding-right: 40px; 
    min-height: 60px;
    border-radius: 8px;
    color: white;
}

#cg-signup-card-spidCie::after, 
#cg-signup-card-faceid::after, 
#cg-signup-card-classica::after {
    content: '\203A'; 
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 32px;
    color: white;
    font-weight: bold;
    line-height: 1;
    pointer-events: none;
}
#cg-signup-body .container-fluid.registrazione-bot.bg-colore-1.bordo-tondo.bianco.allinea-centro {
    background: #e95c0c;
}

#cg-document-file-1{
	margin-bottom: 5px;
}