:root {
  --logo-yellow: #ffdc46;
  --logo-orange: #e99330;
  --logo-blue: #38beed;
  --logo-pirpule: #764997;
  --mybutton-dark-blue: #071f52;
  --mybg-dark: #1e1e1e;
  --my-body-color: hsl(219deg 48% 8%);
}
html {
  scroll-behavior: smooth;
}
.bg-black-2a-l {
  background: #2a2a2a9c;
}
.bg-black-2a {
  background: #2a2a2a;
}

.mybtn {
  background: var(--logo-orange);
  transition: all 0.5s;
}
.mybtn:hover {
  background: var(--logo-yellow);
  color: black !important;
  font-weight: 600;
  box-shadow: 3px 3px 10px #8080804d;
  transform: translateY(-3px);
}

body {
  background-color: var(--mybg-dark);
  background-color: rgb(0, 2, 15) !important;
  /* background-color: var(--my-body-color); */
}
/* utility  */
.input-border {
  border-bottom: 1.5px groove var(--logo-yellow) !important;
  border-radius: 0;
}

.input-border:focus {
  border: none;
  border-radius: 0;
  box-shadow: none;
  border-bottom: 2px solid var(--logo-orange) !important;
}

.lh-1 {
  line-height: 30px;
}

.lh-2 {
  line-height: 35px;
}

.my-10 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}
/* end of utility  */

/* header  */

.banner-center {
  height: 70vh;
  width: 80%;
  z-index: 9;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -45%);
}

@media screen and (max-width: 500px) {
  .banner-center {
    height: 70vh;
    width: 100%;
    z-index: 9;
    margin-top: 70px;
    top: unset;
    left: unset;
    transform: unset;
  }
}
/* end of header  */

.hbanner {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  height: 100vh !important;
}
.hbanner-thor {
  background: url(../images/thor.jpg);
}
.hbanner-zeus {
  background: url(../images/zeus.jpg);
}
.hbanner-athena {
  background: url(../images/athena.jpg);
}

.banner-forground:after {
  /* background: linear-gradient(182deg, #000000cc, #000000e6); */
  background: linear-gradient(182deg, #000000e3, #0f0f0f);
  /* background: linear-gradient(182deg, rgba(0, 0, 0, 0.9), black); */
  content: "";
  width: 100%;
  height: 100vh;
  position: absolute;
  left: 0%;
  top: 0;
  animation: bannerForground;
  animation-duration: 0.5s !important;
  animation-delay: 1s;
  animation-fill-mode: backwards;
  transition: all 1s;
}

@keyframes bannerForground {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* countdown */

#countdown {
  display: flex;
}
#countdown .counter {
  position: relative;
  font-family: Abel;
  text-transform: uppercase;
  text-align: center;
  line-height: 1;
  color: #6ce1f5;
  margin-bottom: 60px;
}

.timer-count {
  flex: unset;
  min-width: 330px;
  background-color: #272c44;
  border-radius: 10px 10px 10px 10px;
  padding: 20px 44px 14px 40px;
}

