/***  Banner part start**/
.logo-head img {
  width: 1000px;
  transform: rotate(348deg);
  position: relative;
  /* bottom: 86px; */
  bottom: 51px;
  /* right: 146px; */
}
.live_gold_rating {
  border-radius: 15px 15px 0px 15px !important;
  background: linear-gradient(
    137deg,
    rgba(251, 227, 154, 0.7) 0%,
    rgba(202, 175, 99, 0.7) 100%
  );
  box-shadow: -11px 14px 50px 0px #000;
  backdrop-filter: blur(15.5px);
  /* padding: 17px; */
  position: absolute;
  width: 300px;
  height: 152px;
  top: 181px;
  z-index: 1;
}
.live-gold-graph img {
  width: 100%;
  position: relative;
  bottom: 11px;
}
.rating_notes {
  padding: 17px;
  padding-left: 26px;
}
.live-alert {
  color: #fff;
  font-size: 11.942px;
  font-style: normal;
  font-weight: 500;
  line-height: 13.1px;
  letter-spacing: 1.31px;
  text-transform: uppercase;
}
.subvalues-dashboard{
 /* font-family : calibri !important; */
}
.pulsating-circle {
  position: absolute;
  left: 37%;
  top: 15%;
  transform: translateX(-50%) translateY(-13%);
  width: 5px;
  height: 5px;

  &:before {
    content: "";
    position: relative;
    display: block;
    width: 300%;
    height: 300%;
    box-sizing: border-box;
    margin-left: -100%;
    margin-top: -100%;
    border-radius: 45px;
    background-color: #f00;
    animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
  }

  &:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #f00;
    border-radius: 15px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
  }
}

@keyframes pulse-ring {
  0% {
    transform: scale(0.33);
  }
  80%,
  100% {
    opacity: 0;
  }
}

