* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
}

@font-face {
  font-family: "Ambra";
  src: url("../fonts/1f8155e89ee220f06c77a8fc4522e3b1.woff2") format("woff2");
}

body {
  width: 100%;
  height: max-content;
  min-height: 100dvh;
  font-family: Ambra, sans-serif !important;
  font-style: normal;
  background-color: rgb(245, 245, 245);
}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 10px 0px;
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
  z-index: 99;
}

.flppTQ {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  height: 2rem;
  max-width: none;
}

.top_nav {
  background: linear-gradient(to right, rgb(0, 0, 0), rgb(0, 0, 0));
  color: rgb(255, 255, 255);
  width: 100%;
  display: none;
}

.top_nav ul {
  height: 2.5rem;
  width: 100%;
  max-height: 5rem;
  max-width: 1104px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1.75rem;
}

.top_nav ul li:first-of-type {
  font-size: 1rem;
  font-weight: 400;
  position: relative;
  cursor: pointer;
  font-family: "Ambra";
  appearance: none;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgaWQ9IkxheWVyXzEiICAgZGF0YS1uYW1lPSJMYXllciAxIiAgIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIiAgIHZlcnNpb249IjEuMSIgICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkxIHIxMzcyNSIgICBzb2RpcG9kaTpkb2NuYW1lPSJkb3dubG9hZC5zdmciPiAgPG1ldGFkYXRhICAgICBpZD0ibWV0YWRhdGE0MjAyIj4gICAgPHJkZjpSREY+ICAgICAgPGNjOldvcmsgICAgICAgICByZGY6YWJvdXQ9IiI+ICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4gICAgICAgIDxkYzp0eXBlICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxzb2RpcG9kaTpuYW1lZHZpZXcgICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIgICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IiAgICAgYm9yZGVyb3BhY2l0eT0iMSIgICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiICAgICBncmlkdG9sZXJhbmNlPSIxMCIgICAgIGd1aWRldG9sZXJhbmNlPSIxMCIgICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIgICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIgICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMjciICAgICBpZD0ibmFtZWR2aWV3NDIwMCIgICAgIHNob3dncmlkPSJmYWxzZSIgICAgIGlua3NjYXBlOnpvb209Ijg0LjMiICAgICBpbmtzY2FwZTpjeD0iMi40NzQ5OTk5IiAgICAgaW5rc2NhcGU6Y3k9IjUiICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMTkyMCIgICAgIGlua3NjYXBlOndpbmRvdy15PSIyNyIgICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJMYXllcl8xIiAvPiAgPGRlZnMgICAgIGlkPSJkZWZzNDE5MCI+ICAgIDxzdHlsZSAgICAgICBpZD0ic3R5bGU0MTkyIj4uY2xzLTJ7ZmlsbDojNDQ0O308L3N0eWxlPiAgPC9kZWZzPiAgPHRpdGxlICAgICBpZD0idGl0bGU0MTk0Ij5hcnJvd3M8L3RpdGxlPiAgPHBvbHlnb24gICAgIGNsYXNzPSJjbHMtMiIgICAgIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIiAgICAgaWQ9InBvbHlnb240MTk4IiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MSIgLz48L3N2Zz4=") 101% 75% / 1rem no-repeat;
  padding-right: 15px;
}

#page_error {
  padding-top: 15px;
  font-size: 0.875rem;
  line-height: 1.125rem;
  letter-spacing: normal;
  font-family: "Ambra", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: inherit;
  color: rgb(204, 0, 0);
  font-weight: 300;
  display: none;
}

.main_nav {
  width: 100%;
  height: 80px;
  max-width: 1104px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
}

.left_nav,
.left_nav ul,
.right_nav {
  display: flex;
  align-items: end;
}

.right_nav {
  display: none;
}

.logo_container {
  margin: 0px 0.5rem 0px 0px;
  min-width: 0px;
  display: flex;
  margin-bottom: 0.25rem;
  padding: 0px 1rem 0.5rem;
}

