/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.text-\[100px\] {
    font-size: 77px;
}

.text-shadow-2{
    text-shadow: -7px 7px 0px #4C7EF6;
    -webkit-text-stroke-width: 3px;
    -webkit-text-stroke-color: #16161B;
}

.eggshellomics-area .item-box {
    border-radius: 24px;
    border: 4px solid #000;
    background: #e1ecf7;
    box-shadow: 4px 4px #343230;
    padding: 50px 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.main-box {
    margin-top: 65px;
    border: 4px solid #343230;
    background: #fff;

    box-shadow: 8px 8px #343230;
 
 
   
}

.eggshellomics-images {
    position: absolute;
    width: 40%;
    bottom: 0;
    left: 0;
}





.text-shadow{
    text-shadow: -10px 10px 0px #4C7EF6;
    -webkit-text-stroke-width: 9px;
    -webkit-text-stroke-color: #16161B;
    
}


.copy-text input {
    padding: 0 10px 0 0;
    border: 0;
    color: #000;

    line-height: 160%;
    font-weight: 600;
    width: 100%;
  
}


.copy-text {
    position: relative;
    border-radius: 16px;
    border: 1px solid #050606;
    background: #fff;
    box-shadow: 5px 4px #000;
    padding: 18px 24px;
    max-width: 739px;
    display: flex;
    align-items: center;
    width: 100%;
}

.copy-text button {
    padding: 10px;
    border-radius: 6.4px;
    border: 2.133px solid #000;
    background: #fff;
    position: absolute;
    bottom: -14px;
    right:0;
    width: 64px;
    height: 64px;
}

.copy-text svg {
    font-size: 34px;
}

.copy-text  svg {
    stroke: black;
}

.prograss-bar-item:before {
    content: "";
    --width: 40px;
    width: var(--width);
    height: var(--width);
    border-radius: 100%;
    border: 2px solid #000;
    position: absolute;
    top: 50%;
    left: 150px;
    z-index: 2;
    background-color: #fff;
    transform: translateY(-50%);
    filter: drop-shadow(2px 2px 0px #000);
}

.prograss-bar-item {
    position: relative;
}

.line-box {
    background: #397ffe;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 180px;
    left: 0;
    border-radius: 32px;
}


.price {
    position: absolute;
    bottom: -95px;
    left: 70px;
    font-size: 28px;
    line-height: 160%;
    color: #09090b;
    font-weight: 500;
    z-index: 1;
    padding: 25px 20px 10px;
}

.price:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(data:image/png;base64,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);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: -1;
}


.hero-images {
    width: 38%;
    position: absolute;
    left: 2%;
    bottom: 0;
}

.text-area .images-item img {
    rotate: -2deg;
    min-width: 176px;
}

.text-area {
    --duration: 239.04s;
    --delay: 0s;
    --iteration-count: infinite;
    border: 4px solid #343230;
    border-left: none;
    border-right: none;
    background: #397ffe;
    padding: 27px 0;
    width: 100%;
    position: relative;
    z-index: 99;
    overflow: hidden;

 
}

.text-slider{
    animation: scroll 20s infinite linear;
}

@keyframes scroll {
    0% {
       transform: translateX(0%);
   }
   
   100% {
       transform: translateX(-100%);
   }
   
   }

   .details-box {
    border: 8px solid #397FFE;
    background: #e1ecf7;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding-bottom: 0 !important;
}
   

.details-box:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(/assets/images/who-are-before.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: -1;
}

.footer-title{



    text-shadow: -10px 10px 0px #4C7EF6;
    -webkit-text-stroke-width: 9px;
    -webkit-text-stroke-color: #16161B;
}


 .boxedBtn {
 

    line-height: 120%;
    font-weight: 700;

    color: #fff;
    text-transform: uppercase;
    border-radius: 16px;
    border: 3px solid #09090B;
    background: #397ffe;
    box-shadow: 5px 4px #16161b;
    max-width: 350px;
    display: inline-block;
    font-family: Baloo, sans-serif;
}

@media only screen and (min-width: 767px) {
    .boxedBtn {
        -webkit-text-stroke-width: 2px;
        -webkit-text-stroke-color: #16161B;
        text-shadow: 0px 0px #16161B;

    }

}

.socials li a {

    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12.884px;
    border: 1.189px solid #343230;
    background: #fff;
    box-shadow: 3.234px 3.234px #000;
}

.socials li a svg {
    color: #000;
    
}

.socials li:hover a {
    border: 1.189px solid #397FFE;
    background: #397ffe;
    box-shadow: 3.234px 3.234px #000;
}



.socials li a:hover path {
    fill: white;
}

@media only screen and (max-width: 991px) {
    .footer-title {
        -webkit-text-stroke-width: 5px;
        text-shadow: -5px 5px 0px #4C7EF6;
    }
}



.buy-now-button a {
    display: inline-block;
    background: #ED1C24;
    color: white;
    padding: 24px 48px;
    font-size: 28px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 85px;
    box-shadow: 3.234px 3.234px #000;
    border-radius: 12.884px;
    border: 1.189px solid #343230;
}

.buy-now-button a:hover {
  
    background:#397ffe;

}

.who-is-button {
    float: right;
}


.pb-80-sapce{
padding-bottom: 80px;
}




@media only screen and (max-width:768px) {
   
    .buy-now-button a {
        padding: 12px 32px;
        font-size: 16px;
        margin-top:46px
    }

    .item-box.hero-space {
        margin-bottom: 88px;
    }

    .who-is-button {
        margin-bottom: 40px;
    }

    .mb-\[300px\] {
        margin-bottom: 480px;
    }
}


.bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: -1;
}



.tokenomisc .content-box {
    display: flex;
    background: #004aad;

   
    border-radius: 100%;
    border: 7px solid black;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.tokenomisc .content-box p {
    font-size: 32px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 100%;
}


.bottom-images img{
    width:100%!important
}