/* screen - index */

.index {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px none;
  display: flex;
  height: 100vh; /*700px;*/
  width: 100vw; /*1440px;*/
}

.index .overlap-group {
  align-items: center;
  background: linear-gradient(180deg, rgb(109.68, 20.61, 255) 0%, rgb(24.8, 5.49, 56.31) 100%);
  display: flex;
  flex-direction: column;
  min-height: 100vh; /*700px;*/
  padding: 33px 0;
  width: 100vw; /*1440px;*/
}

.index .group-container {
  align-items: center;
  display: flex;
  min-width: 1160px;
}

.index .group-2 {
  cursor: pointer;
  height: 32px;
  transition: all 0.2s ease;
  width: 32px;
}

.index .group-2:hover {
  transform: scale(1.1);
}

.index .group-78:hover {
  transform: scale(1.1);
}

.index .group-79:hover {
  transform: scale(1.1);
}

.index .group-80:hover {
  transform: scale(1.1);
}

.index .group-82:hover {
  transform: scale(1.1);
}

.index .group-83:hover {
  transform: scale(1.1);
}

.index .frame-3 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 28px;
  height: 167px;
  justify-content: center;
  margin-right: 46.0px;
  margin-top: 115px;
  position: relative;
  width: 568px;
}

.index .title {
  color: var(--white);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxl);
  font-weight: 700;
  height: 105px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: 568px;
}

.index .button_-neg:hover {
  transform: scale(1.1);
}

.index .group-5 {
  height: 56px;
  margin-left: 15px;
  margin-top: 11px;
  width: 286px;
}

.index .button_-pos {
  cursor: pointer;
  display: flex;
  height: 76px;
  left: 0;
  position: absolute;
  top: 1px;
  transition: all 0.2s ease;
  width: 315px;
}

.index .button_-pos:hover {
  transform: scale(1.1);
}

.index .group-5-1 {
  cursor: pointer;
  height: 56px;
  margin-left: 15px;
  margin-top: 11px;
  width: 286px;
}