@npm_leadtech/legal-lib-components 5.2.31 → 5.2.40

package/dist/css/styles.css

@@ -80,17 +80,6 @@
 }
 
 /* src/globalStyles/styles.scss */
-html {
-  --font-sans: "Inter", sans-serif;
-  --font-serif: "Lora", serif;
-  --global-border-radius: 4px;
-  --box-shadow-small: 0 0.125rem 0.375rem 0 rgba(var(--primary-main-dark-1-rgb), 0.25);
-  --box-shadow-medium: 0 0.25rem 0.5rem 0 rgba(var(--primary-main-dark-1-rgb), 0.2);
-  --box-shadow-menu: 0 0.25rem 0.5rem -0.5rem rgba(var(--primary-main-dark-1-rgb), 0.2);
-  --box-shadow-tippy-box: 0 0.25rem 0.5rem 0.25rem rgba(var(--primary-main-dark-1-rgb), 0.2);
-  --box-shadow-container: 0px 2px 6px 0px rgba(var(--primary-main-dark-1-rgb), 0.25);
-  --global-gap: 1rem;
-}
 *,
 *::before,
 *::after {
@@ -148,7 +137,7 @@ html,
 body {
   font-size: 16px;
   color: var(--neutral-main);
-  font-family: var(--font-sans);
+  font-family: "Inter", sans-serif;
 }
 main {
   display: block;
@@ -158,7 +147,7 @@ ul {
   list-style: none;
 }
 h1 {
-  font-family: var(--font-serif);
+  font-family: "Lora", serif;
 }
 .u-sticky-footer {
   display: flex;
@@ -371,22 +360,6 @@ html[data-theme=lawdistrict] {
   --others-disabled: #6b7280;
   --others-black: #000;
 }
-html[data-theme=lawdistrict] .document-status.--in-progress {
-  background-color: var(--secondary-main-light-4);
-  border-color: var(--secondary-main-dark-1);
-  color: var(--secondary-main-dark-2);
-}
-html[data-theme=lawdistrict] .document-status.--in-progress svg g > g {
-  fill: var(--secondary-main-dark-2);
-}
-html[data-theme=lawdistrict] .document-status.--is-new {
-  background-color: var(--secondary-main-dark-2);
-  border-color: var(--secondary-main);
-  color: var(--secondary-main-light-4);
-}
-html[data-theme=lawdistrict] .document-status.--is-new .icon {
-  margin-right: 1.4rem;
-}
 html[data-theme=lawsdistrict] {
   --primary-main-light-6: #f9f5ff;
   --primary-main-light-5: #e3d1ff;
@@ -735,7 +708,7 @@ body {
 .serif {
   letter-spacing: -0.3px;
   font-weight: normal;
-  font-family: var(--font-serif);
+  font-family: "Lora", serif;
 }
 .serif.--super-hero {
   font-size: 2.25rem;
@@ -775,6 +748,214 @@ body {
 .serif.--normal-weight {
   font-weight: normal;
 }
+.e-addButton {
+  display: inline-block;
+}
+.e-addButton .tooltip {
+  margin-top: 0.5rem;
+}
+.e-addButton label:first-child {
+  font-weight: bold;
+}
+.e-addButton__inner {
+  display: inline-block;
+  margin-top: 1rem;
+  color: var(--primary-main);
+  border-radius: 4px;
+  transition: all 0.3s ease;
+  font-weight: bold;
+}
+.e-addButton__inner label:hover {
+  background-color: var(--primary-main-light-4);
+}
+.e-addButton__inner label {
+  display: flex;
+  flex-basis: 100%;
+  align-items: center;
+  position: relative;
+  border: 1px solid var(--primary-main);
+  border-radius: 4px;
+  cursor: pointer;
+  padding: 0.75rem 1rem;
+  margin-right: 1rem;
+}
+.e-addButton input {
+  position: absolute;
+  left: -9999px;
+}
+.e-addButton input:checked + label {
+  display: none;
+}
+.action-button-header-ratafia-card {
+  display: flex;
+  padding: 0.5rem;
+  align-items: center;
+  gap: 0.25rem;
+  border: none;
+  background-color: transparent;
+  cursor: pointer;
+}
+.action-button-header-ratafia-card__icon {
+  width: 24px;
+}
+.action-button-header-ratafia-card__text {
+  color: var(--neutral-neutral-2);
+  display: none;
+}
+@media (min-width: 575px) {
+  .action-button-header-ratafia-card__text {
+    display: block;
+  }
+}
+.benefit-ratafia-card {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  flex: 1 0 0;
+  align-self: stretch;
+  padding: 1.5rem;
+  gap: 1rem;
+  border-radius: 4px;
+  background: rgba(255, 255, 255, 0.8);
+  box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
+}
+@media (min-width: 720px) {
+  .benefit-ratafia-card {
+    flex-direction: row;
+  }
+}
+@media (min-width: 960px) {
+  .benefit-ratafia-card {
+    flex-direction: column;
+  }
+}
+.benefit-ratafia-card__icon {
+  display: flex;
+  align-items: flex-start;
+  padding: 0.25rem;
+  gap: 0.625rem;
+  border-radius: 4px;
+  background: rgba(255, 255, 255, 0.8);
+  box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
+}
+.benefit-ratafia-card__icon img {
+  min-width: 32px;
+  min-height: 32px;
+}
+.benefit-ratafia-card__content {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  align-self: stretch;
+  gap: 0.5rem;
+}
+.benefit-ratafia-card__content__title {
+  color: var(--primary-main-dark-2);
+}
+.benefit-ratafia-card__content__description {
+  color: var(--neutral-neutral-1);
+}
+.bill-card {
+  background-color: var(--neutral-neutral-6);
+  border: 1px solid var(--neutral-neutral-4);
+  border-radius: 4px;
+  display: flex;
+  flex-direction: column;
+  padding: 1rem 1rem;
+}
+@media (min-width: 575px) {
+  .bill-card {
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0.5rem 1.5rem;
+  }
+}
+.bill-card .date-price {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  border-bottom: 1px solid var(--neutral-neutral-4);
+  padding-bottom: 1rem;
+}
+@media (min-width: 575px) {
+  .bill-card .date-price {
+    padding-bottom: 0;
+    justify-content: left;
+    border-bottom: none;
+  }
+}
+@media (min-width: 575px) {
+  .bill-card .date-price__left {
+    padding: 0.2rem 1rem 0.2rem 0;
+    border-right: 1px solid var(--neutral-neutral-4);
+  }
+}
+@media (min-width: 720px) {
+  .bill-card .date-price__left {
+    padding: 0.2rem 1.5rem 0.2rem 0;
+  }
+}
+.bill-card .date-price__right {
+  margin-left: 1rem;
+}
+@media (min-width: 720px) {
+  .bill-card .date-price__right {
+    margin-left: 1.5rem;
+  }
+}
+.bill-card .annual-plan {
+  text-align: left;
+  padding-top: 1rem;
+}
+@media (min-width: 575px) {
+  .bill-card .annual-plan {
+    padding-top: 0;
+    text-align: right;
+  }
+}
+.bottom-overlay-menu {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  padding: 16px 24px;
+  background-color: var(--others-white);
+  box-shadow: 0 2px 6px 0 var(--primary-main-dark-1);
+  color: black;
+}
+.bottom-overlay-menu .e-button {
+  width: 100%;
+}
+.bottom-overlay-menu .e-searchselect {
+  width: 100%;
+  margin-bottom: 1rem;
+}
+.bottom-overlay-menu .e-text {
+  width: 100%;
+}
+.bottom-overlay-menu .desktop-radio-icons {
+  display: none;
+}
+.bottom-overlay-menu ul li {
+  margin-bottom: 0;
+}
+.inline-list {
+  display: flex;
+  align-items: center;
+}
+.inline-list .chevron-right24px > g > g {
+  fill: var(--primary-main-light-1);
+}
+.inline-list a,
+.inline-list span {
+  color: var(--primary-main-light-1);
+  font-weight: 700;
+  font-size: 12px;
+  line-height: 16px;
+  letter-spacing: -0.3px;
+}
 html[data-theme=lawdistrict] .e-button.--primary-3 {
   color: var(--neutral-main);
 }
@@ -782,7 +963,7 @@ html[data-theme=lawdistrict] .e-button.--primary-3 {
   padding: 0.5rem 1rem;
   align-items: center;
   align-self: center;
-  border-radius: var(--global-border-radius);
+  border-radius: 4px;
   text-align: center;
   text-decoration: none;
   cursor: pointer;
@@ -895,7 +1076,7 @@ html[data-theme=lawdistrict] .e-button.--primary-3 {
 .e-button.--secondary-icon {
   display: flex;
   justify-content: center;
-  border-radius: var(--global-border-radius);
+  border-radius: 4px;
   border: 2px solid var(--neutral-neutral-2);
   background-color: var(--neutral-neutral-5);
 }
@@ -952,7 +1133,7 @@ html[data-theme=lawdistrict] .e-button.--primary-3 {
   font-size: 14px;
   font-weight: bold;
   justify-content: center;
-  border-radius: var(--global-border-radius);
+  border-radius: 4px;
   border: 2px solid var(--neutral-neutral-2);
   background-color: var(--neutral-neutral-6);
 }
@@ -1006,7 +1187,7 @@ html[data-theme=lawdistrict] .e-button.--primary-3 {
 }
 .button-icon {
   background: none;
-  border-radius: var(--global-border-radius);
+  border-radius: 4px;
   border: 1px solid var(--neutral-neutral-4);
   display: inline-flex;
   padding: 0.1875rem;
@@ -1039,80 +1220,395 @@ html[data-theme=lawdistrict] .e-button.--primary-3 {
   transform: translate(-50%, 1rem);
   transition: all 0.3s ease;
 }
-.react-datepicker__year-read-view--down-arrow,
-.react-datepicker__month-read-view--down-arrow,
-.react-datepicker__month-year-read-view--down-arrow,
-.react-datepicker__navigation-icon::before {
-  border-color: #ccc;
-  border-style: solid;
-  border-width: 3px 3px 0 0;
-  content: "";
-  display: block;
-  height: 9px;
-  position: absolute;
-  top: 6px;
-  width: 9px;
-}
-.react-datepicker-wrapper {
+.marker {
   display: inline-block;
-  padding: 0;
-  border: 0;
+  margin-left: -10px;
 }
-.react-datepicker {
-  font-family:
-    "Helvetica Neue",
-    helvetica,
-    arial,
-    sans-serif;
-  font-size: 0.8rem;
-  background-color: #fff;
-  color: #000;
-  border: 1px solid #aeaeae;
-  border-radius: 0.3rem;
-  display: inline-block;
-  position: relative;
-  line-height: initial;
+@-moz-document url-prefix() {
+  .marker {
+    margin-left: 0px;
+  }
 }
-.react-datepicker--time-only .react-datepicker__time-container {
-  border-left: 0;
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+  .marker {
+    margin-left: 0px;
+  }
 }
-.react-datepicker--time-only .react-datepicker__time,
-.react-datepicker--time-only .react-datepicker__time-box {
-  border-bottom-left-radius: 0.3rem;
-  border-bottom-right-radius: 0.3rem;
+.position {
+  margin-left: 2px;
 }
-.react-datepicker-popper {
-  z-index: 1;
-  line-height: 0;
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+  .position {
+    margin-left: 15px;
+  }
 }
-.react-datepicker-popper .react-datepicker__triangle {
-  stroke: #aeaeae;
+@-moz-document url-prefix() {
+  .position {
+    margin-left: 15px;
+  }
 }
-.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
-  fill: #f0f0f0;
-  color: #f0f0f0;
+.pane {
+  align-items: flex-start;
+  border-top: 1px solid var(--neutral-neutral-4);
+  display: flex;
+  font-family: "Inter", sans-serif;
+  padding: 1.5rem 0;
+  flex-direction: row;
+  flex-wrap: wrap;
 }
-.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
-  fill: #fff;
-  color: #fff;
+.pane-wrapper {
+  margin-top: 1rem;
+  padding-right: 0;
+  width: 100%;
 }
-.react-datepicker__header {
-  text-align: center;
-  background-color: #f0f0f0;
-  border-bottom: 1px solid #aeaeae;
-  border-top-left-radius: 0.3rem;
-  padding: 8px 0;
-  position: relative;
+@media (min-width: 575px) {
+  .pane-wrapper {
+    margin-top: 0;
+    padding-right: 0.875rem;
+    width: 50%;
+  }
 }
-.react-datepicker__header--time {
-  padding-bottom: 8px;
-  padding-left: 5px;
-  padding-right: 5px;
+@media (min-width: 720px) {
+  .pane-wrapper {
+    padding-right: 0.55rem;
+  }
 }
-.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
-  border-top-left-radius: 0;
+@media (min-width: 960px) {
+  .pane-wrapper {
+    padding-right: 0.875rem;
+  }
 }
-.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
+.pane-wrapper:first-child {
+  margin-top: 0;
+}
+.pane-wrapper:nth-child(2) {
+  text-align: right;
+}
+@media (min-width: 328px) and (max-width: 720px) {
+  .pane-wrapper:nth-child(2) {
+    text-align: left;
+  }
+}
+.pane-wrapper:nth-child(3) {
+  margin-top: 30px;
+}
+.pane-wrapper:last-child {
+  padding-right: 0;
+}
+.pane-wrapper span {
+  display: block;
+}
+.pane-wrapper span.marker {
+  display: inline-block;
+  text-indent: -0.625rem;
+}
+.pane--title {
+  color: var(--neutral-neutral-2);
+  font-size: 0.875rem;
+  line-height: 1.29;
+}
+@media (min-width: 575px) {
+  .pane--title {
+    font-size: 0.65rem;
+  }
+}
+@media (min-width: 720px) {
+  .pane--title {
+    font-size: 0.75rem;
+  }
+}
+@media (min-width: 960px) {
+  .pane--title {
+    font-size: 0.875rem;
+  }
+}
+.pane--description {
+  color: var(--neutral-main);
+  font-size: 1rem;
+  font-weight: 700;
+  letter-spacing: -0.3px;
+  line-height: 1.38;
+  margin-top: 2px;
+}
+.pane--description--active {
+  color: var(--primary-main);
+}
+.pane--description--inactive {
+  color: var(--error-main);
+}
+@media (min-width: 575px) {
+  .pane {
+    flex-direction: row;
+  }
+}
+.e-checkbox {
+  display: flex;
+  flex-direction: column-reverse;
+  justify-content: flex-end;
+  position: relative;
+  font-size: 1rem;
+  margin-bottom: 0.5rem;
+}
+.e-checkbox-wrapper {
+  display: flex;
+  flex-flow: row nowrap;
+}
+.e-checkbox input:not(:checked),
+.e-checkbox input:checked {
+  position: absolute;
+  left: -9999px;
+}
+.e-checkbox input:not(:checked) + label,
+.e-checkbox input:checked + label {
+  cursor: pointer;
+  font-size: 1rem;
+  font-weight: normal;
+  display: flex;
+  position: relative;
+  padding-top: 0;
+  top: 35%;
+  padding-left: 1.5rem;
+  margin-right: 1.5rem;
+}
+.e-checkbox input:not(:checked) + label span,
+.e-checkbox input:checked + label span {
+  margin-left: 0.5rem;
+}
+.e-checkbox input:not(:checked) + label:before,
+.e-checkbox input:checked + label:before {
+  content: "";
+  background-color: var(--others-white);
+  border: 1px solid var(--neutral-main);
+  left: 1px;
+  position: absolute;
+  top: 0;
+  height: 1.5rem;
+  width: 1.5rem;
+  border-radius: 4px;
+}
+.e-checkbox input:not(:checked) + label:after,
+.e-checkbox input:checked + label:after {
+  background-color: currentColor;
+  content: "";
+  padding: 0 0.5em;
+  margin: 0 0.125rem;
+  -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogc2tldGNodG9vbCA2MCAoMTAxMDEwKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5BNzI2QkEzMC0zMDVGLTQ2OEQtQURCMi1FMzU3ODVCQjFFQjlfb3V0bGluZWQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIHNrZXRjaHRvb2wuPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMSIgcG9pbnRzPSI1Ljg2NjY2Njc4IDEwLjU5OTk5OTkgMy4wNjY2NjY3MiA3LjgwMDAwMDAxIDIuMTMzMzMzMzcgOC43MzMzMzMzMSA1Ljg2NjY2Njc4IDEyLjQ2NjY2NjUgMTMuODY2NjY3IDQuNDY2NjY2NzcgMTIuOTMzMzMzNiAzLjUzMzMzMzQ2Ij48L3BvbHlnb24+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iQXNzZXQtQXJ0Ym9hcmQtUGFnZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Imljb24vZG9uZV8yNHB4Ij4KICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICA8ZyBpZD0iaWNvbi9hY3Rpb24vZG9uZV8yNHB4IiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvZz4KICAgICAgICAgICAgPGcgaWQ9IuKGsy1Db2xvci1Db2xvci0vLUljb25zLS8tTmV1dHJhbHMtLy1XaGl0ZSIgbWFzaz0idXJsKCNtYXNrLTIpIiBmaWxsPSIjMDU2NDZFIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PC9yZWN0PgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
+  mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogc2tldGNodG9vbCA2MCAoMTAxMDEwKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5BNzI2QkEzMC0zMDVGLTQ2OEQtQURCMi1FMzU3ODVCQjFFQjlfb3V0bGluZWQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIHNrZXRjaHRvb2wuPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMSIgcG9pbnRzPSI1Ljg2NjY2Njc4IDEwLjU5OTk5OTkgMy4wNjY2NjY3MiA3LjgwMDAwMDAxIDIuMTMzMzMzMzcgOC43MzMzMzMzMSA1Ljg2NjY2Njc4IDEyLjQ2NjY2NjUgMTMuODY2NjY3IDQuNDY2NjY2NzcgMTIuOTMzMzMzNiAzLjUzMzMzMzQ2Ij48L3BvbHlnb24+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iQXNzZXQtQXJ0Ym9hcmQtUGFnZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Imljb24vZG9uZV8yNHB4Ij4KICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICA8ZyBpZD0iaWNvbi9hY3Rpb24vZG9uZV8yNHB4IiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvZz4KICAgICAgICAgICAgPGcgaWQ9IuKGsy1Db2xvci1Db2xvci0vLUljb25zLS8tTmV1dHJhbHMtLy1XaGl0ZSIgbWFzaz0idXJsKCNtYXNrLTIpIiBmaWxsPSIjMDU2NDZFIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PC9yZWN0PgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  mask-position: center;
+  clip-path: padding-box inset(0.28125em 0);
+  position: absolute;
+  width: 20px;
+  height: 20px;
+  left: 0.09rem;
+  top: 2px;
+  color: var(--primary-main);
+}
+.e-checkbox input:not(:checked) + label:after {
+  opacity: 0;
+  transform: scale(0);
+  top: 3px;
+  left: 0.25rem;
+}
+.e-checkbox input:not(:checked) + label:hover:before {
+  background-color: var(--primary-main-light-5);
+}
+.e-checkbox input:checked + label:after {
+  opacity: 1;
+  transform: scale(1);
+}
+.e-checkbox input:checked + label:before {
+  background-color: var(--primary-main-light-5);
+  border: 1.5px solid var(--primary-main);
+  border-radius: 4px;
+}
+.e-checkbox input[disabled] + label {
+  opacity: 0.4;
+}
+.e-checkbox input[disabled] + label:before,
+.e-checkbox input[disabled] + label:after {
+  opacity: 0.7;
+}
+.e-checkbox.--is-invalid input:not(:checked) + label:before,
+.e-checkbox.--is-invalid input:checked + label:before,
+.e-checkbox.--group-invalid input:not(:checked) + label:before,
+.e-checkbox.--group-invalid input:checked + label:before {
+  border: 2px solid var(--error-main);
+}
+.e-checkbox .tooltip-form {
+  margin-top: 0;
+}
+.e-datepicker {
+  max-width: 55%;
+  width: 100%;
+  display: flex;
+  flex-flow: column-reverse;
+  margin-bottom: 2rem;
+}
+.e-datepicker__inner {
+  margin-bottom: 0.5rem;
+}
+.e-datepicker__label {
+  font-weight: bold;
+}
+.e-datepicker ul li {
+  margin: 0;
+}
+.e-datepicker ul li::before {
+  background-color: transparent;
+}
+.e-datepicker .react-datepicker {
+  border: 0.5px solid var(--neutral-neutral-4);
+}
+.e-datepicker .react-datepicker__input-container input {
+  color: var(--neutral-main);
+  border-radius: 4px;
+  font-size: 1rem;
+  background-color: var(--neutral-neutral-4);
+  height: 40px;
+  width: 100%;
+  padding: 0.75rem 0 0.75rem 0.75rem;
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48IS0tR2VuZXJhdG9yOiBza2V0Y2h0b29sIDYwICgxMDEwMTApIC0gaHR0cHM6Ly9za2V0Y2guY29tLS0+PHRpdGxlPjNEODAzNjU0LUI3NjEtNEZEQy05MThDLTc1QzUwMjdEODcyMDwvdGl0bGU+PGRlc2M+Q3JlYXRlZCB3aXRoIHNrZXRjaHRvb2wuPC9kZXNjPjxkZWZzPjxwYXRoIGQ9Ik0yMiwzIEwxOSwzIEwxOSwxIEwxNywxIEwxNywzIEw3LDMgTDcsMSBMNSwxIEw1LDMgTDIsMyBMMiwyMyBMMjIsMjMgTDIyLDMgWiBNMjAsMjEgTDQsMjEgTDQsOCBMMjAsOCBMMjAsMjEgWiIgaWQ9InBhdGgtMSIvPjwvZGVmcz48ZyBpZD0iQXNzZXQtQXJ0Ym9hcmQtUGFnZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgaWQ9Imljb24vbmF2aWdhdGlvbi9leHBhbmRfbW9yZV8yNHB4LWljb24vYWN0aW9uL2NhbGVuZGFyX3RvZGF5XzI0cHgiPjxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj48dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiLz48L21hc2s+PGcgaWQ9Imljb24vYWN0aW9uL2NhbGVuZGFyX3RvZGF5XzI0cHgiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxnIGlkPSLihrMtQ29sb3ItY29sb3ItLy1JY29ucy0vLUJsYWNrLS8tSW5hY3RpdmUiIG1hc2s9InVybCgjbWFzay0yKSIgZmlsbD0iIzQzNDM0MyI+PHJlY3QgaWQ9IlJlY3RhbmdsZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+PC9nPjwvZz48L2c+PC9zdmc+);
+  background-position: 95% 50%;
+  background-repeat: no-repeat;
+  transition: box-shadow 0.3s ease;
+  box-shadow: 0 0 0 0 var(--primary-main-light-4);
+  margin: 0.0005em;
+  border: none;
+}
+.e-datepicker .react-datepicker__input-container input:focus {
+  outline: none;
+  box-shadow: 0 0 0 2px var(--primary-main-light-1);
+}
+.e-datepicker .react-datepicker__day {
+  font-size: 14px;
+  text-align: center;
+  border: 0.5px solid var(--neutral-neutral-4);
+  width: 39px;
+  height: 38px;
+  border-collapse: collapse;
+  vertical-align: middle;
+  display: table-cell;
+  line-height: 1.7rem;
+}
+.e-datepicker .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
+  border-bottom-color: var(--others-white);
+}
+.e-datepicker .react-datepicker__day--selected {
+  background-color: var(--primary-main-light-2);
+  border: 1px double var(--primary-main-light-2);
+}
+.e-datepicker .react-datepicker__day--selected:hover {
+  background-color: var(--primary-main-light-2);
+}
+.e-datepicker .react-datepicker__day--keyboard-selected {
+  background-color: inherit;
+  color: inherit;
+}
+.e-datepicker .react-datepicker__day--keyboard-selected:hover {
+  border-radius: 0.3rem;
+  background-color: #f0f0f0;
+}
+.e-datepicker .react-datepicker__month-container {
+  padding: 0 15px 15px;
+}
+.e-datepicker .react-datepicker__month {
+  margin: 0;
+}
+.e-datepicker .react-datepicker__header {
+  background-color: inherit;
+  border: none;
+}
+.e-datepicker .react-datepicker__header button {
+  border: 0.5px solid var(--neutral-neutral-4);
+}
+.e-datepicker .react-datepicker__header select {
+  -webkit-appearance: menulist-button;
+  background-color: var(--others-white);
+}
+.e-datepicker .react-datepicker__day-name {
+  width: 33px;
+}
+.e-datepicker .react-datepicker__day--outside-month {
+  color: var(--neutral-neutral-3);
+  pointer-events: none;
+}
+.react-datepicker__year-read-view--down-arrow,
+.react-datepicker__month-read-view--down-arrow,
+.react-datepicker__month-year-read-view--down-arrow,
+.react-datepicker__navigation-icon::before {
+  border-color: #ccc;
+  border-style: solid;
+  border-width: 3px 3px 0 0;
+  content: "";
+  display: block;
+  height: 9px;
+  position: absolute;
+  top: 6px;
+  width: 9px;
+}
+.react-datepicker-wrapper {
+  display: inline-block;
+  padding: 0;
+  border: 0;
+}
+.react-datepicker {
+  font-family:
+    "Helvetica Neue",
+    helvetica,
+    arial,
+    sans-serif;
+  font-size: 0.8rem;
+  background-color: #fff;
+  color: #000;
+  border: 1px solid #aeaeae;
+  border-radius: 0.3rem;
+  display: inline-block;
+  position: relative;
+  line-height: initial;
+}
+.react-datepicker--time-only .react-datepicker__time-container {
+  border-left: 0;
+}
+.react-datepicker--time-only .react-datepicker__time,
+.react-datepicker--time-only .react-datepicker__time-box {
+  border-bottom-left-radius: 0.3rem;
+  border-bottom-right-radius: 0.3rem;
+}
+.react-datepicker-popper {
+  z-index: 1;
+  line-height: 0;
+}
+.react-datepicker-popper .react-datepicker__triangle {
+  stroke: #aeaeae;
+}
+.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
+  fill: #f0f0f0;
+  color: #f0f0f0;
+}
+.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
+  fill: #fff;
+  color: #fff;
+}
+.react-datepicker__header {
+  text-align: center;
+  background-color: #f0f0f0;
+  border-bottom: 1px solid #aeaeae;
+  border-top-left-radius: 0.3rem;
+  padding: 8px 0;
+  position: relative;
+}
+.react-datepicker__header--time {
+  padding-bottom: 8px;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
+  border-top-left-radius: 0;
+}
+.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
   border-top-right-radius: 0.3rem;
 }
 .react-datepicker__year-dropdown-container--select,
@@ -1745,456 +2241,2238 @@ h2.react-datepicker__current-month {
   height: 1em;
   vertical-align: -0.125em;
 }
-.e-radio label:first-child:not(.e-radio-label) {
-  font-weight: bold;
+.disclaimer {
+  padding: 1rem;
 }
-.e-radio .radio-item-container {
-  width: 100%;
+@media (min-width: 960px) {
+  .disclaimer {
+    padding: 1rem 0;
+  }
 }
-@media (max-width: 575px) {
-  .e-radio.--regular .e-radio__inner {
-    display: flex;
-    flex-flow: row wrap;
-    width: 100%;
-    margin-left: 1.5rem;
-    margin-top: 2rem;
-    margin-bottom: 1rem;
+.disclaimer__wrapper {
+  background-color: var(--neutral-main);
+  color: var(--neutral-neutral-4);
+}
+.disclaimer__wrapper .standard {
+  color: var(--neutral-neutral-4);
+  text-decoration: underline;
+}
+.grey-color {
+  color: var(--neutral-neutral-1);
+  background-color: var(--neutral-neutral-4);
+}
+.disclaimer__copy {
+  margin-bottom: 0.5rem;
+}
+.desktop_view {
+  display: block;
+}
+@media (min-width: 328px) and (max-width: 720px) {
+  .desktop_view {
+    display: none;
   }
-  .e-radio.--regular .e-radio__inner label {
-    margin-bottom: 0.25rem;
-    flex-basis: 100%;
-    display: flex;
-    align-items: center;
-    color: var(--neutral-main);
-    font-size: 16px;
-    position: relative;
-    cursor: pointer;
-    width: 100%;
-  }
-  .e-radio.--regular input {
-    position: absolute;
-    left: -9999px;
-  }
-  .e-radio.--regular input:not(:checked):hover + label:before {
-    background-color: var(--primary-main-light-5);
-  }
-  .e-radio.--regular input:checked:hover + label:before {
-    background-color: var(--primary-main);
-  }
-  .e-radio.--regular input:checked + label {
-    color: var(--primary-main);
-    text-shadow: -0.02ex 0 var(--primary-main), 0.02ex 0 var(--primary-main);
-  }
-  .e-radio.--regular input:checked + label:before {
-    content: "";
-    position: absolute;
-    top: 2px;
-    left: -23px;
-    height: 1.25rem;
-    width: 1.25rem;
-    background-color: var(--primary-main);
-    border: 1px solid var(--primary-main);
-    border-radius: 50%;
-    box-sizing: border-box;
-  }
-  .e-radio.--regular input:checked + label:after {
-    content: "";
-    position: absolute;
-    top: 0.5rem;
-    left: -17px;
-    display: block;
-    height: 0.5rem;
-    width: 0.5rem;
-    background: currentColor;
-    border-radius: 50%;
-    opacity: 1;
-    transform: scale(1);
-    color: #fff;
-    transition: all 0.1s;
-  }
-  .e-radio.--regular input + label {
-    cursor: pointer;
-    font-size: 16px;
-  }
-  .e-radio.--regular input + label:before {
-    content: "";
-    position: absolute;
-    left: -23px;
-    top: 2px;
-    height: 1.25rem;
-    width: 1.25rem;
-    border-radius: 50%;
-    background-color: transparent;
-    border: 1px solid var(--neutral-main);
-    box-sizing: border-box;
-  }
-  .e-radio.--regular input + label:after {
-    position: absolute;
-    top: 0.5rem;
-    left: -17px;
+}
+.mobile_view {
+  display: none;
+}
+@media (min-width: 328px) and (max-width: 720px) {
+  .mobile_view {
     display: block;
-    height: 0.5rem;
-    width: 0.5rem;
-    opacity: 0;
-    transform: scale(0);
-    color: var(--others-white);
-    transition: all 0.1s;
-    content: "";
-    bottom: 0.5rem;
-    border-radius: 50%;
   }
 }
+.disclaimer-ratafia {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  align-self: stretch;
+  gap: 1rem;
+}
+.disclaimer-ratafia__text-desktop {
+  display: none;
+}
 @media (min-width: 575px) {
-  .e-radio.--regular:not(.--icons) .e-radio__inner {
-    display: flex;
-    flex-flow: row wrap;
-    width: 100%;
-    margin-left: 1.5rem;
-    margin-top: 2rem;
-    margin-bottom: 1rem;
-  }
-  .e-radio.--regular:not(.--icons) .e-radio__inner label {
-    margin-bottom: 0.25rem;
-    flex-basis: 100%;
-    display: flex;
-    align-items: center;
-    color: var(--neutral-main);
-    font-size: 16px;
-    position: relative;
-    cursor: pointer;
-    width: 100%;
-  }
-  .e-radio.--regular:not(.--icons) input {
-    position: absolute;
-    left: -9999px;
-  }
-  .e-radio.--regular:not(.--icons) input:not(:checked):hover + label:before {
-    background-color: var(--primary-main-light-5);
-  }
-  .e-radio.--regular:not(.--icons) input:checked:hover + label:before {
-    background-color: var(--primary-main);
-  }
-  .e-radio.--regular:not(.--icons) input:checked + label {
-    color: var(--primary-main);
-    text-shadow: -0.02ex 0 var(--primary-main), 0.02ex 0 var(--primary-main);
-  }
-  .e-radio.--regular:not(.--icons) input:checked + label:before {
-    content: "";
-    position: absolute;
-    top: 2px;
-    left: -23px;
-    height: 1.25rem;
-    width: 1.25rem;
-    background-color: var(--primary-main);
-    border: 1px solid var(--primary-main);
-    border-radius: 50%;
-    box-sizing: border-box;
-  }
-  .e-radio.--regular:not(.--icons) input:checked + label:after {
-    content: "";
-    position: absolute;
-    top: 0.5rem;
-    left: -17px;
-    display: block;
-    height: 0.5rem;
-    width: 0.5rem;
-    background: currentColor;
-    border-radius: 50%;
-    opacity: 1;
-    transform: scale(1);
-    color: #fff;
-    transition: all 0.1s;
-  }
-  .e-radio.--regular:not(.--icons) input + label {
-    cursor: pointer;
-    font-size: 16px;
-  }
-  .e-radio.--regular:not(.--icons) input + label:before {
-    content: "";
-    position: absolute;
-    left: -23px;
-    top: 2px;
-    height: 1.25rem;
-    width: 1.25rem;
-    border-radius: 50%;
-    background-color: transparent;
-    border: 1px solid var(--neutral-main);
-    box-sizing: border-box;
-  }
-  .e-radio.--regular:not(.--icons) input + label:after {
-    position: absolute;
-    top: 0.5rem;
-    left: -17px;
+  .disclaimer-ratafia__text-desktop {
     display: block;
-    height: 0.5rem;
-    width: 0.5rem;
-    opacity: 0;
-    transform: scale(0);
-    color: var(--others-white);
-    transition: all 0.1s;
-    content: "";
-    bottom: 0.5rem;
-    border-radius: 50%;
   }
 }
-@media (max-width: 575px) {
-  .e-radio.--tabs .e-radio__inner {
-    display: flex;
-    flex-flow: row nowrap;
-    margin-bottom: 2rem;
-    width: 10rem;
-    margin-top: 1rem;
-    border: 1px solid var(--neutral-neutral-3);
-    background: var(--neutral-neutral-6);
-    border-radius: var(--global-border-radius);
-    transition: all 0.3s ease;
-  }
-  .e-radio.--tabs .e-radio__inner .e-radio-label {
-    width: 100%;
-    display: flex;
-    border-right: 1px solid var(--neutral-neutral-3);
-    border-top-left-radius: var(--global-border-radius);
-    border-bottom-left-radius: var(--global-border-radius);
-  }
-  .e-radio.--tabs .e-radio__inner .e-radio-label:last-child {
-    border-right: none;
-  }
-  .e-radio.--tabs input {
-    position: absolute;
-    left: -9999px;
-  }
-  .e-radio.--tabs input + label {
-    cursor: pointer;
-    font-size: 14px;
-    transition: all 0.3s ease;
-  }
-  .e-radio.--tabs input + label:hover {
-    background: var(--neutral-neutral-4);
-  }
-  .e-radio.--tabs input:checked + label {
-    font-weight: bold;
-    color: var(--others-white);
-    width: 100%;
-    cursor: pointer;
-    transition: all 0.3s ease;
-    background-color: var(--primary-main);
-    text-align: center;
-    padding: 10px;
-  }
-  .e-radio.--tabs input:checked + label:hover {
-    background-color: var(--primary-main);
-  }
-  .e-radio.--tabs input:not(:checked) + label {
-    text-align: center;
-    width: 100%;
-    color: var(--neutral-neutral-1);
-    font-weight: bold;
-    padding: 10px;
-  }
-  .e-radio.--tabs input:hover:not(:checked) + label {
-    width: 100%;
-  }
+.disclaimer-ratafia__text-mobile {
+  width: 100%;
 }
 @media (min-width: 575px) {
-  .e-radio.--tabs:not(.--icons) .e-radio__inner {
-    display: flex;
-    flex-flow: row nowrap;
-    margin-bottom: 2rem;
-    width: 10rem;
-    margin-top: 1rem;
-    border: 1px solid var(--neutral-neutral-3);
-    background: var(--neutral-neutral-6);
-    border-radius: var(--global-border-radius);
-    transition: all 0.3s ease;
+  .disclaimer-ratafia__text-mobile {
+    display: none;
   }
-  .e-radio.--tabs:not(.--icons) .e-radio__inner .e-radio-label {
-    width: 100%;
-    display: flex;
-    border-right: 1px solid var(--neutral-neutral-3);
-    border-top-left-radius: var(--global-border-radius);
-    border-bottom-left-radius: var(--global-border-radius);
+}
+.disclaimer-ratafia__text {
+  display: flex;
+  align-items: center;
+  align-self: stretch;
+  padding: 0.5rem;
+  gap: 0.25rem;
+  border-radius: 4px;
+  background: var(--neutral-neutral-6);
+}
+@media (min-width: 575px) {
+  .disclaimer-ratafia__text {
+    margin-bottom: 1rem;
   }
-  .e-radio.--tabs:not(.--icons) .e-radio__inner .e-radio-label:last-child {
-    border-right: none;
-  }
-  .e-radio.--tabs:not(.--icons) input {
-    position: absolute;
-    left: -9999px;
-  }
-  .e-radio.--tabs:not(.--icons) input + label {
-    cursor: pointer;
-    font-size: 14px;
-    transition: all 0.3s ease;
-  }
-  .e-radio.--tabs:not(.--icons) input + label:hover {
-    background: var(--neutral-neutral-4);
-  }
-  .e-radio.--tabs:not(.--icons) input:checked + label {
-    font-weight: bold;
-    color: var(--others-white);
-    width: 100%;
-    cursor: pointer;
-    transition: all 0.3s ease;
-    background-color: var(--primary-main);
-    text-align: center;
-    padding: 10px;
-  }
-  .e-radio.--tabs:not(.--icons) input:checked + label:hover {
-    background-color: var(--primary-main);
+}
+.disclaimer-ratafia__text__icon {
+  width: 14px;
+  margin-right: 5px;
+}
+.disclaimer-ratafia__text__arrow {
+  position: absolute;
+  top: 10px;
+  right: 6px;
+  fill: var(--neutral-neutral-2);
+}
+.disclaimer-ratafia__text__arrow svg {
+  display: block;
+  width: 16px;
+  height: 16px;
+}
+.disclaimer-ratafia__text__text {
+  display: flex;
+  width: 100%;
+  position: relative;
+  color: var(--neutral-neutral-2);
+  border: none;
+  padding: 8px;
+  border-radius: 4px;
+}
+@media (min-width: 575px) {
+  .disclaimer-ratafia__text__text {
+    margin-bottom: 0;
+    padding: 0;
   }
-  .e-radio.--tabs:not(.--icons) input:not(:checked) + label {
-    text-align: center;
-    width: 100%;
-    color: var(--neutral-neutral-1);
-    font-weight: bold;
-    padding: 10px;
+}
+.disclaimer-ratafia__copyright,
+.disclaimer-ratafia__legal-advice {
+  display: flex;
+  justify-content: start;
+  align-items: center;
+  gap: 10px;
+  align-self: stretch;
+}
+.disclaimer-ratafia__copyright__text,
+.disclaimer-ratafia__legal-advice__text {
+  color: var(--neutral-neutral-2);
+}
+.disclaimer-ratafia__copyright__text a,
+.disclaimer-ratafia__legal-advice__text a {
+  color: var(--neutral-neutral-2);
+}
+.disclaimer-ratafia__legal-advice {
+  margin-bottom: 16px;
+}
+.disclaimer-ratafia__disclaimer-fixed {
+  border-radius: 5px 5px 0 0;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  padding: 1rem 1.5rem 1.5rem 1.5rem;
+  background: var(--others-white);
+  border-top: 1px solid var(--neutral-neutral-5);
+}
+.disclaimer-ratafia__disclaimer-fixed:after {
+  content: "";
+  position: absolute;
+  top: 8px;
+  left: calc(50% - 17px);
+  border: 2px solid var(--neutral-neutral-3);
+  border-radius: 6px;
+  width: 34px;
+}
+.disclaimer-ratafia__disclaimer-fixed__title {
+  padding-top: 2rem;
+  font-size: 1.15rem;
+  font-weight: 700;
+  padding-bottom: 1rem;
+  border-bottom: 1px solid var(--neutral-neutral-4);
+  color: var(--neutral-neutral-1);
+}
+.disclaimer-ratafia__disclaimer-fixed__subTitle {
+  padding-top: 1.5rem;
+  font-size: 0.9rem;
+  color: var(--neutral-neutral-2);
+  padding-bottom: 1.5rem;
+}
+.disclaimer-ratafia__disclaimer-fixed__text {
+  padding-bottom: 1.5rem;
+}
+.disclaimer-ratafia__disclaimer-fixed__text p {
+  font-size: 12px;
+  color: var(--neutral-neutral-2);
+}
+.disclaimer-ratafia__disclaimer-fixed__text a {
+  color: var(--neutral-neutral-2);
+}
+.disclaimer-ratafia__disclaimer-fixed__cta {
+  display: block;
+  width: 100%;
+}
+.disclaimer-ratafia__disclaimer-background {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: var(--neutral-neutral-2);
+  opacity: 30%;
+}
+.divider {
+  display: flex;
+  align-items: center;
+  margin: 1rem 0;
+}
+.divider__line {
+  width: 45%;
+  height: 0px;
+  border-bottom: 1px solid var(--neutral-neutral-4);
+}
+.divider__word,
+.divider__image {
+  width: fit-content;
+  text-align: center;
+  margin: 0 0.75rem;
+}
+html[data-theme=lawdistrict] .document-status.--in-progress {
+  background-color: var(--secondary-main-light-4);
+  border-color: var(--secondary-main-dark-1);
+  color: var(--secondary-main-dark-2);
+}
+html[data-theme=lawdistrict] .document-status.--in-progress svg g > g {
+  fill: var(--secondary-main-dark-2);
+}
+html[data-theme=lawdistrict] .document-status.--is-new {
+  background-color: var(--secondary-main-dark-2);
+  border-color: var(--secondary-main);
+  color: var(--secondary-main-light-4);
+}
+html[data-theme=lawdistrict] .document-status.--is-new .icon {
+  margin-right: 1.4rem;
+}
+.document-status {
+  font-family: "Inter", sans-serif;
+  border-radius: 4px;
+  border: 1px solid;
+  display: flex;
+  flex-flow: row wrap;
+  align-items: center;
+  align-self: center;
+  padding: 0.125rem 0.5rem 0.125rem 0.25rem;
+  margin-right: 0.5rem;
+  width: 7.36rem;
+}
+@media (min-width: 960px) {
+  .document-status {
+    align-self: flex-start;
   }
-  .e-radio.--tabs:not(.--icons) input:hover:not(:checked) + label {
-    width: 100%;
+}
+@media (min-width: 720px) {
+  .document-status {
+    position: inherit;
   }
 }
-.e-radio.--icons .radio-icon {
-  display: none;
+.document-status span {
+  font-weight: bold;
 }
-@media (min-width: 575px) {
-  .e-radio.--icons .e-radio__inner {
+.document-status .icon {
+  margin-right: 0.25rem;
+}
+.document-status.--is-completed {
+  background-color: var(--primary-main-light-5);
+  border-color: var(--primary-main-light-3);
+  color: var(--primary-main);
+}
+.document-status.--is-completed svg path {
+  fill: var(--primary-main);
+}
+.document-status.--in-progress {
+  background-color: var(--neutral-neutral-5);
+  border-color: var(--neutral-neutral-3);
+  color: var(--neutral-neutral-1);
+}
+.document-status.--in-progress svg g > g {
+  fill: var(--neutral-neutral-1);
+}
+.document-status.--is-new {
+  background-color: var(--primary-main-light-1);
+  border-color: var(--primary-main);
+  color: var(--secondary-main-light-4);
+}
+.document-status.--is-new .icon {
+  margin-right: 1.4rem;
+}
+.document-tag {
+  background: var(--others-white);
+  border: 1px solid var(--neutral-neutral-4);
+  border-radius: 4px;
+  color: var(--neutral-neutral-2);
+  font-size: 0.875rem;
+  letter-spacing: -0.3px;
+  line-height: 1.15rem;
+  padding: 4px 8px;
+  white-space: nowrap;
+}
+.expert-card {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-top: 10rem;
+}
+.expert-card__box {
+  background-color: white;
+  border-radius: 0.3rem;
+  box-shadow: 0px 2px 6px 0px rgba(var(--primary-main-dark-1-rgb), 0.25);
+  padding: 7rem 2rem 0 2rem;
+  min-height: 13rem;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-start;
+  width: 17.625rem;
+}
+.expert-card__image {
+  position: absolute;
+  transform: translateY(-115%);
+}
+.expert-card__image img {
+  border-radius: 100%;
+}
+.expert-card__title {
+  font-family: "Inter", sans-serif;
+  font-size: 18px;
+  font-weight: 700;
+  line-height: 24px;
+  letter-spacing: -0.3px;
+  text-align: center;
+  width: 75%;
+  text-decoration: none;
+}
+.expert-card__description {
+  font-family: "Inter", sans-serif;
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 22px;
+  letter-spacing: -0.3px;
+  text-align: center;
+  width: 75%;
+}
+.feature-ratafia-card__wrapper {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  align-self: stretch;
+  gap: 1rem;
+  padding: 1.5rem;
+  border-radius: 4px;
+  background: var(--neutral-neutral-6);
+}
+.feature-ratafia-card__wrapper__header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  align-self: stretch;
+}
+.feature-ratafia-card__wrapper__header__title {
+  display: flex;
+  align-items: center;
+  padding: 0.5rem 1rem;
+  gap: 0.5rem;
+  border-radius: 4px;
+  background: var(--primary-main-dark-1);
+}
+.feature-ratafia-card__wrapper__header__title__icon img {
+  width: 24px;
+  height: 24px;
+}
+.feature-ratafia-card__wrapper__header__title__text {
+  color: var(--others-white);
+}
+.feature-ratafia-card__wrapper__description {
+  color: var(--neutral-neutral-1);
+}
+.feature-ratafia-card-not-released .feature-ratafia-card__wrapper__header__title {
+  opacity: 0.5;
+  background: var(--others-white);
+}
+.feature-ratafia-card-not-released .feature-ratafia-card__wrapper__header__title__text {
+  color: var(--primary-main-dark-1);
+}
+.feature-ratafia-card-not-released .feature-ratafia-card__wrapper__header__not-released {
+  display: flex;
+  align-items: center;
+  padding: 0.25rem;
+  gap: 0.25rem;
+  border-radius: 4px;
+  background: var(--neutral-neutral-4);
+  color: var(--primary-main-dark-1);
+}
+.feature-ratafia-card-not-released .feature-ratafia-card__wrapper__description {
+  opacity: 0.5;
+}
+.feature-ratafia-card {
+  width: 100%;
+}
+.form-faq {
+  display: flex;
+  position: relative;
+  cursor: default;
+}
+.form-faq::before {
+  content: "\2022";
+  color: var(--secondary-main-dark-2);
+  margin-right: 0.25rem;
+  margin-top: 0.2rem;
+}
+.form-faq__container {
+  padding-top: 0.25rem;
+}
+@media (hover: hover) {
+  .form-faq__container:hover > .form-faq__answer {
     display: flex;
-    flex-flow: row wrap;
-    margin-top: 1.5rem;
   }
-  .e-radio.--icons .radio-item-container {
+}
+.form-faq__container:hover .form-faq__answer,
+.form-faq__container.active .form-faq__answer {
+  display: block;
+}
+.form-faq__title {
+  display: inline-block;
+  color: var(--neutral-neutral-1);
+  padding: 0.25rem;
+  transition: background-color 0.3s ease;
+}
+.form-faq__title:hover {
+  background-color: var(--secondary-main-light-4);
+}
+.form-faq__answer {
+  display: none;
+  background: var(--neutral-neutral-1);
+  position: absolute;
+  border-radius: 4px;
+  top: 0;
+  transform: translateY(-100%);
+  color: var(--others-white);
+  padding: 0.75rem;
+  width: 100%;
+  max-width: 600px;
+  white-space: pre-wrap;
+}
+.form-faq__answer:hover {
+  display: flex;
+}
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+  .form-faq__answer {
+    left: 2rem;
+  }
+}
+.form-faq__answer:before {
+  position: absolute;
+  content: "";
+  width: 0;
+  height: 0;
+  border-left: 1rem solid transparent;
+  border-right: 1rem solid transparent;
+  bottom: -0.35rem;
+  border-top: 1rem solid var(--neutral-neutral-1);
+}
+.google-button {
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid var(--neutral-neutral-3);
+  padding: 0.5rem 0;
+  background-color: var(--others-white);
+  border-radius: 2px;
+  font-family: Roboto, sans-serif;
+  color: rgba(0, 0, 0, 0.54);
+}
+.google-button:hover {
+  cursor: pointer;
+}
+.google-button .google-logo {
+  margin-right: 1rem;
+}
+.icon-svg-with-theme-color {
+  display: block;
+  background-color: var(--primary-main);
+}
+.icon-text-info-section__separator {
+  background-color: var(--neutral-neutral-3);
+  border-bottom: 1px var(--neutral-neutral-3) solid;
+  display: none;
+  height: 70px;
+  padding-bottom: 40px;
+  width: 1px;
+}
+@media (min-width: 960px) {
+  .icon-text-info-section__separator {
+    margin: 0 32px;
+  }
+}
+@media (min-width: 575px) {
+  .icon-text-info-section__separator {
     display: flex;
-    width: 47%;
-    border: 1px solid black;
-    min-width: 80px;
-    min-height: 3.5rem;
-    margin-bottom: 0.5rem;
-    border-radius: var(--global-border-radius);
-    border-color: var(--neutral-neutral-4);
-    cursor: pointer;
   }
-  .e-radio.--icons .radio-item-container:not(:nth-child(2n+0)) {
-    margin-right: 0.5rem;
+}
+@media (max-width: 575px) {
+  .icon-text-info-section__separator {
+    margin: 19.2px 32px;
+  }
+}
+.icon-text-info-section.bottom-side {
+  display: flex;
+  flex-direction: column;
+  background-color: var(--neutral-neutral-4);
+  justify-content: center;
+  padding: 1rem 3rem;
+}
+@media (min-width: 575px) {
+  .icon-text-info-section.bottom-side {
+    padding: 0;
+    flex-direction: row;
+  }
+}
+@media (min-width: 575px) {
+  .icon-text-info-section.bottom-side {
+    padding: 1rem 1rem;
+  }
+}
+.icon-text-info-section.bottom-side .box {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  margin: 0;
+}
+@media (max-width: 575px) {
+  .icon-text-info-section.bottom-side .box {
+    margin: 0.4rem;
+  }
+}
+@media (min-width: 575px) {
+  .icon-text-info-section.bottom-side .box {
+    margin: 0 1rem;
+  }
+}
+.icon-text-info-section.bottom-side .item-image {
+  width: 2.5rem;
+  margin-right: 1rem;
+}
+@media (max-width: 575px) {
+  .icon-text-info-section.bottom-side .item-image {
+    width: 1.5rem;
+  }
+}
+.icon-text-info-section.bottom-side .item-image .image {
+  width: 40px;
+  height: 40px;
+}
+@media (max-width: 575px) {
+  .icon-text-info-section.bottom-side .item-image .image {
+    width: 24px;
+    height: 24px;
+  }
+}
+.icon-text-info-section.bottom-side .item-text {
+  font-size: 16px;
+}
+.info-box {
+  border-radius: 4px;
+  border: 1px solid;
+  padding: 1rem;
+  display: flex;
+  flex-direction: row;
+}
+.info-box.error {
+  border-color: var(--error-main);
+  color: var(--error-main);
+  background-color: var(--error-error-3);
+}
+.info-box.error use {
+  fill: var(--error-main);
+}
+.info-box.warning {
+  border-color: var(--secondary-main-dark-1);
+  color: var(--secondary-main-dark-2);
+  background-color: var(--secondary-main-light-4);
+}
+.info-box.warning use {
+  fill: var(--secondary-main-dark-1);
+}
+.info-box .info-box__img {
+  width: 1.5rem;
+  height: 1.5rem;
+}
+.info-box .info-box__text-container {
+  margin-left: 0.5rem;
+}
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+  .info-box .info-box__text-container {
+    margin-left: 1.5rem;
+  }
+}
+.jumbotron--static {
+  text-align: center;
+  margin: 0 auto;
+  background-color: var(--primary-main-light-6);
+  padding: 2.5rem 1rem 4rem;
+}
+.key-fact-item {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  align-self: stretch;
+  background: var(--neutral-neutral-6);
+}
+.key-fact-item__wrapper {
+  display: flex;
+  flex-direction: column;
+  margin-bottom: 1rem;
+  gap: 1rem;
+}
+.key-fact-item__wrapper__title {
+  color: var(--neutral-neutral-1);
+  background: var(--neutral-neutral-6);
+  position: sticky;
+  top: 0;
+  margin-top: 1rem;
+}
+.key-fact-item__wrapper__content {
+  color: var(--neutral-neutral-1);
+  overflow-y: auto;
+}
+.key-fact-item__divider {
+  height: 1px;
+  align-self: stretch;
+  background: var(--neutral-neutral-4);
+}
+.logo-text {
+  display: flex;
+  align-items: flex-start;
+}
+.logo-text img {
+  align-items: center;
+  margin-right: 1.5rem;
+  margin-bottom: 0;
+}
+.logo-text p {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  margin-bottom: 0;
+}
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+  .logo-text p {
+    width: 17rem;
+  }
+}
+@media (-ms-high-contrast: none) and (max-width: 575px), (-ms-high-contrast: active) and (max-width: 575px) {
+  .logo-text p {
+    width: 17rem;
+  }
+}
+@media (-ms-high-contrast: none) and (min-width: 575px), (-ms-high-contrast: active) and (min-width: 575px) {
+  .logo-text p {
+    width: 10rem;
+  }
+}
+@media (-ms-high-contrast: none) and (min-width: 720px), (-ms-high-contrast: active) and (min-width: 720px) {
+  .logo-text p {
+    width: 17rem;
+  }
+}
+.menu-items__spacing .menu-items__item:not(:last-child) {
+  margin-bottom: 0.5rem;
+}
+.menu-items__bullets {
+  list-style-position: inside;
+  list-style-type: disc;
+}
+.menu-items__item {
+  transition: background-color 0.3s ease;
+  border-radius: 4px;
+  padding: 0.25rem 0.5rem;
+}
+.menu-items__item svg {
+  vertical-align: bottom;
+  width: 1.5rem;
+  margin-right: 0.5rem;
+}
+@media (min-width: 575px) {
+  .menu-items__item svg {
+    width: 1rem;
+  }
+}
+.menu-items__item svg > g > g {
+  fill: var(--neutral-neutral-1);
+}
+.menu-items__item svg #color-bin {
+  fill: var(--neutral-neutral-1);
+}
+.menu-items__item.active {
+  color: var(--primary-main-light-1);
+  font-weight: 700;
+  background-color: var(--primary-main-light-5);
+}
+.menu-items__item.inactive {
+  color: var(--neutral-neutral-2);
+  font-weight: 400;
+}
+.menu-items__item.disabled {
+  color: var(--neutral-neutral-3);
+}
+.menu-items__item.disabled svg > g > g {
+  fill: var(--neutral-neutral-3);
+}
+.menu-items__item:not(.disabled):hover {
+  background-color: var(--primary-main-light-5);
+  cursor: pointer;
+}
+.menu-items__item:not(.disabled):hover svg > g > g {
+  transition: all 0.3s ease;
+  fill: var(--primary-main);
+}
+.menu-items__item a {
+  display: flex;
+}
+.e-message-error {
+  box-shadow: 0 0 0 1px #d63837;
+  background-color: #ffecee;
+  padding: 10px;
+  color: #d63837;
+  border-radius: 5px;
+  font-family: "Inter", sans-serif;
+}
+.e-message-success {
+  box-shadow: 0 0 0 1px #5aa900;
+  background-color: #e6ffe1;
+  padding: 10px;
+  color: #5aa900;
+  border-radius: 5px;
+  font-family: "Inter", sans-serif;
+}
+.e-message-neutral {
+  box-shadow: 0 0 0 1px #beebe9;
+  background-color: #e1f2fb;
+  padding: 10px;
+  color: #2a8aeb;
+  border-radius: 5px;
+  font-family: "Inter", sans-serif;
+}
+.message-information {
+  display: flex;
+  justify-content: center;
+  border-radius: 4px;
+  background: var(--secondary-main-light-4);
+  padding: 8px;
+}
+@media (min-width: 960px) {
+  .message-information {
+    justify-content: flex-start;
+  }
+}
+.message-information.text-center {
+  justify-content: center;
+}
+.message-information__icon {
+  width: 24px;
+  fill: var(--secondary-main-dark-1);
+  margin-right: 8px;
+}
+.message-information__icon.hide {
+  display: none;
+}
+.message-information__icon svg {
+  display: block;
+}
+.message-information__text {
+  font-size: 0.875rem;
+  letter-spacing: -0.3px;
+  padding-top: 1px;
+  text-align: left;
+}
+@media (min-width: 720px) {
+  .message-information__text {
+    text-align: center;
+  }
+}
+.message-information__text__time {
+  font-weight: 600;
+}
+.message-information__text__time.regular {
+  font-weight: 400;
+}
+.more-docs-item {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: 8px;
+  gap: 10px;
+  border-radius: 4px;
+  text-decoration: none;
+}
+.more-docs-item:hover {
+  background-color: var(--primary-main-light-5);
+}
+.more-docs-item .category-icon {
+  margin: 0 1rem 0 1.3rem;
+}
+.more-docs-item .category-icon svg {
+  fill: var(--primary-main);
+}
+.more-docs-item .texts {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  text-align: left;
+  padding-left: 1rem;
+}
+.more-docs-item .texts .title {
+  line-height: 22px;
+  letter-spacing: -0.3px;
+  color: var(--neutral-neutral-1);
+  padding-right: 0.5rem;
+}
+.more-docs-item .texts .description {
+  font-size: 12px;
+  line-height: 16px;
+  letter-spacing: -0.3px;
+  color: var(--neutral-neutral-2);
+}
+.nav-menu-item {
+  border-radius: 4px;
+  position: relative;
+  width: fit-content;
+}
+.nav-menu-item .title {
+  position: relative;
+}
+.nav-menu-item .e-button {
+  display: flex;
+  flex-flow: row nowrap;
+  gap: 0.1rem;
+  padding: 0.25rem 0.5rem;
+  border: 0;
+}
+.nav-menu-item .list {
+  border-radius: 4px;
+  padding: 0.5rem;
+  margin-top: 0.5rem;
+  display: flex;
+  visibility: hidden;
+  opacity: 0;
+  background: var(--others-white);
+  transition: all 0.1s ease;
+  box-shadow: 0 0.25rem 0.5rem 0 rgba(var(--primary-main-dark-1-rgb), 0.2);
+  min-width: max-content;
+  flex-flow: column wrap;
+  position: absolute;
+  left: 0;
+}
+.nav-menu-item .list .item-list:hover {
+  background-color: var(--primary-main-light-5);
+}
+.nav-menu-item:hover .title:after {
+  display: block;
+}
+.nav-menu-item:hover .list {
+  opacity: 1;
+  z-index: 11;
+  margin-top: 0.8rem;
+  visibility: visible;
+  transition: all 0.4s ease;
+}
+@media (min-width: 960px) {
+  .nav-menu-item {
+    display: block;
+  }
+}
+.paypal-button {
+  padding: 0;
+  border: none;
+  cursor: pointer;
+}
+.popular-docs-item {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: 24px 16px 24px 24px;
+  gap: 2rem;
+  height: 6rem;
+  background: var(--others-white);
+  box-shadow: 0px 2px 6px 0px rgba(var(--primary-main-dark-1-rgb), 0.25);
+  border-radius: 4px;
+  text-decoration: none;
+}
+.popular-docs-item .category-icon svg {
+  fill: var(--primary-main-dark-1);
+}
+.popular-docs-item .category-icon i {
+  background-color: var(--primary-main-dark-1);
+}
+.popular-docs-item .texts {
+  display: flex;
+  flex-direction: column;
+  text-align: left;
+  width: 100%;
+}
+.popular-docs-item .texts .description {
+  color: var(--neutral-neutral-2);
+  font-size: 12px;
+  line-height: 1.33;
+  margin-top: 0.3rem;
+}
+.popular-docs-item .icon-left svg {
+  width: 40px;
+  height: 40px;
+}
+.popular-docs-item .icon-left svg .main-fill {
+  fill: var(--neutral-neutral-4);
+}
+.popular-docs-item:hover {
+  background-color: var(--neutral-neutral-5);
+  cursor: pointer;
+}
+.popular-docs-item:hover .icon-left svg .main-fill {
+  fill: var(--primary-main);
+}
+@media (min-width: 720px) {
+  .popular-docs-item {
+    margin-left: 0.5rem;
+  }
+}
+.progress__wrapper {
+  position: absolute;
+  width: 100%;
+  top: 5.25rem;
+  left: 0;
+  height: 0.25rem;
+}
+.progressbar {
+  height: 100%;
+  background: var(--primary-main);
+  transition: width 0.3s ease;
+  will-change: width;
+}
+.progressbar__remain {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  background: var(--primary-main-light-5);
+  z-index: -1;
+  transform: translateY(-100%);
+}
+.e-radio label:first-child:not(.e-radio-label) {
+  font-weight: bold;
+}
+.e-radio .radio-item-container {
+  width: 100%;
+}
+@media (max-width: 575px) {
+  .e-radio.--regular .e-radio__inner {
+    display: flex;
+    flex-flow: row wrap;
+    width: 100%;
+    margin-left: 1.5rem;
+    margin-top: 2rem;
+    margin-bottom: 1rem;
+  }
+  .e-radio.--regular .e-radio__inner label {
+    margin-bottom: 0.25rem;
+    flex-basis: 100%;
+    display: flex;
+    align-items: center;
+    color: var(--neutral-main);
+    font-size: 16px;
+    position: relative;
+    cursor: pointer;
+    width: 100%;
+  }
+  .e-radio.--regular input {
+    position: absolute;
+    left: -9999px;
+  }
+  .e-radio.--regular input:not(:checked):hover + label:before {
+    background-color: var(--primary-main-light-5);
+  }
+  .e-radio.--regular input:checked:hover + label:before {
+    background-color: var(--primary-main);
+  }
+  .e-radio.--regular input:checked + label {
+    color: var(--primary-main);
+    text-shadow: -0.02ex 0 var(--primary-main), 0.02ex 0 var(--primary-main);
+  }
+  .e-radio.--regular input:checked + label:before {
+    content: "";
+    position: absolute;
+    top: 2px;
+    left: -23px;
+    height: 1.25rem;
+    width: 1.25rem;
+    background-color: var(--primary-main);
+    border: 1px solid var(--primary-main);
+    border-radius: 50%;
+    box-sizing: border-box;
+  }
+  .e-radio.--regular input:checked + label:after {
+    content: "";
+    position: absolute;
+    top: 0.5rem;
+    left: -17px;
+    display: block;
+    height: 0.5rem;
+    width: 0.5rem;
+    background: currentColor;
+    border-radius: 50%;
+    opacity: 1;
+    transform: scale(1);
+    color: #fff;
+    transition: all 0.1s;
+  }
+  .e-radio.--regular input + label {
+    cursor: pointer;
+    font-size: 16px;
+  }
+  .e-radio.--regular input + label:before {
+    content: "";
+    position: absolute;
+    left: -23px;
+    top: 2px;
+    height: 1.25rem;
+    width: 1.25rem;
+    border-radius: 50%;
+    background-color: transparent;
+    border: 1px solid var(--neutral-main);
+    box-sizing: border-box;
+  }
+  .e-radio.--regular input + label:after {
+    position: absolute;
+    top: 0.5rem;
+    left: -17px;
+    display: block;
+    height: 0.5rem;
+    width: 0.5rem;
+    opacity: 0;
+    transform: scale(0);
+    color: var(--others-white);
+    transition: all 0.1s;
+    content: "";
+    bottom: 0.5rem;
+    border-radius: 50%;
+  }
+}
+@media (min-width: 575px) {
+  .e-radio.--regular:not(.--icons) .e-radio__inner {
+    display: flex;
+    flex-flow: row wrap;
+    width: 100%;
+    margin-left: 1.5rem;
+    margin-top: 2rem;
+    margin-bottom: 1rem;
+  }
+  .e-radio.--regular:not(.--icons) .e-radio__inner label {
+    margin-bottom: 0.25rem;
+    flex-basis: 100%;
+    display: flex;
+    align-items: center;
+    color: var(--neutral-main);
+    font-size: 16px;
+    position: relative;
+    cursor: pointer;
+    width: 100%;
+  }
+  .e-radio.--regular:not(.--icons) input {
+    position: absolute;
+    left: -9999px;
+  }
+  .e-radio.--regular:not(.--icons) input:not(:checked):hover + label:before {
+    background-color: var(--primary-main-light-5);
+  }
+  .e-radio.--regular:not(.--icons) input:checked:hover + label:before {
+    background-color: var(--primary-main);
+  }
+  .e-radio.--regular:not(.--icons) input:checked + label {
+    color: var(--primary-main);
+    text-shadow: -0.02ex 0 var(--primary-main), 0.02ex 0 var(--primary-main);
+  }
+  .e-radio.--regular:not(.--icons) input:checked + label:before {
+    content: "";
+    position: absolute;
+    top: 2px;
+    left: -23px;
+    height: 1.25rem;
+    width: 1.25rem;
+    background-color: var(--primary-main);
+    border: 1px solid var(--primary-main);
+    border-radius: 50%;
+    box-sizing: border-box;
+  }
+  .e-radio.--regular:not(.--icons) input:checked + label:after {
+    content: "";
+    position: absolute;
+    top: 0.5rem;
+    left: -17px;
+    display: block;
+    height: 0.5rem;
+    width: 0.5rem;
+    background: currentColor;
+    border-radius: 50%;
+    opacity: 1;
+    transform: scale(1);
+    color: #fff;
+    transition: all 0.1s;
+  }
+  .e-radio.--regular:not(.--icons) input + label {
+    cursor: pointer;
+    font-size: 16px;
+  }
+  .e-radio.--regular:not(.--icons) input + label:before {
+    content: "";
+    position: absolute;
+    left: -23px;
+    top: 2px;
+    height: 1.25rem;
+    width: 1.25rem;
+    border-radius: 50%;
+    background-color: transparent;
+    border: 1px solid var(--neutral-main);
+    box-sizing: border-box;
+  }
+  .e-radio.--regular:not(.--icons) input + label:after {
+    position: absolute;
+    top: 0.5rem;
+    left: -17px;
+    display: block;
+    height: 0.5rem;
+    width: 0.5rem;
+    opacity: 0;
+    transform: scale(0);
+    color: var(--others-white);
+    transition: all 0.1s;
+    content: "";
+    bottom: 0.5rem;
+    border-radius: 50%;
+  }
+}
+@media (max-width: 575px) {
+  .e-radio.--tabs .e-radio__inner {
+    display: flex;
+    flex-flow: row nowrap;
+    margin-bottom: 2rem;
+    width: 10rem;
+    margin-top: 1rem;
+    border: 1px solid var(--neutral-neutral-3);
+    background: var(--neutral-neutral-6);
+    border-radius: 4px;
+    transition: all 0.3s ease;
+  }
+  .e-radio.--tabs .e-radio__inner .e-radio-label {
+    width: 100%;
+    display: flex;
+    border-right: 1px solid var(--neutral-neutral-3);
+    border-top-left-radius: 4px;
+    border-bottom-left-radius: 4px;
+  }
+  .e-radio.--tabs .e-radio__inner .e-radio-label:last-child {
+    border-right: none;
+  }
+  .e-radio.--tabs input {
+    position: absolute;
+    left: -9999px;
+  }
+  .e-radio.--tabs input + label {
+    cursor: pointer;
+    font-size: 14px;
+    transition: all 0.3s ease;
+  }
+  .e-radio.--tabs input + label:hover {
+    background: var(--neutral-neutral-4);
+  }
+  .e-radio.--tabs input:checked + label {
+    font-weight: bold;
+    color: var(--others-white);
+    width: 100%;
+    cursor: pointer;
+    transition: all 0.3s ease;
+    background-color: var(--primary-main);
+    text-align: center;
+    padding: 10px;
+  }
+  .e-radio.--tabs input:checked + label:hover {
+    background-color: var(--primary-main);
+  }
+  .e-radio.--tabs input:not(:checked) + label {
+    text-align: center;
+    width: 100%;
+    color: var(--neutral-neutral-1);
+    font-weight: bold;
+    padding: 10px;
+  }
+  .e-radio.--tabs input:hover:not(:checked) + label {
+    width: 100%;
+  }
+}
+@media (min-width: 575px) {
+  .e-radio.--tabs:not(.--icons) .e-radio__inner {
+    display: flex;
+    flex-flow: row nowrap;
+    margin-bottom: 2rem;
+    width: 10rem;
+    margin-top: 1rem;
+    border: 1px solid var(--neutral-neutral-3);
+    background: var(--neutral-neutral-6);
+    border-radius: 4px;
+    transition: all 0.3s ease;
+  }
+  .e-radio.--tabs:not(.--icons) .e-radio__inner .e-radio-label {
+    width: 100%;
+    display: flex;
+    border-right: 1px solid var(--neutral-neutral-3);
+    border-top-left-radius: 4px;
+    border-bottom-left-radius: 4px;
+  }
+  .e-radio.--tabs:not(.--icons) .e-radio__inner .e-radio-label:last-child {
+    border-right: none;
+  }
+  .e-radio.--tabs:not(.--icons) input {
+    position: absolute;
+    left: -9999px;
+  }
+  .e-radio.--tabs:not(.--icons) input + label {
+    cursor: pointer;
+    font-size: 14px;
+    transition: all 0.3s ease;
+  }
+  .e-radio.--tabs:not(.--icons) input + label:hover {
+    background: var(--neutral-neutral-4);
+  }
+  .e-radio.--tabs:not(.--icons) input:checked + label {
+    font-weight: bold;
+    color: var(--others-white);
+    width: 100%;
+    cursor: pointer;
+    transition: all 0.3s ease;
+    background-color: var(--primary-main);
+    text-align: center;
+    padding: 10px;
+  }
+  .e-radio.--tabs:not(.--icons) input:checked + label:hover {
+    background-color: var(--primary-main);
+  }
+  .e-radio.--tabs:not(.--icons) input:not(:checked) + label {
+    text-align: center;
+    width: 100%;
+    color: var(--neutral-neutral-1);
+    font-weight: bold;
+    padding: 10px;
+  }
+  .e-radio.--tabs:not(.--icons) input:hover:not(:checked) + label {
+    width: 100%;
+  }
+}
+.e-radio.--icons .radio-icon {
+  display: none;
+}
+@media (min-width: 575px) {
+  .e-radio.--icons .e-radio__inner {
+    display: flex;
+    flex-flow: row wrap;
+    margin-top: 1.5rem;
+  }
+  .e-radio.--icons .radio-item-container {
+    display: flex;
+    width: 47%;
+    border: 1px solid black;
+    min-width: 80px;
+    min-height: 3.5rem;
+    margin-bottom: 0.5rem;
+    border-radius: 4px;
+    border-color: var(--neutral-neutral-4);
+    cursor: pointer;
+  }
+  .e-radio.--icons .radio-item-container:not(:nth-child(2n+0)) {
+    margin-right: 0.5rem;
+  }
+  .e-radio.--icons .radio-item-input {
+    position: absolute;
+    visibility: hidden;
+  }
+  .e-radio.--icons .radio-item-container.active {
+    border: 2px solid var(--primary-main-dark-1);
+    background-color: var(--neutral-neutral-5);
+  }
+  .e-radio.--icons .radio-item-container:hover {
+    background-color: var(--neutral-neutral-5);
+    font-weight: bold;
+  }
+  .e-radio.--icons .e-radio-label {
+    display: flex;
+    align-items: center;
+    padding: 0.25rem 1rem;
+    width: 100%;
+  }
+  .e-radio.--icons .radio-icon {
+    display: block;
+    margin-right: 1rem;
+  }
+}
+.e-radio.--is-invalid.--regular input + label:before,
+.e-radio.--group-invalid.--regular input + label:before {
+  border-color: var(--error-main);
+}
+.e-radio.--is-invalid.--tabs .e-radio__inner,
+.e-radio.--is-invalid.--group-invalid .e-radio__inner,
+.e-radio.--group-invalid.--tabs .e-radio__inner,
+.e-radio.--group-invalid.--group-invalid .e-radio__inner {
+  border: 1px solid var(--error-main);
+}
+.e-radio.--is-invalid.--tabs .e-radio__inner label label,
+.e-radio.--is-invalid.--group-invalid .e-radio__inner label label,
+.e-radio.--group-invalid.--tabs .e-radio__inner label label,
+.e-radio.--group-invalid.--group-invalid .e-radio__inner label label {
+  border-right: 1px solid var(--error-main);
+}
+.e-radio.--is-invalid.--tabs .e-radio__inner label:last-child label,
+.e-radio.--is-invalid.--group-invalid .e-radio__inner label:last-child label,
+.e-radio.--group-invalid.--tabs .e-radio__inner label:last-child label,
+.e-radio.--group-invalid.--group-invalid .e-radio__inner label:last-child label {
+  border-right: none;
+}
+.radio-group__label {
+  color: var(--neutral-neutral-1);
+}
+.e-radio.radio--small.--tabs input + label {
+  font-size: 0.875rem;
+  padding: 0.75rem;
+}
+.e-radio.radio--small.--tabs .e-radio__inner {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+.e-radio.radio--narrow.--regular .e-radio__inner {
+  margin-top: 0.5rem;
+}
+.e-radio.--regular.radio--regular--bare .e-radio__inner {
+  display: inline-block;
+  margin-right: auto;
+  text-align: left;
+  width: auto;
+}
+.e-radio.--regular.radio--regular--bare .e-radio-label,
+.e-radio.--regular.radio--regular--bare .e-radio-label__label {
+  display: block;
+  margin-bottom: 0.75rem;
+}
+.e-removeButton {
+  display: inline-block;
+}
+.e-removeButton__inner {
+  display: inline-block;
+  margin-top: 1rem;
+  color: var(--error-main);
+  border-radius: 4px;
+  transition: all 0.3s ease;
+}
+.e-removeButton__inner label {
+  display: flex;
+  flex-basis: 100%;
+  align-items: center;
+  position: relative;
+  border: 1px solid var(--error-main);
+  border-radius: 4px;
+  cursor: pointer;
+  padding: 0.75rem 1rem;
+}
+.e-removeButton__inner:hover {
+  background-color: var(--error-error-3);
+}
+.e-removeButton input {
+  position: absolute;
+  left: -9999px;
+}
+.e-removeButton input:checked + label {
+  border-radius: 4px;
+}
+.e-removeButton input + label {
+  font-weight: bold;
+}
+.review-key-facts-result__review {
+  display: flex;
+  justify-content: start;
+  align-items: center;
+  gap: 1rem;
+  border-radius: 4px;
+  background: var(--others-white);
+}
+.review-key-facts-result__review__question {
+  color: var(--neutral-neutral-1);
+  font-size: 0.75rem;
+}
+@media (min-width: 575px) {
+  .review-key-facts-result__review__question {
+    font-size: 0.875rem;
+  }
+}
+.review-key-facts-result__review__buttons {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 0.5rem;
+}
+.review-key-facts-result__review__buttons__item {
+  display: flex;
+  padding: 0.25rem 0.5rem;
+  justify-content: center;
+  align-items: center;
+  gap: 0.25rem;
+  flex: 1 0 0;
+  border: none;
+  border-radius: 4px;
+  background: var(--neutral-neutral-6);
+  cursor: pointer;
+}
+.review-key-facts-result__review__buttons__item__icon {
+  width: 14px;
+}
+.review-key-facts-result__review__buttons__item .positive {
+  color: var(--primary-main);
+}
+.review-key-facts-result__review__buttons__item .negative {
+  color: var(--error-main);
+}
+.rich-text > p {
+  margin-bottom: 1rem;
+}
+.rich-text p > a {
+  text-decoration: underline;
+}
+.rich-text p + h1,
+.rich-text p + h2,
+.rich-text p + h3,
+.rich-text p + h4,
+.rich-text p + h5,
+.rich-text p + h6 {
+  margin-top: 2.5rem;
+}
+.rich-text ul + p,
+.rich-text ol + p,
+.rich-text ul + h1,
+.rich-text ul + h2,
+.rich-text ul + h3,
+.rich-text ul + h4,
+.rich-text ul + h5,
+.rich-text ul + h6 {
+  margin-top: 2rem;
+}
+.rich-text .scroll-top-anchor {
+  cursor: pointer;
+}
+.richt-text-strapi ul li,
+.richt-text-strapi ol li {
+  margin-bottom: 1rem;
+}
+.e-searchselect {
+  display: flex;
+  flex-direction: column-reverse;
+  margin-bottom: 2rem;
+  position: relative;
+  width: 100%;
+}
+@media (min-width: 960px) {
+  .e-searchselect {
+    max-width: 50%;
+  }
+}
+.e-searchselect--error {
+  display: none;
+}
+.e-searchselect__inner {
+  margin-bottom: 0.5rem;
+}
+.e-searchselect__inner label {
+  font-weight: bold;
+}
+.e-searchselect .css-1wy0on6 div:not(:last-child):first-child {
+  display: none;
+}
+.e-searchselect .css-1hb7zxy-IndicatorsContainer div:nth-child(1) {
+  display: none;
+}
+.e-searchselect .css-1gtu0rj-indicatorContainer {
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCA4IDIwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IHNrZXRjaHRvb2wgNjMuMSAoMTAxMDEwKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT41N0NBNzNCRi02MUNDLTQ2RkYtOEE5Qi1DMzMzRTQxQUZDMzA8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIHNrZXRjaHRvb2wuPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggZD0iTTE1LjA2LDE2LjI5NSBMMTYsMTcuMjM1IEwxMiwyMS4yMzUgTDgsMTcuMjM1IEw4Ljk0LDE2LjI5NSBMMTIsMTkuMzQ4MzMzMyBMMTUuMDYsMTYuMjk1IFogTTEyLDIuMjk1IEwxNiw2LjI5NSBMMTUuMDYsNy4yMzUgTDEyLDQuMTgxNjY2NjcgTDguOTQsNy4yMzUgTDgsNi4yOTUgTDEyLDIuMjk1IFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJVSS1TdHlsZS1HdWlkZS0tLUxEIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iVUktU3R5bGUtR3VpZGUtLS1MYXdEaXN0cmljdC0wMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTc2MS4wMDAwMDAsIC05NjYuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJpY29uL2V4cGFuZF9kcm9wZG93bl8yNHB4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3NTMuMDAwMDAwLCA5NjQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iQm91bmQiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PC9yZWN0PgogICAgICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ29tYmluZWQtU2hhcGUiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9nPgogICAgICAgICAgICAgICAgPGcgaWQ9IuKGsy1Db2xvciIgbWFzaz0idXJsKCNtYXNrLTIpIiBmaWxsPSIjMUUyMDIxIj4KICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
+  background-repeat: no-repeat;
+  background-position: center center;
+  height: 30px;
+  width: 30px;
+}
+.e-searchselect .css-1gtu0rj-indicatorContainer svg {
+  display: none;
+}
+.e-searchselect .css-1gtu0rj-indicatorContainer:not(:last-child):first-child {
+  display: none;
+}
+.e-searchselect .css-tlfecz-indicatorContainer {
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCA4IDIwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IHNrZXRjaHRvb2wgNjMuMSAoMTAxMDEwKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT41N0NBNzNCRi02MUNDLTQ2RkYtOEE5Qi1DMzMzRTQxQUZDMzA8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIHNrZXRjaHRvb2wuPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggZD0iTTE1LjA2LDE2LjI5NSBMMTYsMTcuMjM1IEwxMiwyMS4yMzUgTDgsMTcuMjM1IEw4Ljk0LDE2LjI5NSBMMTIsMTkuMzQ4MzMzMyBMMTUuMDYsMTYuMjk1IFogTTEyLDIuMjk1IEwxNiw2LjI5NSBMMTUuMDYsNy4yMzUgTDEyLDQuMTgxNjY2NjcgTDguOTQsNy4yMzUgTDgsNi4yOTUgTDEyLDIuMjk1IFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJVSS1TdHlsZS1HdWlkZS0tLUxEIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iVUktU3R5bGUtR3VpZGUtLS1MYXdEaXN0cmljdC0wMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTc2MS4wMDAwMDAsIC05NjYuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJpY29uL2V4cGFuZF9kcm9wZG93bl8yNHB4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3NTMuMDAwMDAwLCA5NjQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iQm91bmQiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PC9yZWN0PgogICAgICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ29tYmluZWQtU2hhcGUiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9nPgogICAgICAgICAgICAgICAgPGcgaWQ9IuKGsy1Db2xvciIgbWFzaz0idXJsKCNtYXNrLTIpIiBmaWxsPSIjMUUyMDIxIj4KICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
+  background-repeat: no-repeat;
+  background-position: center center;
+  height: 30px;
+  width: 30px;
+}
+.e-searchselect .css-tlfecz-indicatorContainer svg {
+  display: none;
+}
+.e-searchselect .css-1u9des2-indicatorSeparator {
+  display: none;
+}
+.e-searchselect .legal-selector {
+  display: flex;
+  flex-direction: column-reverse;
+  margin-bottom: 1rem;
+  position: relative;
+  border-radius: 4px;
+  transition: box-shadow 0.3s ease;
+  box-shadow: 0 0 0 1px var(--neutral-neutral-3);
+  background-color: var(--neutral-neutral-5);
+}
+.e-searchselect .legal-selector .css-1hwfws3 {
+  height: 40px;
+}
+.e-searchselect .legal-selector .css-yk16xz-control {
+  background-color: var(--neutral-neutral-6);
+  border: none;
+}
+.e-searchselect .legal-selector .css-1pahdxg-control {
+  outline: none;
+  border: none;
+  background-color: var(--neutral-neutral-6);
+  box-shadow: 0 0 0 2px var(--primary-main);
+}
+.e-searchselect .legal-selector .css-1wa3eu0-placeholder {
+  font-size: 0.875rem;
+  color: var(--neutral-neutral-2);
+}
+.e-searchselect .legal-selector .css-26l3qy-menu {
+  border-radius: 4px;
+  box-shadow: 0px 2px 6px 0px rgba(var(--primary-main-dark-1-rgb), 0.25);
+  font-size: 0.875rem;
+}
+.e-searchselect .legal-selector .css-9gakcf-option {
+  background-color: var(--neutral-neutral-6);
+  color: var(--neutral-neutral-1);
+}
+.e-searchselect .legal-selector .css-1uccc91-singleValue {
+  font-size: 0.875rem;
+  transition: all 0.3s ease;
+}
+.e-searchselect .legal-selector .css-b8ldur-Input {
+  font-size: 0.875rem;
+}
+.e-searchselect .legal-selector .css-1n7v3ny-option {
+  background-color: transparent;
+}
+.e-searchselect .legal-selector .css-1n7v3ny-option:hover {
+  background-color: var(--neutral-neutral-4);
+}
+.e-searchselect .legal-selector:hover {
+  box-shadow: 0 0 0 1px var(--neutral-neutral-2);
+}
+.e-searchselect .legal-selector:active,
+.e-searchselect .legal-selector:focus {
+  outline: none;
+}
+.e-searchselect.--group-invalid .legal-selector {
+  box-shadow: 0 0 0 1px var(--error-main);
+}
+.e-searchselect.--group-invalid .css-yk16xz-control {
+  background-color: var(--error-error-3);
+}
+.e-searchselect.--is-invalid .e-searchselect--error {
+  display: flex;
+  align-content: center;
+  position: absolute;
+  bottom: 0;
+  margin-top: 0.5rem;
+  color: var(--error-main);
+}
+.e-searchselect.--is-invalid .e-searchselect--error img {
+  max-width: 20px;
+  margin-right: 0.25rem;
+}
+.e-searchselect.--is-invalid .legal-selector {
+  box-shadow: 0 0 0 1px var(--error-main);
+}
+.e-searchselect.--is-invalid .css-yk16xz-control {
+  background-color: var(--error-error-3);
+}
+.searchselect__label {
+  color: var(--neutral-neutral-1);
+}
+.searchselect--fullwidth {
+  max-width: 100%;
+}
+.search-select--bare {
+  margin-bottom: 0;
+}
+.search-select--bare .legal-selector,
+.search-select--bare .e-searchselect__inner {
+  margin-bottom: 0;
+}
+.search-select--bare .legal-selector,
+.search-select--bare .css-1pahdxg-control,
+.search-select--bare .css-yk16xz-control {
+  min-height: 42px;
+}
+.search-select--bare .legal-selector {
+  margin-bottom: 0;
+}
+.search-select--small {
+  width: 5.5rem;
+}
+@media (min-width: 960px) {
+  .search-select--small {
+    max-width: 100%;
+  }
+}
+.mobile-select-container {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  gap: 1.25rem;
+}
+.width {
+  width: 85%;
+}
+@media (min-width: 575px) {
+  .width {
+    width: 60%;
+  }
+}
+.show-more-box {
+  display: flex;
+  padding: 1rem;
+  flex-direction: column;
+  gap: 1rem;
+  border-radius: 4px;
+  background: var(--neutral-neutral-5);
+}
+.show-more-box .content {
+  color: var(--neutral-neutral-1);
+  font-size: 12px;
+  line-height: 16px;
+  letter-spacing: -0.3px;
+}
+.show-more-box .content.truncate {
+  display: -webkit-box;
+  -webkit-line-clamp: 4;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+.show-more-box .button {
+  display: flex;
+  align-items: center;
+  align-self: stretch;
+  cursor: pointer;
+}
+.show-more-box .button div {
+  color: var(--primary-main-light-1);
+  font-size: 14px;
+  line-height: 18px;
+  letter-spacing: -0.3px;
+}
+.show-more-box .button svg {
+  width: 20px;
+  height: 20px;
+}
+.show-more-box .button svg path {
+  fill: var(--primary-main-light-1);
+}
+.sidemenu-tab {
+  padding: 1rem 0.5rem;
+  color: var(--neutral-neutral-3);
+  background-color: transparent;
+  border: none;
+  outline: none;
+  width: 100%;
+  position: relative;
+  cursor: pointer;
+}
+.sidemenu-tab svg {
+  margin-right: 1rem;
+}
+.sidemenu-tab svg g g {
+  fill: var(--neutral-neutral-3);
+}
+.sidemenu-tab--active {
+  border-left: 2px solid var(--primary-main-light-3);
+  color: var(--primary-main-light-3);
+  background-color: var(--primary-main-dark-1);
+}
+.sidemenu-tab--active p {
+  font-weight: bold;
+}
+.sidemenu-tab--active svg g g {
+  fill: var(--primary-main-light-3);
+}
+.sidemenu-tab__inner {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+.sidemenu-tab--mobile {
+  background-color: transparent;
+  border: none;
+  outline: none;
+  width: 100%;
+  padding: 0;
+  position: relative;
+}
+.sidemenu-tab--mobile .sans-serif.--medium {
+  font-size: 0.75rem;
+}
+.sidemenu-tab--mobile:hover {
+  cursor: pointer;
+}
+.sidemenu-tab--mobile.sidemenu-tab--active {
+  color: var(--primary-main-light-1);
+  background-color: var(--primary-main-light-5);
+}
+.sidemenu-tab--mobile.sidemenu-tab--active .sidemenu-tab__inner p {
+  font-weight: bold;
+}
+.sidemenu-tab--mobile.sidemenu-tab--active .sidemenu-tab__inner svg g g {
+  fill: var(--primary-main-light-1);
+}
+.sidemenu-tab--mobile.sidemenu-tab--active .sidemenu-tab__inner svg g g use {
+  fill: var(--primary-main-light-1);
+}
+.sidemenu-tab--mobile .sidemenu-tab__inner {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.sidemenu-tab--mobile svg {
+  margin-right: 0;
+  width: 16px;
+}
+.sidemenu-tab--mobile svg g g use {
+  fill: var(--neutral-neutral-2);
+}
+.tippy-box {
+  background-color: var(--others-white);
+  border-radius: 4px;
+  font-size: 16px;
+  line-height: 1.4;
+  white-space: normal;
+  outline: 0;
+  transition: all 0.3s ease;
+  box-shadow: 0 0.25rem 0.5rem 0.25rem rgba(var(--primary-main-dark-1-rgb), 0.2);
+  z-index: 1000;
+  color: inherit;
+  cursor: pointer;
+}
+.tippy-box--inverted {
+  background-color: var(--neutral-neutral-1);
+  color: var(--others-white);
+  border-radius: 0.3rem;
+  font-size: 12px;
+  box-shadow: none;
+}
+.tippy-box--inverted .tippy-content {
+  padding: 0.75rem;
+  white-space: pre-line;
+}
+.tippy-box--inverted .tippy-arrow {
+  color: var(--neutral-neutral-1);
+}
+.tippy-box .tooltip__button {
+  align-items: center;
+  display: inline-flex;
+  flex-direction: row;
+  white-space: nowrap;
+}
+.tippy-box .tooltip__button:hover {
+  cursor: pointer;
+}
+.tippy-box .tooltip__button > svg,
+.tippy-box .tooltip__button > img {
+  width: 1.5rem;
+  margin-right: 0.5rem;
+}
+.tippy-box .tooltip__button > svg g g {
+  fill: var(--neutral-neutral-1);
+}
+.tippy-content {
+  padding: 0.5rem;
+}
+.tippy-arrow {
+  color: var(--others-white);
+}
+.e-spinner {
+  animation: rotate 2s linear infinite;
+  width: 24px;
+  height: 24px;
+}
+.e-spinner path {
+  fill: var(--others-white);
+  stroke-linecap: round;
+  stroke-dasharray: 15, 150;
+}
+.e-spinner.big {
+  width: 70px;
+  height: 70px;
+}
+.spinner--neutral path {
+  fill: var(--neutral-neutral-2);
+}
+.spinner--primary path {
+  fill: var(--primary-main);
+}
+.step-ratafia-card {
+  display: flex;
+  padding: 1.5rem;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 0.5rem;
+  align-self: stretch;
+  border-radius: 4px;
+  background: var(--neutral-neutral-6);
+}
+.step-ratafia-card__title {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  align-self: stretch;
+  color: var(--neutral-neutral-1);
+}
+.step-ratafia-card__title__icon {
+  width: 20px;
+  height: 20px;
+}
+.tag {
+  align-items: center;
+  background: var(--secondary-main-light-4);
+  border-radius: 4px;
+  display: flex;
+  gap: 4px;
+  justify-content: center;
+  padding: 4px;
+  width: fit-content;
+}
+.tag .icon {
+  display: flex;
+}
+.tag .icon .icon-svg-with-theme-color {
+  background-color: var(--secondary-main-dark-2);
+}
+.tag .text {
+  color: var(--neutral-neutral-1);
+  font-size: 12px;
+  font-weight: 700;
+  line-height: 16px;
+}
+.tagline {
+  margin-bottom: 1rem;
+}
+.tagline__text {
+  border-bottom: solid 1px var(--neutral-neutral-3);
+  color: var(--neutral-neutral-2);
+  display: inline-block;
+  font-family: "Inter", sans-serif;
+  font-weight: bold;
+  letter-spacing: 0;
+  padding-bottom: 0.5rem;
+  text-transform: uppercase;
+}
+.tag-ratafia-item {
+  background: var(--primary-main-light-6);
+  border-radius: 4px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 0.25rem;
+  padding: 0.25rem 0.5rem;
+}
+.tag-ratafia-item__icon {
+  height: 16px;
+  width: 16px;
+}
+.tag-ratafia-item__description {
+  color: var(--primary-main-dark-2);
+}
+.e-textarea {
+  display: flex;
+  flex-direction: column-reverse;
+}
+.e-textarea textarea {
+  color: var(--neutral-neutral-2);
+  background-color: var(--neutral-neutral-6);
+  border-radius: 4px;
+  padding: 0.75rem 0 0.75rem 0.75rem;
+  font-size: 0.875rem;
+  height: 10rem;
+  border: none;
+  text-overflow: ellipsis;
+  transition: box-shadow 0.3s ease;
+  box-shadow: 0 0 0 1px var(--neutral-neutral-3);
+  margin: 0.0005em;
+  outline: none;
+  resize: vertical;
+}
+.e-textarea textarea::placeholder {
+  color: var(--neutral-neutral-2);
+}
+.e-textarea textarea:-ms-input-placeholder {
+  color: var(--neutral-neutral-2);
+}
+.e-textarea textarea::-ms-input-placeholder {
+  color: var(--neutral-neutral-2);
+}
+.e-textarea textarea:hover {
+  box-shadow: 0 0 0 1px var(--neutral-neutral-2);
+}
+.e-textarea textarea:active,
+.e-textarea textarea:focus {
+  box-shadow: 0 0 0 2px var(--primary-main);
+  outline: none;
+}
+.e-textarea.--group-invalid input {
+  box-shadow: 0 0 0 2px var(--error-main);
+  background-color: var(--error-error-3);
+}
+.e-textarea.--group-invalid input:active,
+.e-textarea.--group-invalid input:focus {
+  box-shadow: 0 0 0 2px var(--primary-main);
+  outline: none;
+  background-color: var(--neutral-neutral-6);
+}
+.e-textarea.--is-invalid .e-text--error {
+  display: flex;
+  align-content: center;
+  bottom: -1.5rem;
+  margin-top: 0.5rem;
+  color: var(--error-main);
+}
+.e-textarea.--is-invalid .e-text--error img {
+  max-width: 20px;
+  margin-right: 0.25rem;
+}
+.e-textarea.--is-invalid textarea {
+  box-shadow: 0 0 0 2px var(--error-main);
+  background-color: var(--error-error-3);
+}
+.e-textarea.--is-invalid textarea:active,
+.e-textarea.--is-invalid textarea:focus {
+  box-shadow: 0 0 0 2px var(--primary-main);
+  outline: none;
+  background-color: var(--neutral-neutral-6);
+}
+.e-textarea .input-icon {
+  position: absolute;
+  transform: translate(-15%, -65%);
+  right: 0;
+  bottom: 0;
+}
+.e-textarea__inner {
+  margin-bottom: 0;
+}
+.e-textarea .inputLabel {
+  font-weight: bold;
+}
+.e-textarea .tooltip-form {
+  margin-top: 0;
+}
+.e-toggle {
+  display: flex;
+  align-items: center;
+  color: var(--others-black);
+}
+.e-toggle .switch {
+  position: relative;
+  display: inline-block;
+  width: 60px;
+  height: 34px;
+  outline: none;
+}
+.e-toggle .switch input {
+  position: absolute;
+  top: -99999px;
+  left: -99999px;
+}
+.e-toggle .slider {
+  position: absolute;
+  cursor: pointer;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: #ccc;
+  -webkit-transition: 0.4s;
+  transition: 0.4s;
+  border-radius: 34px;
+}
+.e-toggle .slider:before {
+  position: absolute;
+  content: "";
+  height: 26px;
+  width: 26px;
+  left: 4px;
+  bottom: 4px;
+  background-color: var(--others-white);
+  transition: 0.4s;
+  border-radius: 50%;
+}
+.e-toggle input:checked + .slider {
+  background-color: green;
+}
+.e-toggle input:focus + .slider {
+  box-shadow: 0 0 1px green;
+}
+.e-toggle input:checked + .slider:before {
+  transform: translateX(26px);
+}
+.top-bar-wrapper {
+  display: none;
+  height: 35px;
+  overflow: hidden;
+  transition: all 0.6s ease;
+}
+.top-bar-wrapper.--is-hidden {
+  height: 0;
+}
+@media (min-width: 720px) {
+  .top-bar-wrapper {
+    display: block;
   }
-  .e-radio.--icons .radio-item-input {
-    position: absolute;
-    visibility: hidden;
+}
+@media (max-width: 575px) {
+  .top-bar-wrapper {
+    display: block;
   }
-  .e-radio.--icons .radio-item-container.active {
-    border: 2px solid var(--primary-main-dark-1);
-    background-color: var(--neutral-neutral-5);
+}
+.top-bar-wrapper .top-bar {
+  display: flex;
+  background-color: var(--neutral-neutral-6);
+  font-size: 0.9rem;
+  letter-spacing: -0.3px;
+  width: 100%;
+  height: 100%;
+  justify-content: center;
+  align-items: flex-end;
+  border: 1px solid var(--neutral-neutral-4);
+}
+@media (max-width: 575px) {
+  .top-bar-wrapper .top-bar {
+    align-items: center;
   }
-  .e-radio.--icons .radio-item-container:hover {
-    background-color: var(--neutral-neutral-5);
-    font-weight: bold;
+}
+.top-bar-wrapper .top-bar-content {
+  margin: 0 1rem 5px;
+}
+@media (max-width: 575px) {
+  .top-bar-wrapper .top-bar-content {
+    margin: 0;
   }
-  .e-radio.--icons .e-radio-label {
-    display: flex;
-    align-items: center;
-    padding: 0.25rem 1rem;
-    width: 100%;
+}
+.top-bar-wrapper .top-bar-content svg,
+.top-bar-wrapper .top-bar-content img {
+  vertical-align: middle;
+}
+.top-bar-wrapper .top-bar-content img {
+  margin-right: 8px;
+  display: inherit;
+}
+.top-bar-mobile {
+  background-color: var(--neutral-neutral-5);
+  display: flex;
+  padding: 8px 16px;
+  justify-content: space-between;
+  align-items: center;
+  border-radius: 4px;
+  box-shadow: 0px 2px 6px 0px rgba(var(--primary-main-dark-1-rgb), 0.25);
+  font-size: 14px;
+  line-height: 18px;
+  letter-spacing: -0.3px;
+  position: fixed;
+  top: 8px;
+  left: 8px;
+  right: 8px;
+}
+.top-bar-mobile.fade-In {
+  visibility: visible;
+  opacity: 1;
+  transition: visibility 0s linear 0s, opacity 300ms;
+}
+.top-bar-mobile.fade-Out {
+  visibility: hidden;
+  opacity: 0;
+  transition: visibility 0s linear 300ms, opacity 300ms;
+}
+.top-bar-mobile > b {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.top-bar-mobile > b a {
+  display: contents;
+}
+.top-bar-mobile > b img {
+  margin-right: 8px;
+}
+.trustpilot {
+  margin: auto;
+  padding: 0 1rem;
+}
+@media (min-width: 720px) {
+  .trustpilot {
+    margin: 3rem auto;
   }
-  .e-radio.--icons .radio-icon {
-    display: block;
-    margin-right: 1rem;
+}
+.whyLawDistrictItems {
+  max-width: 960px;
+  display: flex;
+  justify-content: center;
+  margin: 0 auto;
+  flex-flow: row wrap;
+  padding: 0 0 1.5rem 0;
+}
+@media (min-width: 720px) {
+  .whyLawDistrictItems {
+    justify-content: space-between;
+    padding: 0 1rem;
   }
 }
-.e-radio.--is-invalid.--regular input + label:before,
-.e-radio.--group-invalid.--regular input + label:before {
-  border-color: var(--error-main);
+.whyLawDistrictItems__item {
+  max-width: 100%;
+  color: var(--neutral-neutral-2);
+  margin-bottom: 1rem;
+  padding: 0 1rem;
 }
-.e-radio.--is-invalid.--tabs .e-radio__inner,
-.e-radio.--is-invalid.--group-invalid .e-radio__inner,
-.e-radio.--group-invalid.--tabs .e-radio__inner,
-.e-radio.--group-invalid.--group-invalid .e-radio__inner {
-  border: 1px solid var(--error-main);
+@media (min-width: 720px) {
+  .whyLawDistrictItems__item {
+    padding: 2rem 0;
+    max-width: calc(33.3333333333% - 1.5rem);
+  }
 }
-.e-radio.--is-invalid.--tabs .e-radio__inner label label,
-.e-radio.--is-invalid.--group-invalid .e-radio__inner label label,
-.e-radio.--group-invalid.--tabs .e-radio__inner label label,
-.e-radio.--group-invalid.--group-invalid .e-radio__inner label label {
-  border-right: 1px solid var(--error-main);
+.whyLawDistrictItems__item:first-child {
+  margin-top: 2rem;
 }
-.e-radio.--is-invalid.--tabs .e-radio__inner label:last-child label,
-.e-radio.--is-invalid.--group-invalid .e-radio__inner label:last-child label,
-.e-radio.--group-invalid.--tabs .e-radio__inner label:last-child label,
-.e-radio.--group-invalid.--group-invalid .e-radio__inner label:last-child label {
-  border-right: none;
+@media (min-width: 720px) {
+  .whyLawDistrictItems__item:first-child {
+    margin-top: 0;
+  }
 }
-.radio-group__label {
+.wide-info-bar {
+  background-color: var(--neutral-neutral-6);
+  font-family: "Inter", sans-serif;
   color: var(--neutral-neutral-1);
 }
-.e-radio.radio--small.--tabs input + label {
-  font-size: 0.875rem;
-  padding: 0.75rem;
-}
-.e-radio.radio--small.--tabs .e-radio__inner {
-  margin-top: 0;
-  margin-bottom: 0;
+.wide-info-bar.green {
+  background-color: var(--primary-main-light-6);
+  color: var(--primary-main-dark-1);
 }
-.e-radio.radio--narrow.--regular .e-radio__inner {
-  margin-top: 0.5rem;
+.wide-info-bar__wrapper {
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: space-between;
+  max-width: 1200px;
+  margin: auto;
+  padding: 0.5rem 3.5rem 0.5rem 1.5rem;
 }
-.e-radio.--regular.radio--regular--bare .e-radio__inner {
-  display: inline-block;
-  margin-right: auto;
-  text-align: left;
-  width: auto;
+@media (min-width: 720px) {
+  .wide-info-bar__wrapper {
+    flex-flow: row;
+    font-size: 0.9rem;
+    padding: 1rem 1.5rem;
+  }
 }
-.e-radio.--regular.radio--regular--bare .e-radio-label,
-.e-radio.--regular.radio--regular--bare .e-radio-label__label {
-  display: block;
-  margin-bottom: 0.75rem;
+@media (min-width: 1200px) {
+  .wide-info-bar__wrapper {
+    padding: 0.5rem 2rem;
+  }
 }
-.tippy-box {
-  background-color: var(--others-white);
-  border-radius: var(--global-border-radius);
-  font-size: 16px;
-  line-height: 1.4;
-  white-space: normal;
-  outline: 0;
-  transition: all 0.3s ease;
-  box-shadow: var(--box-shadow-tippy-box);
-  z-index: 1000;
-  color: inherit;
+.dialog-menu-icon {
+  position: relative;
   cursor: pointer;
 }
-.tippy-box--inverted {
+.dialog-menu-icon__image {
+  min-width: 1rem;
+  height: 1rem;
+  margin-left: 0.4rem;
+}
+@media (min-width: 960px) {
+  .dialog-menu-icon__image {
+    align-self: center;
+  }
+}
+.dialog-menu-icon__message {
+  visibility: hidden;
   background-color: var(--neutral-neutral-1);
   color: var(--others-white);
+  padding: 1rem 1rem;
   border-radius: 0.3rem;
   font-size: 12px;
-  box-shadow: none;
-}
-.tippy-box--inverted .tippy-content {
-  padding: 0.75rem;
-  white-space: pre-line;
+  width: 19rem;
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  position: absolute;
+  z-index: 1;
+  top: 1.5rem;
+  right: -5rem;
 }
-.tippy-box--inverted .tippy-arrow {
-  color: var(--neutral-neutral-1);
+@media (max-width: 575px) {
+  .dialog-menu-icon__message {
+    width: 15rem;
+  }
 }
-.tippy-box .tooltip__button {
-  align-items: center;
-  display: inline-flex;
-  flex-direction: row;
-  white-space: nowrap;
+@media (min-width: 575px) {
+  .dialog-menu-icon__message {
+    right: -4rem;
+  }
 }
-.tippy-box .tooltip__button:hover {
-  cursor: pointer;
+@media (min-width: 720px) {
+  .dialog-menu-icon__message {
+    width: 19rem;
+  }
 }
-.tippy-box .tooltip__button > svg,
-.tippy-box .tooltip__button > img {
-  width: 1.5rem;
+.dialog-menu-icon__message p {
   margin-right: 0.5rem;
 }
-.tippy-box .tooltip__button > svg g g {
-  fill: var(--neutral-neutral-1);
+.dialog-menu-icon--visible .dialog-menu-icon__message {
+  visibility: visible;
 }
-.tippy-content {
-  padding: 0.5rem;
+.dialog-menu-icon--hidden .dialog-menu-icon__message {
+  visibility: hidden;
 }
-.tippy-arrow {
-  color: var(--others-white);
+.dialog-menu-icon--visible-on-hover:hover .dialog-menu-icon__message {
+  visibility: visible;
+}
+.dialog-menu-icon::before {
+  content: "";
+  visibility: hidden;
+  position: absolute;
+  width: 0;
+  height: 0;
+  box-shadow: 0 0.25rem 0.5rem -0.5rem;
+  border-bottom: 0.5rem solid var(--neutral-neutral-1);
+  -webkit-transform: translate(-100%, 0);
+  transform: translate(-100%, 0);
+  top: 1.1rem;
+  right: -1rem;
+  border-left: 0.5rem solid transparent;
+  border-right: 0.5rem solid transparent;
+  z-index: 20;
+}
+.dialog-menu-icon--visible::before,
+.dialog-menu-icon--visible-on-hover:hover::before {
+  visibility: visible;
 }
 .accordion__container {
   overflow: hidden;
@@ -2294,8 +4572,8 @@ h2.react-datepicker__current-month {
   display: flex;
   flex-flow: row wrap;
   flex: 1 1 0;
-  border-radius: var(--global-border-radius);
-  box-shadow: var(--box-shadow-small);
+  border-radius: 4px;
+  box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--primary-main-dark-1-rgb), 0.25);
   max-width: 960px;
   margin: 1rem 0;
 }
@@ -2461,8 +4739,8 @@ h2.react-datepicker__current-month {
 }
 .bottom-overlay__nav {
   background: var(--others-white);
-  border-top-left-radius: var(--global-border-radius);
-  border-top-right-radius: var(--global-border-radius);
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
   bottom: 0;
   position: absolute;
   transform: translateY(100%);
@@ -2482,14 +4760,14 @@ h2.react-datepicker__current-month {
 .bottom-overlay__nav .overlay__delimiter:after {
   content: "";
   background: var(--neutral-neutral-3);
-  border-radius: var(--global-border-radius);
+  border-radius: 4px;
   display: block;
   height: 0.25rem;
   margin: 0 auto;
   width: 7.5rem;
 }
 .bottom-overlay__nav .overlay__delimiter.overlay__delimiter__scrolling {
-  box-shadow: var(--box-shadow-small);
+  box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--primary-main-dark-1-rgb), 0.25);
   position: relative;
   z-index: 1;
 }
@@ -2514,8 +4792,8 @@ h2.react-datepicker__current-month {
 }
 .box--form {
   background: var(--others-white);
-  border-radius: var(--global-border-radius);
-  box-shadow: var(--box-shadow-container);
+  border-radius: 4px;
+  box-shadow: 0px 2px 6px 0px rgba(var(--primary-main-dark-1-rgb), 0.25);
   padding-left: 1.5rem;
   padding-right: 1.5rem;
 }
@@ -2527,7 +4805,7 @@ h2.react-datepicker__current-month {
 }
 .box--form .box--form__title {
   color: var(--neutral-neutral-1);
-  font-family: var(--font-sans);
+  font-family: "Inter", sans-serif;
   font-weight: bold;
   width: 95%;
 }
@@ -2629,9 +4907,6 @@ h2.react-datepicker__current-month {
 .breadcrumb-container {
   margin: 1.5rem 0;
 }
-.breadcrumb-container__list {
-  display: flex;
-}
 .contact-box {
   display: flex;
   flex-flow: column;
@@ -2689,13 +4964,13 @@ h2.react-datepicker__current-month {
 }
 .continue-banner__tagline {
   color: var(--neutral-neutral-4);
-  font-family: var(--font-sans);
+  font-family: "Inter", sans-serif;
   line-height: 1.38;
   margin-bottom: 1rem;
 }
 .continue-banner__title {
   color: var(--primary-main-light-5);
-  font-family: var(--font-serif);
+  font-family: "Lora", serif;
   font-size: 1.5rem;
   line-height: 1.29;
 }
@@ -2785,19 +5060,20 @@ h2.react-datepicker__current-month {
 }
 .expert-card-list {
   display: flex;
-  flex-direction: column;
+  flex-flow: column;
+  gap: 0 2rem;
   justify-content: center;
   margin: 2rem 0 3rem 0;
 }
 @media (min-width: 720px) {
   .expert-card-list {
-    flex-direction: row;
+    flex-flow: row wrap;
   }
 }
 .faqItem {
-  border-radius: var(--global-border-radius);
+  border-radius: 4px;
   background: var(--others-white);
-  box-shadow: var(--box-shadow-small);
+  box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--primary-main-dark-1-rgb), 0.25);
 }
 .faqItem .fakeAnchor {
   position: absolute;
@@ -2815,7 +5091,7 @@ h2.react-datepicker__current-month {
   display: flex;
   flex-flow: row nowrap;
   align-items: center;
-  gap: var(--global-gap);
+  gap: 1rem;
   justify-content: space-between;
   padding: 1rem;
   cursor: pointer;
@@ -2834,6 +5110,10 @@ h2.react-datepicker__current-month {
   letter-spacing: -0.3px;
   padding: 0 1rem 1rem;
 }
+.faqItem .content .answer ul {
+  list-style: disc;
+  margin-left: 2rem;
+}
 .faqItem.open .question svg {
   transform: rotate(90deg);
 }
@@ -2976,7 +5256,7 @@ h2.react-datepicker__current-month {
   padding-bottom: 1rem;
   border-bottom: 1px solid var(--neutral-neutral-4);
   font-size: 20px;
-  font-family: var(--font-sans);
+  font-family: "Inter", sans-serif;
   font-weight: 700;
 }
 .free-doc-modal-content .right-container .info-box__text {
@@ -3147,7 +5427,7 @@ h2.react-datepicker__current-month {
 }
 .mid-banner-ratafia-sample__image img {
   border-radius: 8px 8px 0 0;
-  box-shadow: var(--box-shadow-small);
+  box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--primary-main-dark-1-rgb), 0.25);
   width: 727px;
 }
 .mid-banner-ratafia-sample__sumarized-tag {
@@ -3160,9 +5440,9 @@ h2.react-datepicker__current-month {
   left: 85px;
   top: -13px;
   background: var(--primary-main-light-5);
-  border-radius: var(--global-border-radius);
+  border-radius: 4px;
   border: 1px solid var(--primary-main-light-3);
-  box-shadow: var(--box-shadow-small);
+  box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--primary-main-dark-1-rgb), 0.25);
 }
 .mid-banner-ratafia-sample__sumarized-tag__icon {
   width: 16px;
@@ -3178,8 +5458,8 @@ h2.react-datepicker__current-month {
   padding: 0.5rem;
   gap: 0.25rem;
   background: var(--neutral-neutral-6);
-  border-radius: var(--global-border-radius);
-  box-shadow: var(--box-shadow-small);
+  border-radius: 4px;
+  box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--primary-main-dark-1-rgb), 0.25);
 }
 .mid-banner-ratafia-sample__feature-tag__icon {
   width: 20px;
@@ -3223,7 +5503,7 @@ h2.react-datepicker__current-month {
 }
 .more-docs-desktop .container .section-title {
   text-align: left;
-  font-family: var(--font-serif);
+  font-family: "Lora", serif;
   font-size: 32px;
   font-weight: normal;
   line-height: 1.31;
@@ -3339,7 +5619,7 @@ h2.react-datepicker__current-month {
 .navbar-drop-down__container__menu_items {
   background: var(--others-white);
   padding: 1.5rem;
-  box-shadow: var(--box-shadow-container);
+  box-shadow: 0px 2px 6px 0px rgba(var(--primary-main-dark-1-rgb), 0.25);
 }
 .navbar-drop-down__container__menu_items ul li {
   margin-bottom: 1rem;
@@ -3525,7 +5805,7 @@ h2.react-datepicker__current-month {
 .popular-docs .documents {
   display: flex;
   flex-direction: column;
-  gap: var(--global-gap);
+  gap: 1rem;
 }
 .pricing-card {
   position: relative;
@@ -3560,8 +5840,8 @@ h2.react-datepicker__current-month {
 }
 .pricing-card__wrapper {
   background-color: var(--others-white);
-  box-shadow: var(--box-shadow-container);
-  border-radius: var(--global-border-radius);
+  box-shadow: 0px 2px 6px 0px rgba(var(--primary-main-dark-1-rgb), 0.25);
+  border-radius: 4px;
   border: solid 1px transparent;
 }
 .pricing-card__wrapper ul {
@@ -3761,7 +6041,7 @@ h2.react-datepicker__current-month {
   z-index: 10000;
   overflow: hidden;
   border-radius: 4px;
-  box-shadow: var(--box-shadow-container);
+  box-shadow: 0px 2px 6px 0px rgba(var(--primary-main-dark-1-rgb), 0.25);
   font-size: 14px;
 }
 @media (min-width: 575px) {
@@ -3872,7 +6152,7 @@ h2.react-datepicker__current-month {
   background-color: var(--others-white);
 }
 .homeStepsItem {
-  border-radius: var(--global-border-radius);
+  border-radius: 4px;
   display: flex;
   max-width: 100%;
   padding: 2rem;
@@ -3882,8 +6162,8 @@ h2.react-datepicker__current-month {
   align-items: flex-start;
   text-align: center;
   background: var(--others-white);
-  box-shadow: var(--box-shadow-medium);
-  border: var(--global-border-radius);
+  box-shadow: 0 0.25rem 0.5rem 0 rgba(var(--primary-main-dark-1-rgb), 0.2);
+  border: 4px;
   margin-right: 0.5rem;
   margin-bottom: 1rem;
 }
@@ -4016,7 +6296,7 @@ h2.react-datepicker__current-month {
   appearance: none;
   color: var(--neutral-neutral-1);
   background-color: var(--neutral-neutral-6);
-  border-radius: var(--global-border-radius);
+  border-radius: 4px;
   padding: 0.75rem 0 0.75rem 0.75rem;
   font-size: 0.875rem;
   height: 40px;
@@ -4153,7 +6433,7 @@ h2.react-datepicker__current-month {
   text-decoration: underline;
 }
 .tooltip-menu__item {
-  border-radius: var(--global-border-radius);
+  border-radius: 4px;
   border: 1px solid var(--neutral-neutral-4);
   display: flex;
   padding: 0.1875rem;
@@ -4220,7 +6500,7 @@ h2.react-datepicker__current-month {
   }
 }
 .type-modules-list .module-title {
-  font-family: var(--font-sans);
+  font-family: "Inter", sans-serif;
   font-size: 18px;
   font-weight: 700;
   line-height: 24px;
@@ -4235,7 +6515,7 @@ h2.react-datepicker__current-month {
   }
 }
 .type-modules-list .module-description {
-  font-family: var(--font-sans);
+  font-family: "Inter", sans-serif;
   font-size: 16px;
   font-weight: 400;
   line-height: 22px;
@@ -4364,7 +6644,7 @@ h2.react-datepicker__current-month {
 .about-us-content__body {
   margin-top: 1rem;
   margin-bottom: 2rem;
-  font-family: var(--font-sans);
+  font-family: "Inter", sans-serif;
 }
 @media (min-width: 720px) {
   .about-us-content__body {
@@ -4378,7 +6658,7 @@ h2.react-datepicker__current-month {
 }
 .about-us-content__body__button {
   margin-top: 2rem;
-  font-family: var(--font-sans);
+  font-family: "Inter", sans-serif;
 }
 .about-us-content__body__button .e-button {
   display: block;
@@ -4437,17 +6717,17 @@ h2.react-datepicker__current-month {
   font-weight: 400 !important;
 }
 .card-functionality {
-  border-radius: var(--global-border-radius);
-  box-shadow: var(--box-shadow-medium);
+  border-radius: 4px;
+  box-shadow: 0 0.25rem 0.5rem 0 rgba(var(--primary-main-dark-1-rgb), 0.2);
   display: flex;
   flex-direction: column;
-  gap: var(--global-gap);
+  gap: 1rem;
   padding: 1em;
 }
 .card-functionality .content-tags {
   display: flex;
   flex-direction: column;
-  gap: var(--global-gap);
+  gap: 1rem;
 }
 .card-functionality .content-tags .content {
   display: flex;
@@ -4462,7 +6742,7 @@ h2.react-datepicker__current-month {
 }
 .card-functionality .content-tags .content .header .icon {
   padding: 2px;
-  border-radius: var(--global-border-radius);
+  border-radius: 4px;
   background: var(--primary-main-light-5);
 }
 .card-functionality .content-tags .content .header .title {
@@ -4605,7 +6885,7 @@ h2.react-datepicker__current-month {
 .faqGroup .faqs {
   display: flex;
   flex-direction: column;
-  gap: var(--global-gap);
+  gap: 1rem;
   width: 100%;
 }
 .features-ratafia-content__wrapper {
@@ -4663,7 +6943,7 @@ h2.react-datepicker__current-month {
   }
 }
 .guidelines-section__texts__title {
-  font-family: var(--font-serif);
+  font-family: "Lora", serif;
   margin-bottom: 2rem;
   text-align: center;
   font-size: 32px;
@@ -4678,7 +6958,7 @@ h2.react-datepicker__current-month {
   }
 }
 .guidelines-section__texts__body {
-  font-family: var(--font-sans);
+  font-family: "Inter", sans-serif;
   font-size: 16px;
   line-height: 22px;
 }
@@ -4989,7 +7269,7 @@ h2.react-datepicker__current-month {
   height: calc(100vh - 5.125rem);
   border-radius: 16px 16px 0 0;
   background: var(--others-white);
-  box-shadow: var(--box-shadow-small);
+  box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--primary-main-dark-1-rgb), 0.25);
 }
 @media (min-width: 575px) {
   .layout-ratafia__wrapper {
@@ -5115,7 +7395,7 @@ h2.react-datepicker__current-month {
   bottom: 0;
   height: 3.25rem;
   width: 100%;
-  box-shadow: var(--box-shadow-container);
+  box-shadow: 0px 2px 6px 0px rgba(var(--primary-main-dark-1-rgb), 0.25);
   z-index: 1;
 }
 @media (min-width: 575px) {
@@ -5174,7 +7454,7 @@ h2.react-datepicker__current-month {
   }
 }
 .try-our-free-legal-blogs-section__texts__title {
-  font-family: var(--font-serif);
+  font-family: "Lora", serif;
   font-size: 32px;
   line-height: 42px;
   margin-bottom: 2rem;
@@ -5187,7 +7467,7 @@ h2.react-datepicker__current-month {
   }
 }
 .try-our-free-legal-blogs-section__texts__body {
-  font-family: var(--font-sans);
+  font-family: "Inter", sans-serif;
   font-size: 16px;
   line-height: 22px;
 }
@@ -5217,7 +7497,7 @@ h2.react-datepicker__current-month {
   font-size: 0.8rem;
   line-height: 1.2;
   font-weight: 700;
-  font-family: var(--font-sans);
+  font-family: "Inter", sans-serif;
   color: var(--neutral-neutral-2);
   padding-bottom: 0.5rem;
   border-bottom: 1px solid var(--neutral-neutral-3);
@@ -5229,7 +7509,7 @@ h2.react-datepicker__current-month {
   line-height: 1.2;
   letter-spacing: -0.4px;
   font-weight: 400;
-  font-family: var(--font-serif);
+  font-family: "Lora", serif;
   color: var(--neutral-neutral-1);
 }
 @media (min-width: 720px) {
@@ -5310,10 +7590,9 @@ h2.react-datepicker__current-month {
   }
 }
 .as-seen-in-section-box .as-seen-in-section__title {
-  color: var(--neutral-neutral-2);
   text-align: center;
   font-size: 32px;
-  font-family: var(--font-serif);
+  font-family: "Lora", serif;
   font-style: normal;
   font-weight: 400;
   line-height: 42px;
@@ -5546,17 +7825,16 @@ h2.react-datepicker__current-month {
   display: flex;
   justify-content: center;
   flex-direction: column;
-  background-color: var(--neutral-neutral-6);
+  background-color: var(--primary-main-light-6);
   margin-bottom: 4rem;
 }
 .experts-section__title {
-  font-family: var(--font-serif);
+  font-family: "Lora", serif;
   font-size: 32px;
   font-weight: 400;
   line-height: 42px;
   letter-spacing: -0.3px;
   text-align: center;
-  margin: 0 auto 5rem;
   width: 90%;
   transform: translateY(50px);
 }
@@ -5654,7 +7932,7 @@ h2.react-datepicker__current-month {
 .functionality-cards {
   display: flex;
   flex-direction: column;
-  gap: var(--global-gap);
+  gap: 1rem;
   margin-bottom: 2rem;
   width: 100%;
 }
@@ -5690,7 +7968,7 @@ h2.react-datepicker__current-month {
 }
 .how-it-works-wrapper .works-title {
   width: auto;
-  font-family: var(--font-serif);
+  font-family: "Lora", serif;
   text-align: center;
   padding-top: 4rem;
 }
@@ -5825,8 +8103,8 @@ h2.react-datepicker__current-month {
   width: 100%;
   margin: 0 1rem;
   background-color: var(--others-white);
-  border-radius: var(--global-border-radius);
-  box-shadow: var(--box-shadow-medium);
+  border-radius: 4px;
+  box-shadow: 0 0.25rem 0.5rem 0 rgba(var(--primary-main-dark-1-rgb), 0.2);
   padding: 2rem;
   transform: translateY(2rem);
 }
@@ -5855,7 +8133,7 @@ h2.react-datepicker__current-month {
 .learn-more__wrapper .learn-more__faqs li a {
   font-weight: bold;
   transition: all 0.3s ease;
-  border-radius: var(--global-border-radius);
+  border-radius: 4px;
   display: inline-block;
   padding: 0.5rem;
   position: relative;
@@ -5895,7 +8173,7 @@ h2.react-datepicker__current-month {
 }
 .legal .m-richText .cookie-table,
 .legal .m-richText .cookies-downloaded-documents-pages {
-  box-shadow: var(--box-shadow-medium);
+  box-shadow: 0 0.25rem 0.5rem 0 rgba(var(--primary-main-dark-1-rgb), 0.2);
 }
 .legal .m-richText .cookie-table thead th:nth-child(3),
 .legal .m-richText .cookie-table thead th:nth-child(4),
@@ -5928,7 +8206,7 @@ h2.react-datepicker__current-month {
 .legal .m-richText table {
   margin: 2.5rem 0;
   width: 100%;
-  border-radius: var(--global-border-radius);
+  border-radius: 4px;
   text-align: center;
   border-collapse: collapse;
 }
@@ -5938,11 +8216,11 @@ h2.react-datepicker__current-month {
   border-right: 1px solid var(--neutral-neutral-4);
 }
 .legal .m-richText table thead th:first-child {
-  border-top-left-radius: var(--global-border-radius);
+  border-top-left-radius: 4px;
 }
 .legal .m-richText table thead th:last-child {
   border-right: none;
-  border-top-right-radius: var(--global-border-radius);
+  border-top-right-radius: 4px;
 }
 .legal .m-richText table thead tr {
   font-weight: bold;
@@ -6039,7 +8317,7 @@ h2.react-datepicker__current-month {
   }
 }
 .people-say__title {
-  font-family: var(--font-serif);
+  font-family: "Lora", serif;
   font-size: 32px;
   font-weight: 400;
   line-height: 42px;
@@ -6337,7 +8615,7 @@ h2.react-datepicker__current-month {
 }
 .faq-page .titles .title {
   color: var(--neutral-neutral-2);
-  font-family: var(--font-sans);
+  font-family: "Inter", sans-serif;
   font-size: 14px;
   line-height: 18px;
   letter-spacing: -0.3px;
@@ -6347,7 +8625,7 @@ h2.react-datepicker__current-month {
 }
 .faq-page .titles .subtitle {
   color: var(--neutral-main);
-  font-family: var(--font-serif);
+  font-family: "Lora", serif;
   font-size: 36px;
   line-height: 48px;
   font-weight: 400;
@@ -6363,7 +8641,7 @@ h2.react-datepicker__current-month {
   display: flex;
   flex-direction: row;
   padding: 32px 24px;
-  gap: var(--global-gap);
+  gap: 1rem;
   background: var(--primary-main-light-6);
   justify-content: center;
 }