*,:after,:before{
    box-sizing:border-box
}
@media (prefers-reduced-motion:no-preference){
    :root{
        scroll-behavior:smooth
    }
}
body{
    margin:0;
    font-family:var(--bs-body-font-family);
    font-size:var(--bs-body-font-size);
    font-weight:var(--bs-body-font-weight);
    line-height:var(--bs-body-line-height);
    color:var(--bs-body-color);
    text-align:var(--bs-body-text-align);
    background:url(../images/bg.png);
    -webkit-text-size-adjust:100%;
    -webkit-tap-highlight-color:transparent
}
.container,.container-lg,.container-md,.container-sm,.container-xl{
    --bs-gutter-x:1.5rem;
    --bs-gutter-y:0;
    width:100%;
    padding-right:calc(var(--bs-gutter-x) * .5);
    padding-left:calc(var(--bs-gutter-x) * .5);
    margin-right:auto;
    margin-left:auto
}

@media (min-width: 576px) {
    .container,.container-sm {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .container,.container-md,.container-sm {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .container,.container-lg,.container-md,.container-sm {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl {
        max-width:1140px
    }
}


@media (min-width:992px){
    .col-lg-6{
        flex:0 0 auto;
        width:50%
    }
}
@media (min-width:992px){
    .col-lg-5{
        flex:0 0 auto;
        width:41.66666667%
    }
}
@media (min-width:768px){
    .col-md-12{
        flex:0 0 auto;
        width:100%
    }
}
.row{
    --bs-gutter-x:1.5rem;
    --bs-gutter-y:0;
    display:flex;
    flex-wrap:wrap;
    margin-top:calc(-1 * var(--bs-gutter-y));
    margin-right:calc(-.5 * var(--bs-gutter-x));
    margin-left:calc(-.5 * var(--bs-gutter-x))
}
.row>*{
    flex-shrink:0;
    max-width:100%;

    padding-right: 0px;
    padding-left:calc(var(--bs-gutter-x) * .5);
    margin-top:var(--bs-gutter-y)
}
.d-flex{
    display:flex!important
}
hr{
    margin:1rem 0;
    color:inherit;
    border:0;
    border-top:var(--bs-border-width) solid;
    opacity:.25
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
    margin-top:0;
    margin-bottom:.5rem;
    font-weight:500;
    line-height:1.2;
    color:var(--bs-heading-color)
}
.h1,h1{
    font-size:calc(1.375rem + 1.5vw)
}
@media (min-width:1200px){
    .h1,h1{
        font-size:2.5rem
    }
}
.h2,h2{
    font-size:calc(1.325rem + .9vw)
}
@media (min-width:1200px){
    .h2,h2{
        font-size:2rem
    }
}
.h3,h3{
    font-size:calc(1.3rem + .6vw)
}
@media (min-width:1200px){
    .h3,h3{
        font-size:1.75rem
    }
}
.h4,h4{
    font-size:calc(1.275rem + .3vw)
}
@media (min-width:1200px){
    .h4,h4{
        font-size:1.5rem
    }
}
.justify-content-center {
    justify-content: center !important;
}
.h5,h5{
    font-size:1.25rem
}
.h6,h6{
    font-size:1rem
}
p{
    margin-top:0;
    margin-bottom:1rem
}
ul{
    padding-left:2rem
}
ul{
    margin-top:0;
    margin-bottom:1rem
}
ul ul{
    margin-bottom:0
}
b{
    font-weight:bolder
}
a{
    color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));
    text-decoration:underline
}
a:hover{
    --bs-link-color-rgb:var(--bs-link-hover-color-rgb)
}
a:not([href]):not([class]),a:not([href]):not([class]):hover{
    color:inherit;
    text-decoration:none
}
img,svg{
    vertical-align:middle
}
label{
    display:inline-block
}
a,body,html,p{
    font-family:Inter,sans-serif;
    font-size:16px;
    color:rgba(255,255,255,.8)
}
a{
    outline:0;
    transition:.4s;
    text-decoration:none!important
}
a{
    color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));
    text-decoration:underline
}
[role=button]{
    cursor:pointer
}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{
    display:none!important
}
[type=button],[type=reset],[type=submit],button{
    -webkit-appearance:button
}
[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){
    cursor:pointer
}
::-moz-focus-inner{
    padding:0;
    border-style:none
}
::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{
    padding:0
}
::-webkit-inner-spin-button{
    height:auto
}
[type=search]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-color-swatch-wrapper{
    padding:0
}
::-webkit-file-upload-button{
    font:inherit;
    -webkit-appearance:button
}
::file-selector-button{
    font:inherit;
    -webkit-appearance:button
}
progress{
    vertical-align:baseline
}
[hidden]{
    display:none!important
}
.header-section{
    position:absolute;
    z-index:999;
    top:0;
    left:0;
    width:100%;
    padding:25px 0;
    transition:.3s
}
.header-content{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.header-section .header-left{
    display:flex;
    align-items:center;
    gap:60px
}
.header-section .header-right{
    display:flex;
    align-items:center;
    gap:20px
}
.header-section .header-menu-toggle{
    display:none
}
.header-section .header-menu-toggle .menu-toggler{
    border:0;
    padding:0;
    background:0 0;
    color:#fff;
    font-size:30px
}
.header-section .header-right-menu{
    display:flex;
    align-items:center;
    gap:20px
}
.header-section .social-links{
    display:flex;
    align-items:center;
    gap:20px
}
ul{
    list-style:outside none none;
    margin:0;
    padding:0
}
.header-section .social-links li a{
    flex:0 0 auto;
    width:50px;
    height:50px;
    border-radius:50%;
    background:rgba(255,255,255,.15);
    backdrop-filter:blur(10px);
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.3s
}
img,svg{
    vertical-align:middle
}
.connect-wallet-btn{
    background:linear-gradient(90deg,#3c38ff 0,#7838ff 100%);
    color:#fff;
    border:0;
    padding:12px;
    min-width:185px;
    border-radius:25px;
    backdrop-filter:blur(10px);
    font-family:Outfit,sans-serif;
    font-weight:700;
    font-size:16px;
    line-height:26px;
    text-transform:uppercase;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    transition:.3s
}
[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){
    cursor:pointer
}
[type=button],[type=reset],[type=submit],button{
    -webkit-appearance:button
}
button{
    text-transform:none
}
button,input{
    margin:0;
    font-family:inherit;
    font-size:inherit;
    line-height:inherit
}
button{
    border-radius:0
}
.etLZhl{
    padding:223px 0 0;
    background-image:url(../images/bg.png);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    position:relative;
    z-index:0
}
.justify-content-between{
    justify-content:space-between!important
}
.etLZhl .banner-badge{
    margin-bottom:30px;
    width:fit-content;
    padding:4px 12px 4px 7px;
    border-radius:19px;
    background:rgba(255,255,255,.1);
    display:flex;
    align-items:center;
    gap:10px
}
.etLZhl .banner-badge h4,.etLZhl .banner-badge p{
    font-size:16px;
    margin:0;
    line-height:1.4;
    font-family:Outfit,sans-serif
}
.etLZhl .banner-badge h4{
    padding:4px 8px;
    border-radius:12px;
    background:linear-gradient(103deg,#3c38ff 0,#8c45ff 33.33%,#ff36c7 68.23%,#ffa336 100%);
    backdrop-filter:blur(10px);
    color:#fff;
    font-family:Outfit,sans-serif;
    font-size:16px;
    font-style:normal;
    font-weight:600;
    line-height:1
}
.etLZhl .banner-badge p{
    color:#fff;
    font-weight:500
}
.etLZhl .title{
    margin-bottom:10px;
    color:#fff;
    font-family:Kufam,sans-serif;
    font-size:70px;
    font-weight:700;
    line-height:90px;
    text-transform:uppercase
}
.etLZhl .subtitle {
    margin-bottom: 40px;
    font-family: Outfit, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    color: rgb(255, 255, 255);
}
.etLZhl .whitepaper-btn{
    width:fit-content;
    border-radius:30px;
    background:rgba(255,255,255,.15);
    backdrop-filter:blur(7.5px);
    border:0;
    padding:17px 46px;
    font-weight:700;
    font-size:15px;
    line-height:26px;
    text-transform:uppercase;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    transition:.3s
}
.etLZhl .progress-card{
    padding:40px 40px 0;
    border-radius:40px 40px 0 0;
    background:linear-gradient(rgba(43,46,82,.95) 0,rgba(43,46,82,0) 100%)
}
.sCRMv{
    width:350px;
    height:350px;
    position:relative
}
.sCRMv .progressbar-svg{
    transform:rotate(-90deg)
}
.sCRMv .progressbar-svg .progressbar-bg{
    fill:none;
    stroke:rgba(255,255,255,.05);
    stroke-width:20px
}
.sCRMv .progressbar-svg .progress-done{
    fill:none;
    stroke:#3c38ff;
    stroke-width:20px;
    stroke-dasharray:923;
    stroke-dashoffset:738.4
}
.sCRMv .progressbar-inner{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    transform:rotate(0)
}
.sCRMv .progressbar-inner img{
    animation:10s linear 0s infinite normal none running moveImg;
    width:250px;
    height:250px
}
.sCRMv .progress-level{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
@keyframes moveImg{
    0%{
        transform:rotate(0)
    }
    100%{
        transform:rotate(360deg)
    }
}
.sCRMv .progress-level h2{
    color:#fff;
    font-family:Kufam,sans-serif;
    font-size:50px;
    font-weight:700;
    line-height:1;
    text-transform:uppercase
}
h5{
    font-family:Inter,sans-serif;
    font-weight:500;
    font-size:18px;
    line-height:36px
}
.etLZhl .progress-card .progress-info.right{
    text-align:right
}
.etLZhl .presale-card-wrapper{
    margin-top:90px;
    position:relative
}
.etLZhl .presale-card-wrapper::before{
    position:absolute;
    content:"";
    top:0;
    left:50%;
    transform:translateX(-50%);
    width:calc(100% - 50px);
    height:100%;
    border-radius:40px 40px 0 0;
    background:linear-gradient(90deg,rgba(60,56,255,.4) 0,rgba(140,69,255,.4) 36.98%,rgba(255,54,199,.4) 68.23%,rgba(255,163,54,.4) 100%);
    filter:blur(25px)
}
.etLZhl .presale-card{
    border-radius:40px 40px 0 0;
    border:2px solid rgba(255,255,255,.15);
    background:rgba(43,46,82,.95);
    backdrop-filter:blur(20px);
    display:flex;
    gap:82px;
    position:relative
}
/* .etLZhl .presale-card::before{
    position:absolute;
    content:"";
    top:0;
    left:50%;
    transform:translateX(-50%);
    width:2px;
    height:100%;
    background:linear-gradient(rgba(255,255,255,.1) 0,rgba(255,255,255,0) 100%)
} */
.etLZhl .presale-card-left{
    width:100%;
    padding:40px 0 0
}
.etLZhl .presale-card-title{
    position:absolute;
    top:-20px;
    left:40px;
    width:fit-content;
    padding:5px 14px;
    border-radius:20px;
    background:linear-gradient(103deg,#3c38ff 0,#8c45ff 33.33%,#ff36c7 68.23%,#ffa336 100%);
    backdrop-filter:blur(10px);
    z-index:1
}
.etLZhl .presale-card-title p{
    text-transform:capitalize;
    color:#fff;
    font-family:Outfit,sans-serif;
    font-size:18px;
    font-weight:600;
    line-height:30px;
    margin: 0px;
}
.etLZhl .presale-card-counter{
    padding:13px 40px 7px;
    background:linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 100%)
}
.inrReX{
    display:flex;
    align-items:center;
    gap:20px
}
.inrReX .count-item:not(:last-child){
    padding-right:20px
}
.inrReX .count-item:not(:last-child){
    padding-right:25px
}
.inrReX .count-item{
    display:flex;
    align-items:baseline;
    position:relative
}
.inrReX .count-item:not(:last-child)::before{
    font-family:"Bebas Neue",sans-serif;
    font-size:40px;
    font-weight:400;
    line-height:40px;
    color:rgba(255,255,255,.4)
}
.inrReX .count-item:not(:last-child)::before{
    position:absolute;
    content:":";
    top:0;
    right:-5px;
    font-family:Outfit,sans-serif;
    font-weight:700;
    font-size:40px;
    line-height:60px;
    color:rgba(255,255,255,.2)
}
.inrReX .count{
    font-family:"Bebas Neue",sans-serif;
    font-size:40px;
    font-weight:400;
    line-height:40px;
    background:linear-gradient(#fff 0,rgba(255,255,255,.2) 100%) text;
    -webkit-text-fill-color:transparent
}
.inrReX .count{
    font-family:Outfit,sans-serif;
    font-weight:700;
    font-size:40px;
    line-height:60px;
    color:#fff
}
.inrReX .label{
    font-family:"Bebas Neue",sans-serif;
    font-size:40px;
    font-weight:400;
    line-height:40px;
    background:linear-gradient(#fff 0,rgba(255,255,255,.2) 100%) text;
    -webkit-text-fill-color:transparent
}
.inrReX .label{
    font-weight:700;
    font-size:24px;
    line-height:59px;
    color:#fff
}
.nwMXJ{
    display:flex;
    flex-direction:column;
    gap:8px
}
.nwMXJ li{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    flex-wrap:wrap;
    padding:15px 0 14px 40px;
    border-bottom:0;
    position:relative
}
.nwMXJ li{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    flex-wrap:wrap;
    padding-bottom:11px;
    border-bottom:1px solid rgba(255,255,255,.1)
}
.nwMXJ li::before{
    position:absolute;
    content:"";
    bottom:0;
    left:0;
    width:100%;
    height:1px;
    background:linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 100%)
}
.nwMXJ li p{
    text-transform:capitalize;
    font-family:Outfit,sans-serif;
    font-size:16px;
    font-weight:500;
    line-height:30px;
    margin:0px;
}
.nwMXJ li h6,.nwMXJ li p{
    font-weight:500;
    font-size:15px;
    line-height:30px;
    color:#fff
}
.etLZhl .presale-card-right{
    width:100%;
    padding:40px 40px 40px 0
}
.bmsTKo .pay-with-content{
    margin-bottom:40px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:20px
}
.bmsTKo .presale-item-msg{
    text-align:center
}
.kTAUbf{
    position:relative
}
.kTAUbf .dropdown-toggle{
    min-width:220px;
    border-radius:30px
}
.kTAUbf .dropdown-toggle{
    width:100%;
    padding:13px 20px;
    background:rgba(255,255,255,.05);
    border:2px solid rgba(255,255,255,.1);
    border-radius:10px;
    text-transform:uppercase;
    font-weight:600;
    font-size:16px;
    line-height:26px;
    color:#fff;
    display:flex;
    align-items:center;
    gap:14px
}
.kTAUbf .dropdown-toggle img{
    width:30px;
    height:30px;
    border-radius:50%
}
.kTAUbf .dropdown-toggle::after{
    position:absolute;
    top:auto;
    right:20px;
    border:0;
    transition:.3s
}
.dropdown-toggle:after{
    display:inline-block;
    margin-left:.255em;
    vertical-align:.255em;
    content:"";
    border-top:.3em solid;
    border-right:.3em solid transparent;
    border-bottom:0;
    border-left:.3em solid transparent
}
.bmsTKo .pay-with-list{
    display:flex;
    align-items:center;
    gap:20px
}
.bmsTKo .pay-with-list{
    display:flex;
    align-items:center;
    gap:20px
}
.bmsTKo .pay-with-list li button.active,.bmsTKo .pay-with-list li button:hover{
    border-color:#ff36c7
}
.bmsTKo .pay-with-list li button.active,.bmsTKo .pay-with-list li button:hover{
    border-color:rgba(255,255,255,.4)
}
.bmsTKo .pay-with-list li button{
    width:60px;
    height:60px;
    border:2px solid transparent;
    border-radius:50%;
    background:rgba(255,255,255,.15);
    backdrop-filter:blur(10px);
    transition:.3s;
    position:relative
}
.bmsTKo .pay-with-list li button{
    display:flex;
    align-items:center;
    justify-content:center;
    width:60px;
    height:60px;
    border:2px solid transparent;
    border-radius:50%;
    background:rgba(255,255,255,.15);
    backdrop-filter:blur(10px);
    transition:.3s
}
.bmsTKo .pay-with-list li button img{
    width:30px;
    height:30px;
    border-radius:50%
}
.bmsTKo .pay-with-list li button img{
    flex:0 0 auto;
    width:30px;
    height:30px;
    border-radius:50%
}
.bmsTKo .presale-item{
    display:flex;
    align-items:center;
    gap:20px
}
.mb-30{
    margin-bottom:30px
}
.bmsTKo .presale-item-inner{
    width:100%;
    display:flex;
    flex-direction:column
}
.bmsTKo .presale-item label{
    margin-bottom:5px;
    color:#fff;
    font-family:Outfit,sans-serif;
    font-size:16px;
    font-weight:600;
    line-height:30px;
    text-transform:uppercase
}
.bmsTKo .presale-item input{
    width:100%;
    padding:17px 20px 16px;
    border-radius:30px;
    border:2px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.05);
    backdrop-filter:blur(5px);
    color:#fff;
    font-family:Outfit,sans-serif;
    font-size:18px;
    font-weight:600;
    line-height:18px
}
.bmsTKo .presale-item-msg{
    text-align:center
}
.bmsTKo .presale-item-btn{
    border-radius:30px;
    background:linear-gradient(90deg,#3c38ff 0,#8c45ff 33.33%,#ff36c7 68.23%,#ffa336 100%)!important;
    backdrop-filter:blur(10px);
    color:#fff
}
.bmsTKo .presale-item-btn{
    width:100%;
    border:0;
    border-radius:50px;
    padding:17px;
    background:linear-gradient(90deg,#07e6f5 0,#fc0cdf 100%);
    text-transform:uppercase;
    font-weight:700;
    font-size:15px;
    line-height:26px;
    color:#fff;
    transition:.3s
}

<style>
.etLZhl .banner-badge h4 {
    padding: 4px 8px;
    border-radius: 12px;
    background: linear-gradient(103deg, rgb(60, 56, 255) 0%, rgb(140, 69, 255) 33.33%, rgb(255, 54, 199) 68.23%, rgb(255, 163, 54) 100%);
    backdrop-filter: blur(10px);
    color: rgb(255, 255, 255);
    font-family: Outfit, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
}
.etLZhl .banner-badge p {
    color: rgb(255, 255, 255);
    font-family: Outfit, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
}
@media screen and (max-width: 575px) {
    .etLZhl {
        padding: 150px 0px 0px;
    }

    .header-section .social-links {
     
        display: none;
    }
}
@media screen and (max-width: 991px) {
    .nwMXJ li {
        padding: 15px 40px 14px;
    }
}
@media screen and (max-width: 991px) {
    .etLZhl .presale-card {
        flex-direction: column;
        gap: 40px;
    }
}
@media (max-width: 575px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

@media screen and (max-width: 575px) {
    .etLZhl .title {
        font-size: 50px;
        line-height: 50px;
    }
}
@media screen and (max-width: 480px) {
    .etLZhl .title {
        font-size: 40px;
        line-height: 40px;
    }
}
@media screen and (max-width: 991px) {
    .etLZhl .progress-card {
        margin-top: 30px;
    }
}

@media screen and (max-width: 480px) {
    .sCRMv {
        width: 280px;
        height: 280px;
    }
}



@media screen and (max-width: 480px) {
    .sCRMv .progressbar-svg {
        transform: rotate(-87deg);
        width: 280px;
        height: 280px;
    }
}

@media screen and (max-width: 480px) {
    .sCRMv .progressbar-svg .progressbar-bg {
        cx: 140;
        cy: 140;
        r: 115;
    }
}


@media screen and (max-width: 480px) {
    .sCRMv .progressbar-svg .progress-done {
        stroke-dasharray: 703;
        stroke-dashoffset: 562.4;
        cx: 140;
        cy: 140;
        r: 115;
    }
}

@media screen and (max-width: 480px) {
    .header-logo  img{
        flex: 0 0 auto;
        max-width: 100px;
    }
}

@media screen and (max-width: 991px) {
    .etLZhl .presale-card-wrapper {
        margin-top: 90px;
        position: relative;
    }
}

.etLZhl .presale-card-wrapper::before {
    position: absolute;
    content: "";
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 50px);
    height: 100%;
    border-radius: 40px 40px 0px 0px;
    background: linear-gradient(90deg, rgba(60, 56, 255, 0.4) 0%, rgba(140, 69, 255, 0.4) 36.98%, rgba(255, 54, 199, 0.4) 68.23%, rgba(255, 163, 54, 0.4) 100%);
    filter: blur(25px);
}



@media screen and (max-width: 991px) {
    .etLZhl .presale-card-left {
        width: 100%;
        padding: 40px 0px 0px;
    }
}


@media screen and (max-width: 480px) {
    .etLZhl .presale-card-title {
        left: 20px;
        padding: 3px 12px;
    }
}


@media screen and (max-width: 480px) {
    .etLZhl .presale-card-counter {
        padding: 13px 20px 7px;
    }
}


@media screen and (max-width: 480px) {
    .inrReX {
        gap: 10px;
    }
    .row>*{
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .inrReX {
        gap: 10px;
    }
}

@media screen and (max-width: 480px) {
    .inrReX .count-item:not(:last-child) {
        padding-right: 10px;
    }
}

@media screen and (max-width: 480px) {
    .inrReX .count-item:not(:last-child)::before {
        font-size: 30px;
        line-height: 30px;
    }
}

@media screen and (max-width: 480px) {
    .inrReX .count {
        font-size: 30px;
        line-height: 30px;
    }
}

@media screen and (max-width: 480px) {
    .inrReX .label {
        font-size: 30px;
        line-height: 30px;
    }
}

.etLZhl .presale-card-title p {
    text-transform: capitalize;
    color: rgb(255, 255, 255);
    font-family: Outfit, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    margin: 0px;
}
@media screen and (max-width: 480px) {
    .etLZhl .presale-card-title p {
        font-size: 14px;
    }
}

@media screen and (max-width: 480px) {
    .etLZhl .presale-card-right {
        width: 100%;
        padding: 20px;
    }
}

@media screen and (max-width: 480px) {
    .etLZhl .presale-card {
        flex-direction: column;
        gap: 30px;
    }
}

@media screen and (max-width: 480px) {
    .nwMXJ li {
        padding: 15px 20px 14px;
    }
}

@media screen and (max-width: 575px) {
    .bmsTKo .presale-item {
        flex-direction: column;
    }
}


@media screen and (max-width: 480px) {
    .sCRMv .progressbar-inner img {
        width: 180px;
        height: 180px;
    }
}