.hamburger {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  appearance: none;
  text-align: center;
  line-height: inherit;
  text-decoration: none;
  font-size: inherit;
  border: 0px;
  border-radius: 4px;
  padding: 1rem 0.75rem;
  background-color: transparent;
  display: block;
  cursor: pointer;
}

.left_nav ul {
  padding: 0px 0px 0.25rem;
  display: none;
}

.left_nav ul li {
  background-color: rgb(255, 255, 255);
  padding: 0px;
  margin: 0px 1.5rem 0px 0px;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}

.left_nav ul li p {
  box-sizing: border-box;
  margin: 0px 0px 0px 0.75rem;
  min-width: 0px;
  gap: 0.25rem;
  cursor: pointer;
  color: rgb(0, 0, 0);
  background-color: transparent;
  width: 100%;
  display: inline;
  -moz-box-align: center;
  align-items: center;
  padding: 0.375rem  0.5rem 0 0.5rem;
  padding-right: 0;
}

.left_nav ul li svg {
  margin-left: -10px;
  margin-top: 0.35rem;
}

main {
  box-sizing: border-box;
  margin: 4rem 0px 0px;
  min-width: 0px;
  overflow-y: auto;
  padding: 0 10px;
}

.white_paper {
  box-sizing: border-box;
  margin: 3rem auto;
  min-width: 0px;
  max-width: 1100px;
  width: 100%;
  display: block;
  padding: 1rem;
  border-radius: 20px;
  width: 100%;
  background-color: rgb(255, 255, 255);
  display: grid;
  grid-template-rows: repeat(2, max-content);
}

h1 {
  color: #4e4e4e;
  margin-bottom: 0.5rem;
  line-height: 1.25rem;
  letter-spacing: normal;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0px 0px 1rem;
}

h1 span {
  display: inline-block;
  margin: 0px 0px 1rem;
  color: rgb(0, 0, 0);
  text-transform: capitalize;
  padding-top: 15px;
  padding-bottom: 10px;
}

form {
  box-sizing: border-box;
  margin: 0.75rem 0px 0px;
  padding: 1rem 0px 0px;
  min-width: 0px;
}

.form_group {
  box-sizing: border-box;
  margin: 0px 0px 2rem;
  min-width: 0px;
  position: relative;
  height: max-content;
  display: flex;
  flex-direction: column-reverse;
}

.bottom {
  margin-bottom: 0px;
}

.form_group input {
  border-style: none;
  border-bottom: 1px solid rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  width: 100%;
  height: 1.5rem;
  box-sizing: border-box;
  padding: 1rem 5.5rem 1rem 0px;
  letter-spacing: 0.125em;
  line-height: 1.75rem;
  font-size: 1rem;
  font-weight: 500;
  border-radius: 0px;
}

.form_group label {
  opacity: 1;
  transition: 0.2s;
  cursor: text;
  left: 0px;
  font-size: 1rem;
  letter-spacing: 0.125em;
  font-weight: 500;
  transform: translateY(15px);
}

.form_group input:focus {
  outline: none;
}

.form_group input:focus + label,
.form_group input:not(:placeholder-shown) + label {
  /* top: -1.5rem; */
  transform: translateY(-10px);
}

.form_group .clear_form {
  position: absolute;
  right: 0px;
  top: 0px;
  display: none;
  align-items: center;
  gap: 0.05rem;
  cursor: pointer;
  transform: translateY(20px);
}

#cardType {
  position: absolute;
  right: 0;
  top: 0;
  transform: translateY(18px);
} 

.form_group input:not(:placeholder-shown) ~ .clear_form {
  display: flex;
}

.form_group .error_text {
  margin: 0px;
  font-weight: 500;
  font-size: 1rem;
  display: none;
  color: rgb(204, 0, 0);
  text-transform: none;
  margin-top: 5px;
  /* position: absolute;
  bottom: -90%; */
}

.form_group.error > .error_text {
  display: inline;
}

.form_group.error > input {
  border-color: rgb(204, 0, 0);
}

