/* screen - 01-home-block-star-v3 */

.x01-home-block-star-v3 {
  align-items: center;
  background-color: #030239;
  display: flex;
  flex-direction: column;
  height: 2505px;
  overflow: hidden;
  width: 1920px;
}

.x01-home-block-star-v3 .header {
  align-items: flex-start;
  display: flex;
  min-width: 1920px;
}

.x01-home-block-star-v3 .overlap-group8 {
  height: 600px;
  position: relative;
  width: 1922px;
}

.x01-home-block-star-v3 .slider {
  align-items: flex-start;
  background-image: url(../img/img@1x.svg);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 600px;
  padding: 126px 360px;
  position: absolute;
  top: 0;
  width: 1920px;
}

.x01-home-block-star-v3 .nft-bartender-is-a-w {
  color: var(--surface-main);
  font-weight: 500;
  line-height: 56px;
  margin-left: 6px;
  margin-top: 88px;
  min-height: 168px;
  width: 610px;
}

.x01-home-block-star-v3 .overlap-group {
  align-items: flex-start;
  background-image: url(../img/background-6@2x.svg);
  background-size: 100% 100%;
  display: flex;
  height: 56px;
  margin-top: 36px;
  min-width: 172px;
  padding: 14px 40px;
}

.x01-home-block-star-v3 .get-a-quote {
  color: var(--surface-main);
  font-weight: 500;
  line-height: 24px;
  min-height: 24px;
  white-space: nowrap;
}

.x01-home-block-star-v3 .top-nav {
  align-items: center;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 63px;
  position: absolute;
  top: 17px;
  width: 1922px;
}

.x01-home-block-star-v3 .flex-row {
  align-items: flex-start;
  display: flex;
  height: 25px;
  margin-left: 9.0px;
  margin-top: 10px;
  min-width: 1179px;
}

.x01-home-block-star-v3 .nft-bartender {
  height: 24px;
  width: 217px;
}

.x01-home-block-star-v3 .menu {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  margin-left: 390px;
  min-width: 572px;
}

.x01-home-block-star-v3 .about {
  color: var(--surface-main);
  font-weight: 500;
  line-height: 24px;
  min-height: 24px;
  min-width: 45px;
  white-space: nowrap;
}

.x01-home-block-star-v3 .service {
  color: var(--surface-main);
  font-weight: 500;
  line-height: 24px;
  margin-left: 45px;
  min-height: 24px;
  min-width: 55px;
  white-space: nowrap;
}

.x01-home-block-star-v3 .portfolio {
  color: var(--surface-main);
  font-weight: 500;
  line-height: 24px;
  margin-left: 45px;
  min-height: 24px;
  min-width: 64px;
  white-space: nowrap;
}

.x01-home-block-star-v3 .work {
  color: var(--surface-main);
  font-weight: 500;
  line-height: 24px;
  margin-left: 45px;
  min-height: 24px;
  min-width: 36px;
  white-space: nowrap;
}

.x01-home-block-star-v3 .contact-us {
  color: var(--surface-main);
  font-weight: 500;
  line-height: 24px;
  margin-left: 45px;
  min-height: 24px;
  min-width: 81px;
  white-space: nowrap;
}

.x01-home-block-star-v3 .ant-designsearch-outlined {
  height: 24px;
  margin-left: 77px;
  width: 24px;
}

.x01-home-block-star-v3 .line-1 {
  height: 1px;
  margin-right: 2.0px;
  margin-top: 28px;
  width: 1920px;
}

.x01-home-block-star-v3 .group-1711 {
  align-items: center;
  display: flex;
  margin-right: 129.0px;
  margin-top: 95px;
  min-width: 1041px;
}

.x01-home-block-star-v3 .users-get-to-mint-ne {
  color: var(--surface-main);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-m);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 48px;
  margin-bottom: 46.0px;
  min-height: 96px;
  width: 570px;
}

.x01-home-block-star-v3 .shutterstock_1039674 {
  height: 462px;
  margin-left: 16px;
  width: 453px;
}

.x01-home-block-star-v3 .group-1710 {
  align-items: center;
  display: flex;
  margin-right: 24.0px;
  margin-top: 23px;
  min-width: 1196px;
}

.x01-home-block-star-v3 .asset-2-1 {
  height: 412px;
  width: 488px;
}

.x01-home-block-star-v3 .creatorsnft-owners {
  color: var(--surface-main);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-m);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 48px;
  margin-bottom: 36.0px;
  margin-left: 156px;
  min-height: 192px;
  width: 550px;
}

