body {
    margin: 0;
    padding: 0;
    font-family: "Roboto", serif;
    font-optical-sizing: auto;
    font-weight:500;
    font-style: normal;
    background: #000;
    font-variation-settings:
    "wdth" 100;
    color: #FFF;
}


h2{ font-size: 3.2em;

}

.flex{
    display: flex;
}

section.width {max-width: 90%;margin: auto;}

.width{max-width: 90%;margin: auto;}


.logo {
    width: 160px;
    display: flex;
}

.logo img {
    width: 130px;
}

.logo h1 {
    font-size: x-large;
    color: #FDB000;
}



section.hero {
    display: flex;
    align-items: center;
}

.hero .img-section {
    width: 50%;
    display: flex;
}

.img-section img {
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero .content-section {
    width: 50%;
    display: flex;
    flex-direction: column;
}

.content-section h2 {
    font-size: 3.2em;
    color: #FDB000;
    font-weight: 400;
    margin-bottom: 0;
}

.hero .content-section p {
    font-size: 1.2em;
    line-height: 1.5em;
    font-weight: 300;
}

a.button {
    /* padding: 0px; */
    display: block;
    width: 115px;
    height: 25px;
    background: #b28419;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    color: white;
    font-weight: bold;
    line-height: 25px;
    text-decoration: none;
}


.img-section {
    width: 50%;
}

.content-section {
    width: 50%;
}

p {
    line-height: 22px;
    font-weight: 300;
}


section.full-width.bg-white {
    background: #FFF;
    color: #000;
}


.purpose-secttion.width {
    text-align: center;
    padding: 50px;
}

.purpose-secttion.width h2 {
    margin: 0;
}

.token-info h2 {
    color: #FDB000;
    margin-bottom: 0;
}


.token-info {
    display: flex;
    flex-direction: column;
    align-items: center;
}



.token-info {
    margin: 50px 0;
}


.token-info-dd {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
}

.token-img {
    width: 50%;
    display: flex;
}

.token-img img {
    width: 100%;
}

d {}

.info-details {
    display: flex;
    align-items: center;
    justify-content: center;
}


.total-supply {
    display: flex;
    align-items: center;
    justify-content: center;
}
.token-info p {
    color: #FDB000;
}

.token-info-dd h4 {
    color: #FDB000;
}


.token-info p {
    margin: 0;
}

.orange {
    color: #FDB000;
    font-weight: 500;
}


section.unique-features h2 {
    text-align: center;
    color: #FDB000;
}

section.unique-features ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

section.unique-features ul li {
    color: #FDB000;
    list-style: none;
}


section.how-to-participate.width {
    display: flex;
    flex-direction: column;
    text-align: center;
}

section.how-to-participate img {
    width: 60%;
}

section.how-to-participat .img img {
    /* width: 60%; */
}

.steps-section {
    display: flex;
    flex-direction: column;
    text-align: start;
}

.step-circle {
    background: #cd9e00;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    margin-bottom: 40px;
    margin-right: 20px;
    border-radius: 50px;
}

.steplist {
    display: flex;
}

.ste-content {
    display: flex;
    flex: 1;
}



section.how-to-participate.width {
    display: flex;
    flex-direction: column;
    text-align: center;
}

section.how-to-participate img {
    width: 60%;
}

section.how-to-participat .img img {
    /* width: 60%; */
}

.steps-section {
    display: flex;
    flex-direction: column;
    text-align: start;
}

.step-circle {
    background: #cd9e00;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    margin-bottom: 40px;
    margin-right: 20px;
    border-radius: 50px;
}

.steplist {
    display: flex;
}

.ste-content {
    display: flex;
    flex: 1;
}

.stragy-list h2 {
    color: #d0a001;
}

.strategy-cards {
    display: flex;
    justify-content: space-evenly;
}

.strategy-card {
    background: #FFF;
    color: #000;
    border-radius: 10px;
    /* margin: 40px; */
    padding: 30px;
    width: 16%;
}

.strategy-card h3 {
    color: #3F51B5;
}

.in {
    font-size: xx-large;
}

button.btn {
    background: none;
    padding: 10px;
    border-radius: 4px;
}

section.strategies {
    display: flex;
}

p.qty span {
    /* font-size: 20px; */
}


section.how-to-participate.width {
    display: flex;
    flex-direction: column;
    text-align: center;
}

section.how-to-participate img {
    width: 60%;
}

section.how-to-participat .img img {
    /* width: 60%; */
}

.steps-section {
    display: flex;
    flex-direction: column;
    text-align: start;
}

.step-circle {
    background: #cd9e00;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    margin-bottom: 40px;
    margin-right: 20px;
    border-radius: 50px;
}

.steplist {
    display: flex;
}

.ste-content {
    display: flex;
    flex: 1;
}

.stragy-list h2 {
    color: #d0a001;
}

.strategy-cards {
    display: flex;
    justify-content: space-evenly;
}

.strategy-card {
    background: #FFF;
    color: #000;
    border-radius: 10px;
    /* margin: 40px; */
    padding: 30px;
    width: 16%;
}

.strategy-card h3 {
    color: #3F51B5;
}

.in {
    font-size: xx-large;
    color: #3F51B5;
    margin-top: 5px;
}

button.btn {
    background: none;
    padding: 10px;
    border-radius: 4px;
    border-color: #cd9e00;
}

section.strategies {
    display: flex;
}

p.qty span {
    /* font-size: 20px; */
}

.dda {
    font-size: xx-large;
    color: #d0a001;
}


section.donation h2 {
    text-align: center;
    color: #d0a001;
}

section.donation h3 {
    text-align: center;
}

section.donation p {
    color: #d0a001;
    text-align: center;
}

.Clipboard {
    color: #FFF;    
    width: 40%;
    text-align: center;
    background: #d0a001;
    padding: 5px;
    margin: auto;
    border-radius: 60px;
}

p#p1 {
    color: #FFF;
}