.form_group.error > label {
  color: rgb(204, 0, 0);
}

a {
  color: rgb(78, 78, 78);
}

.freedom_link {
  box-sizing: border-box;
  margin: 0.75rem 0px 0px;
  min-width: 0px;
  color: rgb(78, 78, 78);
}

.button_group {
  min-width: 0px;
  margin: 3rem auto 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.button_group button {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  appearance: none;
  line-height: inherit;
  text-decoration: none;
  font-size: inherit;
  text-align: center;
  color: rgb(255, 255, 255);
  background-color: rgb(219, 92, 5);
  background-size: 200% 200%;
  padding: 1.25em 1.5em;
  border: medium;
  border-radius: 30px;
  display: flex;
  width: 100%;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  font-family: Ambra, sans-serif !important;
  transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
  position: relative;
}

#spinner {
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
}

.button_group button:hover {
  background-image: linear-gradient(to top, rgb(0, 0, 0) 50%, transparent 50%);
  background-position: 0px 100%;
}

.button_group button:disabled {
  background-image: none;
  background-color: rgb(222, 222, 222);
  color: rgb(78, 78, 78);
  cursor: default;
}

.button_group p {
  padding-top: 15px;
}

.eHRvfb {
  box-sizing: border-box;
  margin: 2rem 0px 0px;
  min-width: 0px;
  background-color: rgb(222, 222, 222);
  display: block;
  height: 1.2px;
  width: 100%;
}

.visitor {
  margin: 1.5rem 0px 0px;
}

.visitor p {
  line-height: 1.75rem;
  font-size: 1.5rem;
  letter-spacing: normal;
  font-weight: 500;
  color: rgb(0, 0, 0);
}

.fIixWO {
  box-sizing: border-box;
  margin: 0.375rem 0px 0px;
  min-width: 0px;
}

.visitor button {
  margin: 1rem 0px 0px;
  color: rgb(78, 78, 78);
  box-sizing: border-box;
  min-width: 0px;
  appearance: none;
  display: inline-block;
  line-height: inherit;
  font-size: inherit;
  width: 100%;
  text-align: center;
  background-color: rgb(255, 255, 255);
  border: 0.125em solid rgb(219, 92, 5);
  transition: 0.1s ease-in-out;
  padding: 1.125em 1.5em;
  border-radius: 30px;
}

.form_desc {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  width: 100%;
  text-align: left;
  padding-left: 0px;
  padding-top: 2rem;
  height: max-content;
}

h2 {
  font-weight: 500;
}

.form_desc p {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 0.875rem;
  line-height: 1.125rem;
  letter-spacing: normal;
  font-family: "Ambra", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: inherit;
  color: rgb(78, 78, 78);
  font-weight: 300;
}

.two {
  margin: 1.5rem 0px 0px;
}

.desc_links {
  box-sizing: border-box;
  margin: 1.5rem 0px 0px;
  min-width: 0px;
}

h3 {
  color: rgb(0, 0, 0);
  margin-bottom: 0.75rem;
  line-height: 1.25rem;
  letter-spacing: normal;
  font-weight: 500;
  font-family: "Ambra", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.125rem;
}

.desc_links a {
  display: block;
  margin-bottom: 1rem;
}

footer {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  background-color: rgb(0, 0, 0);
  padding: 0px;
  width: 100%;
  overflow: hidden;
}

.grid_container {
  max-width: 1104px;
  margin: 0 auto;
  padding: 3rem 1rem 1.5rem;
  display: flex;
  align-items: start;
  justify-content: space-between;
  color: rgb(222, 222, 222);
}

.container_header {
  font-size: 1rem;
}

.container {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 1.75rem;
}

.container ul li {
  white-space: nowrap;
  list-style: none;
  margin: 1rem 0px;
}

.container ul li {
  font-weight: 500;
  line-height: 2.5rem;
  font-size: 0.75rem;
  color: rgb(222, 222, 222);
  padding-right: 2.3em;
  cursor: pointer;
}