#index_page {
  /* max-width: 1920px; */
  position: relative;
  width: calc(1920/1920*100vw);
  /* margin: 0 auto; */
  font-family: Raleway-Heavy;
  text-transform: uppercase;
  box-sizing: border-box;
}body{ overflow-x:hidden}
#index_page .nav {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  z-index: 99;
  height: calc(100/1920*100vw);
  width: calc(1920/1920*100vw);
  background-color: #e2bdeb;
  padding-left: calc(388/1920*100vw);
  color: #FFFFFF;
  box-sizing: border-box;
}
#index_page .nav .nav_logo_info img{
  width: calc(249/1920*100vw);
  height: calc(40/1920*100vw);
  /* border-radius: 50%; */
  /* border: calc(2/1920*100vw) solid #ffffff; */
}
#index_page .nav .nav_logo_info span {
  font-size: calc(32/1920*100vw);
  font-weight: 800;
  margin-left: calc(10/1920*100vw);
}
#index_page .nav .nav_logo_link {
  font-weight: 800;
  font-size: calc(20/1920*100vw);
  margin-left: calc(279/1920*100vw);
  gap: calc(20/1920*100vw);
}
#index_page .nav .nav_logo_link_icon {
  gap: calc(30/1920*100vw);
  margin-left: calc(146/1920*100vw);
}
#index_page .nav .nav_logo_link_icon img {
  width: calc(24/1920*100vw);
  height: calc(24/1920*100vw);
}
#index_page .banner {
  position: relative;
  width: 100%;
  height: calc(600/1920*100vw);
  background-color: #FFD900;
  color: #e2bdeb;
  margin-top: calc(100/1920*100vw);
  scroll-margin-top: calc(100/1920*100vw);
  overflow: hidden;
}
#index_page .banner .banner_text_box {
  position: absolute;
  z-index: 2;
  left: calc(388/1920*100vw);
  top: calc(94/1920*100vw);
}
#index_page .banner .banner_text_box > div:nth-child(1) {
  font-size: calc(100/1920*100vw);
  font-weight: 900;
  letter-spacing: calc(2/1920*100vw);
  font-family: Raleway-Heavy;
}
#index_page .banner .banner_text_box > div:nth-child(2) {
  font-size: calc(140/1920*100vw);
  font-weight: 900;
  margin-top: calc(-32/1920*100vw);
  font-family: Raleway-Heavy;
}
#index_page .banner .banner_text_box > div:nth-child(3) {
  width: calc(536/1920*100vw);
  font-size: calc(24/1920*100vw);
  font-weight: 700;
  font-family: Raleway-Medium;
  line-height: calc(37/1920*100vw);
  text-transform: none;
}
#index_page .banner .banner_text_box > div:nth-child(4) {
  gap: calc(11/1920*100vw);
  margin-top: calc(55/1920*100vw);
}
#index_page .banner .banner_text_box .buy_btn,
#index_page .banner .banner_text_box .join_us_btn {
  width: calc(250/1920*100vw);
  height: calc(60/1920*100vw);
  border-radius: calc(20/1920*100vw);
  background-color: #e2bdeb;
  font-size: calc(24/1920*100vw);
  font-weight: 900;
  color: #FFFFFF;
}
#index_page .banner .banner_text_box .buy_btn img {
  width: calc(28/1920*100vw);
  height: calc(28/1920*100vw);
  margin-left: calc(20/1920*100vw);
}
#index_page .banner .banner_text_box .join_us_btn img {
  width: calc(26/1920*100vw);
  height: calc(24/1920*100vw);
  margin-left: calc(20/1920*100vw);
}
#index_page .banner .banner_bg {
  position: absolute;
  top: calc(53/1920*100vw);
  left: calc(986/1920*100vw);
  z-index: 3;
  width: calc(573/1920*100vw);
  height: calc(597/1920*100vw);
  background: url("../images/banner_bg.png") no-repeat center center;
  background-size: cover;
} 
#index_page .banner .banner_bg_color {
  position: absolute;
  z-index: 1;
  top: calc(45/1920*100vw);
  left: calc(966/1920*100vw);
  width: calc(600/1920*100vw);
  height: calc(600/1920*100vw);
  border-radius: 50%;
  background-color: #FFE75E;
  filter: blur(100px);
}
#index_page .content {
  width: 100%;
  height: calc(1869/1920*100vw);
  background-color: #e2bdeb;
}
#index_page .content .info {
  margin-top: calc(112/1920*100vw);
  width: calc(1144/1920*100vw);
  height: calc(287/1920*100vw);
  border-radius: calc(40/1920*100vw);
  background-color: #e38fcd;
  padding: 0 calc(27/1920*100vw);
}
#index_page .content .info .icons {
  margin-top: calc(68/1920*100vw);
}
#index_page .content .info .icons>img:nth-child(1) {
  width: calc(140/1920*100vw);
  height: calc(140/1920*100vw);
  border-radius: 50%;
}
#index_page .content .info .icons>img:nth-child(2) {
  width: calc(147/1920*100vw);
  height: calc(150/1920*100vw);
  border-radius: 50%;
  margin-left: calc(-32/1920*100vw);
  z-index: 2;
}
#index_page .content .info .icons>img:nth-child(3) {
  width: calc(140/1920*100vw);
  height: calc(140/1920*100vw);
  border-radius: 50%;
  margin-left: calc(-28/1920*100vw);
}
#index_page .content .info .info_content {
  width: calc(680/1920*100vw);
  margin-left: calc(40/1920*100vw);
  margin-top: calc(30/1920*100vw);
}
#index_page .content .info .info_content .info_content_text {
  font-size: calc(24/1920*100vw);
  line-height: calc(37/1920*100vw);
  text-transform: none;
  font-weight: 700;
  font-family: Raleway-Medium;
}
#index_page .content .info .info_content .info_content_link_copy {
  width: calc(660/1920*100vw);
  height: calc(56/1920*100vw);
  margin-top: calc(20/1920*100vw);
  background-color: #e2bdeb;
  border-radius: calc(20/1920*100vw);
}
#index_page .content .info .info_content .info_content_link_copy span {
  font-weight: 700;
  font-size: calc(20/1920*100vw);
  color: #FFFFFF;
  font-family: Arial;
}
#index_page .content .info .info_content .info_content_link_copy .info_content_copy {
  width: calc(30/1920*100vw);
  height: calc(30/1920*100vw);
  margin-left: calc(25/1920*100vw);
}
#index_page .content .info_title {
  font-size: calc(100/1920*100vw);
  font-weight: 900;
  color: #e38fcd;
  margin-top: calc(90/1920*100vw);
  text-align: center;
}
#index_page .content .info_sub_title {
  font-size: calc(32/1920*100vw);
  font-weight: 800;
  color: #FFFFFF;
  margin-bottom: calc(40/1920*100vw);
  margin-left: calc(-20/1920*100vw);
  text-align: center;
}
#index_page .content .grid_box {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(3, auto);
  gap: calc(10/1920*100vw);
  scroll-margin-top: calc(100/1920*100vw);
}
#index_page .content .grid_box img.hover-zoom{
  transform: scale(1.1);
}
#index_page .content .grid_box > img {
  width: calc(292/1920*100vw);
  height: calc(292/1920*100vw);
  border-radius: calc(20/1920*100vw);
  object-fit: cover;
  transition: all 0.3s linear;
}
#index_page .content .show_more {
  margin-top: calc(50/1920*100vw);
  width: calc(307/1920*100vw);
  height: calc(68/1920*100vw);
  border: calc(2/1920*100vw) solid #e38fcd;
  border-radius: calc(20/1920*100vw);
  text-align: center;
  line-height: calc(68/1920*100vw);
  font-size: calc(32/1920*100vw);
  font-weight: 800;
  color: #e38fcd;
}
#index_page .related_links {
    width: 100%;
    position: relative;
    height: calc(475 / 1920* 100vw);
    background-color: #FFD900;
    padding-top: 35px;
}
#index_page .related_links .related_links_bg {
  position: absolute;
  left: calc(354/1920*100vw);
  bottom: 0px;
  width: calc(461/1920*100vw);
  height: 100%;
  background: url("../images/related_links_bg.png") no-repeat center center;
  background-size: 100% 100%;
}
#index_page .related_links .related_links_content {

}
#index_page .related_links .related_links_content>div:nth-child(1) {
  font-size: calc(90/1920*100vw);
  font-weight: 900;
  color: #fff;
}
#index_page .related_links .related_links_content>div:nth-child(2) {
  font-size: calc(90/1920*100vw);
  font-weight: 900;
  margin-top: calc(-30/1920*100vw);
  letter-spacing: calc(3/1920*100vw);
}
#index_page .related_links .related_links_content .link_btns_box{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, auto);
  row-gap: calc(25/1920*100vw);
  column-gap: calc(90/1920*100vw);
  margin-top: calc(30/1920*100vw);
}
#index_page .related_links .related_links_content .link_btns_box .link_btns_box_item{
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(210/1920*100vw);
  height: calc(60/1920*100vw);
  border-radius: calc(20/1920*100vw);
  background-color: #000000;
  cursor: pointer;
}
#index_page .related_links .related_links_content .link_btns_box .link_btns_box_item:nth-child(1)>img {
  width: calc(92/1920*100vw);
  height: calc(30/1920*100vw);
}
#index_page .related_links .related_links_content .link_btns_box .link_btns_box_item:nth-child(2)>img {
  width: calc(154/1920*100vw);
  height: calc(24/1920*100vw);
}
#index_page .related_links .related_links_content .link_btns_box .link_btns_box_item:nth-child(3)>img {
  width: calc(152/1920*100vw);
  height: calc(22/1920*100vw);
}
#index_page .related_links .related_links_content .link_btns_box .link_btns_box_item:nth-child(4)>img {
  width: calc(105/1920*100vw);
  height: calc(30/1920*100vw);
}
#index_page .related_links .related_links_content .link_btns_box .link_btns_box_item:nth-child(5)>img {
  width: calc(100/1920*100vw);
  height: calc(26/1920*100vw);
}
#index_page .related_links .related_links_content .link_btns_box .link_btns_box_item:nth-child(6)>img:first-child {
  width: calc(26/1920*100vw);
  height: calc(26/1920*100vw);
  margin-right: calc(6/1920*100vw);
}
#index_page .related_links .related_links_content .link_btns_box .link_btns_box_item:nth-child(6)>img:last-child {
  width: calc(107/1920*100vw);
  height: calc(14/1920*100vw);
}
#index_page .related_links .related_links_content .link_btns_box .link_btns_box_item:nth-child(7)>img {
  width: calc(150/1920*100vw);
  height: calc(40/1920*100vw);
}
#index_page .related_links .related_links_content .link_btns_box .link_btns_box_item:nth-child(8)>img {
  width: calc(150/1920*100vw);
  height: calc(40/1920*100vw);
}
#index_page .related_links .related_links_content .link_btns_box .link_btns_box_item:nth-child(9)>img {
  width: calc(151/1920*100vw);
  height: calc(20/1920*100vw);
}
#index_page .footer {
  height: calc(100/1920*100vw);
  background-color: #e2bdeb;
  padding-left: calc(388/1920*100vw);
  color: #FFFFFF;
}
#index_page .footer .footer_logo_info img{
  width: calc(249/1920*100vw);
  height: calc(40/1920*100vw);
  /* border-radius: 50%; */
  /* border: calc(2/1920*100vw) solid #ffffff; */
}
#index_page .footer .footer_logo_info span {
  font-size: calc(32/1920*100vw);
  font-weight: 800;
  margin-left: calc(10/1920*100vw);
}
#index_page .footer .footer_text {
  font-size: calc(14/1920*100vw);
  color: #777777;
  font-family: Arial;
  margin-left: calc(98/1920*100vw);
}
#index_page .footer .footer_logo_link_icon {
  gap: calc(30/1920*100vw);
  margin-left: calc(47/1920*100vw);
}
#index_page .footer .footer_logo_link_icon img {
  width: calc(24/1920*100vw);
  height: calc(24/1920*100vw);
}