@npm_leadtech/legal-lib-components 5.2.22 → 5.2.31

package/dist/css/styles.css

@@ -80,6 +80,17 @@
 }
 
 /* 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 {
@@ -137,7 +148,7 @@ html,
 body {
   font-size: 16px;
   color: var(--neutral-main);
-  font-family: "Inter", sans-serif;
+  font-family: var(--font-sans);
 }
 main {
   display: block;
@@ -147,7 +158,7 @@ ul {
   list-style: none;
 }
 h1 {
-  font-family: "Lora", serif;
+  font-family: var(--font-serif);
 }
 .u-sticky-footer {
   display: flex;
@@ -360,6 +371,22 @@ 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;
@@ -708,7 +735,7 @@ body {
 .serif {
   letter-spacing: -0.3px;
   font-weight: normal;
-  font-family: "Lora", serif;
+  font-family: var(--font-serif);
 }
 .serif.--super-hero {
   font-size: 2.25rem;
@@ -748,214 +775,6 @@ 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);
 }
@@ -963,7 +782,7 @@ html[data-theme=lawdistrict] .e-button.--primary-3 {
   padding: 0.5rem 1rem;
   align-items: center;
   align-self: center;
-  border-radius: 4px;
+  border-radius: var(--global-border-radius);
   text-align: center;
   text-decoration: none;
   cursor: pointer;
@@ -1076,7 +895,7 @@ html[data-theme=lawdistrict] .e-button.--primary-3 {
 .e-button.--secondary-icon {
   display: flex;
   justify-content: center;
-  border-radius: 4px;
+  border-radius: var(--global-border-radius);
   border: 2px solid var(--neutral-neutral-2);
   background-color: var(--neutral-neutral-5);
 }
@@ -1133,7 +952,7 @@ html[data-theme=lawdistrict] .e-button.--primary-3 {
   font-size: 14px;
   font-weight: bold;
   justify-content: center;
-  border-radius: 4px;
+  border-radius: var(--global-border-radius);
   border: 2px solid var(--neutral-neutral-2);
   background-color: var(--neutral-neutral-6);
 }
@@ -1187,7 +1006,7 @@ html[data-theme=lawdistrict] .e-button.--primary-3 {
 }
 .button-icon {
   background: none;
-  border-radius: 4px;
+  border-radius: var(--global-border-radius);
   border: 1px solid var(--neutral-neutral-4);
   display: inline-flex;
   padding: 0.1875rem;
@@ -1220,393 +1039,78 @@ html[data-theme=lawdistrict] .e-button.--primary-3 {
   transform: translate(-50%, 1rem);
   transition: all 0.3s ease;
 }
-.marker {
+.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;
-  margin-left: -10px;
+  padding: 0;
+  border: 0;
 }
-@-moz-document url-prefix() {
-  .marker {
-    margin-left: 0px;
-  }
+.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;
 }
-@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
-  .marker {
-    margin-left: 0px;
-  }
+.react-datepicker--time-only .react-datepicker__time-container {
+  border-left: 0;
 }
-.position {
-  margin-left: 2px;
+.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;
 }
-@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
-  .position {
-    margin-left: 15px;
-  }
+.react-datepicker-popper {
+  z-index: 1;
+  line-height: 0;
 }
-@-moz-document url-prefix() {
-  .position {
-    margin-left: 15px;
-  }
+.react-datepicker-popper .react-datepicker__triangle {
+  stroke: #aeaeae;
 }
-.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^=bottom] .react-datepicker__triangle {
+  fill: #f0f0f0;
+  color: #f0f0f0;
 }
-.pane-wrapper {
-  margin-top: 1rem;
-  padding-right: 0;
-  width: 100%;
+.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
+  fill: #fff;
+  color: #fff;
 }
-@media (min-width: 575px) {
-  .pane-wrapper {
-    margin-top: 0;
-    padding-right: 0.875rem;
-    width: 50%;
-  }
+.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: 720px) {
-  .pane-wrapper {
-    padding-right: 0.55rem;
-  }
+.react-datepicker__header--time {
+  padding-bottom: 8px;
+  padding-left: 5px;
+  padding-right: 5px;
 }
-@media (min-width: 960px) {
-  .pane-wrapper {
-    padding-right: 0.875rem;
-  }
-}
-.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--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;
@@ -2241,2252 +1745,456 @@ h2.react-datepicker__current-month {
   height: 1em;
   vertical-align: -0.125em;
 }
-.disclaimer {
-  padding: 1rem;
-}
-@media (min-width: 960px) {
-  .disclaimer {
-    padding: 1rem 0;
-  }
-}
-.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 label:first-child:not(.e-radio-label) {
+  font-weight: bold;
 }
-.mobile_view {
-  display: none;
+.e-radio .radio-item-container {
+  width: 100%;
 }
-@media (min-width: 328px) and (max-width: 720px) {
-  .mobile_view {
-    display: block;
+@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-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) {
-  .disclaimer-ratafia__text-desktop {
+  .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;
   }
-}
-.disclaimer-ratafia__text-mobile {
-  width: 100%;
-}
-@media (min-width: 575px) {
-  .disclaimer-ratafia__text-mobile {
-    display: none;
+  .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%;
   }
-}
-.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 {
+  .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;
   }
-}
-.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.--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%;
   }
-}
-.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.--regular:not(.--icons) input {
+    position: absolute;
+    left: -9999px;
   }
-}
-@media (min-width: 720px) {
-  .document-status {
-    position: inherit;
+  .e-radio.--regular:not(.--icons) input:not(:checked):hover + label:before {
+    background-color: var(--primary-main-light-5);
   }
-}
-.document-status span {
-  font-weight: bold;
-}
-.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:first-child {
-  margin-top: 5rem;
-}
-@media (min-width: 720px) {
-  .expert-card {
-    margin-top: 5rem;
+  .e-radio.--regular:not(.--icons) input:checked:hover + label:before {
+    background-color: var(--primary-main);
   }
-}
-.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;
-  margin-left: 0;
-}
-@media (min-width: 720px) {
-  .expert-card__box {
-    margin-left: 2rem;
+  .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);
   }
-}
-.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;
+  .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;
   }
-}
-.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;
+  .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;
   }
-}
-.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;
+  .e-radio.--regular:not(.--icons) input + label {
+    cursor: pointer;
+    font-size: 16px;
   }
-}
-@media (min-width: 575px) {
-  .icon-text-info-section__separator {
-    display: flex;
+  .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;
   }
-}
-@media (max-width: 575px) {
-  .icon-text-info-section__separator {
-    margin: 19.2px 32px;
+  .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%;
   }
 }
-.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 (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;
   }
-}
-@media (min-width: 575px) {
-  .icon-text-info-section.bottom-side {
-    padding: 1rem 1rem;
+  .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);
   }
-}
-.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;
+  .e-radio.--tabs .e-radio__inner .e-radio-label:last-child {
+    border-right: none;
   }
-}
-@media (min-width: 575px) {
-  .icon-text-info-section.bottom-side .box {
-    margin: 0 1rem;
+  .e-radio.--tabs input {
+    position: absolute;
+    left: -9999px;
   }
-}
-.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;
+  .e-radio.--tabs input + label {
+    cursor: pointer;
+    font-size: 14px;
+    transition: all 0.3s ease;
   }
-}
-.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;
+  .e-radio.--tabs input + label:hover {
+    background: var(--neutral-neutral-4);
   }
-}
-.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;
+  .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;
   }
-}
-.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;
+  .e-radio.--tabs input:checked + label:hover {
+    background-color: var(--primary-main);
   }
-}
-@media (-ms-high-contrast: none) and (max-width: 575px), (-ms-high-contrast: active) and (max-width: 575px) {
-  .logo-text p {
-    width: 17rem;
+  .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 (-ms-high-contrast: none) and (min-width: 575px), (-ms-high-contrast: active) and (min-width: 575px) {
-  .logo-text p {
+@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;
   }
-}
-@media (-ms-high-contrast: none) and (min-width: 720px), (-ms-high-contrast: active) and (min-width: 720px) {
-  .logo-text p {
-    width: 17rem;
+  .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);
   }
-}
-.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;
+  .e-radio.--tabs:not(.--icons) .e-radio__inner .e-radio-label:last-child {
+    border-right: none;
   }
-}
-.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;
+  .e-radio.--tabs:not(.--icons) input {
+    position: absolute;
+    left: -9999px;
   }
-}
-.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 {
+  .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;
   }
-}
-.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;
+  .e-radio.--tabs:not(.--icons) input:checked + label:hover {
+    background-color: var(--primary-main);
   }
-}
-.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;
+  .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;
-  }
-}
-@media (max-width: 575px) {
-  .top-bar-wrapper {
-    display: block;
-  }
-}
-.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;
+    padding: 10px;
   }
-}
-.top-bar-wrapper .top-bar-content {
-  margin: 0 1rem 5px;
-}
-@media (max-width: 575px) {
-  .top-bar-wrapper .top-bar-content {
-    margin: 0;
+  .e-radio.--tabs:not(.--icons) input:hover:not(:checked) + label {
+    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;
+.e-radio.--icons .radio-icon {
+  display: none;
 }
-@media (min-width: 720px) {
-  .trustpilot {
-    margin: 3rem auto;
+@media (min-width: 575px) {
+  .e-radio.--icons .e-radio__inner {
+    display: flex;
+    flex-flow: row wrap;
+    margin-top: 1.5rem;
   }
-}
-.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.--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: 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;
+  }
+  .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;
   }
 }
-.whyLawDistrictItems__item {
-  max-width: 100%;
-  color: var(--neutral-neutral-2);
-  margin-bottom: 1rem;
-  padding: 0 1rem;
+.e-radio.--is-invalid.--regular input + label:before,
+.e-radio.--group-invalid.--regular input + label:before {
+  border-color: 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,
+.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);
 }
-.whyLawDistrictItems__item:first-child {
-  margin-top: 2rem;
+.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);
 }
-@media (min-width: 720px) {
-  .whyLawDistrictItems__item:first-child {
-    margin-top: 0;
-  }
+.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;
 }
-.wide-info-bar {
-  background-color: var(--neutral-neutral-6);
-  font-family: "Inter", sans-serif;
+.radio-group__label {
   color: var(--neutral-neutral-1);
 }
-.wide-info-bar.green {
-  background-color: var(--primary-main-light-6);
-  color: var(--primary-main-dark-1);
-}
-.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.radio--small.--tabs input + label {
+  font-size: 0.875rem;
+  padding: 0.75rem;
 }
-@media (min-width: 720px) {
-  .wide-info-bar__wrapper {
-    flex-flow: row;
-    font-size: 0.9rem;
-    padding: 1rem 1.5rem;
-  }
+.e-radio.radio--small.--tabs .e-radio__inner {
+  margin-top: 0;
+  margin-bottom: 0;
 }
-@media (min-width: 1200px) {
-  .wide-info-bar__wrapper {
-    padding: 0.5rem 2rem;
-  }
+.e-radio.radio--narrow.--regular .e-radio__inner {
+  margin-top: 0.5rem;
 }
-.dialog-menu-icon {
-  position: relative;
-  cursor: pointer;
+.e-radio.--regular.radio--regular--bare .e-radio__inner {
+  display: inline-block;
+  margin-right: auto;
+  text-align: left;
+  width: auto;
 }
-.dialog-menu-icon__image {
-  min-width: 1rem;
-  height: 1rem;
-  margin-left: 0.4rem;
+.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: 960px) {
-  .dialog-menu-icon__image {
-    align-self: center;
-  }
+.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;
+  cursor: pointer;
 }
-.dialog-menu-icon__message {
-  visibility: hidden;
+.tippy-box--inverted {
   background-color: var(--neutral-neutral-1);
   color: var(--others-white);
-  padding: 1rem 1rem;
   border-radius: 0.3rem;
   font-size: 12px;
-  width: 19rem;
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  position: absolute;
-  z-index: 1;
-  top: 1.5rem;
-  right: -5rem;
+  box-shadow: none;
 }
-@media (max-width: 575px) {
-  .dialog-menu-icon__message {
-    width: 15rem;
-  }
+.tippy-box--inverted .tippy-content {
+  padding: 0.75rem;
+  white-space: pre-line;
 }
-@media (min-width: 575px) {
-  .dialog-menu-icon__message {
-    right: -4rem;
-  }
+.tippy-box--inverted .tippy-arrow {
+  color: var(--neutral-neutral-1);
 }
-@media (min-width: 720px) {
-  .dialog-menu-icon__message {
-    width: 19rem;
-  }
+.tippy-box .tooltip__button {
+  align-items: center;
+  display: inline-flex;
+  flex-direction: row;
+  white-space: nowrap;
 }
-.dialog-menu-icon__message p {
-  margin-right: 0.5rem;
+.tippy-box .tooltip__button:hover {
+  cursor: pointer;
 }
-.dialog-menu-icon--visible .dialog-menu-icon__message {
-  visibility: visible;
+.tippy-box .tooltip__button > svg,
+.tippy-box .tooltip__button > img {
+  width: 1.5rem;
+  margin-right: 0.5rem;
 }
-.dialog-menu-icon--hidden .dialog-menu-icon__message {
-  visibility: hidden;
+.tippy-box .tooltip__button > svg g g {
+  fill: var(--neutral-neutral-1);
 }
-.dialog-menu-icon--visible-on-hover:hover .dialog-menu-icon__message {
-  visibility: visible;
+.tippy-content {
+  padding: 0.5rem;
 }
-.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;
+.tippy-arrow {
+  color: var(--others-white);
 }
 .accordion__container {
   overflow: hidden;
@@ -4586,8 +2294,8 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
   display: flex;
   flex-flow: row wrap;
   flex: 1 1 0;
-  border-radius: 4px;
-  box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--primary-main-dark-1-rgb), 0.25);
+  border-radius: var(--global-border-radius);
+  box-shadow: var(--box-shadow-small);
   max-width: 960px;
   margin: 1rem 0;
 }
@@ -4753,8 +2461,8 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
 }
 .bottom-overlay__nav {
   background: var(--others-white);
-  border-top-left-radius: 4px;
-  border-top-right-radius: 4px;
+  border-top-left-radius: var(--global-border-radius);
+  border-top-right-radius: var(--global-border-radius);
   bottom: 0;
   position: absolute;
   transform: translateY(100%);
@@ -4774,14 +2482,14 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
 .bottom-overlay__nav .overlay__delimiter:after {
   content: "";
   background: var(--neutral-neutral-3);
-  border-radius: 4px;
+  border-radius: var(--global-border-radius);
   display: block;
   height: 0.25rem;
   margin: 0 auto;
   width: 7.5rem;
 }
 .bottom-overlay__nav .overlay__delimiter.overlay__delimiter__scrolling {
-  box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--primary-main-dark-1-rgb), 0.25);
+  box-shadow: var(--box-shadow-small);
   position: relative;
   z-index: 1;
 }
@@ -4806,8 +2514,8 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
 }
 .box--form {
   background: var(--others-white);
-  border-radius: 4px;
-  box-shadow: 0px 2px 6px 0px rgba(var(--primary-main-dark-1-rgb), 0.25);
+  border-radius: var(--global-border-radius);
+  box-shadow: var(--box-shadow-container);
   padding-left: 1.5rem;
   padding-right: 1.5rem;
 }
@@ -4819,7 +2527,7 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
 }
 .box--form .box--form__title {
   color: var(--neutral-neutral-1);
-  font-family: "Inter", sans-serif;
+  font-family: var(--font-sans);
   font-weight: bold;
   width: 95%;
 }
@@ -4921,6 +2629,9 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
 .breadcrumb-container {
   margin: 1.5rem 0;
 }
+.breadcrumb-container__list {
+  display: flex;
+}
 .contact-box {
   display: flex;
   flex-flow: column;
@@ -4978,13 +2689,13 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
 }
 .continue-banner__tagline {
   color: var(--neutral-neutral-4);
-  font-family: "Inter", sans-serif;
+  font-family: var(--font-sans);
   line-height: 1.38;
   margin-bottom: 1rem;
 }
 .continue-banner__title {
   color: var(--primary-main-light-5);
-  font-family: "Lora", serif;
+  font-family: var(--font-serif);
   font-size: 1.5rem;
   line-height: 1.29;
 }
@@ -5084,9 +2795,9 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
   }
 }
 .faqItem {
-  border-radius: 4px;
+  border-radius: var(--global-border-radius);
   background: var(--others-white);
-  box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--primary-main-dark-1-rgb), 0.25);
+  box-shadow: var(--box-shadow-small);
 }
 .faqItem .fakeAnchor {
   position: absolute;
@@ -5104,7 +2815,7 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
   display: flex;
   flex-flow: row nowrap;
   align-items: center;
-  gap: 1rem;
+  gap: var(--global-gap);
   justify-content: space-between;
   padding: 1rem;
   cursor: pointer;
@@ -5265,7 +2976,7 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
   padding-bottom: 1rem;
   border-bottom: 1px solid var(--neutral-neutral-4);
   font-size: 20px;
-  font-family: "Inter", sans-serif;
+  font-family: var(--font-sans);
   font-weight: 700;
 }
 .free-doc-modal-content .right-container .info-box__text {
@@ -5436,7 +3147,7 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
 }
 .mid-banner-ratafia-sample__image img {
   border-radius: 8px 8px 0 0;
-  box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--primary-main-dark-1-rgb), 0.25);
+  box-shadow: var(--box-shadow-small);
   width: 727px;
 }
 .mid-banner-ratafia-sample__sumarized-tag {
@@ -5449,9 +3160,9 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
   left: 85px;
   top: -13px;
   background: var(--primary-main-light-5);
-  border-radius: 4px;
+  border-radius: var(--global-border-radius);
   border: 1px solid var(--primary-main-light-3);
-  box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--primary-main-dark-1-rgb), 0.25);
+  box-shadow: var(--box-shadow-small);
 }
 .mid-banner-ratafia-sample__sumarized-tag__icon {
   width: 16px;
@@ -5467,8 +3178,8 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
   padding: 0.5rem;
   gap: 0.25rem;
   background: var(--neutral-neutral-6);
-  border-radius: 4px;
-  box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--primary-main-dark-1-rgb), 0.25);
+  border-radius: var(--global-border-radius);
+  box-shadow: var(--box-shadow-small);
 }
 .mid-banner-ratafia-sample__feature-tag__icon {
   width: 20px;
@@ -5512,7 +3223,7 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
 }
 .more-docs-desktop .container .section-title {
   text-align: left;
-  font-family: "Lora", serif;
+  font-family: var(--font-serif);
   font-size: 32px;
   font-weight: normal;
   line-height: 1.31;
@@ -5628,7 +3339,7 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
 .navbar-drop-down__container__menu_items {
   background: var(--others-white);
   padding: 1.5rem;
-  box-shadow: 0px 2px 6px 0px rgba(var(--primary-main-dark-1-rgb), 0.25);
+  box-shadow: var(--box-shadow-container);
 }
 .navbar-drop-down__container__menu_items ul li {
   margin-bottom: 1rem;
@@ -5814,7 +3525,7 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
 .popular-docs .documents {
   display: flex;
   flex-direction: column;
-  gap: 1rem;
+  gap: var(--global-gap);
 }
 .pricing-card {
   position: relative;
@@ -5849,8 +3560,8 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
 }
 .pricing-card__wrapper {
   background-color: var(--others-white);
-  box-shadow: 0px 2px 6px 0px rgba(var(--primary-main-dark-1-rgb), 0.25);
-  border-radius: 4px;
+  box-shadow: var(--box-shadow-container);
+  border-radius: var(--global-border-radius);
   border: solid 1px transparent;
 }
 .pricing-card__wrapper ul {
@@ -6050,7 +3761,7 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
   z-index: 10000;
   overflow: hidden;
   border-radius: 4px;
-  box-shadow: 0px 2px 6px 0px rgba(var(--primary-main-dark-1-rgb), 0.25);
+  box-shadow: var(--box-shadow-container);
   font-size: 14px;
 }
 @media (min-width: 575px) {
@@ -6161,7 +3872,7 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
   background-color: var(--others-white);
 }
 .homeStepsItem {
-  border-radius: 4px;
+  border-radius: var(--global-border-radius);
   display: flex;
   max-width: 100%;
   padding: 2rem;
@@ -6171,8 +3882,8 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
   align-items: flex-start;
   text-align: center;
   background: var(--others-white);
-  box-shadow: 0 0.25rem 0.5rem 0 rgba(var(--primary-main-dark-1-rgb), 0.2);
-  border: 4px;
+  box-shadow: var(--box-shadow-medium);
+  border: var(--global-border-radius);
   margin-right: 0.5rem;
   margin-bottom: 1rem;
 }
@@ -6305,7 +4016,7 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
   appearance: none;
   color: var(--neutral-neutral-1);
   background-color: var(--neutral-neutral-6);
-  border-radius: 4px;
+  border-radius: var(--global-border-radius);
   padding: 0.75rem 0 0.75rem 0.75rem;
   font-size: 0.875rem;
   height: 40px;
@@ -6442,7 +4153,7 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
   text-decoration: underline;
 }
 .tooltip-menu__item {
-  border-radius: 4px;
+  border-radius: var(--global-border-radius);
   border: 1px solid var(--neutral-neutral-4);
   display: flex;
   padding: 0.1875rem;
@@ -6509,7 +4220,7 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
   }
 }
 .type-modules-list .module-title {
-  font-family: "Inter", sans-serif;
+  font-family: var(--font-sans);
   font-size: 18px;
   font-weight: 700;
   line-height: 24px;
@@ -6524,7 +4235,7 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
   }
 }
 .type-modules-list .module-description {
-  font-family: "Inter", sans-serif;
+  font-family: var(--font-sans);
   font-size: 16px;
   font-weight: 400;
   line-height: 22px;
@@ -6653,7 +4364,7 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
 .about-us-content__body {
   margin-top: 1rem;
   margin-bottom: 2rem;
-  font-family: "Inter", sans-serif;
+  font-family: var(--font-sans);
 }
 @media (min-width: 720px) {
   .about-us-content__body {
@@ -6667,7 +4378,7 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
 }
 .about-us-content__body__button {
   margin-top: 2rem;
-  font-family: "Inter", sans-serif;
+  font-family: var(--font-sans);
 }
 .about-us-content__body__button .e-button {
   display: block;
@@ -6726,17 +4437,17 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
   font-weight: 400 !important;
 }
 .card-functionality {
-  border-radius: 4px;
-  box-shadow: 0 0.25rem 0.5rem 0 rgba(var(--primary-main-dark-1-rgb), 0.2);
+  border-radius: var(--global-border-radius);
+  box-shadow: var(--box-shadow-medium);
   display: flex;
   flex-direction: column;
-  gap: 1rem;
+  gap: var(--global-gap);
   padding: 1em;
 }
 .card-functionality .content-tags {
   display: flex;
   flex-direction: column;
-  gap: 1rem;
+  gap: var(--global-gap);
 }
 .card-functionality .content-tags .content {
   display: flex;
@@ -6751,7 +4462,7 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
 }
 .card-functionality .content-tags .content .header .icon {
   padding: 2px;
-  border-radius: 4px;
+  border-radius: var(--global-border-radius);
   background: var(--primary-main-light-5);
 }
 .card-functionality .content-tags .content .header .title {
@@ -6894,7 +4605,7 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
 .faqGroup .faqs {
   display: flex;
   flex-direction: column;
-  gap: 1rem;
+  gap: var(--global-gap);
   width: 100%;
 }
 .features-ratafia-content__wrapper {
@@ -6952,7 +4663,7 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
   }
 }
 .guidelines-section__texts__title {
-  font-family: "Lora", serif;
+  font-family: var(--font-serif);
   margin-bottom: 2rem;
   text-align: center;
   font-size: 32px;
@@ -6967,7 +4678,7 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
   }
 }
 .guidelines-section__texts__body {
-  font-family: "Inter", sans-serif;
+  font-family: var(--font-sans);
   font-size: 16px;
   line-height: 22px;
 }
@@ -7278,7 +4989,7 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
   height: calc(100vh - 5.125rem);
   border-radius: 16px 16px 0 0;
   background: var(--others-white);
-  box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--primary-main-dark-1-rgb), 0.25);
+  box-shadow: var(--box-shadow-small);
 }
 @media (min-width: 575px) {
   .layout-ratafia__wrapper {
@@ -7404,7 +5115,7 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
   bottom: 0;
   height: 3.25rem;
   width: 100%;
-  box-shadow: 0px 2px 6px 0px rgba(var(--primary-main-dark-1-rgb), 0.25);
+  box-shadow: var(--box-shadow-container);
   z-index: 1;
 }
 @media (min-width: 575px) {
@@ -7463,7 +5174,7 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
   }
 }
 .try-our-free-legal-blogs-section__texts__title {
-  font-family: "Lora", serif;
+  font-family: var(--font-serif);
   font-size: 32px;
   line-height: 42px;
   margin-bottom: 2rem;
@@ -7476,7 +5187,7 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
   }
 }
 .try-our-free-legal-blogs-section__texts__body {
-  font-family: "Inter", sans-serif;
+  font-family: var(--font-sans);
   font-size: 16px;
   line-height: 22px;
 }
@@ -7506,7 +5217,7 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
   font-size: 0.8rem;
   line-height: 1.2;
   font-weight: 700;
-  font-family: "Inter", sans-serif;
+  font-family: var(--font-sans);
   color: var(--neutral-neutral-2);
   padding-bottom: 0.5rem;
   border-bottom: 1px solid var(--neutral-neutral-3);
@@ -7518,7 +5229,7 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
   line-height: 1.2;
   letter-spacing: -0.4px;
   font-weight: 400;
-  font-family: "Lora", serif;
+  font-family: var(--font-serif);
   color: var(--neutral-neutral-1);
 }
 @media (min-width: 720px) {
@@ -7599,9 +5310,10 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
   }
 }
 .as-seen-in-section-box .as-seen-in-section__title {
+  color: var(--neutral-neutral-2);
   text-align: center;
   font-size: 32px;
-  font-family: "Lora", serif;
+  font-family: var(--font-serif);
   font-style: normal;
   font-weight: 400;
   line-height: 42px;
@@ -7834,11 +5546,11 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
   display: flex;
   justify-content: center;
   flex-direction: column;
-  background-color: var(--primary-main-light-6);
+  background-color: var(--neutral-neutral-6);
   margin-bottom: 4rem;
 }
 .experts-section__title {
-  font-family: "Lora", serif;
+  font-family: var(--font-serif);
   font-size: 32px;
   font-weight: 400;
   line-height: 42px;
@@ -7942,7 +5654,7 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
 .functionality-cards {
   display: flex;
   flex-direction: column;
-  gap: 1rem;
+  gap: var(--global-gap);
   margin-bottom: 2rem;
   width: 100%;
 }
@@ -7978,7 +5690,7 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
 }
 .how-it-works-wrapper .works-title {
   width: auto;
-  font-family: "Lora", serif;
+  font-family: var(--font-serif);
   text-align: center;
   padding-top: 4rem;
 }
@@ -8113,8 +5825,8 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
   width: 100%;
   margin: 0 1rem;
   background-color: var(--others-white);
-  border-radius: 4px;
-  box-shadow: 0 0.25rem 0.5rem 0 rgba(var(--primary-main-dark-1-rgb), 0.2);
+  border-radius: var(--global-border-radius);
+  box-shadow: var(--box-shadow-medium);
   padding: 2rem;
   transform: translateY(2rem);
 }
@@ -8143,7 +5855,7 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
 .learn-more__wrapper .learn-more__faqs li a {
   font-weight: bold;
   transition: all 0.3s ease;
-  border-radius: 4px;
+  border-radius: var(--global-border-radius);
   display: inline-block;
   padding: 0.5rem;
   position: relative;
@@ -8183,7 +5895,7 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
 }
 .legal .m-richText .cookie-table,
 .legal .m-richText .cookies-downloaded-documents-pages {
-  box-shadow: 0 0.25rem 0.5rem 0 rgba(var(--primary-main-dark-1-rgb), 0.2);
+  box-shadow: var(--box-shadow-medium);
 }
 .legal .m-richText .cookie-table thead th:nth-child(3),
 .legal .m-richText .cookie-table thead th:nth-child(4),
@@ -8216,7 +5928,7 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
 .legal .m-richText table {
   margin: 2.5rem 0;
   width: 100%;
-  border-radius: 4px;
+  border-radius: var(--global-border-radius);
   text-align: center;
   border-collapse: collapse;
 }
@@ -8226,11 +5938,11 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
   border-right: 1px solid var(--neutral-neutral-4);
 }
 .legal .m-richText table thead th:first-child {
-  border-top-left-radius: 4px;
+  border-top-left-radius: var(--global-border-radius);
 }
 .legal .m-richText table thead th:last-child {
   border-right: none;
-  border-top-right-radius: 4px;
+  border-top-right-radius: var(--global-border-radius);
 }
 .legal .m-richText table thead tr {
   font-weight: bold;
@@ -8327,7 +6039,7 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
   }
 }
 .people-say__title {
-  font-family: "Lora", serif;
+  font-family: var(--font-serif);
   font-size: 32px;
   font-weight: 400;
   line-height: 42px;
@@ -8625,7 +6337,7 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
 }
 .faq-page .titles .title {
   color: var(--neutral-neutral-2);
-  font-family: "Inter", sans-serif;
+  font-family: var(--font-sans);
   font-size: 14px;
   line-height: 18px;
   letter-spacing: -0.3px;
@@ -8635,7 +6347,7 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
 }
 .faq-page .titles .subtitle {
   color: var(--neutral-main);
-  font-family: "Lora", serif;
+  font-family: var(--font-serif);
   font-size: 36px;
   line-height: 48px;
   font-weight: 400;
@@ -8651,7 +6363,7 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
   display: flex;
   flex-direction: row;
   padding: 32px 24px;
-  gap: 1rem;
+  gap: var(--global-gap);
   background: var(--primary-main-light-6);
   justify-content: center;
 }