@import url("bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Poppins&family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');

:root {
    --light-green: #28CC8B;
    --bg-green: #09BE8B;
    --bg-blue: #141A28;
    --bg-dark-blue: #1E2738;
}

.ft-roboto {
    font-family: 'Roboto', sans-serif !important;
}

.ft-tech {
    font-family: 'Share Tech Mono', monospace !important;
}

.ft-poppins {
    font-family: 'Poppins', sans-serif;
}

.preloader {
    background: #000 url(../img/giphy.gif) no-repeat center center;
    background-size: 20%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
}

.preloader img {
    display: block;
    margin: 0 auto;
    width: 20%;
}
.text-blue{
    color: var(--bg-blue);
}
.text-085 {
    font-size: 0.85rem !important;
}

.text-1125 {
    font-size: 1.125rem ;
}

.text-125 {
    font-size: 1.25rem !important;
}
.text-150{
    font-size: 1.5rem;
}
.text-200 {
    font-size: 2rem;
}

.text-250 {
    font-size: 2.5rem;
}
.text-light-gray{
    color: #79909C;
}
.text-green {
    color: var(--light-green) !important;
}

.header {
    background: #000 url(../img/bg-img/header-1.jpg) no-repeat;
    background-size: cover;
}

.btn-green {
    background-color: var(--bg-green) !important;
    color: white !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.bg-blue{
    background-color: var(--bg-blue);
}
/** Maring-Padding*/
.pt-15 {
    padding-top: 15vh;
}
.mt-15{
    margin-top: 15vh;
}
.pt-10{
    padding-top: 10vh;
}
.pb-100 {
    padding-bottom: 100px;
}
a{
    color: inherit !important;
}
/* Navbar*/
.navbar-scroll {
    background-color: whitesmoke;
    color: #000 !important;
  }
/* styling*/
.tag {
    position: relative;
    z-index: 1;
    float: left;
    padding: 5px;
    color: #FFFFFF;
    font-weight: bold;
}

#trade {
    height: 20%;
    position: absolute;
    z-index: 2;
    top: 20%;
    left: 61%;
    animation: bouge 4s infinite alternate-reverse;
}
.comp-img-border{
    border: #283E4D solid 5px !important;
}
@keyframes bouge {
    /*starting point and angle (same angle as choosen into .levitation)*/
    from {
      transform: translateY(40px) ;
    }
    /* ending point and angle */
    to {
      transform: translateY(60px) ;
    }
  }
.about-us{
    background-color: var(--bg-blue);
}
/*---*/

.square {
    width: fit-content;
    position: relative;
  }
  .content {
    position: absolute;
    top: 25%;
    left: 20%;
  }
  .top-12{
    top: 12% !important;
  }
.start-85{
    left: 85% !important;
  }
.card-bg{
    background-color: var(--bg-dark-blue) !important;
}
.card-img-bg{
    background-color: #2D3748 !important;
}
.bg-light-green{
    background-color: var(--light-green);
}
/* Payment*/
.payment-bg{
    
background: rgb(63,125,88);
/* background: linear-gradient(90deg, rgba(63,125,88,1) 7%, rgba(38,141,148,1) 100%) !important; */
background-image: linear-gradient(39deg, #1ea2fac5 25%, #3b61c9f5 70%) !important;


}
/** ICO BOXES*/
.ico-box{
    background-color: #1E2738;
}
/* White Paper*/
.top-25{
    top: 25%;
}
.left-12{
    left: 12%;
}
/*FAQ*/
.accordion-button:not(.collapsed) {
    /* display: none; */
    color: #FFFFFF !important;
}
.accordion-button.collapsed::after  {
    display: none;
}
.accordion-button:not(.collapsed):after  {
    display: none;
}
/* OUR TEAM*/
.card-border{
    background-color: var(--bg-dark-blue) !important;
    border-radius: 100px 100px 0 0 !important;
}
.card-img-border{
    border: solid #4783dc 7px;
}
.w-35{
    width: 35%;
}
.left-25{
    left: 25%;
}
/*Updates*/
.updates-bg{
    background: url(../img/bg-img/subs.jpg) no-repeat ;
    background-size: cover;
    background-position: 20%;
}
/* ContactUS*/
.contact-bg{
    background-repeat: no-repeat;
    background-image: url(../img/core-img/pattern.png) ;
    background-size: cover;
    background-position: -20%;
}
.contactus div input::placeholder, .contactus div textarea::placeholder{
    color: #FFFFFF;
    font-style: italic;
    font-size: 0.85rem;

}
/** Footer*/
footer section div a{
    text-decoration: none;
}
footer section div p{
    margin-bottom: 4px;
}
footer{
    padding-bottom: 2%;
}
.logincustom{
    background: linear-gradient(39deg, #1ea2fac5 25%, #3b61c9f5 70%) !important;
}
.header {
    background: #000 url('../images/bitcoin.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

@media screen and (max-width: 991px) {
    .navbar{
        background-color: #FFFFFF;
        
    }
    .navbar>div{
        color: #000 !important;
    }
    div.w-m-100 {
        width: 100% !important;
        position: relative !important;
        padding-top: 50px;
    }
    .left-12 {
        left: 0;
    }
    .top-12 {
        top: 0 !important;
    }
    .payment-m-0 {
        height: 0 !important;
    }
    .m-ht-0 {
        height: 0 !important;
    }
    div.m-m-2 {
        margin: 0rem .5rem!important;
    }
    .m-icon-box .text-green {
        padding-top: 50px;
    }
    .navbar-nav li {
        padding-top: 0.7em !important;
        padding-bottom: 0.7em !important;
    }
    .start-85 {
        width: 40px;
        height: 40px;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
   
}
.text-succes{
    color:  rgb(25 88 135) !important;
}

.contract {
    background-image: linear-gradient(39deg, #1ea2fac5 25%, #3b61c9f5 70%) !important;
    color:white !important
}
.mainlogo {
    width: 14%;
    padding: 20px 10px;
}
.home{
font-size: 13px;

}