/*font-family: Objectsans Heavy, sans-serif;*/

.stakeactive {
  border-style: solid;
  border-width: 2px;
  border-color: #00ffee;
}

.unstakeactive {
  border-style: solid;
  border-width: 2px;
  border-color: #ff1900;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.approvebutton {
  text-align: center;
  background-color: #000;
  border: 1px solid #fff;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  font-family: Objectsans Heavy, sans-serif;
  display: flex;
}

.button-14 {
  background-color: #000;
  border: 1px solid #fff;
  border-radius: 20px;
  font-family: Objectsans Heavy, sans-serif;
}

.button-select-nft.button-active {
  background-color: #91cb00 !important;
}

.button-11.button-status {
  background-color: #91cb00 !important;
}

.scroll-progress-bar-ntp {
  /*position: fixed;*/
  bottom: 0;
  left: 0;
  height: 4px;
  background: #91cb00; /* Adjust this to match your site's design */
  z-index: 999; /* This will ensure the progress bar is above most other elements */
}

.network-div {
  justify-content: center;
  align-items: center;
  display: flex;
}

.scroll-progress-bar-roars {
  /*position: fixed;*/
  bottom: 0;
  left: 0;
  height: 4px;
  background: #91cb00; /* Adjust this to match your site's design */
  z-index: 999; /* This will ensure the progress bar is above most other elements */
}

.punks-grid {
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
  scrollbar-width: none; /* for Firefox */

}
/*for Chrome, Safari and Opera
.punks-grid::-webkit-scrollbar {
  /display: none;
}*/

.roars-grid {
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
  scrollbar-width: none; /* for Firefox */

}
 /* for Chrome, Safari and Opera */