#countdown .counter span::before {
  content: attr(b);
  display: inline-block;
  text-shadow: 0 0 12px rgb(33 150 243 / 46%), 0 0 32px rgb(33 150 243 / 31%),
    0 24px 48px rgb(33 150 243 / 37%), 0 -24px 48px rgb(33 150 243 / 34%);
}
#countdown .counter span.ping::before {
  -webkit-animation: pingEffect 0.4s 1 forwards;
  animation: pingEffect 0.4s 1 forwards;
}
#countdown .counter b {
  font-size: 12px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  color: #9399bc;
  /* font-size: 14px; */
  font-weight: 400;
  margin-top: 22px;
  line-height: 21px;
}
@-webkit-keyframes pingEffect {
  0% {
    transform: scale(0.92);
  }
  10% {
    opacity: 0.7;
  }
  20% {
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}
@keyframes pingEffect {
  0% {
    transform: scale(0.92);
  }
  10% {
    opacity: 0.7;
  }
  20% {
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}



/* from web https://bestwebcreator.com/cryptocash/demo/index-blue-light-modern.html */
.chart_icon {
  left: 50%;
  position: absolute;
  right: 0;
  top: 50%;
  -moz-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  z-index: -1;
  text-align: center;
}
.chart_bx {
  background-color: #ffffff;
  display: inline-block;
  margin-right: 5px;
  height: 7px;
  vertical-align: middle;
  width: 7px;
}
.list_chart li {
  display: inline-block;
  padding: 0 5px;
  font-size: 14px;
  font-weight: 500;
}
.list_chart li span {
  color: #fff;
}
.color1 {
  background-color: #f69040;
}
.color2 {
  background-color: #78c596;
}
.color3 {
  background-color: #f17776;
}
.color4 {
  background-color: #0eadc9;
}
.color5 {
  background-color: #4241b8;
}
.color6 {
  background-color: #4449cc;
}
.color7 {
  background-color: #00e1f4;
}
.color8 {
  background-color: #d26187;
}
.color9 {
  background-color: #d4b630;
}
.color10 {
  background-color: #0052ce;
}
.color11 {
  background-color: #5b5da8;
}
.color12 {
  background-color: #9a46cc;
}
.color13 {
  background-color: #d3b62f;
}

.chart_list .bg-orange {
  background-color: #f6c59e;
}
.bg-orange .progress-bar {
  background-color: #f69040;
}
.chart_list .bg-green {
  background-color: #b7dfc9;
}
.bg-green .progress-bar {
  background-color: #78c596;
}
.chart_list .bg-red {
  background-color: #f4b8b9;
}
.bg-red .progress-bar {
  background-color: #f17776;
}
.chart_list .bg-blue {
  background-color: #82d3e2;
}
.bg-blue .progress-bar {
  background-color: #0eadc9;
}
.chart_list .bg-purple {
  background-color: #a9abd2;
}
.bg-purple .progress-bar {
  background-color: #5b5da8;
}

/* team */

.mycard {
  border-radius: 20px;
  background: #eeeeee;
  border: none;
  transition: all 0.5s;
}
.mycard:hover {
  box-shadow: 5px 5px 14px #cacaca7d, -5px -5px 14px #ffffffa6;
}

.neo-button {
  width: 40px;
  height: 40px;
  outline: 0 !important;
  cursor: pointer;
  color: #fff;
  font-size: 15px;
  border: none;
  margin-right: 10px;
  border-radius: 50%;
  background: linear-gradient(145deg, #d6d6d6, #ffffff);
  /* box-shadow: 20px 20px 60px #cacaca, -20px -20px 60px #ffffff; */
  box-shadow: 0 0 20px #ffffff96;
}

.neo-button:active {
  border-radius: 50%;
  background: linear-gradient(145deg, #d6d6d6, #ffffff);
  box-shadow: inset 20px 20px 60px #cacaca, inset -20px -20px 60px #ffffff;
}

.fa-facebook {
  color: #3b5998;
}

.fa-linkedin {
  color: #0077b5;
}

.fa-google {
  color: #dc4e41;
}

.fa-youtube {
  color: #cd201f;
}

.fa-twitter {
  color: #55acee;
}

/* footer */

img.position-absolute.distribution5 {
  /* width: 234px; */
  left: 50%;
  right: 50%;
  transform: translate(-50%, -7%);
  filter: brightness(0.8);
}
.mycard .hr-text:after {
  font-size: 24px;
  background: #eeeeee;
  color: black;
  line-height: 25px;
}

#our-team .col-md-3.col-sm-6.col-6 {
  padding-left: 0;
}
.st0{fill:#FFC000;stroke:#FFFFFF;stroke-miterlimit:10;}
.st1{fill:#BEBFBF;stroke:#FFFFFF;stroke-miterlimit:10;}
.st2{fill:#4472C4;stroke:#FFFFFF;stroke-miterlimit:10;}
.st3{fill:#ED7D31;stroke:#FFFFFF;stroke-miterlimit:10;}
.st4{fill:#5B9BD5;stroke:#FFFFFF;stroke-miterlimit:10;}
.st5{fill-rule:evenodd;clip-rule:evenodd;fill:#4472C4;}
.st6{fill:#FFFFFF;}
.st7{font-family:'Calibri-Bold';}
.st8{font-size:36.03px;}
.st9{fill-rule:evenodd;clip-rule:evenodd;fill:#ED7D31;}
.st10{font-size:35.94px;}
.st11{fill-rule:evenodd;clip-rule:evenodd;fill:#BEBFBF;}
.st12{fill-rule:evenodd;clip-rule:evenodd;fill:#FFC000;}
.st13{fill-rule:evenodd;clip-rule:evenodd;fill:#5B9BD5;}
.mmdrop{
  filter: drop-shadow(2px 4px 6px black) drop-shadow(-8px 4px 6px black) brightness(0.7);
}

/* erth */

.earth img {
  animation: spinner 10s infinite linear;
  perspective: 500px;
  transform-style: preserve-3d;
}
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#earth-box span {
  position: relative;
  width: 400px;
  height: 400px;
  margin: 0 auto;
  transition: transform 200ms linear;
  animation: rotate 8s linear infinite; /* This is going to be defined in the next step */
  color: #000;
  border-radius: 50%;
  background: url(https://sacredthemes.net/coinpool/images/mercury-earth-map.png)
    0 0 repeat;
  background-size: 730px;
  box-shadow: inset 20px 0 80px 6px rgba(0, 0, 0, 1);
  transform-style: preserve-3d;
  display: block;
}
#earth-box {
  width: 400px;
  height: 400px;
  background: url(https://sacredthemes.net/coinpool/images/mercury-earth.png) 0
    0 repeat;
  background-size: 100%;
  border-radius: 50%;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#earth-box-cover {
  position: relative;
  width: 590px;
  height: 590px;
}
#earth-box-cover .earth-icons {
  width: 100%;
  height: 100%;
  position: absolute;
}
#earth-box-cover .earth-icons .icon-1 {
  background: url("https://sacredthemes.net/coinpool/images/earth-icon-1.png")
    no-repeat scroll 0px 0px / cover;
  width: 28px;
  height: 47px;
  position: absolute;
  top: 205px;
  left: 115px;
  z-index: 1;
  animation: zoomfade 2s linear infinite;
}
#earth-box-cover .earth-icons .icon-2 {
  background: url("https://sacredthemes.net/coinpool/images/earth-icon-2.png")
    no-repeat scroll 0px 0px / cover;
  width: 21px;
  height: 52px;
  position: absolute;
  top: 312px;
  right: 85px;
  z-index: 1;
  animation: zoomfade 1.5s linear infinite;
}
#earth-box-cover .earth-icons .icon-3 {
  background: url("https://sacredthemes.net/coinpool/images/earth-icon-3.png")
    no-repeat scroll 0px 0px / cover;
  width: 34px;
  height: 35px;
  position: absolute;
  top: 171px;
  right: 187px;
  z-index: 1;
  animation: zoomfade 900ms linear infinite;
}
#earth-box-cover .earth-icons .icon-4 {
  background: url("https://sacredthemes.net/coinpool/images/earth-icon-4.png")
    no-repeat scroll 0px 0px / cover;
  width: 25px;
  height: 33px;
  position: absolute;
  top: 117px;
  left: 193px;
  z-index: 1;
  animation: zoomfade 1.3s linear infinite;
}
#earth-box-cover .earth-icons .icon-5 {
  background: url("https://sacredthemes.net/coinpool/images/earth-icon-5.png")
    no-repeat scroll 0px 0px / cover;
  width: 26px;
  height: 33px;
  position: absolute;
  top: 51px;
  right: 229px;
  z-index: 1;
  animation: zoomfade 1.7s linear infinite;
}
#earth-box-cover .earth-icons .icon-6 {
  background: url("https://sacredthemes.net/coinpool/images/earth-icon-6.png")
    no-repeat scroll 0px 0px / cover;
  width: 16px;
  height: 24px;
  position: absolute;
  top: 144px;
  right: 145px;
  z-index: 1;
  animation: zoomfade 950ms linear infinite;
}
#earth-box-cover .earth-icons .icon-7 {
  background: url("https://sacredthemes.net/coinpool/images/gold-animation-icon.png")
    no-repeat scroll 0px 0px;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 364px;
  left: 218px;
  z-index: 1;
  background-size: 100%;
  background-position: center;
  animation: zoomfade 2s linear infinite;
}
@keyframes zoomfade {
  0% {
    transform: scale(0.6);
    opacity: 0.6;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.6);
    opacity: 0.6;
  }
}
@keyframes rotate {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 730px 0;
  }
}
#earth-box-cover:before {
  width: 589px;
  height: 589px;
  background: url(https://sacredthemes.net/coinpool/images/mercury-earth-cover.png)
    0 0 repeat;
  background-size: 100%;
  border-radius: 50%;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

@media (min-width: 30px) and (max-width: 767px) {
  #earth-box-cover::before {
    width: 320px;
    height: 320px;
  }
  #earth-box,
  #earth-box span {
    width: 240px;
    height: 240px;
  }
  #earth-box-cover {
    margin: auto;
    display: table;
    width: 320px;
    height: 320px;
  }
  #earth-box-cover .earth-icons .icon-1 {
    width: 20px;
    height: 36px;
    top: 107px;
    left: 58px;
  }
  #earth-box-cover .earth-icons .icon-2 {
    width: 12px;
    height: 30px;
    top: 168px;
    right: 46px;
  }
  #earth-box-cover .earth-icons .icon-3 {
    top: 92px;
    right: 101px;
    width: 19px;
    height: 20px;
  }
  #earth-box-cover .earth-icons .icon-4 {
    top: 63px;
    left: 105px;
    width: 14px;
    height: 17px;
  }
  #earth-box-cover .earth-icons .icon-5 {
    top: 25px;
    right: 124px;
    width: 17px;
    height: 22px;
  }
  #earth-box-cover .earth-icons .icon-6 {
    width: 10px;
    height: 14px;
    top: 77px;
    right: 78px;
  }
  #earth-box-cover .earth-icons .icon-7 {
    width: 34px;
    height: 34px;
    top: 196px;
    left: 117px;
  }
}