.x01-home-block-star-v3 .work-flow {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-right: 24.55px;
  margin-top: 75px;
  min-height: 638px;
  width: 1195px;
}

.x01-home-block-star-v3 .heading {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-left: 49.55px;
  min-height: 92px;
  width: 611px;
}

.x01-home-block-star-v3 .fundamentals-dive-a-little-deeper {
  color: var(--surface-main);
  font-weight: 500;
  line-height: 44px;
  margin-right: 4.0px;
  min-height: 44px;
  min-width: 607px;
  text-align: center;
  white-space: nowrap;
}

.x01-home-block-star-v3 .here-is-the-flow-of {
  color: var(--secondary2);
  font-weight: 400;
  line-height: 32px;
  margin-right: 25.0px;
  margin-top: 16px;
  min-height: 32px;
  min-width: 432px;
  text-align: center;
  white-space: nowrap;
}

.x01-home-block-star-v3 .group-container {
  height: 506px;
  margin-left: 0.2px;
  margin-top: 40px;
  position: relative;
  width: 1195px;
}

.x01-home-block-star-v3 .overlap-group-1 {
  align-items: flex-start;
  background-image: url(../img/background@2x.svg);
  background-size: 100% 100%;
  display: flex;
  height: 131px;
  justify-content: flex-end;
  left: 0;
  min-width: 260px;
  padding: 20.2px 28.2px;
  position: absolute;
  top: 176px;
}

.x01-home-block-star-v3 .users-mix-edit-nf-ts {
  color: var(--surface-main);
  font-weight: 500;
  line-height: 30px;
  min-height: 60px;
  text-align: center;
  width: 174px;
}

.x01-home-block-star-v3 .overlap-group1 {
  align-items: flex-start;
  background-image: url(../img/background-1@2x.svg);
  background-size: 100% 100%;
  display: flex;
  height: 131px;
  justify-content: flex-end;
  left: 440px;
  min-width: 260px;
  padding: 35.2px 90px;
  position: absolute;
  top: 176px;
}

.x01-home-block-star-v3 .mint {
  color: var(--surface-main);
  font-weight: 500;
  line-height: 30px;
  min-height: 30px;
  text-align: center;
  white-space: nowrap;
  width: 51px;
}

.x01-home-block-star-v3 .overlap-group2 {
  align-items: flex-start;
  background-image: url(../img/background-2@2x.svg);
  background-size: 100% 100%;
  display: flex;
  height: 160px;
  justify-content: flex-end;
  left: 262px;
  min-width: 332px;
  padding: 20.2px 36px;
  position: absolute;
  top: 346px;
}

.x01-home-block-star-v3 .ipfs-json-file-for {
  color: var(--surface-main);
  font-weight: 500;
  line-height: 30px;
  min-height: 90px;
  text-align: center;
  width: 230px;
}

.x01-home-block-star-v3 .overlap-group3 {
  align-items: flex-start;
  background-image: url(../img/background-3@2x.svg);
  background-size: 100% 100%;
  display: flex;
  height: 131px;
  justify-content: flex-end;
  left: 885px;
  min-width: 310px;
  padding: 20.4px 58.0px;
  position: absolute;
  top: 1px;
}

.x01-home-block-star-v3 .ethereum-network {
  color: var(--surface-main);
  font-weight: 500;
  line-height: 30px;
  min-height: 60px;
  text-align: center;
  width: 163px;
}

.x01-home-block-star-v3 .overlap-group4 {
  align-items: flex-start;
  background-image: url(../img/background-4@2x.svg);
  background-size: 100% 100%;
  display: flex;
  height: 131px;
  justify-content: flex-end;
  left: 885px;
  min-width: 310px;
  padding: 20.4px 28.1px;
  position: absolute;
  top: 177px;
}

.x01-home-block-star-v3 .treasury-for-hosting-and-devs {
  color: var(--surface-main);
  font-weight: 500;
  line-height: 30px;
  min-height: 60px;
  text-align: center;
  width: 224px;
}

.x01-home-block-star-v3 .overlap-group5 {
  align-items: flex-start;
  background-image: url(../img/background-5@2x.svg);
  background-size: 100% 100%;
  display: flex;
  height: 131px;
  justify-content: flex-end;
  left: 885px;
  min-width: 310px;
  padding: 35.4px 76.0px;
  position: absolute;
  top: 347px;
}

.x01-home-block-star-v3 .nft-owner {
  color: var(--surface-main);
  font-weight: 500;
  line-height: 30px;
  min-height: 30px;
  text-align: center;
  white-space: nowrap;
  width: 128px;
}

