@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

@font-face {
    font-family: 'DesuzaPro';
    src: url('../fonts/DesuzaProRegular.woff2') format('woff2'),
         url('../fonts/DesuzaProRegular.woff') format('woff'),
         url('../fonts/DesuzaProRegular.ttf') format('truetype'),
         url('../fonts/DesuzaProRegular.eot') format('embedded-opentype');
    font-style: normal;
  }
  
  
@layer base {
    :root {
        --color-clifford: #da373d;
    }
}

/* key-frame */
@keyframes marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-100%); }
}

.marquee-track {
    will-change: transform;
    animation: marquee 100s linear infinite;
}



body {
    font-family: 'DesuzaPro', sans-serif;
    font-size: 1rem;
    color: #fff;
    background: url(/assets/images/svg-icons/rocket.svg) no-repeat 91% 90%,url(/assets/images/svg-icons/satelite.svg) no-repeat 0% 17%,url(/assets/images/gif/hand-with-eye.gif) no-repeat 2% 104%,url(/assets/images/svg-icons/meteoroid.svg) no-repeat 1920px 0%,url(/assets/images/png/body-bg-stars.png) repeat 0% 0%, url(/assets/images/gif/body-bg-trails.gif)no-repeat 0% 0% ;
    min-height: 100vh;
}
body:after {
    content: "";
    background: transparent url(/assets/images/gif/body-bg-trails.gif) repeat 0% 0%;
    opacity: .1;
    inset: 0;
    position: absolute;
    z-index: -1;
}
.font-inter {
    font-family: 'Inter', sans-serif;
}

.contanier{
    max-width: 1390px;
    margin: 0 auto;
}