@keyframes pulse-dot {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
  }
}
.upper_alert {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.right_alert {
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.right_alert span {
  color: #007e2b;
  font-size: 12.286px !important;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.spot,
.per_gram {
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 13.1px;
  text-transform: uppercase;
  display: flex;
  gap: 14px;
  align-items: center;
}
.spot {
  margin-top: 17px;
}
.per_gram {
  margin-top: 5px;
}
.spot span,
.per_gram span {
  color: #fff;
  font-size: 13.401px !important;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.graph_marker {
  background-image: url(../img/goldpark/graph_marker.png);
  background-repeat: no-repeat;
  padding: 15px 15px;
  padding-top: 3px !important;
  position: absolute;
  bottom: 55px;
  right: 40px;
}
.rated_date {
  color: #615432;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.display_rate {
  color: #fff;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

section.banner-part h1 {
  font-style: normal;
  font-weight: 700;
  font-size: 90px !important;
  line-height: 138.5%;

  background: var(
    --22,
    linear-gradient(120deg, #fff 0%, rgba(241, 230, 189, 0.5) 100%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* section.banner-part:after{
    content: '';
    position: absolute;
    background: linear-gradient(164.65deg, rgba(72, 255, 178, 0.8) -6.36%, rgba(5, 45, 28, 0.8) 87.36%);
    opacity: 0.7;
    filter: blur(69px);
    width: 410px;
    height: 410px;
    left: 0;
    top: 200px;
    z-index: -1;

} */

section.banner-part h6.dot {
  font-weight: 400;
  font-size: 50px;
  line-height: 10px;
  text-transform: capitalize;
  color: #40e7a0;
  padding: 0 10px;
}
section.banner-part p {
  color: rgba(160, 146, 111, 0.92);

  font-size: 16.594px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 30.6px;
  letter-spacing: 0.45px;
  margin: 24px 0 60px;
  max-width: 366px;
}
.banner-btn,
.cmn-volamena-btn {
  padding: 15.88px 32.05px 16.37px 32.25px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 896px;
  background: var(--1, linear-gradient(180deg, #c0884a 0%, #e9cf7e 100%));
  box-shadow: 0px 7px 80px -12px #c0884a;

  /* text */

  color: #fff;
  text-align: center;

  font-size: 16.921px;
  font-style: normal;
  font-weight: 500;
  line-height: 21.5px;
  letter-spacing: 0.448px;
  border: 0;
}
.cmn-volamena-btn:before {
  height: 0%;
  width: 2px;
}
.cmn-volamena-btn:hover {
  box-shadow: 0px 7px 80px -12px #48331a !important;
  background: var(
    --1,
    linear-gradient(180deg, #48331a 0%, #e9cf7e 100%)
  ) !important;
  transition: all 0.3s ease;
}
section.banner-part {
  position: relative;
  /* background-image: url(../img/new/banner-bg.png); */
  background-repeat: no-repeat;
  background-size: cover;
}

section.banner-part::before {
  content: "";
  position: absolute;
  background: linear-gradient(
    164.65deg,
    rgba(72, 255, 178, 0.8) -6.36%,
    rgba(5, 45, 28, 0.8) 87.36%
  );
  opacity: 0.7;
  filter: blur(100px);
  width: 482px;
  height: 510px;
  left: 0;
  top: 172px;
  z-index: -1;
}
/* section.header-part::before {
    content: '';
    position: absolute;
    background: linear-gradient(164.65deg, rgba(72, 255, 178, 0.8) -6.36%, rgba(5, 45, 28, 0.8) 87.36%);
    opacity: 0.7;
    filter: blur(69px);
    width: 336px;
    height: 361px;
    right: 0;
    top: 0;
    z-index: -1;
} */
/* section.banner-part::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100px;
    bottom: -87px;
    left: 0;
    background: #010101;
    filter: blur(33px);

} */
/***  Banner part end**/

/* technology start*/
section.Technology .contain-width {
  max-width: 1262px;
  margin: auto;
}
section.carousel {
  background: #000;
  padding-top: 100px;
}
section.carousel {
  background: #000;
  padding-top: 50px !important;
}

body.homepage-page {
  background: #ffffff;
}

.carousel {
  background-color: black;
}

section.carousel p.techtext span,
p.techtext span {
  /* text */
  background: var(
    --1,
    linear-gradient(180deg, #c0884a 0%, #e9cf7e 100%)
  ) !important;
  background-clip: text !important;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent !important;
  text-align: center;

  font-size: 11px !important;
  font-style: normal;
  font-weight: 500;
  line-height: 13.1px;
  letter-spacing: 1.31px;
  text-transform: uppercase;
}
section.carousel p.volamena-eco,
.volamena-mini-title {
  border-radius: 504px;
  background: linear-gradient(
    180deg,
    rgba(192, 136, 74, 0.2) 0%,
    rgba(233, 207, 126, 0.2) 100%
  ) !important;
  padding: 7px 28.91px 6px 30.09px;
  /* padding: 14px 28.91px 14px 30.09px; */
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  margin: auto;
}
.Technology h2,
.cmn-top-title {
  background: var(
    --22,
    linear-gradient(120deg, #fff 0%, rgb(241 230 189 / 79%) 100%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-size: 49.794px;
  font-style: normal;
  font-weight: 500;
  line-height: 57.69px;
  max-width: 650px;
  margin: 23px auto 50px;
}
.blocks-service {
  display: flex;
  flex-direction: column;
  color: #fff;
  margin: 10px;
  border-radius: 10px;
  border-radius: 19.2px;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(50px);
  height: 100%;
}
.re-verse {
  flex-direction: column-reverse;
}
.Technology .tech-con {
  padding: 40px;
  padding-bottom: 20px;
}
.Technology .tech-con h2 {
  font-size: 24.18px !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 30.07px;
  max-width: 236px;
  text-align: left;
  margin-bottom: 20px !important;
  margin: 0;
}
.tech-con p {
  color: #968a69;
  font-size: 14.625px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 25.92px;
  letter-spacing: 0.4px;
  max-width: 390px;
  margin: 0;
}

/* technology end*/

/* ecosystem start*/
.ecosystem-section h3 {
  font-weight: 600;
  margin-bottom: 20px !important;
  margin: 0 auto;
}
.ecosystem-section {
  padding-top: 28px;
}
p.volamena-eco-head {
  text-align: center !important;
  color: rgba(160, 146, 111, 0.92);
  text-align: center;
  font-size: 16.594px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 30.6px;
  letter-spacing: 0.45px;
  /* margin-bottom: 28px; */
  margin: 0;
  margin-bottom: 30px;
}
.eco-system-whole-img img {
  display: flex;
  margin: auto;
}
/* ecosystem end*/
section.utility {
  background: url(../img/utility-img.png);
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  position: relative;
  padding: 100px 0;
}
section.utility .card {
  height: 400px;
  width: 320px;
  background-color: rgba(255, 255, 255, 0.06);
  -webkit-backdrop-filter: blur(20px);
  background: linear-gradient(
    152.97deg,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  backdrop-filter: blur(21px);
  border-radius: 16px;
}
section.utility p {
  color: #fff;
  text-align: center;
  /* padding: 0 28px 80px; */
  display: flex;
  height: 100%;
  margin-bottom: 0px;
  justify-content: flex-end;
  /* align-items: flex-end; */
  color: #fff;
  padding: 16px 18px;
  /* justify-content: flex-end; */
  align-items: center;
}
section.utility h3 {
  font-weight: 800;
  font-size: 48px;
  line-height: 58px;
  color: #ffffff;
  text-align: center;
  margin-bottom: 80px;
  margin-top: 60px;
}

section.eco-coin {
  background: url(../img/usage-side-img.png);
  background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden;
  background-size: 30%;
}
section.eco-coin {
  padding: 100px 0;
  position: relative;
}
section.eco-coin h3 {
  font-weight: 800;
  text-align: center;
  color: #ffffff;
  margin-bottom: 60px;
}

.inner-dev {
  min-height: auto;
}
.inner-dev {
  margin-bottom: 20px;
  padding: 5px 18px;
  margin-top: 30px;
}
.inner-dev {
  background-blend-mode: soft-light, normal;
  border-radius: 10px;
  background: transparent;
}
section.eco-coin .inner-dev p {
  color: #fff;
  margin-bottom: 0px;
  position: relative;
  font-size: 18px !important;
}

.usage-coin img {
  width: 100%;
}

section.eco-coin .inner-dev {
  background: linear-gradient(188deg, #40e7a0, #075031);
  position: relative;
}

section.eco-coin .inner-dev::before {
  content: "";
  position: absolute;
  width: 99.8%;
  height: 95%;
  border-radius: 10px;
  background: #000;
  left: 1px;
  top: 2px;
}

.usage-coin {
  position: relative;
}

.usage-coin:after {
  content: "";
  position: absolute;
  background: linear-gradient(
    164.65deg,
    rgba(72, 255, 178, 0.8) -6.36%,
    rgba(5, 45, 28, 0.8) 87.36%
  );
  opacity: 0.7;
  filter: blur(69px);
  width: 309px;
  height: 516px;
  left: 154px;
  top: 106px;
  z-index: -1;
}

section.coin-sales {
  padding: 100px 0;
}

section.coin-sales {
  background: url(../img/sale-machanice-img.png);
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
section.coin-sales h3 {
  font-weight: 800;
  font-size: 48px;
  line-height: 58px;
  text-align: center;
  color: #ffffff;
  margin-bottom: 40px;
}

section.coin-sales .card {
  height: 400px;
  background-color: rgba(255, 255, 255, 0.06);
  -webkit-backdrop-filter: blur(20px);
  background: linear-gradient(
    152.97deg,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  backdrop-filter: blur(21px);
  border-radius: 16px;
  /* background: linear-gradient(188deg, #40E7A0, #075031); */
}

section.coin-sales .total {
  text-align: center;
  padding: 110px 90px;
}

section.coin-sales h5 {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
  max-width: 292px;
  margin: 0 auto;
}

.card::after {
  content: "";
  position: absolute;
  width: 99.8%;
  height: 99%;
  border-radius: 20px;
  left: 1px;
  top: 2px;
  z-index: -1;
}

section.footer p {
  font-weight: 400;
  font-size: 16px !important;
  line-height: 26px;
  color: #ffffff;
}
.footer-logo {
  margin-bottom: 20px;
}
section.footer {
  padding: 50px 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

ul.foot-list {
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
}

ul.foot-list li a {
  text-decoration: none;
  color: rgb(255, 255, 255);
}

ul.reach-us {
  padding-left: 0px;
  list-style: none;
}

ul.reach-us li {
  display: inline-block;
  margin: 10px 5px;
}

ul.reach-us li a {
  font-size: 30px;
  color: #fff;
}

section.footer-part h6 {
  font-style: normal;
  font-weight: 400;
  font-size: 24px !important;
  line-height: 26px;
  color: #ffffff;
  margin-top: 20px;
}

ul.foot-list li {
  margin-bottom: 10px !important;
}

form {
  display: flex;
  flex-wrap: wrap;
  /* justify-content: center; */
  align-items: center;
    gap: 10px;
}

input.contact-foot::placeholder {
  color: #fff;
}

section.footer-part .eco {
  padding: 30px 0;
  border-bottom: 1px solid rgb(242 212 107);
  border-top: none;
  text-align: center;
}

.copy-rigt-part {
  padding: 20px 0;
  /* margin-bottom: 75px; */
}
.ppts-right {
  text-align: right;
}

.ppts-right ul {
  padding-left: 0px;
  list-style: none;
  margin-bottom: 0px;
}
.ppts-right ul li {
  display: inline-block;
  margin: 0 5px;
}

section.footer-part .copy {
  padding-top: 30px;
}
.copy-left {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #c2c3c5;
}

section.social {
  background: url(../img/social-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  padding: 70px 0;
}

section.social h3 {
  font-weight: 800;
  font-size: 48px;
  line-height: 58px;
  text-align: center;
  color: #ffffff;
}

.socail-card {
  display: inline-block;
  position: relative;
  text-align: center;
}

.socail-card > img {
  position: absolute;
  top: calc(28% - 104px);
  /* left: calc(26% - 123px); */
}

.socail-card > img:last-of-type {
  opacity: 1;
  -moz-transition: opacity 0.5s ease-in-out;
}
.socail-card > img {
  position: absolute;
  top: calc(28% - 104px);
  /* left: calc(26% - 123px); */
}

.socail-card > img:last-of-type {
  opacity: 1 !important;
  transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
}
.socail-card > img {
  position: absolute;
  top: calc(100% - 100px);
  /* top: 10px; */
}

.socail-card h6 {
  position: absolute;
  color: #fff;
  top: 58%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 600;
  line-height: 24px;
}

section.document h3 {
  font-weight: 800;
  font-size: 48px;
  line-height: 58px;
  text-align: center;
  color: #ffffff;
  margin-bottom: 20px;
}

section.document .team {
  padding-top: 100px;
}

section.strategic .sim-card img {
  width: auto;
}

.social-new {
  background: linear-gradient(360deg, #232323 0%, #272727 100%);
  border: 1px solid rgba(77, 77, 77, 0.15);
  border-radius: 10px;
  padding: 15px;
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

section.social-media h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 55px;
  line-height: 70px;
  /* identical to box height */
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
  margin-bottom: 30px;
}

section.social-media {
  padding: 100px;
}
.sim-card h6 {
  color: #fff;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
}

.sim-card img {
  width: 100%;
}

section.team h3 {
  font-weight: 800;
  font-size: 25px;
  line-height: 58px;
  text-align: center;
  color: #ffffff;
}
section.team h4 {
  font-size: 48px !important;
  font-weight: 800;
  line-height: 58px;
  text-align: center;
  color: #ffffff;
  margin-bottom: 50px;
}
section.team {
  padding-top: 100px;
  position: relative;
}

a:hover {
  text-decoration: none;
}
.feature-card {
  background-image: url(../img/team-img.png);
}
.feature-card.team-1 {
  background-image: url(../img/team-img-1.png);
}
.feature-card.team-2 {
  background-image: url(../img/team-img-2.png);
}
.feature-card.team-3 {
  background-image: url(../img/team-img-3.png);
}
.feature-card.team-4 {
  background-image: url(../img/team-img-4.png);
}
.feature-card.team-5 {
  background-image: url(../img/team-img-5.png);
}
.feature-card.team-6 {
  background-image: url(../img/team-img-6.png);
}
.feature-card.team-7 {
  background-image: url(../img/team-img-7.png);
}
.feature-card.team-8 {
  background-image: url(../img/team-img-8.png);
}
.feature-card.team-9 {
  background-image: url(../img/team-img-9.png);
}
.feature-card.team-10 {
  background-image: url(../img/team-img-10.png);
}
.feature-card.team-11 {
  background-image: url(../img/team-img-11.png);
}
.feature-card.team-12 {
  background-image: url(../img/team-img-12.png);
}
.feature-card {
  height: 337px;
  width: 96% !important;
  margin: 25px auto;
  background-position: center top;
  background-size: cover;
  overflow: hidden;
  position: relative;
  box-shadow: 0 2px 7px #dfdfdf;
}
.feature-card-deatails {
  position: absolute;
  bottom: -250px;
  left: 0;
  width: 100%;
  padding: 5px 18px;
  background: #cfb558;
  transition: 0.3s ease-in-out;
  font-size: 15px;
  color: #888;
}

.feature-card-tilte {
  position: absolute;
  left: 0;
  text-align: center;
  bottom: 0;
  width: 100%;
  text-transform: uppercase;
  transition: 0.3s ease-in-out;
  background: linear-gradient(185deg, #f3d56a 14%, #efd67c 9.92%, #c19e20 100%);
}

.feature-card-tilte h3 {
  font-size: 22px;
  font-weight: 700;
  color: #373737;
}

.feature-card:hover .feature-card-tilte {
  bottom: 0px;
}

.feature-card-deatails i {
  font-size: 26px;
  color: #ffffff;
}

.feature-card-deatails h5 {
  font-size: 14px !important;
  color: #1d365c;
  margin: -10px 0;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
}

.feature-card-deatails a {
  display: inline-block;
  margin-top: 15px;
  color: #1d365c;
  text-decoration: none;
  font-weight: 700;
}

.feature-card:hover .feature-card-deatails {
  bottom: 0;
  height: 40%;
}

.social-menu ul {
  top: 50%;
  left: 50%;
  padding: 0;
  margin: 0;
  transform: translate(0%, 15%);
  display: flex;
}

.social-menu ul li {
  list-style: none;
  margin: 0 5px;
}

.social-menu ul li .fab {
  font-size: 22px;
  line-height: 60px;
  transition: 0.3s;
  color: rgb(255, 255, 255);
}

.social-menu ul li .fab:hover {
  color: #fff;
}

.social-menu ul li a {
  position: relative;
  display: block;
  width: 45px;
  height: 60px;
  border-radius: 50%;
  text-align: center;
}

.about-cen {
  text-align: center;
}
.left-side-about {
  background: url(../img/about-1.png);
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
section.about h4 {
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 34px;
  color: #ffffff;
  margin-bottom: 20px;
}
section.about p {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #ffffff;
  max-width: 600px;
  margin-top: 0;
  font-size: 17px !important;
  margin-bottom: 0px;
  text-align: left;
}

.right-side-about {
  /* background: url(../img/about-2.png); */
  /* background-repeat: no-repeat; */
  background-size: cover;
  /* overflow: hidden; */
  position: relative;
}
.right-side-about::before {
  content: "";
  position: absolute;
  background: url(../img/about-2.png);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-position: 90% 10%;
}

.solution {
  display: flex;
  justify-content: space-between;
}
.inno,
.black {
  width: 40%;
  position: relative;
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  justify-content: center;
  padding: 20px;
}

/* .inno::before {
    content: '';
    position: absolute;
    background: url(../img/about-1.png);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-position: center;
} */

/* .black::before {
    content: '';
    position: absolute;
    background: url(../img/about-2.png);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
} */

.solution {
  background: url(../img/sol-all.png);
  background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden;
  padding: 100px 0;
  background-position: center center;
}

.inno h4,
.black h4,
.inno p,
.black p {
  position: relative;
}

.black {
  text-align: right;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  position: relative;
  bottom: 20px;
}

.boat-text .inner-dev {
  background: linear-gradient(
    186deg,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0) 114.77%
  );
  filter: drop-shadow(-19px 25px 40px rgba(44, 168, 115, 0.09));
  backdrop-filter: blur(21px);
  border-radius: 16px;
  position: relative;
}
.boat-text .inner-dev::before {
  content: "";
  position: absolute;
  width: 99.8%;
  height: 95%;
  border-radius: 10px;
  background: #000;
  left: 1px;
  top: 1px;
}
.boat-text .inner-dev p {
  color: #fff;
  margin-bottom: 0px;
  position: relative;
  padding: 20px 0;
}

.boat-text::before {
  content: "";
  position: absolute;
  width: 99.8%;
  height: 99.5%;
  border-radius: 10px;
  background: #000;
  left: 1px;
  top: 2px;
  border-radius: 16px;
}
.boat-text {
  background: linear-gradient(188deg, #40e7a0, #075031);
  position: relative;
  padding: 20px;
  border-radius: 16px;
}
.inner-dev:last-child {
  margin-bottom: 0px;
}

.boat-img {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  height: 100%;
  position: relative;
  left: 25px;
  top: -20px;
}

section.about {
  position: relative;
}

section.about h3 {
  font-style: normal;
  font-weight: 800;
  font-size: 48px;
  line-height: 58px;
  text-align: center;
  color: #ffffff;
  margin-bottom: 50px;
}

section.coin-det {
  padding: 100px 0;
}
section.coin-det h3 {
  font-style: normal;
  font-weight: 800;
  font-size: 48px;
  line-height: 58px;
  text-align: center;
  color: #ffffff;
}
section.coin-det h4 {
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 36px;
  color: #ffffff;
  text-align: center;
}
section.coin-det span.pre {
  background: linear-gradient(180deg, #f3d56a 0%, #efd67c 47.92%, #c19e20 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-weight: 700;
  font-size: 63px;
  text-align: center;
  /* line-height: 36px; */
}
.total {
  display: flex;
  padding: 20px;
}
.total-fin {
  display: flex;
  padding: 20px;
}
.row.use-funds {
  max-width: 1125px;
  margin: 0 auto;
  background: url(../img/funds-img.png);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 30px;
}

.point-block h4 {
  /* color: #fff; */
  font-style: normal;
  font-weight: 700;
  font-size: 20px !important;
  line-height: 24px;
  color: #ffffff;
  margin-bottom: 18px;
}

section.dev-approach h3 {
  font-style: normal;
  font-weight: 800;
  font-size: 48px;
  width: 100%;
  line-height: 58px;
  text-align: center;
  color: #ffffff;
  margin-bottom: 50px;
}
section.dev-approach {
  padding: 100px 0 !important;
}

@media (max-width: 767.98px) {
  section.coin-sale {
    display: none;
  }
  section.banner-part p {
    line-height: 22px;
    font-size: 16px !important;
  }
  .blocks-service {
    padding: 30px 30px 30px 30px !important;
    color: #fff;
    /* border: 1px solid #40e7a0; */
    margin: 10px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .logo-head {
    margin-top: 50px;
  }

  .controls {
    top: -40px !important;
  }
  .ecosystem-section {
    padding-top: 50px !important;
  }
  .ecosystem-section h3 {
    margin-bottom: 10px;
  }
  .mar-top-100px {
    padding: 0 15px;
  }
  .menus.eco-menu-1 {
    padding-bottom: 50px !important;
  }
  .menus.eco-menu-2 {
    padding-bottom: 50px !important;
  }
  .menus.eco-menu-3 {
    padding-bottom: 50px !important;
  }
  .menus.eco-menu-4 {
    padding-bottom: 50px !important;
  }
  .menus.eco-menu-5 {
    padding-bottom: 50px !important;
  }
  .menus.eco-menu-6 {
    padding-bottom: 50px !important;
  }
  .menus.eco-menu-7 {
    padding-bottom: 50px !important;
  }
  .menus.eco-menu-8 {
    padding-bottom: 50px !important;
  }
  h4.eco-center {
    margin: 15px 0;
    line-height: 32px;
  }
  .left-arrow-icon {
    margin: 0px 15px !important;
  }
  .menus.eco-menu-9 {
    padding-bottom: 50px !important;
  }
  .menus.eco-menu-10 {
    padding-bottom: 50px !important;
  }
  .menus.eco-menu-11 {
    padding-bottom: 50px !important;
  }
  .menus.eco-menu-12 {
    padding-bottom: 50px !important;
  }
  .menus.eco-menu-13 {
    padding-bottom: 50px !important;
  }
  .right-menu-block-eco {
    margin-top: 40px !important;
  }
  h3.volamena {
    margin-bottom: 20px;
  }
  .true-text.my-5.part {
    width: 100% !important;
  }
.unstake-btn{
  flex-direction: column !important;
}
  .contain-width.max-width-1000px.unsold-part-section h4 {
    margin-bottom: 0 !important;
  }
  .unsold-coins span {
    margin-right: 10px !important;
  }
  .right-part-unsold {
    padding-left: 15px !important;
  }
  .volamena-cost {
    text-align: center;
  }
  section.table-section {
    padding-bottom: 50px !important;
  }
  section#roadmap-section-id h3 {
    margin-bottom: 60px !important;
  }


  .block-div {
    width: 100% !important;
  }
  .three-items,
  .two-items {
    display: flex;
    flex-direction: column;
  }
  .three-items,
  .two-items {
    border: 0px dashed rgba(64, 231, 160, 0.5) !important;
  }
  .block-div::before {
    display: none;
  }
  .arrow-1 img,
  .arrow-2 img {
    transform: rotate(84deg);
  }
  .arrow-4 img,
  .arrow-5 img {
    transform: rotate(252deg);
  }
  .arrow-1,
  .arrow-2 {
    position: relative !important;
    top: -10px !important;
    left: 30px !important;
    margin-right: 0 !important;
  }
  .block-div::after {
    display: none;
  }
  .arrow-3 {
    position: relative !important;
    top: -10px !important;
    left: 30px !important;
    margin-right: 0 !important;
  }
  .arrow-6 {
    position: relative !important;
    top: 117px !important;
    left: 30px !important;
    margin-right: 0 !important;
  }
  .arrow-5 {
    position: absolute !important;
    left: 30px !important;
    margin-right: 0 !important;
  }
  .arrow-6 img {
    transform: rotate(344deg);
  }
  .desktop-table-view {
    display: none;
  }
  .mobile-table {
    display: block !important;
  }

  .arrow-3 img {
    transform: rotate(348deg);
  }
  .arrow-4 {
    position: relative !important;
    top: 15px !important;
    left: 30px !important;
  }
  .arrow-7 {
    position: absolute !important;
    top: 0 !important;
    left: 70px !important;
    transform: rotate(66deg);
  }
  .arrow-5 {
    display: none;
  }

  body section.banner-part {
    padding: 20px 0 0 !important;
    overflow: visible;
  }
  .Technology h2,
  .cmn-top-title {
    line-height: 37.69px !important;
    margin: 23px auto 34px;
  }
  .row.slide {
    gap: 20px;
    margin-bottom: 20px;
  }
  .Technology .tech-con {
    padding: 0px;
    /* padding-bottom: 20px; */
  }
  section.total-table-pie .unsold-coins p {
    width: 100%;
    text-align: center;
  }
  section.total-table-pie .false-For-Bottom-Text {
    padding-left: 12px !important;
  }
  .unsold-part-section .left-part-unsold {
    padding: 20px !important;
  }
  .unsold-part-section .right-part-unsold .unsold-coins {
    margin-bottom: 20px;
    font-size: 14px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
  .unsold-part-section .right-part-unsold .unsold-coins span {
    width: 100%;
  }
  section.dev-approach {
    padding-bottom: 30px !important;
  }
  section.buy-now {
    padding-top: 30px !important;
  }
  .buy-now-bg h6 {
    font-family: Inter;
    font-size: 35.426px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 41.69px !important;
    margin: 15px 0 18px;
  }
  section.footer-part .eco {
    padding: 0px 0 30px;
  }
  form {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
  }
  .leader-board-profile form{
    display: block;
  }
  .frm-inp{
    margin-bottom: 15px;
  }
  .staking-history-table {
    overflow-x: scroll;
}
  .map-year {
    display: none;
  }
  .timeline.right ul li.in-view::before {
    display: none !important;
  }
  .timeline ul li.in-view::before {
    width: 118px !important;
  }
  li.step-2-dot.in-view::before,
  li.step-2-dot::before,
  li.step-2-dot.step-cmn-length.in-view .map-year {
    top: 300% !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .buy-button > img {
    position: absolute;
    top: 0 !important;
  }
  .logo-head img {
    width: 100%;
    width: 612px;
    bottom: 0;
    right: 61px;
  }
  section.utility {
    padding: 0 !important;
    background-size: 100%;
    background-position: center;
  }
  section.utility h3 {
    margin-bottom: 40px;
    margin-top: 10px;
  }
  section.utility .card {
    width: 295px;
    margin-bottom: 30px;
  }
  section.eco-coin {
    padding: 50px 0;
  }
  section.eco-coin .inner-dev {
    left: 0 !important;
  }
  section.coin-sales {
    padding: 20px 0;
  }
  section.coin-sales .card {
    height: 450px;
    padding: 25px 0;
  }
  section.coin-sales .total {
    padding: 0;
  }
  .total {
    border-bottom: 0;
  }
  section.document:after {
    display: none;
  }
  section.document:before {
    display: none;
  }
  section.document {
    padding: 40px 0;
  }
  .sim-card {
    width: 100%;
    margin-bottom: 25px;
  }
  section.document {
    background-image: none;
  }
  section.team {
    padding: 40px 0;
  }
  section.team:before {
    display: none;
  }
  section.team:after {
    display: none;
  }
  .feature-card {
    margin: 15px auto;
  }

  section.about {
    padding: 0;
  }
  .about-cen img {
    width: 100%;
  }
  .solution {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 25px 0;
    background-image: none;
  }
  .inno,
  .black {
    width: 100%;
  }
  .boat-img {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    height: 100%;
    position: relative;
    left: 13px;
    top: -17px;
  }
  .boat-text::before {
    width: 99.2%;
    height: 99.6%;
  }
  .point-block {
    min-height: 110px;
    max-width: 100%;
    border: 1px solid white;
    margin-left: 3pc !important;
    /* max-height: 84px; */
    padding: 15px 20px;
    min-height: 200px;
    margin-bottom: 30px;
  }
  section.social {
    padding: 0;
  }
  section.eco-coin .inner-dev p {
    color: #fff;
    margin-bottom: 15px;
    position: relative;
  }
  .sim-card img {
    width: 60%;
  }
  .sim-card > img:last-of-type {
    margin-left: -30px;
  }
  section.about p {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #ffffff;
    max-width: 700px;
    margin-top: 0;
    font-size: 17px !important;
    margin-bottom: 0px;
    text-align: left;
  }
  section.coin-sale {
    display: none;
  }
  section.total-table-pie .unsold-coins p {
    width: 50%;
    margin: auto;
    text-align: center;

    display: flex !important;
    justify-content: center;
    align-items: center;
  }
  .token-diamond {
    margin-bottom: 20px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  section.banner-part h1 {
    line-height: 40px !important;
    font-size: 40px !important;
    padding-top: 70px;
  }
  .buy-button > img {
    position: absolute;
    top: 0 !important;
  }
  .logo-head img {
    width: 550px;
    position: relative;
    top: 5px;
  }
  section.utility {
    padding: 0 !important;
    background-size: 100%;
    background-position: center;
  }
  section.utility h3 {
    margin-bottom: 40px;
    margin-top: 10px;
  }
  section.utility .card {
    width: 255px;
    margin-bottom: 30px;
  }
  section.eco-coin {
    padding: 50px 0;
  }
  section.eco-coin .inner-dev {
    left: 0 !important;
  }
  section.coin-sales {
    padding: 20px 0;
  }
  section.coin-sales .card {
    height: 450px;
    padding: 25px 0;
  }
  section.coin-sales .total {
    padding: 62px 0px;
    width: 100%;
  }
  .total {
    border-bottom: 0;
  }
  section.document:after {
    display: none;
  }
  section.document:before {
    display: none;
  }
  section.document {
    padding: 40px 0;
  }
  .sim-card {
    width: 100%;
    margin-bottom: 25px;
    padding: 35px 30.89px 32px 35.89px !important;
  }
  .outsmart-inner-box .row::after {
    display: none;
  }
  section.document {
    background-image: none;
  }
  section.team {
    padding: 40px 0;
  }
  section.team:before {
    display: none;
  }

  section.team:after {
    display: none;
  }
  .feature-card {
    margin: 15px auto;
  }

  section.about {
    padding: 0;
  }
  .about-cen img {
    width: 70%;
  }
  .solution {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 25px 0;
    background-image: none;
  }
  .inno,
  .black {
    width: 65%;
  }
  .boat-img {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    height: 100%;
    position: relative;
    left: 13px;
    top: -17px;
  }
  .boat-text::before {
    width: 99.8%;
    height: 99.6%;
  }
  .point-block {
    min-height: 110px;
    max-width: 100%;
    border: 1px solid white;
    margin-left: 0pc !important;
    /* max-height: 84px; */
    padding: 15px 20px;
    min-height: 200px;
    margin-bottom: 30px;
  }
  section.social {
    padding: 0;
  }
  section.eco-coin .inner-dev p {
    color: #fff;
    margin-bottom: 15px;
    position: relative;
  }
  .sim-card img {
    width: 60%;
  }
  .sim-card > img:last-of-type {
    margin-left: -81px;
    margin-top: -35px;
  }

  section.about p {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #ffffff;
    max-width: 700px;
    margin-top: 0;
    font-size: 17px !important;
    margin-bottom: 0px;
    text-align: left;
  }

  section.dev-approach {
    margin-top: 80px;
  }
}
@media (min-width: 1200px) and (max-width: 1349.98px) {
  section.coin-sales .card {
    height: 450px;
    padding: 25px 21px;
  }
  section.document:after {
    background-size: 28%;
    left: 85%;
  }
  section.document:before {
    background-size: 25%;
    left: -114px;
  }
  section.social {
    background-size: 100%;
    background-position: center;
  }
}

@media (min-width: 1440px) and (max-width: 1999.98px) {
  section.document:after {
    left: 78%;
  }
  section.document:before {
    left: 0%;
  }
  .buy-button {
    margin-bottom: 40px;
  }
  section.banner-part h1 {
    line-height: 90px;
  }
}

/* @media (min-width: 1440px) and (max-width: 1999.98px){
    section.document:before {
        left: -165px !important;
    }
    section.document:after {
        left:84% !important;
    }
} */

section.coin-sale h4 {
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  color: #ffffff;
}
section.coin-sale span {
  background: linear-gradient(180deg, #f3d56a 0%, #efd67c 47.92%, #c19e20 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-size: 28px !important;
  font-weight: 900;
}

section.coin-sale .row.one {
  padding: 10px 0;
}
.row.two p {
  font-style: normal;
  font-weight: 500;
  font-size: 18px !important;
  color: #ffffff;
}
.row.two h6 {
  font-style: normal;
  font-weight: 600;
  font-size: 23px;
  color: #ffffff;
}

/* .text-line h6, span, p {
    margin-bottom: 30px;
} */
.clr-back {
  background: #f8f8d5;
  box-shadow: 0px 4px 4px rgb(0 0 0 / 25%), inset 5px 0px 4px rgb(0 0 0 / 25%),
    inset 0px 4px 4px rgb(0 0 0 / 25%);
  border-radius: 50px 50px 0px 0px;
  position: relative;
  z-index: -1;
}
section.coin-sale .clr-back h4 {
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  align-items: center;
  color: black !important;
  justify-content: center;
  display: flex;
  text-align: center;
  align-items: center;
  /* width: 100%; */
  height: 100%;
  align-content: center;
}

.clr-green-back {
  background: linear-gradient(0deg, #377b5c, #377b5c), #377b5c;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25),
    inset 5px 0px 5px rgba(0, 0, 0, 0.25);
  border-radius: 0;
  position: relative;
  z-index: -1;
}
section.coin-sale .clr-green-back h4 {
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  align-items: center;
  color: black !important;
  justify-content: center;
  display: flex;
  text-align: center;
  align-items: center;
  /* width: 100%; */
  height: 100%;
  align-content: center;
}

.clr-gold-back {
  background: linear-gradient(0deg, #b69f53, #b69f53), #377b5c;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25),
    inset 5px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 0;
  position: relative;
  z-index: -1;
}
section.coin-sale .clr-gold-back h4 {
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  align-items: center;
  color: black !important;
  justify-content: center;
  display: flex;
  text-align: center;
  align-items: center;
  /* width: 100%; */
  height: 100%;
  align-content: center;
}

.clr-thick-gre-back {
  background: linear-gradient(0deg, #0c6741, #0c6741), #377b5c;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25),
    inset 5px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 0;
  position: relative;
  z-index: -1;
}
section.coin-sale .clr-thick-gre-back h4 {
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  align-items: center;
  color: black !important;
  justify-content: center;
  display: flex;
  text-align: center;
  align-items: center;
  /* width: 100%; */
  height: 100%;
  align-content: center;
}

.clr-peal-back {
  background: linear-gradient(0deg, #8b9b6f, #8b9b6f), #377b5c;
  box-shadow: inset 5px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 0px 0px 50px 50px;
  position: relative;
  z-index: -1;
}
section.coin-sale .clr-peal-back h4 {
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  align-items: center;
  color: black !important;
  justify-content: center;
  display: flex;
  text-align: center;
  align-items: center;
  /* width: 100%; */
  height: 100%;
  align-content: center;
}

.text-line {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
}
.contain-width.table {
  background: url(../img/table-back.png);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 60px;
  z-index: -1;
  padding: 21px 13px;
  padding-bottom: 0 !important;
}
.contain-width.table .row {
  position: relative;
  z-index: 9;
}

section.pie-chart-donut {
  padding: 30px 0 0;
}
canvas#myCanvas {
  width: 65%;
  width: 65%;
  border: 1px solid #3ee29d;
  padding: 9px;
  border-radius: 50%;
}
/* section.total-table-pie p {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 150%;
  display: flex;
  align-items: center;
  text-align: center;
  color: #ffffff;
} */

.thi-gre {
  background: #00bc65;
  border-radius: 2px;
  border: 15px solid #00bc65;
}

section.pie-chart-donut .false-For-Bottom-Text {
  /* text-align: center; */
  margin-top: 45px;
  padding-left: 100px;
}
.true-text {
  padding-left: 0;
}
.true-text h5 {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #ffffff;
  padding-bottom: 31px;
  position: relative;
}

h5.eco-1 {
  position: relative;
  left: 200px;
}
.true-text.my-5.part {
  width: 42%;
}
.true-text h5.eco-1::after {
  content: "";
  position: absolute;
  width: 240px;
  height: 30px;
  background: #00bc65;
  left: -250px;
  top: 1px;
  border-radius: 3px;
}
h5.eco-2 {
  position: relative;
  left: 185px;
}
.true-text h5.eco-2::after {
  content: "";
  position: absolute;
  width: 210px;
  height: 30px;
  left: -233px;
  background: #0f7e4a;
  border-radius: 2px;
  top: 0px;
}
h5.eco-3 {
  position: relative;
  left: 170px;
}
.true-text h5.eco-3::after {
  content: "";
  position: absolute;
  width: 185px;
  height: 30px;
  left: -215px;
  background: #165f3c;
  border-radius: 2px;
  top: 0px;
}
h5.eco-4 {
  position: relative;
  left: 170px;
}
.true-text h5.eco-4::after {
  content: "";
  position: absolute;
  width: 185px;
  height: 30px;
  left: -215px;
  background: #195f53;
  border-radius: 2px;
  top: 0px;
}
h5.eco-5 {
  position: relative;
  left: 150px;
}
.true-text h5.eco-5::after {
  content: "";
  position: absolute;
  width: 160px;
  height: 30px;
  left: -193px;
  background: #213128;
  border-radius: 2px;
  top: 0px;
}

h5.eco-6 {
  position: relative;
  left: 150px;
}
.true-text h5.eco-6::after {
  content: "";
  position: absolute;
  width: 160px;
  height: 30px;
  left: -193px;
  background: #26401b;
  border-radius: 2px;
  top: 0px;
}

h5.eco-1 {
  display: inline-block;
}
h5.eco-2 {
  display: inline-block;
}

.true-text h5 span {
  color: #f3d56a;
}

section.mob-table {
  display: none;
}

section.coin-sale {
  padding: 10px 32px;
}
section.total-table-pie {
  padding: 100px 0 80px;
}

h3.volamena {
  font-weight: 800;
  font-size: 48px;
  line-height: 58px;
  text-align: center;
  color: #ffffff;
  margin-bottom: 55px;
}

.h1-text {
  font-size: 1.3rem;
  margin: 40px 0;
  color: #2c2c2c;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}

.h1-text i {
  background-color: #509bfc;
  color: #fff;
  width: 40px;
  height: 40px;
  box-shadow: 2px 5px 30px rgba(80, 123, 252, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  margin: 0 20px;
}

.box {
  background: linear-gradient(180deg, #222222 0%, #272727 100%);
  border: 1px solid rgba(77, 77, 77, 0.15);
  border-radius: 10px;
}

.top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.fa-check-circle {
  color: #17b667;
}

/* creating heart */
.heart {
  color: rgba(155, 155, 155);
}
.heart::before {
  content: "\f004";
  line-height: 30px;
  cursor: pointer;
  z-index: 1;
  transition: all 0.3s;
}
.box .heart-btn:checked ~ .heart::before {
  color: #e41934;
}
.heart-btn {
  position: absolute;
  top: 25px;
  right: 20px;
  padding: 1rem;
  display: none;
}

.content img.client {
  width: 70px;
  height: 70px;
  border-radius: 100px;
  overflow: hidden;
  object-fit: cover;
  margin-bottom: 20px;
  object-position: top;
}
.row.neha {
  display: flex;
  justify-content: center;
}
section.advisors {
  padding-top: 100px;
}

section.advisors h3 {
  font-weight: 800;
  font-size: 48px;
  line-height: 58px;
  text-align: center;
  color: #ffffff;
  margin-bottom: 20px;
}

section.strategic {
  padding-top: 100px;
}

section.strategic h3 {
  font-weight: 800;
  font-size: 48px;
  line-height: 58px;
  text-align: center;
  color: #ffffff;
  margin-bottom: 20px;
}

.content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 0;
}
.content strong {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 142%;
  text-align: center;
  text-decoration-line: underline;
  color: #40e7a0;
}
.content p {
  font-style: normal;
  font-weight: 400;
  font-size: 10px !important;
  line-height: 142%;
  display: flex;
  align-items: center;
  text-align: center;
  color: #ffffff;
  margin-top: 10px;
}

.btn {
  margin-top: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.btn a i {
  margin-right: 9px;
}
.btn a {
  border-radius: 20px;
  color: #8b8b8b;
  padding: 8px 20px;
  font-size: 0.9rem;
}
.btn a:hover {
  color: #fff;
  box-shadow: 2px 5px 15px rgba(80, 123, 252, 0.05);
  background-color: #507bfc;
  transition: all ease 0.5s;
}

/* .owl-carousel .owl-item img {
  display: block;
  width: 17%;
  float: left;
  border: 5px solid #fff;
  border-radius: 20px;
  margin-left: 54px;
  margin-right: 35px;
  margin-top: 15px;
} */
.testimonial-item.equal-height.style-6 {
  background-color: #eee;
  border-radius: 10px;
  margin: 10px;
}
.cell-right {
  text-align: center;
  margin-right: 80px;
  padding-top: 35px;
  padding-bottom: 20px;
}
.testimonial-name {
  font-weight: 600;
}
.testimonial-content.quote {
  padding: 17px 55px;
}
.et_right_sidebar #main-content .container:before {
  display: none;
}
#main-content .container {
  padding-top: 10px;
}
i.fa.fa-quote-left {
  padding: 0px 10px;
  color: #999;
}

section.private h3 {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  /* identical to box height, or 24px */
  /* display: flex; */
  /* align-items: center; */
  text-align: center;
  color: #ffffff;
  font-style: normal;
  font-weight: 400;
  font-size: 24px !important;
  line-height: 142%;
  /* identical to box height, or 34px */
  color: #ffffff;
  margin-bottom: 50px;
  text-align: center;
}

.ticket {
  display: flex;
}

.ticket p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px !important;
  line-height: 150%;
  /* identical to box height, or 24px */
  display: flex;
  align-items: center;
  text-align: center;
  color: #ffffff;
  border-radius: 60px 45px 30px 15px/15px 30px 45px 60px;
  border: 1px solid #fff;
  padding: 3px 60px;
  background: linear-gradient(
    180deg,
    rgba(64, 231, 160, 0.5) 0%,
    rgba(29, 29, 29, 0) 100%
  );
  border: 0.5px solid #3cd997;
}

.ticket h5 {
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 150%;
  /* identical to box height, or 33px */
  display: flex;
  align-items: center;
  text-align: right;
  color: #ffffff;
  margin-left: 30px;
}
.row.moved {
  max-width: 970px;
  margin: 0 auto;
}

section#roadmap-section-id h3 {
  font-weight: 800;
  font-size: 48px;
  line-height: 58px;
  text-align: center;
  color: #ffffff;
  margin-bottom: 140px;
  text-transform: uppercase;
}

.three-items,
.two-items {
  display: flex;
}

.block-div {
  width: 33%;
  padding: 20px 20px 50px;
  position: relative;
}

.block-div::before {
  content: "";
  position: absolute;
  width: 75px;
  height: 75px;
  background: radial-gradient(
    50% 50% at 50% 50%,
    #40e7a0 0%,
    rgba(64, 231, 160, 0) 100%
  );
  top: -40px;
}

.block-div::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background: #4dca95;
  border-radius: 50%;
  top: -9px;
  left: 50%;
  margin-left: -164px;
}

.block-div.before-hidden::before,
.block-div.before-hidden::after {
  display: none !important;
}

.block-div ul li {
  color: #fff;
}

h6.questn {
  color: #fff;
  font-weight: 700;
  position: relative;
  top: -90px;
}

h6.questn span {
  color: #40e7a0;
  margin-right: 5px;
}

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

.three-items {
  border: 4px dashed rgba(64, 231, 160, 0.5);
  border-radius: 0 20px 20px 0px;
  border-left: none;
}
.two-items {
  border: 4px dashed rgba(64, 231, 160, 0.5);
  border-radius: 20px 0px 0px 20px;
  border-top: none;
  border-right: none;
}

.two-items.odd {
  margin-top: -6px;
  margin-left: -13px;
  padding-bottom: 50px;
}

.two-items.even {
  border: 1px dashed rgba(64, 231, 160, 0.5);
  border-radius: 0px 20px 20px 0px;
  border: none;
  margin-top: -6px;
  margin-right: -13px;
}

.arrow-1,
.arrow-2 {
  position: absolute;
  top: -21px;
  right: 50%;
  margin-right: -70px;
}

.arrow-3 {
  position: absolute;
  right: -30px;
  top: 50%;
}

.arrow-5 {
  position: absolute;
  bottom: -22px;
}

.arrow-4 {
  position: absolute;
  top: -16px;
  left: 50%;
}

.arrow-6 {
  position: absolute;
  top: 50%;
  left: -20px;
}

.arrow-7 {
  position: absolute;
  top: -15px;
  left: 50%;
}

.arrow-8 {
  position: absolute;
  top: -15px;
  left: 100%;
}

.two-items.odd .block-div::after,
.two-items.even .block-div::after {
  top: -4px;
}

.desktop-table-view table tr th:last-child {
  border-right: none;
}

.desktop-table-view table tr th:last-child {
  width: 40%;
}

td.pad-top-bot-50px {
  padding-top: 50px;
  padding-bottom: 50px;
}

.desktop-table-view tr td p {
  font-size: 16px !important;
}

.img-block {
  text-align: center;
}

.table-img {
  margin-bottom: 20px;
}

.bb-1px {
  border-bottom: 1px dotted rgba(255, 255, 255, 0.15) !important;
}

section.table-section {
  /* padding-bottom: 100px; */
}

.contain-width.max-width-1000px.unsold-part-section {
  padding-top: 50px;
  color: #fff;
}

.contain-width.max-width-1000px.unsold-part-section h4 {
  text-align: center;
  margin-bottom: 40px;
}

.contain-width.max-width-1000px.unsold-part-section {
  padding-top: 50px;
  color: #fff;
}

.contain-width.max-width-1000px.unsold-part-section h4 {
  text-align: center;
  margin-bottom: 40px;
  font-size: 24px !important;
}

.right-part-unsold {
  padding-left: 80px;
}

h4.eco-center {
  text-align: center;
  color: #fff;
  line-height: 45px;
  height: 100%;
  display: flex;
  align-items: center;
}

.mar-top-100px {
  margin-top: 100px;
  position: relative;
}

section.ecosystem-section .menu-sub {
  text-align: right;
  padding-right: 20px;
  font-size: 16px;
  color: #fff;
}

.menus.eco-menu-1 {
  padding-bottom: 100px;
}

.menus.eco-menu-2 {
  padding-bottom: 60px;
}

.menus.eco-menu-3 {
  padding-bottom: 60px;
}

.menus.eco-menu-4 {
  padding-bottom: 90px;
}

.menus.eco-menu-5 {
  padding-bottom: 45px;
}

.menus.eco-menu-6 {
  padding-bottom: 250px;
}

.menus.eco-menu-7 {
  padding-bottom: 340px;
}

.menus.eco-menu-1 .menu-sub,
.menus.eco-menu-7 .menu-sub,
.menus.eco-menu-8 .menu-sub {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  /* justify-content: flex-end; */
}

.left-arrow-icon {
  margin: 0 30px;
}

ul.menu-sub-list {
  list-style: none;
  padding-left: 0px;
}

ul.menu-sub-list li {
  position: relative;
  font-size: 16px;
}

ul.menu-sub-list li::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  background: #fff;
  border-radius: 50%;
  /* left: 0; */
  top: 12px;
  right: -16px;
}

.inner-menu {
  position: relative;
}

.inner-menu::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #31bb81;
  border-radius: 50%;
  right: -38px;
  top: 6px;
}

.left-menu-block-eco {
  border-right: 1px solid #31bb81;
}

.right-menu-block-eco .menu-sub {
  text-align: left !important;
}

.right-menu-block-eco .menus .menu-sub {
  display: flex;
  align-items: center;
}

.right-menu-block-eco .inner-menu::before {
  right: auto;
  left: -38px;
}

.right-menu-block-eco {
  border-left: 1px solid #31bb81;
}

.right-menu-block-eco .menu-sub {
  padding-left: 20px;
}

.right-menu-block-eco ul.menu-sub-list li::before {
  right: auto;
  left: -16px;
}

.menus.eco-menu-9 {
  padding-bottom: 235px;
}

.menus.eco-menu-10 {
  padding-bottom: 135px;
}

.menus.eco-menu-11 {
  padding-bottom: 180px;
}

.menus.eco-menu-12 {
  padding-bottom: 240px;
}

ul.menu-sub-list.sub-list-menus li::before {
  display: none;
}

ul.menu-sub-list.sub-list-menus li {
  display: flex;
  align-items: center;
  margin: 15px 0;
}

ul.menu-sub-list.sub-list-menus li span {
  font-size: 16px !important;
}

.roadmap-linear-bg img,
.roadmap-linear-bg {
  width: 470px;
}

.roadmap-linear-bg {
  position: absolute;
  top: 50%;
  margin-top: -215px;
  left: 50%;
  margin-left: -255px;
}

.slide {
  z-index: 2;
  /*background-color: #ffcc17;*/
  grid-column: 4 / span 8; /* A centered section as wide as you want it */
  grid-row: 1; /* to force everything on the same row */
  border-radius: 25px;
  /*padding: 50px;
  margin: 50px;*/
  margin-bottom: 75px; /* room for dot controls */
}

.slide-photos {
  grid-column: 1 / span 14; /* full width */
  grid-row: 1; /* to force everything on the same row */
  z-index: 1;
  white-space: nowrap;
  overflow: hidden;
}

.slide-photo {
  width: 100%;
  height: 100%;
  display: inline-block;
  background-size: 100% auto;
  transition: translate 0.5s ease-in-out;
  opacity: 0.6; /* background tint intensity */
}

.next,
.prev {
  grid-row: 1; /* to force everything on the same row */
  color: white;
  font-size: 50px;
  cursor: pointer;
  border: none;
  background: none;
  z-index: 2;
}
.prev {
  grid-column: 3 / span 1; /* Whatever column is left of .slide */
  justify-self: right;
}
.next {
  grid-column: 12 / span 1; /* whatever column is right of .slide */
  justify-self: left;
}
.controls {
  grid-column: 4 / span 8; /* any centered section of columns */
  grid-row: 1;
  position: relative;
  text-align: center;
  top: calc(100% - 60px);
  z-index: 2;
}
.dotss {
  cursor: pointer;
  height: 10px;
  width: 10px;
  margin: 0 10px;
  background-color: #40e7a0;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
  border: none;
}

.dotss.active {
  background-color: white;
}

.grid {
  /* This is my 12-column grid code snippet, you can adjust the grid to work for you */

  --wrap: 1200px;
  /* maximum content width */

  --columns_margin: max(20px, calc(calc(100vw - var(--wrap)) / 2));
  /* This variable is used to set the first and last column widths to be at least 20px, but not greater than the page width minus the --wrap varaible */

  display: grid;
  grid-template-columns:
    var(--columns_margin)
    repeat(12, 1fr)
    var(--columns_margin);
  column-gap: 20px;
}

/* just styling */

.CTA {
  background-color: black;
  color: white;
  font-weight: bold;
  width: fit-content;
  padding: 20px;
  border-radius: 5px;
  text-decoration: none;
  margin-top: 5px;
}
.CTA:hover {
  background-color: rgba(0, 0, 0, 0%);
  color: black;
  outline: 2px solid black;
}

h3 {
  margin-bottom: 0;
}

/* .four-blocks-service {
  display: flex;
  flex-wrap: wrap;
} */

button.dotss.active {
  background: #40e7a0;
  position: relative;
  top: -5px;
}

button.dotss.active::before {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(64, 231, 160, 0.5) 0%,
    rgba(64, 231, 160, 0) 100%
  );
  top: -14px;
  left: -14px;
}
.social-new h4 {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  display: flex;
  align-items: center;
  text-decoration-line: underline;
  color: #2ca773;
  margin-top: 10px;
}
section.social-media span i {
  padding-right: 10px;
}
.mobile-table {
  display: none;
}

/* coin details table start */
h4.cmn-top-title {
  font-weight: 700 !important ;
}
.desktop-table-view table tr th {
  text-align: center;
  font-family: "Segoe UI";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 33px; /* 150% */
  width: 20%;
  padding: 20px 0;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.15);
  /* padding-left: 35px; */
  border-right: 1px dotted rgba(255, 255, 255, 0.15);

  background: var(--1, linear-gradient(180deg, #c0884a 0%, #e9cf7e 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.desktop-table-view {
  /* padding: 50px 50px; */
  border-radius: 15px;
  border: 1px solid var(--22, #fff);
  background: rgba(255, 255, 255, 0.05);
}
.desktop-table-view table tr td {
  color: #fff;
  /* padding-left: 35px; */
  text-align: center;
  border-right: 1px dotted rgba(255, 255, 255, 0.15) !important;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.15) !important;
}
.desktop-table-view table tr td:last-child {
  padding: 20px 23px 20px 50px;
  border-right: none !important;
}
.desktop-table-view table tr td:first-child {
  padding: 0;
}
.desktop-table-view table tr td p span {
  display: block;

  background: var(--1, linear-gradient(180deg, #c0884a 0%, #e9cf7e 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Segoe UI";
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.desktop-table-view table tr td.borderright {
  border-right: 1px dotted rgba(255, 255, 255, 0.15) !important;
  border-bottom: 0 !important;
  padding-left: 0px;
}
.desktop-table-view table tr:last-child td:last-child {
  border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-bottom: 0 !important;
}
.unsold-coins span {
  text-align: center;
  padding: 10px;
  margin-right: 42px;
  display: inline-block;
  width: 50%;
  font-size: 16px !important;
  border-radius: 5px;
  border: 1px solid rgba(255, 153, 0, 0.5);
  background: linear-gradient(
    180deg,
    rgba(192, 136, 74, 0.1) 0%,
    rgba(233, 207, 126, 0.1) 100%
  );
}
.unsold-coins {
  margin-bottom: 20px;
  font-size: 16px !important;
}
.true-text.part.false-For-Bottom-Text .unsold-coins {
  margin-bottom: 15px;
}
.vive-versa {
  display: flex;
  flex-direction: row-reverse;
}
.vive-versa span {
  margin-left: 42px;
  margin-right: 0 !important;
}
.volamena-cost {
  padding: 20px 0 30px;
  margin: 0;
}
.contain-width.max-width-1000px.unsold-part-section {
  padding-top: 90px !important;
  color: #fff;
}
.left-part-unsold {
  padding-top: 70px;
  padding-right: 80px;
}
.left-part-unsold {
  border-right: 2px solid #cccccc30;
}
/* coin details table end */
/* revolution start*/
.revolution-con .volamena-mini-title.techtext {
  margin: initial;
}
.revolution-con h5 {
  text-align: left !important;
  max-width: 500px;
  margin: initial;
  margin-top: 15px;
}
.revolution-con p {
  color: #dab46b;
  font-size: 16.313px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 30.6px;
  letter-spacing: 0.45px;
  margin-top: 35px;
  max-width: 450px;
}
.future-tech-define {
  max-width: 400px;
}
.future-tech {
  display: flex;
  gap: 10px;
  margin-top: 35px;
}
.future-tech-define p {
  margin: 0;
  background: var(
    --22,
    linear-gradient(120deg, #fff 0%, rgba(241, 230, 189, 0.5) 100%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: Inter;
  font-size: 16.641px;
  font-style: normal;
  font-weight: 500;
  line-height: 22.94px;
}
.future-tech-define span {
  color: rgba(218, 180, 107, 0.92);
  font-family: Inter;
  font-size: 14.5px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 25.92px;
  letter-spacing: 0.4px;
}
.revolution-asset img {
  margin: auto;
}
section.document {
  padding: 35px 0 0 0;
  position: relative;
}
/* revolution end*/

/* documemt start*/
section.document h5 {
  margin-bottom: 40px;
}
.sim-card {
  /* padding: 60px 40px; */
  padding: 31px 88.89px 32px 88.89px;
  text-align: center;
  height: 100%;
  border-radius: 10px;
  border: 1px solid rgba(242, 242, 242, 0.15);
  background: linear-gradient(0deg, #232323 0%, #272727 100%);
  box-shadow: 0px 0px 10px 0px rgba(237, 237, 237, 0.15);
}
a.doc-link {
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  text-decoration-line: underline;
  color: #997b4c;
  /* background: var(--1, linear-gradient(180deg, #C0884A 0%, #E9CF7E 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
}
.sim-card:hover {
  background: linear-gradient(
    180deg,
    rgba(33, 33, 33, 0.8) 0%,
    rgba(40, 40, 40, 0.8) 100%
  );
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: 0px 0px 10px rgb(255 255 255 / 15%);
  border-radius: 10px;
}

/* documemt end*/

/* buy-now start */
section.buy-now {
  padding-top: 80px;
}
.buy-now-bg {
  background-image: url(../img/goldpark/buy-now-bg.png);
  background-repeat: no-repeat;
  padding: 80px 0 75px;
  /* background-position: center center; */
  background-size: cover;

  border-radius: 19.2px;
  backdrop-filter: blur(50px);
}
.buy-now-bg h6 {
  background: var(
    --22,
    linear-gradient(120deg, #fff 0%, rgba(241, 230, 189, 0.5) 100%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: Inter;
  font-size: 50.426px;
  font-style: normal;
  font-weight: 500;
  line-height: 57.69px;
  margin: 15px 0 18px;
}
.buy-now-bg-con {
  max-width: 500px;
  margin: auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.buy-now-bg-con span,
.buy-now-bg-con label {
  color: rgba(160, 140, 111, 0.92);
  text-align: center;
  font-family: Inter;
  font-size: 16.453px;
  font-style: normal;
  font-weight: 400;
  line-height: 30.6px;
  letter-spacing: 0.45px;
}
.buy-now-bg-con button {
  display: flex;
  justify-content: center;
  border-radius: 896px;
  background: var(--1, linear-gradient(180deg, #c0884a 0%, #e9cf7e 100%));
  box-shadow: 0px 7px 80px -12px #ff9c55;
}
.buy-now-bg-con label {
  margin-bottom: 10px;
}
/* buy-now end */

/* footer start*/
section.footer-part {
  position: relative;
  padding-top: 60px;
}
input[type="email"],
input[type="number"] {
  border: 0;
  padding: 15px 20px;
  margin-top: 0.3125rem;
  border-radius: 5px 0px 0px 5px;
  border: 1px solid rgba(255, 202, 67, 0.62);
  background: #1f2020;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  font-family: "Segoe UI";
}
input[type="submit"] {
  cursor: pointer;
  border: 0;
  padding: 0.625rem 0.9375rem;
  margin-top: 0.3125rem;
  width: 133.27px;
  /* padding: 19.5px 0px 20.5px 0px; */
  color: #000;
  text-align: center;
  font-family: "Segoe UI";
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: 24px;
  border-radius: 0px 5px 5px 0px;
  background: var(--1, linear-gradient(180deg, #c0884a 0%, #e9cf7e 100%));
}
section.footer-part h6 {
  margin-top: 40px;
  color: #fff;
  text-align: center;
  font-family: "Segoe UI";
  font-size: 24px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 0;
}
section.footer-part .eco ul li a {
  list-style-type: none;
  padding: 5px 10px 0;
  display: flex;
  align-items: center;
  color: #ffffffab;
  text-align: center;
  font-family: "Segoe UI";
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
  margin-top: 25px;
  text-decoration: none;
}
section.footer-part .eco p {
  /* color: rgba(255, 255, 255, 0.32); */

  color: #ffffffab;
  text-align: center;
  font-family: "Segoe UI";
  font-size: 12px !important;
  font-style: normal;
  font-weight: 300;
  line-height: 15px;
  margin-top: 29px;
}
section.footer-part .eco ul {
  display: flex;
  justify-content: center;
  margin-bottom: 0;
  list-style-type: none;
}

section.footer-part .eco ul.term li {
  text-decoration: none;
}
/* footer end*/

/* Roadmap start */
section#RoadmapSection h4 {
  margin-bottom: 50px;
  color: #fff;
  font-style: normal;
  font-weight: 700;
  font-size: 55px;
  line-height: 70px;
  text-transform: uppercase;
  text-align: center;
  color: #ffffff;
  margin-bottom: 100px;
}

.right-block-dev {
  background: url(../img/road-back.png);
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  padding: 100px 0;
  background-position: center center;
  position: relative;
}
.right-block-dev {
  /* padding: 0 120px 0 60px; */
}
.left-block-dev,
.right-block-dev {
  width: 100%;
}
.point-block {
  /* min-height: 110px; */
  max-width: 100%;
  border: 1px solid #2f2f2f;
  margin-left: 7pc;
  /* max-height: 84px; */
  padding: 15px 20px;
  min-height: 200px;
  margin-bottom: 30px;
}

.point-block {
  /* border-left: 0px; */
}
.point-block {
  /* padding-left: 40px; */
  position: relative;
  /* border-left: 3px dashed #ccc; */
}
.point-block h4 {
  /* color: #fff; */
  font-style: normal;
  font-weight: 700;
  font-size: 20px !important;
  line-height: 24px;
  color: #ffffff;
  margin-bottom: 18px;
}
.point-block ul li {
  /* color: #fff; */
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #ffffff;
}
section#RoadmapSection .point-block h4 {
  color: #fff;
  font-size: 17.283px !important;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: initial;
  text-align: left !important;
  margin-bottom: 9px !important;
  white-space: pre;
}
.point-block ul {
  padding-left: 1rem;
}
.timeline.right {
  position: relative;
  right: 26px;
  padding: 0;
  position: absolute;
  top: 0;
}
.timeline.right ul li.in-view::before {
  background-image: url(../img/goldpark/right-line-vector.svg);
  background-repeat: no-repeat;
}
.timeline.right .draw-line,
.timeline.right .default-line {
  background: none !important;
}
.timeline.right ul li.in-view::before {
  /* width: 347px !important; */
  width: 208px !important;
  right: 3px !important;
  left: 0 !important;
}
.timeline.right ul li p,
.timeline.right ul li {
  width: auto;
  color: #fff;
  font-size: 17.283px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.timeline.right ul li p {
  padding-bottom: 0 !important;
}
li .map-year {
  position: relative;
  top: 116px;
  right: 36px;
}
.btn-years {
  display: flex;
  gap: 40px;
}

/* .timeline.right .draw-line{
  width: auto !important;
  height: auto !important;
  color: #c0884a !important;
} */
@media (min-width: 992px) {
  .right-block-dev {
    padding: 0 30px;
  }
}
/* Roadmap end */

/* token start */
.token-diamond {
  margin: auto;
  display: flex;
  justify-content: center;
}
section.total-table-pie .unsold-coins p {
  border-radius: 5px;

  padding: 10px;
  /* margin-right: 42px; */
  display: inline-block;
  color: #fff;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
section.total-table-pie .unsold-coins span {
  background: var(
    --Second,
    linear-gradient(180deg, #f3d56a 0%, #efd67c 47.92%, #c19e20 100%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border: 0;
  width: auto;
  margin: 0;
}
.grph-1 {
  width: 384px;
  background: #3a3b3a;
}
.grph-2 {
  width: 300px;
  background: #676869;
}
.grph-3 {
  width: 234px;
  background: #9a9c9c;
}
.false-For-Bottom-Text {
  margin: auto;
}
section.total-table-pie .unsold-coins.vive-versa {
  text-align: right;
  margin-bottom: 15px;
}
.true-text.part .grph-1 {
  background: #c69352;
}
.true-text.part .grph-2 {
  background: #dbb66c;
}
.true-text.part .grph-3 {
  background: #e9cf7e;
}
/* token end */

/* tokenomics update start */
.row.piee {
  border-radius: 18px;
  border: 0.738px solid var(--12, #a3743c);
  background: linear-gradient(
    261deg,
    rgba(255, 255, 255, 0.07) 6.66%,
    rgba(250, 197, 121, 0.06) 80.56%
  );
  backdrop-filter: blur(15.431199073791504px);
  margin-top: 66px;
  justify-content: center;
  align-items: center;
  padding: 53px 0;
}
section.total-table-pie h3.volamena {
  background: var(--1, linear-gradient(180deg, #c0884a 0%, #e9cf7e 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-size: 72px !important;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
  max-width: none !important;
  margin-bottom: 40px;
}
section.total-table-pie p {
  color: #fff;
  text-align: center;
  font-size: 32px !important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 0;
}
.true-text.my-5.part h5 {
  color: #fff;
  font-size: 18px !important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
canvas.am5-layer-30 {
  width: auto !important;
  height: auto !important;
}
/* chart */
.chartPart {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
.sort-0 {
  border-radius: 5px 5px 0px 0px;
  background: #a48d54;
  height: 50px;
}
.sort-1 {
  background: #ac8348;
  border-radius: 5px 5px 0px 0px;
  height: 75px;
}
.sort-2 {
  border-radius: 5px 5px 0px 0px;
  background: #f2a434;
  height: 100px;
}
.sort-3 {
  border-radius: 5px 5px 0px 0px;
  background: #784700;
  height: 125px;
}
.sort-4 {
  border-radius: 5px 5px 0px 0px;
  background: #b66c00;
  height: 190px;
}
.sort-5 {
  border-radius: 5px 5px 0px 0px;
  background: #ff9700;
  height: 300px;
}
.sort-6 {
  border-radius: 5px 5px 0px 0px;
  background: #e3b36f;
  height: 401px;
}
.pieChart {
  display: flex;
  align-items: flex-end;
}

.progressBar {
  border-radius: 2.26px;
  border: 1.13px solid var(--12, #a3743c);
  display: flex;
  align-items: center;
  justify-content: space-between;

  position: relative;
  width: 100%;
  max-width: 512px;
  height: 36.154px;
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-right: 10px;
}
.progress {
  height: 35px;
  border-radius: 2.26px;
}
.progress-flex {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
section#TokenomicsSection {
  position: relative;
}
section#TokenomicsSection::after {
  position: absolute;
  content: "";
  width: 222px;
  height: 381.996px;
  background-image: url(../img/goldpark/token-stone-after.png);
  background-repeat: no-repeat;
  right: 0;
  top: 48rem;
}
section#TokenomicsSection::before {
  position: absolute;
  content: "";
  width: 700px;
  height: 750px;
  background-image: url(../img/goldpark/token-stone-before.png);
  background-repeat: no-repeat;
  left: 0;
  top: 6rem;
}
/* chart */
/* tokenomics update stop */
/* roadmap update */
.acctn-create-box {
  background-image: url(../img/goldpark/roadMap-left-bg.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 763px;
  height: 124px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: auto;
  width: auto;
}
section#RoadmapSection {
  /* overflow-x: hidden; */
}
.even-steps {
  background-image: url(../img/goldpark/roadMap-right-bg.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 763px;
  height: 124px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  /* margin-top: 35px; */
  top: 48px;
  margin: auto;
  width: auto;
}
.acctn-create-box::before {
  position: absolute;
  content: "";
  background-image: url(../img/goldpark/gold-bars.png);
  background-repeat: no-repeat;
  width: 155px;
  height: 133px;
  left: 16px;
  bottom: 28px;
}
.even-steps::after {
  position: absolute;
  content: "";
  background-image: url(../img/goldpark/gold-bars.png);
  background-repeat: no-repeat;
  width: 155px;
  height: 133px;
  right: 4px;
  bottom: 41px;
}
.step-head p {
  margin-bottom: 0;
  color: #fff;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.24px;
  max-width: 434px;
}
.number {
  background: var(--1, linear-gradient(180deg, #c0884a 0%, #e9cf7e 100%));
  float: right;
  position: relative;
  width: 125px;
  height: 125px;
  border-radius: 91px;
  display: flex;
  align-items: center;
  justify-content: center;

  color: #fff;
  font-size: 52px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.52px;
}
.left.number {
  left: 30rem;
  bottom: 3rem;
}
.box-two {
  top: 5rem;
}
.box-three {
  top: 10rem;
}
.box-three .left.number {
  left: 35rem;
}
.box-three .number {
  bottom: 3rem;
}
.box-four .right.number {
  right: 5rem;
  top: 1rem;
}
.box-two .right.number {
  right: 5rem;
  top: 1rem;
}
.box-four {
  top: 16rem;
}

/* roadmap update */
section.document .row {
  justify-content: center;
}
section.revolution {
  margin-top: 21rem;
}



/*** landing page **/

section.banner-part {
  background: url('../../landing/img/banner-bg.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.header-section {
  background: #000;
  backdrop-filter: blur(40px);
}

.header-section .container {
  max-width: 1440px;
}

.buy-coin-button {
  text-align: center;
}


div#timer div span {
  /* display: flex; */
  /* border-radius: 8px; */
  /* background: rgba(2, 1, 6, 0.80); */
  color: #D9D9D9;
  text-shadow: 4px 77px 21px #FDEE91, 2px 49px 20px rgba(253, 238, 145, 0.09), 1px 28px 17px rgba(253, 238, 145, 0.32), 1px 12px 12px rgba(253, 238, 145, 0.55), 0px 3px 7px rgba(253, 238, 145, 0.63);
  /* font-family: Raleway; */
  /* font-size: 10px; */
  font-style: normal;
  font-weight: 400;
  line-height: 11px; /* 110% */
  text-transform: capitalize;
  display: inline-block;
  text-shadow: 4px 77px 21px #FDEE91, 2px 49px 20px rgba(253, 238, 145, 0.09), 0px 3px 7px rgba(253, 238, 145, 0.63);
  font-size: 36px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 39.6px; /* 110% */
  background: var(--Mi, linear-gradient(99deg, #B66F19 -9.99%, #F5EF8D 35.52%, #C0811F 70.65%, #FDFC7B 102.59%, #844B16 149.69%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

div#timerstake div span {
  /* display: flex; */
  /* border-radius: 8px; */
  /* background: rgba(2, 1, 6, 0.80); */
  color: #D9D9D9;
  text-shadow: 4px 77px 21px #FDEE91, 2px 49px 20px rgba(253, 238, 145, 0.09), 1px 28px 17px rgba(253, 238, 145, 0.32), 1px 12px 12px rgba(253, 238, 145, 0.55), 0px 3px 7px rgba(253, 238, 145, 0.63);
  /* font-family: Raleway; */
  /* font-size: 10px; */
  font-style: normal;
  font-weight: 400;
  line-height: 11px; /* 110% */
  text-transform: capitalize;
  display: inline-block;
  text-shadow: 4px 77px 21px #FDEE91, 2px 49px 20px rgba(253, 238, 145, 0.09), 0px 3px 7px rgba(253, 238, 145, 0.63);
  font-size: 15px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 39.6px; /* 110% */
  background: var(--Mi, linear-gradient(99deg, #B66F19 -9.99%, #F5EF8D 35.52%, #C0811F 70.65%, #FDFC7B 102.59%, #844B16 149.69%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

div#timer {
  display: flex;
  border-radius: 8px;
  background: rgba(2, 1, 6, 0.80);
  justify-content: space-between;
  padding: 10px 10px 10px 10px;
}

div#timerstake {
  display: flex;
  border-radius: 8px;
  background: rgba(2, 1, 6, 0.80);
  justify-content: space-between;
  padding: 10px 10px 10px 10px;
}

div#timer div {
  color: #D9D9D9;
  text-shadow: 4px 77px 21px #FDEE91, 2px 49px 20px rgba(253, 238, 145, 0.09), 1px 28px 17px rgba(253, 238, 145, 0.32), 1px 12px 12px rgba(253, 238, 145, 0.55), 0px 3px 7px rgba(253, 238, 145, 0.63);
  /* font-family: Raleway; */
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 11px; /* 110% */
  text-transform: capitalize;
  text-align: center;
}

div#timerstake div {
  color: #D9D9D9;
  text-shadow: 4px 77px 21px #FDEE91, 2px 49px 20px rgba(253, 238, 145, 0.09), 1px 28px 17px rgba(253, 238, 145, 0.32), 1px 12px 12px rgba(253, 238, 145, 0.55), 0px 3px 7px rgba(253, 238, 145, 0.63);
  /* font-family: Raleway; */
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 11px; /* 110% */
  text-transform: capitalize;
  text-align: center;
}

.timer-outer {
  padding: 12px 16px;
  border-radius: 20px;
  border: 1px solid #FDFC7B;
  background: rgba(245, 239, 141, 0.20);
  backdrop-filter: blur(7px);
  width: 295px;
  position: relative;
  z-index: 9;
}

.timer-outer > label {
  color: #000;
  /* font-family: Raleway; */
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
  margin-bottom: 7px;
}

.timer-outer button {
  border-radius: 66px;
  border: 1px solid #FDFC7B;
  background: rgba(245, 239, 141, 0.10);
  backdrop-filter: blur(7px);
  width: 100%;
  padding: 12px;
  color: #fff;
  margin-top: 5px;
}

section.banner-part .contain-width {
  max-width: 1200px;
}

.timer-image {
  display: flex;
  align-items: center;
  /* gap: 50px; */
  justify-content: flex-end;
  position: relative;
  flex-direction: column;
}

.join-presale-right {
  position: relative;
}

.join-presale-right::before {
  content: '';
  position: absolute;
  width: 400px;
  height: 400px;
  border-radius: 409px;
  background: #000;
  filter: blur(82.3499984741211px);
  /* z-index: -1; */
  left: -240px;
  top: -35px;
}

.join-presale-right img {
  position: relative;
}

ul.header-menu-list {
  padding: 0px;
  margin: 0px;
  display: flex;
  justify-content: flex-end;
  list-style: none;
  align-items: center;
  gap: 20px;
}

.header-section .container .row {align-items: center;}

.logo {
  text-align: center;
}

ul.header-menu-list li a {
  list-style: none;
  text-decoration: none;
  color: #B9C0D4;
}

li.common-style a {
    background: #f3e34c;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

li.common-style a span {
    font-size: 13px !important;
    display: inline-block;
}

li.common-style a > span {
    border: 1px solid #f2ea88;
    padding: 5px 15px;
    border-radius: 30px;
}

.join-presale, .join-presale-right {
  text-align: center;
}

.join-presale-right img {
  width: 300px;
}

section.banner-part .contain-width .row {
  align-items: center;
}

.banner-top-stripe h1,.banner-top-stripe span {
  /* font-size: 68px !important; */
  color: #000;
  font-size: bold !important;
  text-align: center;
}

.banner-top-stripe {
  padding: 16px 0;
  background: #fff;
  z-index: -1;
  position: relative;
}

.level-chart .container {
    max-width: 805px;
    text-align: center;
}

.levels {
    padding: 100px 0;
    position: relative;
}
.levels::before {
  content: '';
  position: absolute;
  background: url('../../landing/img/token-level-bg.png');
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 50%;
  margin-top: -730px;
}

.levels::after {
  content: '';
  position: absolute;
  background: url('../../landing/img/gold-park-toker-bg-blur.png');
  background-size: contain;
  background-position: center;
  width: 1201px;
  height: 1410px;
  z-index: -1;
  top: 50%;
  margin-top: -1319px;
  left: -417px;
}


section.Gold-Park-Token-level > .container > .row {
  align-items: center;
}

section.Gold-Park-Token-level > .container {
  padding-top: 100px;
  padding-bottom: 0px;
}

section.Gold-Park-Token-level > .container h2 {
  color: #fff;
}

.gold-park-token-row {
  max-width: 450px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  color: #FFF;
  /* font-family: Raleway; */
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  padding: 5px 0;
}

section.Gold-Park-Token-level h2 {
  margin-bottom: 50px;
}

.gold-park-token-row span {
  background: var(--Mi, linear-gradient(99deg, #B66F19 -9.99%, #F5EF8D 35.52%, #C0811F 70.65%, #FDFC7B 102.59%, #844B16 149.69%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.inner-five-blocks p {
  color: #B9C0D4;
  font-size: 17px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 23.8px;
  min-height: 74px;
}


section.Simplifying-Decentralized-Trading-section .inner-five-blocks p {
  line-height: 30px;
}


section.five-blocks.roadmap-section .inner-five-blocks p {
  min-height: auto;
}

section.five-blocks.roadmap-section .inner-five-blocks-outer-block .inner-five-blocks{
  border: 1px solid transparent;
  padding: 10px;
  margin: 0px;
  border-radius: 18px;
  height: 100%;
}

section.five-blocks.roadmap-section .inner-five-blocks-outer-block:hover .inner-five-blocks {
  border: 1px solid #95954f !important;
}

.inner-five-blocks {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 25px;
  border-radius: 24px 24px 0px 0px;
  border-top: 1px solid #4D5761;
  border-right: 1px solid #4D5761;
  border-left: 1px solid #4D5761;
  border-bottom: 1px solid transparent;
  margin: 25px 0;
}

.inner-five-blocks span {
  color: #000;
  /* font-family: Raleway; */
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 26.4px;
  display: inline-block;
  margin-top: 30px;
  margin-bottom: 15px;
}

.inner-five-blocks:hover {
  border-radius: 20px;
  border: 1px solid #FDFC7B;
  background: rgba(245, 239, 141, 0.20);
  backdrop-filter: blur(7px);
}

section.five-blocks .inner-five-blocks p {
  color: #000;
  font-size: 16px !important;
  min-height: 74px;
}

section.five-blocks .row {
  justify-content: center;
}

section.five-blocks.roadmap-section {
  padding: 50px 0;
}

section.five-blocks.roadmap-section h2 {
  text-align: center;
  margin-bottom: 70px;
  background: var(--Mi, linear-gradient(99deg, #B66F19 -9.99%, #F5EF8D 35.52%, #C0811F 70.65%, #FDFC7B 102.59%, #844B16 149.69%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}

.road-map-head h2 {
  margin-bottom: 0px !important;
}

.road-map-head {
  text-align: center;
  margin-bottom: 60px;
}


section.Simplifying-Decentralized-Trading-section h2 {
  text-align: center;
  margin-bottom: 30px;
  background: linear-gradient(90deg, #FFF 12.3%, #DBD0B3 96.21%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

section.Simplifying-Decentralized-Trading-section {
  padding: 50px 0;
}

section.Simplifying-Decentralized-Trading-section .inner-five-blocks:hover {
  background: transparent;
  border: 1px solid #4D5761;
}

section.Simplifying-Decentralized-Trading-section .inner-five-blocks {
  border: 1px solid #4D5761;
  border-radius: 24px;
  height: 90%;
}

section.Simplifying-Decentralized-Trading-section .inner-five-blocks span {
  font-size: 30px !important;
  line-height: 40px;
  margin-top: 0px;
}

span.five-block-head-margin {
  display: inline-block;
  margin-top: 25px !important;
  line-height: 47px !important;
}

.contain-width.faq-bg {
  max-width: 700px;
}

.accordion-item, .accordion-button {
  background: transparent;
}

.faq .accordion-item button.accordion-button {
  border-bottom: none !important;
  box-shadow:none !important
}

button.accordion-button {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  color: #000;
  border-bottom: 1px solid;
}

.accordion-button:not(.collapsed) {
  color: #000;
  background-color: transparent;
  box-shadow: inset 0 -1px 0 #fff;
}
.accordion-button.x2 {
  color: #fff;
  background-color: transparent;
  box-shadow: unset;
  font-size: 16px;
  padding: 0px;
}

.accordion-body {
  color: #000;
}

.accordion-body.x2 {
  color: #fff;
  padding: 15px 0;
}
.accordion-button.x2:active{
  transform: none !important;
}

.accordion-button.x2::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E") !important;
  /* transform: rotate(180deg) !important; */
  
}

.accordion-button.x2:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E") !important;
  transform: none !important;

}

.accordion.x2{
  margin: 15px 0;
}

section.faq {
  padding: 50px 0;
}


button.accordion-button {
  border-bottom: none;
}

.accordion-item {
  border-bottom: 1px solid #4f4f4f;
  padding: 15px;
}

.accordion-item.x2 {
  border-bottom: none;
  padding: 0px;
}

h2.accordion-header {
  font-weight: 400 !important;
}

button.accordion-button {
  font-weight: 400;
}

img.cta-icon-img {
  width: 120px;
  margin-bottom: 50px;
}

section.Take-Control-of-Your-Reward .container {
  max-width: 1130px;
}

section.Take-Control-of-Your-Reward > .container > .row {
  text-align: center;
  justify-content: center;
  padding: 120px 0 160px;
  background: url('../../landing/img/Take-Control-of-Your-Rewards-bg.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

section.Take-Control-of-Your-Reward h2 {
  margin-bottom: 15px;
  background: linear-gradient(180deg, #FFF 22.5%, rgba(255, 255, 255, 0.70) 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

section.Take-Control-of-Your-Reward p {
  margin-bottom: 30px;
  color:#B0AC96;
}

.subscribe input {
  padding: 16px 22px;
  background: transparent;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 30px;
  width: 350px;
  color: #fff;
}

.subscribe {
  position: relative;
  display: inline-block;
  max-width: 350px;
  padding: 0px;
}

.subscribe button {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.30) 8.85%, #FFF 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.subscribe button {
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.10);
  background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.00) 100%), rgba(255, 255, 255, 0.04);
  padding: 14px;
  position: absolute;
  right: 0;
  top: 0;
}

.subscribe button span {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.30) 8.85%, #FFF 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

section.Take-Control-of-Your-Reward {
  margin: 50px 0 100px;
}

section.GPT-business label {
  font-size: 48px;
  font-weight: 600;
  color: #fff;
}

.flip-horizon-outer {
  display: flex;
  flex-wrap: wrap;
  background: var(--Mi, linear-gradient(99deg, #B66F19 -9.99%, #F5EF8D 35.52%, #C0811F 70.65%, #FDFC7B 102.59%, #844B16 149.69%));
  gap: 2px;
}

.flip-horizon {
  width: 24.8%;
  padding: 35px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #000;
}

.flip-horizon:hover {
  background: transparent !important;
}

.accordion-button.x2:not(.collapsed)::before {
  background-image: url('../../landing/img/accordion-arrow.png') !important;
}

.flip-horizon:hover p, .flip-horizon:hover span {
  color: #000 !important;
}

.flip-horizon span {
  font-size: 30px !important;
  color: #fff;
}

.flip-horizon p {
  color: #E5E5E5 !important;
  text-align: center;
  font-size: 18px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 166.667% */
  background: none !important;
  background-clip: unset !important;
  -webkit-text-fill-color: unset !important;
}

section.GPT-business h2 {
  color: #FFF;
  text-align: center;
  /* font-family: Raleway; */
  font-size: 56px;
  font-style: normal;
  font-weight: 600;
  line-height: 70px; /* 139.286% */
}

section.GPT-business p {
  text-align: center;
  background: var(--Mi, linear-gradient(99deg, #B66F19 -9.99%, #F5EF8D 35.52%, #C0811F 70.65%, #FDFC7B 102.59%, #844B16 149.69%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 22px;
}

section.GPT-business .container {
  padding: 50px 0;
}

section.GPT-business h4.GPT-business-p-tag {
  color: #FFF;
  font-size: 80.238px !important;
  font-style: normal;
  font-weight: 900;
  text-align: right;
  margin-bottom: 60px;
}

.container.GPT-business-container {
  padding-top: 0px !important;
}

section.join-gpt .container .row {
  padding: 45px 40px 0 40px;
  border-radius: 20px;
  border: 1px solid #FDFC7B;
  background: rgba(245, 239, 141, 0.20);
  backdrop-filter: blur(7px);
}

section.join-gpt h2 {
  text-align: center;
  background: linear-gradient(90deg, #FFF 12.3%, #DBD5B3 96.21%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 30px;
}

.pay-receive-option {
  display: flex;
  justify-content: space-between;
  padding: 0px;
  gap: 20px;
}

pa {
  position: relative;
}

.payment-receieve-mode input {
  border-radius: 8px;
  border: 1px solid var(--Mi, #B66F19);
  background: rgba(2, 1, 6, 0.64);
  box-shadow: 0px 147px 59px 0px rgba(255, 207, 104, 0.02), 0px 82px 49px 0px rgba(255, 207, 104, 0.04), 0px 37px 37px 0px rgba(255, 207, 104, 0.07), 0px 9px 20px 0px rgba(255, 207, 104, 0.10);
  padding: 11px;
  width: 100%;
  color: #fff;
}

.payment-receieve-mode {
  width: 50%;
  position: relative;
}

.payment-receieve-mode span {
  padding: 4px 22px;
  border-radius: 35px;
  background: rgba(255, 255, 255, 0.08);
  color: #D4CFB9;
  position: absolute;
  right: 13px;
  top: 43px;
  font-size: 16px !important;
}

.payment-receieve-mode label {
  color: #70707B;
  margin-bottom: 12px;
}

.button-join-GPT {
  text-align: center;
  margin-top: 50px;
}

.button-join-GPT button {
  background: transparent;
  border: none;
}

.button-join-GPT {
  text-align: center;
  margin-top: 50px;
}

.button-join-GPT button {
  background: transparent;
  border: none;
}

section.join-gpt {
  padding: 100px 0 50px;
}

section.join-gpt .container {
  max-width: 890px;
  padding: 50px;
  position: relative;
}

section.join-gpt .container::before {
  content: '';
  background: url('../../landing/img/right-bottom-png.png');
  position: absolute;
  width: 96px;
  height: 96px;
  right: -12px;
  bottom: 0;
}

section.join-gpt .container::after {
  content: '';
  background: url('../../landing/img/left-top-png.png');
  position: absolute;
  width: 96px;
  height: 96px;
  left: -12px;
  top: 0;
}

section.join-gpt .container .row{position: relative;}

section.join-gpt .container .row::before {
  content: '';
  position: absolute;
  width: 113%;
  height: 73px;
  filter: blur(20px);
  background: #000;
  bottom: -47px;
  left: -89px;
}



table {
  border-radius: 10px;
  /* border: 1.984px solid #f3e34c73; */
  /* background: linear-gradient(204.25deg, #FFEDB4 27.3%, #FFF06A 92.58%); */
  /* border: 1px solid #A90101; */
  /* box-shadow: 0px 3.938px 3.938px 0px rgba(0, 0, 0, 0.25); */
  /* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; */
  backdrop-filter: blur(79.64852142333984px);
  width: 100%;
  margin-top: 10px;
}

table tr td, table tr th {
  padding: 20px;
}
.level-chart tr td:last-child {
  padding-right: 70px;
}

.level-chart tr th, .level-chart tr td {
  font-size: 20px;
  color: #fff;
  border: 1.984px solid rgba(255, 255, 255, 0.08);
}

.level-chart tr:nth-child(2) th:first-child{
  padding-left: 55px;
}

.level-chart tr th {
  text-align: left;
}

.level-chart tr td:first-child {
  font-weight: 700;
  text-align: left;
  padding-left: 55px;
}

.level-chart tr td:first-child span {
  background: var(--Mi, linear-gradient(99deg, #B66F19 -9.99%, #F5EF8D 35.52%, #C0811F 70.65%, #FDFC7B 102.59%, #844B16 149.69%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.level-chart tr td {
  text-align: right;
}

.level-chart-main-head {
  display: flex;
  align-items: center;
  gap: 10px;
}

.levels-note {
  margin-top: 30px;
  display: flex;
  font-size: 20px;
  text-align: left;
  gap: 20px;
  border-radius: 13.783px;
  border-top: 1.984px solid rgba(255, 255, 255, 0.08);
  background: rgba(24, 19, 1, 0.20);
  color: #fff;
  padding: 20px;
}

.levels-note p {
  font-size: 16px !important;
}

.levels-note p span {
  background: var(--Mi, linear-gradient(99deg, #B66F19 -9.99%, #F5EF8D 35.52%, #C0811F 70.65%, #FDFC7B 102.59%, #844B16 149.69%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* font-family: Raleway; */
  /* font-size: 23.808px; */
  font-style: normal;
  font-weight: 500;
  line-height: 35.712px;
  letter-spacing: 0.952px;
}

section.GPT-business {
  position: relative;
}

section.GPT-business::before {
  content: '';
  position: absolute;
  background: url('../../landing/img/gold-park-toker-bg-blur.png');
  background-size: contain;
  background-position: center;
  width: 1425px;
  height: 1563px;
  z-index: -1;
  top: 50%;
  margin-top: -1344px;
  right: -282px;
}

.inner-five-blocks-outer-block {
  border-top: 1px solid #4D5761;
  border-right: 1px solid #4D5761;
  border-left: 1px solid #4D5761;
  border-bottom: 1px solid transparent;
  background: transparent;
  border-radius: 20px;
  padding: 10px;
}


.inner-five-blocks-outer-block:hover {
  border: 1px solid #FDFC7B;
  background: rgba(245, 239, 141, 0.20);
  backdrop-filter: blur(7px);
}

.inner-five-blocks-outer-block-content p {
  font-size: 16px !important;
  color: #fff;
}

.inner-five-blocks-outer-block:hover .roadmap-icon-logo-img {
  position: absolute;
  top: -44px;
  right: -44px;
}

.container.roadmap-section-container .row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.container.roadmap-section-container .row .inner-five-blocks-outer-block {
  width: 20%;
}

.roadmap-icon-logo-img {
  width: 100%;
  text-align: right;
}


.container.roadmap-section-container .row .inner-five-blocks-outer-block:hover {
  width: 25%;
  transition: all 0.2s ease-in-out;
}

.inner-five-blocks-outer-block-content {
  opacity: 0;
}

.container.roadmap-section-container .row .inner-five-blocks-outer-block:hover .inner-five-blocks-outer-block-content {
  opacity: 1;
}

.container.roadmap-section-container .row .inner-five-blocks-outer-block:hover .inner-five-blocks, .container.roadmap-section-container .row .inner-five-blocks-outer-block .inner-five-blocks:hover {
  background: transparent !important;
}

.container.roadmap-section-container .row .inner-five-blocks-outer-block .inner-five-blocks:hover{
  backdrop-filter: blur(0px) !important;
}


.connect-wallet-part-header-outer {
    display: flex;
     justify-content: flex-end;
    width: 100%;
}


/** metamask **/

div#metamaskConnect img, div#trustWalletConnect img {
  width: 25px
}

div#metamaskConnect, div#trustWalletConnect {
  display: flex;
  align-items: baseline;
  gap: 15px;
  margin-bottom: 15px;
}
div#metamaskConnect a {
  display: flex;
  align-items: center;
  gap: 15px;
}

div#trustWalletConnect p {
  margin: 0px !important;
}

div#trustWalletConnect {
  align-items: center;
}
.metamask-modal{
  max-width: 750px !important;
}
.modal-body.connect-popup-body.flex-1{
  padding: 25px;
  align-items: baseline;
  justify-content: space-between;
}
.metamask-modal h2{
  color: #fff;
  font-size: 20px !important;
}
.digital-img img {
  width: 47px;
}
.digital-assets-cnt {
  display: flex;
  gap: 15px;
  color: #fff;
  margin-top: 25px;
}
.digital-assets-txt p{
  max-width: 365px;
  font-size: 16px !important;
  margin-bottom: 10px;
}
.metamask-modal .modal-content {
  background: #1a1b1f;
}
.wallet-msg {position: relative;}
.wallet-msg:after {
    position: absolute;
    content: '';
    width: 1px;
    height: 282px;
    background: #f3f3f352;
    top: 0;
    right: -52px;
}

div#qrcode img {
  width: 110px;
}

div#qrcode {
  margin-top: 30px !important;
}

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

.con_butn:hover:before{
    left: calc(100% - 31px);
    transition: .5s;
}
.connect-popup .modal-header .btn-close {
    filter: invert(1) !important;
}
.connect-popup-logos {
    gap: 70px;
    cursor: pointer;
}

.metamask-logo p, .trustwallet-logo p {
    color: #fff;
    font-size: 18px !important;
    text-align: center;
    margin-top: 10px;
}
.connect-popup .modal-header{
    border-bottom: none !important;
}

.modal-header h5#staticBackdropLabel {
    font-size: 27px !important;
    color: #000;
    font-weight: 700;
}

a#connectmetamaskuser {
    color: #fff;
    font-size: 14px;
}

.connect-wallet-part-header {
    display: flex;
    gap: 14px;
    align-items: center;
}

.buy-coin-button img {
    width: 230px;
}

.connect-wallet-part-header li a {
    display: inline-block;
}

.connect-wallet-part-header li {
    list-style: none !important;
}

a#disconnectmetamaskuser {
  background: #ffc107 !important;
  color: #000;
  background: #1f1f1f;
  display: inline-block;
  padding: 10px 24px;
  border-radius: 50px;
  font-size: 14px;
  cursor: pointer;
  border: 1px solid #000;
  background: #000;
  /* background-clip: text; */
  /* -webkit-background-clip: text; */
  /* -webkit-text-fill-color: transparent; */
  position: relative;
}

a#disconnectmetamaskusers {
  background: #ffc107 !important;
  color: #000;
  background: #1f1f1f;
  display: inline-block;
  padding: 10px 24px;
  border-radius: 50px;
  font-size: 14px;
  cursor: pointer;
  border: 1px solid #000;
  background: #000;
  /* background-clip: text; */
  /* -webkit-background-clip: text; */
  /* -webkit-text-fill-color: transparent; */
  position: relative;
}

div#connectWallets img {
    width: 230px;
    cursor: pointer;
}

.header-top.header-top-after-connectwallet {
    padding: 18px 5px;
    align-items: center;
    gap: 15px;
}

.header-top.x2{
  flex-direction: column;
  gap: 25px !important;
}
/*** footer **/

.footer-logo img {
  width: 100%;
}

section.footer {
  padding-top: 0px;
  background: #161513;
}

.foot-links {
  display: flex;
  justify-content: space-between;
  padding-top: 35px;
  border-top: 1px solid #3F3F46;
  align-items: center;
  flex-wrap: wrap;
}

.social-media-foot ul {
  display: flex;
  padding: 0px;
  margin: 0px;
  list-style: none;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.social-media-foot ul.links-last-list img {
  margin-bottom: 0px;
  width: 35px;
}

.links-last ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  display: flex;
  gap: 10px;
}

.links-last ul li a {
  color: #B9C0D4;
  text-decoration: none;
  font-size: 14px;
}

.reservd {
  font-size: 14px;
  color: #B9C0D4;
}



@media (max-width:767.98px){
  .timer-image {
    flex-direction: column;
    padding-bottom: 40px;
}
.header-top.header-top-after-connectwallet{
  gap: 5px !important;
}
section.GPT-business h4.GPT-business-p-tag {
    font-size: 40px !important;
}

section.GPT-business h2 {
    line-height: 40px;
}


.flip-horizon {
    width: 48.8%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #000;
}

section.join-gpt {
    padding: 50px 0 !important;
}

section.join-gpt {
    margin: 0;
}

.pay-receive-option {
    flex-direction: column;
}

.payment-receieve-mode {
    width: 100%;
}

section.Gold-Park-Token-level > .container {
    padding-top: 50px;
}

h2, section.Simplifying-Decentralized-Trading-section h2 {
    font-size: 30px !important;
}

.flip-horizon span {
    font-size: 24px !important;
}

section.GPT-business p {
    font-size: 16px !important;
    line-height: 24px;
}

.level-chart {
    overflow: auto;
}

.levels-note {
    background: #000;
}

.levels {
    padding: 50px 0 !important;
}

.container.roadmap-section-container .row .inner-five-blocks-outer-block {
    width: 100%;
    margin: 10px 0;
}

.container.roadmap-section-container .row .inner-five-blocks-outer-block:hover{
  width: 100% !important;
}

.inner-five-blocks-outer-block-content {
  opacity: 1;
}

section.join-gpt .container .row {
  padding: 15px;
}
section.join-gpt .container {
  padding: 50px 20px;
  position: relative;
}
.flip-horizon-outer {
  justify-content: space-around;
}

section.GPT-business::before{display: none;}

.container > * {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

section.GPT-business label {
  font-size: 30px;
  font-weight: 600;
  color: #000;
  margin-bottom: 30px;
}

.banner-top-stripe h1 {
  font-size: 40px !important;
  color: #000;
}

.inner-five-blocks {
  margin: 10px 0;
}

.foot-links {
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 50px;
}

.modal-body.connect-popup-body.flex-1 {
    flex-direction: column;
}

.wallet-msg:after {
    display: none;
}

.join-presale-right img {
  width: 145px;
}

.gold-park-token-row label, .gold-park-token-row span{font-size: 16px !important;}

.subscribe input{width: 100% !important;}

section.GPT-business .container {
  padding: 30px 0;
}

}



@media (min-width:768px) and (max-width:991.98px){


  .container.roadmap-section-container .row {
    gap: 15px;
}

.container.roadmap-section-container .row .inner-five-blocks-outer-block {
    width: 48%;
}

.container.roadmap-section-container .row .inner-five-blocks-outer-block .inner-five-blocks-outer-block-content {
    opacity: 1;
}

section.join-gpt {
  padding: 50px 0 !important;
}
section.Gold-Park-Token-level > .container {
  padding-top: 50px;
}
.levels {
  padding: 50px 0 !important;
}
section.join-gpt .container {
padding: 50px 20px;
position: relative;
}
.foot-links {
padding-left: 0px !important;
padding-right: 0px !important;
padding-bottom: 50px;
}

.flip-horizon {
  width: 49.8%;
  padding: 20px;
}

.timer-image {
  justify-content: center;
}

.banner-top-stripe h1{text-align: center !important;line-height: 45px !important;}

.container.roadmap-section-container .row .inner-five-blocks-outer-block:hover{width: 48% !important;}


body section.banner-part{padding: 50px 0 !important;}

section.GPT-business .container {
  padding: 30px 0;
}

}



@media (max-width:991.98px){

  ul.header-menu-list {
    /* width: 100% !important; */
    /* position: fixed !important; */
    left: 0;
    align-items: flex-start;
    flex-direction: column;
    padding: 10px;
    /* background: #000; */
    z-index: 999;
    bottom: 0 !important;
    /* height: 60px; */
    /* overflow: auto; */
}

.connect-wallet-part-header-outer{flex-wrap: wrap;margin-top: 20px;}

a#disconnectmetamaskuser{white-space: nowrap !important;}

a#disconnectmetamaskusers{white-space: nowrap !important;}

  li.common-style a > span{display: none;}

.header-section {
  background: #000;
  backdrop-filter: none !important;
  padding: 15px;
}

.connect-wallet-part-header-outer img {
    width: 190px;
}

.connect-wallet-part-header-outer {
  justify-content: center;
  flex-wrap: wrap;
}

div#connectWallets img {
  width: 190px;
}

section.Simplifying-Decentralized-Trading-section .inner-five-blocks{height: auto !important;}

section.join-gpt .container .row::before{display: none !important;}

.level-chart tr td:first-child, .level-chart tr:nth-child(2) th:first-child {
  padding-left: 16px;
}
.level-chart tr th, .level-chart tr td {
  font-size: 15px;
}

section.join-gpt h2{margin-bottom: 0px !important;}

.levels::before, .levels::after, .inner-five-blocks-outer-block:hover .roadmap-icon-logo-img{display: none !important;}


.mb-view-hide{
  display: none !important;
}
.mb-view-show{
  display: block !important;
}
.mb-view-logo{
  text-align: left !important;
}

}



@media (min-width:992px) and (max-width:1199.98px){

.flip-horizon {
  width: 24.7%;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #000;
}

body section.banner-part{padding: 50px 0 !important;}

}


.mt-30{
  margin-top: 30px !important;
}

/* carosuel */



#carousel-wrapper,
#carousel-wrapper #menu {
    width: 100%;

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

#carousel-wrapper{
  /* border: 1px solid #FFD700; */
  /* border-radius: 10px; */
margin-top: 30px;
}

#carousel-wrapper {
    position: relative;
    height: auto;

}

#carousel-wrapper #menu {
    height: 380px;
    overflow: hidden;
    vertical-align: middle;
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 20%);
    border-radius: 5px;
    border: 1px solid #f3ec34;
    background: #f3e34c40;
    /* background: rgba(245, 239, 141, 0.20); */
    backdrop-filter: blur(7px);
    transition: all 0.6s ease-in-out;
}

#carousel-wrapper #menu #current-option {
    position: relative;
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    overflow: hidden;
}

#carousel-wrapper #menu #current-option a {
    color: #fff;
    text-decoration: none;
}

#carousel-wrapper #menu #current-option #current-option-text1,
#carousel-wrapper #menu #current-option #current-option-text2 {
    width: 240px;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#carousel-wrapper #menu #current-option #current-option-text1 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.35;
    height: 200px;
    justify-content: flex-start;
    color: #000;
}

#carousel-wrapper #menu #current-option #current-option-text2 {
    font-size: 0.8rem;
    height: 40px;
    justify-content: flex-end;
    color: #000;
    /* background: var(--Mi, linear-gradient(99deg, #B66F19 -9.99%, #F5EF8D 35.52%, #C0811F 70.65%, #FDFC7B 102.59%, #844B16 149.69%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
}

#carousel-wrapper #menu #current-option #current-option-text1::before,
#carousel-wrapper #menu #current-option #current-option-text1::after {
    position: absolute;
    width: 240px;
    height: 200px;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

#carousel-wrapper #menu #current-option #current-option-text1::before {
    content: attr(data-next-text);
    transform: translate(0%, 380px);
}

#carousel-wrapper #menu #current-option #current-option-text1::after {
    content: attr(data-previous-text);
    transform: translate(0%, -380px);
}

#carousel-wrapper #menu #current-option #current-option-text2::before,
#carousel-wrapper #menu #current-option #current-option-text2::after {
    position: absolute;
    width: 240px;
    height: 40px;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
}

#carousel-wrapper #menu #current-option #current-option-text2::before {
    content: attr(data-next-text);
    transform: translate(0%, 380px);
}

#carousel-wrapper #menu #current-option #current-option-text2::after {
    content: attr(data-previous-text);
    transform: translate(0%, -380px);
}

#carousel-wrapper #previous-option,
#carousel-wrapper #next-option {
    width: 1.5rem;
    height: 1.5rem;
    border: none;
    display: block;
    cursor: pointer;
    background: url("https://img.icons8.com/external-kmg-design-outline-color-kmg-design/100/external-down-arrows-kmg-design-outline-color-kmg-design.png");
    background-size: cover;
    position: absolute;
    right: 50px;
}

#carousel-wrapper #previous-option {
    transform: scale(1.2) translate(10px, 24px);
}

#carousel-wrapper #next-option {
    transform: scale(1.2) translate(10px, -24px) rotate(180deg);
}

#carousel-wrapper #image {
    height: 240px;
    width: 240px;

    border-radius: 5px;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#carousel-wrapper.anim-previous,
#carousel-wrapper.anim-next {
    pointer-events: none;
}

#carousel-wrapper.anim-next #current-option-text1,
#carousel-wrapper.anim-next #current-option-text2 {
    animation: next-text 0.65s 0.085s;
}

#carousel-wrapper.anim-previous #image,
#carousel-wrapper.anim-next #image {
    animation: previous-next-image 0.65s 0.085s;
}

#carousel-wrapper.anim-previous #current-option-text1,
#carousel-wrapper.anim-previous #current-option-text2 {
    animation: previous-text 0.65s 0.085s;
}

@keyframes previous-text {

    50%,
    55% {
        transform: translate(0%, 390px);
    }

    to {
        transform: translate(0%, 380px);
    }
}

@keyframes previous-next-image {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    70% {
        transform: scale(1.1);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes next-text {

    50%,
    55% {
        transform: translate(0%, -390px);
    }

    to {
        transform: translate(0%, -380px);
    }
}

@media only screen and (max-width: 480px) {
    #carousel-wrapper #menu {
        height: 430px;
    }

    #carousel-wrapper,
    #carousel-wrapper #menu {
        flex-direction: column;
    }

    #carousel-wrapper #menu #current-option {
        width: 240px;
    }
}

.img-fluidx{
  width: 100px !important;
height: 100px !important;
}
.eco-system,.tokenomics{
  padding: 80px 0;
}
.eco-system h2{
text-align: center;
margin-bottom: 40px;
color:#000;
}
.tokenomics h2, .roadmap h2{
  text-align: center;
/* background:#f3e34c;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent !important; */
margin-bottom:0;
}
.eco-content{
  font-size: clamp(16px,5vw,18px);
  border-radius: 30px;
  padding:  clamp(12px,5vw,16px);
  text-align: center;
  border: 3px solid #FDFC7B;
  margin: 12px auto;
  background: linear-gradient(90deg, #F9DF18 0%, #F9E215 100%);

font-weight: 700;
color: #000 !important;
text-transform: uppercase;transition: all .3s ease;
}
.eco-content:hover {
  transform: translateY(-6px);
  transition: all .3s ease;
  cursor: pointer;
}
/* pie chart */
#chart-container {
  flex: 1;
  position: relative;
}
.tokenomics {
  display: flex;
  height: 100vh;
  flex-direction: row;
}
@media (max-width: 578.98px) {
  #chart-container {

  top: -95px;
    z-index: -1;
  }
}

/* roadmap */
section.roadmap ul li {
  color: #000;
  list-style: auto;
  font-size: 20px;
}
section.roadmap .row {
  max-width: 1000px;
  margin: 40px auto;
}
.no-step {
  position:relative;
}
.road-steps-cnt p{
  color: #000;
  margin: 25px 0;
  text-align: center;
  max-width: 215px;
}
.no-step:after {
  position:absolute;
  width: 4px;
  height: 100%;
  top: 17px;
  /* background-image: url(../img/road-map-line.svg); */
  background:#f3e34c;
  background-repeat: no-repeat;
  content: '';
  left: 39rem;
  background-position-x: left;
  background-size: contain;
  border-radius: 50px;
  z-index: -1;
}
 .road-steps-cnt h3{
  text-align: center;
  background:#000;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent !important;
  font-size: clamp(50px, 5vw, 93px) !important;
  font-weight: 700;
  line-height: normal !important;
 }
 .left-cnt{
    margin: 25px 0 !important;
    text-align: left !important;
    max-width: 302px !important;
 }
 .road-steps-cnt {
  margin: 35px;
  position: relative;
}
.road-steps-cnt:before {
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 50px;
  background: #000;
  content: '';
  right: -36px;
}
.road-after:before{
  display: none !important;
}


@media(max-width:767.98px){
  .road-steps-cnt:before{
    display: none;
  }
  .row-direct{
    flex-direction: column-reverse;
  }
  .road-steps-cnt{
    margin: 0;
  }
  .left-cnt{
    text-align: center !important;
  }
  .road-steps-cnt p{
    margin: 0 auto;
  }
}

@media(min-width:768px) and (max-width:991.98px){
  .no-step:after{
    left: 20rem;
  }
  .road-steps-cnt:before{
    right: -33px;
  }
}
@media(min-width:992px) and (max-width:1199.98px){
  .no-step:after{
    left: 27rem;
  }
  .road-steps-cnt:before{
    right: -27px;
  }
}
/* roadmap */

.staking-history-table td, .staking-history-table th{
  white-space: nowrap;
}
.referral-info label {
  color: #fff;
  display: inline-block;
  margin-bottom: 13px;
  font-size: 17px;
}
.referral-info input.frm-inp {
  width: 100%;
  height: 47px;
}
.copy-text span {
  background: transparent;
  color: #fff;
  font-size: 18px;
  position: relative;
  cursor: pointer;
  float: right;
  right: 18px;
  margin-top: -41px;
}
.profilepaget a.nav-link {
  color: #000 !important;
  border: 1px solid #000 !important;
}
.profilepaget a.nav-link.active {
  background: #835d00;
  color: #fff !important;
  border-color: #835d00;
}
.profilepaget .nav-tabs .nav-link:focus, .profilepaget .nav-tabs .nav-link:hover, .profilepaget .nav-tabs, .profilepaget .nav-tabs .nav-link{
  border: 0 !important;
}
.profilepaget table{
  /* border-color:#110f0b !important; */
}
.profilepaget table td,.profilepaget table th{
  color: #000;
  white-space: nowrap;
  font-size: 14px;
}
.profilepaget table > :not(:last-child) > :last-child > * {
  border-bottom-color: rgb(17 15 11);
}
.profile-box form {
  display: block;
}
.profile-box img.profile-batch-img {
  margin: 25px 0;
}
.profile-box .leader-board-profile-inner {
  text-align: center;
}

.h2-bg{
background: url('../../landing/img/h2-bg.png');
background-position: center;
background-repeat: no-repeat;
background-size: inherit;
padding: 15px;
}

.mb-view-show{
  display: none;
  text-align: right;
}

.btn.menu{
  display: block !important;
  width: fit-content !important;
  margin-left: auto !important;
}

.modal-title{
  color: #fff !important;
}

ul.mb-view li.common-style a{
color: #000 !important;
}

.offcanvas{
  background: #000 !important;
  width: 100%;
}

.connect-wallet-part-header.sidebar{
  flex-direction: column !important;
}


.accord-li li{
padding-left: 0px;
}

.accord-li li::marker{
  display: none;
}

.dropdown-item.x2,.dropdown-item.x2:active {
color: #fff !important;
padding: 8px 0px;
background-color: transparent !important;
}