@font-face {
    font-family: "PixelarRegular";
    src: url("../font/PixelarRegular.ttf");
}
@font-face {
    font-family: "pixelmix";
    src: url("../font/pixelmix.ttf");
}
@font-face {
    font-family: "PixelarOutlineTextured";
    src: url("../font/PixelarOutlineTextured.ttf");
}
@font-face {
    font-family: "PixelarTextured";
    src: url("../font/PixelarTextured.ttf");
}

body {
  overflow-x: hidden;
  transition: all 0.5s ease 0s;
  background: #0f0f1a;
  color: #fff;
  position: relative;
  cursor: url('../img/smallmouse.png'), auto;
}

* {
  cursor: url('../img/smallmouse.png'), auto;
}
body.color1 {
  background: #ceef7b !important;
  /* background: #9fc629 !important; */
  /* background: rgb(254 91 91) !important; */
}
h1,
h2,
h3,
h4,
h5,
h6 {
  
  margin-top: 0px;
}
p, li a {
    font-family: "pixelmix";
    font-weight: 400;
    line-height: 22px;
}
:focus {
  outline: -webkit-focus-ring-color auto 0px;
}
a:hover,
a:focus {
  text-decoration: none;
}
a:focus {
  outline: 0px auto -webkit-focus-ring-color;
  outline-offset: 0px;
}
b,
strong {
  color: #b19bf7;
}

p b,
p strong {
  color: #fff;
  font-weight: 400;
}
ul {
  padding-left: 0px;
}
.header_area {
  position: relative;
  z-index: 99;
}
.navbar {
  height: auto;
  min-height: auto;
  margin-bottom: 0px;
  border: 0px;
  border-radius: 0px;
  background: #231e3200;
  position: absolute;
  width: 100%;
  transition: 0.2s ease-in-out;

    font-family: "PixelarRegular";
}
.navbar-default .navbar-nav li a {
  color: #c2c2c2;
  text-transform: capitalize;
  font-size: 24px;
  font-weight: 400;
  padding: 0px 15px;

    text-transform: uppercase;
    font-family: "PixelarRegular";
}

.navbar-default .navbar-nav li a:hover {
  color: #fff;
}
a.navbar-brand.logo {
  padding: 22px 15px;
  height: auto;
}
a.navbar-brand.logo img {
  height: 71px;
}
.navbar-nav {
  margin-right: 0px;
  padding: 27px 0px;
}
.padding_section {
  padding: 50px 0px;
}
.padding_bottom_section{

  padding-bottom: 50px;
}
.handle_this {
  position: relative;
}
.slider {
}

.slider {
  padding: 170px 0px;
  position: relative;
  background-position: top center;
  background-size: cover;
  overflow: hidden;
  padding-bottom: 100px;
}
.slider:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: bottom center;
  opacity: 1;
  /* background-attachment: fixed; */
  /* background-image: url(../img/banner121.jpg); */
  background-position: bottom center !important;
}
.slider:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  height: 0%;
  width: 0%;
  background-size: cover;
  background-position: center center;
  opacity: 1;
  background-image: url(../img/bg/bg_shape2.png);
  /* background-attachment: fixed; */
}
.slider_inner {
  position: relative;
  width: 100%;
  background: transparent;
  padding: 0px;
}
.slider_inner h2 {
  font-size: 45px;
  line-height: 70px;
  text-transform: capitalize;
  letter-spacing: 0px;
  font-size: 50px;
  margin: auto;
  font-size: 60px;
  margin-bottom: 5px;
  text-shadow: 1px 0px 9px #ffffff85;
  font-weight: 600;
}
.slider_inner p {
  font-size: 18px;
  line-height: 30px;
  color: #fff !important;
}
.view-buy {
  margin-top: 15px;
  text-transform: capitalize;
  width: auto;
  display: inline-block;
  border-radius: 60px;
}
.nav .view-buy {
  margin-top: 0px;
  text-transform: capitalize;
  width: auto;
  display: inline-block;
  margin-left: 10px;
  border-radius: 41px;
  overflow: hidden;
}
.nav .view-buy a {
  padding-top: 11px;
  padding-bottom: 11px;
}
.slider_inner h2,
.slider_inner p {
  color: #fff;
}
.slider_contact {
  padding-top: 25px;
  display: inline-block;
  background: transparent;
  padding: 0px;
  border: 0px;
  border-radius: 11px;
  padding-bottom: 0px;
}
.slider_contact .owl-nav,
.slider_contact .owl-dots {
  display: none;
}
.view-buy a {
  background: #3353b3;
  padding: 20px 60px;
  color: #fff;
  display: block;
  font-weight: 600;
  text-transform: capitalize;
  display: inline-block;
  border-radius: 4px;
  position: relative;
  transition: 0.2s ease-in-out;
  overflow: hidden;
  box-shadow: 0px 4px 0px #20306d;
}

.view-buy a:before {
  padding: 18px 0 11px;
  content: "";
  position: absolute;
  top: 0;
  left: calc(-100% - 50px);
  height: 100%;
  width: calc(100% + 20px);
  color: #fff;
  border-radius: 2px;
  transform: skew(-25deg);
}
.view-buy a:before {
  background: linear-gradient(
    to right top,
    #8f3224,
    #a0161d,
    #9d1b10,
    #800806,
    #872f22
  ) !important;
  /* background: linear-gradient(
    to right top,
    #fdb084,
    #ff9870,
    #ff7e62,
    #5f9965,
    #ff3656
  ) !important; */
  z-index: 5;
  transition: left 0.9s cubic-bezier(0.86, 0, 0.07, 1);
}
.view-buy a:after {
  padding: 18px 0 11px;
  content: "";
  position: absolute;
  top: 0;
  left: calc(-100% - 60px);
  height: 100%;
  width: calc(100% + 20px);
  color: #fff;
  border-radius: 2px;
  transform: skew(-25deg);
  background: #fff;
  transition: left 0.5s cubic-bezier(0.86, 0, 0.07, 1) 0.2s;
  z-index: 0;
  opacity: 0.6;
}
.view-buy a:hover:before {
  left: calc(0% - 10px);
  transition: left 1s cubic-bezier(0.86, 0, 0.07, 1);
}
.view-buy a:hover:after {
  left: calc(0% - 10px);
  transition: left 0.9s cubic-bezier(0.86, 0, 0.07, 1);
}
.view-buy a span {
  position: relative;
  z-index: 9999;
  text-transform: capitalize;
  font-size: 17px;
  font-weight: 600;
  display: inline-block;
  line-height: 21px;
}
.slider_image img {
  border-radius: 545px;
  border: 15px solid #97abff30;
  height: 350px;
  float: right;
}
.about_contact h2 {

}

.about_contact h2 {
}
.about_contact p {
  font-size: 17px;
  line-height: 30px;
  color: #97afd5;
  font-weight: 400;
}
ul {
  list-style-type: none;
}
.about_contact li {
  font-size: 17px;
  line-height: 28px;
  color: #fff;
  padding-left: 28px;
  position: relative;
  
  font-weight: 400;
  margin-bottom: 12px;
}
.about_contact .view-buy {
  margin-top: 27px;
  display: inline-block;
}