.btn-primary {
    
    background: linear-gradient(180deg,#e9ed00,#acdd25 48%,#08d745),url(/assets/images/gif/snow-bg.gif) no-repeat 0 0/800px;
}
.btn-primary:hover {
    background: linear-gradient(#8077fbc4, #03cdeff0), url(/assets/images/gif/snow-bg.gif) no-repeat 0 0 / 800px;
}
.btn-secondary {
    background: linear-gradient(#03cdeff0, #8077fbc4), url(/assets/images/gif/snow-bg.gif) no-repeat 0 0 / 800px;
}
.btn-glow{
    box-shadow: 0 3.9px 46.76px #ffffff40, 0 0 23.38px #5e8ff8;
}
.tab-btn {
    background: url(/assets/images/png/tab-one.png) no-repeat;
    background-size: 100% 100%;
    min-height: 81px;
    width: 280px;
    color: #fff;
    border: none;
    font-size: 16px;
    padding: 10px 15px 36px 15px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.tab-btn:hover{
        background: url(/assets/images/png/tab-active.png) no-repeat;
        background-size: 100% 100%;
        color: #000;
    
}
.tab-btn.active{
        background: url(/assets/images/png/tab-active.png) no-repeat;
        background-size: 100% 100%;
        color: #000;
    
}
.crypto-btn{
    background: url(/assets/images/png/roadmap-btn-bg.png) no-repeat !important;
}
.text-glow{
    background: -webkit-linear-gradient(180deg, #04AE5E 0%, #ACDD25 48%, #49C240 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.blue-text{
    background: linear-gradient(90deg, #7082f9e6, #0cc9f1c9), url(/assets/images/gif/snow-bg.gif) no-repeat 0 0 / 830px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.blue-glow-text{
    paint-order: stroke fill;
    background: linear-gradient(0deg, #7082f9e6, #11c3f0da), url(/assets/images/gif/snow-bg.gif) no-repeat 0 0 / 830px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(-2px -2px 0px #fff) drop-shadow(2px -2px 0px #fff) drop-shadow(2px 2px 0px #fff) drop-shadow(-2px 2px 0px #fff);
}
.purple-text{
    background: linear-gradient(to bottom, #04ccefcc, #8673fbcc 77%), url(/assets/images/gif/snow-bg.gif) no-repeat 0 0 / 800px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.grey-text{
    background: linear-gradient(180deg, #fff, #a3a3a3);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.red-yellow-text {
    background: -webkit-linear-gradient(180deg, #FF21F2 0%, #FD840A 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.menu-item{
    min-width: 100px;
    min-height: 55px;
    background: url(/assets/images/svg-icons/top-nav-bg-right.svg) no-repeat 100% 0,url(/assets/images/svg-icons/top-nav-bg.svg) no-repeat 0 0;
    padding: 10px 15px 0;
    margin: 5px 7px 0;
    
}
.menu-item:hover{
background: url(/assets/images/svg-icons/top-nav-bg-selected-right.svg) no-repeat 100% 0, url(/assets/images/svg-icons/top-nav-bg-selected.svg) no-repeat 0 0;
color: #000;
}
.menu-item.active{
    background: url(/assets/images/svg-icons/top-nav-bg-selected-right.svg) no-repeat 100% 0, url(/assets/images/svg-icons/top-nav-bg-selected.svg) no-repeat 0 0;
    color: #000;
    }
.first-card{
        background: url(/assets/images/webp/header-top.webp) no-repeat;
        background-size: 100% 100%;
    
}
.second-card{
    background: url(/assets/images/png/home-bg.png) no-repeat 0 0;
}
 
.timer-card{
    background: url(/assets/images/png/widget-top.png) no-repeat 0 0 / 100%, url(/assets/images/png/widget-middle.png) repeat 0 0 / 100%;
}
.timer-small-card-bg{
    background: linear-gradient(#454545f0, #333335c4), url(/assets/images/gif/snow-bg.gif) no-repeat 0 0 / 800px;
}
.timer-bootom-card {
    background: url(/assets/images/png/widget-bottom.png) no-repeat 0 0;
    background-size: 100% 100%;
   
}
.about-card {
    background: url(/assets/images/png/about-bg.png) no-repeat 0 0;
}
.utility-card{
background: url(/assets/images/png/utility-bg.png) no-repeat 0 0;
}
.roadmap-card{
    background: url(/assets/images/png/roadmap-bg.png) no-repeat 0 0;
}
.how-to-buy-card{
    background: url(/assets/images/png/how-to-buy-bg.png) no-repeat 0 0;
}

/* how to buy */
.step-card {
    background: url(/assets/images/png/how-to-buy.png) no-repeat 0 0;
}

/* history */
.history-card{
    background: url(/assets/images/png/history-bg.png) no-repeat 0 0;
}

/* token */
.token-card{
    background: url(/assets/images/png/tokenomics-bg.png) no-repeat 0 0;
}


.bg-full {
    background-size: 100% 100% !important;
  }

.marquee-container {
    padding: 7px 5px;
    width: 81.2%;
    background: linear-gradient(0deg, #0009 0% 100%), linear-gradient(180deg, #03cdef, #8077fb 92.31%), url(/assets/images/gif/snow-bg.gif) no-repeat 0 0 / 800px;
    clip-path: polygon(60px 4%, 100% 8%, 100% 100%, 8px 100%);
    height: 34px;
}
.skewed-shape {
    clip-path: polygon(0 0,-31% 0,100% 20%,100% 76%,-26% 99%,0 100%);
}

/* utility-carsoul */
.owl-carousel .owl-item img{
    width: auto;
}
/* devupdate */
.dev-scroll::-webkit-scrollbar {
    width: 8px; 
}

.dev-scroll::-webkit-scrollbar-track {
    background: #1e1e1e; 
    border-radius: 10px; 
}

.dev-scroll::-webkit-scrollbar-thumb {
    background: #fff; 
    border-radius: 50px; 
}

.dev-scroll::-webkit-scrollbar-thumb:hover {
    background: #ddd; 
}
.scrollbar-hide::-webkit-scrollbar {
    display: none;
  }
/* Firefox Scrollbar */
.dev-scroll {
    scrollbar-width: thin;
    scrollbar-color: #fff #1e1e1e;
}



.accordion_item:nth-child(even) {
    background: url(/assets/images/png/accordion/even-close.png) no-repeat 0 0/100%;
    margin-top: -23px;
}
.accordion_item:nth-child(even).open{
    background: url(/assets/images/png/accordion/even-open.png) no-repeat 0 0/100%;
    margin-bottom: 40px;
}
.accordion_item:nth-child(odd) {
    background: url(/assets/images/png/accordion/odd-close.png) no-repeat 0 0/100%;
    margin-top: -26px;
}
.accordion_item:nth-child(odd).open {
    background: url(/assets/images/png/accordion/odd-open.png) no-repeat 0 0/100%;
    margin-top: -16px;
}

.accordion_item:first-child{
    background: url(/assets/images/png/accordion/top-close.png) no-repeat 0 0/100%;
    margin-top: 0;
}
.accordion_item:first-child.open{
    background: url(/assets/images/png/accordion/top-open.png) no-repeat 0 0/100%;
    margin-top: 0;
}
.accordion_item:last-child{
    background: url(/assets/images/png/accordion/bottom-even-close.png) no-repeat 0 0/100%;
}
.accordion_item:last-child.open{
    background: url(/assets/images/png/accordion/bottom-even-open.png) no-repeat 0 0/100%;
}

/* media querry */
@media screen and (max-width: 1900px){
body {
    background: url(/assets/images/svg-icons/rocket.svg) no-repeat 91% 90%,url(/assets/images/svg-icons/satelite.svg) no-repeat 0% 23%,url(/assets/images/gif/hand-with-eye.gif) no-repeat 2% 104%,url(/assets/images/svg-icons/meteoroid.svg) no-repeat 101% -5%,url(/assets/images/png/body-bg-stars.png) repeat 0% 0%;
}
}
@media screen and (max-width: 1600px){
    body {
        background: url(/assets/images/svg-icons/rocket.svg) no-repeat 105% 65%,url(/assets/images/svg-icons/satelite.svg) no-repeat 0% 17%,url(/assets/images/gif/hand-with-eye.gif) no-repeat -3% 104%,url(/assets/images/svg-icons/meteoroid.svg) no-repeat 104% -7%,url(/assets/images/png/body-bg-stars.png) repeat 0% 0%;
    }
}

@media screen and (max-width: 1024px){
    .mb-bg-none{
        background: unset;
    }
    .mobile-geay-text {
        background: linear-gradient(180deg, #fff, #a3a3a3);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .roadmap-card{
        background: url(/assets/images/png/roadmap-bg-mobile.png) no-repeat 0 0;
    }
    .how-to-buy-card{
        background: url(/assets/images/png/how-to-buy-mob.png);
    }
}
@media screen and (max-width: 640px) {
    .second-card{
        background: url(/assets/images/png/home-bg-mobile.png) no-repeat 0 0;
    }
    .about-card {
        background: url(/assets/images/png/history-bg-mob.png) no-repeat 0 0;
    }
    .utility-card{
        background: url(/assets/images/png/utility-bg-mobile.png) no-repeat 0 0;
    }
    .timer-card {
        background: url(/assets/images/png/widget-mobile.png) no-repeat 0 0;
        background-size: 100% 100%;
    }
    .timer-bootom-card {
     background: unset;
    }
    .history-card{
        background: url(/assets/images/png/history-bg-mob.png) no-repeat 0 0;
    }
    .token-card{
        background: url(/assets/images/png/history-bg-mob.png) no-repeat 0 0;
    }
    .accordion_item{
        background: unset !important;
        margin: 0 !important;
        margin-bottom: 15px !important;
            border: 1px solid rgba(255, 255, 255, .3);
            border-radius: 8px;
        
    }
    .inner_content.w-full.h-auto.hidden.overflow-hidden {
        background: linear-gradient(180deg, #fff0, #fff3 359.81%), linear-gradient(0deg, #2b2b2b 0% 100%), #0000007d;
        border: 1px solid #000000;
        border-radius: 0 0 8px 8px;
    }
    
}