.economy__bg {
  position: absolute;
  /* top: -60px; */
  left: 0;
  width: 100%;
  /* min-width: 1680px; */
  -o-object-fit: cover;
  object-fit: cover;
}

.cases__bg {
  position: absolute;
  top: 50px;
  left: 55%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

/*  */
.erthbb {
  background-color: #1b1e32;
  background-repeat: no-repeat;
  background-image: url(../images/ilustrator.png);
  background-size: auto;
  background-position: 87% 64%;
}
.background-overlay {
  background-image: url(../images/leftarrow.png);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: auto;
  opacity: 1;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.poppinshead {
  font-family: "Poppins";
  font-size: 44px;
  font-weight: 600;
  line-height: 66px;
}
.poppinsphead {
  color: #9399bc;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  margin: 24px 0px 60px 0px;
}

.widget-container {
  margin: 0 0 60px 0;
}

.line1,
.line2,
.line3 {
  width: 23px;
  height: 3px;
  margin: 5px;
  transition: all 0.4s;
}

.change .line1 {
  transform: rotate(45deg) translate(5px, 5px);
}
.change .line2 {
  display: none;
}
.change .line3 {
  transform: rotate(-45deg) translate(1px, 0px);
}

.custom-navbar {
  background: linear-gradient(0deg, #1b1e32, #000000fa) !important;
}
.custom-navbar .navbar-brand img {
  height: 50px !important;
}
.nav-menu {
  transition: all 0.4s;
}
.ova-icon-container-v2 {
  max-width: 170px;
  background: #1b1e32;
  padding: 10px 15px;
  font-size: 20px;
  color: #bbc3cc;
  border-radius: 4px;
}

#burns {
  background-color: #1b1e32;
  /* background-image: url(../images/EverRiseGlobe.png); */
  /* background-image: url(../images/555.png); */
  background-image: url(../images/444444444.png?22);
  background-image: url(../images/666666.png);
  background-image: url(../images/666667.png);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 71%;
  background-position: 93% 89%;
}

a.accordion-toggle:before {
  content: '';
  background: url(../images/question-mark.png);
  /* padding: 10px 23px; */
  width: 29px;
  height: 25px;
  display: inline-block;
  margin: 0 13px;
  background-size: cover;
  filter: invert(1);
  float: left;
  transition: all 0.5s;
}

a.accordion-toggle:after {
  content: '';
  display: inline-block;
  background: url(../images/up-arrow.png);
  width: 24px;
  height: 24px;
  transition: all 0.5s;
  float: right;
}

a.accordion-toggle.collapsed:after {
  content: '';
  display: inline-block;
  background: url(../images/up-arrow.png);
  width: 24px;
  height: 24px;
  transition: all 0.5s;
  float: right;
  transform: rotate(180deg);
}
a.menu-item {
  font-weight: 200;
  /* font-weight: 100; */
  font-size: 19px;
  color: white;
  font-family: 'Poppins' !important;
}

a,h1,h2,h3,h4,h5,h6,span,font{
  font-family: 'Poppins' !important;
}

p,th,td,div{
  font-family: 'Segoe UI' !important;
}
/* a.accordion-toggle:before {
  content: '';
  background: url(../images/verified.png);
  padding: 10px 23px;
  margin: 4px 13px;
  background-size: cover;
  filter: invert(1);
  transition: all 0.5s;
} */

@media (min-width: 1300px){
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1290px !important;
}
}

.card.card-body.text-light.timer-count.aos-init.aos-animate {
  background: rgba( 74, 144, 226, 0.25 );
  box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
  backdrop-filter: blur( 2.5px );
  -webkit-backdrop-filter: blur( 2.5px );
  border-radius: 10px;
  border: 1px solid rgba( 255, 255, 255, 0.18 );
}

.popover.bs-popover-top {
  position: absolute;
  top: 40% !important;
  left: 2% !important;
}



a:hover {
    color: var(--logo-orange);
}
a {
    color: var(--logo-yellow);
}

/* start hr-text */


.hr-text {
  line-height: 1em;
  position: relative;
  outline: 0;
  border: 0;
  color: black;
  text-align: center;
  height: 1.5em;
  /* opacity: 0.5; */
}
.hr-text:before {
  content: "";
  background: linear-gradient(to right, transparent, #818078, transparent);
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 2px;
}
.hr-text:after {
  content: attr(data-content);
  position: relative;
  display: inline-block;
  color: black;
  font-family: 'Poppins';
  padding: 0 0.5em;
  font-size: 46px;
  line-height: .5em;
  color: white;
  background-color: #00020f;
}

.bg-roadmap.hr-text:after {
  background-color: #1b1e32 !important;
}


/* end hr-text */
button,
#tabui input {
    font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
}



#tabui .category {
    text-transform: capitalize;
    font-weight: 700;
    color: #9A9A9A;
}



