/*!
Template :	ICOCrypto @by Softnio
Theme	 :  Default
* Version	 :	2.1.0
* Updated	 :	11/22/2022
*/
/*! WRITE YOUR CUSTOM STYLE **/
.banner-top {
    background: #fe4d87;
    background: linear-gradient(90deg,#fe4d87,#f74061 34%,#da22bc 61%,#9e29ff);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding: .5rem 1rem
		margin-top: -19px;
	margin-top: -1.2rem
}

.banner-top .opacity-0 {
    display: none
}

@media (min-width: 1200px) {
    .banner-top .opacity-0 {
        display:-ms-flexbox;
        display: flex
    }
}

@media (min-width: 992px) {
    .banner-top {
        padding:.5rem 5rem
    }
}

@media (min-width: 1400px) {
    .banner-top {
        padding-left:14rem
    }
}

@media (min-width: 1200px) {
    .banner-top {
        padding-left:8rem
    }
}

.banner-top>div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1rem;
    gap: .5rem;
    color: #fff
}

.banner-top>div p {
    margin-bottom: 0
}

@media (min-width: 992px) {
    .banner-top>div {
        -ms-flex-pack:center;
        justify-content: center
    }
}

.banner-top .btn-white {
    background-color: #fff;
    font-size: .75rem;
    padding: .2rem 1rem;
    border-radius: 1rem;
    margin-right: 2rem;
    color: #000;
    text-transform: uppercase
}

@media (min-width: 992px) {
    .banner-top .btn-white {
        font-size:.9rem
    }
}
.btn-gradient {
    background: #f98747;
    color: #fff;
    background: linear-gradient(90deg,#f98747,#cf2442);
    border: none;
    border-radius: .5rem;
    padding: .5rem 1rem;
    font-size: 1rem;
    text-transform: uppercase;
    text-transform: none
}

@media (min-width: 992px) {
    .btn-gradient {
        font-size:1rem
    }
}

.btn-gradient .icon {
    margin-right: .3rem
}

a.btn-gradient {
    text-decoration: none
}

a.btn-gradient:hover {
    text-decoration: none;
    color: #fff
}
.explore-section {
    padding: 3rem 0;
    color: #fff
}

.explore-section .section-title h2 {
    font-size: 1.5rem;
    font-weight: 500;
    color: #db4744;
    margin-bottom: 2rem
}

@media (min-width: 768px) {
    .explore-section .section-title h2 {
        font-size:3rem
    }
}

.explore-section .section-title p {
    max-width: 900px;
    margin-bottom: 3rem;
    font-size: .8rem
}

@media (min-width: 768px) {
    .explore-section .section-title p {
        font-size:1rem
    }
}

.explore-section .card {
    background-color: #001232;
    border: 2px solid #011b51;
    border-radius: 2rem;
    text-align: center;
    padding: 2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.explore-section .card h3 {
    margin-bottom: 1.2rem;
    font-size: 1.2rem
}

@media (min-width: 992px) {
    .explore-section .card h3 {
        font-size:1.75rem;
        margin-bottom: 2rem
    }
}

.explore-section .card p {
    font-size: .9rem
}

@media (min-width: 992px) {
    .explore-section .card p {
        font-size:1.1875rem
    }
}

.explore-section .card img {
    width: 7.5rem;
    margin-bottom: 2rem
}

@media (min-width: 425px) {
    .explore-section .card img {
        width:4rem
    }
}

@media (min-width: 992px) {
    .explore-section .card img {
        width:7.5rem
    }
}

.explore-section .card .btn-tray {
    margin-top: 3rem;
    width: 100%
}

@media (min-width: 425px) {
    .explore-section .card {
        padding:1rem
    }
}

@media (min-width: 992px) {
    .explore-section .card {
        padding:2rem
    }
}
.btn-card {
    background-color: #00194a;
    border: 2px solid #011f4f;
    color: #fff;
    font-size: 1rem;
    padding: .5rem 1.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%;
    border-radius: 2rem
}

.btn-card .icon {
    margin-left: .4rem
}

@media (min-width: 992px) {
    .btn-card {
        font-size:1.5rem
    }
}

.btn-borderless {
    background-color: transparent;
    color: #1142a1;
    border: none;
    text-transform: capitalize;
    font-size: 1rem
}

@media (min-width: 992px) {
    .btn-borderless {
        font-size:1.5rem
    }
}
.explore-section .card img {
    width: 7.5rem;
    margin-bottom: 2rem
}

@media (min-width: 425px) {
    .explore-section .card img {
        width:4rem
    }
}

@media (min-width: 992px) {
    .explore-section .card img {
        width:7.5rem
    }
}
.copy-box {
    padding: 0 2rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.copy-box,.copy-box .content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.copy-box .content {
    border: 2px solid #d12942;
    padding: 1rem;
    font-size: 1rem;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 992px) {
    .copy-box .content {
        font-size:1.75rem
    }
}

.copy-box .content .address-text {
    word-break: break-all
}

.copy-box .content .btn {
    border: 2px solid #d12942;
    display: -ms-flexbox;
    display: flex;
    padding: .5rem;
    background: transparent!important;
    color: #fff;
    margin-left: 2rem
}
.span_3 {

  border: 2px solid #cf2442;

  width: 100%;

  padding: 1.3rem;

  font-size: 1.8rem;

  font-weight: 500;

  color: white;

}

.scnd_btn__1 {

  background: #cf2442;

  border-radius: 38px;

  color: white;

  display: flex;

  justify-content: center;

  gap: 1rem;

  align-items: center;

  height: 5rem;

  width: 30rem;

  text-transform: uppercase;

  font-size: 1.6rem;

  font-weight: 600;

  border: 0;

  outline: 0;

}

.scnd_btn__1:hover {

  box-shadow: 0px 0px 30px 0px #cf2442;

}

.copy-click {
  position: relative;
  padding-bottom: 2px;
  text-decoration: none;
  cursor: copy;
  color: #484848;
  border-bottom: 1px dashed #767676;
  transition: background-color calc(var(--duration) * 2) var(--ease);
}
.copy-click:after {
  content: attr(data-tooltip-text);
  position: absolute;
  bottom: calc(100% + 6px);
  left: 50%;
  padding: 8px 16px;
  white-space: nowrap;
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 0 0 -12px rgba(0, 0, 0, 0);
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  opacity: 0;
  transform: translate(-50%, 12px);
  transition: box-shadow calc(var(--duration) / 1.5) var(--bounce), opacity calc(var(--duration) / 1.5) var(--bounce), transform calc(var(--duration) / 1.5) var(--bounce);
}
.copy-click.is-hovered:after {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  opacity: 1;
  transform: translate(-50%, 0);
  transition-timing-function: var(--ease);
}
.copy-click.is-copied {
  background-color: yellow;
}
.copy-click.is-copied:after {
  content: attr(data-tooltip-text-copied);
}

.demo {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #1C1C1E;
}
#globe-3d, #globe-2d-overlay, #globe-popup-overlay, .globe-popup {
  display: block;
  position: absolute;
}
#globe-2d-overlay, #globe-popup-overlay {
  pointer-events: none;
}
.globe-popup-overlay {
  width: 100%;
  height: 100%;
  opacity: 0;
}
.globe-popup {
  top: 0;
  left: 0;
  background-color: rgba(75, 192, 200, .9);
  opacity: 0;
  color: #111;
  font-family: sans-serif;
  font-weight: bold;
  padding: 5px 10px;
  font-size: 15px;
  border-radius: 3px;
}