.index-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  background-color: #121212;
}
.index-navbar-interactive {
  top: 0;
  width: 100%;
  height: auto;
  display: flex;
  z-index: 100;
  position: sticky;
  align-items: center;
  padding-top: 30px;
  padding-left: 10%;
  padding-right: 10%;
  padding-bottom: 30px;
  justify-content: space-between;
  background-color: #292929;
}
.index-link {
  display: contents;
}
.index-logo {
  width: 64px;
  height: 64px;
  text-decoration: none;
}
.index-desktop-menu {
  display: flex;
}
.index-nav {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.index-btn-group {
  width: auto;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
.index-navlink {
  color: #ffffff;
  font-size: 16px;
  font-style: normal;
  transition: 0.3s;
  font-family: Montserrat;
  font-weight: 500;
  text-decoration: none;
}
.index-navlink:hover {
  color: var(--dl-color-scheme-logored);
  font-size: 25px;
}
.index-navlink1 {
  color: #ffffff;
  font-size: 16px;
  font-style: normal;
  transition: 0.3s;
  font-family: Montserrat;
  font-weight: 500;
  margin-left: var(--dl-space-space-twounits);
  text-decoration: none;
}
.index-navlink1:hover {
  color: var(--dl-color-scheme-logored);
  font-size: 25px;
}
.index-link01 {
  color: #ffffff;
  font-size: 16px;
  font-style: normal;
  transition: 0.3s;
  font-family: Montserrat;
  font-weight: 500;
  margin-left: var(--dl-space-space-twounits);
  text-decoration: none;
}
.index-link01:hover {
  color: var(--dl-color-scheme-logored);
  font-size: 25px;
}
.index-link02 {
  color: #ffffff;
  font-size: 16px;
  font-style: normal;
  transition: 0.3s;
  font-family: Montserrat;
  font-weight: 500;
  margin-left: var(--dl-space-space-twounits);
  margin-right: var(--dl-space-space-threeunits);
  text-decoration: none;
}
.index-link02:hover {
  color: var(--dl-color-scheme-logored);
  font-size: 25px;
}
.index-email {
  color: rgb(255, 255, 255);
  font-size: 16px;
  font-style: normal;
  transition: 0.3s;
  font-family: Montserrat;
  font-weight: 500;
  padding-top: 9px;
  border-width: 0px;
  padding-left: 25px;
  border-radius: 50px;
  padding-right: 25px;
  padding-bottom: 9px;
  text-decoration: none;
  background-color: var(--dl-color-scheme-logored);
}
.index-email:hover {
  color: rgba(255, 255, 255, 0.6);
  font-size: 25px;
  background-color: rgba(148, 27, 27, 0.7);
}
.index-burger-menu {
  display: none;
  align-items: center;
  justify-content: center;
}
.index-icon {
  width: var(--dl-size-size-xsmall);
  height: var(--dl-size-size-xsmall);
  transition: 0.3s;
}
.index-icon:hover {
  fill: var(--dl-color-scheme-logored);
}
.index-mobile-menu {
  top: 0px;
  flex: 1;
  left: 0px;
  width: 100%;
  height: 100vh;
  display: flex;
  padding: 32px;
  z-index: 100;
  overflow: auto;
  position: fixed;
  transform: translateY(-100%);
  transition: 0.5s;
  align-items: stretch;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--dl-color-scheme-background);
}
.index-nav1 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.index-container01 {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: var(--dl-space-space-threeunits);
  justify-content: space-between;
}
.index-link03 {
  display: contents;
}
.index-image {
  width: 96px;
  height: 96px;
  text-decoration: none;
}
.index-menu-close {
  display: flex;
  align-items: center;
  justify-content: center;
}
.index-icon2 {
  fill: #ffffff;
  width: var(--dl-size-size-small);
  height: var(--dl-size-size-small);
  transition: 0.3s;
}
.index-icon2:hover {
  fill: var(--dl-color-scheme-logored);
}
.index-nav2 {
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.index-navlink2 {
  color: rgb(255, 255, 255);
  margin: var(--dl-space-space-unit);
  font-size: 36px;
  font-style: normal;
  transition: 0.3s;
  font-family: Montserrat;
  font-weight: 500;
  text-decoration: none;
}
.index-navlink2:hover {
  color: var(--dl-color-scheme-logored);
  font-size: 40px;
}
.index-navlink3 {
  color: #ffffff;
  margin: var(--dl-space-space-unit);
  font-size: 36px;
  font-style: normal;
  transition: 0.3s;
  font-family: Montserrat;
  font-weight: 500;
  text-decoration: none;
}
.index-navlink3:hover {
  color: var(--dl-color-scheme-logored);
  font-size: 40px;
}
.index-link04 {
  color: rgb(255, 255, 255);
  margin: var(--dl-space-space-unit);
  font-size: 36px;
  font-style: normal;
  transition: 0.3s;
  font-family: Montserrat;
  font-weight: 500;
  text-decoration: none;
}
.index-link04:hover {
  color: var(--dl-color-scheme-logored);
  font-size: 40px;
}
.index-link05 {
  color: rgb(255, 255, 255);
  margin: var(--dl-space-space-unit);
  font-size: 36px;
  font-style: normal;
  transition: 0.3s;
  font-family: Montserrat;
  font-weight: 500;
  text-decoration: none;
}
.index-link05:hover {
  color: var(--dl-color-scheme-logored);
  font-size: 40px;
}
.index-container02 {
  flex: 0 0 auto;
  width: auto;
  display: flex;
  margin-top: var(--dl-space-space-unit);
  align-items: center;
  flex-direction: row;
}
.index-register {
  color: var(--dl-color-scheme-white);
  font-size: 36px;
  font-style: normal;
  transition: 0.3s;
  font-family: Montserrat;
  font-weight: 400;
  text-decoration: none;
  background-color: var(--dl-color-scheme-logored);
}
.index-register:hover {
  color: rgba(255, 255, 255, 0.6);
  font-size: 40px;
  background-color: rgba(148, 27, 27, 0.7);
}
.index-header {
  flex: 1;
  width: 100%;
  height: 100%;
  padding-top: var(--dl-space-space-threeunits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  padding-bottom: var(--dl-space-space-unit);
  justify-content: flex-start;
  background-color: rgba(148, 27, 27, 0.5);
}
.index-header-container {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
}
.index-head-cont {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.index-max-width {
  max-width: var(--dl-size-size-maxwidth);
  align-items: flex-start;
  padding-top: var(--dl-space-space-oneandhalfunits);
  justify-content: center;
}
.index-title-cont {
  flex: 0 0 auto;
  width: 50%;
  height: 100%;
  display: flex;
  align-self: flex-start;
  align-items: flex-start;
  margin-right: var(--dl-space-space-twounits);
  margin-bottom: var(--dl-space-space-threeunits);
  flex-direction: column;
  justify-content: flex-start;
}
.index-title {
  color: var(--dl-color-scheme-white);
  width: 100%;
  height: 100%;
  font-size: 60px;
  align-self: flex-start;
  font-family: Urbanist;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: var(--dl-space-space-twounits);
}
.index-text04 {
  text-decoration: underline;
}
.index-description {
  color: var(--dl-color-scheme-white);
  font-size: 25px;
  font-style: normal;
  font-family: Lexend Deca;
  font-weight: 300;
  line-height: 1.5;
  margin-bottom: var(--dl-space-space-twounits);
}
.index-redir-buttons {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: flex-start;
}
.index-navlink4 {
  color: rgb(255, 255, 255);
  height: 100%;
  padding: var(--dl-space-space-oneandhalfunits);
  font-size: 18px;
  align-self: center;
  font-style: normal;
  margin-top: 0px;
  text-align: center;
  transition: 0.3s;
  font-family: Lexend Deca;
  font-weight: 300;
  margin-left: var(--dl-space-space-unit);
  border-color: var(--dl-color-scheme-green100);
  border-width: 3px;
  margin-right: var(--dl-space-space-unit);
  margin-bottom: 0px;
  text-decoration: none;
  background-color: var(--dl-color-scheme-background);
}
.index-navlink4:hover {
  color: #ffffff;
  border-color: var(--dl-color-scheme-green100);
  background-color: var(--dl-color-scheme-background);
  text-decoration-line: underline;
  text-decoration-color: var(--dl-color-scheme-logored);
}
.index-link06 {
  color: rgb(255, 255, 255);
  height: 100%;
  padding: var(--dl-space-space-oneandhalfunits);
  font-size: 18px;
  align-self: center;
  font-style: normal;
  margin-top: 0px;
  text-align: center;
  transition: 0.3s;
  font-family: Lexend Deca;
  font-weight: 300;
  margin-left: var(--dl-space-space-unit);
  border-color: var(--dl-color-scheme-green100);
  border-width: 3px;
  margin-right: var(--dl-space-space-unit);
  margin-bottom: 0px;
  text-decoration: none;
  background-color: var(--dl-color-scheme-background);
}
.index-link06:hover {
  color: #ffffff;
  border-color: var(--dl-color-scheme-green100);
  background-color: var(--dl-color-scheme-background);
  text-decoration-line: underline;
  text-decoration-color: var(--dl-color-scheme-logored);
}
.index-text-ex {
  flex: 1;
  width: 100%;
  height: 100%;
  position: relative;
  align-self: flex-start;
}
.index-hero-image {
  flex: 1;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
  align-items: flex-start;
  justify-content: center;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.index-our-misson {
  flex: 1;
  width: 100%;
  height: 100%;
  display: flex;
  padding: var(--dl-space-space-fourunits);
  position: relative;
  max-height: auto;
  min-height: 70vh;
  align-items: center;
  padding-top: var(--dl-space-space-threeunits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  flex-direction: column;
  padding-bottom: var(--dl-space-space-threeunits);
  background-size: cover;
  justify-content: center;
  background-image: linear-gradient(180deg, rgba(18, 18, 18, 0.5) 0.00%,rgba(0, 0, 0, 0.5) 100.00%),url('https://www.ammo-alert.com/images/assets/Home-OurMission.png');
  background-position: bottom;
}
.index-misson {
  width: 100%;
  height: 100%;
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
}
.index-mission-head {
  color: rgb(255, 255, 255);
  font-size: 60px;
  align-self: center;
  font-style: normal;
  text-align: left;
  font-family: Urbanist;
  font-weight: 700;
  margin-left: var(--dl-space-space-unit);
  margin-bottom: var(--dl-space-space-unit);
}
.index-mission-text {
  color: var(--dl-color-scheme-white);
  width: 100%;
  height: 100%;
  font-size: 45px;
  align-self: flex-start;
  font-style: normal;
  text-align: left;
  font-family: Lexend Deca;
  font-weight: 300;
  text-indent: 50px;
}
.index-getting-started {
  gap: var(--dl-space-space-twounits);
  width: 100%;
  height: 100%;
  display: flex;
  padding: var(--dl-space-space-fourunits);
  align-items: center;
  flex-direction: row;
  justify-content: center;
  background-color: #121212;
}
.index-image1 {
  flex: auto;
  width: 100%;
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  justify-content: center;
}
.index-ui {
  flex: auto;
  width: 100%;
  height: 100%;
  align-self: center;
  box-shadow: 5px 5px 10px 0px #941b1b;
  object-fit: cover;
  border-color: var(--dl-color-scheme-logored);
  border-width: 3px;
  border-radius: var(--dl-radius-radius-radius16);
}
.index-step {
  width: 100%;
  height: 100%;
  display: flex;
  margin-left: var(--dl-space-space-twounits);
  flex-direction: column;
}
.index-step-cont {
  flex: auto;
  width: 100%;
  height: 100%;
  display: flex;
  align-self: flex-end;
  margin-bottom: var(--dl-space-space-twounits);
  flex-direction: column;
  justify-content: center;
}
.index-step-head {
  color: #ffffff;
  font-size: 60px;
  align-self: flex-start;
  font-style: normal;
  text-align: left;
  font-family: Urbanist;
  font-weight: 900;
  line-height: 1.35;
  text-decoration: underline;
  text-decoration-color: var(--dl-color-scheme-logored);
}
.index-container03 {
  flex: 1;
  width: 100%;
  height: 100px;
  display: flex;
  margin-top: var(--dl-space-space-twounits);
  align-items: center;
  padding-top: var(--dl-space-space-twounits);
  border-color: var(--dl-color-scheme-logored);
  border-width: 2px;
  margin-right: 0px;
  padding-left: var(--dl-space-space-twounits);
  border-radius: var(--dl-radius-radius-radius16);
  margin-bottom: var(--dl-space-space-twounits);
  padding-right: var(--dl-space-space-twounits);
  padding-bottom: var(--dl-space-space-twounits);
  justify-content: center;
  background-color: var(--dl-color-scheme-green80);
}
.index-step1 {
  display: flex;
  flex-direction: row;
}
.index-number {
  flex: 0 0 auto;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  margin-right: var(--dl-space-space-twounits);
  border-radius: var(--dl-radius-radius-radius16);
  flex-direction: column;
  justify-content: center;
  background-color: var(--dl-color-scheme-logored);
}
.index-text05 {
  color: #ffffff;
  font-size: 28px;
  font-style: normal;
  font-family: Urbanist;
  font-weight: 700;
  line-height: 1.5;
}
.index-container04 {
  flex: 1;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.index-title1 {
  color: #ffffff;
  font-size: 40px;
  font-style: normal;
  font-family: Urbanist;
  font-weight: 700;
  margin-bottom: var(--dl-space-space-halfunit);
  text-decoration-line: underline;
  text-decoration-color: var(--dl-color-scheme-logored);
}
.index-text08 {
  color: #FFFFFF;
  font-size: 25px;
  font-style: normal;
  font-family: Lexend Deca;
  font-weight: 300;
  line-height: 1.5;
}
.index-container05 {
  flex: 1;
  width: 100%;
  height: 100px;
  display: flex;
  margin-top: var(--dl-space-space-twounits);
  align-items: center;
  padding-top: var(--dl-space-space-twounits);
  border-color: var(--dl-color-scheme-logored);
  border-width: 2px;
  margin-right: 0px;
  padding-left: var(--dl-space-space-twounits);
  border-radius: var(--dl-radius-radius-radius16);
  margin-bottom: var(--dl-space-space-twounits);
  padding-right: var(--dl-space-space-twounits);
  padding-bottom: var(--dl-space-space-twounits);
  justify-content: center;
  background-color: var(--dl-color-scheme-green80);
}
.index-step2 {
  display: flex;
  flex-direction: row;
}
.index-number1 {
  flex: 0 0 auto;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  margin-right: var(--dl-space-space-twounits);
  border-radius: var(--dl-radius-radius-radius16);
  flex-direction: column;
  justify-content: center;
  background-color: var(--dl-color-scheme-logored);
}
.index-text09 {
  color: #ffffff;
  font-size: 28px;
  font-style: normal;
  font-family: Urbanist;
  font-weight: 700;
  line-height: 1.5;
}
.index-container06 {
  flex: 1;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.index-title2 {
  color: #ffffff;
  font-size: 40px;
  font-style: normal;
  font-family: Urbanist;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: var(--dl-space-space-halfunit);
  text-decoration-line: underline;
  text-decoration-color: var(--dl-color-scheme-logored);
}
.index-text12 {
  color: #FFFFFF;
  font-size: 25px;
  font-style: normal;
  font-family: Lexend Deca;
  font-weight: 300;
  line-height: 1.5;
}
.index-container07 {
  flex: 1;
  width: 100%;
  height: 100px;
  display: flex;
  margin-top: var(--dl-space-space-twounits);
  align-items: center;
  padding-top: var(--dl-space-space-twounits);
  border-color: var(--dl-color-scheme-logored);
  border-width: 2px;
  margin-right: 0px;
  padding-left: var(--dl-space-space-twounits);
  border-radius: var(--dl-radius-radius-radius16);
  margin-bottom: var(--dl-space-space-twounits);
  padding-right: var(--dl-space-space-twounits);
  padding-bottom: var(--dl-space-space-twounits);
  justify-content: center;
  background-color: var(--dl-color-scheme-green80);
}
.index-step3 {
  display: flex;
  flex-direction: row;
}
.index-number2 {
  flex: 0 0 auto;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  margin-right: var(--dl-space-space-twounits);
  border-radius: var(--dl-radius-radius-radius16);
  flex-direction: column;
  justify-content: center;
  background-color: var(--dl-color-scheme-logored);
}
.index-text15 {
  color: #ffffff;
  font-size: 28px;
  font-style: normal;
  font-family: Urbanist;
  font-weight: 700;
  line-height: 1.5;
}
.index-container08 {
  flex: 1;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.index-title3 {
  color: #ffffff;
  font-size: 40px;
  font-style: normal;
  font-family: Urbanist;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: var(--dl-space-space-halfunit);
  text-decoration-line: underline;
  text-decoration-color: var(--dl-color-scheme-logored);
}
.index-text18 {
  color: #FFFFFF;
  font-size: 25px;
  font-style: normal;
  font-family: Lexend Deca;
  font-weight: 300;
  line-height: 1.5;
}
.index-easy-to-use {
  gap: var(--dl-space-space-twounits);
  width: 100%;
  height: 100%;
  display: flex;
  padding: var(--dl-space-space-fourunits);
  align-items: center;
  flex-direction: row;
  justify-content: center;
  background-color: #121212;
}
.index-easy-to-use1 {
  width: 100%;
  height: 100%;
  display: flex;
  margin-right: var(--dl-space-space-twounits);
  flex-direction: column;
}
.index-easy-to-use-cont {
  flex: 1;
  width: 100%;
  height: 100%;
  display: flex;
  align-self: flex-end;
  padding-top: var(--dl-space-space-unit);
  border-color: var(--dl-color-scheme-logored);
  border-width: 4px;
  padding-left: var(--dl-space-space-unit);
  border-radius: var(--dl-radius-radius-radius16);
  margin-bottom: var(--dl-space-space-twounits);
  padding-right: var(--dl-space-space-unit);
  flex-direction: column;
  padding-bottom: var(--dl-space-space-unit);
  justify-content: center;
  background-color: var(--dl-color-scheme-background);
}
.index-easy-to-use-head {
  color: #ffffff;
  font-size: 60px;
  font-style: normal;
  text-align: left;
  font-family: Urbanist;
  font-weight: 900;
  line-height: 1.35;
  margin-bottom: var(--dl-space-space-twounits);
  text-decoration: underline ;
  text-decoration-color: var(--dl-color-scheme-logored);
}
.index-easy-to-use-text {
  display: flex;
  margin-bottom: var(--dl-space-space-twounits);
  flex-direction: row;
}
.index-container09 {
  flex: 1;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.index-text19 {
  color: #ffffff;
  font-size: 30px;
  font-style: normal;
  text-align: left;
  font-family: Lexend Deca;
  font-weight: 300;
  line-height: 1.5;
  text-indent: 50px;
}
.index-image2 {
  flex: auto;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
}
.index-ui1 {
  flex: 1;
  width: 100%;
  height: 100%;
  align-self: center;
  box-shadow: 5px 5px 10px 0px #000000;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-radius16);
}
.index-privacy-is-important {
  gap: var(--dl-space-space-twounits);
  width: 100%;
  height: 100%;
  display: flex;
  padding: var(--dl-space-space-fourunits);
  align-items: center;
  flex-direction: row;
  justify-content: center;
  background-color: #121212;
}
.index-privacy {
  width: 100%;
  height: 100%;
  margin: var(--dl-space-space-eightunits);
  display: flex;
  padding: var(--dl-space-space-twounits);
  margin-top: 53px;
  border-color: var(--dl-color-scheme-logored);
  border-width: 4px;
  border-radius: var(--dl-radius-radius-radius16);
  flex-direction: column;
  background-color: var(--dl-color-scheme-background);
}
.index-privacy-cont {
  flex: auto;
  width: 100%;
  height: 100%;
  display: flex;
  align-self: flex-end;
  flex-direction: column;
  justify-content: center;
}
.index-icon4 {
  fill: #D9D9D9;
  width: 124px;
  height: 124px;
  align-self: center;
}
.index-privacy-had {
  color: #ffffff;
  font-size: 60px;
  align-self: center;
  font-style: normal;
  text-align: right;
  font-family: Urbanist;
  font-weight: 900;
  line-height: 1.35;
  text-decoration: underline ;
  text-decoration-color: var(--dl-color-scheme-logored);
}
.index-link07 {
  color: #ffffff;
  align-self: center;
  font-style: normal;
  font-weight: 200;
  margin-bottom: var(--dl-space-space-twounits);
  text-decoration: underline;
}
.index-text20 {
  font-size: 30px;
}
.index-privacy-text {
  display: flex;
  margin-bottom: var(--dl-space-space-twounits);
  flex-direction: row;
}
.index-container10 {
  flex: 1;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.index-text22 {
  color: rgb(255, 255, 255);
  font-size: 30px;
  font-style: normal;
  text-align: left;
  font-family: Lexend Deca;
  font-weight: 300;
  line-height: 1.5;
}
.index-container11 {
  flex: 1;
  width: 100%;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #121212;
}
.index-banner {
  width: 100%;
  height: 100%;
  padding: var(--dl-space-space-twounits);
  max-width: var(--dl-size-size-maxwidth);
  box-shadow: 5px 5px 10px 0px #941b1b;
  margin-top: var(--dl-space-space-eightunits);
  align-items: center;
  margin-left: 0px;
  padding-top: var(--dl-space-space-fourunits);
  border-color: var(--dl-color-scheme-logored);
  border-width: 4px;
  margin-right: 0px;
  padding-left: var(--dl-space-space-fourunits);
  border-radius: 48px;
  margin-bottom: var(--dl-space-space-eightunits);
  padding-right: var(--dl-space-space-fourunits);
  flex-direction: column;
  padding-bottom: var(--dl-space-space-fourunits);
  justify-content: center;
  background-color: var(--dl-color-scheme-green80);
}
.index-text23 {
  color: #ffffff;
  width: 100%;
  height: 100%;
  font-size: 60px;
  text-align: center;
  font-family: Lexend Deca;
  margin-bottom: var(--dl-space-space-twounits);
}
.index-link08 {
  flex: 1;
  color: rgb(255, 255, 255);
  width: 100%;
  height: 100%;
  font-size: 40px;
  font-style: normal;
  text-align: center;
  transition: 0.3s;
  font-family: Lexend Deca;
  font-weight: 300;
  padding-top: 12px;
  border-color: #ffffff;
  border-width: 3px;
  padding-left: 24px;
  border-radius: var(--dl-radius-radius-radius16);
  padding-right: 24px;
  padding-bottom: 12px;
  text-decoration: none;
  background-color: rgba(148, 27, 27, 0.5);
}
.index-link08:hover {
  color: #ffffff;
  background-color: transparent;
}
.index-bottom {
  width: 100%;
  padding-top: 0px;
  padding-bottom: 6px;
}
.index-footer {
  width: 100%;
  height: 100%;
  display: flex;
  max-width: auto;
  align-items: center;
  padding-top: var(--dl-space-space-twounits);
  padding-left: var(--dl-space-space-threeunits);
  border-radius: var(--dl-radius-radius-radius16);
  padding-right: var(--dl-space-space-threeunits);
  flex-direction: column;
  padding-bottom: var(--dl-space-space-twounits);
  justify-content: center;
  background-color: var(--dl-color-scheme-green80);
}
.index-footer-cont {
  width: 100%;
  height: 100%;
  display: flex;
  max-width: auto;
  text-align: center;
  align-items: center;
  padding-top: var(--dl-space-space-twounits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  flex-direction: column;
  padding-bottom: var(--dl-space-space-twounits);
  justify-content: space-between;
}
.index-footer-in-cont {
  width: 100%;
  display: flex;
  max-width: auto;
  text-align: center;
  align-items: center;
  padding-top: var(--dl-space-space-twounits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  flex-direction: column;
  padding-bottom: var(--dl-space-space-twounits);
  justify-content: center;
}
.index-container12 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: space-between;
}
.index-image3 {
  width: 180px;
  height: 180px;
}
.index-container13 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-items: space-between;
  flex-direction: column;
}
.index-container14 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-items: space-between;
  flex-direction: column;
}
.index-links-container {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: space-between;
}
.index-container15 {
  display: flex;
  align-items: flex-start;
  margin-right: 10rem;
  flex-direction: row;
  justify-content: space-between;
}
.index-container16 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-items: space-between;
  flex-direction: row;
}
.index-container17 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  margin-left: var(--dl-space-space-halfunit);
  margin-right: var(--dl-space-space-halfunit);
  padding-left: var(--dl-space-space-halfunit);
  padding-right: var(--dl-space-space-halfunit);
  flex-direction: column;
}
.index-product-container {
  flex: 0 0 auto;
  height: 181px;
  display: flex;
  align-self: flex-start;
  margin-top: 0px;
  align-items: flex-start;
  margin-bottom: 0px;
  flex-direction: column;
  justify-content: flex-start;
}
.index-link09 {
  color: var(--dl-color-scheme-white);
  font-size: 40px;
  align-self: flex-start;
  text-align: left;
  font-family: Poppins;
  font-weight: 700;
  margin-bottom: var(--dl-space-space-oneandhalfunits);
  text-decoration: underline;
  text-decoration-color: var(--dl-color-scheme-logored);
}
.index-navlink5 {
  display: contents;
}
.index-li {
  color: #ffffff;
  align-self: flex-end;
  transition: 0.3s;
  text-decoration: none;
}
.index-li:hover {
  color: var(--dl-color-scheme-logored);
}
.index-home {
  color: rgb(255, 255, 255);
  font-size: 30px;
  align-self: center;
  text-align: left;
  transition: 0.3s;
  font-family: Poppins;
  margin-left: 0px;
  margin-right: 0px;
}
.index-home:hover {
  color: var(--dl-color-scheme-logored);
}
.index-navlink6 {
  display: contents;
}
.index-li01 {
  color: #ffffff;
  align-self: flex-end;
  transition: 0.3s;
  text-decoration: none;
}
.index-li01:hover {
  color: var(--dl-color-scheme-logored);
}
.index-about {
  color: rgb(255, 255, 255);
  font-size: 30px;
  transition: 0.3s;
  font-family: Poppins;
  margin-left: 0px;
  margin-right: 0px;
}
.index-about:hover {
  color: var(--dl-color-scheme-logored);
}
.index-link10 {
  display: contents;
}
.index-li02 {
  color: #ffffff;
  align-self: flex-end;
  transition: 0.3s;
  text-decoration: none;
}
.index-li02:hover {
  color: var(--dl-color-scheme-logored);
}
.index-status {
  color: var(--dl-color-scheme-white);
  margin: 0px;
  font-size: 30px;
  transition: 0.3s;
  font-family: Poppins;
}
.index-status:hover {
  color: var(--dl-color-scheme-logored);
}
.index-container18 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-items: flex-start;
  margin-left: var(--dl-space-space-halfunit);
  padding-left: var(--dl-space-space-halfunit);
  padding-right: var(--dl-space-space-halfunit);
  flex-direction: column;
}
.index-link11 {
  color: var(--dl-color-scheme-white);
  font-size: 40px;
  align-self: center;
  font-family: Poppins;
  font-weight: 700;
  margin-bottom: var(--dl-space-space-oneandhalfunits);
  text-decoration: underline;
  text-decoration-color: var(--dl-color-scheme-logored);
}
.index-link12 {
  display: contents;
}
.index-li03 {
  color: #ffffff;
  transition: 0.3s;
  text-decoration: none;
}
.index-li03:hover {
  color: var(--dl-color-scheme-logored);
}
.index-home1 {
  color: rgb(255, 255, 255);
  font-size: 30px;
  transition: 0.3s;
  font-family: Poppins;
  margin-left: 0px;
  margin-right: 0px;
}
.index-home1:hover {
  color: var(--dl-color-scheme-logored);
}
.index-link13 {
  display: contents;
}
.index-li04 {
  color: #ffffff;
  transition: 0.3s;
  text-decoration: none;
}
.index-li04:hover {
  color: var(--dl-color-scheme-logored);
}
.index-articles {
  color: rgb(255, 255, 255);
  font-size: 30px;
  transition: 0.3s;
  font-family: Poppins;
  margin-left: 0px;
  margin-right: 0px;
}
.index-articles:hover {
  color: var(--dl-color-scheme-logored);
}
.index-link14 {
  display: contents;
}
.index-li05 {
  color: #ffffff;
  transition: 0.3s;
  text-decoration: none;
}
.index-li05:hover {
  color: var(--dl-color-scheme-logored);
}
.index-news {
  color: rgb(255, 255, 255);
  font-size: 30px;
  transition: 0.3s;
  font-family: Poppins;
  margin-left: 0px;
  margin-right: 0px;
}
.index-news:hover {
  color: var(--dl-color-scheme-logored);
}
.index-link15 {
  display: contents;
}
.index-li06 {
  color: #ffffff;
  transition: 0.3s;
  text-decoration: none;
}
.index-li06:hover {
  color: var(--dl-color-scheme-logored);
}
.index-qa {
  color: rgb(255, 255, 255);
  font-size: 30px;
  transition: 0.3s;
  font-family: Poppins;
  margin-left: 0px;
  margin-right: 0px;
}
.index-qa:hover {
  color: var(--dl-color-scheme-logored);
}
.index-link16 {
  display: contents;
}
.index-li07 {
  color: #ffffff;
  transition: 0.3s;
  text-decoration: none;
}
.index-li07:hover {
  color: var(--dl-color-scheme-logored);
}
.index-support {
  color: rgb(255, 255, 255);
  font-size: 30px;
  transition: 0.3s;
  font-family: Poppins;
  margin-left: 0px;
  margin-right: 0px;
}
.index-support:hover {
  color: var(--dl-color-scheme-logored);
}
.index-container19 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-items: flex-start;
  margin-left: var(--dl-space-space-halfunit);
  margin-right: var(--dl-space-space-halfunit);
  padding-left: var(--dl-space-space-halfunit);
  padding-right: var(--dl-space-space-halfunit);
  flex-direction: column;
}
.index-text26 {
  color: var(--dl-color-scheme-white);
  font-size: 40px;
  align-self: flex-end;
  font-family: Poppins;
  font-weight: 700;
  margin-bottom: var(--dl-space-space-oneandhalfunits);
  text-decoration: underline;
  text-decoration-color: var(--dl-color-scheme-logored);
}
.index-link17 {
  display: contents;
}
.index-li08 {
  color: #ffffff;
  transition: 0.3s;
  text-decoration: none;
}
.index-li08:hover {
  color: var(--dl-color-scheme-logored);
}
.index-home2 {
  color: rgb(255, 255, 255);
  font-size: 30px;
  text-align: left;
  transition: 0.3s;
  font-family: Poppins;
  margin-left: 0px;
  margin-right: 0px;
}
.index-home2:hover {
  color: var(--dl-color-scheme-logored);
}
.index-link18 {
  display: contents;
}
.index-li09 {
  color: #ffffff;
  transition: 0.3s;
  text-decoration: none;
}
.index-li09:hover {
  color: var(--dl-color-scheme-logored);
}
.index-privacy1 {
  color: rgb(255, 255, 255);
  font-size: 30px;
  align-self: center;
  transition: 0.3s;
  font-family: Poppins;
  margin-left: 0px;
  margin-right: 0px;
}
.index-privacy1:hover {
  color: var(--dl-color-scheme-logored);
}
.index-link19 {
  display: contents;
}
.index-li10 {
  color: #ffffff;
  transition: 0.3s;
  text-decoration: none;
}
.index-li10:hover {
  color: var(--dl-color-scheme-logored);
}
.index-terms {
  color: rgb(255, 255, 255);
  font-size: 30px;
  transition: 0.3s;
  font-family: Poppins;
  margin-left: 0px;
  margin-right: 0px;
}
.index-terms:hover {
  color: var(--dl-color-scheme-logored);
}
.index-container20 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
}
.index-contact {
  display: flex;
  align-items: flex-start;
  margin-bottom: var(--dl-space-space-oneandhalfunits);
  flex-direction: column;
  justify-content: flex-start;
}
.index-text27 {
  color: var(--dl-color-scheme-white);
  font-size: 30px;
  align-self: center;
  font-family: Poppins;
  font-weight: 700;
  margin-bottom: var(--dl-space-space-oneandhalfunits);
}
.index-link20 {
  color: var(--dl-color-scheme-logored);
  font-size: 30px;
  transition: 0.3s;
  font-family: Poppins;
  margin-bottom: var(--dl-space-space-unit);
  text-decoration: none;
}
.index-link20:hover {
  color: #ffffff;
}
.index-socials {
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}
.index-text28 {
  color: var(--dl-color-scheme-white);
  font-size: 20px;
  font-family: Poppins;
  font-weight: 700;
  margin-bottom: var(--dl-space-space-oneandhalfunits);
}
.index-icon-group {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
.index-link21 {
  display: contents;
}
.index-icon6 {
  fill: #D9D9D9;
  width: 48px;
  height: 48px;
  transition: 0.3s;
  text-decoration: none;
}
.index-icon6:hover {
  fill: var(--dl-color-scheme-logored);
}
.index-separator {
  width: 100%;
  height: 1px;
  margin-top: var(--dl-space-space-twounits);
  margin-bottom: var(--dl-space-space-twounits);
  background-color: #D9D9D9;
}
.index-text29 {
  color: var(--dl-color-scheme-white);
  font-size: 25px;
  transition: 0.3s;
  font-family: Poppins;
}
.index-text29:hover {
  color: var(--dl-color-scheme-green100);
  border-radius: var(--dl-radius-radius-radius8);
  background-color: #D9D9D9;
}
@media(max-width: 1600px) {
  .index-header {
    padding-top: 26px;
    background-color: rgba(148, 27, 27, 0.5);
  }
  .index-title {
    color: var(--dl-color-scheme-white);
    line-height: 1.2;
  }
  .index-text {
    color: var(--dl-color-scheme-white);
    font-style: normal;
    font-weight: 600;
  }
  .index-text01 {
    color: var(--dl-color-scheme-white);
    font-style: normal;
    font-weight: 600;
  }
  .index-text02 {
    font-style: normal;
    font-weight: 600;
  }
  .index-text03 {
    color: #ffffff;
    font-style: normal;
    font-weight: 600;
  }
  .index-text04 {
    color: #ffffff;
    font-style: normal;
    font-weight: 600;
    text-decoration: underline;
  }
  .index-description {
    font-size: 25px;
    margin-bottom: var(--dl-space-space-twounits);
  }
  .index-text-ex {
    width: 100%;
    height: 100%;
    margin-top: 0px;
  }
  .index-hero-image {
    width: 100%;
    height: 100%;
  }
  .index-our-misson {
    border-radius: 0px;
  }
  .index-mission-text {
    color: var(--dl-color-scheme-white);
    font-size: 45px;
    font-style: normal;
    font-family: Lexend Deca;
    font-weight: 300;
  }
  .index-image1 {
    flex: auto;
    width: 100%;
    height: 100%;
  }
  .index-ui {
    width: 100%;
    height: 100%;
  }
  .index-step {
    align-items: flex-end;
  }
  .index-step-cont {
    flex: auto;
    width: 100%;
    margin-left: var(--dl-space-space-unit);
  }
  .index-step-head {
    font-size: 45px;
  }
  .index-container03 {
    margin-top: var(--dl-space-space-twounits);
    margin-bottom: var(--dl-space-space-twounits);
  }
  .index-title1 {
    font-size: 30px;
  }
  .index-text08 {
    font-size: 20px;
  }
  .index-title2 {
    font-size: 30px;
  }
  .index-text12 {
    color: #ffffff;
    font-size: 20px;
    line-height: 1.5;
  }
  .index-title3 {
    font-size: 30px;
  }
  .index-text18 {
    font-size: 20px;
  }
  .index-easy-to-use1 {
    align-items: flex-end;
  }
  .index-easy-to-use-cont {
    flex: auto;
    width: 100%;
    margin-left: var(--dl-space-space-unit);
  }
  .index-easy-to-use-head {
    align-self: flex-start;
  }
  .index-text19 {
    font-size: 20px;
    text-align: left;
  }
  .index-image2 {
    flex: auto;
    width: 100%;
    height: 100%;
  }
  .index-ui1 {
    width: 100%;
    height: 100%;
  }
  .index-privacy {
    align-items: flex-end;
  }
  .index-privacy-cont {
    flex: auto;
    width: 100%;
    margin-left: var(--dl-space-space-unit);
  }
  .index-text22 {
    font-size: 20px;
  }
  .index-banner {
    padding: var(--dl-space-space-fourunits);
  }
  .index-footer {
    height: 100%;
  }
  .index-footer-cont {
    padding-left: var(--dl-space-space-oneandhalfunits);
    padding-right: var(--dl-space-space-oneandhalfunits);
  }
  .index-footer-in-cont {
    padding-left: var(--dl-space-space-twounits);
    padding-right: var(--dl-space-space-twounits);
  }
  .index-links-container {
    flex: 1;
    width: 100%;
    height: 100%;
  }
  .index-container15 {
    margin-right: var(--dl-space-space-threeunits);
  }
  .index-container16 {
    flex: 1;
    width: 100%;
    height: 100%;
    margin-right: 0px;
  }
  .index-product-container {
    flex: 1;
    width: 100%;
    height: 100%;
  }
  .index-link09 {
    color: var(--dl-color-scheme-white);
    width: 100%;
    height: auto;
    font-size: 40px;
    align-self: flex-start;
    font-family: Poppins;
    font-weight: 700;
  }
  .index-li {
    margin-right: var(--dl-space-space-unit);
  }
  .index-home {
    font-size: 20px;
  }
  .index-li01 {
    margin-right: var(--dl-space-space-unit);
  }
  .index-about {
    font-size: 20px;
  }
  .index-li02 {
    padding-right: var(--dl-space-space-unit);
  }
  .index-status {
    font-size: 20px;
  }
  .index-container18 {
    flex: 1;
    width: 100%;
    height: 100%;
    align-items: flex-start;
  }
  .index-link11 {
    font-size: 40px;
    align-self: center;
    text-align: left;
  }
  .index-home1 {
    font-size: 20px;
    align-self: flex-start;
  }
  .index-articles {
    font-size: 20px;
  }
  .index-news {
    font-size: 20px;
  }
  .index-qa {
    font-size: 20px;
  }
  .index-li07 {
    font-size: 12px;
  }
  .index-support {
    color: rgb(255, 255, 255);
    font-size: 20px;
    font-family: Poppins;
  }
  .index-container19 {
    flex: 1;
    width: 100%;
    height: 100%;
  }
  .index-text26 {
    font-size: 40px;
    align-self: flex-end;
  }
  .index-home2 {
    font-size: 20px;
  }
  .index-privacy1 {
    font-size: 20px;
    align-self: flex-start;
    text-align: left;
  }
  .index-terms {
    font-size: 20px;
    text-align: left;
  }
  .index-text29 {
    color: var(--dl-color-scheme-white);
    font-size: 25px;
  }
}
@media(max-width: 1200px) {
  .index-container {
    align-items: flex-start;
  }
  .index-title {
    color: var(--dl-color-scheme-white);
    font-size: 48px;
  }
  .index-text {
    color: var(--dl-color-scheme-white);
    font-style: inherit;
    font-weight: 600;
  }
  .index-text01 {
    color: var(--dl-color-scheme-white);
    font-style: inherit;
    font-weight: 600;
  }
  .index-text02 {
    font-style: inherit;
    font-weight: 600;
  }
  .index-text03 {
    color: #ffffff;
    font-style: inherit;
    font-weight: 600;
  }
  .index-text04 {
    color: #ffffff;
    font-weight: 600;
    text-decoration: underline;
  }
  .index-text-ex {
    height: 100%;
  }
  .index-hero-image {
    width: 100%;
    height: 100%;
    max-width: auto;
  }
  .index-our-misson {
    height: 100%;
    padding: var(--dl-space-space-sixunits);
    min-height: auto;
    border-radius: 0px;
    margin-bottom: 1px;
  }
  .index-getting-started {
    height: 100%;
    min-height: auto;
  }
  .index-image1 {
    flex: auto;
    width: 100%;
    height: 100%;
  }
  .index-ui {
    width: 100%;
    height: 100%;
  }
  .index-step-cont {
    flex: 1;
  }
  .index-container03 {
    margin-top: var(--dl-space-space-twounits);
  }
  .index-step1 {
    width: 100%;
    height: 100%;
  }
  .index-title1 {
    font-size: 25px;
  }
  .index-text08 {
    color: #ffffff;
    font-size: 20px;
    line-height: 1.5;
  }
  .index-title2 {
    font-size: 25px;
  }
  .index-text12 {
    color: #ffffff;
    font-size: 20px;
  }
  .index-title3 {
    font-size: 23px;
  }
  .index-text18 {
    font-size: 20px;
  }
  .index-easy-to-use {
    height: 100%;
    min-height: auto;
  }
  .index-text19 {
    color: #ffffff;
    font-size: 20px;
    line-height: 1.5;
  }
  .index-image2 {
    flex: auto;
    width: 100%;
    height: 100%;
  }
  .index-ui1 {
    width: 100%;
    height: 100%;
  }
  .index-privacy-is-important {
    height: 100%;
    min-height: auto;
  }
  .index-text22 {
    color: #ffffff;
    font-size: 20px;
    line-height: 1.5;
  }
  .index-banner {
    flex: 1;
    width: 100%;
    margin-top: var(--dl-space-space-eightunits);
    align-items: center;
    margin-bottom: var(--dl-space-space-eightunits);
    justify-content: flex-start;
  }
  .index-link08 {
    color: rgb(255, 255, 255);
    width: 100%;
    height: 100%;
    font-size: 25px;
    padding-top: var(--dl-space-space-unit);
    padding-left: 67px;
    padding-right: 67px;
    padding-bottom: var(--dl-space-space-unit);
    text-decoration: none;
    background-color: rgba(148, 27, 27, 0.5);
  }
  .index-footer {
    height: 100%;
    margin-bottom: 0px;
    border-top-left-radius: var(--dl-radius-radius-radius16);
    border-top-right-radius: var(--dl-radius-radius-radius16);
    border-bottom-left-radius: var(--dl-radius-radius-radius2);
    border-bottom-right-radius: var(--dl-radius-radius-radius2);
  }
  .index-footer-cont {
    width: 100%;
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .index-footer-in-cont {
    padding-left: 0px;
    padding-right: 5px;
  }
  .index-container12 {
    width: 100%;
    height: auto;
  }
  .index-image3 {
    margin-right: 0px;
    padding-right: 0px;
  }
  .index-links-container {
    justify-content: flex-start;
  }
  .index-container15 {
    margin-right: var(--dl-space-space-threeunits);
  }
  .index-container16 {
    width: 100%;
    align-self: flex-start;
    align-items: center;
    flex-direction: column;
  }
  .index-container17 {
    width: 100%;
    height: 100%;
    align-self: flex-start;
    padding-left: 0px;
    padding-right: 0px;
  }
  .index-product-container {
    margin: var(--dl-space-space-halfunit);
    align-self: center;
  }
  .index-li {
    width: auto;
    align-self: flex-start;
  }
  .index-home {
    font-size: 30px;
  }
  .index-li01 {
    align-self: flex-start;
  }
  .index-about {
    font-size: 30px;
  }
  .index-li02 {
    align-self: flex-start;
  }
  .index-status {
    color: var(--dl-color-scheme-white);
    font-size: 30px;
    font-family: Poppins;
    text-decoration: none;
  }
  .index-container18 {
    margin: var(--dl-space-space-halfunit);
    padding: 0px;
    align-self: center;
    align-items: flex-start;
  }
  .index-link11 {
    align-self: flex-start;
  }
  .index-home1 {
    font-size: 30px;
  }
  .index-articles {
    font-size: 30px;
  }
  .index-news {
    font-size: 30px;
  }
  .index-qa {
    font-size: 30px;
  }
  .index-support {
    font-size: 30px;
  }
  .index-container19 {
    margin: var(--dl-space-space-halfunit);
    padding: 0px;
  }
  .index-text26 {
    align-self: flex-start;
  }
  .index-home2 {
    font-size: 30px;
  }
  .index-privacy1 {
    font-size: 30px;
  }
  .index-terms {
    font-size: 30px;
  }
  .index-text29 {
    font-size: 25px;
  }
}
@media(max-width: 991px) {
  .index-container {
    align-items: flex-start;
  }
  .index-navbar-interactive {
    padding-bottom: var(--dl-space-space-twounits);
  }
  .index-title-cont {
    width: 50%;
    margin-right: var(--dl-space-space-unit);
  }
  .index-title {
    color: var(--dl-color-scheme-white);
    font-size: 49px;
    font-style: normal;
    font-family: Urbanist;
    font-weight: 600;
    line-height: 1.2;
  }
  .index-description {
    font-size: 25px;
  }
  .index-text-ex {
    width: 100%;
    height: 100%;
    padding-bottom: 0px;
  }
  .index-hero-image {
    width: 100%;
    height: 100%;
    max-width: 100%;
    margin-bottom: 0px;
  }
  .index-our-misson {
    border-radius: 0px;
    flex-direction: column;
  }
  .index-misson {
    align-items: center;
    margin-right: 0px;
    margin-bottom: var(--dl-space-space-threeunits);
  }
  .index-getting-started {
    width: 100%;
    height: 100%;
    padding: var(--dl-space-space-twounits);
    margin-top: 0px;
    min-height: auto;
    flex-direction: column;
  }
  .index-image1 {
    order: 2;
    width: 100%;
    height: 100%;
  }
  .index-ui {
    height: 100%;
  }
  .index-step {
    height: 100%;
    align-items: center;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 4px;
  }
  .index-step-cont {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }
  .index-container03 {
    margin-top: var(--dl-space-space-twounits);
  }
  .index-text08 {
    font-size: 20px;
  }
  .index-text12 {
    font-size: 20px;
  }
  .index-text18 {
    font-size: 20px;
  }
  .index-easy-to-use {
    width: 100%;
    height: 100%;
    padding: var(--dl-space-space-twounits);
    margin-top: 0px;
    min-height: auto;
    flex-direction: column;
  }
  .index-easy-to-use1 {
    height: 100%;
    align-items: center;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 4px;
  }
  .index-easy-to-use-cont {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
  }
  .index-easy-to-use-head {
    text-align: center;
  }
  .index-text19 {
    font-size: 20px;
    text-align: center;
  }
  .index-image2 {
    order: 2;
    width: 100%;
    height: 100%;
  }
  .index-ui1 {
    height: 100%;
  }
  .index-privacy-is-important {
    width: 100%;
    height: 100%;
    padding: var(--dl-space-space-twounits);
    margin-top: 0px;
    min-height: auto;
    flex-direction: column;
  }
  .index-privacy {
    height: 100%;
    align-items: center;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 4px;
  }
  .index-privacy-cont {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
  }
  .index-privacy-had {
    color: #ffffff;
    font-size: 60px;
    font-style: normal;
    text-align: center;
    font-family: Urbanist;
    font-weight: 700;
    line-height: 1.35;
  }
  .index-text22 {
    color: #ffffff;
    font-size: 20px;
    font-style: normal;
    text-align: center;
    font-family: Lexend Deca;
    font-weight: 300;
    line-height: 1.5;
  }
  .index-banner {
    width: 100%;
    margin: 0px;
    flex-direction: column;
  }
  .index-footer {
    height: 100%;
    margin-top: var(--dl-space-space-twounits);
    flex-direction: column;
  }
  .index-footer-cont {
    width: 100%;
    flex-direction: column;
  }
  .index-footer-in-cont {
    width: 100%;
    height: 100%;
  }
  .index-container12 {
    width: 100%;
    height: 100%;
    padding: var(--dl-space-space-halfunit);
  }
  .index-image3 {
    width: 180px;
    height: 180px;
    margin-right: var(--dl-space-space-oneandhalfunits);
  }
  .index-container13 {
    flex: 1;
    width: 100%;
  }
  .index-container15 {
    width: 100%;
    height: 100%;
    align-items: flex-start;
    margin-right: var(--dl-space-space-twounits);
    flex-direction: column;
    justify-content: space-between;
  }
  .index-container16 {
    width: 100%;
    margin: var(--dl-space-space-unit);
  }
  .index-container17 {
    position: relative;
  }
  .index-product-container {
    margin: 0px;
    align-self: flex-start;
  }
  .index-link09 {
    align-self: flex-start;
  }
  .index-li {
    width: auto;
    align-self: flex-start;
  }
  .index-li01 {
    align-self: flex-start;
  }
  .index-li02 {
    width: auto;
    height: auto;
    align-self: flex-start;
    padding-right: 0px;
  }
  .index-container18 {
    flex: 1;
    width: 100%;
    height: 100%;
    align-items: center;
    flex-direction: column;
  }
  .index-link11 {
    align-self: flex-start;
    text-align: center;
  }
  .index-li03 {
    align-self: flex-start;
  }
  .index-home1 {
    align-self: flex-start;
  }
  .index-li04 {
    align-self: flex-start;
  }
  .index-articles {
    align-self: flex-start;
  }
  .index-li05 {
    align-self: flex-start;
  }
  .index-news {
    align-self: flex-start;
  }
  .index-li06 {
    align-self: flex-start;
  }
  .index-qa {
    align-self: flex-start;
  }
  .index-li07 {
    align-self: flex-start;
  }
  .index-support {
    align-self: flex-start;
  }
  .index-container19 {
    width: 100%;
    height: 100%;
    align-items: center;
    margin-right: 0px;
    flex-direction: column;
  }
  .index-text26 {
    align-self: flex-start;
    text-align: center;
  }
  .index-li08 {
    align-self: flex-start;
  }
  .index-home2 {
    align-self: flex-start;
    margin-right: 0px;
  }
  .index-li09 {
    align-self: flex-start;
  }
  .index-privacy1 {
    align-self: flex-start;
    margin-right: 0px;
  }
  .index-li10 {
    align-self: flex-start;
  }
  .index-terms {
    align-self: flex-start;
  }
  .index-socials {
    align-self: center;
    align-items: center;
  }
}
@media(max-width: 767px) {
  .index-container {
    align-items: flex-start;
  }
  .index-navbar-interactive {
    padding-top: var(--dl-space-space-halfunit);
    padding-left: var(--dl-space-space-halfunit);
    padding-right: var(--dl-space-space-halfunit);
    padding-bottom: var(--dl-space-space-halfunit);
    background-color: var(--dl-color-scheme-background);
  }
  .index-logo {
    width: 55px;
    height: 55px;
  }
  .index-desktop-menu {
    display: none;
  }
  .index-btn-group {
    display: none;
  }
  .index-navlink1 {
    margin-left: var(--dl-space-space-unit);
  }
  .index-link01 {
    margin-left: var(--dl-space-space-unit);
  }
  .index-link02 {
    margin-left: var(--dl-space-space-unit);
  }
  .index-burger-menu {
    display: flex;
  }
  .index-icon {
    fill: var(--dl-color-scheme-white);
    width: 40px;
    height: 40px;
  }
  .index-nav1 {
    width: 100%;
    height: 100%;
  }
  .index-container01 {
    margin-bottom: var(--dl-space-space-twounits);
  }
  .index-image {
    width: 50px;
    height: 50px;
  }
  .index-icon2 {
    width: var(--dl-size-size-small);
    height: var(--dl-size-size-small);
  }
  .index-nav2 {
    width: auto;
    height: auto;
    flex-direction: row;
  }
  .index-navlink2 {
    font-size: 30px;
    margin-top: var(--dl-space-space-unit);
    margin-left: var(--dl-space-space-unit);
    margin-right: var(--dl-space-space-unit);
    margin-bottom: var(--dl-space-space-unit);
  }
  .index-navlink3 {
    font-size: 30px;
    margin-top: var(--dl-space-space-unit);
    margin-left: var(--dl-space-space-unit);
    margin-right: var(--dl-space-space-unit);
    margin-bottom: var(--dl-space-space-unit);
  }
  .index-link04 {
    font-size: 30px;
    margin-top: var(--dl-space-space-unit);
    margin-left: var(--dl-space-space-unit);
    margin-right: var(--dl-space-space-unit);
    margin-bottom: var(--dl-space-space-unit);
  }
  .index-link05 {
    font-size: 30px;
    margin-top: var(--dl-space-space-unit);
    margin-left: var(--dl-space-space-unit);
    margin-right: var(--dl-space-space-unit);
    margin-bottom: var(--dl-space-space-unit);
  }
  .index-register {
    font-size: 20px;
  }
  .index-max-width {
    width: 100%;
    flex-direction: column-reverse;
  }
  .index-title-cont {
    width: 100%;
    margin-right: 0px;
  }
  .index-title {
    font-size: 52px;
    align-self: flex-start;
    font-style: normal;
    font-family: Urbanist;
    font-weight: 600;
    line-height: 1.2;
  }
  .index-text-ex {
    width: 100%;
    height: 100%;
  }
  .index-hero-image {
    width: 100%;
    height: 100%;
    max-width: auto;
    box-shadow: 0px 0px 0px 0px #d4d4d4;
    border-radius: 0px;
  }
  .index-our-misson {
    height: 100%;
    padding-left: var(--dl-space-space-twounits);
    border-radius: 0px;
    padding-right: var(--dl-space-space-twounits);
    padding-bottom: var(--dl-space-space-fourunits);
  }
  .index-mission-head {
    color: #ffffff;
    font-size: 50px;
    font-family: Lexend Deca;
    font-weight: 600;
  }
  .index-mission-text {
    color: rgb(255, 255, 255);
    font-size: 30px;
    font-family: Lexend Deca;
  }
  .index-getting-started {
    height: 100%;
    margin-top: 0px;
    min-height: auto;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: var(--dl-space-space-twounits);
    margin-bottom: var(--dl-space-space-twounits);
    padding-right: var(--dl-space-space-twounits);
  }
  .index-image1 {
    flex: auto;
    width: 100%;
    height: 100%;
    border-radius: var(--dl-radius-radius-radius16);
    background-size: cover;
    background-image: fb464369-c4ac-4cc4-b3b8-57a576ec070c;
  }
  .index-ui {
    height: 100%;
    border-radius: var(--dl-radius-radius-radius16);
  }
  .index-step {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .index-step-cont {
    flex: auto;
    width: 100%;
    margin-right: 0px;
  }
  .index-container03 {
    margin-top: var(--dl-space-space-twounits);
  }
  .index-title1 {
    font-size: 30px;
  }
  .index-text08 {
    font-size: 30px;
    font-style: normal;
    font-family: Lexend Deca;
    font-weight: 300;
  }
  .index-title2 {
    font-size: 30px;
  }
  .index-text12 {
    font-size: 30px;
    font-style: normal;
    font-family: Lexend Deca;
    font-weight: 300;
  }
  .index-title3 {
    font-size: 30px;
  }
  .index-text18 {
    font-size: 30px;
  }
  .index-easy-to-use {
    height: 100%;
    margin-top: 0px;
    min-height: auto;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: var(--dl-space-space-twounits);
    margin-bottom: var(--dl-space-space-twounits);
    padding-right: var(--dl-space-space-twounits);
  }
  .index-easy-to-use1 {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .index-easy-to-use-cont {
    flex: auto;
    width: 100%;
    margin-right: 0px;
  }
  .index-text19 {
    font-size: 30px;
  }
  .index-image2 {
    flex: auto;
    width: 100%;
    height: 100%;
    border-radius: var(--dl-radius-radius-radius16);
    background-size: cover;
    background-image: fb464369-c4ac-4cc4-b3b8-57a576ec070c;
  }
  .index-ui1 {
    height: 100%;
    border-radius: var(--dl-radius-radius-radius16);
  }
  .index-privacy-is-important {
    height: 100%;
    margin-top: 0px;
    min-height: auto;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: var(--dl-space-space-twounits);
    margin-bottom: var(--dl-space-space-twounits);
    padding-right: var(--dl-space-space-twounits);
  }
  .index-privacy {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .index-privacy-cont {
    flex: auto;
    width: 100%;
    margin-right: 0px;
  }
  .index-privacy-had {
    color: #ffffff;
  }
  .index-text22 {
    color: #ffffff;
    font-size: 30px;
  }
  .index-banner {
    flex: auto;
    width: 100%;
    height: 100%;
    padding: var(--dl-space-space-fourunits);
    margin-top: var(--dl-space-space-twounits);
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: var(--dl-space-space-twounits);
  }
  .index-text23 {
    font-size: 30px;
  }
  .index-link08 {
    background-color: rgba(148, 27, 27, 0.5);
  }
  .index-footer {
    height: 100%;
    padding-left: var(--dl-space-space-twounits);
    padding-right: var(--dl-space-space-twounits);
  }
  .index-footer-cont {
    width: 100%;
    padding-left: var(--dl-space-space-twounits);
    padding-right: var(--dl-space-space-twounits);
  }
  .index-footer-in-cont {
    width: 100%;
    padding-left: var(--dl-space-space-twounits);
    padding-right: var(--dl-space-space-twounits);
  }
  .index-container12 {
    width: auto;
    height: auto;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
  }
  .index-image3 {
    margin-bottom: var(--dl-space-space-oneandhalfunits);
  }
  .index-links-container {
    width: 100%;
    align-self: center;
    align-items: center;
    flex-direction: column;
  }
  .index-container15 {
    width: 100%;
    height: 100%;
    align-self: center;
    margin-right: 0px;
  }
  .index-container16 {
    width: 100%;
    align-self: center;
  }
  .index-container17 {
    align-self: flex-start;
  }
  .index-product-container {
    height: 100%;
    align-self: center;
    margin-left: var(--dl-space-space-halfunit);
    margin-right: var(--dl-space-space-halfunit);
  }
  .index-li {
    align-self: flex-start;
  }
  .index-home {
    font-size: 30px;
    margin-left: 0px;
    margin-bottom: var(--dl-space-space-halfunit);
  }
  .index-li01 {
    align-self: flex-start;
  }
  .index-about {
    font-size: 30px;
    margin-top: var(--dl-space-space-halfunit);
    margin-bottom: var(--dl-space-space-halfunit);
  }
  .index-li02 {
    align-self: flex-start;
  }
  .index-status {
    font-size: 30px;
    margin-top: var(--dl-space-space-halfunit);
    margin-bottom: var(--dl-space-space-halfunit);
  }
  .index-container18 {
    align-self: center;
  }
  .index-li03 {
    align-self: flex-start;
  }
  .index-home1 {
    font-size: 30px;
    margin-left: 0px;
    margin-bottom: var(--dl-space-space-halfunit);
  }
  .index-li04 {
    align-self: flex-start;
  }
  .index-articles {
    font-size: 30px;
    margin-left: 0px;
    margin-bottom: var(--dl-space-space-halfunit);
  }
  .index-li05 {
    align-self: flex-start;
  }
  .index-news {
    font-size: 30px;
    margin-left: .;
    margin-bottom: var(--dl-space-space-halfunit);
  }
  .index-li06 {
    align-self: flex-start;
  }
  .index-qa {
    font-size: 30px;
    margin-left: .;
    margin-bottom: var(--dl-space-space-halfunit);
  }
  .index-li07 {
    align-self: flex-start;
  }
  .index-support {
    font-size: 30px;
    margin-left: 0px;
    margin-bottom: var(--dl-space-space-halfunit);
  }
  .index-container19 {
    align-self: center;
    margin-right: var(--dl-space-space-halfunit);
  }
  .index-li08 {
    align-self: flex-start;
    text-align: left;
  }
  .index-home2 {
    font-size: 30px;
    margin-left: 0px;
    margin-bottom: var(--dl-space-space-halfunit);
  }
  .index-li09 {
    align-self: flex-start;
  }
  .index-privacy1 {
    font-size: 30px;
    margin-left: 0px;
    margin-bottom: var(--dl-space-space-halfunit);
  }
  .index-li10 {
    align-self: flex-start;
  }
  .index-terms {
    font-size: 30px;
    margin-left: 0px;
    margin-bottom: var(--dl-space-space-halfunit);
  }
  .index-container20 {
    align-self: center;
  }
  .index-contact {
    align-self: center;
    align-items: center;
  }
  .index-text27 {
    align-self: center;
    text-align: center;
  }
  .index-link20 {
    text-align: center;
  }
  .index-socials {
    align-items: center;
  }
  .index-text29 {
    font-size: 20px;
    margin-bottom: var(--dl-space-space-oneandhalfunits);
  }
}
@media(max-width: 479px) {
  .index-navbar-interactive {
    padding: var(--dl-space-space-halfunit);
  }
  .index-logo {
    width: 70px;
    height: 65px;
  }
  .index-icon {
    fill: #ffffff;
    width: var(--dl-size-size-small);
    height: var(--dl-size-size-small);
  }
  .index-mobile-menu {
    padding: 16px;
  }
  .index-container01 {
    margin-bottom: var(--dl-space-space-threeunits);
  }
  .index-image {
    width: var(--dl-size-size-medium);
    height: var(--dl-size-size-medium);
  }
  .index-icon2 {
    fill: #ffffff;
    width: var(--dl-size-size-small);
    height: var(--dl-size-size-small);
  }
  .index-nav2 {
    flex-direction: column;
  }
  .index-navlink2 {
    margin: var(--dl-space-space-unit);
    font-size: 36px;
  }
  .index-navlink3 {
    font-size: 36px;
    margin-left: var(--dl-space-space-unit);
    margin-right: var(--dl-space-space-unit);
  }
  .index-link04 {
    font-size: 36px;
    align-self: flex-start;
    margin-left: var(--dl-space-space-unit);
    margin-right: var(--dl-space-space-unit);
  }
  .index-link05 {
    font-size: 36px;
    margin-left: var(--dl-space-space-unit);
    margin-right: var(--dl-space-space-unit);
  }
  .index-register {
    font-size: 36px;
  }
  .index-header {
    padding-left: 0px;
    padding-right: 0px;
  }
  .index-max-width {
    width: 320px;
  }
  .index-title-cont {
    width: 100%;
    height: 100%;
  }
  .index-title {
    width: 269px;
    height: 100%;
    font-size: 30px;
    max-width: auto;
    min-width: 100%;
    font-style: normal;
    text-align: left;
    font-family: Urbanist;
    font-weight: 600;
    line-height: 1.2;
  }
  .index-redir-buttons {
    flex: 1;
    height: 100%;
  }
  .index-navlink4 {
    box-shadow: 5px 5px 10px 0px rgba(212, 212, 212, 0);
  }
  .index-link06 {
    box-shadow: 5px 5px 10px 0px rgba(212, 212, 212, 0);
    padding-left: var(--dl-space-space-halfunit);
    padding-right: var(--dl-space-space-halfunit);
  }
  .index-text-ex {
    height: 100%;
  }
  .index-hero-image {
    width: 100%;
    max-width: auto;
  }
  .index-our-misson {
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 26px;
    max-height: auto;
    min-height: auto;
  }
  .index-mission-head {
    color: #ffffff;
    margin-left: 0px;
  }
  .index-mission-text {
    font-size: 16px;
  }
  .index-getting-started {
    width: 100%;
    height: 100%;
    margin-top: 0px;
    min-height: auto;
    padding-top: var(--dl-space-space-twounits);
    padding-left: var(--dl-space-space-unit);
    margin-bottom: 0px;
    padding-right: var(--dl-space-space-unit);
    padding-bottom: var(--dl-space-space-twounits);
  }
  .index-image1 {
    height: 100%;
    border-radius: var(--dl-radius-radius-radius16);
    flex-direction: row;
  }
  .index-ui {
    flex: auto;
    width: 100%;
    height: 100%;
    align-self: center;
  }
  .index-step {
    flex: 1;
    width: 100%;
    height: 100%;
    margin-bottom: 0px;
  }
  .index-step-head {
    width: 100%;
    height: 100%;
    margin-bottom: 2px;
  }
  .index-container03 {
    height: 100%;
    margin-top: var(--dl-space-space-twounits);
  }
  .index-step1 {
    width: 100%;
    height: 100%;
  }
  .index-container04 {
    flex: 1;
    width: 50%;
    height: 100%;
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
  }
  .index-title1 {
    color: #ffffff;
    width: 100%;
    height: 100%;
    font-size: 25px;
    font-style: normal;
    font-family: Urbanist;
    font-weight: 700;
  }
  .index-text08 {
    color: #ffffff;
    width: 100%;
    height: 100%;
    font-size: 16px;
    align-self: center;
    text-align: left;
    line-height: 1.5;
  }
  .index-title2 {
    font-size: 25px;
  }
  .index-text12 {
    font-size: 16px;
  }
  .index-title3 {
    color: #ffffff;
    width: 100%;
    height: 100%;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
  }
  .index-text18 {
    color: #ffffff;
    width: 100%;
    height: 100%;
    font-size: 16px;
    line-height: 1.5;
  }
  .index-easy-to-use {
    width: 100%;
    height: 100%;
    margin-top: 0px;
    min-height: auto;
    padding-top: var(--dl-space-space-twounits);
    padding-left: var(--dl-space-space-unit);
    margin-bottom: 0px;
    padding-right: var(--dl-space-space-unit);
    padding-bottom: var(--dl-space-space-twounits);
  }
  .index-easy-to-use1 {
    flex: 1;
    width: 100%;
    height: 100%;
    margin-bottom: 0px;
  }
  .index-easy-to-use-head {
    width: 100%;
    height: 100%;
    margin-bottom: 2px;
  }
  .index-easy-to-use-text {
    width: 100%;
    height: 100%;
  }
  .index-container09 {
    flex: 1;
    width: 50%;
    height: 100%;
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
  }
  .index-text19 {
    color: #ffffff;
    width: 100%;
    height: 100%;
    font-size: 16px;
    align-self: center;
    font-style: normal;
    text-align: center;
    font-family: Lexend Deca;
    font-weight: 300;
    line-height: 1.5;
  }
  .index-image2 {
    height: 100%;
    border-radius: var(--dl-radius-radius-radius16);
    flex-direction: row;
  }
  .index-ui1 {
    flex: auto;
    width: 100%;
    height: 100%;
    align-self: center;
  }
  .index-privacy-is-important {
    width: 100%;
    height: 100%;
    margin-top: 0px;
    min-height: auto;
    padding-top: var(--dl-space-space-twounits);
    padding-left: var(--dl-space-space-unit);
    margin-bottom: 0px;
    padding-right: var(--dl-space-space-unit);
    padding-bottom: var(--dl-space-space-twounits);
  }
  .index-privacy {
    flex: 1;
    width: 100%;
    height: 100%;
    margin-bottom: 0px;
  }
  .index-privacy-had {
    color: #ffffff;
    width: 100%;
    height: 100%;
    font-size: 30px;
    margin-bottom: 2px;
  }
  .index-privacy-text {
    width: 100%;
    height: 100%;
  }
  .index-container10 {
    flex: 1;
    width: 50%;
    height: 100%;
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
  }
  .index-text22 {
    color: #ffffff;
    width: 100%;
    height: 100%;
    font-size: 16px;
    align-self: center;
    text-align: center;
    line-height: 1.5;
  }
  .index-container11 {
    height: 100%;
  }
  .index-banner {
    flex: 1;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: var(--dl-space-space-twounits);
    max-width: 100%;
    align-items: center;
    border-radius: var(--dl-radius-radius-radius16);
  }
  .index-text23 {
    font-size: 30px;
  }
  .index-link08 {
    color: #ffffff;
    background-color: rgba(148, 27, 27, 0.5);
  }
  .index-bottom {
    flex: inital;
    height: 100%;
  }
  .index-footer {
    height: 100%;
    padding: var(--dl-space-space-unit);
    max-width: auto;
    margin-top: var(--dl-space-space-threeunits);
  }
  .index-footer-cont {
    flex: 1;
    width: 100%;
    height: 100%;
    padding: var(--dl-space-space-unit);
    max-width: 100%;
    margin-bottom: 0px;
  }
  .index-footer-in-cont {
    flex: 1;
    height: 100%;
    padding: var(--dl-space-space-unit);
    max-width: 100%;
    justify-content: flex-start;
  }
  .index-container12 {
    flex: 1;
    width: 100%;
    height: 100%;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
  }
  .index-image3 {
    flex: 1;
    height: 180px;
    margin-right: 0px;
    margin-bottom: 0px;
  }
  .index-links-container {
    flex: 1;
    height: 100%;
    align-items: center;
    flex-direction: column;
  }
  .index-container15 {
    width: 100%;
    height: 100%;
    align-self: center;
    margin-top: var(--dl-space-space-sixunits);
    margin-right: 0px;
    justify-content: flex-start;
  }
  .index-container16 {
    height: 100%;
    align-self: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .index-product-container {
    flex: 1;
    height: 100%;
    align-self: center;
    margin-left: var(--dl-space-space-halfunit);
    margin-right: var(--dl-space-space-halfunit);
  }
  .index-li {
    align-self: flex-start;
  }
  .index-home {
    margin: 0px;
    font-size: 20px;
    align-self: center;
  }
  .index-li01 {
    align-self: flex-start;
  }
  .index-about {
    font-size: 20px;
  }
  .index-li02 {
    align-self: flex-start;
  }
  .index-status {
    font-size: 20px;
  }
  .index-container18 {
    flex: 1;
    width: 100%;
    height: 100%;
    margin: 0px;
    position: relative;
    align-self: flex-start;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
  }
  .index-link11 {
    align-self: flex-start;
    text-align: left;
  }
  .index-li03 {
    align-self: flex-start;
  }
  .index-home1 {
    font-size: 20px;
    align-self: flex-start;
    text-align: left;
    margin-left: 0px;
  }
  .index-articles {
    font-size: 20px;
    align-self: flex-start;
    margin-left: 0px;
  }
  .index-news {
    font-size: 20px;
    align-self: flex-start;
    margin-left: 0px;
  }
  .index-qa {
    font-size: 20px;
    align-self: flex-start;
    margin-left: 0px;
  }
  .index-support {
    font-size: 20px;
    align-self: flex-start;
    margin-left: 0px;
  }
  .index-container19 {
    flex: 1;
    width: 100%;
    height: 100%;
    align-self: flex-start;
    margin-right: var(--dl-space-space-halfunit);
  }
  .index-text26 {
    align-self: flex-start;
  }
  .index-home2 {
    font-size: 20px;
    align-self: flex-start;
    margin-left: 0px;
  }
  .index-privacy1 {
    font-size: 20px;
    align-self: flex-start;
    margin-left: 0px;
  }
  .index-terms {
    font-size: 20px;
    align-self: flex-start;
    margin-left: 0px;
  }
  .index-container20 {
    margin-top: var(--dl-space-space-oneandhalfunits);
    align-items: center;
    margin-bottom: 0px;
  }
  .index-contact {
    align-self: center;
    align-items: center;
    margin-bottom: var(--dl-space-space-unit);
  }
  .index-socials {
    align-items: center;
  }
  .index-separator {
    height: 1px;
  }
  .index-text29 {
    text-align: center;
    margin-bottom: var(--dl-space-space-oneandhalfunits);
  }
}