#tabui .nav-item .nav-link,
#tabui .nav-tabs .nav-link {
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    -ms-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}

#tabui .card a {
    -webkit-transition: all 150ms ease 0s;
    -moz-transition: all 150ms ease 0s;
    -o-transition: all 150ms ease 0s;
    -ms-transition: all 150ms ease 0s;
    transition: all 150ms ease 0s;
}

[data-toggle="collapse"][data-parent="#accordion"] i {
    -webkit-transition: transform 150ms ease 0s;
    -moz-transition: transform 150ms ease 0s;
    -o-transition: transform 150ms ease 0s;
    -ms-transition: all 150ms ease 0s;
    transition: transform 150ms ease 0s;
}

[data-toggle="collapse"][data-parent="#accordion"][aria-expanded="true"] i {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}


#tabui .now-ui-icons {
    display: inline-block;
    font: normal normal normal 14px/1 'Nucleo Outline';
    font-size: inherit;
    speak: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@-webkit-keyframes nc-icon-spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes nc-icon-spin {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    }
}

@keyframes nc-icon-spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.now-ui-icons.objects_umbrella-13:before {
    content: "\ea5f";
}

.now-ui-icons.shopping_cart-simple:before {
    content: "\ea1d";
}

.now-ui-icons.shopping_shop:before {
    content: "\ea50";
}

