body .footer-place
{
  position: fixed;
  display: flex;
  bottom: 0px;
  width: 100%;
  justify-content: center;
  /* background-image: url('/src/footer-bg2.png'); */
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 22;
}

body .footer-place .footer
{
  position: relative;
      width: 100%;
      display: flex;
      align-items: self-end;
      padding-left: 1vw;
      padding-right: 1vw;
      /* padding-bottom: 2.5vw; */
      /* padding-top: 2.5vw; */
      height: 21vw;
      justify-content: space-between;
      gap: 10px;
      box-sizing: border-box;
}

body .bottom-menu
{
  display: flex;
  align-items: baseline;

  width: 100%;
  height: 21vw;

  justify-content: space-between;

  /* gap: 5px; */

  border-radius: 10px;

  z-index: 21;
}

body .bottom-menu .item
{
  display: -webkit-inline-flex;
  display: inline-flex;

  flex-direction: column;

  gap: 2px;


  border-radius: 8px;

  /* padding: 4px; */

  justify-content: center;

  text-align: center;

  font-size: 70%;

  cursor: default;

  position: relative;
}

body .bottom-menu .item.active
{
  color1: #F7DE61;

  /* background: rgba(255, 255, 255, 0.25); */
}

/* body .bottom-menu .item img
{
  align-self: center;
  width: 49px;
  height: 49px;
  margin-bottom: 1vw;
} */

body .bottom-menu .item:nth-child(1)
{
  bottom: 2vw;
}

body .bottom-menu .item:nth-child(1) img
{
  width: 47px;
  height: 47px;
}

body .bottom-menu .item:nth-child(2)
{
  bottom: 3.6vw;
}
body .bottom-menu .item:nth-child(2) img
{
  width: 47px;
  height: 47px;
}

body .bottom-menu .item:nth-child(3)
{
  bottom: 4.5vw;
}
body .bottom-menu .item:nth-child(3) img
{
  width: 47px;
  height: 47px;
}

body .bottom-menu .item:nth-child(4)
{
  bottom: 6vw;
height: -webkit-fill-available;
justify-content: end;
}
body .bottom-menu .item:nth-child(4) img
{
  width: 60px;
  height: 60px;

  /* background: var(--dark-background); */
  /* border-radius: 17vw; */
  /* border: 3px solid var(--border-light-background); */
}


body .bottom-menu .item:nth-child(5)
{
  bottom: 4.5vw;
}
body .bottom-menu .item:nth-child(5) img
{
  width: 47px;
  height: 47px;
}


body .bottom-menu .item:nth-child(6)
{
  bottom: 3.5vw;
}
body .bottom-menu .item:nth-child(6) img
{
  width: 47px;
  height: 47px;
}

body .bottom-menu .item:nth-child(7)
{
  bottom: 2vw;
}
body .bottom-menu .item:nth-child(7) img
{
  width: 47px;
  height: 47px;
}


body .bottom-slide
{
  position: absolute;

  left: -2px;

  width: calc(100% + 2px);

  overflow: hidden;

  border-radius: 18px 18px 0px 0px;

  border-top: 1px solid rgba(246, 190, 41, 0.4);
  border-left: 1px solid rgba(246, 190, 41, 0.4);
  border-right: 1px solid rgba(246, 190, 41, 0.4);

  box-shadow: 0px 1px 9px rgb(255 234 177 / 10%);

  background: var(--middle-background);
}

body .bottom-slide .pages, body .bottom-slide .pages .pages-content
{
  height: 150vw;
}

body .bottom-slide.open .pages
{
  padding-top: 14px;

  background1: var(--light-background);
}

body .bottom-slide .pages .pages-content
{
  overflow-y: auto;
  overflow-x: hidden;
}

body .bottom-slide .pages .pages-content .page
{
  min-height: calc(100% - 125px);

  padding-bottom: 125px;

  background1: var(--light-background);
}