.about_contact .view-buy a {
  padding: 10px 41px;
  box-shadow: none;
  padding-top: 15px;
}
.about_contact .view-buy {
  margin-top: 15px;
  text-transform: uppercase;
}
.about {
  background: #0f0c1e;
  position: relative;
}
.other_btn a {
  box-shadow: none;
  background: #3478ff;
  /* background: linear-gradient(
    to right top,
    #658b00,
    #82a81d,
    #749a15,
    #75a007,
    #688d06
  ) !important; */
  background: linear-gradient(    to right top,    #289633,    #64df6f,    #4fa257,    #49744d,    #78b07d) !important;
  width: 100%;
  margin: auto;
  border-radius: 8px;
  display: block;
  
  padding: 9px 15px;
}
.about_image {
  width: 570px;
  position: relative;
}
.section-logo {
  height: 94px;
  right: 150px;
  margin: auto;
  border-radius: 35px;
  padding: 11px;
  /* box-shadow: 0px 15px 50px 0px rgb(222 222 222); */
}
img.section-logo {
  position: absolute;
  z-index: 10;
  left: 6%;
  top: 74px !important;
  -webkit-animation: myfirst 3s linear 1s infinite;
  animation: myfirst 3s linear 1s infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  animation-name: fadeInDownmy;
}
img.section_logob {
  left: -39%;
  top: 150px !important;
}

img.section_logoc {
  left: 61%;
  top: 150px !important;
}
img.section_logod {
  left: 77%;
  top: -10px !important;
}

.work_section {
  background: transparent;
  position: relative;
}
.main_title h2 {
    color: #fff;
    font-size: 35px;
    line-height: 54px;
    margin-bottom: 25px;
}
.main_title p {
  color: #cbd1db;
}
.choose_patten_bg {
  position: relative;
}

.work_bg {
  margin: 0 auto;
  border-radius: 20px;
}
.work_bg img {
  padding-top: 20px;
  -webkit-transition: all 200ms ease-in;
}
.single_work h4,
.content_title_right h4 {
  color: #a187f7;
}
.content_title_right h4 {
  text-transform: capitalize;
}
.single_work h4,
.content_title_right h4 {
  font-size: 24px;
  line-height: 33px;
  margin-top: 0px;
  padding-top: 17px;
  margin-bottom: 10px;
}
.work_content {
  position: relative;
}

.single_work p {
  font-size: 14px;
  line-height: 25px;
}
.partners .single_partners {
  margin-bottom: 5px;
  margin-top: 25px;
}
.partners .single_partners img {
  background: #fff;
  padding: 19px 28px;
  border-radius: 12px;
  box-shadow: 0px 1px 54px 0px rgb(89 107 178 / 11%);
}

@keyframes fadeInDownmy {
  from {
    opacity: 1;
    transform: translate3d(0, -25px, 0);
  }
  to {
    transform: translate3d(0, 0px, 0);
  }
}

.fee_section {
  background-image: url(../img/promo-video-5.png);
  padding-top: 40px;
  padding-bottom: 60px;
  background-size: cover;
  position: relative;
  background: #0f1932;
}
.fee_section:before {
  background-image: url(../img/bg5.png), url(../img/bg6.png);
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  opacity: 0.5;
  display: none;
}
.fee_bg img {
  height: 85px;
  margin-bottom: 15px;
}
.fee_bg img {
  margin-bottom: 20px;
  width: auto;
  display: inline-block;
  border-radius: 55px;
  height: 81px;
  width: 81px;
  padding: 9px;
  background: #ff8b64;
}
.col-md-3:nth-child(even) .fee_bg img {
  background: #bebeff;
}
.fee_bg {
}
.fee_bg_content {
  text-align: left;
  padding-left: 25px;
  position: relative;
}
.fee_bg_content p,
.fee_bg_content h4 {
}
.fee_bg_content p {
  font-size: 14px;
  line-height: 27px;
  color: #fff;
  margin-bottom: 0px;
}
.fee_bg_content h4 {
  color: #ff9999;
  padding-top: 0px;
  text-transform: capitalize;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}
.fee_inner .single_work {
  padding: 20px 25px;
  box-shadow: none;
  border-radius: 0px;
  transition: all 0.5s ease 0s;
  margin-bottom: 10px;
  background: transparent;
  text-align: left;
}

.back-to-top {
  position: fixed;
  opacity: 1;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
  background: #4154f1;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
  text-align: center;
  padding: 12px;
  display: none;
}
.back-to-top i {
  font-size: 24px;
  color: #fff;
  line-height: 0;
}
.single_partners {
  margin-bottom: 50px;
  margin-top: 0px;
}

.single_partners img {
  background: #fff;
  padding: 14px 28px;
  border-radius: 12px;
  box-shadow: 0px 10px 25px 0px rgb(89 107 178 / 11%);
}
.roadmap_section {
  position: relative;
}
.roadmap_section .choose_patten_bg:before {
  display: none;
}

.navbar-footer {
  text-align: center;
}
.navbar-footer li {
  list-style: none;
  float: none;
  display: inline-block;
}
.navbar-footer li:first-child a {
  border: 0px;
}

.navbar-footer li a {
  color: #ffffff;
  border-left: 1px solid #7b92d8;
  padding: 0px 15px;
  font-weight: 500;
  text-transform: capitalize;
}
.footer-icons {
  text-align: center;
  padding: 15px 0px 0px;
}
.footer-icons a {
  border: 1px solid #fff;
  border-radius: 50px;
  height: 35px;
  width: 35px;
  display: inline-block;
  line-height: 34px;
  color: #fff;
  margin-right: 10px;
}
.footer {
  position: relative;
}
.footer > div {
  padding: 50px 0px;
  padding-bottom: 50px;
}
.footer > div:last-child {
  padding-top: 0px;
  padding-bottom: 0px;
}
.footer-single-con h5 {
  color: #fff;
  font-weight: 500;
  margin-bottom: 10px;
}
.footer-single-con p {
  color: #a4a4a4;
}
.copy-right {
  padding: 10px;
  margin-top: 0px;
  color: #ffffff;
  background: #0b0911;
}
.footer-content {
  text-align: center;
  background: #3c3c3c;
}
.footer {
  display: block;
  background: #131223 !important;
  padding: 30px 0px;
  position: relative;
  box-shadow: 0px 0px 12px 0px rgb(43 42 57);
  border-top: 2px solid #282546;
}


.footer > div {
  position: relative;
}
.footer-logo img {
  height: 141px;
  text-align: center;
  margin: auto;
  display: inherit;
  margin-bottom: 25px;
}
.content_title_right h4,
.cols .creative_title h4 {
}
.how_work .single_work {
  background-image: -webkit-linear-gradient(
    90deg,
    rgb(241 244 254) 0%,
    rgb(232 237 255) 100%
  );
  background-image: -ms--webkit-linear-gradient(
    90deg,
    rgb(241 244 254) 0%,
    rgb(232 237 255) 100%
  );
  border-radius: 20px;
  margin-bottom: 25px;
  padding: 14px 23px;
}
.holl_about.about {
  background: #f8faff;
}
.faq_section {
  background: transparent;
}
.faq_section .panel-group {
  width: 100%;
  margin: auto;
  margin-top: 30px;
}
.panel-default {
  border-color: #3e387b;
}
.panel-default > .panel-heading {
  background-color: transparent;
  border-color: transparent;
  padding: 0px;
  position: relative;
}
.panel-title a {
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #3e387b;
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  border: 0px;
  padding: 0px 30px;
  padding-bottom: 20px;
  
  font-weight: 400;
}
.panel-group {
  padding-bottom: 10px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 0px;
  border-bottom: 0px;
  box-shadow: none;
  background-color: transparent;
  border: 0px;
  margin-bottom: 20px;
}
.panel-group .panel + .panel {
  margin-top: 0px;
}
.panel-group .panel:last-child {
  border-bottom-color: #3e387b;
}

.panel-group .panel:last-child .panel-heading,
.panel-default:last-child .panel-body {
  border-bottom: 0px solid transparent;
}
.panel-title a {
  padding: 24px 29px;
  color: #ffffff;
  font-weight: 500;
  display: block;
  font-size: 21px;

  color: #fff;
  text-shadow: 1px 0px 9px #ffffff85;
}
.faq_section .fa-minus {
  display: block;
}
.faq_section .fa-plus {
  display: none;
}
.collapsed .fa-minus {
  display: none;
}
.collapsed .fa-plus {
  display: block;
}
.plus_minus {
  position: absolute;
  right: 20px;
  top: 19px;
  background: linear-gradient(
    to right top,
    #fdb084,
    #ff9870,
    #ff7e62,
    #5f9965,
    #ff3656
  ) !important;
  height: 30px;
  width: 30px;
  text-align: center;
  padding: 7px 0px;
  border-radius: 40px;
  color: #fff;
  /* border: 2px solid #ffffff1f; */
}
.plus_minus {
  position: absolute;
  right: 12px;
  top: 22px;
  background: linear-gradient(
    to right top,
    #fdb084,
    #ff9870,
    #ff7e62,
    #5f9965,
    #ff3656
  ) !important;
  height: 30px;
  width: 30px;
  text-align: center;
  padding: 3px 0px;
  border-radius: 40px;
  color: #fff;
  border: 2px solid #ffffff1f;
}
.plus_minus .fa {
  color: #fff;
  font-weight: 200;
}
.partners {
  background: #0d172e;
}
footer #back-top {
  position: fixed;
  bottom: 30px;
  left: auto;
  cursor: pointer;
  z-index: 3;
  /* -webkit-transform: translate(-50%,0); */
  -ms-transform: translate(-50%, 0);
  /* transform: translate(-50%,0); */
  z-index: 999;
  background: #3061e9;
  height: 55px;
  width: 55px;
  z-index: 99999;
  right: 30px;
  margin: auto;
  border-radius: 50px;
  background: linear-gradient(to bottom left, #4b93ff, #274fe2);
  box-shadow: 0px 10px 25px 0px rgb(109 132 234 / 35%);
  -webkit-box-shadow: 0px 10px 25px 0px rgb(109 132 234 / 35%);
  animation-duration: 2s;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 2s;
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  animation-name: fadeInDownmy;
  right: -100px;
  transition: all 0.5s ease 0s;
}

footer #back-top.active {
  right: 30px;
}