.now-ui-icons.ui-2_settings-90:before {
    content: "\ea4b";
}

#tabui .nav-tabs {
    border: 0;
    padding: 15px 0.7rem;
}

#tabui .nav-tabs:not(.nav-tabs-neutral)>.nav-item>.nav-link.active {
    box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.3);
}

#tabui .card .nav-tabs {
    border-top-right-radius: 0.1875rem;
    border-top-left-radius: 0.1875rem;
}

#tabui .nav-tabs>.nav-item>.nav-link {
    color: #888888;
    margin: 0;
    margin-right: 5px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 30px;
    font-size: 14px;
    padding: 11px 23px;
    line-height: 1.5;
}

#tabui .nav-tabs>.nav-item>.nav-link:hover {
    background-color: transparent;
}

#tabui .nav-tabs>.nav-item>.nav-link.active {
    color: white;
    font-size: 20px;
}

#tabui .nav-tabs>.nav-item>.nav-link i.now-ui-icons {
    font-size: 14px;
    position: relative;
    top: 1px;
    margin-right: 3px;
}

#tabui .nav-tabs.nav-tabs-neutral>.nav-item>.nav-link {
    color: #FFFFFF;
}

#tabui .nav-tabs.nav-tabs-neutral>.nav-item>.nav-link.active {
    background-color: rgba(255, 255, 255, 0.2);
    color: #FFFFFF;
}

#tabui .card {
    border: 0;
    border-radius: 0.1875rem;
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    background: transparent;
    box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
}

#tabui > .card > .card-header {
    /* background-color: #2b2c33 !important; */
    background: transparent !important;
    border-bottom: 0;
    background-color: transparent;
    border-radius: 0;
    padding: 0;
}

.card[data-background-color="orange"] {
    background-color: #f96332;
}

.card[data-background-color="red"] {
    background-color: #FF3636;
}

.card[data-background-color="yellow"] {
    background-color: #FFB236;
}