.donation  h4 {
    color: #d0a001;
    text-align: center;
}

section.gifting {
    padding: 50px;
    text-align: center;
}

.donation  h4 {
    color: #d0a001;
    text-align: center;
}

.spl {
    color: #d0a001;
}

body {
    margin: 0;
    padding: 0;
    font-family: "Roboto", serif;
    font-optical-sizing: auto;
    font-weight:500;
    font-style: normal;
    background: #000;
    font-variation-settings:
    "wdth" 100;
    color: #FFF;
}


h2{ font-size: 3.2em;

}

.flex{
    display: flex;
}

section.width {max-width: 90%;margin: auto;}

.width{max-width: 90%;margin: auto;}


.logo {
    width: 340px;
    display: flex;
}

.logo img {
    width: 130px;
}

.logo h1 {
    font-size: x-large;
    color: #FDB000;
    display: flex;
    align-items: center;
}



section.hero {
    display: flex;
    align-items: center;
}

.hero .img-section {
    width: 50%;
    display: flex;
}

.img-section img {
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero .content-section {
    width: 50%;
    display: flex;
    flex-direction: column;
}

.content-section h2 {
    font-size: 3.2em;
    color: #FDB000;
    font-weight: 400;
    margin-bottom: 0;
}

.hero .content-section p {
    font-size: 1.2em;
    line-height: 1.5em;
    font-weight: 300;
}

a.button {
    /* padding: 0px; */
    display: block;
    width: 115px;
    height: 25px;
    background: #b28419;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    color: white;
    font-weight: bold;
    line-height: 25px;
    text-decoration: none;
}


.img-section {
    width: 50%;
}

.content-section {
    width: 50%;
}

p {
    line-height: 22px;
    font-weight: 300;
}


section.full-width.bg-white {
    background: #FFF;
    color: #000;
}


.purpose-secttion.width {
    text-align: center;
    padding: 50px;
}

.purpose-secttion.width h2 {
    margin: 0;
}

.token-info h2 {
    color: #FDB000;
    margin-bottom: 0;
}


.token-info {
    display: flex;
    flex-direction: column;
    align-items: center;
}



.token-info {
    margin: 50px 0;
}


.token-info-dd {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
}

.token-img {
    width: 50%;
    display: flex;
}

.token-img img {
    width: 100%;
}

d {}

.info-details {
    display: flex;
    align-items: center;
    justify-content: center;
}


.total-supply {
    display: flex;
    align-items: center;
    justify-content: center;
}
.token-info p {
    color: #FDB000;
}

.token-info-dd h4 {
    color: #FDB000;
}


.token-info p {
    margin: 0;
}

.orange {
    color: #FDB000;
    font-weight: 500;
}


section.unique-features h2 {
    text-align: center;
    color: #FDB000;
}

section.unique-features ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

section.unique-features ul li {
    color: #FDB000;
    list-style: none;
}


section.how-to-participate.width {
    display: flex;
    flex-direction: column;
    text-align: center;
}

section.how-to-participate img {
    width: 60%;
}

section.how-to-participat .img img {
    /* width: 60%; */
}

.steps-section {
    display: flex;
    flex-direction: column;
    text-align: start;
}

.step-circle {
    background: #cd9e00;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    margin-bottom: 40px;
    margin-right: 20px;
    border-radius: 50px;
}

.steplist {
    display: flex;
}

.ste-content {
    display: flex;
    flex: 1;
}



section.how-to-participate.width {
    display: flex;
    flex-direction: column;
    text-align: center;
}

section.how-to-participate img {
    width: 60%;
}

section.how-to-participat .img img {
    /* width: 60%; */
}

.steps-section {
    display: flex;
    flex-direction: column;
    text-align: start;
}

.step-circle {
    background: #cd9e00;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    margin-bottom: 40px;
    margin-right: 20px;
    border-radius: 50px;
}

.steplist {
    display: flex;
}

.ste-content {
    display: flex;
    flex: 1;
}

.stragy-list h2 {
    color: #d0a001;
}

.strategy-cards {
    display: flex;
    justify-content: space-evenly;
}

.strategy-card {
    background: #FFF;
    color: #000;
    border-radius: 10px;
    /* margin: 40px; */
    padding: 30px;
    width: 16%;
}

.strategy-card h3 {
    color: #3F51B5;
}

.in {
    font-size: xx-large;
}

button.btn {
    background: none;
    padding: 10px;
    border-radius: 4px;
}

section.strategies {
    display: flex;
}

p.qty span {
    /* font-size: 20px; */
}


section.how-to-participate.width {
    display: flex;
    flex-direction: column;
    text-align: center;
}

section.how-to-participate img {
    width: 60%;
}

section.how-to-participat .img img {
    /* width: 60%; */
}

.steps-section {
    display: flex;
    flex-direction: column;
    text-align: start;
}

.step-circle {
    background: #cd9e00;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    margin-bottom: 40px;
    margin-right: 20px;
    border-radius: 50px;
}

.steplist {
    display: flex;
}

.ste-content {
    display: flex;
    flex: 1;
}

.stragy-list h2 {
    color: #d0a001;
    margin-bottom: 0;
    padding-bottom: 0;
}

.strategy-cards {
    display: flex;
    justify-content: space-evenly;
}

.strategy-card {
    background: #FFF;
    color: #000;
    border-radius: 10px;
    /* margin: 40px; */
    padding: 30px;
    width: 16%;
}

.strategy-card h3 {
    color: #3F51B5;
}

.in {
    font-size: xx-large;
    color: #3F51B5;
    margin-top: 5px;
}

button.btn {
    background: none;
    padding: 5px;
    border-radius: 4px;
    border-color: #cd9e00;
    margin: 0;
    width: 160px;
    padding: 15px !important;!i;!;
}

section.strategies {
    display: flex;
}

p.qty span {
    /* font-size: 20px; */
}

.dda {
    font-size: xx-large;
    color: #d0a001;
}


section.donation h2 {
    text-align: center;
    color: #d0a001;
}

section.donation h3 {
    text-align: center;
}

section.donation p {
    color: #d0a001;
    text-align: center;
}

.Clipboard {
    color: #FFF;
    width: auto;
    text-align: center;
    background: #d0a001;
    padding: 5px;
    margin: auto;
    border-radius: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

p#p1 {
    color: #FFF;
}

.donation  h4 {
    color: #d0a001;
    text-align: center;
}

section.gifting {
    padding: 50px;
    text-align: center;
}

.donation  h4 {
    color: #d0a001;
    text-align: center;
}

.spl {
    color: #d0a001;
}



section.unique-features.Holders {
    background: #f4b005;
    color: #000;
    padding: 20px;
}

.Holders h2 {
    color: #000 !important;!i;!;
    padding: 0;
}

.Holders ul li {
    color: #000000 !important;!i;!;
}

.btn {
    /* width: 120px; */
    /* border: 1px solid #000; */
    /* padding: 10px; */
    align-items: center;
    justify-content: center;
    margin: 40px auto;
    text-align: center;
}



section.Tokenomics .img {
    /* width: 100%; */
    /* display: flex; */
}

section.Tokenomics .img img {
    width: 100%;
}

section.Tokenomics .left {
    width: 50%;
}

section.Tokenomics h3 {
    text-align: center;
}

section.Tokenomics {
    text-align: center;
    padding: 80px;
}

Tokenomics .right {
    display: flex;
    flex-direction: column;
    width: 50%;
}

.allocation-value {
    display: flex;
}

.allocation {
    display: flex;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
}

.allocation-value .desc {
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 16px;
    margin-top: -13px;
}

.allocation.a {
    background: #662d91;
}

.allocation.b {
    background: #8cc63e;
}

.allocation.c {
    background: #4cabe2;
}

.allocation.d {
    background: #ee5a24;
}

.allocation.e {
    background: #9e185d;
}

.allocation.f {
    background: #ec2a79;
}

.Tokenomics .right {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

footer p {
    text-align: center;
}

footer {
    border-top: 1px solid #f4b005;
}

h3 {}

.stragy-list h3 {
    font-size: x-large;
    color: #d0a002;
    padding: 0px 0px 40px 0px;
    margin-top: 0;
}


.bg-organge{
    background-color: #FDB000;
}


section.how-to-participate.calculate.bg-organge {
    padding: 30px;
    color: #000;
}


button.btn.buy-dart {
    margin-bottom: 10px;
}

span.dex {
    font-size: smaller;
}

p.Reflection {
    font-size: smaller;
    padding: 0;
    margin: 0;
}


section.Price-indicators.width {
    text-align: center;
}


.other-logos {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 80px 0;
}

.other-logo {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 25%;
    align-items: center;
    justify-content: center;
}

.other-logo img {
    display: flex;
    width: 70%;
}

.other-logo a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.other-logo a {
    color: #d0a001;
    text-decoration: none;
}

section.Price-indicators h2 {
    color: #cd9e00;
}


.wallet-logo-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.wallet-logo {
    display: flex;
    width: 25%;
    margin: 20px 0;
    flex-direction: column;
    text-align: center;
}

.wallet-logo img {
    display: flex;
    width: 60px;
}

.wallet-logo a {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.wallet-logo p {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}


section.Supportive-system .left {
    /* flex: 1; */
    width: 50%;
}

section.Supportive-system .left img {
    width: 100%;
}

.flex.social-media a {
    display: block;
    font-size: xx-large;
    width: 50px;
    height: 50px;
    text-decoration: none;
}

.flex.social-media i {
    display: block;
    color: #FFF;
}

.flex.social-media {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex.social-media a {
    font-size: 30px;
}

.wallet-logo p {
    text-align: center;
}

.wallet-logo .img {
    display: flex;
    align-items: center;
    justify-content: center;
}

button.scroll-button.button {
    width: 140px;
    height: 50px;
    text-align: center;
    color: white;
    font-weight: bold;
    line-height: 25px;
    background: rgb(178, 132, 25);
    padding: 10px;
    border-radius: 5px;
    text-decoration: none;
    border: none;
}

.Clipboard .icon {
    padding-left: 10px;
}


.btn button {
    background: transparent !important;!i;!;!m;!;
    border: 1px solid #000 !important;!i;!;
    color: #000 !important;!i;!;
}


p.contact {
    text-align: center;
}


section.Supportive-system.width h2 {
    color: #cd9e00;
}


.card-section1 {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
           
            width: 100%;
        }
  .card {
            background: rgba(255, 215, 0, 0.9);
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(255, 215, 0, 0.3);
            transition: transform 0.2s, box-shadow 0.2s;
        }
        .card:hover {
            transform: translateY(-5px);
            box-shadow: 0 6px 12px rgba(255, 215, 0, 0.5);
        }
        .card h3 {
            font-size: 16px;
            color: #000;
            margin: 0 0 10px;
        }
        .card p {
            font-size: 14px;
            color: #333;
            margin: 0;
        }
@media only screen and (max-width: 600px) {
  
.strategy-cards {flex-wrap: wrap;}

.strategy-card {
    width: 100%;
    margin-bottom: 20px;
}

section.hero {
    flex-direction: column-reverse;
}

.hero .img-section {
    width: 100%;
}


.hero .content-section {
    width: 100%;
}

.hero .img-section img {
}



.hero .content-section {
    width: 100%;
}

.hero .img-section img {
}

section.about-section {
    flex-direction: column;
}

section.about-section div {width: 100%;}

.info-details {
    display: flex;
    flex-wrap: wrap;
}

.token-info-dd {
    width: 50%;
}

.Clipboard {
    width: 100%;
    font-size: 14px;
}

.total-supply {
    text-align: center;
}

section.unique-features ul {
    margin: 0;
    padding: 0;
}

section.how-to-participate .flex {flex-wrap: wrap;}

section.Tokenomics {
    padding: 10px;
}

section.Tokenomics .flex {
    flex-wrap: wrap;
}

section.Tokenomics .left {
    width: 100%;
}

section.Supportive-system .flex {
    flex-wrap: wrap;
}

.wallet-logo {
    width: 50%;
    flex-direction: column;
}

.wallet-logo {}

.wallet-logo .img {
    width: 100%;
    justify-content: center;
    text-align: center;
    display: flex;
}
.content-section h2 {
    font-size: 1.8em;}

    .hero .content-section {
    width: 100%;
}

.hero .img-section img {
}

section.about-section {
    flex-direction: column;
}

section.about-section div {width: 100%;}

.info-details {
    display: flex;
    flex-wrap: wrap;
}

.token-info-dd {
    width: 50%;
}

.Clipboard {
    width: 100%;
    font-size: 14px;
    display: flex;
    align-items: center;
    padding: 10px;
    box-sizing: border-box;
}

.total-supply {
    text-align: center;
}

section.unique-features ul {
    margin: 0;
    padding: 0;
}

section.how-to-participate .flex {flex-wrap: wrap;}

section.Tokenomics {
    padding: 10px;
}

section.Tokenomics .flex {
    flex-wrap: wrap;
}

section.Tokenomics .left {
    width: 100%;
}

section.Supportive-system .flex {
    flex-wrap: wrap;
}

.wallet-logo {
    width: 50%;
    flex-direction: column;
}

.wallet-logo {}

.wallet-logo .img {
    width: 100%;
    justify-content: center;
    text-align: center;
    display: flex;
}

h2 {
    font-size: 2em;
}

section.Supportive-system .left {
    width: 100%;
}

.other-logo {

    flex: none;
    padding-bottom: 50px;
   width: 100%;
}

.other-logos {
    flex-wrap: wrap;
}


}





       .floating-icon {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 60px;
    height: 60px;
    background-color: #ffffff;
    color: white;
    display: flex
;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    font-size: 38PX;
    transition: all 0.3sease;
}

        .floating-icon:hover {
           zoom: normal;
        }

        /* Popup Box */
        .popup-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            display: none;
            justify-content: center;
            align-items: center;
        }

        .popup-box {
            background: white;
            padding: 20px;
            border-radius: 10px;
            text-align: center;
            width: 300px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }

        .close-btn {
            margin-top: 10px;
            padding: 10px;
            background: red;
            color: white;
            border: none;
            cursor: pointer;
            border-radius: 5px;
        }

        .close-btn:hover {
            background: darkred;
        }



    </style>