.roars-grid::-webkit-scrollbar {
display: none;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.containererror {
  background-color: rgba(0, 0, 0, .67);
  border: 2px solid #000;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px 40px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {

  .network-div {
    margin-left: 8px;
    margin-right: 8px;
  }


  .w-layout-blockcontainer {
    max-width: none;
  }
}

.black-line {
  height: 1px;
  background-color: rgb(115, 115, 115);
  margin-left: 8%;
  margin-right: 8%;
}

.approvecontainer {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

/*
.punks-grid {
  float: none;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-items: flex-start;
  margin-top: 0;
  margin-left: 20px;
  margin-right: 20px;
  display: grid;
  position: static;
}
*/

.navbar-no-shadow-container {
  z-index: 5;
  width: 100%;
  max-width: 1140px;
  background-color: rgba(0, 0, 0, 0);
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0;
}

.selectedTitle {
  margin-top: 10px;
  margin-right: 43%;
}

.forProgress {
  margin-top: 20px;
  margin-left: 30%;
  margin-right: 30%;
}

.selectedID {

  border-radius: 5px;

  background-color: #ffffff;
  color: #000;
  text-align: center;
  font-family: Antonio, sans-serif;
  font-size: 20px;
  font-style: normal;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: 25%;
  margin-right: 25%;

  margin-top: 5px;
  margin-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 10px;
}

.container {
  padding: 100px;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.navbar-no-shadow {
  background-color: #000;
}

.navbar-no-shadow-container {
  z-index: 5;
  width: 100%;
  max-width: 1140px;
  background-color: rgba(0, 0, 0, 0);
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0;
}

.container-regular {
  width: 100%;
  max-width: 1260px;
  min-height: 30px;
  margin-left: auto;
  margin-right: auto;
}

.navbar-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-menu {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.nav-link {
  color: #00ff4c;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.nav-link:hover {
  color: rgba(26, 27, 31, .75);
}

.nav-link:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-dropdown {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle:hover {
  color: rgba(26, 27, 31, .75);
}

.nav-dropdown-toggle:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-toggle[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon {
  margin-right: 10px;
}

.nav-dropdown-list {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-link {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.mobile-margin-top-10 {
  margin-left: 290px;
}

.nav-button-wrapper {
  margin-left: 120px;
}

.button-primary {
  color: #0f5;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  border: 1px solid #0f5;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary:active {
  background-color: #43464d;
}

.body {
  background-color: #ebe8e8;
}

.link {
  color: #fff;
  margin-left: 15px;
  margin-right: 15px;
  font-family: Objectsans Normal, sans-serif;
  text-decoration: none;
}

.div-block {
  justify-content: space-around;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.div-img {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-info {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading {
  color: #0f5;
  margin-top: 10px;
}

.image {
  padding-left: 0;
}

.hero-heading-left {
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 1px #e4ebf3;
  justify-content: space-between;
  padding: 100px 15px;
  display: flex;
  position: relative;
}

.container-2 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.hero-wrapper {
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.hero-split {
  max-width: 46%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.margin-bottom-24px {
  color: #000;
  text-align: center;
  margin-bottom: 24px;
  font-family: Inconsolata, monospace;
}

.button-primary-2 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary-2:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary-2:active {
  background-color: #43464d;
}

.title {
  color: #000;
  font-family: Inconsolata, monospace;
}

.column {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-right: 10px;
  display: flex;
}

.column-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.balance {
  color: #000;
  text-align: center;
  margin-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: "Objectsans Heavy 2", sans-serif;
}

.heading-4 {
  margin-top: 10px;
}

.text-block {
  color: #0f5;
}

.columns {
  background-color: rgba(0, 0, 0, 0);
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 20px;
  display: flex;
  position: relative;
}

.footer-dark {
  background-color: rgba(250, 245, 245, 0);
  border-bottom: 1px #e4ebf3;
  padding: 15px 30px;
  position: relative;
}

.footer-wrapper {
  max-width: 900px;
  justify-content: space-between;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.footer-content {
  grid-column-gap: 70px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: auto auto 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-block {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.title-small {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}

.footer-link {
  color: #1a1b1f;
  margin-top: 12px;
  margin-bottom: 6px;
  font-size: 14px;
  line-height: 16px;
  text-decoration: none;
}

.footer-link:hover {
  color: rgba(26, 27, 31, .75);
}

.footer-social-block {
  justify-content: flex-start;
  align-items: center;
  margin-top: 12px;
  margin-left: -12px;
  display: flex;
}

.footer-social-link {
  margin-left: 12px;
}

.footer-divider {
  width: 100%;
  height: 1px;
  background-color: #0f5;
  margin-top: 15px;
  margin-bottom: 15px;
}

.footer-copyright-center {
  color: #0f5;
  text-align: center;
  font-family: Inconsolata, monospace;
  font-size: 14px;
  line-height: 16px;
}

.num {
  color: #000;
  text-align: center;
  font-family: Objectsans Thin, sans-serif;
}

.grid {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 20px;
}

.button {
  color: #fff;
  text-align: center;
  background-color: #000;
  border: 1px solid #fff;
  border-radius: 20px;
  margin-left: 50px;
  padding: 12px 20px;
  font-family: Objectsans Heavy, sans-serif;
}

.transfer {
  background-color: #ebe8e8;
}

.columns-2 {
  border: 3px #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 70px;
  padding-bottom: 70px;
  display: flex;
}

.column-before {
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-2 {
  border: 1px solid #0f5;
  border-radius: 20px;
}

.minting-container {
  max-width: 1200px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0);
  border: 1px #0f5;
  border-radius: 24px;
  flex-direction: column;
  align-items: center;
  padding: 32px 58px 0;
  display: flex;
}

.text-field-2 {
  color: #000;
  text-align: center;
  border: 2px solid #000;
  border-radius: 8px;
  margin-top: 10px;
  padding: 25px 40px;
  font-family: Antonio, sans-serif;
  font-size: 1.25em;
}

.column-design {
  justify-content: center;
  align-items: center;
  display: flex;
}

.properties {
  width: 800px;
  max-width: 100%;
  text-align: left;
  margin-bottom: 24px;
}

.div-block-3 {
  background-color: rgba(0, 0, 0, .3);
  border: 3px #000;
  border-radius: 20px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 70px;
  margin-left: 60px;
  padding: 20px;
  display: flex;
}

.column-after {
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-connect {
  color: #fff;
  text-align: center;
  letter-spacing: .12em;
  background-color: #fe1f4f;
  border: 4px solid #1f2024;
  border-radius: 8px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 16px 40px;
  font-size: 1.25em;
  transition: background-color .2s, transform .2s, box-shadow .2s;
  box-shadow: -3px 3px #1f2024;
}

.button-connect:hover {
  background-color: #e42c7f;
  transform: translate(4px, -4px);
  box-shadow: -6px 6px #1f2024;
}

.button-connect.dark {
  color: #000;
  background-color: #fff;
  font-family: Oswald, sans-serif;
}

.text-block-11 {
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Oswald, sans-serif;
}

.primary-button {
  color: #fff;
  text-align: center;
  letter-spacing: .12em;
  background-color: #fe1f4f;
  border: 4px solid #1f2024;
  border-radius: 8px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 16px 40px;
  font-size: 1.25em;
  transition: background-color .2s, transform .2s, box-shadow .2s;
  box-shadow: -3px 3px #1f2024;
}

.primary-button:hover {
  background-color: #e42c7f;
  transform: translate(4px, -4px);
  box-shadow: -6px 6px #1f2024;
}

.primary-button.dark {
  box-shadow: none;
  color: #000;
  background-color: #fff;
  border-color: #0f5;
  font-family: Oswald, sans-serif;
  transition-property: none;
}

.link-2 {
  color: #0015ff;
  text-decoration: underline;
}

.arrow {
  color: #0f5;
  text-align: center;
  margin-top: 10px;
  font-size: 50px;
}

.heading-5 {
  display: none;
}

.body-2 {
  background-color: #ebe8e8;
}

.kurenaisal {
  background-color: #1f1f1f;
}

.headingerror {
  color: #fff;
  text-align: center;
  margin-top: 10px;
  font-family: Objectsans Heavy, sans-serif;
}

.navbar-no-shadow-container-2 {
  z-index: 5;
  width: 100%;
  max-width: 1140px;
  background-color: rgba(0, 0, 0, 0);
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

.container-regular-2 {
  width: 100%;
  max-width: 1260px;
  min-height: 30px;
  margin-left: auto;
  margin-right: auto;
}

.navbar-wrapper-2 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-menu-2 {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.nav-link-2 {
  color: #ffd000;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-2:hover {
  color: rgba(26, 27, 31, .75);
}

.nav-link-2:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-link-2[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-2 {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle-2 {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle-2:hover {
  color: rgba(26, 27, 31, .75);
}

.nav-dropdown-toggle-2:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-toggle-2[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon-2 {
  margin-right: 10px;
}

.nav-dropdown-list-2 {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list-2.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-link-2 {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link-2:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-link-2[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-button-wrapper-2 {
  margin-left: 120px;
}

.button-primary-3 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary-3:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary-3:active {
  background-color: #43464d;
}

.connect {
  color: #ffd000;
  background-color: #000;
  border: 1px solid #ffd000;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: Lato, sans-serif;
  font-weight: 700;
}

.link-3 {
  color: #ffd000;
  margin-left: 10px;
  margin-right: 10px;
  font-family: Lato, sans-serif;
  text-decoration: none;
}

.hero-heading-left-2 {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #000;
  border-bottom-style: none;
  padding: 80px 30px;
  position: relative;
}

.container-3 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.hero-wrapper-2 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero-split-2 {
  max-width: 46%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.margin-bottom-24px-2 {
  color: #ffd000;
  text-align: center;
  margin-bottom: 25px;
  font-family: Lato, sans-serif;
}

.heading-6 {
  color: #ffd000;
  text-align: center;
  font-family: Lato, sans-serif;
}

.navbar-logo-left-container {
  z-index: 5;
  width: 1030px;
  max-width: 100%;
  background-color: rgba(0, 0, 0, 0);
  margin-left: auto;
  margin-right: auto;
  padding: 15px 20px;
}

.navbar-logo-left-container.shadow-three {
  width: 100%;
  max-width: 1140px;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}

.container-4 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.navbar-wrapper-3 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-menu-two {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-link-3 {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-3:hover {
  color: rgba(26, 27, 31, .75);
}

.nav-link-3:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-link-3[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-3 {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle-3 {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle-3:hover {
  color: rgba(26, 27, 31, .75);
}

.nav-dropdown-toggle-3:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-toggle-3[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon-3 {
  margin-right: 10px;
}

.nav-dropdown-list-3 {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list-3.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-link-3 {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link-3:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-link-3[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-divider {
  width: 1px;
  height: 22px;
  background-color: #e4ebf3;
  margin-left: 15px;
  margin-right: 15px;
}

.nav-link-accent {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 20px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-accent:hover {
  color: rgba(26, 27, 31, .75);
}

.button-primary-4 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary-4:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary-4:active {
  background-color: #43464d;
}

.hero-heading-left-3 {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.hero-wrapper-3 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero-split-3 {
  max-width: 46%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.margin-bottom-24px-3 {
  margin-bottom: 24px;
}

.shadow-two-3 {
  box-shadow: 0 4px 24px rgba(150, 163, 181, .08);
}

.grid-2 {
  grid-template-rows: auto minmax(auto, .25fr);
  grid-template-columns: 1fr 1fr;
  justify-items: stretch;
}

.div-block-4 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.grid-3 {
  grid-template: "Area-2 ." minmax(auto, .25fr)
                 "Area-3 Area" minmax(auto, .25fr)
                 / 1fr 1fr;
}

.heading-7 {
  text-align: center;
  margin-bottom: 20px;
  font-size: 70px;
}

.grid-4 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.div-block-5 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 100px;
  padding-left: 20px;
  display: flex;
}

.column-3 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-6 {
  justify-content: center;
  align-items: center;
  margin-top: 100px;
  margin-left: 60px;
  display: flex;
}

.heading-8 {
  color: #000;
  margin-top: 0;
  margin-bottom: 20px;
  margin-left: 30px;
  font-family: Objectsans Heavy, sans-serif;
  font-size: 90px;
  line-height: 100px;
}

.heading-9 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 30px;
  padding-left: 10px;
  font-family: Objectsans Heavy, sans-serif;
}

.div-block-7 {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.image-3 {
  position: absolute;
  top: 10%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.div-block-8 {
  background-image: linear-gradient(to right, #ebe8e8 35%, #cbcaca);
  align-items: center;
  padding-top: 0;
  padding-bottom: 220px;
  display: flex;
}

.body-3 {
  background-color: #ebe8e8;
}

.footer-dark-2 {
  background-color: rgba(250, 245, 245, 0);
  background-image: linear-gradient(to right, #ebe8e8 35%, #cbcaca);
  border-bottom: 1px #e4ebf3;
  padding: 15px 30px;
  position: relative;
}

.container-5 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.footer-wrapper-2 {
  max-width: 900px;
  justify-content: space-between;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.footer-content-2 {
  grid-column-gap: 70px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: auto auto 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-block-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.title-small-2 {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}

.footer-link-2 {
  color: #1a1b1f;
  margin-top: 12px;
  margin-bottom: 6px;
  font-size: 14px;
  line-height: 16px;
  text-decoration: none;
}

.footer-link-2:hover {
  color: rgba(26, 27, 31, .75);
}

.footer-social-block-2 {
  justify-content: flex-start;
  align-items: center;
  margin-top: 12px;
  margin-left: -12px;
  display: flex;
}

.footer-social-link-2 {
  margin-left: 12px;
}

.footer-divider-2 {
  width: 100%;
  height: 1px;
  background-color: #000;
  margin-top: 15px;
  margin-bottom: 15px;
}

.footer-copyright-center-2 {
  text-align: center;
  font-size: 14px;
  line-height: 16px;
}

.button-2 {
  color: #000;
  background-color: rgba(0, 0, 0, 0);
  border: 3px solid #000;
  border-radius: 20px;
  padding: 12px 20px;
  font-family: Objectsans Heavy, sans-serif;
}

.paragraph {
  color: #000;
  margin-left: 30px;
  padding-right: 20px;
  font-family: Objectsans Thin, sans-serif;
}

.hero-subscribe-left {
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 1px solid #e4ebf3;
  padding: 140px 30px;
  position: relative;
}

.container-6 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.hero-wrapper-4 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero-split-4 {
  max-width: 46%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.margin-bottom-24px-4 {
  margin-bottom: 24px;
}

.hero-form {
  margin-bottom: 12px;
}

.hero-form-container {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.hero-form-input {
  width: 240px;
  height: auto;
  color: #1a1b1f;
  border: 1px solid #d1d6db;
  margin-bottom: 0;
  margin-right: 9px;
  padding: 5px 16px;
  font-size: 14px;
  line-height: 20px;
  transition: all .2s;
}

.hero-form-input:hover, .hero-form-input:focus {
  border-color: #76879d;
}

.hero-form-input::-ms-input-placeholder {
  color: rgba(26, 27, 31, .8);
}

.hero-form-input::placeholder {
  color: rgba(26, 27, 31, .8);
}

.button-primary-5 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary-5:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary-5:active {
  background-color: #43464d;
}

.text-link-arrow {
  color: #1a1b1f;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  display: flex;
}

.arrow-embed {
  margin-left: 2px;
  display: flex;
}

.shadow-two-4 {
  box-shadow: 0 4px 24px rgba(150, 163, 181, .08);
}

.div-block-10 {
  justify-content: space-around;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 100px;
  display: flex;
}

.div-block-11, .div-block-12 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.form, .form-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-field-3 {
  text-align: center;
  font-family: Objectsans Normal, sans-serif;
}

.text-field-4 {
  text-align: center;
  font-family: Objectsans Normal, sans-serif;
  position: static;
}

.heading-10, .text-block-12 {
  text-align: center;
}

.image-4, .image-5 {
  border: 3px #000;
  border-radius: 8px;
}

.form-block, .form-block-2 {
  margin-top: 15px;
}

.div-block-13 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-11 {
  font-family: Objectsans Heavy, sans-serif;
  font-size: 50px;
  line-height: 50px;
}

.field-label, .field-label-2 {
  font-family: "Objectsans Heavy 2", sans-serif;
}

.heading-12 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Antonio, sans-serif;
}

.heading-13 {
  font-family: Objectsans Heavy, sans-serif;
}

.navbar-logo-left-container-2 {
  z-index: 5;
  width: 1030px;
  max-width: 100%;
  background-color: rgba(0, 0, 0, 0);
  margin-left: auto;
  margin-right: auto;
  padding: 15px 20px;
}

.navbar-logo-left-container-2.shadow-three {
  width: 100%;
  max-width: 1140px;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}

.container-7 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.navbar-wrapper-4 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-menu-two-2 {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-link-4 {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 5px 10px;
  font-family: "Objectsans Heavy 2", sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-4:hover {
  color: rgba(26, 27, 31, .75);
}

.nav-link-4:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-link-4[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-4 {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle-4 {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle-4:hover {
  color: rgba(26, 27, 31, .75);
}

.nav-dropdown-toggle-4:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-toggle-4[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon-4 {
  margin-right: 10px;
}

.nav-dropdown-list-4 {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list-4.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-link-4 {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link-4:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-link-4[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-divider-2 {
  width: 1px;
  height: 22px;
  background-color: #e4ebf3;
  margin-left: 15px;
  margin-right: 15px;
}

.nav-link-accent-2 {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 20px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-accent-2:hover {
  color: rgba(26, 27, 31, .75);
}

.button-primary-6 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  border-radius: 10px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 12px 25px;
  font-family: "Objectsans Heavy 2", sans-serif;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary-6:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary-6:active {
  background-color: #43464d;
}

.div-block-14 {
  padding: 30px 20px;
}

.div-block-15 {
  background-color: #209c98;
  border-radius: 10px;
  justify-content: space-around;
  align-items: flex-end;
  padding-top: 10px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.heading-14 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Objectsans Heavy 2", sans-serif;
}

.div-block-16 {
  background-color: #209c98;
  border-radius: 10px;
  justify-content: space-around;
  align-items: flex-end;
  padding-top: 10px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.heading-15 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Objectsans Heavy 2", sans-serif;
}

.div-block-17 {
  background-color: #209c98;
  border-radius: 10px;
  justify-content: space-around;
  align-items: flex-end;
  margin-top: 0;
  margin-right: 0;
  padding-top: 10px;
  padding-left: 5px;
  padding-right: 0;
  display: flex;
}

.div-block-18 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-stack {
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 1px #e4ebf3;
  padding: 20px 30px;
  position: relative;
}

.hero-wrapper-two {
  max-width: 750px;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.margin-bottom-24px-5 {
  margin-bottom: 15px;
  font-family: "Objectsans Heavy 2", sans-serif;
}

.button-primary-7 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary-7:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary-7:active {
  background-color: #43464d;
}

.hero-image {
  width: 100%;
  margin-top: 50px;
}

.heading-16 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Objectsans Heavy, sans-serif;
  font-size: 70px;
  line-height: 75px;
}

.hero-heading-left-4 {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  justify-content: space-around;
  align-items: center;
  padding: 80px 0 80px 30px;
  display: flex;
  position: relative;
}

.hero-wrapper-5 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero-split-5 {
  max-width: 46%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.margin-bottom-24px-6 {
  margin-bottom: 24px;
}

.button-primary-8 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary-8:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary-8:active {
  background-color: #43464d;
}

.shadow-two-5 {
  box-shadow: 0 4px 24px rgba(150, 163, 181, .08);
}

.div-block-19 {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.div-block-20 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-17 {
  text-align: center;
  font-family: "Objectsans Heavy 2", sans-serif;
}

.hero-heading-center {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.centered-heading {
  text-align: center;
  margin-bottom: 16px;
}

.centered-heading.margin-bottom-32px {
  margin-bottom: 32px;
}

.div-block-21 {
  align-items: center;
  display: flex;
}

.column-4 {
  justify-content: flex-end;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.column-5 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-18 {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: "Objectsans Heavy 2", sans-serif;
  display: flex;
}

.text-block-13 {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Objectsans Thin, sans-serif;
  font-size: 18px;
  line-height: 30px;
}

.div-block-22 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 20px 10px;
  display: flex;
}

.div-block-23 {
  margin-top: 10px;
  margin-bottom: 20px;
}

.rich-text-block {
  font-family: Objectsans Thin, sans-serif;
  font-size: 15px;
}

.div-web {
  margin-top: 0;
  margin-bottom: 0;
  padding: 20px 0 20px 20px;
}

.column-machine {
  justify-content: flex-end;
  padding-right: 0;
  display: flex;
}

.column-stuff {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.heading-main {
  color: #000;
  margin-top: 10px;
  font-family: Antonio, sans-serif;
  font-size: 100px;
  line-height: 100px;
}

.div-title {
  margin-top: 60px;
  margin-bottom: 20px;
  margin-left: 60px;
}

.heading-sub {
  color: #000;
  font-family: Objectsans Heavy, sans-serif;
}

.div-nums {
  margin-top: 0;
  margin-left: 60px;
  margin-right: 0;
  padding: 0;
}

.column-8 {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.div-block-24 {
  justify-content: center;
  align-items: flex-start;
  margin-left: 2.5px;
  margin-right: 2.5px;
  display: flex;
}

.heading-19 {
  color: #59ff00;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: Antonio, sans-serif;
  font-size: 25px;
  position: absolute;
  top: auto;
}

.image-6 {
  opacity: 1;
  border-radius: 0;
}

.div-block-25 {
  display: block;
}

.div-mobile, .div-mobile-image, .div-block-27, .div-mobile-nums, .div-mobile-trnsfr {
  display: none;
}

.div-block-29 {
  background-color: #fff;
  border-radius: 20px;
  margin-top: 20px;
  margin-left: 0;
}

.div-block-30 {
  margin-left: 20px;
  margin-right: 20px;
}

.div-block-31 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
  margin-right: 20px;
  padding: 10px 12px;
  display: flex;
}

.field-label-5 {
  text-align: center;
}

.form-block-3 {
  margin-top: 0;
  margin-bottom: 0;
}

.text-field-7 {
  text-align: center;
  border: 2px solid #000;
  margin-top: 10px;
}

.text-block-14 {
  text-align: center;
  font-family: Objectsans Thin, sans-serif;
}

.div-mobile-lookup, .div-mobile-img-faq, .div-mobile-faq-main {
  display: none;
}

.div-block-32 {
  flex-direction: column;
  align-items: flex-start;
  margin-top: -25px;
  margin-left: 60px;
  display: flex;
}

.heading-26 {
  border-bottom: 2px solid #000;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-family: "Objectsans Heavy 2", sans-serif;
  font-size: 15px;
  line-height: 25px;
}

.text-block-15 {
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: Objectsans Thin, sans-serif;
  font-size: 12px;
}

.div-block-33 {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 5px;
  display: flex;
}

.heading-27 {
  margin-right: 20px;
  padding-right: 0;
  font-family: "Objectsans Heavy 2", sans-serif;
}

.button-3 {
  border-radius: 20px;
  padding-top: 0;
  padding-bottom: 0;
}

.div-mobile-faq {
  display: none;
}

.toggle-parent {
  width: 50px;
  height: 20px;
  cursor: pointer;
  background-color: #d8d8d8;
  border-radius: 50px;
  align-items: center;
  display: flex;
  position: relative;
}

.toggle-button {
  width: 20px;
  height: 20px;
  background-color: #8a8a8a;
  border-radius: 60px;
  margin-left: 3px;
}

.div-block-34 {
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.heading-28 {
  color: #000;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-left: 15px;
  margin-right: 15px;
  padding-right: 0;
  font-family: Objectsans Heavy, sans-serif;
  font-size: 20px;
  display: flex;
}

.div-block-35 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
}

.div-block-36 {
  justify-content: space-between;
  display: flex;
}

.div-block-37 {
  background-color: rgba(0, 0, 0, .1);
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 10px 20px;
  display: flex;
}

.heading-29, .text-block-16 {
  text-align: center;
  font-family: Objectsans Thin, sans-serif;
}

.div-block-38 {
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.button-4 {
  opacity: 1;
  color: #000;
  background-color: #fff;
  border: 2px solid #000;
  border-radius: 20px;
  margin: 10px 20px;
  padding: 12px 20px;
  font-family: Objectsans Heavy, sans-serif;
  line-height: 10px;
}

.paragraph-2 {
  color: #fff;
  text-align: center;
  font-family: Antonio, sans-serif;
}

.team-circles {
  clear: none;
  border-bottom: 1px #000;
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 0;
  display: flex;
  position: static;
}

.container-8 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.centered-heading-2 {
  text-align: center;
  margin-bottom: 16px;
}

.centered-subheading {
  max-width: 530px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.team-card {
  text-align: center;
  background-color: #000;
  border: 1px #000;
  flex-direction: column;
  align-items: center;
  padding-bottom: 20px;
  font-size: 14px;
  line-height: 22px;
  display: flex;
}

.team-member-image {
  width: 270px;
  height: 270px;
  object-fit: cover;
  border: 2px solid #000;
  border-radius: 0%;
  margin-bottom: 20px;
}

.team-member-name {
  color: #fff;
  margin-bottom: 6px;
  font-family: "Objectsans Heavy 2", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 32px;
}

.team-member-position {
  margin-bottom: 24px;
}

.button-5 {
  background-color: #000;
  border: 1px solid #fff;
  border-radius: 20px;
}

.image-10 {
  display: inline-block;
}

.error-pop-up {
  background-color: rgba(0, 0, 0, .95);
  border: 2px solid #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  display: flex;
  align-items: center;
  /*display: none;*/
  position: fixed;
  top: 25%;
  bottom: 25%;
  left: 25%;
  right: 25%;
}

.div-error-title {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

.head-error-title {
  color: #fff;
  border: 1px #000;
  margin-top: 10px;
  font-family: Antonio, sans-serif;
  font-size: 25px;
}

.div-error-description {
  text-align: center;
  margin-bottom: 25px;
  padding-left: 40px;
  padding-right: 40px;
}

.txt-description {
  color: #fff;
  font-family: Antonio, sans-serif;
}

.div-button-error {
  align-items: center;
  margin-top: 10px;
}

.button-error {
  color: #fff;
  background-color: #222;
  border: 1px solid #fff;
  border-radius: 20px;
  padding: 12px 20px;
  font-family: Antonio, sans-serif;
  line-height: 5px;
}

.header {
  background-color: #000;
  position: relative;
}

.header-container {
  z-index: 5;
  width: 100%;
  max-width: 1140px;
  background-color: rgba(0, 0, 0, 0);
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

.container-header {
  width: 100%;
  max-width: 1260px;
  min-height: 30px;
  margin-left: auto;
  margin-right: auto;
}

.nav-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.menues {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.links {
  color: #fff;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-family: Objectsans Thin, sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.links:hover {
  color: rgba(26, 27, 31, .75);
}

.links:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.links[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-5 {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle-5 {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle-5:hover {
  color: rgba(26, 27, 31, .75);
}

.nav-dropdown-toggle-5:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-toggle-5[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon-5 {
  margin-right: 10px;
}

.nav-dropdown-list-5 {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list-5.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-link-5 {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link-5:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-link-5[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.button-wrap {
  margin-left: 120px;
}

.conect-button {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #000;
  border: 2px solid #fff;
  border-radius: 20px;
  padding: 12px 25px;
  font-family: Antonio, sans-serif;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.conect-button:hover {
  color: #fff;
  background-color: #32343a;
}

.conect-button:active {
  background-color: #43464d;
}

.staking {
  background-color: #efecec;
}

.div-select-collection {
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  display: flex;
  position: relative;
}

.div-block-43 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-31 {
  color: #000;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Objectsans Heavy 2", sans-serif;
  font-size: 35px;
  line-height: 45px;
}

.features-metrics {
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 1px #e4ebf3;
  padding: 10px 30px;
  position: relative;
}

.container-9 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.features-wrapper {
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.features-block {
  text-align: center;
  border: 2px solid #000;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
  padding: 5px 10px;
  font-family: "Objectsans Heavy 2", sans-serif;
  display: flex;
}

.features-title {
  margin-bottom: 8px;
  font-size: 40px;
  font-weight: 600;
  line-height: 48px;
}

.features-title-small {
  font-size: 24px;
  line-height: 32px;
}

.main {
  background-color: rgba(25, 14, 14, 0);
  border-bottom: 1px #e4ebf3;
  justify-content: center;
  align-items: center;
  padding: 20px 30px;
  display: flex;
  position: relative;
}

.main-container {
  width: 100%;
  max-width: 940px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}

.img-head-wrapper {
  max-width: 750px;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.margin-bottom-24px-7 {
  margin-bottom: 0;
  font-family: Antonio, sans-serif;
}

.button-primary-10 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary-10:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary-10:active {
  background-color: #43464d;
}

.main-img {
  width: 100%;
  margin-top: 50px;
}

.main-img.shadow-with {
  margin-top: 0;
}

.grid-nft-selection {
  grid-template-rows: auto;
}

.button-7 {
  text-align: center;
}

.button-select-nft {
  color: #000;
  text-align: center;
  background-color: #fff;
  border: 1px solid #a6a6a6;
  border-radius: 20px;
  font-family: "Objectsans Heavy 2", sans-serif;
  font-size: 20px;
  font-style: normal;
}

.punk {
  background-color: #fff;
  border: 1px #000;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-left: 10px;
  margin-right: 10px;
  padding: 20px 10px;
  display: flex;
  box-shadow: 2px 3px 8px rgba(0, 0, 0, .2);
}

.nft-img {
  border: 1px #000;
  border-radius: 10px;
}

.titles {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: static;
}

.title-nft {
  color: #000;
  margin-top: 0;
  margin-bottom: 5px;
  font-family: Antonio, sans-serif;
}

.heading-id {
  margin-top: 0;
  font-family: Antonio, sans-serif;
  font-size: 40px;
}

.text-span {
  color: #a6a6a6;
}

.text-span-2 {
  color: #000;
}

.selection {
  justify-content: center;
  align-items: center;
  padding: 5px 12px;
  display: flex;
}

.select-button {
  text-align: center;
  background-color: #000;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  padding: 12px 70px;
  font-family: Objectsans Heavy 2, sans-serif;
  font-size: 15px;
  line-height: 15px;
  display: flex;
}

.div-select-status {
  border: 1px #000;
  border-top-style: solid;
  justify-content: space-between;
  align-items: flex-start;
  margin-left: 20px;
  margin-right: 20px;
  padding: 20px 0;
  display: flex;
  position: relative;
}

.div-block-48 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-34 {
  color: #000;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Objectsans Heavy, sans-serif;
}

.heading-selected {
  size: 2px;
  color: #000;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Objectsans Heavy, sans-serif;
}

.div-block-49 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: grid;
}

.button-10 {
  text-align: center;
  margin-left: 10px;
  margin-right: 10px;
}

.button-11 {
  color: #000;
  text-align: center;
  background-color: #fff;
  border: 1px solid #a6a6a6;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Objectsans Heavy, sans-serif;
  font-size: 15px;
  line-height: 10px;
  display: flex;
}

.hehe {
  background-color: #91cb00;
}

.div-block-50 {
  clear: both;
  justify-content: center;
  align-items: stretch;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  position: static;
}

.team-slider {
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 1px #e4ebf3;
  padding: 10px 30px;
  position: relative;
}

.container-11 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.centered-heading-3 {
  text-align: center;
  margin-bottom: 16px;
}

.centered-subheading-2 {
  max-width: 530px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.team-slider-wrapper {
  height: auto;
  background-color: rgba(0, 0, 0, 0);
  margin-top: 50px;
}

.team-slide-wrapper {
  width: 30%;
  margin-right: 5%;
}

.team-block {
  background-color: #fff;
  padding-bottom: 24px;
}

.team-member-image-two {
  margin-bottom: 18px;
}

.team-block-info {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.team-member-name-two {
  margin-bottom: 12px;
  font-weight: 600;
}

.team-member-text {
  margin-bottom: 20px;
}

.text-link-arrow-2 {
  color: #1a1b1f;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  display: flex;
}

.arrow-embed-2 {
  margin-left: 2px;
  display: flex;
}

.team-slider-arrow {
  display: none;
}

.team-slider-nav {
  margin-top: 24px;
  font-size: 10px;
  position: static;
  bottom: -60px;
}

.div-stake-select {
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 10px;
  display: flex;
}

.button-12 {
  margin-left: 10px;
  margin-right: 10px;
  font-family: Objectsans Heavy, sans-serif;
}

.grid-stake-select {
  grid-template-rows: auto;
}

.container {
  width: 60%;  /* adjust this as necessary */
  margin: auto; /* this will center the container */
}

.button-stake-select {
  height: 30px;
  width: 300px;

  font-size: 16px;
  color: #ffffff;
  text-align: center;
  background-color: #000000;
  border-radius: 20px;
  padding: 12px 70px;
  font-family: Objectsans Heavy 2, sans-serif;
  border: 1px solid #000000;

  display: flex;
  justify-content: center;
  align-items: center;
}

.button-unstake-select {
  height: 30px;
  width: 300px;

  font-size: 16px;
  color: #000000;
  text-align: center;
  background-color: #ffffff;
  border-radius: 20px;
  padding: 12px 70px;
  font-family: Objectsans Heavy 2, sans-serif;
  border: 1px solid #a6a6a6;

  display: flex;
  justify-content: center;
  align-items: center;
}

/*
.button-stake-select, .button-unstake-select {
  height: 50px;
  width: 200px;
  border-radius: 20px;
  background-color: #ffffff;
  color: white;
  text-align: center;
  display: inline-block;
  font-size: 16px;
  font-family: Objectsans Heavy 2, sans-serif;
  margin: 4px 2px;
  cursor: pointer;
}
*/

.bold-text, .bold-text-2 {
  font-size: 10px;
}

.hero-subscribe-left-2 {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.hero-wrapper-6 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero-split-6 {
  max-width: 46%;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding-left: 5px;
  display: flex;
}

.hero-form-2 {
  margin-bottom: 12px;
}

.hero-form-container-2 {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.hero-form-input-2 {
  width: 240px;
  height: auto;
  color: #1a1b1f;
  border: 1px solid #d1d6db;
  margin-bottom: 0;
  margin-right: 9px;
  padding: 5px 16px;
  font-size: 14px;
  line-height: 20px;
  transition: all .2s;
}

.hero-form-input-2:hover, .hero-form-input-2:focus {
  border-color: #76879d;
}

.hero-form-input-2::-ms-input-placeholder {
  color: rgba(26, 27, 31, .8);
}

.hero-form-input-2::placeholder {
  color: rgba(26, 27, 31, .8);
}

.heading-35 {
  color: #000;
  margin-top: 0;
  font-family: Antonio, sans-serif;
  font-size: 80px;
  font-weight: 400;
  line-height: 90px;
}

.div-block-53, .div-nft-img {             /***********************e         dited            ***********************/
  width: 287px !important;
  height: auto !important;
  justify-content: center;
  align-items: center;
  display: flex;
  padding-top: 40px;
  padding-bottom: 10px;
}

.punks-mobile {
  margin-left: 20px;
  margin-right: 20px;
  padding-left: 0;
  padding-right: 0;
  display: none;
}

.main-img-mobile {
  display: none;
}

.div-num {
  border-bottom: 2px solid #000;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  margin-left: 40px;
  margin-right: 40px;
  padding: 20px 10px 10px;
  display: flex;
}

.balance-h {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Antonio, sans-serif;
}

.num-balance {
  color: #8ecb01;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Antonio, sans-serif;
}

.container-hope-img {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
  display: flex;
}

.span-point {
  color: #000;
  font-size: 25px;
}

.one {
  opacity: 0;
  -webkit-animation: dot 1.3s infinite;
  -webkit-animation-delay: 0.0s;
  animation: dot 1.3s infinite;
  animation-delay: 0.0s;
}

.two {
  opacity: 0;
  -webkit-animation: dot 1.3s infinite;
  -webkit-animation-delay: 0.2s;
  animation: dot 1.3s infinite;
  animation-delay: 0.2s;
}

.three {
  opacity: 0;
  -webkit-animation: dot 1.3s infinite;
  -webkit-animation-delay: 0.3s;
  animation: dot 1.3s infinite;
  animation-delay: 0.3s;
}

@-webkit-keyframes dot {
  0% {
      opacity: 0;
  }
  50% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
}

@keyframes dot {
  0% {
      opacity: 0;
  }
  50% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
}

@media screen and (min-width: 1280px) {
  .div-block-3 {
    margin-top: 90px;
  }
}

@media screen and (min-width: 1440px) {
  .div-block-3 {
    margin-top: 100px;
    padding: 30px 40px;
  }

  .div-nums {
    margin-top: 30px;
  }

  .heading-19 {
    margin-top: 25px;
    top: auto;
  }

  .div-block-29 {
    margin-top: 60px;
  }

  .heading-26 {
    font-size: 23px;
    line-height: 35px;
  }

  .text-block-15 {
    font-size: 15px;
    line-height: 23px;
  }

  .team-member-image {
    width: 270px;
    height: 270px;
    max-height: none;
  }
}

@media screen and (min-width: 1920px) {
  .navbar-no-shadow {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .button {
    padding: 20px 30px;
  }

  .text-field-2 {
    padding: 35px 60px;
  }

  .div-block-3 {
    margin-top: 135px;
    margin-left: 85px;
    padding: 50px 90px;
  }

  .heading-main {
    font-size: 150px;
    line-height: 170px;
  }

  .heading-19 {
    margin-top: 40px;
    font-size: 35px;
    top: auto;
  }

  .heading-26 {
    font-size: 30px;
    line-height: 45px;
  }

  .text-block-15 {
    font-size: 20px;
    line-height: 35px;
  }

  .punks-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .roars-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .head-error-title {
    font-size: 35px;
  }

  .txt-description {
    line-height: 35px;
  }
}

@media screen and (max-width: 991px) {

  .approvecontainer {
    margin-left: 10px;
    margin-right: 10px;
  }

  .navbar-wrapper {
    justify-content: space-between;
  }

  .nav-menu-wrapper {
    background-color: rgba(0, 0, 0, 0);
  }

  .nav-menu {
    background-color: #afafaf;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    padding: 10px 20px;
    display: flex;
  }

  .nav-link {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: absolute;
  }

  .mobile-margin-top-10 {
    margin-left: 0;
  }

  .nav-button-wrapper {
    width: 100%;
    margin-left: 0;
  }

  .menu-button {
    padding: 12px;
  }

  .menu-button.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .container-2 {
    max-width: 728px;
  }

  .hero-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -40px;
  }

  .hero-split {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .footer-content {
    grid-column-gap: 60px;
  }

  .icon {
    color: #fff;
  }

  .columns-2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .minting-container {
    padding: 40px;
  }

  .properties {
    width: 100%;
  }

  .div-block-3 {
    padding-left: 20px;
  }

  .arrow {
    display: none;
  }

  .heading-5 {
    color: #0f5;
    margin-top: 10px;
    display: block;
  }

  .nav-menu-wrapper-2 {
    background-color: rgba(0, 0, 0, 0);
  }

  .nav-menu-2 {
    background-color: #2b2b2b;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    padding-left: 0;
    display: flex;
  }

  .nav-link-2 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list-2.shadow-three.w--open {
    position: absolute;
  }

  .nav-button-wrapper-2 {
    width: 100%;
    margin-left: 0;
  }

  .menu-button-2 {
    padding: 12px;
  }

  .menu-button-2.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .container-3 {
    max-width: 728px;
  }

  .hero-wrapper-2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: -40px;
  }

  .hero-split-2 {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .icon-2 {
    color: #ffd000;
  }

  .container-4 {
    max-width: 728px;
  }

  .nav-menu-wrapper-3 {
    background-color: rgba(0, 0, 0, 0);
  }

  .nav-menu-two {
    background-color: #fff;
    border-radius: 50px;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin-top: 10px;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 50px rgba(0, 0, 0, .05);
  }

  .nav-link-3 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list-3.shadow-three.w--open {
    position: absolute;
  }

  .menu-button-3 {
    padding: 12px;
  }

  .menu-button-3.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .hero-wrapper-3 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -40px;
  }

  .hero-split-3 {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .div-block-5 {
    align-items: center;
    margin-top: 20px;
  }

  .div-block-6 {
    margin-top: 10px;
    margin-left: 0;
  }

  .heading-8, .heading-9 {
    margin-left: 0;
  }

  .div-block-7 {
    align-items: center;
  }

  .image-3 {
    position: static;
  }

  .div-block-8 {
    background-image: none;
    padding-bottom: 40px;
  }

  .body-3 {
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    display: flex;
  }

  .footer-dark-2 {
    background-image: none;
  }

  .container-5 {
    max-width: 728px;
  }

  .footer-content-2 {
    grid-column-gap: 60px;
  }

  .div-block-9 {
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    display: flex;
  }

  .container-6 {
    max-width: 728px;
  }

  .hero-wrapper-4 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -40px;
  }

  .hero-split-4 {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .container-7 {
    max-width: 728px;
  }

  .nav-menu-wrapper-4 {
    background-color: rgba(0, 0, 0, 0);
  }

  .nav-menu-two-2 {
    background-color: #fff;
    border-radius: 50px;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin-top: 10px;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 50px rgba(0, 0, 0, .05);
  }

  .nav-link-4 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list-4.shadow-three.w--open {
    position: absolute;
  }

  .menu-button-4 {
    padding: 12px;
  }

  .menu-button-4.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .div-block-15, .div-block-16, .div-block-17 {
    margin-bottom: 5px;
  }

  .hero-wrapper-5 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -40px;
  }

  .hero-split-5 {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .div-web {
    display: none;
  }

  .image-7 {
    margin-left: 20px;
  }

  .div-block-25 {
    margin-left: 20px;
    display: block;
  }

  .div-mobile {
    display: block;
  }

  .heading-20 {
    color: #000;
    font-family: Objectsans Heavy, sans-serif;
    font-size: 70px;
    line-height: 80px;
  }

  .heading-21 {
    color: #000;
    font-family: Objectsans Heavy, sans-serif;
  }

  .div-mobile-image {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    display: flex;
  }

  .image-8 {
    position: absolute;
  }

  .columns-3 {
    padding: 10px;
  }

  .div-mobile-nums {
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    display: flex;
  }

  .column-9 {
    flex-direction: row;
    justify-content: center;
    display: block;
  }

  .div-block-28 {
    justify-content: flex-start;
    align-items: center;
    margin: 5px;
    display: flex;
  }

  .heading-22 {
    text-align: center;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
  }

  .heading-23 {
    color: #59ff00;
    margin-top: 20px;
    margin-bottom: 0;
    margin-left: 145px;
    font-family: Antonio, sans-serif;
    font-size: 90px;
    line-height: 10px;
    position: absolute;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
  }

  .heading-24 {
    color: #0fa;
    text-align: center;
    margin-top: 0;
    font-family: Objectsans Heavy, sans-serif;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .div-mobile-trnsfr {
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    padding: 30px 100px;
    display: flex;
  }

  .form-3 {
    background-color: rgba(0, 0, 0, .3);
    border: 3px #000;
    border-radius: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 100px;
    display: flex;
  }

  .text-field-5, .text-field-6 {
    text-align: center;
    border: 2px solid #000;
    border-radius: 8px;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .submit-button {
    background-color: #000;
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 12px 20px;
    font-family: Objectsans Heavy, sans-serif;
  }

  .field-label-3 {
    font-family: "Objectsans Heavy 2", sans-serif;
  }

  .field-label-4 {
    font-family: "Objectsans Heavy 2", sans-serif;
    font-size: 15px;
  }

  .div-mobile-lookup {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    display: flex;
  }

  .heading-25 {
    color: #000;
    text-align: center;
    font-family: "Objectsans Heavy 2", sans-serif;
  }

  .image-9 {
    border: 3px #000;
    border-radius: 8px;
  }

  .div-mobile-img-faq {
    flex-direction: column;
    justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .div-mobile-faq {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 20px;
    display: flex;
  }

  .button-4 {
    font-size: 10px;
    line-height: 1px;
  }

  .container-8 {
    max-width: 728px;
  }

  .punks-grid {
    grid-column-gap: 40px;
    /*display: none;*/
  }

  .roars-grid {
    grid-column-gap: 40px;
    /*display: none;*/
  }

  .team-member-image {
    width: 190px;
    height: 190px;
  }

  .error-pop-up {
    top: 30%;
    bottom: 30%;
  }

  .head-error-title {
    font-size: 13px;
  }

  .txt-description {
    font-size: 10px;
  }

  .button-error {
    line-height: 5px;
  }

  .wrapper-head {
    background-color: rgba(0, 0, 0, 0);
  }

  .menues {
    background-color: rgba(0, 0, 0, .8);
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    padding: 20px;
    display: flex;
  }

  .links {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list-5.shadow-three.w--open {
    position: absolute;
  }

  .button-wrap {
    width: 100%;
    margin-left: 0;
  }

  .menu-button-5 {
    padding: 12px;
  }

  .menu-button-5.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .container-9 {
    max-width: 728px;
  }

  .features-wrapper {
    justify-content: space-between;
  }

  .main-container {
    max-width: 728px;
  }

  .main-img.shadow-with {
    display: none;
  }

  .icon-3 {
    color: #fff;
  }

  .div-select-status {
    align-items: center;
  }

  .container-11 {
    max-width: 728px;
  }

  .team-slide-wrapper {
    width: 47%;
    margin-right: 6%;
  }

  .hero-wrapper-6 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -40px;
  }

  .hero-split-6 {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .punks-mobile {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .div-punk-mobile {
    background-color: #fff;
    border: 1px #000;
    border-radius: 8px;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    display: flex;
    box-shadow: 2px 4px 8px rgba(0, 0, 0, .2);
  }

  .nft-img-mobile {
    border-radius: 8px;
  }

  .heading-id-mobile, .heading-nft-mobile {
    font-family: Antonio, sans-serif;
  }

  .button-select-mobile {
    background-color: #000;
    border-radius: 20px;
    padding-left: 35px;
    padding-right: 35px;
    font-family: Antonio, sans-serif;
  }

  .main-img-mobile {
    display: block;
  }
}

@media screen and (max-width: 767px) {

  .selectedID {
    margin-left: 8%;
    margin-right: 8%;
  }


  .navbar-brand {
    padding-left: 0;
  }

  .nav-menu {
    flex-direction: column;
    padding: 30px 20px;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list.shadow-three {
    box-shadow: 0 8px 50px rgba(0, 0, 0, .05);
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .mobile-margin-top-10 {
    margin-top: 10px;
  }

  .hero-heading-left {
    padding: 60px 15px;
  }

  .footer-dark {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .footer-content {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .footer-block {
    align-items: center;
  }

  .footer-link:hover {
    color: rgba(26, 27, 31, .75);
  }

  .footer-social-block {
    margin-top: 20px;
    margin-left: -20px;
  }

  .footer-social-link {
    margin-left: 20px;
  }

  .footer-divider {
    margin-top: 60px;
  }

  .button {
    margin-left: 0;
  }

  .list-item, .list-item-2, .list-item-3, .list-item-4 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .minting-container {
    border-width: 1px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .navbar-brand-2 {
    padding-left: 0;
  }

  .nav-menu-2 {
    background-color: #2b2b2b;
    flex-direction: column;
    padding: 30px 20px;
  }

  .nav-link-2 {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown-2 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle-2 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list-2.shadow-three {
    box-shadow: 0 8px 50px rgba(0, 0, 0, .05);
  }

  .nav-dropdown-list-2.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list-2.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .mobile-margin-top-11 {
    margin-top: 10px;
  }

  .hero-heading-left-2 {
    padding: 60px 15px;
  }

  .icon-2 {
    color: #ffd000;
  }

  .navbar-logo-left-container {
    max-width: 100%;
  }

  .navbar-brand-3 {
    padding-left: 0;
  }

  .nav-menu-two {
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .nav-link-3 {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown-3 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle-3 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list-3.shadow-three {
    box-shadow: 0 8px 50px rgba(0, 0, 0, .05);
  }

  .nav-dropdown-list-3.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list-3.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .nav-divider {
    width: 200px;
    height: 1px;
    max-width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .nav-link-accent {
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .mobile-margin-top-12 {
    margin-top: 10px;
  }

  .hero-heading-left-3 {
    padding: 60px 15px;
  }

  .div-block-5 {
    align-items: center;
  }

  .div-block-6 {
    flex-direction: column;
    margin-left: 0;
  }

  .heading-8 {
    font-size: 70px;
  }

  .div-block-8 {
    justify-content: center;
  }

  .footer-dark-2 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-wrapper-2 {
    flex-direction: column;
    align-items: center;
  }

  .footer-content-2 {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .footer-block-2 {
    align-items: center;
  }

  .footer-link-2:hover {
    color: rgba(26, 27, 31, .75);
  }

  .footer-social-block-2 {
    margin-top: 20px;
    margin-left: -20px;
  }

  .footer-social-link-2 {
    margin-left: 20px;
  }

  .footer-divider-2 {
    margin-top: 60px;
  }

  .paragraph {
    margin-left: 0;
  }

  .hero-subscribe-left {
    padding: 60px 15px;
  }

  .div-block-10 {
    flex-direction: column;
  }

  .navbar-logo-left-container-2 {
    max-width: 100%;
  }

  .navbar-brand-4 {
    padding-left: 0;
  }

  .nav-menu-two-2 {
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .nav-link-4 {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown-4 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle-4 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list-4.shadow-three {
    box-shadow: 0 8px 50px rgba(0, 0, 0, .05);
  }

  .nav-dropdown-list-4.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list-4.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .nav-divider-2 {
    width: 200px;
    height: 1px;
    max-width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .nav-link-accent-2 {
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .mobile-margin-top-13 {
    margin-top: 10px;
  }

  .div-block-16, .div-block-17 {
    margin-bottom: 5px;
  }

  .hero-stack, .hero-heading-left-4, .hero-heading-center {
    padding: 60px 15px;
  }

  .heading-20 {
    font-family: Objectsans Heavy, sans-serif;
  }

  .div-mobile-image {
    align-items: flex-end;
  }

  .heading-23 {
    margin-top: 10px;
    margin-left: 100px;
    font-family: Antonio, sans-serif;
    font-size: 65px;
    top: auto;
    left: auto;
  }

  .heading-24 {
    margin-top: 0;
    font-size: 25px;
    line-height: 20px;
  }

  .form-3 {
    border-style: none;
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-36 {
    flex-direction: column;
    align-items: stretch;
  }

  .button-4 {
    line-height: 1px;
  }

  .team-circles {
    padding: 60px 15px;
  }

  .punks-grid {
    grid-template-columns: 1fr 1fr;
    /*display: none;*/
  }

  .roars-grid {
    grid-template-columns: 1fr 1fr;
    /*display: none;*/
  }

  .error-pop-up {
    top: 30%;
    bottom: 30%;
  }

  .button-error {
    font-size: 10px;
    line-height: 5px;
  }

  .nav-brand {
    padding-left: 0;
  }

  .menues {
    background-color: rgba(0, 0, 0, .8);
    flex-direction: column;
    padding: 30px 10px;
  }

  .links {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown-5 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle-5 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list-5.shadow-three {
    box-shadow: 0 8px 50px rgba(0, 0, 0, .05);
  }

  .nav-dropdown-list-5.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list-5.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .margin {
    margin-top: 10px;
  }

  .div-select-collection {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .features-metrics {
    padding: 10px 15px;
  }

  .features-wrapper {
    flex-wrap: nowrap;
    justify-content: center;
    margin-bottom: 0;
  }

  .features-block {
    width: 50%;
    justify-content: center;
    margin-bottom: 10px;
  }

  .main {
    padding: 30px 15px;
  }

  .main-img.shadow-with {
    display: none;
  }

  .icon-3 {
    color: #fff;
  }

  .div-select-status {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .div-block-49 {
    margin-top: 20px;
  }

  .team-slider, .hero-subscribe-left-2 {
    padding: 60px 15px;
  }

  .div-punk-mobile {
    justify-content: space-between;
    align-items: center;
    display: flex;
    box-shadow: 2px 4px 8px rgba(0, 0, 0, .2);
  }
  

  .main-img-mobile {
    display: block;
  }

  .balance-h {
    font-size: 30px;
  }
}

@media screen and (max-width: 479px) {

  .approvebutton {
    font-size: 8px;
  }

  .paragraph-2 {
    font-size: 12px;
  }

  .headingerror {
    font-size: 25px;
  }


  .containererror {
    padding-left: 10px;
    padding-right: 10px;
  }

  .selectedID {
    margin-left: 8%;
    margin-right: 8%;
  }


  .nav-menu {
    flex-direction: column;
    justify-content: center;
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .nav-button-wrapper {
    width: auto;
  }

  .div-block {
    flex-direction: column;
  }

  .container-2 {
    max-width: none;
  }

  .button {
    text-align: center;
  }

  .list-item, .list-item-2, .list-item-3, .list-item-4 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .minting-container {
    border-width: 1px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .button-connect, .primary-button {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-5 {
    color: #0f5;
    margin-top: 10px;
  }

  .nav-menu-2 {
    flex-direction: column;
  }

  .nav-button-wrapper-2 {
    width: auto;
  }

  .container-3 {
    max-width: none;
  }

  .icon-2 {
    color: #ffd000;
  }

  .container-4 {
    max-width: none;
  }

  .nav-menu-two {
    flex-direction: column;
  }

  .div-block-4 {
    flex-direction: column;
    justify-content: center;
  }

  .grid-3 {
    grid-template-columns: 1.25fr;
  }

  .div-block-5 {
    margin-top: 20px;
    padding-left: 0;
  }

  .div-block-6 {
    flex-direction: column;
    margin-bottom: 20px;
  }

  .heading-8 {
    margin-left: 0;
    font-size: 40px;
    line-height: 50px;
  }

  .heading-9 {
    margin-left: 0;
    padding-left: 0;
    font-size: 10px;
  }

  .div-block-8 {
    flex-direction: column;
  }

  .container-5 {
    max-width: none;
  }

  .paragraph {
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-6 {
    max-width: none;
  }

  .hero-form {
    align-self: stretch;
    margin-bottom: 15px;
  }

  .hero-form-container {
    flex-direction: column;
    align-items: flex-start;
  }

  .hero-form-input {
    width: 100%;
    height: 48px;
    margin-bottom: 10px;
  }

  .div-block-10 {
    flex-direction: column;
    justify-content: space-around;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .div-block-11, .div-block-12 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .heading-11 {
    text-align: center;
  }

  .container-7 {
    max-width: none;
  }

  .nav-menu-two-2 {
    flex-direction: column;
  }

  .heading-16 {
    font-size: 60px;
  }

  .centered-heading {
    margin-bottom: 24px;
  }

  .div-mobile {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px 0;
    display: block;
  }

  .heading-20 {
    color: #000;
    margin-top: 0;
    font-family: Objectsans Heavy, sans-serif;
    font-size: 50px;
    line-height: 55px;
  }

  .heading-21 {
    color: #000;
    font-size: 9px;
  }

  .div-mobile-image {
    align-items: flex-end;
  }

  .heading-23 {
    margin-top: 10px;
    margin-left: 60px;
    font-family: Antonio, sans-serif;
    font-size: 20px;
    top: auto;
    left: auto;
    right: auto;
  }

  .heading-24 {
    font-size: 15px;
    line-height: 10px;
  }

  .div-mobile-trnsfr {
    padding-left: 20px;
    padding-right: 20px;
  }

  .form-3 {
    border-style: none;
    padding-left: 10px;
    padding-right: 10px;
  }

  .button-4 {
    font-size: 7px;
    line-height: 1px;
  }

  .container-8 {
    max-width: none;
  }

  .centered-heading-2 {
    margin-bottom: 24px;
  }

  .punks-grid {
    grid-template-columns: 1fr;
    /*display: none;*/
  }

  .roars-grid {
    grid-template-columns: 1fr;
    /*display: none;*/
  }

  .error-pop-up {
    top: 30%;
    bottom: 30%;
    left: 5%;
    right: 5%;
  }

  .div-error-description {
    margin-bottom: 20px;
  }

  .button-error {
    font-size: 10px;
    line-height: 5px;
  }

  .menues {
    background-color: rgba(0, 0, 0, .8);
    flex-direction: column;
    padding-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .button-wrap {
    width: auto;
  }

  .div-select-collection {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .features-metrics {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .container-9 {
    max-width: none;
  }

  .features-wrapper {
    flex-flow: row;
    justify-content: center;
    align-items: stretch;
    margin-bottom: 0;
  }

  .features-block {
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
    line-height: 15px;
  }

  .main {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .main-container {
    max-width: none;
  }

  .main-img.shadow-with {
    display: none;
  }

  .button-select-nft {
    font-size: 8px;
    line-height: 5px;
  }

  .icon-3 {
    color: #fff;
  }

  .punk {
    flex-direction: column;
  }

  .div-select-status {
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    margin-left: 5px;
    margin-right: 5px;
  }

  .heading-34 {
    margin-top: 0;
    padding-top: 0;
    font-size: 35px;
    line-height: 40px;
    display: flex;
  }

  .div-block-49 {
    margin-top: 10px;
  }

  .button-11 {
    padding-left: 2px;
    padding-right: 2px;
    font-size: 10px;
    line-height: 1px;
  }

  .container-11 {
    max-width: none;
  }

  .centered-heading-3 {
    margin-bottom: 24px;
  }

  .team-slide-wrapper {
    width: 100%;
    margin-right: 0%;
  }

  .div-stake-select {
    flex-direction: row;
  }

  .grid-stake-select {
    grid-template-columns: 1fr;
  }

  .button-stake-select {
    padding: 5px 90px;
  }

  .bold-text, .bold-text-2 {
    font-size: 10px;
    line-height: 5px;
  }

  .div-block-52 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .hero-form-2 {
    align-self: stretch;
    margin-bottom: 15px;
  }

  .hero-form-container-2 {
    flex-direction: column;
    align-items: flex-start;
  }

  .hero-form-input-2 {
    width: 100%;
    height: 48px;
    margin-bottom: 10px;
  }

  .punks-mobile {
    grid-template-columns: 1fr;
  }

  .div-punk-mobile {
    border: 1px #000;
    border-radius: 8px;
    justify-content: space-between;
    align-items: center;
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px 10px 5px 5px;
    display: flex;
    box-shadow: 2px 3px 8px rgba(0, 0, 0, .2);
  }

  .nft-img-mobile {
    border-radius: 8px;
  }

  .div-punks-detail {
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
    display: flex;
  }

  .heading-id-mobile {
    margin-top: 0;
    margin-bottom: 0;
    font-family: Antonio, sans-serif;
  }

  .heading-nft-mobile {
    color: #000;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Antonio, sans-serif;
  }

  .span-mobile {
    color: #b4b4b4;
  }

  .button-select-mobile {
    background-color: #000;
    border-radius: 20px;
    margin-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
    font-family: Antonio, sans-serif;
    line-height: 8px;
  }

  .main-img-mobile {
    display: block;
  }

  .balance-h {
    font-size: 15px;
  }

  .num-balance {
    font-size: 20px;
  }

  .span-point {
    font-size: 15px;
  }
}

#w-node-a3110134-30d6-29a8-d9f1-3ca787484125-b5b6c541 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_6c2bcdcb-680a-f702-dfb7-5487646ddf84-b5b6c541, #w-node-d1e5e7c2-388a-f527-2d0e-9a3f4bd4a4a7-b5b6c541, #w-node-_874f2470-be6b-49e3-83f7-bbac6d6cf078-b5b6c541, #w-node-_35004388-5e44-2af9-54b9-9fdc2482c4ef-b5b6c541, #w-node-_8434f3ab-0ab6-5e96-8ec1-84d8eb00c7a8-b5b6c541, #w-node-_301bb4f9-2ee4-e694-b06a-aff5fc89e527-b5b6c541, #w-node-f1ff4c72-d3a5-66ce-e0fc-094eac4178df-b5b6c541, #w-node-ab3b0e2e-4688-7d30-c271-4ec32193aa34-b5b6c541, #w-node-_9bf9edfe-1bc8-be22-caa3-5ea38966fdfc-b5b6c541, #w-node-_89f904ed-1d24-67ce-1a85-67065db23a27-b5b6c541, #w-node-_7ef9d669-10de-e458-b220-2b877c502896-b5b6c541, #w-node-_38e79425-a172-a47c-493a-916f7fb5815c-b5b6c541, #w-node-e8aa56c7-3248-395f-e854-9e8ea43fea05-b5b6c541, #w-node-_30a19ed1-f392-b4e2-d09f-39150ea3def6-b5b6c541, #w-node-_30a19ed1-f392-b4e2-d09f-39150ea3def9-b5b6c541, #w-node-b05de6aa-ae9c-2dfb-3919-59eca8836510-b5b6c541, #w-node-b05de6aa-ae9c-2dfb-3919-59eca8836512-b5b6c541, #w-node-b05de6aa-ae9c-2dfb-3919-59eca8836514-b5b6c541, #w-node-a49ef883-edbe-baac-09f7-cb04ebb9744e-b5b6c541, #w-node-_50464c8c-a56b-3d69-eb2d-712356e44df3-b5b6c541, #w-node-_9e55c501-f5cd-8233-15b1-efe97d500082-b5b6c541, #w-node-_97066b18-4a49-ca59-318e-340b4e3bad95-b5b6c541, #w-node-ec6ef4f2-aa6d-7ec3-cb66-ef37f6b48e25-b5b6c541, #w-node-_2546ebe3-45df-f948-29c7-b46f9622f50e-b5b6c541, #w-node-_71732f4d-b096-9361-b3dc-c22e52e0bc30-b5b6c541, #w-node-a5c740db-30ea-ed5a-12e8-2d35bd084738-b5b6c541, #w-node-eb8120f1-3ed4-3c76-c3da-757ba5e13dea-b5b6c541, #w-node-_411e039c-40f2-7b65-3d0f-b2a14a3b7346-b5b6c541 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 479px) {
  #w-node-_1fad9fc4-b860-58c8-1303-6441eaa73e94-b5b6c541, #w-node-a20a26a8-1be9-d9ac-ce15-7450a615ae90-b5b6c541, #w-node-cec3330f-d144-4c5e-71c0-50a5cda86242-b5b6c541, #w-node-_398efe6f-8cd0-78a0-3899-76d670fb4a86-b5b6c541, #w-node-_222cb993-5328-46a9-eca0-4a66ee130f3e-b5b6c541, #w-node-_8869cd07-a090-e7e3-a7e3-5fd8b3d37f10-b5b6c541, #w-node-_35392c1f-2f87-d293-4b9c-345994a502a0-b5b6c541, #w-node-_959efb67-1bde-c302-aa22-2fd0d22cbbeb-b5b6c541 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Objectsans Heavy';
  src: url('../fonts/ObjectSans-Heavy.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Objectsans Heavy 2';
  src: url('../fonts/ObjectSans-HeavySlanted.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Objectsans Normal';
  src: url('../fonts/ObjectSans-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Objectsans Thin';
  src: url('../fonts/ObjectSans-Slanted.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}