@font-face {
  font-family: "FS Meridian";
  src: url("../fonts/FSMeridian-Bold.woff2") format("woff2"), url("../fonts/FSMeridian-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "FS Meridian";
  src: url("../fonts/FSMeridian-Regular.woff2") format("woff2"), url("../fonts/FSMeridian-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "FS Meridian";
  src: url("../fonts/FSMeridian-Thin.woff2") format("woff2"), url("../fonts/FSMeridian-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "FS Meridian";
  src: url("../fonts/FSMeridian-Medium.woff2") format("woff2"), url("../fonts/FSMeridian-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "FS Meridian";
  src: url("../fonts/FSMeridian-Light.woff2") format("woff2"), url("../fonts/FSMeridian-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
.common-btn-link {
  font-family: "FS Meridian";
  max-width: 200px;
  width: 100%;
  background: linear-gradient(#82E578, #82E578 50%, #144A38 50%, #144A38);
  background-size: 100% 200%;
  /*trasition effect for background*/
  transition: background 1s;
  border: 1px solid #82E578;
  border-radius: 4px;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  text-transform: uppercase;
  color: #144A38;
  padding: 17px 33px;
  text-decoration: none;
}
.common-btn-link:hover {
  background-position: 100% 100%;
  border: 1px solid #82E578;
  color: #82E578;
}

.get-startedbtn {
  font-family: "FS Meridian";
  max-width: 200px;
  width: 100%;
  border-radius: 4px;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  text-transform: uppercase;
  color: #144A38;
  padding: 18px 33px;
  text-decoration: none;
  position: relative;
  background: linear-gradient(#82E578, #82E578 50%, #144A38 50%, #144A38);
  background-size: 100% 200%;
  /*trasition effect for background*/
  transition: background 1s;
  border: 1px solid #82E578;
}

.get-startedbtn:hover {
  background-position: 100% 100%;
  border: 1px solid #82E578;
  color: #82E578;
}

.page-wrapper {
  background: #141414;
}

.desktop-header {
  padding: 24px 0px;
  z-index: 1099;
  /*position: relative;*/
  -webkit-transition: all 0.5s ease;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: all 0.5s ease;
  background: rgb(0 0 0 / 24%);
}
body{
    -webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
}
.desktop-header .container {
  /*max-width: 1440px;*/
  width: 100%;
  
}
.desktop-header .container a {
  font-family: "FS Meridian";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 132.5%;
  color: #FFFFFF;
  text-decoration: none;
}
.desktop-header .container .got-question::after {
  content: "";
  display: block;
  width: 127px;
  height: 1px;
  background: #82E578;
  margin-top: 2px;
}
.vert-move{
  transition: .4s ease-in-out;
}
.scroll-down h5:hover{
  margin-bottom: 15px;
  color: #82E578 !important;
}
.home-top-animated {
  z-index: 99;
  position: relative;
  padding-bottom: 80px;
}
.home-top-animated .center-content {
  margin: auto;
}
.home-top-animated .center-content .center-title {
  text-align: left;
}
.home-top-animated .center-content .center-title h2 {
  font-family: "FS Meridian";
  font-style: normal;
  font-weight: 500;
  font-size: 64px;
  line-height: 89px;
  text-align: center;
  text-transform: capitalize;
  color: #82E578;
  text-align: left;
  padding: 0px !important;
}
.home-top-animated .center-content .center-title p {
  font-family: "FS Meridian";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 132.5%;
  color: #FFFFFF;
  width: 100%;
  text-align: left;
  margin-bottom: 32px;
}
.home-top-animated .center-content .center-btn {
  text-align: left;
  margin-top: 32px;
}
.home-top-animated .center-content .scroll-icon {
  align-items: center;
  text-align: center;
  margin: 0px auto 0px 0px;
}
.home-top-animated .center-content .scroll-icon h5 {
  font-family: "FS Meridian";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 132.5%;
  color: #FFFFFF;
  transition: .4s ease-in-out;
}

.second-sec {
  padding: 110px 0px;
}
.second-sec .second-left {
  max-width: 673px;
  width: 100%;
  z-index: 99;
  position: relative;
}
.second-sec .title h2 {
  font-family: "FS Meridian";
  font-style: normal;
  font-weight: 500;
  font-size: 72px;
  line-height: 89px;
  text-align: center;
  text-transform: capitalize;
  color: #82E578;
  font-size: 48px;
  line-height: 62px;
  text-align: left;
}
.second-sec .title p {
  font-family: "FS Meridian";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 132.5%;
  color: #FFFFFF;
}
.second-sec .bullet-point ul {
  margin: 48px 0px;
}
.second-sec .bullet-point ul li {
  list-style: none;
  position: relative;
  margin-bottom: 32px;
}
.second-sec .bullet-point ul li::before {
  content: "";
  display: block;
  align-items: center;
  background: url(../images/bullet-point.svg) no-repeat;
  height: 46px;
  width: 46px;
  position: absolute;
  left: -8%;
  vertical-align: middle;
  align-items: center;
}
.second-sec .bullet-point ul li p {
  font-family: "FS Meridian";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 132.5%;
  color: #FFFFFF;
  color: #82E578;
  margin-left: 16px;
  max-width: 433px;
  width: 100%;
}

.colourfull-sec {
  z-index: 99;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.colourfull-sec .colorfull-content {
  max-width: 716px;
  width: 100%;
  margin: auto;
  text-align: center;
}
.colourfull-sec .colorfull-content h6 {
  font-family: "FS Meridian";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 132.5%;
  color: #FFFFFF;
  font-size: 14px;
}
.colourfull-sec .colorfull-content h2 {
  font-family: "FS Meridian";
  font-style: normal;
  font-weight: 500;
  font-size: 72px;
  line-height: 89px;
  text-align: center;
  text-transform: capitalize;
  color: #82E578;
  font-size: 48px;
  line-height: 62px;
  color: #82E578;
}
.colourfull-sec .colorfull-content p {
  font-family: "FS Meridian";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 132.5%;
  color: #FFFFFF;
  margin-top: 24px;
}
.colourfull-sec .colorfull-content .app-store-icon {
  margin-top: 32px;
}

.take-crypto .take-crypto-content {
  padding: 104px 0px 81px 0px;
  max-width: 1196px;
  width: 100%;
  margin: auto;
}
.take-crypto .take-crypto-content .title {
  max-width: 677px;
  width: 100%;
  margin: 0px auto 64px auto;
  z-index: 99;
  position: relative;
}
.take-crypto .take-crypto-content .title h2 {
  font-family: "FS Meridian";
  font-style: normal;
  font-weight: 500;
  font-size: 72px;
  line-height: 89px;
  text-align: center;
  text-transform: capitalize;
  color: #82E578;
  font-size: 48px;
  line-height: 64px;
  color: #82E578;
  text-align: center;
}
.take-crypto .take-crypto-content .secure-crypto {
  display: flex;
  vertical-align: middle;
  justify-content: space-between;
  align-items: center;
  z-index: 99;
  position: relative;
}
.take-crypto .take-crypto-content .secure-crypto .crypto-desc {
  max-width: 488px;
  width: 100%;
}
.take-crypto .take-crypto-content .secure-crypto .crypto-desc h3 {
  font-family: "FS Meridian";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 132.5%;
  color: #FFFFFF;
  font-size: 32px;
  line-height: 40px;
  color: #82E578;
  font-weight: 500;
}
.take-crypto .take-crypto-content .secure-crypto .crypto-desc p {
  font-family: "FS Meridian";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 132.5%;
  color: #FFFFFF;
}
.take-crypto .take-crypto-content .secure-crypto .crypto-img {
  max-width: 598px;
  width: 100%;
}
.take-crypto .take-crypto-content .ready-crypto {
  display: flex;
  vertical-align: middle;
  justify-content: space-between;
  align-items: center;
  margin: 40px 0px;
  z-index: 99;
  position: relative;
}
.take-crypto .take-crypto-content .ready-crypto .crypto-desc {
  max-width: 488px;
  width: 100%;
}
.take-crypto .take-crypto-content .ready-crypto .crypto-desc h3 {
  font-family: "FS Meridian";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 132.5%;
  color: #FFFFFF;
  font-size: 32px;
  line-height: 40px;
  color: #82E578;
  font-weight: 500;
}
.take-crypto .take-crypto-content .ready-crypto .crypto-desc p {
  font-family: "FS Meridian";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 132.5%;
  color: #FFFFFF;
}
.take-crypto .take-crypto-content .ready-crypto .crypto-img {
  max-width: 598px;
  width: 100%;
}
.take-crypto .take-crypto-content .easy-crypto {
  display: flex;
  vertical-align: middle;
  justify-content: space-between;
  align-items: center;
  z-index: 99;
  position: relative;
}
.take-crypto .take-crypto-content .easy-crypto .crypto-desc {
  max-width: 488px;
  width: 100%;
}
.take-crypto .take-crypto-content .easy-crypto .crypto-desc h3 {
  font-family: "FS Meridian";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 132.5%;
  color: #FFFFFF;
  font-size: 32px;
  line-height: 40px;
  color: #82E578;
  font-weight: 500;
}
.take-crypto .take-crypto-content .easy-crypto .crypto-desc p {
  font-family: "FS Meridian";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 132.5%;
  color: #FFFFFF;
}
.take-crypto .take-crypto-content .easy-crypto .crypto-img {
  max-width: 598px;
  width: 100%;
}

.get-start {
  padding: 72px 0px;
}
.get-start .container {
  max-width: 1440px;
  width: 100%;
  margin: auto;
}
.get-start .get-start-content {
  padding: 40px 40px 40px 80px;
  border: 1px solid #82E578;
  border-radius: 24px;
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.get-start .get-start-content .start-right {
  z-index: 99;
  position: relative;
}
.get-start .get-start-content .start-left {
  max-width: 560px;
  width: 100%;
  z-index: 99;
  position: relative;
}
.get-start .get-start-content .start-left h2 {
  font-family: "FS Meridian";
  font-style: normal;
  font-weight: 500;
  text-align: center;
  text-transform: capitalize;
  color: #82E578;
  font-size: 48px;
  line-height: 62px;
  color: #82E578;
  text-align: left;
}
.get-start .get-start-content .start-left p {
  font-family: "FS Meridian";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 132.5%;
  color: #FFFFFF;
  margin-top: 24px;
}
.get-start .get-start-content .app-store-icon {
  margin-top: 40px;
  z-index: 99;
  position: relative;
}

.faq-page .faq-content {
  padding: 88px 0px;
  max-width: 952px;
  width: 100%;
  margin: auto;
}
.faq-page .faq-content .faq-wrapper .faq-title {
  text-align: center;
  margin-bottom: 48px;
}
.faq-page .faq-content .faq-wrapper .faq-title h2 {
  font-family: "FS Meridian";
  font-style: normal;
  font-weight: 500;
  font-size: 72px;
  line-height: 89px;
  text-align: center;
  text-transform: capitalize;
  color: #82E578;
  font-size: 56px;
  line-height: 69px;
  color: #82E578;
}
.faq-page .faq-content .faq-wrapper .faq-title p {
  font-family: "FS Meridian";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 132.5%;
  color: #FFFFFF;
  font-size: 20px;
  color: #C7C7C7;
  max-width: 736px;
  width: 100%;
  margin: auto;
}
.faq-page .faq-content .faq-wrapper .accordion-item {
  border: none;
  background-color: #141414;
}
.faq-page .faq-content .faq-wrapper .accordion-item .accordion-button {
  background-color: #141414;
  font-family: "FS Meridian";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 132.5%;
  color: #FFFFFF;
  font-size: 20px;
  padding-left: 30px;
}
.faq-page .faq-content .faq-wrapper .accordion-item .accordion-button::before {
  content: "";
  background: url(../images/faq-plus.svg) no-repeat left center;
  height: 24px;
  width: 24px;
  position: absolute;
  left: 0%;
  cursor: pointer;
}
.faq-page .faq-content .faq-wrapper .accordion-item .accordion-button::after {
  background-image: none;
  display: none;
}
.faq-page .faq-content .faq-wrapper .accordion-item .accordion-button:not(.collapsed) {
  box-shadow: none;
}
.faq-page .faq-content .faq-wrapper .accordion-item .accordion-button:not(.collapsed)::before {
  content: "";
  background: url(../images/faq-minus.svg) no-repeat left center;
  height: 24px;
  width: 24px;
  position: absolute;
  left: 0%;
  cursor: pointer;
}
.faq-page .faq-content .faq-wrapper .accordion-item .accordion-button:not(.collapsed)::after {
  background-image: none;
}
.faq-page .faq-content .faq-wrapper .accordion-item .accordion-body p {
  font-family: "FS Meridian";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 132.5%;
  color: #FFFFFF;
  color: #82E578;
}

.privacy-page {
  max-width: 936px;
  width: 100%;
  margin: auto;
  padding: 0px 20px;
  z-index: 99;
  position: relative;
}
.privacy-page .privacy-content {
  padding: 0;
  z-index: 99;
  position: relative;
}
.privacy-page .privacy-content .title h2 {
  font-family: "FS Meridian";
  font-style: normal;
  font-weight: 500;
  font-size: 72px;
  line-height: 89px;
  text-align: center;
  text-transform: capitalize;
  color: #82E578;
  margin-bottom: 40px;
}
.privacy-page .privacy-content .desc p {
  font-family: "FS Meridian";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 132.5%;
  color: #FFFFFF;
  text-align: center;
}

.privacy-page p {
  font-family: "FS Meridian";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 132.5%;
  color: #FFFFFF;
  text-align: left;
  margin-bottom: 24px;
}
.privacy-page table tr td {
	border: 1px solid #FFFFFF;
	padding: 12px;
    vertical-align: top;
}
.privacy-page table tr td:nth-child(even) p, .privacy-page table tr td:nth-child(even) h5 {
  text-align: right;
}
.privacy-page h2 {
  font-family: "FS Meridian";
  font-style: normal;
  font-weight: 500;
  font-size: 72px;
  line-height: 89px;
  text-align: center;
  text-transform: capitalize;
  color: #82E578;
  margin-bottom: 40px;
}
.privacy-page h5 {
  font-family: "FS Meridian";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  text-align: left;
  text-transform: capitalize;
  color: #FFFFFF;
  margin-bottom: 0px;
}
.footer-wrapper {
  background: linear-gradient(180deg, #141414 0%, #144A38 339.04%);
}
.footer-wrapper .footer-content {
  padding: 56px 0px;
  max-width: 960px;
  width: 100%;
  margin: auto;
  text-align: center;
}
.footer-wrapper .copy-rights p {
  font-family: "FS Meridian";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 132.5%;
  color: #FFFFFF;
  margin: 16px 0px;
}
.footer-wrapper .faq-pp-inline {
  margin: 40px auto 40px auto;
  max-width: 960px;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: space-between;
}
.footer-wrapper .faq-pp-inline a {
  font-family: "FS Meridian";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 132.5%;
  color: #FFFFFF;
  text-decoration: none;
}
.footer-wrapper .faq-pp-inline .faq-footer {
  position: relative;
}
.footer-wrapper .faq-pp-inline .faq-footer::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 24px;
  background: #82E578;
  margin-left: 8%;
}
.footer-wrapper .faq-pp-inline .pp-footer {
  position: relative;
}
.footer-wrapper .faq-pp-inline .pp-footer::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 24px;
  background: #82E578;
  margin-left: 15%;
  right: -21px;

}
.faq-pp-inline .a_href::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 24px;
    background: rgb(130, 229, 120);
    margin-left: 3%;
}
.footer-wrapper .footer-para p {
  font-family: "FS Meridian";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 132.5%;
  color: #FFFFFF;
  font-size: 14px;
  color: #82E578;
}

#particles-js {
  width: 100%;
  background-color: #141414;
  background-image: url("");
  background-repeat: repeat;
  left: 0px;
}
#particles-js canvas {
  display: block;
  vertical-align: bottom;
  position: absolute;
  top: 0;
  height: 100vh !important;
}

footer {
  z-index: 99;
  position: relative;
}

.home-bannerinfo {
  background: url(../images/home-top-bg.png) no-repeat center;
  background-size: cover;
  /*z-index: 99999;*/
  /*position: relative;*/
}

.phone-img {
  margin-top: 65px;
}

img.vert-move {
  -webkit-animation: mover_v 1s infinite alternate;
  animation: mover_v 1s infinite alternate;
}

.scroll-icon .scroll-down a {
  text-decoration: none;
}

@-webkit-keyframes mover {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}
@keyframes mover {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}
.second-sec .row {
  align-items: center;
}

.colourfull_main {
  z-index: 999;
  position: relative;
  height: 700px;
}

.colourfull_main .promo {
  display: none;
  /* display: table; */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: auto;
  color: lightblue;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-animation: promo-appear-animation 0.35s ease-out;
          animation: promo-appear-animation 0.35s ease-out;
}
.colourfull_main .promo-middle {
  display: table-cell;
  vertical-align: middle;
}
.colourfull_main .promo-content {
  width: 80vw;
  height: 80vh;
  max-width: 80vh;
  max-height: 80vw;
  margin: auto;
  padding: 0;
  font-size: 2.8vmax;
  font-family: Futura, "Trebuchet MS", Arial, sans-serif;
  text-align: center;
  background-image: url("promo_back.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.colourfull_main .promo-header {
  height: 10%;
  padding: 2px 16px;
}
.colourfull_main .promo-close {
  width: 10%;
  height: 100%;
  text-align: left;
  float: left;
  font-size: 1.3em;
  /* transition: 0.2s; */
}
.colourfull_main .promo-close:hover {
  /* transform: scale(1.25); */
  cursor: pointer;
}
.colourfull_main .promo-body {
  padding: 8px 16px 16px 16px;
  margin: auto;
}
.colourfull_main .promo-body p {
  margin-top: 0;
  mix-blend-mode: color-dodge;
}
.colourfull_main .link {
  width: 100%;
  display: inline-block;
}
.colourfull_main .link img {
  width: 100%;
}
@-webkit-keyframes promo-appear-animation {
  0% {
    transform: scale(2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes promo-appear-animation {
  0% {
    transform: scale(2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.colourfull_main .dg.ac {
  display: none !important;
}
.colourfull_main canvas {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
}

.dg.ac {
  display: none !important;
}

.promo {
  display: none !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: auto;
  color: lightblue;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-animation: promo-appear-animation 0.35s ease-out;
          animation: promo-appear-animation 0.35s ease-out;
}

.promo-middle {
  display: table-cell;
  vertical-align: middle;
}

.promo-content {
  width: 80vw;
  height: 80vh;
  max-width: 80vh;
  max-height: 80vw;
  margin: auto;
  padding: 0;
  font-size: 2.8vmax;
  font-family: Futura, "Trebuchet MS", Arial, sans-serif;
  text-align: center;
  background-image: url("promo_back.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.promo-header {
  height: 10%;
  padding: 2px 16px;
}

.promo-close {
  width: 10%;
  height: 100%;
  text-align: left;
  float: left;
  font-size: 1.3em;
  /* transition: 0.2s; */
}

.promo-close:hover {
  /* transform: scale(1.25); */
  cursor: pointer;
}

.promo-body {
  padding: 8px 16px 16px 16px;
  margin: auto;
}

.promo-body p {
  margin-top: 0;
  mix-blend-mode: color-dodge;
}

.link {
  width: 100%;
  display: inline-block;
}

.link img {
  width: 100%;
}

@keyframes promo-appear-animation {
  0% {
    transform: scale(2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.dg.ac {
  display: none !important;
}

.promo {
  display: none !important;
}

.faq-page {
  z-index: 99;
  position: relative;
  padding: 0px 20px;
}

.scroll-down {
  z-index: 99;
  position: relative;
}

.promo {
  display: none !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: auto;
  color: lightblue;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-animation: promo-appear-animation 0.35s ease-out;
          animation: promo-appear-animation 0.35s ease-out;
}

.code-top canvas {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
}

/* ---- particles.js container ---- */
.intereactive-pointers {
  /* ---- stats.js ---- */
}
.intereactive-pointers #particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #141414;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.intereactive-pointers .count-particles {
  background: #000022;
  position: absolute;
  top: 48px;
  left: 0;
  width: 80px;
  color: #13E8E9;
  font-size: 0.8em;
  text-align: left;
  text-indent: 4px;
  line-height: 14px;
  padding-bottom: 2px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.intereactive-pointers .js-count-particles {
  font-size: 1.1em;
}
.intereactive-pointers #stats,
.intereactive-pointers .count-particles {
  -webkit-user-select: none;
  margin-top: 5px;
  margin-left: 5px;
}
.intereactive-pointers #stats {
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}
.intereactive-pointers .count-particles {
  border-radius: 0 0 3px 3px;
}

#lottie {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  text-align: center;
  opacity: 1;
}

.slider_rightsidecontent {
  max-width: 586px;
  margin-left: 30px;
}

.iphone-sec {
  z-index: 99;
  position: relative;
}

.js-scroll {
  opacity: 0;
  transition: opacity 500ms;
}

.js-scroll.scrolled {
  opacity: 1;
}

.scrolled.fade-in {
  -webkit-animation: fade-in 1s ease-in-out both;
          animation: fade-in 1s ease-in-out both;
}

.scrolled.fade-in-bottom {
  -webkit-animation: fade-in-bottom 3s ease-in-out both;
          animation: fade-in-bottom 3s ease-in-out both;
}

.scrolled.slide-left {
  -webkit-animation: slide-in-left 3s ease-in-out both;
          animation: slide-in-left 3s ease-in-out both;
}

.slide-in-right.scrolled {
  -webkit-animation: slide-in-right 3s ease-in-out both;
          animation: slide-in-right 3s ease-in-out both;
}

/* ----------------------------------------------
   * Generated by Animista on 2021-2-11 23:32:31
   * Licensed under FreeBSD License.
   * See http://animista.net/license for more info. 
   * w: http://animista.net, t: @cssanimista
   * ---------------------------------------------- */
@-webkit-keyframes slide-in-left {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-left {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes slide-in-right {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-right {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes fade-in-bottom {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-bottom {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* -----------------------------vijay------------------------ */
.scroll-down a:hover .vert-move{
  filter: brightness(5);
  width: 12px;
}
.fixed-header{
  position:fixed;
  top: 0;
  left: 0;
  width: 100%; 
  background: rgb(0 0 0 / 24%);
  z-index: 1099;
}
.div-btn{
  width: 33%;
  margin-left: 4%;
}
.div-btn main {
  background-color: inherit;
  display: contents !important;
  height: 30vh;
}
#lottie{
  width: 658px;
  height: 562px;
}
.second-left .common-btn{
  margin-left: -10px;
}
#lottie8{
  width: 658px;
  height: 562px;
}
.second-sec {
  padding: 110px 0px 0px;
  height: 782px;
  max-height: 903px;  
}
.home-bannerinfo {
  background-size: 100% 95%;
}
.home-top-animated {
  z-index: 99;
  position: relative;
  padding-bottom: 80px;
  height: 900px;
  max-height: 1000px;
  padding-top: 13rem;
}
.home-top-animated .center-content .scroll-icon {
  margin: 50px auto 0px 0px;
}
.scroll-down img{
  margin-top: -12px;
}
.second-left .title{
  margin-left: -10px;
}
.second-sec {
  padding: 50px 0px 50px;
  height: 100%;
  max-height: 903px;
}
#lottie8{
  width: 100%;
  height: 100%;
  transform: translate(10px,-107px);
}
.colourfull-sec .colorfull-content p {
  margin-top: 16px;
  margin-bottom: 32px;
}
.div-btn .button{
  font-family: "FS Meridian";
  max-width: 200px;
  width: 100%;
  border-radius: 4px;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  text-transform: uppercase;
  color: #144A38;
  padding: 18px 33px;
  text-decoration: none;
  background: linear-gradient(#82E578, #82E578 50%, #144A38 50%, #144A38);
  background-size: 100% 200%;
  position: relative;
  border: 1px solid #82E578;
}
.div-btn-1 .button{
  font-family: "FS Meridian";
  width: 100%;
  max-width: 280px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  text-transform: uppercase;
  color: #144A38;
  padding: 18px 33px;
  text-decoration: none;
  background: linear-gradient(#82E578, #82E578 50%, #144A38 50%, #144A38);
  background-size: 100% 200%;
  position: relative;
  border: 1px solid #82E578;
}
.div-btn-1{
  width: 50%;
  margin-left: -5%;
}
.div-btn-1 main {
  background-color: inherit;
  display: contents !important;
  height: 30vh;
}
.footer-wrapper .copy-rights p {
  color: #C7C7C7;
}
.footer-content .app-store .img-fluid {
  margin-left: 5px;
}
.second-sec .bullet-point ul li.li-two::before {
  background: url(../images/bullet-point-two.svg) no-repeat;
}
.second-sec .bullet-point ul li.li-three::before {
  background: url(../images/bullet-point-three.svg) no-repeat;
}
.store-dwnld-btn img {
  margin-left: 5px;
}
.app-store-icon img {
  margin-left: 5px;
}
.a_href{
  text-decoration: none;
}
.faq-page {
  z-index: 99;
  position: relative;
  padding: 80px 20px 0px;
}

.sectiontwo {
  /* ---- stats.js ---- */
}
.sectiontwo #particless-js {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #141414;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.sectiontwo .count-particless {
  background: #000022;
  position: absolute;
  top: 48px;
  left: 0;
  width: 80px;
  color: #13E8E9;
  font-size: 0.8em;
  text-align: left;
  text-indent: 4px;
  line-height: 14px;
  padding-bottom: 2px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.sectiontwo .js-count-particless {
  font-size: 1.1em;
}
.sectiontwo #stats,
.sectiontwo .count-particless {
  -webkit-user-select: none;
  margin-top: 5px;
  margin-left: 5px;
}
.intereactive-pointers #stats {
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}
.intereactive-pointers .count-particless {
  border-radius: 0 0 3px 3px;
}

@media screen and (min-width: 1081px) and (max-width: 1280px){
    .second-sec .title h2 {
        font-size: 52px;
        line-height: 55px;
        text-align: left;
    }
    .second-sec {
        padding: 0px 0px 43px;
        height: 100%;
        max-height: 949px;
   }
   .home-top-animated .center-content .scroll-icon {
        margin: 22px auto 0px 0px;
   }
   .second-sec .bullet-point ul li p {
        max-width: 481px;
        width: 100%;
    }
}


#particless-js {
  width: 100%;
  background-color: #141414;
  background-image: url("");
  background-repeat: repeat;
  left: 0px;
}
#particless-js canvas {
  display: block;
  vertical-align: bottom;
  position: absolute;
  top: 0;
  height: 175vh;
}


.sectionthree {
  /* ---- stats.js ---- */
}
.sectionthree #particlesss-js {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #141414;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.sectionthree .count-particlesss {
  background: #000022;
  position: absolute;
  top: 48px;
  left: 0;
  width: 80px;
  color: #13E8E9;
  font-size: 0.8em;
  text-align: left;
  text-indent: 4px;
  line-height: 14px;
  padding-bottom: 2px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.sectionthree .js-count-particlesss {
  font-size: 1.1em;
}
.sectionthree #stats,
.sectionthree .count-particlesss{
  -webkit-user-select: none;
  margin-top: 5px;
  margin-left: 5px;
}
.intereactive-pointers #stats {
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}
.intereactive-pointers .count-particless {
  border-radius: 0 0 3px 3px;
}

#particlesss-js {
  width: 100%;
  background-color: #141414;
  background-image: url("");
  background-repeat: repeat;
  left: 0px;
}
#particlesss-js canvas {
  display: block;
  vertical-align: bottom;
  position: absolute;
  top: 0;
  height: 350vh;
}

.social-media{
  padding-bottom: 40px;
  width: 128px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
.weblogo a img{
  width: 178px;
  height: 56px;
}
.desktop-header .social-media {
  padding-bottom: 40px;
  width: 128px;
  margin: auto auto auto 29px;
  display: flex;
  justify-content: space-between;
}
.li-three p{
  padding-top: 13px;
}
.accordion-body li{
  list-style: none;
}
.got-question .content {
  padding: 0vh 0px;
}
.desktop-header .container .got-question::after {
  content: "";
  display: none;
  width: 127px;
  height: 1px;
  background: #82E578;
  margin-top: 2px;
}
.content__item::before {
  color: var(--color-number);
  position: absolute;
  top: 0;
  left: 0;
  content: counters(itemcounter, ".", decimal-leading-zero);
  display: none;
}
.link__graphic {
  stroke: #82E578;
}
.slider_rightsidecontent .content__item{
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  counter-increment: itemcounter;
  display: inline-block;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  position: relative;
  z-index: 1;
  pointer-events: none;
}
.slider_rightsidecontent .button.d-and{
    min-width: 22rem;
    margin-left:24px;
}
.button--calypso {
  overflow: hidden;
  font-family: "FS Meridian";
  max-width: 200px;
  width: 100%;
  border-radius: 4px;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  text-transform: uppercase;
  color: #144A38;
  padding: 18px 33px;
  text-decoration: none;
  position: relative;
  background: linear-gradient(#82E578, #82E578 50%, #144A38 50%, #144A38);
  background-size: 100% 200%;
  border: 1px solid #82E578 !important;
}
.slider_rightsidecontent .button{
  pointer-events: auto;
  cursor: pointer;
  background: #82E578;
  border: none;
  padding: 1.2rem 3rem;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  position: relative;
  display: inline-block;
  height: 48px;
  border: 1px solid #82E578;
}
.common-btn .button{
  pointer-events: auto;
  cursor: pointer;
  background: #82E578;
  border: none;
  padding: 1.4rem 3rem;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  position: relative;
  display: inline-block;
}
.common-btn .content__item {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  counter-increment: itemcounter;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  position: relative;
}
.common-btn .button{
  min-width: 23rem;
  height: 48px;
}
.button::before, .button::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.button--calypso::after {
  content: '';
  background: #144A38;
  transform: translate3d(0,-100%,0);
  transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
  /*border: 1px solid #82E578;*/
  border-radius: 7px;
}
.button--calypso::before {
  content: '';
  background: #144A38;;
  width: 120%;
  height: 0;
  padding-bottom: 120%;
  top: -110%;
  left: -10%;
  border-radius: 50%;
  transform: translate3d(0,68%,0) scale3d(0,0,0);
}
.button--calypso span {
  display: block;
  position: relative;
  /* mix-blend-mode: difference; */
  z-index: 10;
  color: #144A38;
}
.button--calypso:hover span {
	animation: MoveScaleUpInitial 0.3s forwards, MoveScaleUpEnd 0.3s forwards 0.3s;
  color: #82E578;
}
.button--calypso:hover::after {
  transform: translate3d(0,0,0);
  transition-duration: 0.05s;
  transition-delay: 0.4s;
  transition-timing-function: linear;
}
.button--calypso:hover::before {
	transform: translate3d(0,0,0) scale3d(1,1,1);
	transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}
.button--calypso:hover::after {
	transform: translate3d(0,0,0);
	transition-duration: 0.05s;
	transition-delay: 0.4s;
	transition-timing-function: linear;
}
.got-question .content {
  display: flex;
}
.take-crypto-content h3{
  text-transform: capitalize;
}
.bullet-point{
    margin: 0px 0px 0px 10px;
}
.desktop-header .d-lg-flex {
    height: 37px;
}
.social-media a:hover{
  opacity: 80%;
}
.button--calypso{
  transition: .9s all;
}
.colourfull-sec .colorfull-content h2 {
  padding: 0px 9rem;
}
.desktop-header .got-question{
    margin-top: -5px;
}
.desktop-header .container{
    padding: 0px 12px !important;
}
#chat21-home-component .c21-footer {
    position: absolute;
    width: 100%;
    height: 40px;
    bottom: 0;
    display: none !important;
    background-color: #fff;
    z-index: 20;
}
#chat21-home-component .c21-footer.fade-in-bottom-footer{
    display: none !important;
}
.fade-in-bottom-footer{
    display: none !important;
}
.second-left .common-btn .button {
    min-width: 27rem;
    padding: 1.5rem 2rem;
}
.second-left .button.button--calypso{
    font-family: 'FS Meridian';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    text-transform: uppercase;
}
.slider_rightsidecontent .button{
    min-width: 19rem;
    font-family: 'FS Meridian';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    padding: 1.5rem 3rem;
}
/*# sourceMappingURL=style.css.map */