@charset "UTF-8"; * {  box-sizing: border-box; } html, body {  margin: 0;  padding: 0;  border: none;  min-height: 100vh;  font-family: "Arial", sans-serif;  min-width: 320px;  scroll-behavior: smooth; } body {  width: 100vw;  overflow-x: hidden; } ul {  list-style: none;  margin: 0;  padding: 0; } .align-center {  text-align: center; } .sixteen-padding {  padding: 16px 16px 16px 16px; } .horizontal-center-container {  text-align: center;  width: 100vw; } .flex-row {  display: flex;  flex-direction: row; } .flex-column {  display: flex;  flex-direction: column; } .flex-equal {  flex-grow: 1; } .pac-container::after {  content: "Automatic fill of the form";  padding-right: 123px;  font-size: 11px;  color: #747474;  line-height: 13px;  padding-top: 4px;  font-family: "Montserrat", sans-serif;  font-weight: bold; } /* For Firefox */ input[type=number] {  -moz-appearance: textfield; } /* Webkit browsers like Safari and Chrome */ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {  -webkit-appearance: none;  margin: 0; } .margin-bottom--8px {  margin-bottom: 8px !important; } .margin-bottom--16px {  margin-bottom: 16px !important; } .margin-bottom--24px {  margin-bottom: 24px !important; } .margin-top--8px {  margin-top: 8px !important; } .margin-top--16px {  margin-top: 16px !important; } .margin-top--32px {  margin-top: 32px !important; } .margin-left--13px {  margin-left: 13px !important; } .display-none {  display: none !important; } .fnlg-card-normal-font {  color: #656B6F;  text-align: justify; } .red-text {  color: #D8D1C9; } .green-text {  color: green; } .break-word-all {  word-break: break-all; } .div-with-space:after {  content: " "; } .free-space--34px {  width: 100%;  height: 34px; } .max-width-600 {  max-width: 600px; } .max-width-1100 {  max-width: 1100px; } .w-90 {  width: 90%; } @media (min-width: 769px) {  .mobile-screen {   display: none;  } } @media (max-width: 768px) {  .laptop-screen {   display: none;  } } .h-40 {  height: 40px; } .h-1800 {  height: 1800px; } @media (max-width: 390px) {  .h-sm-auto {   height: auto !important;  } } .luxtrust-icon {  height: 33.3333333333px;  width: 200px; } .icon, .icon-50px, .desktop-float-icon-50px, .icon-60px, .desktop-float-icon-60px, .icon-80px, .desktop-float-icon-80px, .icon-100px, .desktop-float-icon-100px {  visibility: initial; } .icon-100px, .desktop-float-icon-100px {  font-size: 100px;  height: 100px; } .icon-100px .stroke, .desktop-float-icon-100px .stroke {  stroke: #1CABE2; } .icon-100px .fill, .desktop-float-icon-100px .fill {  fill: #1CABE2; } .icon-100px > *:first-child, .desktop-float-icon-100px > *:first-child {  display: block;  height: 100%; } @media (max-width: 720px) {  .icon-100px, .desktop-float-icon-100px {   font-size: calc(100px - 20px);   height: calc(100px - 20px);  } } @media all and (min-width: 721px) {  .desktop-float-icon-100px {   position: absolute;   width: 100px;   left: 9%;   top: calc(50% - 30px);   transform: translateY(-50%);  }  .desktop-float-icon-100px + * {   padding: 0 calc(8% + 100px);  } } .icon-80px, .desktop-float-icon-80px {  font-size: 80px;  height: 80px; } .icon-80px .stroke, .desktop-float-icon-80px .stroke {  stroke: #1CABE2; } .icon-80px .fill, .desktop-float-icon-80px .fill {  fill: #1CABE2; } .icon-80px > *:first-child, .desktop-float-icon-80px > *:first-child {  display: block;  height: 100%; } @media (max-width: 720px) {  .icon-80px, .desktop-float-icon-80px {   font-size: calc(80px - 20px);   height: calc(80px - 20px);  } } @media all and (min-width: 721px) {  .desktop-float-icon-80px {   position: absolute;   width: 80px;   left: 9%;   top: calc(50% - 30px);   transform: translateY(-50%);  }  .desktop-float-icon-80px + * {   padding: 0 calc(8% + 80px);  } } .icon-60px, .desktop-float-icon-60px {  font-size: 60px;  height: 60px; } .icon-60px .stroke, .desktop-float-icon-60px .stroke {  stroke: #1CABE2; } .icon-60px .fill, .desktop-float-icon-60px .fill {  fill: #1CABE2; } .icon-60px > *:first-child, .desktop-float-icon-60px > *:first-child {  display: block;  height: 100%; } @media (max-width: 720px) {  .icon-60px, .desktop-float-icon-60px {   font-size: calc(60px - 20px);   height: calc(60px - 20px);  } } @media all and (min-width: 721px) {  .desktop-float-icon-60px {   position: absolute;   width: 60px;   left: 9%;   top: calc(50% - 30px);   transform: translateY(-50%);  }  .desktop-float-icon-60px + * {   padding: 0 calc(8% + 60px);  } } .icon-50px, .desktop-float-icon-50px {  font-size: 50px;  height: 50px; } .icon-50px .stroke, .desktop-float-icon-50px .stroke {  stroke: #1CABE2; } .icon-50px .fill, .desktop-float-icon-50px .fill {  fill: #1CABE2; } .icon-50px > *:first-child, .desktop-float-icon-50px > *:first-child {  display: block;  height: 100%; } @media (max-width: 720px) {  .icon-50px, .desktop-float-icon-50px {   font-size: calc(50px - 20px);   height: calc(50px - 20px);  } } @media all and (min-width: 721px) {  .desktop-float-icon-50px {   position: absolute;   width: 50px;   left: 9%;   top: calc(50% - 30px);   transform: translateY(-50%);  }  .desktop-float-icon-50px + * {   padding: 0 calc(8% + 50px);  } } .back-icon {  position: absolute;  top: 24px;  transform: translateY(-50%);  left: 0;  color: #666;  font-size: 40px;  cursor: pointer; } .image-inline--220px {  min-width: 220px !important;  max-width: 220px !important; } .image-inline--200px {  min-width: 200px !important;  max-width: 200px !important; } .image-inline--180px {  min-width: 180px !important;  max-width: 180px !important; } .image-inline--160px {  min-width: 160px !important;  max-width: 160px !important; } .fnlg-header {  height: 80px;  background-color: #FFF;  color: #000;  width: 100%;  display: flex; } .fnlg-header-img {  display: inline-block;  background: url("/api/css/assets/logo") no-repeat;  background-size: contain;  height: calc(100% - 24px);  min-width: 150px;  margin: 12px 22px;  position: relative; } @media (min-width: 320px) {  .fnlg-header-img {   left: 6%;  } } @media (min-width: 365px) {  .fnlg-header-img {   left: 10%;  } } @media (min-width: 375px) {  .fnlg-header-img {   left: 13%;  } } @media (min-width: 411px) {  .fnlg-header-img {   left: 17%;  } } @media (min-width: 426px) {  .fnlg-header-img {   left: 0;  } } .fnlg-header-right-container {  position: absolute;  right: 28px;  top: 50%;  transform: translateY(-50%);  letter-spacing: 2px; } .fnlg-header-right-container .active {  text-decoration: underline;  font-weight: bold;  cursor: default; } .fnlg-header-back {  display: none; } @media all and (max-width: 720px) {  .fnlg-header-back {   display: block;   position: absolute;   color: #000;   top: 50%;   transform: translateY(-50%);   font-size: 40px;   left: 8px;   cursor: pointer;  } } @media (min-width: 426px) {  .fnlg-header-back + * {   margin-left: 36px;  } } .language--desktop a {  color: #000;  text-decoration: none; } .language--desktop a:hover {  font-weight: bold; } .language--desktop > *:last-child .language-separator {  display: none; } @media all and (max-width: 720px) {  .language--desktop {   display: none;  } } .language-list > * {  display: flex !important;  align-items: center;  justify-content: center; } .fnlg-radio-container {  width: 100%;  font-size: 16px;  color: #5e6467;  text-align: left;  min-height: 50px; } .fnlg-radio-container label {  display: inline-block;  position: relative;  cursor: pointer;  user-select: none;  margin-top: 14px;  text-transform: inherit;  letter-spacing: 0;  font-weight: normal;  font-size: 16px;  padding-left: 24px;  vertical-align: top; } .fnlg-radio-container label ~ label {  margin-left: 40px; } .fnlg-radio-container label input[type=radio] {  position: absolute;  opacity: 0;  margin: 0;  cursor: pointer;  left: 0;  top: 0;  width: 100%;  height: 100%; } .fnlg-radio-container label .fnlg-checkmark {  position: absolute;  top: 50%;  transform: translateY(-50%);  left: 0;  height: 16px;  width: 16px;  border-radius: 50%;  border: solid 1px #2b3b45; } .fnlg-radio-container label input:checked ~ .fnlg-checkmark:after {  content: "";  position: absolute;  display: block;  top: 2px;  left: 2px;  width: 10px;  height: 10px;  border-radius: 50%;  background: #1CABE2; } .fnlg-radio-container label .fnlg-checkmark-white {  position: absolute;  top: 0;  left: 0;  height: 16px;  width: 16px;  border-radius: 50%;  border: solid 1px white; } .fnlg-radio-container label input:checked ~ .fnlg-checkmark-white:after {  content: "";  position: absolute;  display: block;  top: 2px;  left: 2px;  width: 10px;  height: 10px;  border-radius: 50%;  background: white; } .radio-list > label {  margin: 2px 0; } @media all and (max-width: 720px) {  .radio-list {   margin: 0 -20px;   padding: 10px 20px;   border-bottom: 2px solid #E1E1E1;  }  .radio-list > label {   margin: 0;   width: 100%;   padding-left: 32px;  }  .radio-list > label input ~ * {   opacity: 0.6;  }  .radio-list > label input:checked ~ * {   opacity: 1;   font-weight: bold;  } } .radio-list:last-child {  margin-bottom: 8px; } @media all and (max-width: 720px) {  .radio-list--other {   border-bottom: 0;   padding-bottom: 0;  } } .radio-btn-paragraph ~ .radio-btn-paragraph, .radio-btn-paragraph--no-height ~ .radio-btn-paragraph, .radio-btn-paragraph ~ .radio-btn-paragraph--no-height, .radio-btn-paragraph--no-height ~ .radio-btn-paragraph--no-height {  margin-top: 16px !important; } .radio-btn-paragraph .fnlg-radio-container, .radio-btn-paragraph--no-height .fnlg-radio-container {  padding: 0 16px; } @media all and (max-width: 720px) {  .radio-btn-paragraph .fnlg-radio-container, .radio-btn-paragraph--no-height .fnlg-radio-container {   padding: 0;  } } .radio-btn-paragraph--no-height {  min-height: auto !important; } .fnlg-checkbox {  margin-top: 4px;  margin-bottom: 12px;  position: relative;  cursor: pointer; } .fnlg-checkbox > .fnlg-checkmark {  position: absolute;  top: 4px;  left: 0;  border: 1px solid #C6D0DA;  height: 16px;  width: 16px;  border-radius: 2px; } .fnlg-checkbox > .checkbox-option {  padding-left: 26px; } .fnlg-checkbox > i {  display: none;  color: #1CABE2;  position: absolute;  left: -1px;  top: -3px;  font-weight: bold; } .fnlg-checkbox > input[type=checkbox] {  display: none; } .fnlg-checkbox > input[type=checkbox]:checked ~ i {  display: block; } .fnlg-checkbox > input[type=checkbox]:checked ~ .fnlg-checkmark {  border: 1px solid #2b3b45; } .noselect {  user-select: none;  background-color: transparent; } .checkbox-description {  padding-left: 32px;  padding-bottom: 24px; } .fnlg-card-row {  display: flex;  flex-flow: row wrap;  position: relative; } .flex-row-reverse {  flex-direction: row-reverse; } .fnlg-card-container {  display: flex;  flex-flow: row wrap;  flex: 1;  min-width: 320px;  margin: 30px 16px;  position: relative; } @media all and (max-width: 720px) {  .fnlg-card-container {   margin-top: 15px;   width: calc(100% - 32px);   min-width: 288px;  }  .fnlg-card-container .fnlg-card, .fnlg-card-container .fnlg-card--without-btn, .fnlg-card-container .fnlg-card--with-btn-persisted, .fnlg-card-container .fnlg-card-accent {   cursor: pointer;   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);  }  .fnlg-card-container .fnlg-card button, .fnlg-card-container .fnlg-card--without-btn button, .fnlg-card-container .fnlg-card--with-btn-persisted button, .fnlg-card-container .fnlg-card-accent button {   display: none;  } } .fnlg-card, .fnlg-card--without-btn, .fnlg-card--with-btn-persisted, .fnlg-card-accent {  position: relative;  text-align: center;  border-radius: 3px;  padding: 48px 40px calc(80px + 36px);  width: 100%;  background-color: #FFF;  color: #656B6F; } .fnlg-card .stroke, .fnlg-card--without-btn .stroke, .fnlg-card--with-btn-persisted .stroke, .fnlg-card-accent .stroke {  stroke: #1CABE2; } .fnlg-card .fill, .fnlg-card--without-btn .fill, .fnlg-card--with-btn-persisted .fill, .fnlg-card-accent .fill {  fill: #1CABE2; } .fnlg-card li, .fnlg-card--without-btn li, .fnlg-card--with-btn-persisted li, .fnlg-card-accent li {  line-height: 24px; } .fnlg-card > *, .fnlg-card--without-btn > *, .fnlg-card--with-btn-persisted > *, .fnlg-card-accent > * {  margin-top: 30px !important;  /* @media all and (max-width: $main-breakpoint) {   margin-top: 15px !important;  }*/ } .fnlg-card > *:first-child, .fnlg-card--without-btn > *:first-child, .fnlg-card--with-btn-persisted > *:first-child, .fnlg-card-accent > *:first-child, .fnlg-card > h5, .fnlg-card--without-btn > h5, .fnlg-card--with-btn-persisted > h5, .fnlg-card-accent > h5 {  margin-top: 0 !important; } @media all and (max-width: 720px) {  .fnlg-card, .fnlg-card--without-btn, .fnlg-card--with-btn-persisted, .fnlg-card-accent {   display: flex;   align-items: center;   justify-content: left;   text-align: left;   padding: 24px 20px 18px;  }  .fnlg-card > *, .fnlg-card--without-btn > *, .fnlg-card--with-btn-persisted > *, .fnlg-card-accent > * {   margin-top: 0 !important;   margin-left: 20px;  }  .fnlg-card .icon, .fnlg-card--without-btn .icon, .fnlg-card--with-btn-persisted .icon, .fnlg-card-accent .icon, .fnlg-card .icon-100px, .fnlg-card--without-btn .icon-100px, .fnlg-card--with-btn-persisted .icon-100px, .fnlg-card-accent .icon-100px, .fnlg-card .desktop-float-icon-100px, .fnlg-card--without-btn .desktop-float-icon-100px, .fnlg-card--with-btn-persisted .desktop-float-icon-100px, .fnlg-card-accent .desktop-float-icon-100px, .fnlg-card .icon-80px, .fnlg-card--without-btn .icon-80px, .fnlg-card--with-btn-persisted .icon-80px, .fnlg-card-accent .icon-80px, .fnlg-card .desktop-float-icon-80px, .fnlg-card--without-btn .desktop-float-icon-80px, .fnlg-card--with-btn-persisted .desktop-float-icon-80px, .fnlg-card-accent .desktop-float-icon-80px, .fnlg-card .icon-60px, .fnlg-card--without-btn .icon-60px, .fnlg-card--with-btn-persisted .icon-60px, .fnlg-card-accent .icon-60px, .fnlg-card .desktop-float-icon-60px, .fnlg-card--without-btn .desktop-float-icon-60px, .fnlg-card--with-btn-persisted .desktop-float-icon-60px, .fnlg-card-accent .desktop-float-icon-60px, .fnlg-card .icon-50px, .fnlg-card--without-btn .icon-50px, .fnlg-card--with-btn-persisted .icon-50px, .fnlg-card-accent .icon-50px, .fnlg-card .desktop-float-icon-50px, .fnlg-card--without-btn .desktop-float-icon-50px, .fnlg-card--with-btn-persisted .desktop-float-icon-50px, .fnlg-card-accent .desktop-float-icon-50px {   margin-left: 0;  }  .fnlg-card ul, .fnlg-card--without-btn ul, .fnlg-card--with-btn-persisted ul, .fnlg-card-accent ul, .fnlg-card h5, .fnlg-card--without-btn h5, .fnlg-card--with-btn-persisted h5, .fnlg-card-accent h5 {   display: none;  }  .fnlg-card h5 + *, .fnlg-card--without-btn h5 + *, .fnlg-card--with-btn-persisted h5 + *, .fnlg-card-accent h5 + * {   margin-top: 0 !important;  } } @media all and (max-width: 720px) {  .mobile-reverse {   flex-flow: row-reverse;   justify-content: flex-end;  } } .fnlg-card-accent {  background-color: #1CABE2;  color: #FFF; } .fnlg-card-accent .stroke {  stroke: #FFF; } .fnlg-card-accent .fill {  fill: #FFF; } .fnlg-card-accent .fnlg-btn-accent, .fnlg-card-accent .button-input {  background-color: #FFF;  color: #1CABE2; } .card-container--no-click .fnlg-card, .card-container--no-click .fnlg-card--without-btn, .card-container--no-click .fnlg-card--with-btn-persisted, .card-container--no-click .fnlg-card-accent {  text-align: left; } @media all and (max-width: 720px) {  .card-container--no-click .fnlg-card, .card-container--no-click .fnlg-card--without-btn, .card-container--no-click .fnlg-card--with-btn-persisted, .card-container--no-click .fnlg-card-accent {   cursor: default;   box-shadow: none;   display: block;  }  .card-container--no-click .fnlg-card button, .card-container--no-click .fnlg-card--without-btn button, .card-container--no-click .fnlg-card--with-btn-persisted button, .card-container--no-click .fnlg-card-accent button {   display: inline-block;  }  .card-container--no-click .fnlg-card > *, .card-container--no-click .fnlg-card--without-btn > *, .card-container--no-click .fnlg-card--with-btn-persisted > *, .card-container--no-click .fnlg-card-accent > * {   margin-left: 0;   margin-top: 15px !important;  }  .card-container--no-click .fnlg-card > *:first-child, .card-container--no-click .fnlg-card--without-btn > *:first-child, .card-container--no-click .fnlg-card--with-btn-persisted > *:first-child, .card-container--no-click .fnlg-card-accent > *:first-child, .card-container--no-click .fnlg-card > h5, .card-container--no-click .fnlg-card--without-btn > h5, .card-container--no-click .fnlg-card--with-btn-persisted > h5, .card-container--no-click .fnlg-card-accent > h5 {   margin-top: 0 !important;  }  .card-container--no-click .fnlg-card .icon, .card-container--no-click .fnlg-card--without-btn .icon, .card-container--no-click .fnlg-card--with-btn-persisted .icon, .card-container--no-click .fnlg-card-accent .icon, .card-container--no-click .fnlg-card .icon-100px, .card-container--no-click .fnlg-card--without-btn .icon-100px, .card-container--no-click .fnlg-card--with-btn-persisted .icon-100px, .card-container--no-click .fnlg-card-accent .icon-100px, .card-container--no-click .fnlg-card .desktop-float-icon-100px, .card-container--no-click .fnlg-card--without-btn .desktop-float-icon-100px, .card-container--no-click .fnlg-card--with-btn-persisted .desktop-float-icon-100px, .card-container--no-click .fnlg-card-accent .desktop-float-icon-100px, .card-container--no-click .fnlg-card .icon-80px, .card-container--no-click .fnlg-card--without-btn .icon-80px, .card-container--no-click .fnlg-card--with-btn-persisted .icon-80px, .card-container--no-click .fnlg-card-accent .icon-80px, .card-container--no-click .fnlg-card .desktop-float-icon-80px, .card-container--no-click .fnlg-card--without-btn .desktop-float-icon-80px, .card-container--no-click .fnlg-card--with-btn-persisted .desktop-float-icon-80px, .card-container--no-click .fnlg-card-accent .desktop-float-icon-80px, .card-container--no-click .fnlg-card .icon-60px, .card-container--no-click .fnlg-card--without-btn .icon-60px, .card-container--no-click .fnlg-card--with-btn-persisted .icon-60px, .card-container--no-click .fnlg-card-accent .icon-60px, .card-container--no-click .fnlg-card .desktop-float-icon-60px, .card-container--no-click .fnlg-card--without-btn .desktop-float-icon-60px, .card-container--no-click .fnlg-card--with-btn-persisted .desktop-float-icon-60px, .card-container--no-click .fnlg-card-accent .desktop-float-icon-60px, .card-container--no-click .fnlg-card .icon-50px, .card-container--no-click .fnlg-card--without-btn .icon-50px, .card-container--no-click .fnlg-card--with-btn-persisted .icon-50px, .card-container--no-click .fnlg-card-accent .icon-50px, .card-container--no-click .fnlg-card .desktop-float-icon-50px, .card-container--no-click .fnlg-card--without-btn .desktop-float-icon-50px, .card-container--no-click .fnlg-card--with-btn-persisted .desktop-float-icon-50px, .card-container--no-click .fnlg-card-accent .desktop-float-icon-50px {   margin-left: 0;  }  .card-container--no-click .fnlg-card h5 + *, .card-container--no-click .fnlg-card--without-btn h5 + *, .card-container--no-click .fnlg-card--with-btn-persisted h5 + *, .card-container--no-click .fnlg-card-accent h5 + * {   margin-top: 15px;  } } @media all and (max-width: 720px) {  .fnlg-card--with-btn-persisted {   padding-bottom: calc(80px + 18px) !important;  }  .fnlg-card--with-btn-persisted ul, .fnlg-card--with-btn-persisted h5 {   display: block;  } } @media all and (max-width: 720px) {  .fnlg-card--with-2-btn {   padding-bottom: calc(80px * 2 + 18px) !important;  }  .fnlg-card--with-2-btn .fnlg-btn-container, .fnlg-card--with-2-btn .fnlg-btn-container--centered {   flex-direction: column;  }  .fnlg-card--with-2-btn .fnlg-btn-container > *, .fnlg-card--with-2-btn .fnlg-btn-container--centered > * {   margin: 16px 0 0 0 !important;  }  .fnlg-card--with-2-btn .fnlg-btn-container > *:first-child, .fnlg-card--with-2-btn .fnlg-btn-container--centered > *:first-child {   margin: 0 !important;  } } .fnlg-card--without-btn {  padding: 48px 40px 36px; } @media all and (max-width: 720px) {  .fnlg-card--without-btn {   padding: 24px 20px 18px;  }  .fnlg-card--without-btn ul, .fnlg-card--without-btn h5 {   display: block;  } } .fnlg-card--without-btn h5 {  line-height: 25px; } .fnlg-card--without-btn .fnlg-btn-container, .fnlg-card--without-btn .fnlg-btn-container--centered {  position: static;  margin-top: 22px;  transform: none; } .fnlg-card--without-btn .fnlg-btn-container > *, .fnlg-card--without-btn .fnlg-btn-container--centered > * {  margin-left: 0 !important;  margin-right: 8px;  margin-top: 8px; } .fnlg-card--without-btn .fnlg-btn-container--centered {  justify-content: center;  text-align: center; } .secondary-icon-card {  position: absolute;  right: 24px;  top: 24px;  text-align: center; } .secondary-icon-card span {  display: block;  font-size: 13px;  font-weight: 600;  font-style: italic;  line-height: 1.54;  letter-spacing: 1px;  margin-top: -4px; } .secondary-icon-card i {  font-size: 30px;  cursor: pointer; } .secondary-icon-card + * {  margin-top: 0 !important;  padding: 0 24px; } @media all and (max-width: 720px) {  .secondary-icon-card ~ h2 {   padding-right: 42px !important;  } } .identity-container td {  padding: 8px 0; } .identity-container td:first-child {  padding-right: 12px;  font-weight: 800;  min-width: 120px; } .details-list {  margin: 0; } .details-list > *:first-child {  margin: 24px 0 18px; } .details-list > li > span {  font-weight: bold; } .card-with-switch-btn {  padding-top: 56px !important; } .card-banner-white {  background-color: rgba(255, 255, 255, 0.8);  color: #1CABE2; } .card-banner-white:hover {  color: #1186b2; } .card-banner-main-color {  background-color: #1CABE2;  color: #fff; } @media (min-width: 721px) {  .ID-now-text,  .video-chat-text {   height: 215px;  } } @media (min-width: 900px) {  .ID-now-text {   height: 154px;  }  .video-chat-text {   height: 152px;  } } @media screen and (min-width: 768px) and (max-width: 1185px) {  .ID-now-title {   height: 122px;  }  .video-chat-title {   height: 96px;  } } .desc {  text-align: justify; } .text-image-container, .text-image-container--inline {  display: flex; } @media all and (max-width: 720px) {  .text-image-container, .text-image-container--inline {   width: 100%;   flex-direction: column;  }  .text-image-container .image-right-inline, .text-image-container--inline .image-right-inline, .text-image-container .image-left-inline, .text-image-container--inline .image-left-inline {   margin: 0 auto 12px !important;   flex: 1;  }  .text-image-container .inline-with-image .step-paragraph-container, .text-image-container--inline .inline-with-image .step-paragraph-container {   position: relative;   padding: 18px 0;  }  .text-image-container .inline-with-image .step-paragraph-container .step-paragraph, .text-image-container--inline .inline-with-image .step-paragraph-container .step-paragraph {   text-overflow: ellipsis;   overflow: hidden;   white-space: nowrap;   width: calc(100% - 20px);  }  .text-image-container .inline-with-image .step-paragraph-container .arrow-display-more, .text-image-container--inline .inline-with-image .step-paragraph-container .arrow-display-more {   display: block;   position: absolute;   top: 12px;   right: -4px;   color: #1CABE2;   font-size: 32px;  }  .text-image-container .inline-with-image .step-paragraph-container:last-child, .text-image-container--inline .inline-with-image .step-paragraph-container:last-child {   border-bottom: none;  }  .text-image-container .inline-with-image .step-paragraph-container:active .step-paragraph, .text-image-container--inline .inline-with-image .step-paragraph-container:active .step-paragraph, .text-image-container .inline-with-image .step-paragraph-container:hover .step-paragraph, .text-image-container--inline .inline-with-image .step-paragraph-container:hover .step-paragraph {   overflow: auto;   white-space: normal;  }  .text-image-container .inline-with-image .step-paragraph-container:active .arrow-display-more, .text-image-container--inline .inline-with-image .step-paragraph-container:active .arrow-display-more, .text-image-container .inline-with-image .step-paragraph-container:hover .arrow-display-more, .text-image-container--inline .inline-with-image .step-paragraph-container:hover .arrow-display-more {   transform: rotate(180deg);  }  .text-image-container .inline-with-image .desc, .text-image-container--inline .inline-with-image .desc {   margin: auto;  } } @media all and (max-width: 720px) {  .text-image-container--inline {   flex-direction: row;  }  .text-image-container--inline .image-right-inline, .text-image-container--inline .image-left-inline {   min-width: 60px !important;   max-width: 60px !important;   margin: 0 12px !important;  }  .text-image-container--inline .inline-with-image .desc {   margin: 0;  } } @media all and (max-width: 720px) {  .flow-reverse-mobile {   flex-flow: column-reverse;  } } .inline-with-image {  display: flex;  flex-direction: column;  flex: 6;  align-items: left;  justify-content: center;  min-width: 130px; } .image-right-inline, .image-left-inline {  min-width: 74px;  max-width: 74px;  text-align: center;  flex: 1 1 75px;  margin: 0 !important;  display: flex;  align-items: center;  justify-content: center; } .image-right-inline .material-icons, .image-left-inline .material-icons {  font-size: 120px; } .image-right-inline {  margin-left: 40px !important; } .image-left-inline {  margin-right: 40px !important; } /*.image-right-inline {  > *:first-child {   padding-left: 24px;  } } .image-left-inline {  > *:first-child {   padding-right: 24px;  } }*/ .step-paragraph-container {  border-bottom: 1px solid #AAA;  min-width: 100%;  width: 100%;  padding: 38px 0; } .step-paragraph-container .step-paragraph:first-child {  padding-top: 18px; } .step-paragraph-container .arrow-display-more {  display: none; } .step-colored-label {  color: #1CABE2;  font-weight: bold; } .step-accent-label {  font-weight: bold; } .fnlg-btn, .fnlg-btn-temp, .fnlg-btn-acqui, .fnlg-btn-accent, .button-input {  box-sizing: border-box;  height: 50px;  text-align: center;  border-radius: 5px;  font-size: 18px;  color: #1CABE2;  border: 2px solid #1CABE2;  background: Transparent;  outline: none;  padding: 0 26px;  min-width: 0; } .fnlg-btn:hover, .fnlg-btn-temp:hover, .fnlg-btn-acqui:hover, .fnlg-btn-accent:hover, .button-input:hover {  border-color: #1186b2;  color: #1186b2; } .fnlg-btn:disabled, .fnlg-btn-temp:disabled, .fnlg-btn-acqui:disabled, .fnlg-btn-accent:disabled, .button-input:disabled {  border-color: #C6D0DA;  color: #C6D0DA; } .text-no-wrap {  white-space: nowrap; } .btn-with-icon span, .btn-with-icon i {  pointer-events: none; } .btn-with-icon i {  vertical-align: bottom;  margin-left: 12px; } @media all and (max-width: 720px) {  .btn-with-icon {   min-width: 56px;   padding: 0 14px;  }  .btn-with-icon span {   display: none;  }  .btn-with-icon i {   margin-left: 0;  } } .fnlg-btn-accent, .button-input {  background-color: #1CABE2;  border: none;  color: #FFF; } .fnlg-btn-accent:hover, .button-input:hover {  background-color: #1186b2;  color: #FFF; } .fnlg-btn-accent:disabled, .button-input:disabled {  background-color: #C6D0DA;  color: #FFF; } .fnlg-btn-acqui {  background-color: #48B17C;  border: none;  color: #FFF; } .fnlg-btn-acqui:hover {  background-color: #338D65;  color: #FFF; } .fnlg-btn-acqui:disabled {  background-color: #C6D0DA;  color: #FFF; } .fnlg-btn-temp {  align-self: flex-end;  height: 40px;  background-color: #f0ad4e;  border: none;  color: #FFF; } .fnlg-btn-temp:hover {  background-color: #ec971f;  color: #FFF; } .fnlg-btn-temp:disabled {  background-color: #C6D0DA;  color: #FFF; } .fnlg-link, .fnlg-link--no-padding, .fnlg-link--inline {  display: inline-block;  color: #1CABE2;  font-size: 18px;  cursor: pointer;  padding: 0 26px;  height: 50px;  line-height: 50px; } .fnlg-link:hover, .fnlg-link--no-padding:hover, .fnlg-link--inline:hover {  color: #1186b2; } .fnlg-link--inline {  height: auto;  line-height: initial;  padding: 0;  font-size: unset; } .fnlg-link--no-padding {  padding: 0; } .fnlg-btn-container, .fnlg-btn-container--centered {  display: flex;  flex-flow: wrap;  position: absolute;  bottom: 36px;  left: 40px;  right: 40px;  height: fit-content; } .fnlg-btn-container > *:first-child ~ *, .fnlg-btn-container--centered > *:first-child ~ * {  margin-left: 8px; } .fnlg-btn-container button, .fnlg-btn-container--centered button {  position: static !important;  transform: none !important; } @media all and (max-width: 720px) {  .fnlg-btn-container, .fnlg-btn-container--centered {   left: 20px;   right: 20px;  } } .fnlg-btn-container--centered {  display: table;  width: fit-content;  left: 50%;  transform: translateX(-50%); } .switch-btn, .switch-btn--white {  position: absolute;  height: 50px;  width: 50px;  right: 36px;  top: -25px;  cursor: pointer;  border-radius: 50%;  background-color: #1CABE2;  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);  margin: 0 !important; } .switch-btn .stroke, .switch-btn--white .stroke {  stroke: #FFF; } .switch-btn .fill, .switch-btn--white .fill {  fill: #FFF; } .switch-btn svg, .switch-btn--white svg, .switch-btn .material-icons, .switch-btn--white .material-icons {  height: 32px;  width: 32px;  font-size: 32px;  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  color: white; } .switch-btn .switch-icon-40px svg, .switch-btn--white .switch-icon-40px svg {  height: 40px;  width: 40px; } .switch-btn .switch-btn-title, .switch-btn--white .switch-btn-title {  top: 60px;  position: absolute;  text-align: center;  left: 50%;  transform: translateX(-50%);  font-size: 12px;  width: 110px; } .switch-btn--white {  background-color: white;  color: #1CABE2; } .switch-btn--white .stroke {  stroke: #1CABE2; } .switch-btn--white .fill {  fill: #1CABE2; } .fnlg-card-row > .switch-btn, .fnlg-card-row > .switch-btn--white {  top: 5px;  right: 32px; } .add-button {  color: #FFF;  background-color: #1CABE2;  border-radius: 50%;  padding: 2px;  font-size: 24px;  cursor: pointer;  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .add-button:hover {  color: #1CABE2;  background-color: #FFF; } .add-button:active {  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.32); } .delete-button {  background-color: #FFF;  color: #656B6F;  border: 2px solid #D8D1C9;  border-radius: 50%;  font-size: 22px;  cursor: pointer;  transform: rotate(45deg);  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .delete-button:hover {  color: #FFF;  background-color: #D8D1C9; } .delete-button:active {  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.32); } @media (max-width: 720px) {  app-progress-bar ~ .fnlg-page-container {   padding-top: 0 !important;  } } .fnlg-pbar-container {  padding: 18px 0 0;  font-size: 0;  color: #3C5463;  white-space: nowrap;  overflow: hidden; } @media (max-width: 720px) {  .fnlg-pbar-container {   height: 96px;  } } .fnlg-pbar-item-container {  display: inline-block;  vertical-align: top; } .fnlg-pbar-item-container .fnlg-top-icon-container .stroke {  stroke: #3C5463; } .fnlg-pbar-item-container .fnlg-top-icon-container .fill {  fill: #3C5463; } .fnlg-pbar-line-container {  display: inline-block;  width: 50%;  height: 40px; } .fnlg-pbar-line {  display: block;  height: calc(50% - 1px);  border-bottom: 2px solid #1CABE2; } .fnlg-pbar-line + .fnlg-pbar-line {  border: none;  border-top: 2px solid #1CABE2; } .fnlg-top-icon-container {  text-align: center;  height: 23px; } app-progress-item:first-child:nth-last-child(1) > .fnlg-pbar-item-container, app-progress-item:first-child:nth-last-child(1) ~ app-progress-item > .fnlg-pbar-item-container {  width: 100%; } @media screen and (min-width: 1200px) {  app-progress-item:first-child:nth-last-child(1) > .fnlg-pbar-item-container,  app-progress-item:first-child:nth-last-child(1) ~ app-progress-item > .fnlg-pbar-item-container {   width: 1200px;  } } app-progress-item:first-child:nth-last-child(1) > .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-child(2) > .fnlg-pbar-line {  border: none; } @media screen and (min-width: 1200px) {  app-progress-item:first-child:nth-last-child(1) > .fnlg-pbar-item-container {   width: calc((1200px / 1) + (100vw - 1200px) / 2);  }  app-progress-item:first-child:nth-last-child(1) > .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-child(2) {   width: calc((1200px / 1) / 2 + (100vw - 1200px) / 2);   max-width: 100%;  }  app-progress-item:first-child:nth-last-child(1) > .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-last-child(2) {   width: calc((1200px / 1) / 2);  }  app-progress-item:first-child:nth-last-child(1) > .fnlg-pbar-item-container .fnlg-top-icon-container, app-progress-item:first-child:nth-last-child(1) > .fnlg-pbar-item-container .fnlg-pbar-item-title {   padding-left: calc((100vw - 1200px) / 2);  } } app-progress-item:first-child:nth-last-child(1) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-last-child(2) > .fnlg-pbar-line {  border: none; } @media screen and (min-width: 1200px) {  app-progress-item:first-child:nth-last-child(1) ~ app-progress-item:last-child .fnlg-pbar-item-container {   width: calc((1200px / 1) + (100vw - 1200px) / 2);  }  app-progress-item:first-child:nth-last-child(1) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-last-child(2) {   width: calc((1200px / 1) / 2 + (100vw - 1200px) / 2);   max-width: 100%;  }  app-progress-item:first-child:nth-last-child(1) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-child(2) {   width: calc((1200px / 1) / 2);  }  app-progress-item:first-child:nth-last-child(1) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-top-icon-container, app-progress-item:first-child:nth-last-child(1) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-pbar-item-title {   padding-right: calc((100vw - 1200px) / 2);  } } app-progress-item:first-child:nth-last-child(2) > .fnlg-pbar-item-container, app-progress-item:first-child:nth-last-child(2) ~ app-progress-item > .fnlg-pbar-item-container {  width: 50%; } @media screen and (min-width: 1200px) {  app-progress-item:first-child:nth-last-child(2) > .fnlg-pbar-item-container,  app-progress-item:first-child:nth-last-child(2) ~ app-progress-item > .fnlg-pbar-item-container {   width: 600px;  } } app-progress-item:first-child:nth-last-child(2) > .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-child(2) > .fnlg-pbar-line {  border: none; } @media screen and (min-width: 1200px) {  app-progress-item:first-child:nth-last-child(2) > .fnlg-pbar-item-container {   width: calc((1200px / 2) + (100vw - 1200px) / 2);  }  app-progress-item:first-child:nth-last-child(2) > .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-child(2) {   width: calc((1200px / 2) / 2 + (100vw - 1200px) / 2);   max-width: 100%;  }  app-progress-item:first-child:nth-last-child(2) > .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-last-child(2) {   width: calc((1200px / 2) / 2);  }  app-progress-item:first-child:nth-last-child(2) > .fnlg-pbar-item-container .fnlg-top-icon-container, app-progress-item:first-child:nth-last-child(2) > .fnlg-pbar-item-container .fnlg-pbar-item-title {   padding-left: calc((100vw - 1200px) / 2);  } } app-progress-item:first-child:nth-last-child(2) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-last-child(2) > .fnlg-pbar-line {  border: none; } @media screen and (min-width: 1200px) {  app-progress-item:first-child:nth-last-child(2) ~ app-progress-item:last-child .fnlg-pbar-item-container {   width: calc((1200px / 2) + (100vw - 1200px) / 2);  }  app-progress-item:first-child:nth-last-child(2) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-last-child(2) {   width: calc((1200px / 2) / 2 + (100vw - 1200px) / 2);   max-width: 100%;  }  app-progress-item:first-child:nth-last-child(2) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-child(2) {   width: calc((1200px / 2) / 2);  }  app-progress-item:first-child:nth-last-child(2) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-top-icon-container, app-progress-item:first-child:nth-last-child(2) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-pbar-item-title {   padding-right: calc((100vw - 1200px) / 2);  } } app-progress-item:first-child:nth-last-child(3) > .fnlg-pbar-item-container, app-progress-item:first-child:nth-last-child(3) ~ app-progress-item > .fnlg-pbar-item-container {  width: 33.3333333333%; } @media screen and (min-width: 1200px) {  app-progress-item:first-child:nth-last-child(3) > .fnlg-pbar-item-container,  app-progress-item:first-child:nth-last-child(3) ~ app-progress-item > .fnlg-pbar-item-container {   width: 400px;  } } app-progress-item:first-child:nth-last-child(3) > .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-child(2) > .fnlg-pbar-line {  border: none; } @media screen and (min-width: 1200px) {  app-progress-item:first-child:nth-last-child(3) > .fnlg-pbar-item-container {   width: calc((1200px / 3) + (100vw - 1200px) / 2);  }  app-progress-item:first-child:nth-last-child(3) > .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-child(2) {   width: calc((1200px / 3) / 2 + (100vw - 1200px) / 2);   max-width: 100%;  }  app-progress-item:first-child:nth-last-child(3) > .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-last-child(2) {   width: calc((1200px / 3) / 2);  }  app-progress-item:first-child:nth-last-child(3) > .fnlg-pbar-item-container .fnlg-top-icon-container, app-progress-item:first-child:nth-last-child(3) > .fnlg-pbar-item-container .fnlg-pbar-item-title {   padding-left: calc((100vw - 1200px) / 2);  } } app-progress-item:first-child:nth-last-child(3) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-last-child(2) > .fnlg-pbar-line {  border: none; } @media screen and (min-width: 1200px) {  app-progress-item:first-child:nth-last-child(3) ~ app-progress-item:last-child .fnlg-pbar-item-container {   width: calc((1200px / 3) + (100vw - 1200px) / 2);  }  app-progress-item:first-child:nth-last-child(3) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-last-child(2) {   width: calc((1200px / 3) / 2 + (100vw - 1200px) / 2);   max-width: 100%;  }  app-progress-item:first-child:nth-last-child(3) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-child(2) {   width: calc((1200px / 3) / 2);  }  app-progress-item:first-child:nth-last-child(3) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-top-icon-container, app-progress-item:first-child:nth-last-child(3) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-pbar-item-title {   padding-right: calc((100vw - 1200px) / 2);  } } app-progress-item:first-child:nth-last-child(4) > .fnlg-pbar-item-container, app-progress-item:first-child:nth-last-child(4) ~ app-progress-item > .fnlg-pbar-item-container {  width: 25%; } @media screen and (min-width: 1200px) {  app-progress-item:first-child:nth-last-child(4) > .fnlg-pbar-item-container,  app-progress-item:first-child:nth-last-child(4) ~ app-progress-item > .fnlg-pbar-item-container {   width: 300px;  } } app-progress-item:first-child:nth-last-child(4) > .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-child(2) > .fnlg-pbar-line {  border: none; } @media screen and (min-width: 1200px) {  app-progress-item:first-child:nth-last-child(4) > .fnlg-pbar-item-container {   width: calc((1200px / 4) + (100vw - 1200px) / 2);  }  app-progress-item:first-child:nth-last-child(4) > .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-child(2) {   width: calc((1200px / 4) / 2 + (100vw - 1200px) / 2);   max-width: 100%;  }  app-progress-item:first-child:nth-last-child(4) > .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-last-child(2) {   width: calc((1200px / 4) / 2);  }  app-progress-item:first-child:nth-last-child(4) > .fnlg-pbar-item-container .fnlg-top-icon-container, app-progress-item:first-child:nth-last-child(4) > .fnlg-pbar-item-container .fnlg-pbar-item-title {   padding-left: calc((100vw - 1200px) / 2);  } } app-progress-item:first-child:nth-last-child(4) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-last-child(2) > .fnlg-pbar-line {  border: none; } @media screen and (min-width: 1200px) {  app-progress-item:first-child:nth-last-child(4) ~ app-progress-item:last-child .fnlg-pbar-item-container {   width: calc((1200px / 4) + (100vw - 1200px) / 2);  }  app-progress-item:first-child:nth-last-child(4) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-last-child(2) {   width: calc((1200px / 4) / 2 + (100vw - 1200px) / 2);   max-width: 100%;  }  app-progress-item:first-child:nth-last-child(4) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-child(2) {   width: calc((1200px / 4) / 2);  }  app-progress-item:first-child:nth-last-child(4) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-top-icon-container, app-progress-item:first-child:nth-last-child(4) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-pbar-item-title {   padding-right: calc((100vw - 1200px) / 2);  } } app-progress-item:first-child:nth-last-child(5) > .fnlg-pbar-item-container, app-progress-item:first-child:nth-last-child(5) ~ app-progress-item > .fnlg-pbar-item-container {  width: 20%; } @media screen and (min-width: 1200px) {  app-progress-item:first-child:nth-last-child(5) > .fnlg-pbar-item-container,  app-progress-item:first-child:nth-last-child(5) ~ app-progress-item > .fnlg-pbar-item-container {   width: 240px;  } } app-progress-item:first-child:nth-last-child(5) > .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-child(2) > .fnlg-pbar-line {  border: none; } @media screen and (min-width: 1200px) {  app-progress-item:first-child:nth-last-child(5) > .fnlg-pbar-item-container {   width: calc((1200px / 5) + (100vw - 1200px) / 2);  }  app-progress-item:first-child:nth-last-child(5) > .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-child(2) {   width: calc((1200px / 5) / 2 + (100vw - 1200px) / 2);   max-width: 100%;  }  app-progress-item:first-child:nth-last-child(5) > .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-last-child(2) {   width: calc((1200px / 5) / 2);  }  app-progress-item:first-child:nth-last-child(5) > .fnlg-pbar-item-container .fnlg-top-icon-container, app-progress-item:first-child:nth-last-child(5) > .fnlg-pbar-item-container .fnlg-pbar-item-title {   padding-left: calc((100vw - 1200px) / 2);  } } app-progress-item:first-child:nth-last-child(5) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-last-child(2) > .fnlg-pbar-line {  border: none; } @media screen and (min-width: 1200px) {  app-progress-item:first-child:nth-last-child(5) ~ app-progress-item:last-child .fnlg-pbar-item-container {   width: calc((1200px / 5) + (100vw - 1200px) / 2);  }  app-progress-item:first-child:nth-last-child(5) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-last-child(2) {   width: calc((1200px / 5) / 2 + (100vw - 1200px) / 2);   max-width: 100%;  }  app-progress-item:first-child:nth-last-child(5) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-child(2) {   width: calc((1200px / 5) / 2);  }  app-progress-item:first-child:nth-last-child(5) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-top-icon-container, app-progress-item:first-child:nth-last-child(5) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-pbar-item-title {   padding-right: calc((100vw - 1200px) / 2);  } } app-progress-item:first-child:nth-last-child(6) > .fnlg-pbar-item-container, app-progress-item:first-child:nth-last-child(6) ~ app-progress-item > .fnlg-pbar-item-container {  width: 16.6666666667%; } @media screen and (min-width: 1200px) {  app-progress-item:first-child:nth-last-child(6) > .fnlg-pbar-item-container,  app-progress-item:first-child:nth-last-child(6) ~ app-progress-item > .fnlg-pbar-item-container {   width: 200px;  } } app-progress-item:first-child:nth-last-child(6) > .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-child(2) > .fnlg-pbar-line {  border: none; } @media screen and (min-width: 1200px) {  app-progress-item:first-child:nth-last-child(6) > .fnlg-pbar-item-container {   width: calc((1200px / 6) + (100vw - 1200px) / 2);  }  app-progress-item:first-child:nth-last-child(6) > .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-child(2) {   width: calc((1200px / 6) / 2 + (100vw - 1200px) / 2);   max-width: 100%;  }  app-progress-item:first-child:nth-last-child(6) > .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-last-child(2) {   width: calc((1200px / 6) / 2);  }  app-progress-item:first-child:nth-last-child(6) > .fnlg-pbar-item-container .fnlg-top-icon-container, app-progress-item:first-child:nth-last-child(6) > .fnlg-pbar-item-container .fnlg-pbar-item-title {   padding-left: calc((100vw - 1200px) / 2);  } } app-progress-item:first-child:nth-last-child(6) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-last-child(2) > .fnlg-pbar-line {  border: none; } @media screen and (min-width: 1200px) {  app-progress-item:first-child:nth-last-child(6) ~ app-progress-item:last-child .fnlg-pbar-item-container {   width: calc((1200px / 6) + (100vw - 1200px) / 2);  }  app-progress-item:first-child:nth-last-child(6) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-last-child(2) {   width: calc((1200px / 6) / 2 + (100vw - 1200px) / 2);   max-width: 100%;  }  app-progress-item:first-child:nth-last-child(6) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-child(2) {   width: calc((1200px / 6) / 2);  }  app-progress-item:first-child:nth-last-child(6) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-top-icon-container, app-progress-item:first-child:nth-last-child(6) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-pbar-item-title {   padding-right: calc((100vw - 1200px) / 2);  } } app-progress-item:first-child:nth-last-child(7) > .fnlg-pbar-item-container, app-progress-item:first-child:nth-last-child(7) ~ app-progress-item > .fnlg-pbar-item-container {  width: 14.2857142857%; } @media screen and (min-width: 1200px) {  app-progress-item:first-child:nth-last-child(7) > .fnlg-pbar-item-container,  app-progress-item:first-child:nth-last-child(7) ~ app-progress-item > .fnlg-pbar-item-container {   width: 171.4285714286px;  } } app-progress-item:first-child:nth-last-child(7) > .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-child(2) > .fnlg-pbar-line {  border: none; } @media screen and (min-width: 1200px) {  app-progress-item:first-child:nth-last-child(7) > .fnlg-pbar-item-container {   width: calc((1200px / 7) + (100vw - 1200px) / 2);  }  app-progress-item:first-child:nth-last-child(7) > .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-child(2) {   width: calc((1200px / 7) / 2 + (100vw - 1200px) / 2);   max-width: 100%;  }  app-progress-item:first-child:nth-last-child(7) > .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-last-child(2) {   width: calc((1200px / 7) / 2);  }  app-progress-item:first-child:nth-last-child(7) > .fnlg-pbar-item-container .fnlg-top-icon-container, app-progress-item:first-child:nth-last-child(7) > .fnlg-pbar-item-container .fnlg-pbar-item-title {   padding-left: calc((100vw - 1200px) / 2);  } } app-progress-item:first-child:nth-last-child(7) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-last-child(2) > .fnlg-pbar-line {  border: none; } @media screen and (min-width: 1200px) {  app-progress-item:first-child:nth-last-child(7) ~ app-progress-item:last-child .fnlg-pbar-item-container {   width: calc((1200px / 7) + (100vw - 1200px) / 2);  }  app-progress-item:first-child:nth-last-child(7) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-last-child(2) {   width: calc((1200px / 7) / 2 + (100vw - 1200px) / 2);   max-width: 100%;  }  app-progress-item:first-child:nth-last-child(7) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-child(2) {   width: calc((1200px / 7) / 2);  }  app-progress-item:first-child:nth-last-child(7) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-top-icon-container, app-progress-item:first-child:nth-last-child(7) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-pbar-item-title {   padding-right: calc((100vw - 1200px) / 2);  } } app-progress-item:first-child:nth-last-child(8) > .fnlg-pbar-item-container, app-progress-item:first-child:nth-last-child(8) ~ app-progress-item > .fnlg-pbar-item-container {  width: 12.5%; } @media screen and (min-width: 1200px) {  app-progress-item:first-child:nth-last-child(8) > .fnlg-pbar-item-container,  app-progress-item:first-child:nth-last-child(8) ~ app-progress-item > .fnlg-pbar-item-container {   width: 150px;  } } app-progress-item:first-child:nth-last-child(8) > .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-child(2) > .fnlg-pbar-line {  border: none; } @media screen and (min-width: 1200px) {  app-progress-item:first-child:nth-last-child(8) > .fnlg-pbar-item-container {   width: calc((1200px / 8) + (100vw - 1200px) / 2);  }  app-progress-item:first-child:nth-last-child(8) > .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-child(2) {   width: calc((1200px / 8) / 2 + (100vw - 1200px) / 2);   max-width: 100%;  }  app-progress-item:first-child:nth-last-child(8) > .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-last-child(2) {   width: calc((1200px / 8) / 2);  }  app-progress-item:first-child:nth-last-child(8) > .fnlg-pbar-item-container .fnlg-top-icon-container, app-progress-item:first-child:nth-last-child(8) > .fnlg-pbar-item-container .fnlg-pbar-item-title {   padding-left: calc((100vw - 1200px) / 2);  } } app-progress-item:first-child:nth-last-child(8) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-last-child(2) > .fnlg-pbar-line {  border: none; } @media screen and (min-width: 1200px) {  app-progress-item:first-child:nth-last-child(8) ~ app-progress-item:last-child .fnlg-pbar-item-container {   width: calc((1200px / 8) + (100vw - 1200px) / 2);  }  app-progress-item:first-child:nth-last-child(8) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-last-child(2) {   width: calc((1200px / 8) / 2 + (100vw - 1200px) / 2);   max-width: 100%;  }  app-progress-item:first-child:nth-last-child(8) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-child(2) {   width: calc((1200px / 8) / 2);  }  app-progress-item:first-child:nth-last-child(8) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-top-icon-container, app-progress-item:first-child:nth-last-child(8) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-pbar-item-title {   padding-right: calc((100vw - 1200px) / 2);  } } app-progress-item:first-child:nth-last-child(9) > .fnlg-pbar-item-container, app-progress-item:first-child:nth-last-child(9) ~ app-progress-item > .fnlg-pbar-item-container {  width: 11.1111111111%; } @media screen and (min-width: 1200px) {  app-progress-item:first-child:nth-last-child(9) > .fnlg-pbar-item-container,  app-progress-item:first-child:nth-last-child(9) ~ app-progress-item > .fnlg-pbar-item-container {   width: 133.3333333333px;  } } app-progress-item:first-child:nth-last-child(9) > .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-child(2) > .fnlg-pbar-line {  border: none; } @media screen and (min-width: 1200px) {  app-progress-item:first-child:nth-last-child(9) > .fnlg-pbar-item-container {   width: calc((1200px / 9) + (100vw - 1200px) / 2);  }  app-progress-item:first-child:nth-last-child(9) > .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-child(2) {   width: calc((1200px / 9) / 2 + (100vw - 1200px) / 2);   max-width: 100%;  }  app-progress-item:first-child:nth-last-child(9) > .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-last-child(2) {   width: calc((1200px / 9) / 2);  }  app-progress-item:first-child:nth-last-child(9) > .fnlg-pbar-item-container .fnlg-top-icon-container, app-progress-item:first-child:nth-last-child(9) > .fnlg-pbar-item-container .fnlg-pbar-item-title {   padding-left: calc((100vw - 1200px) / 2);  } } app-progress-item:first-child:nth-last-child(9) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-last-child(2) > .fnlg-pbar-line {  border: none; } @media screen and (min-width: 1200px) {  app-progress-item:first-child:nth-last-child(9) ~ app-progress-item:last-child .fnlg-pbar-item-container {   width: calc((1200px / 9) + (100vw - 1200px) / 2);  }  app-progress-item:first-child:nth-last-child(9) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-last-child(2) {   width: calc((1200px / 9) / 2 + (100vw - 1200px) / 2);   max-width: 100%;  }  app-progress-item:first-child:nth-last-child(9) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-child(2) {   width: calc((1200px / 9) / 2);  }  app-progress-item:first-child:nth-last-child(9) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-top-icon-container, app-progress-item:first-child:nth-last-child(9) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-pbar-item-title {   padding-right: calc((100vw - 1200px) / 2);  } } app-progress-item:first-child:nth-last-child(10) > .fnlg-pbar-item-container, app-progress-item:first-child:nth-last-child(10) ~ app-progress-item > .fnlg-pbar-item-container {  width: 10%; } @media screen and (min-width: 1200px) {  app-progress-item:first-child:nth-last-child(10) > .fnlg-pbar-item-container,  app-progress-item:first-child:nth-last-child(10) ~ app-progress-item > .fnlg-pbar-item-container {   width: 120px;  } } app-progress-item:first-child:nth-last-child(10) > .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-child(2) > .fnlg-pbar-line {  border: none; } @media screen and (min-width: 1200px) {  app-progress-item:first-child:nth-last-child(10) > .fnlg-pbar-item-container {   width: calc((1200px / 10) + (100vw - 1200px) / 2);  }  app-progress-item:first-child:nth-last-child(10) > .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-child(2) {   width: calc((1200px / 10) / 2 + (100vw - 1200px) / 2);   max-width: 100%;  }  app-progress-item:first-child:nth-last-child(10) > .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-last-child(2) {   width: calc((1200px / 10) / 2);  }  app-progress-item:first-child:nth-last-child(10) > .fnlg-pbar-item-container .fnlg-top-icon-container, app-progress-item:first-child:nth-last-child(10) > .fnlg-pbar-item-container .fnlg-pbar-item-title {   padding-left: calc((100vw - 1200px) / 2);  } } app-progress-item:first-child:nth-last-child(10) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-last-child(2) > .fnlg-pbar-line {  border: none; } @media screen and (min-width: 1200px) {  app-progress-item:first-child:nth-last-child(10) ~ app-progress-item:last-child .fnlg-pbar-item-container {   width: calc((1200px / 10) + (100vw - 1200px) / 2);  }  app-progress-item:first-child:nth-last-child(10) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-last-child(2) {   width: calc((1200px / 10) / 2 + (100vw - 1200px) / 2);   max-width: 100%;  }  app-progress-item:first-child:nth-last-child(10) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-pbar-line-container:nth-child(2) {   width: calc((1200px / 10) / 2);  }  app-progress-item:first-child:nth-last-child(10) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-top-icon-container, app-progress-item:first-child:nth-last-child(10) ~ app-progress-item:last-child .fnlg-pbar-item-container .fnlg-pbar-item-title {   padding-right: calc((100vw - 1200px) / 2);  } } .pbar-dot-container {  display: inline-block;  height: 40px;  vertical-align: top; } .fnlg-pbar-dot {  display: inline-block;  position: relative;  z-index: 10;  height: 12px;  width: 12px;  background-color: #1CABE2;  border-radius: 50%;  margin: 13px -6px; } .fnlg-pbar-item-title {  font-size: 16px;  font-weight: 600;  text-align: center;  white-space: normal; } @media (max-width: 720px) {  .fnlg-pbar-item-title {   display: none;  } } .active ~ app-progress-item .fnlg-top-icon-container {  opacity: 0.7; } .active ~ app-progress-item .fnlg-top-icon-container .stroke {  stroke: #959DA2; } .active ~ app-progress-item .fnlg-top-icon-container .fill {  fill: #959DA2; } .active ~ app-progress-item .fnlg-pbar-line {  border-color: #959DA2; } .active ~ app-progress-item .fnlg-pbar-dot {  background-color: #959DA2; } .active ~ app-progress-item .fnlg-pbar-item-title {  font-weight: normal;  color: #959DA2; } .active .pbar-dot-container ~ .fnlg-pbar-line-container .fnlg-pbar-line {  border-color: #959DA2; } .active .fnlg-pbar-item-title {  color: #3C5463; } label {  display: inline-block;  max-width: 100%;  margin-bottom: 5px;  font-weight: 700; } button, select, input[type=radio], input[type=checkbox] {  cursor: pointer; } button[disabled], button:disabled {  cursor: default; } .form-row-separator {  display: block;  height: 1px;  background-color: #C6D0DA;  margin: 16px 0; } .form-row-separator--hidden {  height: 0 !important;  margin: 0 !important; } .fnlg-form-btn {  position: relative; } .fnlg-form-btn * ~ * {  margin-left: 8px; } .fnlg-form-container, .fnlg-form-container--4col, .fnlg-form-container--3col, .fnlg-form-container--2col, .fnlg-form-container--1col {  display: flex;  flex-flow: row wrap;  width: calc(100% - 32px);  position: relative;  margin: 30px 16px;  padding: 40px 40px 36px;  border-radius: 4px;  background-color: #FFF;  color: #656B6F; } @media all and (max-width: 720px) {  .fnlg-form-container, .fnlg-form-container--4col, .fnlg-form-container--3col, .fnlg-form-container--2col, .fnlg-form-container--1col {   padding: 20px 20px 18px;  } } .fnlg-form-container .fnlg-form-group, .fnlg-form-container .fnlg-form-group--empty, .fnlg-form-container--4col .fnlg-form-group, .fnlg-form-container--4col .fnlg-form-group--empty, .fnlg-form-container--3col .fnlg-form-group, .fnlg-form-container--3col .fnlg-form-group--empty, .fnlg-form-container--2col .fnlg-form-group, .fnlg-form-container--2col .fnlg-form-group--empty, .fnlg-form-container--1col .fnlg-form-group, .fnlg-form-container--1col .fnlg-form-group--empty, .fnlg-form-container .fnlg-form-btn, .fnlg-form-container--4col .fnlg-form-btn, .fnlg-form-container--3col .fnlg-form-btn, .fnlg-form-container--2col .fnlg-form-btn, .fnlg-form-container--1col .fnlg-form-btn {  margin-top: 8px;  flex: 1 100%; } .fnlg-form-container form, .fnlg-form-container--4col form, .fnlg-form-container--3col form, .fnlg-form-container--2col form, .fnlg-form-container--1col form {  width: 100%; } .fnlg-form-container .form-row-separator, .fnlg-form-container--4col .form-row-separator, .fnlg-form-container--3col .form-row-separator, .fnlg-form-container--2col .form-row-separator, .fnlg-form-container--1col .form-row-separator {  margin: 16px 0;  flex: 1 100%; } .fnlg-form-container--1col > form {  display: flex;  flex-flow: row wrap; } @media all and (min-width: 721px) {  .fnlg-form-container--1col {   padding: 40px 32px 36px;  }  .fnlg-form-container--1col .fnlg-form-group, .fnlg-form-container--1col .fnlg-form-group--empty {   display: inline-block;   margin: 8px 8px 0;   max-width: calc(100% / 1 - 19px);   flex: 1;  }  .fnlg-form-container--1col .form-row-separator {   margin: 16px 8px;   flex: 1 100%;  }  .fnlg-form-container--1col .fnlg-form-btn {   margin: 12px 8px 0;  } } @media all and (min-width: 721px) {  .fnlg-form-container--1col .form-group--1col {   max-width: calc(calc(100% / 1) * 1 - 19px);   flex: 1;  } } .fnlg-form-container--2col > form {  display: flex;  flex-flow: row wrap; } @media all and (min-width: 721px) {  .fnlg-form-container--2col {   padding: 40px 32px 36px;  }  .fnlg-form-container--2col .fnlg-form-group, .fnlg-form-container--2col .fnlg-form-group--empty {   display: inline-block;   margin: 8px 8px 0;   max-width: calc(100% / 2 - 19px);   flex: 1;  }  .fnlg-form-container--2col .form-row-separator {   margin: 16px 8px;   flex: 2 100%;  }  .fnlg-form-container--2col .fnlg-form-btn {   margin: 12px 8px 0;  } } @media all and (min-width: 721px) {  .fnlg-form-container--2col .form-group--1col {   max-width: calc(calc(100% / 2) * 1 - 19px);   flex: 1;  } } @media all and (min-width: 721px) {  .fnlg-form-container--2col .form-group--2col {   max-width: calc(calc(100% / 2) * 2 - 19px);   flex: 2;  } } .fnlg-form-container--3col > form {  display: flex;  flex-flow: row wrap; } @media all and (min-width: 721px) {  .fnlg-form-container--3col {   padding: 40px 32px 36px;  }  .fnlg-form-container--3col .fnlg-form-group, .fnlg-form-container--3col .fnlg-form-group--empty {   display: inline-block;   margin: 8px 8px 0;   max-width: calc(100% / 3 - 19px);   flex: 1;  }  .fnlg-form-container--3col .form-row-separator {   margin: 16px 8px;   flex: 3 100%;  }  .fnlg-form-container--3col .fnlg-form-btn {   margin: 12px 8px 0;  } } @media all and (min-width: 721px) {  .fnlg-form-container--3col .form-group--1col {   max-width: calc(calc(100% / 3) * 1 - 19px);   flex: 1;  } } @media all and (min-width: 721px) {  .fnlg-form-container--3col .form-group--2col {   max-width: calc(calc(100% / 3) * 2 - 19px);   flex: 2;  } } @media all and (min-width: 721px) {  .fnlg-form-container--3col .form-group--3col {   max-width: calc(calc(100% / 3) * 3 - 19px);   flex: 3;  } } .fnlg-form-container--4col > form {  display: flex;  flex-flow: row wrap; } @media all and (min-width: 721px) {  .fnlg-form-container--4col {   padding: 40px 32px 36px;  }  .fnlg-form-container--4col .fnlg-form-group, .fnlg-form-container--4col .fnlg-form-group--empty {   display: inline-block;   margin: 8px 8px 0;   max-width: calc(100% / 4 - 19px);   flex: 1;  }  .fnlg-form-container--4col .form-row-separator {   margin: 16px 8px;   flex: 4 100%;  }  .fnlg-form-container--4col .fnlg-form-btn {   margin: 12px 8px 0;  } } @media all and (min-width: 721px) {  .fnlg-form-container--4col .form-group--1col {   max-width: calc(calc(100% / 4) * 1 - 19px);   flex: 1;  } } @media all and (min-width: 721px) {  .fnlg-form-container--4col .form-group--2col {   max-width: calc(calc(100% / 4) * 2 - 19px);   flex: 2;  } } @media all and (min-width: 721px) {  .fnlg-form-container--4col .form-group--3col {   max-width: calc(calc(100% / 4) * 3 - 19px);   flex: 3;  } } @media all and (min-width: 721px) {  .fnlg-form-container--4col .form-group--4col {   max-width: calc(calc(100% / 4) * 4 - 19px);   flex: 4;  } } .fnlg-form-group--border-bottom {  border-bottom: 1px solid #C6D0DA;  padding-bottom: 4px;  margin-bottom: 8px; } .fnlg-form-group, .fnlg-form-group--empty {  display: block;  position: relative;  min-height: 95px;  vertical-align: top; } .fnlg-form-group .input-container, .fnlg-form-group--empty .input-container {  position: relative; } .fnlg-form-group .input-container input, .fnlg-form-group--empty .input-container input, .fnlg-form-group .input-container textarea, .fnlg-form-group--empty .input-container textarea, .fnlg-form-group .input-container select, .fnlg-form-group--empty .input-container select {  font-family: inherit; } .fnlg-form-group .input-with-button .input-container, .fnlg-form-group--empty .input-with-button .input-container {  width: calc(100% - 55px);  display: inline-block; } .fnlg-form-group input:not([type=checkbox]), .fnlg-form-group--empty input:not([type=checkbox]) {  display: block; } .fnlg-form-group input:not([type=checkbox]), .fnlg-form-group--empty input:not([type=checkbox]), .fnlg-form-group select, .fnlg-form-group--empty select {  height: 50px;  width: 100%;  border-radius: 3px;  padding: 12px 16px;  border: 1px solid #C6D0DA;  font-size: 16px; } .fnlg-form-group input[type=radio], .fnlg-form-group--empty input[type=radio] {  height: fit-content; } .fnlg-form-group .message, .fnlg-form-group--empty .message, .fnlg-form-group .server-error, .fnlg-form-group--empty .server-error {  display: none;  font-size: 12px;  margin-top: 2px; } .fnlg-form-group .message-info, .fnlg-form-group--empty .message-info {  display: block !important;  font-style: italic;  font-size: 12px;  margin-top: 2px; } .fnlg-form-group > .server-error, .fnlg-form-group--empty > .server-error {  display: block;  color: #EB4C3D; } .fnlg-form-group .error-icon, .fnlg-form-group--empty .error-icon, .fnlg-form-group .valid-icon, .fnlg-form-group--empty .valid-icon {  display: none;  position: absolute;  right: 22px;  top: 50%;  transform: translateY(-50%);  pointer-events: none; } .fnlg-form-group .input-date, .fnlg-form-group--empty .input-date {  max-width: 300px; } .fnlg-form-group .input-date input, .fnlg-form-group--empty .input-date input {  padding: 12px 8px; } .fnlg-form-group .input-date .error-icon, .fnlg-form-group--empty .input-date .error-icon, .fnlg-form-group .input-date .valid-icon, .fnlg-form-group--empty .input-date .valid-icon {  right: 4px; } .fnlg-form-group--empty {  margin: 0;  padding: 0;  min-height: 0;  height: 0;  line-height: 0; } .form-group-error input {  border: 1px solid #EB4C3D !important; } .form-group-error .message {  display: block !important;  color: #EB4C3D; } .form-group-error .error-icon {  display: block !important;  color: #EB4C3D; } .form-group-valid .valid-icon {  display: block !important;  color: #41BA84; } .form-group-readonly input {  background-color: #C6D0DA; } .form-group-readonly > .message {  display: block !important;  font-style: italic; } .confirm-address {  margin: 8px 12px; } .confirm-address > * {  word-break: break-all; } .confirm-checkbox {  display: inline-block !important;  margin-top: 4px;  font-weight: 500; } .confirm-checkbox input {  vertical-align: bottom; } .add-group {  display: flex !important;  align-items: center;  min-height: fit-content !important; } .add-group i {  cursor: pointer; } .remove-group {  position: absolute;  top: -4px;  right: 0;  color: #D8D1C9;  cursor: pointer; } @media all and (max-width: 721px) {  .input-container app-input-mobile ~ .error-icon, .input-container app-input-mobile ~ .valid-icon {   top: calc(25px + 50%) !important;  } } .fnlg-form-group--height-74px {  min-height: 74px !important; } .loading-circle {  border: 6px solid #FFF;  border-top-color: #1CABE2;  border-radius: 50%;  width: 50px;  height: 50px;  margin-right: 10px;  -webkit-animation: spin 2s linear infinite; /* Safari */  animation: spin 2s linear infinite; } @keyframes spin {  0% {   transform: rotate(0deg);  }  100% {   transform: rotate(360deg);  } } .loading-bar {  height: 4px;  margin-bottom: -4px;  width: 100%;  position: sticky;  z-index: 100;  top: 0;  overflow: hidden;  background-color: #DDD; } .loading-bar:before {  display: block;  position: absolute;  content: "";  left: -200px;  width: 200px;  height: 4px;  background-color: #1CABE2;  animation: loading 2s linear infinite; } @keyframes loading {  from {   left: -200px;   width: 30%;  }  50% {   width: 30%;  }  70% {   width: 70%;  }  80% {   left: 50%;  }  95% {   left: 120%;  }  to {   left: 100%;  } } .location-api-loader {  display: flex;  align-items: center;  margin: auto;  width: fit-content;  padding: 15px; } .mobile-verification-form {  /*width: 450px;  @media all and (max-width: 450px){   width: 100%;  }*/ } .mobile-verification-form input[type=text] {  text-align: center; } .mobile-verification-form label span:nth-of-type(2) {  display: inherit;  font-size: 14px;  padding: 0;  font-weight: normal; } .mobile-verification-form .skip-this-test {  line-height: normal;  height: initial;  font-size: 14px;  margin-top: 2px;  padding: 0; } /** * General title modification */ h1, h2, h3, h4, h5, h6 {  font-family: inherit;  font-weight: 500;  margin: 0;  padding: 0; } h1 {  font-size: 20px !important; } @media all and (max-width: 768px) {  h1 {   text-align: center;  } } @media all and (min-width: 768px) {  h1 {   font-size: 30px !important;  } } @media all and (min-width: 992px) {  h1 {   font-size: 36px !important;  } } h2 {  font-size: 20px !important; } @media all and (max-width: 768px) {  h2 {   text-align: center;  } } @media all and (min-width: 768px) {  h2 {   font-size: 30px !important;  } } h3 {  font-size: 19px !important; } @media all and (min-width: 768px) {  h3 {   font-size: 24px !important;  } } h4 {  font-size: 18px !important; } h5 {  font-size: 17px !important; } h6 {  font-size: 14px !important; } /** * General title modification END; */ .fnlg-page-title-container, .fnlg-page-title-container--card-page {  position: relative;  padding: 0 16px; } .fnlg-page-title-container app-back-btn, .fnlg-page-title-container--card-page app-back-btn {  display: none;  /*+ * {   padding: 0 16px;  }*/ } @media all and (min-width: 721px) {  .fnlg-page-title-container app-back-btn, .fnlg-page-title-container--card-page app-back-btn {   display: inline;  }  .fnlg-page-title-container app-back-btn + *, .fnlg-page-title-container--card-page app-back-btn + * {   padding-left: 48px;  } } .fnlg-page-title-container .back-icon, .fnlg-page-title-container--card-page .back-icon {  left: 12px; } .fnlg-page-title-container--card-page {  padding: 0 16px; } .fnlg-page-title-container--card-page .back-icon {  left: 12px; } .fnlg-card--without-btn h5 {  font-size: 16px !important; } .fnlg-modal {  min-width: 320px;  /* modal container fixed across whole screen */  position: fixed;  top: 0;  right: 0;  bottom: 0;  left: 0;  /* z-index must be higher than .modal-background */  z-index: 1000;  /* enables scrolling for tall modals */  overflow: auto;  /* center modal body */  display: flex;  align-items: center;  justify-content: center; } .fnlg-modal .modal-body {  min-width: 320px;  max-width: 500px;  background: #fff;  position: relative;  padding: 48px 40px 116px;  border-radius: 3px;  color: #1CABE2; } .fnlg-modal .modal-body > *:first-child ~ * {  margin-top: 30px; } .modal-background {  /* modal background fixed across whole screen */  position: fixed;  top: 0;  right: 0;  bottom: 0;  left: 0;  /* semi-transparent black */  background-color: #000;  opacity: 0.75;  /* z-index must be below .fnlg-modal and above everything else */  z-index: 900; } .saving-modal-background {  position: fixed;  right: 0;  top: 0;  bottom: 0;  left: 0;  opacity: 1;  pointer-events: initial;  z-index: 500;  background: rgba(9, 30, 66, 0.54);  transition: opacity 220ms; } .saving-modal {  position: fixed;  right: 0;  top: 0;  bottom: 0;  left: 0;  z-index: 505;  display: flex;  align-items: center;  justify-content: center; } .saving-modal-body {  color: #656B6F;  background-color: rgb(255, 255, 255);  box-shadow: rgba(9, 30, 66, 0.08) 0px 0px 0px 1px, rgba(9, 30, 66, 0.08) 0px 2px 1px, rgba(9, 30, 66, 0.31) 0px 0px 20px -6px;  border-radius: 3px;  height: fit-content;  padding: 20px 20px 32px;  position: relative;  min-width: 320px;  max-width: 720px; } .saving-modal-body h1 {  padding-right: 44px; } .saving-modal-body h1 ~ * {  margin-top: 20px; } .saving-modal-body .mobile-verification-form > .fnlg-form-group, .saving-modal-body .mobile-verification-form > .fnlg-form-group--empty {  min-height: 114px; } app-process-saving {  z-index: 200; } app-process-saving > button {  position: absolute;  top: -60px;  right: 12px;  width: max-content; } @media all and (min-width: 1200px) {  app-process-saving > button {   right: unset;   left: calc(50% + 600px - 12px);   transform: translateX(-100%);  } } .saving-cross {  position: absolute;  top: 20px;  right: 20px;  color: #1CABE2;  cursor: pointer; } /* Overrides */ .fnlg-modal#videoChatPrepareModal {  align-items: flex-start;  overflow: hidden; } .fnlg-modal#videoChatPrepareModal .modal-body {  padding: 48px 40px;  overflow: auto;  align-self: center;  max-height: 100%; } .address-form {  display: flex;  flex-wrap: wrap; } .address-form .fnlg-form-group, .address-form .fnlg-form-group--empty {  max-width: none !important;  margin: 8px 8px 0; } @media only screen and (max-width: 600px) {  .address-form .fnlg-form-group, .address-form .fnlg-form-group--empty {   flex-basis: 100%;  } } @media only screen and (min-width: 600px) and (max-width: 1190px) {  .address-form .fnlg-form-group:nth-child(1), .address-form .fnlg-form-group--empty:nth-child(1) { /* Street */   flex-basis: 14em;  }  .address-form .fnlg-form-group:nth-child(2), .address-form .fnlg-form-group--empty:nth-child(2) { /* Number */   flex-basis: 6em;  }  .address-form .fnlg-form-group:nth-child(3), .address-form .fnlg-form-group--empty:nth-child(3) { /* City */   flex-basis: 13em;  }  .address-form .fnlg-form-group:nth-child(4), .address-form .fnlg-form-group--empty:nth-child(4) { /* Zip code */   flex-basis: 9em;  }  .address-form .fnlg-form-group:nth-child(5), .address-form .fnlg-form-group--empty:nth-child(5) { /* Country */   flex-basis: 21em;  }  .address-form .fnlg-form-group:nth-child(1), .address-form .fnlg-form-group--empty:nth-child(1) { /* Street */   flex-grow: 1;  }  .address-form .fnlg-form-group:nth-child(2), .address-form .fnlg-form-group--empty:nth-child(2) { /* Number */   flex-grow: 0 !important;  }  .address-form .fnlg-form-group:nth-child(3), .address-form .fnlg-form-group--empty:nth-child(3) { /* City */   flex-grow: 1;  }  .address-form .fnlg-form-group:nth-child(4), .address-form .fnlg-form-group--empty:nth-child(4) { /* Zip code */   flex-grow: 0 !important;  }  .address-form .fnlg-form-group:nth-child(5), .address-form .fnlg-form-group--empty:nth-child(5) { /* Country */   flex-grow: 0 !important;  } } @media only screen and (min-width: 1190px) {  .address-form .fnlg-form-group:nth-child(1), .address-form .fnlg-form-group--empty:nth-child(1) { /* Street */   flex-basis: 14em;  }  .address-form .fnlg-form-group:nth-child(2), .address-form .fnlg-form-group--empty:nth-child(2) { /* Number */   flex-basis: 6em;  }  .address-form .fnlg-form-group:nth-child(3), .address-form .fnlg-form-group--empty:nth-child(3) { /* City */   flex-basis: 13em;  }  .address-form .fnlg-form-group:nth-child(4), .address-form .fnlg-form-group--empty:nth-child(4) { /* Zip code */   flex-basis: 9em;  }  .address-form .fnlg-form-group:nth-child(5), .address-form .fnlg-form-group--empty:nth-child(5) { /* Country */   flex-basis: 21em;  }  .address-form .fnlg-form-group, .address-form .fnlg-form-group--empty {   flex-grow: 0 !important;  } } .address-street-number {  max-width: 114px !important;  margin-right: 4px; } .address-street {  max-width: calc(100% - 114px - 4px) !important; } .address-city {  max-width: calc(100% - 120px - 4px) !important; } .address-zip {  max-width: 120px !important;  margin-right: 4px; } #general-notification {  position: sticky;  top: 0;  z-index: 100; } .notification, .notification-error, .notification-warn, .notification-success {  padding: 16px 32px;  font-weight: 700; } .notification-success {  color: #D8D1C9;  background-color: #00833D; } .notification-warn {  color: #777779;  background-color: #FFC20E; } .notification-error {  color: #D8D1C9;  background-color: #E2231A; } .fnlg-notification-container {  position: relative;  width: 100%;  margin: 0 auto; } @media (min-width: 1264px) {  .fnlg-notification-container {   width: 1200px;  } } .contract-container {  max-width: 800px;  max-height: 350px;  margin: auto;  text-align: justify;  overflow-y: auto;  border: 1px solid #A3A3A3;  padding: 4px; } .contract-container ~ button {  left: 40px;  transform: none; } .pdf-container {  margin: 30px 16px 0;  width: calc(100% - 32px); } .pdf-container .page {  width: 100% !important; } .pdf-container .canvasWrapper {  margin: auto;  width: calc(100% - 32px); } .pdf-container pdf-viewer {  display: block; } .pdf-btn {  border-radius: 3px;  padding: 1px 40px 36px;  margin: 16px 16px 30px 16px;  background-color: #FFF;  color: #656B6F; } @media all and (max-width: 720px) {  .pdf-btn {   padding: 1px 20px 18px;  } } .pdf-btn button {  display: block;  margin-top: 24px; } .scroll-container {  width: 100%;  position: fixed;  bottom: 0;  left: 0;  margin: auto; } @media all and (min-width: 1050px) {  .scroll-container {   width: 1050px;   left: 50%;   transform: translateX(-50%);  } } .scroll-down-btn {  position: absolute;  right: 25px;  bottom: 25px;  cursor: pointer;  border-radius: 50%;  background-color: #1CABE2;  color: #FFF;  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);  margin: 0 !important;  height: 50px;  width: 50px;  text-align: center; } .scroll-down-btn i {  font-size: 34px;  line-height: 50px;  transition: transform 0.3s ease-in-out; } .scroll-down-btn--top i {  transform: rotate(180deg); } .expanded {  height: 100vh;  overflow: visible; } .collapsed {  height: 35vh;  overflow: hidden; } .input-upload i {  vertical-align: bottom;  margin-left: 8px; } .input-label-margin-left {  margin-left: 10px; } .upload-label {  display: inline-block;  margin-bottom: 8px;  vertical-align: middle;  line-height: 28px; } .file-list {  width: fit-content;  padding: 0 24px;  line-height: 26px; } .file-list li {  position: relative;  padding-right: 45px;  margin-bottom: 8px;  word-break: break-all; } .file-list li i {  position: absolute;  vertical-align: bottom;  right: 0;  top: 50%;  transform: translateY(-50%) rotate(45deg); } .upload-container {  margin-top: 12px; } .upload-container .label {  line-height: 26px;  display: inline-block; } .group-upload .input-upload {  position: relative;  width: 100%; } .group-upload .input-upload span {  display: block;  padding-right: 66px; } .group-upload .input-upload i {  position: absolute;  top: 50%;  transform: translateY(-50%);  right: 24px; } .group-upload .file-list {  padding: 0;  width: 100%;  margin-bottom: 24px; } .group-upload .file-list li {  display: flex;  flex-direction: column;  justify-content: center;  height: 80px;  padding: 0 24px;  border-bottom: 1px solid grey; } .group-upload .file-list li span {  line-height: 22px; } .group-upload .file-list li .message {  line-height: 16px; } .group-upload .file-list li i {  right: 24px; } .label-with-tooltip {  display: flex;  align-items: center; } .more-info-btn {  position: relative;  margin-left: 8px;  cursor: pointer;  height: 26px;  width: fit-content;  display: inline-block; } .more-info-btn .material-icons {  font-size: 24px;  vertical-align: bottom;  opacity: 0.7; } .more-info-btn:hover .tooltip, .more-info-btn:hover .tooltip-left, .more-info-btn:hover .tooltip-right, .more-info-btn:hover .tooltip-bottom, .more-info-btn:hover .tooltip-top, .more-info-btn:active .tooltip, .more-info-btn:active .tooltip-left, .more-info-btn:active .tooltip-right, .more-info-btn:active .tooltip-bottom, .more-info-btn:active .tooltip-top {  display: block; } .tooltip, .tooltip-left, .tooltip-right, .tooltip-bottom, .tooltip-top {  display: none;  background-color: rgba(97, 97, 97, 0.9);  opacity: 1;  color: #FFF;  text-align: left;  border-radius: 4px;  padding: 10px;  position: absolute;  z-index: 1000;  font-weight: 400;  width: 400px;  word-wrap: break-word; } @media all and (max-width: 720px) {  .tooltip, .tooltip-left, .tooltip-right, .tooltip-bottom, .tooltip-top {   position: fixed !important;   top: 50% !important;   right: 0 !important;   left: 0 !important;   bottom: initial !important;   transform: translateY(-50%) !important;   padding: 18px;   width: 100%;   border-radius: 0;  } } .tooltip a, .tooltip-left a, .tooltip-right a, .tooltip-bottom a, .tooltip-top a {  color: #FFF; } @media all and (min-width: 721px) {  .tooltip::after, .tooltip-left::after, .tooltip-right::after, .tooltip-bottom::after, .tooltip-top::after {   content: "";   position: absolute;   border: 5px solid transparent;   opacity: 1;  } } .tooltip-top {  bottom: 30px;  left: 50%;  transform: translateX(-50%); } .tooltip-top::after {  top: 100%;  left: 50%;  transform: translateX(-50%);  border-top-color: rgba(97, 97, 97, 0.9); } .tooltip-bottom {  top: 30px;  left: 50%;  transform: translateX(-50%); } .tooltip-bottom::after {  bottom: 100%;  left: 50%;  transform: translateX(-50%);  border-bottom-color: rgba(97, 97, 97, 0.9); } .tooltip-right {  left: 30px;  top: 50%;  transform: translateY(-50%); } .tooltip-right::after {  right: 100%;  top: 50%;  transform: translateY(-50%);  border-right-color: rgba(97, 97, 97, 0.9); } .tooltip-left {  right: 30px;  top: 50%;  transform: translateY(-50%); } .tooltip-left::after {  left: 100%;  top: 50%;  transform: translateY(-50%);  border-left-color: rgba(97, 97, 97, 0.9); } .fnlg-background {  display: flex;  min-height: calc(100vh - 80px);  width: 100%;  background: #1CABE2;  background-position-x: center;  background-position-y: bottom;  background-size: cover; } .fnlg-background > .fnlg-main-container {  position: relative;  flex: 1;  width: 100%; } .fnlg-page-container {  display: flex;  align-items: center;  justify-content: center;  padding: 30px 0;  width: 100%; } .fnlg-container {  position: relative;  width: 100%;  margin: 0 auto; } @media (min-width: 1200px) {  .fnlg-container {   width: 1200px;  } } .fnlg-container--850px {  position: relative;  width: 100%;  margin: 0 auto; } @media (min-width: 850px) {  .fnlg-container--850px {   width: 850px;  } } .fnlg-container--650px {  position: relative;  width: 100%;  margin: 0 auto; } @media (min-width: 650px) {  .fnlg-container--650px {   width: 650px;  } } .fnlg-container--450px {  position: relative;  width: 100%;  margin: 0 auto; } @media (min-width: 450px) {  .fnlg-container--450px {   width: 450px;  } } .fnlg-container--mobile {  position: relative;  width: 100%;  margin: 0 auto; } @media (min-width: 728px) {  .fnlg-container--mobile {   width: 728px;  } } .luxtrust-loader {  position: absolute;  left: 50%;  top: 100px;  transform: translateX(-50%); } .luxtrust-loader .loading-circle {  margin: auto; } .luxtrust-iframe {  position: relative;  width: 100%;  height: 0px;  margin: 0 !important; } .luxtrust-iframe--loaded {  height: 1300px; } .luxtrust-iframe-after {  height: 18px;  width: calc(100% - 80px);  position: absolute;  margin: 0 !important;  bottom: 40px; } .luxtrust-iframe--ended {  min-height: 185px;  height: initial !important;  margin-bottom: -30px !important; } @media all and (max-width: 720px) {  .luxtrust-iframe--ended {   min-height: 280px;  } } .luxtrust-iframe--ended + .luxtrust-iframe-after {  display: none; } .signdoc-loader {  position: absolute;  left: 50%;  top: 155px;  transform: translateX(-50%); } .signdoc-loader .loading-circle {  margin: auto; } .signdoc-iframe {  position: relative;  width: 100%;  height: 0px;  margin: 0 !important; } .signdoc-iframe-dgo {  position: relative;  margin: 0 !important;  border: none;  max-width: 100%;  min-width: 100%;  width: 0; } .signdoc-iframe--loaded {  height: 1300px; } .signdoc-iframe-after {  height: 180px;  width: calc(100% - 80px);  background-color: white;  position: absolute;  margin: 0 !important;  bottom: 40px; } .signdoc-iframe--ended {  min-height: 185px;  height: initial !important;  margin-bottom: -30px !important; } @media all and (max-width: 720px) {  .signdoc-iframe--ended {   min-height: 280px;  } } .signdoc-iframe--ended + .signdoc-iframe-after {  display: none; } .idnow-iframe {  width: 100%;  height: 808px;  margin: 30px 0 0; } @media (min-width: 360px) {  .signdoc-contract-resp-descrip {   padding: 2rem;  } } @media (max-width: 360px) {  .signdoc-contract-resp-descrip {   padding: 2rem 3rem 2rem 2rem;  } } .waiting-page {  position: fixed;  top: 0;  bottom: 0;  left: 0;  right: 0;  background-color: rgba(0, 0, 0, 0.3);  display: flex;  align-items: center;  justify-content: center; } /* to coreclty size th piscture in the TIN screen */ .tin-form img {  width: 100%;  max-width: 650px;  height: auto;  margin: 10px auto 10px auto; } .button-input {  line-height: 50px; } .file-size-error {  color: #EB4C3D; } .file-size-error .message {  display: block !important;  color: #EB4C3D;  margin-left: 24px;  font-style: italic; } .bns-container {  margin: 10% auto;  width: 720px; } @media all and (max-width: 720px) {  .bns-container {   width: 100%;  } } .bns-container h1 {  padding: 12px 0; } .bns-container h5 {  display: block !important; } .bns-container .fnlg-card--without-btn {  display: block !important;  text-align: left !important; } .bns-container .bns-browser {  display: inline-block; } .browser-list {  margin: 14px;  font-weight: bold;  color: #1CABE2; } .browser-icon {  display: block;  width: 40px;  height: 40px;  margin: 0 auto; } .email-validation {  display: flex;  flex-direction: row;  align-items: center; } .email-validation h3 {  margin-top: 0 !important;  margin-left: 30px; } .email-validated {  color: #41BA84; } .email-not-validated {  color: #EB4C3D; } .start-screen .sdd-amount {  text-align: left !important; } .start-screen .sdd-amount .error-icon, .start-screen .sdd-amount .valid-icon {  left: 22px !important; } .footer-container {  position: absolute;  bottom: 0;  left: 50%;  transform: translateX(-50%);  width: 100%;  background-color: #fff;  opacity: 0.7;  font-size: 0.8rem; } @media (max-width: 385px) {  .footer {   flex-direction: column;   align-items: center;  } } .joint-account {  display: flex;  justify-content: space-around;  align-items: center; } .joint-account .joint-image {  flex-grow: 0;  width: 140px; } .joint-account .joint-text {  flex-grow: 1; } @media screen and (max-width: 576px) {  .joint-account {   flex-direction: column;  } } .joint-account-container {  width: 95%; } @media screen and (min-width: 1150px) {  .joint-account-container {   width: 1050px;  } } app-progress-bar, app-process-saving {  display: none !important; } .fnlg-unicef-hide-div {  display: none !important; } .address-form-unicef {  display: contents; } .sdd-amount > input {  text-align: right !important;  padding-right: 26px !important; } .sdd-amount:after {  content: "€";  position: absolute;  right: 14px;  top: 50%;  transform: translateY(-50%);  font-weight: bold; } .form-row-separator {  background-color: #1CABE2 !important; } .fnlg-header-back + * {  margin-left: 52px; }