.card[data-background-color="blue"] {
    background-color: #2CA8FF;
}

.card[data-background-color="green"] {
    background-color: #15b60d;
}

[data-background-color="orange"] {
    background-color: #e95e38;
}

[data-background-color="black"] {
    background-color: #2c2c2c;
}

[data-background-color]:not([data-background-color="gray"]) {
    color: #FFFFFF;
}

[data-background-color]:not([data-background-color="gray"]) p {
    color: #FFFFFF;
}

[data-background-color]:not([data-background-color="gray"]) a:not(.btn):not(.dropdown-item) {
    color: #FFFFFF;
}

[data-background-color]:not([data-background-color="gray"]) .nav-tabs>.nav-item>.nav-link i.now-ui-icons {
    color: #FFFFFF;
}


@font-face {
  font-family: 'Nucleo Outline';
  src: url("https://github.com/creativetimofficial/now-ui-kit/blob/master/assets/fonts/nucleo-outline.eot");
  src: url("https://github.com/creativetimofficial/now-ui-kit/blob/master/assets/fonts/nucleo-outline.eot") format("embedded-opentype");
  src: url("https://raw.githack.com/creativetimofficial/now-ui-kit/master/assets/fonts/nucleo-outline.woff2");
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
        
}

#tabui .now-ui-icons {
  display: inline-block;
  font: normal normal normal 14px/1 'Nucleo Outline';
  font-size: inherit;
  speak: none;
  text-transform: none;
  /* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}





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

  #tabui .nav-tabs {
        display: inline-block;
        width: 100%;
        padding-left: 100px;
        padding-right: 100px;
        text-align: center;
    }

    #tabui .nav-tabs .nav-item>.nav-link {
        margin-bottom: 5px;
    }
}











/* end tabs */

/* start toggle faq */
      a.accordion-toggle {
          color: var(--logo-orange);
      }
      #accordion .card {
          background: #6c6c6c6b !important;
          margin-bottom: 10px;
      }

        .faqHeader {
            font-size: 27px;
            margin: 20px;
        }
    
        .panel-heading [data-toggle="collapse"]:after {
            font-family: 'Glyphicons Halflings';
            content: "e072"; /* "play" icon */
            float: right;
            color: #F58723;
            font-size: 18px;
            line-height: 22px;
            /* rotate "play" icon from > (right arrow) to down arrow */
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            transform: rotate(-90deg);
        }
    
        .panel-heading [data-toggle="collapse"].collapsed:after {
            /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
            color: #454444;
        }

        ul.mapul {
          padding-left: 0;
      }
      
      ul.mapul li{
          list-style: none;
          background: url(https://img.icons8.com/fluency/24/ethereum.png);
          background-repeat: no-repeat;
          padding: 5px 0px 5px 30px;
          background-position: left 10%;
          font-family: 'Poppins';
      }
      
      
      div#modalmaptext {}
      
      div#modalmap,.modal-content.custom-modal-style {
          background: linear-gradient(#ffffffe0, #ffffff9c);
          box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
          backdrop-filter: blur( 11px );
          -webkit-backdrop-filter: blur( 4px );
          border-radius: 10px;
          border: 1px solid rgba( 255, 255, 255, 0.18 );
          overflow: hidden;
          color: black;
          width: 300px;
          margin: auto;
      }
      
      h3#modalmapheader,.modal-header {
          color: black;
          text-shadow: 0px 0px 5px #0000007d;
      }

      .jewelry li {
        background-image: url(../logo/jewelry.png) !important;
    }
    hr.bg-1.hr-text.m-5:after {
      background-color: #140e3a;
  }

  .advisors div{
    margin: 0 4px;
  }
  .onebg{
    background: #1b1e32;
  }
  .rorpaperbox{
    background: #140E3A; background-image: url(../images/docs-bg.png);
    background-image: url(../images/pattern-salvia.png);
    background-image: url(../images/cases-bg.png);
    background-image: url(../images/bgblockchin1.png);
     background-position: bottom;
      background-repeat: no-repeat; 
  }
  .content-icon-list.column2 {display: grid;grid-template-columns: 1fr 1fr;grid-row-gap: 20px;}

.content-icon-list .item h3 {font-size: 22px;}

.ova-icon-list .content-icon-list .item {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
}

.ova-icon-list .content-icon-list .item i {
    min-width: 40px;
    min-height: 40px;
    border-radius: 50%;
    font-size: 20px;
    color: #ffff;
    background-color: #3772ff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
margin-right: 14px;}