.x01-home-block-star-v3 .group-1706 {
  height: 14px;
  left: 464px;
  position: absolute;
  top: 224px;
  width: 13px;
}

.x01-home-block-star-v3 .group-1708 {
  height: 13px;
  left: 437px;
  position: absolute;
  top: 341px;
  width: 13px;
}

.x01-home-block-star-v3 .overlap-group6 {
  height: 477px;
  left: 29px;
  position: absolute;
  top: 0;
  width: 1166px;
}

.x01-home-block-star-v3 .x0005-eth {
  color: var(--surface-main);
  font-weight: 500;
  left: 770px;
  line-height: 24px;
  position: absolute;
  text-align: center;
  top: 424px;
  white-space: nowrap;
}

.x01-home-block-star-v3 .group {
  height: 477px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1166px;
}

.x01-home-block-star-v3 .basic-gas-fee {
  color: var(--surface-main);
  font-weight: 500;
  left: 770px;
  line-height: 24px;
  position: absolute;
  text-align: center;
  top: 10px;
  white-space: nowrap;
}

.x01-home-block-star-v3 .x0005-eth-1 {
  color: var(--surface-main);
  font-weight: 500;
  left: 770px;
  line-height: 24px;
  position: absolute;
  text-align: center;
  top: 198px;
  white-space: nowrap;
}

.x01-home-block-star-v3 .overlap-group9 {
  height: 103px;
  margin-left: 4.0px;
  margin-top: 97px;
  position: relative;
  width: 1924px;
}

.x01-home-block-star-v3 .rectangle-2 {
  background-color: #00002b;
  height: 103px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.x01-home-block-star-v3 .overlap-group-2 {
  align-items: center;
  background-image: url(../img/mask-group@1x.png);
  background-size: 100% 100%;
  display: flex;
  height: 103px;
  justify-content: flex-end;
  left: 0;
  min-width: 1920px;
  padding: 30px 375px;
  position: absolute;
  top: 0;
}

.x01-home-block-star-v3 .nft-bartender-1 {
  height: 24px;
  margin-top: 2.08px;
  width: 217px;
}

.x01-home-block-star-v3 .copyright {
  color: var(--secondary2);
  font-weight: 400;
  line-height: 26px;
  margin-left: 32px;
  margin-top: 2.08px;
  min-height: 26px;
  min-width: 197px;
  text-align: center;
  white-space: nowrap;
}

.x01-home-block-star-v3 .list-social {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  margin-left: 423px;
  min-width: 300px;
}

.x01-home-block-star-v3 .x2 {
  align-items: center;
  background-color: var(--primary);
  border-radius: 8px;
  display: flex;
  height: 40px;
  min-width: 40px;
  padding: 0 8px;
}

.x01-home-block-star-v3 .brand-twitter {
  height: 24px;
  width: 24px;
}

.x01-home-block-star-v3 .x1 {
  align-items: center;
  background-color: var(--primary);
  border-radius: 8px;
  display: flex;
  height: 40px;
  margin-left: 12px;
  min-width: 40px;
  padding: 0 8px;
}

.x01-home-block-star-v3 .brand-facebook {
  height: 24px;
  width: 24px;
}

.x01-home-block-star-v3 .x3 {
  align-items: flex-start;
  background-color: var(--primary);
  border-radius: 8px;
  display: flex;
  height: 40px;
  margin-left: 12px;
  min-width: 40px;
  padding: 8.8px 8px;
}

.x01-home-block-star-v3 .vector-1 {
  height: 22px;
  width: 24px;
}

.x01-home-block-star-v3 .x4 {
  align-items: flex-end;
  background-color: var(--primary);
  border-radius: 8px;
  display: flex;
  height: 40px;
  margin-left: 12px;
  min-width: 40px;
  padding: 10.1px 8px;
}

.x01-home-block-star-v3 .vector {
  height: 18px;
  width: 24px;
}

.x01-home-block-star-v3 .x5 {
  align-items: flex-end;
  background-color: var(--primary);
  border-radius: 8px;
  display: flex;
  height: 40px;
  margin-left: 12px;
  min-width: 40px;
  padding: 7px 8px;
}

.x01-home-block-star-v3 .vector-2 {
  height: 24px;
  width: 24px;
}

.x01-home-block-star-v3 .x6 {
  align-items: flex-start;
  background-color: var(--primary);
  border-radius: 8px;
  display: flex;
  height: 40px;
  margin-left: 12px;
  min-width: 40px;
  padding: 10.9px 8px;
}