@keyframes fadeInDownmy {
  from {
    opacity: 1;
    transform: translate3d(0, -15px, 0);
  }
  to {
    transform: translate3d(0, 0px, 0);
  }
}

footer #back-top:before {
  font-family: FontAwesome;
  position: absolute;
  top: 12px;
  left: 50%;
  color: #fff;
  line-height: 22px;
  font-size: 24px;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  content: "\f106";
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
footer #back-top svg:not(:root) {
  overflow: hidden;
  fill: #6377ce !important;
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: #fff;
  background-color: transparent;

        text-shadow: 0px 0px 3px #ffffff85;
}
.header_area .container {
}
.header_area.scroll_stick .navbar {
    position: fixed;
    background: #2121334a;
}
.scroll_stick a.navbar-brand.logo {
  padding: 10px 15px;
}

.scroll_stick .navbar-nav {
  padding: 11px 0px;
  padding-top: 16px;
}
.header_area {
  position: relative;
}
.footer-logo {
  text-align: center;
}
.footer-icons a:hover {
  background: #fff;
  color: #575757;
}

.meta_section {
  position: relative;
  background: #06040a;
}
.meta_section .container {
  position: relative;
}
.main_meta {
  position: relative;
  width: 100%;
  z-index: 99;
  background: #0f0c1c;
  border-radius: 30px;
  padding: 50px 50px;
  top: 0px;
}
.main_meta h2 {
  font-size: 38px;
}
.main_meta .byn_here {
  margin-top: 15px;
  float: right;
}
.main_meta .byn_here img {
  display: inline-block;
  margin-right: 10px;
}

.work_bg {
  border-radius: 100px;
  float: left;
  border: 7px solid #1d2844;
  padding: 11px;
  background: #0a1227;
}
.how_work .single_work {
  padding: 0px;
  background: transparent;
}
.work_bg img {
  padding-top: 0px;
  height: 50px;
}
.work_content_small {
  padding-left: 25px;
  text-align: left;
  padding-left: 112px;
}
.work_content_small h4 {
  padding-top: 0px;
}
.work_section .about_contact .main_cols .single_work {
  min-height: 120px;
}
.work_section .about_contact .main_cols .col-md-12:last-child .single_work {
  min-height: auto;
}
.work_section .about_contact .main_cols {
  position: relative;
}
.work_section .about_contact .main_cols:before {
  position: absolute;
  content: "";
  left: 60px;
  height: 100%;
  width: 1px;
  background: #1d2844;
  top: 7px;
}
.about_single .about_image_main {
  padding: 0px 00px;
  border: 0px solid #177d8f;
}

.work_section .about_contact .main_cols .single_work h4 {
  color: #fff;
}
.holl_about.about {
  background: #0d172e;
  position: relative;
  padding-top: 70px;
}
.fee_bg_content:before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  content: "";
  border-radius: 2px;
  background: #a963ff;
}
.fee_cols:nth-child(even) .fee_bg_content:before {
  background: #f42f54;
}

.buy_section .about_inner {
  background: #3364eb0a;
  padding: 20px 30px;
  border-radius: 10px;
}
.holl_about .about_contact {
  padding-top: 80px;
}
.holl_about .about_contact b {
  word-wrap: break-word;
  word-break: break-all;
}
.main_title h4 {
  color: #ffffff;
  font-size: 13px;
  font-weight: 200;
  position: relative;
  display: inline-block;
  padding: 28px 40px;
  border-radius: 16px;
  color: #ffffff;
  background-color: rgb(25 20 50);
  display: inline-block;
  /* position: absolute; */
  left: -90px;
  font-size: 37px;
  font-weight: 300;
  line-height: 55px;
}
.main_title h4:before {
  position: absolute;
  content: "";
  width: 80px;
  height: 1px;
  right: -88px;
  background: #f3539a;
  top: 7px;
  opacity: 0;
}
.imagesss > div {
  padding: 7.5px 7.5px;
}
.we_bg {
  position: absolute;
  top: -60px;
}
.both_btns {
  position: absolute;
  top: -70px;
  z-index: 999;
  width: 100%;
}
.single_btns {
  background: linear-gradient(90deg, #7f18bb, #35249b);
  display: inline-block;
  position: relative;
  border-radius: 60px;
  padding: 3px 4px;
}
.sn_img {
  position: absolute;
  padding: 10px;
  border-radius: 85px;
  border: 2px solid #e53d88;
}
.sn_content {
  padding-left: 90px;
  padding-top: 25px;
  color: #fff;
  padding-bottom: 25px;
  padding-right: 37px;
}
.sn_content h4 {
  margin: 2px 0px 2px;
  font-weight: 600;
  font-size: 22px;
}
.sn_content p {
  margin: 0px;
  color: #fff;
}
.slider_image_set {
  position: relative;
  width: 100%;
}
.slider_image_set img {
  bottom: -120px;
  position: absolute;
  width: 120px;
  padding: 4px;
  border-radius: 150px;
  border: 2px solid #fff;
  -webkit-animation: moveScale_my 3s linear infinite;
  animation: moveScale_my 3s linear infinite;
}
.slider_image_set .img2 {
  position: absolute;
  padding: 4px;
  border-radius: 150px;
  border: 2px solid #fff;
  right: 0px;
}

@-webkit-keyframes moveScale_my {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(0.85);
  }
  100% {
    transform: scale(0.9);
  }
}
@keyframes moveScale_my {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(0.85);
  }
  100% {
    transform: scale(0.9);
  }
}
.star_title h2 {
  position: relative;
  display: inline-block;
  font-weight: 600;
  margin: 0px;
  font-size: 38px;
  line-height: 48px;
  margin-bottom: 20px;
}

.star_title h2 b {
  font-weight: 600;
}
.dh_1 {
  position: absolute;
  top: 25%;
  left: 30px;
}
.dh_2 {
  position: absolute;
  bottom: 25%;
  right: 30px;
}
.dh_1 img,
.dh_2 img {
  height: 65px;
}
.images_slider .item img {
  border-radius: 20px;
  border: 2px solid #675d96;
}
.owl-dots {
  display: none;
}
.images_slider .owl-nav {
  position: absolute;
  top: 0px;
  height: 25px;
  width: 73%;
  margin: auto;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.images_slider .owl-next {
  float: right;
}
.num_road {
  height: 120px;
  float: left;
  width: 100px;
  background: linear-gradient(to right, #7c18ba, #37249c);
  text-align: center;
  line-height: 120px;
  color: #fff;
  margin-right: 20px;
  border-radius: 20px;
  border: 1px dashed #534e8b;
  font-size: 29px;
  font-weight: 700;
}
.con_road h4 {
  padding: 0px;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 0px;
}
.con_road p {
  font-size: 14px;
  line-height: 24px;
  margin: 0px;
}
.arrow:before {
  position: absolute;
  content: "";
  border-bottom: 1px dashed;
  height: 1px;
  width: 113px;
  right: -105px;
  transition: all 0.2s ease-in-out;
  z-index: 9;
  /* opacity: 0; */
  top: 106px;
  margin: auto;
  border-color: #534e8b;
}
.roadmap_section .arrow i {
  position: absolute;
  right: -111px;
  top: 140px;
  color: #fe47a1;
  z-index: 9999;
}
.arrow:after {
  position: absolute;
  content: "";
  border-right: 1px dashed #534e8b;
  height: 42px;
  width: 1px;
  right: -105px;
  transition: all 0.2s ease-in-out;
  z-index: 9;
  /* opacity: 0; */
  top: 107px;
  margin: auto;
}

.roadmap_section .cols:nth-child(odd) .arrow:before {
  top: auto;
  bottom: 77px;
  right: auto;
  left: -504px;
  width: 514px;
}
.roadmap_section .cols:nth-child(odd) .arrow i {
  right: auto;
  top: auto;
  bottom: -26px;
  left: -510px;
}
.roadmap_section .cols:nth-child(odd) .arrow:after {
  right: auto;
  left: -505px;
  top: auto;
  bottom: -22px;
  height: 100px;
}

.roadmap_section .main_cols .cols:last-child .arrow {
  display: none;
}
.team_content h4 {
  color: #ad97f3;
}
.team_content p {
  color: #fff;
}
.fo_logo {
  background-color: #0c0b1b;
}
.fo_logo .logo_here img {
  height: 53px;
}
.fo_logo .navbar-nav {
  padding: 0px 0px;
}
.fo_inner {
  background-image: url(../img/bg-ft.png);
  padding: 20px 20px;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  /* background-position: center; */
  background-attachment: fixed;
  top: -39px;
  position: relative;
}
.fo_inner .nav > li > a:focus,
.fo_inner .nav > li > a:hover {
  text-decoration: none;
  background-color: transparent;
  color: #fff;
}

.fo_inner .nav > li > a {
  color: #fff;
  text-transform: capitalize;
  font-size: 16px;
}
.so_icons i {
  padding: 0px 10px;
  font-size: 18px;
  color: #fff;
}
.con_road p {
  margin: 0px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 120px;
}
.single_work_team {
  margin-top: 20px;
}
.trigle_shape {
  width: 150%;
  height: 245px;
  background: #100f26;
  transform: rotate(-7deg);
  position: absolute;
  top: -145px;
}

.container {
  position: relative;
  z-index: 9;
}
.roadmap_section .trigle_shape {
  width: 150%;
  height: 400px;
  top: -255px;
}
.modal {
  z-index: 9999999999;
}
.modal-content {
  background-color: #0f0c1e;
  color: #fff;
  border: 2px solid #656179;
  position: relative;
  border-radius: 0px;
}
.modal-content:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  opacity: 0.1;
  background-size: contain;
}
.modal-content a {
  color: #bf81ff;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.modal-content .input-group {
  margin: auto;
  margin-bottom: 25px;
}
.minus_plus_here .min,
.minus_plus_here button {
  position: relative;
  display: inline-block;
  float: left;
  background: #7a19b9 !important;
  border: 1px solid #7a19b9 !important;
  border-radius: 0px;
}
.input-group .form-control[name^="quantity"] {
  min-width: 50px;
  width: 160px;
  display: inline-block;
  float: left;
  height: 40px;
}
.input-group .btn {
  padding: 9px 12px;
}
.button_here button {
  border: 0px;
  padding: 14px 51px;
  color: #fff;
  display: block;
  font-weight: 600;
  text-transform: capitalize;
  display: inline-block;
  border-radius: 45px;
  position: relative;
  transition: 0.2s ease-in-out;
  overflow: hidden;
  border-radius: 6px;
  background: linear-gradient(90deg, #7f18bb, #35249b);
  box-shadow: 0px 4px 0px #9839ba1f;
  margin-bottom: 15px;
}
.main_m_body .close {
  position: absolute;
  right: -8px;
  top: -13px;
  height: 40px;
  width: 40px;
  background: #35249b;
  border-radius: 40px;
  opacity: 1;
  color: #fff;
}
@media (min-width: 767px) {
  .l_r {
    font-size: 25px;
    font-weight: 600;
    padding: 10px;
  }
}
#back-top {
  position: fixed;
  bottom: 30px;
  left: auto;
  cursor: pointer;
  z-index: 3;
  /* -webkit-transform: translate(-50%,0); */
  -ms-transform: translate(-50%, 0);
  /* transform: translate(-50%,0); */
  z-index: 999;
  background: #3061e9;
  height: 55px;
  width: 55px;
  z-index: 99999;
  right: 30px;
  margin: auto;
  border-radius: 50px;
  /* background: linear-gradient(to top left, #4c6214, #709906); */
  background: #49744d;
  animation-duration: 2s;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 2s;
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  animation-name: fadeInDownmy;
  right: -100px;
  transition: all 0.5s ease 0s;
  color: #fff;
  line-height: 54px;
  font-size: 18px;
  text-align: center;
}
#back-top.active {
  right: 20px;
}

.nav .view-buy a {
  /* background: linear-gradient(
    to right top,
    #658b00,
    #82a81d,
    #749a15,
    #75a007,
    #688d06
  ) !important; */
  background:linear-gradient(    to right top,    #289633,    #64df6f,    #4fa257,    #49744d,    #78b07d) !important;
  color: #fff !important;
  border-radius: 8px;

  
  font-weight: 700;
  padding: 7px 20px !important;
  line-height: 25px;
  padding-top: 9px !important;
}
.slider_inner.row:before {
}
.slider_inner.row:before {
}
.scroll_stick a.navbar-brand.logo img {
  height: 57px;
}
.about_image_main img {
  border-radius: 15px;
}
.View_here a {
  background: #3353b3;
  padding: 17px 40px;
  color: #fff;
  display: block;
  font-weight: 600;
  text-transform: capitalize;
  display: inline-block;
  border-radius: 4px;
  position: relative;
  transition: 0.2s ease-in-out;
  overflow: hidden;
  box-shadow: 0px 4px 0px #20306d;
  box-shadow: none;
  background: #3478ff;
  background: linear-gradient(90deg, #7f18bb, #35249b);
  width: auto;
  margin: auto;
  border-radius: 0px;
  display: inline-block;
  border: 2px solid #b9a3ff;
  margin-top: 20px;
}
.meta_section .small_ii img {
  border-radius: 25px;
  margin-bottom: 15px;
  background: -webkit-linear-gradient(
    90deg,
    rgb(104 94 151) 0%,
    rgb(43 37 66) 100%
  ) !important;
  padding: 2px;
}
.meta_section.about_contact p {
  font-size: 20px !important;
  line-height: 35px !important;
}
.class_relative {
  position: relative;
}
.class_relative .border_line {
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
    height: 100%;
    width: 0px;
    /* border: 1px solid #75a007; */
    border: 1px solid #4f9a5614;
}
.roadmap_section .cols {
  padding: 0px 20px;
  margin-top: 65px;
}
.icon_title_left {
  float: left;
  width: 50%;
  padding-right: 40px;
}
.creative_title {
  float: right;
  margin-left: 15px;
  padding: 11px 30px 11px 30px;
  background: linear-gradient(to bottom left, #7e63d5, #57429d);
  position: relative;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: 0px 10px 25px 0px rgb(109 132 234 / 35%);
  -webkit-box-shadow: 0px 10px 25px 0px rgb(109 85 189 / 37%);
  width: 335px;
  text-align: right;
}

.cols .creative_title h4 {
  font-weight: 700;
  font-size: 15px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
}
.content_title_right h4,
.cols .creative_title h4 {
}
.feature-icon i {
  font-size: 19px;
  color: #fff;
}
.content_title_right {
  float: right;
  width: 50%;
  text-align: left;
  padding-left: 24px;
  position: relative;
}
.content_title_right h4 {
  padding-top: 0px;
  margin-bottom: 10px;
  text-shadow: 1px 0px 9px #ffffff85;
  color: #fff;
  text-transform: uppercase;
}
.cols .feature-icon {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: auto;
  -webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.2, 2.25);
  transition: all 0.3s cubic-bezier(0.77, 0, 0.2, 2.25);
}
.cols .feature-icon {
  background: linear-gradient(to bottom left, #a689ff, #7a60d0);
  box-shadow: 0px 10px 25px 0px rgb(109 132 234 / 35%);
  -webkit-box-shadow: 0px 10px 25px 0px rgb(109 132 234 / 35%);
  font-size: 19px;
  color: #fff;
  font-weight: 600;
}
.cols .feature-icon {
  float: right;
}
.team_work_bg img {
  border-radius: 260px;
  border: 2px solid #b09af6;
  padding: 15px;
  background: #0f0e14;
}
#Community {
  position: relative;
  width: 100%;
  margin: auto;
  background: #080712;
  padding: 30px 30px;
  overflow: hidden;
  /*z-index: 99999;
  border-radius: 30px;*/
}
#Community:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  opacity: 0.1;
  background-size: cover;
}
#Community * {
  position: relative;
}
.social_icons a {
  background: #423277;
}
.social_icons a {
  margin-top: 0px;
  background: #423277;
  padding: 2px;
  text-transform: capitalize;
  width: auto;
  display: inline-block;
  margin-left: 10px;
  font-size: 17px;
  padding: 10px 15px;
  border-radius: 5px;
  border: 2px solid #ac96f2;
  color: #fff;
}
.footer-menu {
  margin-top: 25px;
}
.col-work-inr {
  background-color: #17142c;
  border-radius: 24px;
  margin-top: 20px;
}
.col-work-inr .icon-otr {
  display: flex;
  align-items: center;
  background-color: #252142;
  border-radius: 24px;
  padding: 24px 28px 23px 28px;
  box-shadow: 0px 20px 50px rgb(0 0 0 / 10%);
}
.col-work-inr .icon-otr .icon-inr {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0 20px 0 0;
}
.bg-icon {
  width: 60px;
  height: 60px;
  border-radius: 16px;
  background-color: #51498a;
  padding: 4px;
}
.icon-otr .heading {
  color: #ffffff;
  font-weight: 600;
  font-size: 26px;
}
.col-work-inr .desc {
  color: #ffffff;
  padding: 24px 28px;
  font-size: 18px;
  line-height: 30px;
  font-weight: 600;
}

.main_top_2:after {
  background: url(../img/ss2.png) no-repeat top 98% center;
  padding: 0 0 20px;
  position: absolute;
  content: "";
  z-index: 0;
  width: 100%;
  height: 100%;
  top: 0;
  opacity: 0.4;
}
.small_ii img {
  background: #9182da45;
  border-radius: 15px;
  margin-bottom: 30px;
}
.images_slider {
  transform: rotate(-2deg);
  width: 110%;
  left: -5%;
}
.intro_section .work_inner {
  border-radius: 30px;
  padding: 30px 35px;
  position: relative;
  overflow: hidden;
  background: #351a4e;
}
.intro_section .work_inner:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  opacity: 0.2;
  background-size: cover;
  background-image: url(../img/19250287_6077505.jpg);
  background-size: cover;
  background-position: center;
}
.intro_section:before {
  opacity: 0;
}
.about_contact .feature-content p {
  font-size: 22px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 500;
}

#mint-nft {
  display: none;
}
.modal-backdrop {
  z-index: 8 !important;
}
.modal {
  z-index: 10000 !important;
}
.hkzEld {
  z-index: 100000001 !important;
}
.eFHlqH {
  font-size: 11px !important;
}
.bktcUM {
  margin-bottom: 10px !important;
  font-size: 18px !important;
}
#error {
  font-size: 18px;
  color: #c01d1d;
}
.eFHlqH {
  font-size: 16px !important;
}
span.child_time {
  width: 72px;
  float: none;
  background: #e7e7e740;
  margin: 1%;
  display: inline-block;
  padding: 10px 3px;
  color: #fff;
  border-radius: 7px;
  margin-top: 7px;
  padding-top: 15px;
}
.child_time span {
  
  font-size: 24px;
  line-height: 25px;
}
span.child_time .smalltext {
  
  font-weight: 400;
  font-size: 14px;
}
.slider .sh_1 {
  position: absolute;
  top: 0px;
  left: 0px;
}
.slider .sh_2 {
  position: absolute;
  top: 100px;
  right: 0px;
}
.creator {
  position: absolute;
  left: -130px;
  top: 50px;
  height: 71px;
  bottom: 0px;
  margin: auto;
}
.creator .innn {
  background: #e7e7e740;
  border-radius: 10px;
  text-align: left;
  padding: 12px 20px;
  width: auto;
  display: inline-block;
  position: relative;
}
.creator .img_creator {
  position: absolute;
  border-radius: 250px;
  overflow: hidden;
  top: 9px;
  left: 15px;
}
.con_creator {
  padding-left: 61px;
}
.con_creator p {
  margin: 0px;
  font-size: 15px;
}
.con_creator h4 {
  color: #fff;
  margin: 0px;
  font-size: 16px;
}
.other_btn a.even {
  background: #160834;
}
.image_radius {
  border-radius: 20px;
}
.mint_inner {
  background: #382748;
  border-radius: 20px;
  padding: 20px;
}
.mint_btn {
  margin-top: 15px;
  background: linear-gradient(
    to right top,
    #fdb084,
    #ff9870,
    #ff7e62,
    #5f9965,
    #ff3656
  );
  padding: 2px;
  text-transform: capitalize;
  width: auto;
  display: inline-block;
  border-radius: 12px;
  width: 100%;
}
.mint_btn button {
  color: #fff;
  font-weight: 600;
  text-transform: capitalize;
  position: relative;
  transition: 0.2s ease-in-out;
  overflow: hidden;
  border: 0px;
  box-shadow: none;
  background: #3478ff;
  background: linear-gradient(80deg, #902edd, #580adb);
  width: 100%;
  margin: auto;
  border-radius: 12px;
  display: block;
  
  padding: 12px 30px;
  width: 100%;
}

.mint_content .mi_h2 h2 {
  text-shadow: 1px 0px 9px #ffffff85;
  color: #fff;
  font-size: 52px;
}
.mint_content h5 {
  color: #aeabb5;
  font-size: 24px;
}
.mint_content .mint_log {
  padding: 10px 11px;
  border: 2px solid #4f2ca5;
  box-shadow: 0px 0px 12px 0px rgb(79 44 165 / 78%);
  border-radius: 21px;
  position: relative;
  background: #322348;
  margin-top: 15px;
  margin-bottom: 26px;
}
.mint_content .mint_log .mint_imm {
  position: absolute;
  background: linear-gradient(
    to right top,
    #fdb084,
    #ff9870,
    #ff7e62,
    #5f9965,
    #ff3656
  );
  padding: 3px;
  border-radius: 10px;
  overflow: hidden;
}

.mint_content .mint_log .mint_imm img {
  background: linear-gradient(
    to right top,
    #fdb084,
    #ff9870,
    #ff7e62,
    #5f9965,
    #ff3656
  ) !important;
  padding: 9px;
}
.mint_imm_con {
  padding-left: 94px;
  color: #fff;
  padding-top: 5px;
}
.mint_imm_con p {
  margin-bottom: 5px;
  font-size: 15px;
}
.mint_imm_con h4 {
  margin-bottom: 5px;
}
.p_big {
  color: #fff;
  font-size: 18px;
}

.mint_input input,
.mint_input select {
  padding: 21px 16px;
  border: 2px solid #4f2ca5;
  box-shadow: 0px 0px 12px 0px rgb(79 44 165 / 78%);
  border-radius: 12px;
  position: relative;
  background: #322348;
  margin-top: 15px;
  margin-bottom: 26px;
  color: #aeabb5;
  
  font-size: 20px;
  padding-top: 25px;
  margin: 0px;
  margin-bottom: 15px;
}
.mint_input select {
  color: #ffffff !important;
  height: 60px;
  padding-top: 18px;
}
.m_auto {
  margin: auto;
}
.parks_section {
  padding-top: 200px;
}
.bg_color_shape {
  background: linear-gradient(
    to right top,
    #fdb084,
    #ff9870,
    #ff7e62,
    #5f9965,
    #ff3656
  );
  padding: 3px;
  border-radius: 100px;
  overflow: hidden;
  display: inline-block;
}
.bg_color_shape img {
  background: linear-gradient(80deg, #902edd, #580adb);
  padding: 16px;
  border-radius: 42px;
  height: 88px;
}
.parks_content {
  color: #fff;
  margin-top: 00px;
}
.sn_parks {
  border-radius: 14px;
}
.sn_parks .sn_in_parks {
  background: #16162b;
  padding: 40px 50px;
  border-radius: 14px;
  overflow: hidden;
  position: relative;
}
.sn_parks .sn_in_parks:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  opacity: 0.1;
  background-size: cover;
  background-image: url(../img/homeall/bg.png);
  background-size: cover;
  background-position: center;
}
.parks_content h4 {
  font-size: 25px;
  line-height: 36px;
}
.parks_content p {
  font-size: 16px;
}
.inner_parks_main .clearfix > div:nth-child(even) .sn_parks {
  background: linear-gradient(
    to right top,
    #fdb084,
    #ff9870,
    #ff7e62,
    #5f9965,
    #ff3656
  );
  padding: 3px;
}
.inner_parks_main .clearfix > div:nth-child(even) .sn_parks .sn_in_parks {
  background: linear-gradient(80deg, #902edd, #580adb);
}
.inner_parks_main .clearfix > div:nth-child(even) .sn_parks .bg_color_shape {
  background: #fff;
}
.inner_parks_main
  .clearfix
  > div:nth-child(even)
  .sn_parks
  .bg_color_shape
  img {
  background: transparent;
}


.sh_3 {
  position: absolute;
  top: 50px;
  left: 0px;
}
.team_section .sn_parks .sn_in_parks {
  padding: 10px 10px !important;
}
.team_section .parks_img img {
  margin: auto;
  border-radius: 14px;
}
.social_links_team .other_btn {
  margin-top: 0px;
}
.social_links_team .other_btn a {
  padding: 0px;
  height: 35px;
  width: 35px;
  padding: 8px 0px;
}
.feature-content {
    padding: 30px 31px;
    border: 1px solid #5ba562;
    box-shadow: 3px 4px 20px -4px rgb(77 145 83);
    border-radius: 21px;
    position: relative;
    background: linear-gradient( to right top, #4d9053, #51a859, #4c8b52, #4f9b56, #4d9054 ) !important;
}
.feature-content .arrow_handle {
  left: -34px;
  position: absolute;
  top: 20px;
}
.li_dot {
  position: absolute;
  left: 0px;
  top: 5px;
}
.check_icon {
  position: absolute;
  left: -14px;
  top: 19px;
}
.roadmap_section .sh_2 {
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.roadmap_section .sh_4 {
  position: absolute;
  bottom: -20px;
  left: 10px;
}

.panel-title a.collapsed {
  color: #ffffff78;
  text-shadow: none;
  background-color: #0000003d;
}

.panel-title a.collapsed .plus_minus {
  background: transparent;
  border: 2px solid #621dcd;
  color: #621dcd;
}
.panel-group .panel {
  box-shadow: 0px 0px 12px 0px rgb(79 44 165 / 54%);
  border-radius: 10px;
  border: 2px solid #4f2ca5;
}
.logo_fo_menu li {
  display: inline-block;
}
.logo_fo_menu li a {
  color: #fff;
  font-size: 18px;
  padding: 13px;
  
  display: inline-block;
}
.logo_fo_menu img {
  height: 75px;
}
.logo_fo_menu ul {
  margin: 0px;
  padding: 20px 0px;
}
.social_fo a {
  background: linear-gradient(
    to right top,
    #658b00,
    #82a81d,
    #749a15,
    #75a007,
    #688d06
  ) !important;
  /* background: linear-gradient(
    to right top,
    #fdb084,
    #ff9870,
    #ff7e62,
    #5f9965,
    #ff3656
  ) !important; */
  float: none;
  font-size: 14px;
  width: 2.7em;
  height: 2.7em;
  margin-right: 0.68em;
  margin-left: 0.68em;
  border-radius: 30px;
  text-align: center;
  padding: 9px 0px;
  color: #ffffff;
  margin-top: 0px;
  display: inline-block;
}
.social_fo img {
  height: 23px;
  display: inline-block;
  margin-top: -5px;
}
.faq_shadow {
  position: absolute;
  right: 0px;
  bottom: 0px;
  height: 1510px;
}
.link_left a {
  display: inline-block;
  color: #fff;
  
  font-size: 18px;
  padding: 7px 0px;
  padding-right: 32px;
}
.social_fo a {
  /* background: linear-gradient(
    to right top,
    #658b00,
    #82a81d,
    #749a15,
    #75a007,
    #688d06
  ) !important; */
  background:linear-gradient(    to right top,    #289633,    #64df6f,    #4fa257,    #49744d,    #78b07d) !important;
  float: none;
  font-size: 14px;
  width: 2.7em;
  height: 2.7em;
  margin-right: 0.68em;
  margin-left: 0.68em;
  border-radius: 8px;
  text-align: center;
  padding: 8px 0px !important;
  color: #ffffff;
  margin-top: 0px;
  display: inline-block;
}
.social_fo a:hover {
  background: linear-gradient(80deg, #902edd, #580adb);
  color: #ffffff !important;
}
.cop_social {
  margin-top: 25px;
}
.star_icon {
  position: absolute;
  bottom: -290px;
  right: -78px;
}
.parks_section .circle {
  position: absolute;
  left: 10%;
  top: -40px;
}
.intro_section .circle2 {
  position: absolute;
  right: 50px;
  top: 150px;
}
.star_icon2 {
  position: absolute;
  top: 170px;
  right: -28px;
}
.roadmap_section .circle {
  position: absolute;
  left: 50px;
  top: 1000px;
}
.form_section .about_contact {
  background: #382748;
  border-radius: 20px;
  padding: 40px 20px;
}
.sn_input input {
  background: #533f66;
  border: 0px;
  box-shadow: none;
  height: 50px;
  color: #fff;
  
  font-size: 18px;
  padding-top: 12px;
  margin-bottom: 15px;
}

.sn_input input::placeholder {
  color: #fff;
}
.form_inner .mint_btn button {
  font-size: 24px;
  padding-top: 12px;
  padding-bottom: 6px;
}
.d-flex {
  display: flex;
}
.align-items-center {
  align-items: center;
}
.d-inline {
  display: inline-block;
}

.token_single li {
  font-size: 15px;
  line-height: 37px;
  color: rgba(87, 102, 126, 0.8);
  padding-left: 28px;
  position: relative;
  padding: 0px;
  cursor: pointer;
  margin-top: 30px;
  display: inline-block;
  width: auto;
  padding: 10px 20px;
  margin: 13px 0px;
  width: 100%;
  margin: auto;
}

.token_single li:nth-child(1) {
  display: block;
  width: 100%;
  margin: auto;
}

.token_single li:nth-child(1) .chart-data-item:before,
.token_single li:nth-child(1) .chart-data-item:after {
  border-color: #fff;
}

.chart-info {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  /* color: #5f9965; */
  transition: all 0.4s;
  text-transform: uppercase;
}
.chart-label {
  font-size: 17px;
  line-height: 22px;
  display: inline-block;
}
.token_single li:nth-child(1) .chart-data-item .chart-info,
.token_single li:nth-child(1) .chart-data-item .chart-label {
  color: #fff;
}
.chart-info {
  display: block;
}
.chart-label {
  color: #5f9965;
  /* color: #5f9965; */
  line-height: 22px;
  font-weight: 700;
  text-transform: capitalize;
}
.token_single li:nth-child(1) .chart-data-item .chart-info,
.token_single li:nth-child(1) .chart-data-item .chart-label {
  color: #fff;
}
.chart-data-item:after {
  right: 0;
  border-radius: 0 6px 6px 0;
  border-left: none;
}
.sn_buy {
  position: relative;
  transition: all 0.5s ease 0s;
  border: 0px solid #ddd;
  border-radius: 8px;
  padding: 10px;
  color: #fff;
  margin: 0px 0px;
  text-align: left;
}
.sn_buy img {
  width: 47px;
  margin: auto;
  display: inline-block;
}
.sn_buy h4 {
  font-size: 27px;
  margin-top: 20px;
  text-shadow: 1px 0px 9px #ffffff85;
}
.sn_buy p {
}
.row div:nth-child(1) .sn_buy {
  border-color: transparent;
  /* background: linear-gradient(
    to right top,
    #2b230d,
    #392720,
    #160c0a,
    #421f1d,
    #1f0f12
  ) !important; */
}
.row div:nth-child(2) .sn_buy {
  border-color: transparent;

  /* background: linear-gradient(
    to right top,
    #2b230d,
    #392720,
    #160c0a,
    #421f1d,
    #1f0f12
  ) !important; */
}
.row div:nth-child(3) .sn_buy {
  border-color: transparent;

  background: linear-gradient( to right top, #4d9053, #51a859, #4c8b52, #4f9b56, #4d9054 ) !important;
  /* background: linear-gradient(
    to right top,
    #2b230d,
    #392720,
    #160c0a,
    #421f1d,
    #1f0f12
  ) !important; */
}
.row div:nth-child(4) .sn_buy {
  border-color: transparent;

  /* background: linear-gradient(
    to right top,
    #2b230d,
    #392720,
    #160c0a,
    #421f1d,
    #1f0f12
  ) !important; */
}
.row div .sn_buy {
    background: linear-gradient( to right top, #4d9053, #51a859, #4c8b52, #4f9b56, #4d9054 ) !important;
}
.row div .sn_buy:hover {
  border-color: transparent;
  border-radius: 20px 8px !important;
  background: linear-gradient( to right top, #4d9053, #51a859, #4c8b52, #4f9b56, #4d9054 ) !important;
  /* background: linear-gradient(
    to right top,
    #1f0f12,
    #421f1d,
    #160c0a,
    #392720,
    #2b230d
  ) !important; */
}
.expand,
.endE {
  cursor: pointer;
  color: #5f9965;
}
.contentE {
  opacity: 0;
  height: 0px;
  transition: all 0.2s ease 0s;
}
.sn_in_parks {
  transition: all 0.2s ease 0s;
}
.exActive {
  opacity: 1;
  height: auto;
}
.b1 {
  position: absolute;
  width: 280px;
  opacity: 0.5;
  right: 10px;
  margin: auto;
  bottom: 160px;
  border: 0px solid #fff;
  padding: 25px;
  border-radius: 0px;
  z-index: 1111111;
}
.b2 {
  position: absolute;
  width: 280px;
  opacity: 1;
  left: 10px;
  margin: auto;
  top: 280px;
  left: 20%;
  border-radius: 15px;
}
.b3 {
  margin: auto;
  border: 1px solid #944dc1;
  padding: 5px;
  margin-bottom: 15px;
  border-radius: 45px;
}
.b4 {
  position: absolute;
  opacity: 0.3;
  width: 280px;
}
.ani_sl {
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin: auto;
  -webkit-animation: moveLeftBounce 3s linear infinite;
  animation: moveLeftBounce 3s linear infinite;
}
.ani_sl1 {
  right: -80px;
  bottom: -180px;
  width: 150px;
  -webkit-animation: moveTopBounce 3s linear infinite;
  animation: moveTopBounce 9s linear infinite;
  border: 0px solid #944dc1;
  padding: 5px;
  border-radius: 20px;
}
.ani_sl2 {
  width: 150px;
  bottom: -250px;
  animation: movelBounce 5s linear infinite;
  left: 50px;
  border-radius: 8px;
}
.ani_sl3 {
  right: 70px;
  top: -150px;
  width: 120px;
  animation: moveTopBounce 4s linear infinite;
}

@-webkit-keyframes moveTopBounce {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(0px, 20px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@-webkit-keyframes movelBounce {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(20px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}

.corners-section-wrapper::before {
  content: "";
  position: absolute;
  left: 15px;
  right: 15px;
  top: 0;
  bottom: 0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  opacity: 0.3;
  z-index: -1;
}
.image-border {
  border: 5px solid #5a5a82;
}
.font-weight-600 {
  font-weight: 600;
}
.corners-section-wrapper::after {
  content: "";
  position: absolute;
  top: 15px;
  bottom: 15px;
  left: 0;
  right: 0;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  opacity: 0.3;
  z-index: -1;
}
.cardArrow {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.cardArrow > div {
  width: 10px;
  height: 10px;
  position: absolute;
}
.cardArrow > div::before,
.cardArrow > div::after {
  content: "";
  position: absolute;
  background: #fff;
  opacity: 0.75;
}
.cardArrow .cardArrowBottomLeft:after,
.cardArrow .cardArrowBottomLeft:before,
.cardArrow .cardArrowTopLeft:after,
.cardArrow .cardArrowTopLeft:before {
  left: 0;
}
.cardArrow .cardArrowTopLeft:before,
.cardArrow .cardArrowTopRight:before {
  top: 2px;
}
.cardArrow .cardArrowTopLeft:after,
.cardArrow .cardArrowTopRight:after {
  top: 0;
}
.cardArrow .cardArrowBottomLeft:after,
.cardArrow .cardArrowBottomRight:after,
.cardArrow .cardArrowTopLeft:after,
.cardArrow .cardArrowTopRight:after {
  width: 10px;
  height: 2px;
}
.cardArrowBottomRight,
.cardArrowTopRight {
  right: 0;
}
.cardArrow .cardArrowBottomRight:after,
.cardArrow .cardArrowBottomRight:before,
.cardArrow .cardArrowTopRight:after,
.cardArrow .cardArrowTopRight:before {
  right: 0;
}
.cardArrow .cardArrowBottomLeft:before,
.cardArrow .cardArrowBottomRight:before,
.cardArrow .cardArrowTopLeft:before,
.cardArrow .cardArrowTopRight:before {
  width: 2px;
  height: 8px;
}

.cardArrowBottomLeft,
.cardArrowBottomRight {
  bottom: 0;
}
.cardArrow .cardArrowBottomLeft:before,
.cardArrow .cardArrowBottomRight:before {
  bottom: 2px;
}
.cardArrow .cardArrowBottomLeft:after,
.cardArrow .cardArrowBottomRight:after {
  bottom: 0;
}
.choose_patten_bg .snmar {
  margin-bottom: 0px;
  padding: 15px;
}
.corners-section-wrapper {
  position: relative;
  padding: 13px 10px;
}
.color1 .main_title h2 {
  text-shadow: 0 0 BLACK;
  color: #1f1f1f;
}
.color1 .main_title p {
  color: #3f3f3f;
}
.check_icon {
  height: 30px;
  width: 30px;
  /* background: linear-gradient(
    to right top,
    #658b00,
    #82a81d,
    #749a15,
    #75a007,
    #688d06
  ) !important; */
  background: linear-gradient( to right top, #4d9053, #51a859, #4c8b52, #4f9b56, #4d9054 ) !important;
  line-height: 30px;
  text-align: center;
  color: #fff;
  border-radius: 31px;
}
.color1 .class_relative .border_line {
  border: 1px solid #6b9106 !important ;
  /* border: 1px solid #d24b4b !important ; */
}
.Disclaimer b,
.Disclaimer {
  padding: 20px 0px;
  color: #fff;
}
.color1 .Disclaimer b,
.color1 .Disclaimer {
  color: #06040a !important;
}
.color1 .footer {
  background: #81a71d !important;
  /* background: rgb(254 91 91) !important; */
  box-shadow: 0px 0px 12px 0px rgb(43 42 57 / 10%);
  border-top: 2px solid #fff;
  /* border-top: 2px solid #a63333a6; */
}

.border-radius-rounded {
  border-radius: 50%;
}

a.navbar-brand.logo img {
    height: 91px;
}
html body .d-flex, .navbar-collapse.d-flex {
  display: flex !important;
}
.align-items-center{
  align-items: center;
}
.justify-content-center {
  justify-content: center;
}

.justify-content-between {
  justify-content: space-between;
}
.flex-auto{
  flex: auto;
}
.navbar-collapse {
  padding: 0px;
}

.bignav {
  font-size: 35px !important;
    text-shadow: 3px 3px 0px #444;
}
.btnnav {
  padding: 12px 20px !important;
    font-size: 1em;

    text-shadow: none;
    border: none;
    color: #ffffff;
    background-color: #151830;
    box-shadow: 5px 5px 0px 0px #353c6a;
    cursor: pointer;
    outline: none;
}
.btnnav:hover {
  box-shadow: 2px 2px 0px 0px #353c6a;
    background-color: #151830 !important;
    top: 2px;
    left: 3px;
}
.navbar-right  {
  justify-content: end !important;
}
.header_area .container, .navbar-collapse.d-flex {
    justify-content: space-between;
}
.navbar-left {

    flex: auto;
}
.othertitle{

  margin-bottom: 30px;
}
.othertitle .titlebtn {
  position: relative;
  padding: 10px 35px;
  background-color: #151830;
  box-shadow: 5px 5px 0px 0px #353c6a;
  display: inline-block;
}

.othertitle .titlebtn:hover {
  box-shadow: 2px 2px 0px 0px #353c6a;
    background-color: #151830 !important;
    top: 2px;
    left: 3px;
}
.btnbg {
    background-color: #151830 !important;
    box-shadow: 5px 5px 0px 0px #353c6a !important;
}
.btnnav:before, .othertitle .titlebtn:before, .btnbg:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-size: 100%;
    background-position: center center;
    opacity: 0.1;
    background-image: url(../img/homeall/bg.png);
    /* background-attachment: fixed; */
}
.btnnav>*, .othertitle .titlebtn>*{
  position: relative;
}
#music, .videoplay, .audioimg {
    position: fixed;
    bottom: 13px;
    z-index: 9;
    width: 180px;
    right: 10px;
    z-index: 10;
}
#music {
    width: 101px;
    opacity: 0;
}
.audioimg {
  width: 64px;
    right: 30px !important;
}
#playtext {
    position: fixed;
    bottom: 13px;
    z-index: 9;
    width: 140px;
    right:110px;
    z-index: 10;
    animation: moveLeftBounce 1s linear infinite;
}
#playtext h2 {
  margin: 0px;
}
#playtext.pause {
  display: block;
}
#playtext.play {
  display: none;
}
@keyframes moveLeftBounce {
    0% {

        transform: translate(0px, 0px);
    }
    50% {
        transform: translate(0px, 10px);
    }
    100% {
        transform: translate(0px, 0px);
    }
}
.video1 {
    bottom: 70px;
    width:300px;
    right: -20px;
}
.video2 {
    bottom: 70px;
    width:300px;
    right: auto;
    left: -40px;
}
.headerpad {
  height: 120px;
}
.main_title h2 {
    font-family: "pixelmix";
}
.w-80 {
  width: 70%;
}
.mint_section h2 {
  margin-bottom: 0px;
}
.othertitle {
    font-family: "PixelarOutlineTextured";
    font-size: 70px;
        text-shadow: 4px 4px 0px #2b2b2b;
}
.othertitle {
    font-size: 70px;
    line-height: 56px;
}
.lefCal {
    background: #171722;
    border-radius: 25px;
    padding: 25px;
    font-family: "pixelmix";
    min-height: 354px;
}
form label {
  color: #fff;
  font-weight: 300;
  margin-bottom: 6px;
  font-size: 16px;
    font-family: "pixelmix";
}
.inHere {
  position: relative;
}
form input {
  background: #121424;
  border: 1px solid  #49496b;
  height: 42px;
  width: 100%;
  padding: 0px 15px;
  color: #fff;
  font-size: 14px;
    font-family: "pixelmix";
}
.inHere input {

  padding-left: 42px;
}
.inHere .inSine {
    position: absolute;
    left: 0px;
    top: 0px;
    background: #313450;
    height: 30px;
    width: 30px;
    color: #fff;
    text-align: center;
    font-weight: 300;
    line-height: 30px;
    top: 6px;
    left: 5px;
}
.form-group {
    margin-bottom: 18px;
}
.selectionbtn button {
  position: relative;
  padding: 5px 15px;
  background-color: #2b2d40;
  box-shadow: 4px 4px 0px 0px #424242;
  display: inline-block;
  border: 0px;
  color: #fff;
}
.selectionbtn button.active, .selectionbtn button:hover {
  background: #3f65c8;
  box-shadow: 2px 2px 0px 0px #424242;
  top: 0px;
  left: 0px;
}
.btnnav:hover, .othertitle .titlebtn:hover, .bigbtn button:hover, .bigbtn a:hover {
  top: 0px !important;
  left: 0px !important;
}
.bigbtn button, .bigbtn a {
  margin-top: 10px;
  position: relative;
  padding: 8px 15px;
  background-color: #3f65c8;
  box-shadow: 4px 4px 0px 0px #424242;
  display: block;
  border: 0px;
  color: #fff;
  width: 100%;
  font-size: 22px;
}
.bigbtn button:hover, .bigbtn a:hover {
  top: 2px;
  left: 3px;
  background: #3f65c8;
  box-shadow: 2px 2px 0px 0px #424242;
}
.packLine .bigbtn a  {
  font-size: 20px;
  width: inherit;

}
.rightCal h4 {
    color: #4f81ff;
    font-size: 25px;
    margin-bottom: 4px;
    text-transform: uppercase;
}
.rightCal h1{
  color: #88ee88;
  font-size: 120px;
  font-family: "PixelarTextured";
  line-height: 90px;
      text-shadow: 4px 4px 0px #444;
  margin-bottom: 20px;
}
.w100 {
  width: 100%;
}
.about_content {
  margin-left: 25px;
}
.about_content .othertitle {
    margin-bottom: 0px;
}
footer {
  background: #171722;
  padding: 25px 10px;
  text-align: center;
  margin-top: 50px;
}
footer .fLogo  {
  text-align: center;
  position: relative;
  margin-top: -60px;
  margin-bottom: 30px;
}
footer .fLogo img {
  height: 80px;
  margin: auto;

}

footer li {
  display: inline-block;
}
footer li a {
  padding: 0px 20px;  
  text-transform: uppercase;
}
.successtext {
  color: #30d5c8;
}
.followFoll {
  gap: 15px;
}
.followFoll>*{
  width: 50%;
  text-align: center;
  margin-top: 0px !important;
  margin-bottom: 5px !important;

  font-family: "pixelmix";
}
.snCom {
  background: #13131e;
  border-radius: 15px;
  padding: 0px;
  padding-bottom: 0px;
}
.padHere {
  padding: 25px;
  padding-bottom: 15px;
}
.snCom h3 {
      font-family: "PixelarOutlineTextured";
    font-size: 50px;
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 0px;
    text-transform: capitalize;
}
.snCom h3 span, .snCom h3 i  {
  font-size: 24px;
}
.snCom h3 span i {
    height: 30px;
    width: 30px;
    text-align: center;
    color: #000;
    background: #e341a6;
    line-height: 30px;
    border-radius: 30px;
    font-size: 17px;
}
.snCom h4, h4.priceBottom{
  font-family: "pixelmix";
  color: #30d5c8;
  font-size: 18px;
}
.snCom p {
  color: #b7b7b7;
  font-size: 14px;
}
.followFoll button, .followFoll a {
  width: 50% !important;
}
.follShow {
  background: #212130;
      box-shadow: 0px 4px 0px 0px #212130;
  min-height: 47px;
  line-height: 47px;
}
.pinkbtn {
  background: #e341a6 !important;
}
.fontbtn {

  font-family: "pixelmix";
}
.smallh2 {
  margin-bottom: 0px;
  font-size: 48px;
  margin-top: 10px;
}
.smallh2+.bigbtn button {
  margin-top: 10px;
}
.packLine {
  margin-top: 25px;
}
.airdropLogo {
    height: 110px;
    position: absolute;
    top: -60px;
    z-index: 1;
    left: 0px;
    right: 0px;
    margin: auto;
}
.aboutLogo {

    height: 110px;
    margin: auto;
}
.airdropbox {
  position: relative;
  margin-top: 50px;
}
.airdropbox input {
  background: #121424;
}
.airdropbox .sn_in_parks {
  padding-top: 60px;
}
.mt4 {
  margin-top: 30px;
}
.mb-1 {
  margin-bottom: 10px !important;
}
.snair {
      padding: 0px;
      background: #13131e;
    border-radius: 15px;
    margin-top: 30px;
    padding-bottom: 0px;
    position: relative;
    border: 1px solid #323243;

}
.snair .bigbtn {
  margin-bottom: 0px;
}
.snair h3 {
    font-family: "PixelarOutlineTextured";
    font-size: 35px;
font-size: 35px;
    line-height: 32px;
    align-items: center;
    gap: 15px;
    margin-bottom: 5px;
    text-transform: capitalize;
}

.snair h4 {
  font-family: "pixelmix";
  color: #30d5c8;
  font-size: 18px;
}
.snair p {
    color: #b7b7b7;
    font-size: 14px;
}
.snair .padHere+.bigbtn button{
  margin: 0px;
}
.disabledbtn {
  opacity: 0.4;
  cursor: not-allowed !important;
}
.arrowicon {
    position: absolute;
    top: -16px;
    left: -12px;
    font-size: 29px;
}
.flex-wrap{
  flex-wrap: wrap;
}
.normalbtn button {
    position: relative;
    padding: 10px 35px;
    background-color: #151830;
    box-shadow: 5px 5px 0px 0px #353c6a;
    display: inline-block;
    border: 0px;
        font-size: 22px;
}
.not {

      background: #191933;
    border-radius: 15px;
    padding: 25px;
}
.not h3 {
    font-family: "PixelarOutlineTextured";
    font-size: 35px;
    align-items: center;
    gap: 15px;
    margin-bottom: 5px;
    text-transform: capitalize;
}

.aboutSec h4 {
    font-family: "PixelarOutlineTextured";
    font-size: 35px;

    align-items: center;
    gap: 15px;
    margin-bottom: 5px;
    text-transform: capitalize;
}
.navbar-default .navbar-nav li a.yellowtext:hover {
  color: #ffa900 !important;
        text-shadow: 0px 0px 3px #ffffff85;
}
.navbar-default .navbar-nav li a.bluetext:hover {
      color: #5787ff !important;
        text-shadow: 0px 0px 3px #ffffff85;
}
.navbar-default .navbar-nav li a.pinktext:hover {
    color: #ff009f !important;
        text-shadow: 0px 0px 3px #ffffff85;
}
.btnnav:hover, .othertitle .titlebtn:hover  {
  box-shadow: 0px 0px 10px 10px #2a4287;
}
.aniImg {
  width: 150px;
  border-radius: 10px;
  overflow: hidden;
}


a:hover, button:hover {
  cursor: url('../img/mouse.png'), auto;
}
.gap-1 {
  gap: 10px;
}
h4.priceBottom{
  font-family: "pixelmix";
  font-size: 26px;
  margin-bottom: 15px;
}
.modal-content {
  padding: 15px 30px;
}
.modal-content button.close {
    position: absolute;
    right: -17px;
    top: 0px;
    background: #fff;
    height: 30px;
    width: 30px;
    color: #000 !important;
    border-radius: 6px;
    line-height: 30px;
}
.flex-end {
  justify-content: flex-end;
}
.packLine.pcshow  {
    justify-content: flex-end;
    margin-right: 150px;
}
.mb-2 {
  margin-bottom: 20px;
}
.comInmg {
  width: 400px;
}
.BuySection .snCom h3 {
  color: #ddb361 !important;
  
}

.yellowtext {
  color: #ddb361 !important;
}
.pinktext {
  color: #e341a6 !important;
}
.bluetext {
  color: #4f81ff !important;
}
.greentext {
  color: #88ee88 !important;
}
.redtext {
    color: #c73535 !important;
}
.btnbg {
    
}
.smalltitle {
    font-size: 54px;
    line-height: 48px;
    margin-top: 20px;
}
.joinsec .snCom .padHere {
    min-height: 265px;
}
.copyAddress .inSine {
    border:0px;
    background: #313450;
    height: 30px;
    width: 30px;
    color: #fff;
    text-align: center;
    font-weight: 300;
    line-height: 30px;
        box-shadow: 4px 4px 0px 0px #424242;
}
#textToCopy {
    word-break: break-word;
}