@import url('https://fonts.googleapis.com/css2?family=Tektur:wdth,wght@75..100,400..900&display=swap');
@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('https://litmus.com/fonts/Emails/proximanova-regular-webfont.eot');
    src: url('https://litmus.com/fonts/Emails/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('https://litmus.com/fonts/Emails/proximanova-regular-webfont.woff') format('woff'),
    url('https://litmus.com/fonts/Emails/proximanova-regular-webfont.ttf') format('truetype'),
    url('https://litmus.com/fonts/Emails/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_nova_rgbold';
    src: url('https://litmus.com/fonts/Emails/proximanova-bold-webfont.eot');
    src: url('https://litmus.com/fonts/Emails/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('https://litmus.com/fonts/Emails/proximanova-bold-webfont.woff') format('woff'),
    url('https://litmus.com/fonts/Emails/proximanova-bold-webfont.ttf') format('truetype'),
    url('https://litmus.com/fonts/Emails/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'adelle_rgregular';
    src: url('https://litmus.com/fonts/Emails/adelle_reg-webfont.eot');
    src: url('https://litmus.com/fonts/Emails/adelle_reg-webfont.eot?#iefix') format('embedded-opentype'),
    url('https://litmus.com/fonts/Emails/adelle_reg-webfont.woff') format('woff'),
    url('https://litmus.com/fonts/Emails/adelle_reg-webfont.ttf') format('truetype'),
    url('https://litmus.com/fonts/Emails/adelle_reg-webfont.svg#adelle_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{
    font-family: 'Proxima Nova' , sans-serif !important;
    color: white !important;

}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%231bf264' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

.bg-darkblue{
    background: #021526 !important;
}
h1, h2, h3, h4, h5, h6{
    font-family: 'Tektur', sans-serif;
}

.form-control{

    color: white !important;
    
}

.f-tektur{
    font-family: 'Tektur', sans-serif !important;
}

.lrn-ex5 {
    margin-top: 0px !important;
    font-size: 45px;
}

.subtitle{
    font-size: 24px;
    color: #1BF264;
    padding-bottom: 20x;
    font-family: 'Tektur' , sans-serif !important;
}


h2 {
    font-size: 45px;
    text-transform: uppercase;
    padding-bottom: 40px;
}

.nav-width{
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: center;
    align-items: center;
}

.navbar-collapse {
    transition: all 0.3s ease-in-out;
}



.navbar-brand{
    padding-left: 10px;
}

.navbar-collapse ul li {
    border-bottom: transparent;
}


.nav-item .lng-btn{
    background: #1BF264 !important;
    margin: 10px;
    border-radius: 7px;
    color: #01233f !important;
}



.lng-btn-br{
    border: 1px solid #1BF264  !important;
    margin: 10px;
    border-radius: 7px;
}

.lng-btn-pl{
    border: 1px solid #1BF264  !important;
    margin: 10px;
    border-radius: 7px;

}


.powerfulbox{
    border: 1px solid #596064 !important;
    width: 100%;
    border-radius: 10px;
    
}

.joinbeta{
    border-radius: 150px !important;
    background: #1BF264 !important;
    color: #021526 !important; 
    font-family: 'Proxima Nova' , sans-serif !important;
    font-weight: 500 !important;
    padding: 10px 20px !important;
    max-width: 160px;
    margin-right: 10px;
    height: 60px !important;
    align-content: center;
    border: none !important;
}

.watch{
    border: 1px solid #1BF264 !important;
    border-radius: 150px !important;
    color: white !important; 
    font-family: 'Proxima Nova' , sans-serif !important;
    font-weight: 500 !important;
    padding: 10px 20px !important;
    height: 60px !important;
    align-content: center;
    background-color: transparent !important;
}

.button-group{
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.teraflops{
    border: 2px solid #1BF264 !important;
    font-family: "tektur" , sans-serif !important;
    font-size: 36px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 500;
}

.taskbg{
    position: absolute; 
    z-index: 0; 
    bottom: 0px; 
    width: 100%
}

.desc-width{
    width: 450px !important;
}

.aiwelcome{
    font-size: 20px !important;
    font-family: 'Proxima Nova' , sans-serif !important;
    font-weight: 400 !important;
    color: white !important;
    border: 1px solid #1BF264 !important;
    text-align: center !important;
    width: 400px !important;
    padding: 15px !important;
    border-radius: 150px !important;
    margin: 0 auto;
    background-color: transparent !important;
}

.aiwelcome option{
    color: white !important;
    font-family: 'Proxima Nova' , sans-serif !important;
    font-weight: 400 !important;
    font-size: 20px !important;
    background-color: #021526 !important;
}

.dropdown ul{
    background: #021526;
    color: white;
    width: 400px;
}

.dropdown-item:hover, .dropdown-item:focus{
    background-color: #01233f !important;
    color: white !important;
}

.nav-pill-buttons{
    border: 1px solid #23262F !important;
    background: transparent !important;
    border-radius: 10px !important;
    padding: 20px !important;
    color: white !important;
    font-family: 'Proxima Nova', sans-serif !important;
    font-weight: 500 !important;
    margin-bottom: 30px !important;
    max-width: 400px;
    height: 70px;
    font-size: 24px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;

}


.text-to-speech .nav-link{
    font-size: 24px !important;
}


.empty-space{
    height: 100px !important;
}

.token-box{
    background: #01233f !important;
    width: 100%;
    border-radius: 15px;
    padding: 20px;
}

.token-box img{

    width: 47px !important;
    height: auto;
}

.bar{
    border: 1px solid #1bf264 !important;
    border-radius: 150px !important;
    height: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    align-content: center;
}

.bar .internal-bar{
    background: #1bf264 !important;
    border-radius: 150px !important;
    color: #01233f;
    font-weight: 500;
    height: 30px;
    width: 200px !important;
    align-content: center;
   text-align: end;
}

.balance{
    border: 1px solid #1bf264 !important;
    width: 180px;
    height: 50px;
    text-align: center;
    border-radius: 10px !important;
    margin: 0 auto;
}

.eth{
    border: 1px solid white !important;
    width: 80px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 150px !important;
}

.eth img{
    width: 25px !important;
    height: auto;
}

.input-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #1bf264;
    background-color: transparent;
    padding: 5px 10px;
    border-radius: 20px; 
    margin-bottom: 15px;
    width: 100%;
    max-width: 800px;
    color: white !important;
}

.input-container input {
    border: none;
    background: transparent;
    font-size: 16px;
    width: 100% !important;
    outline: none;
    color: white;
}

.input-container select {
    border: none;
    background: transparent !important;
    font-size: 16px;
    width: 1000% !important;
    outline: none;
    appearance: none;
    padding-right: 20px;
    text-align: end !important;
    color: white;
}

.input-container option{
    background: #021526 !important;
    color: white !important;
}

.buy-now{
    background: #1bf264 !important;
    width: 190px;
    height: 50px;
    border-radius: 10px !important;
    color: #021526 !important;
    font-family: 'Proxima Nova' , sans-serif !important;
    font-weight: 500 !important;
    align-content: center;
    margin: 0 auto;
}

.crypto{
    background: #01233f !important;
    align-content: center;
}

.mail .input-group input{
    background: white !important;
    border-radius: 150px;
    height: 80px;
    color: #021526 !important;
    position: absolute;
    width: 100%;
    border-top-right-radius: 150px !important;
    border-bottom-right-radius: 150px !important;
}

.mail .input-group input::placeholder{
    color: #021526;
    padding-left: 20px;
}

.mail .input-group button{
    background: #01233f !important;
    width: 200px;
    height: 60px;
    border-radius: 150px !important;
    border: none;
    color: white;
    font-weight: 500;
    margin-left: auto !important;
    margin-right: 10px;
}

.mail .input-group{

    align-items: center;

}

footer .nav-i{
    font-size: 20px !important;
    color: white;
}


footer ul{
    padding-left: 0px;
}

footer li{
    list-style: none !important;
}

footer li a{
    text-decoration: none !important;
    color: #aeb0af !important;
}

.absolute-img{
    position: absolute;
    z-index: -1;
    left: 0px;
    top: -490px;
}

.svg-parent{
    position: relative;
    align-content: center;
}

.green-gradient{
    position: absolute;
    top: 0;
    z-index: -1;
}

.green-agradient{
    position: absolute;
    width: 60%;
    top: -30%;
}

.supply-box{
    border: 1px solid #1bf264 !important;
    font-family: 'Tektur', sans-serif !important;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 45px;
    font-weight: 500;
}

.supply-comma{
    font-family: 'Tektur', sans-serif !important;
    font-size: 45px;
    align-items: end;
    align-self: center;
    padding-left: 5px;
    padding-right: 5px;
}


.total-supply{
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600.58 490.99"><defs><style> .cls-1 { fill: none; stroke: %231bf264; stroke-miterlimit: 10; stroke-width: .5px; } .cls-2 { opacity: .2; } </style></defs><g id="Layer_1-2" data-name="Layer 1"><g class="cls-2"><line class="cls-1" x1=".25" y1="50.42" x2=".25" y2=".25"/><path class="cls-1" d="M1600.33,281.69v209.05"/><rect class="cls-1" x="1030.65" y="45.64" width="51.37" height="73.47"/><path class="cls-1" d="M586.27,38.48L624.5.25h126.03v50.17h-106.32v27.18l109.3,9.85v83.62l-38.23,38.23h-126.03v-50.17h106.32v-30.16l-109.3-9.86V38.48ZM339,.25h57.94v161.27h41.51v-35.84h50.47v83.62h-149.92V.25ZM174.74.25h105.72l43,209.05h-61.52l-7.17-41.81h-54.35l-7.17,41.81h-61.52L174.74.25ZM343.8,331.86h-51.07v158.88h-57.94v-158.88h-51.07v-50.17h160.07v50.17ZM540.9,450.12l-40.62,40.62h-97.96l-40.62-40.62v-127.82l40.62-40.62h97.96l40.62,40.62v127.82ZM667.82,490.74h-57.94v-158.88h-51.07v-50.17h160.07v50.17h-51.07v158.88ZM841.34,490.74l-7.17-41.81h-54.35l-7.17,41.81h-61.52l43-209.05h105.72l43,209.05h-61.52ZM819.21,209.3l-40.62-40.62V.25h57.94v156.49h51.96V.25h57.94v168.44l-40.62,40.62h-86.61ZM1068.3,490.74h-149.92v-209.05h57.94v161.27h41.51v-35.84h50.47v83.62ZM1139.96,123.89l-40.62,40.62h-68.69v44.8h-57.94V.25h126.63l40.62,40.62v83.02ZM1160.26.25h57.94v161.27h41.51v-35.84h50.47v83.62h-149.92V.25ZM1332.9,452.51l-38.23,38.23h-126.03v-50.17h106.32v-30.16l-109.3-9.86v-80.63l38.23-38.23h126.03v50.17h-106.32v27.18l109.3,9.85v83.62ZM1296.74.25h61.82l20.91,96.16h20.31L1420.68.25h61.82l-38.82,146.34h-25.09v62.72h-57.94v-62.72h-25.09L1296.74.25ZM1525.82,450.12l-40.62,40.62h-86.61l-40.62-40.62v-168.44h57.94v156.49h51.96v-156.49h57.94v168.44Z"/><polygon class="cls-1" points="234.47 45.64 220.74 45.64 207 126.88 248.21 126.88 234.47 45.64"/><rect class="cls-1" x="422.04" y="331.86" width="58.53" height="108.71"/><polygon class="cls-1" points="800.12 327.08 786.39 408.31 827.6 408.31 813.86 327.08 800.12 327.08"/><polygon class="cls-1" points="30.5 209.3 88.44 209.3 88.44 50.42 139.5 50.42 139.5 .25 .25 .25 .25 50.42 30.5 50.42 30.5 209.3"/><path class="cls-1" d="M200.43,167.49h54.35l7.17,41.81h61.52L280.47.25h-105.72l-43,209.05h61.52l7.17-41.81ZM220.74,45.64h13.74l13.74,81.23h-41.21l13.74-81.23Z"/><polygon class="cls-1" points="488.92 125.68 438.45 125.68 438.45 161.52 396.93 161.52 396.93 .25 339 .25 339 209.3 488.92 209.3 488.92 125.68"/><polygon class="cls-1" points="695.57 159.13 589.26 159.13 589.26 209.3 715.28 209.3 753.51 171.07 753.51 87.45 644.21 77.6 644.21 50.42 750.52 50.42 750.52 .25 624.5 .25 586.27 38.48 586.27 119.11 695.57 128.97 695.57 159.13"/><polygon class="cls-1" points="946.44 .25 888.5 .25 888.5 156.74 836.53 156.74 836.53 .25 778.6 .25 778.6 168.69 819.21 209.3 905.82 209.3 946.44 168.69 946.44 .25"/><path class="cls-1" d="M972.71.25v209.05h57.94v-44.8h68.69l40.62-40.62V40.87L1099.34.25h-126.63ZM1082.02,119.11h-51.37V45.64h51.37v73.47Z"/><polygon class="cls-1" points="1310.18 125.68 1259.71 125.68 1259.71 161.52 1218.2 161.52 1218.2 .25 1160.26 .25 1160.26 209.3 1310.18 209.3 1310.18 125.68"/><polygon class="cls-1" points="1360.65 209.3 1418.59 209.3 1418.59 146.59 1443.68 146.59 1482.5 .25 1420.68 .25 1399.77 96.41 1379.47 96.41 1358.56 .25 1296.74 .25 1335.57 146.59 1360.65 146.59 1360.65 209.3"/><polygon class="cls-1" points="183.73 331.86 234.79 331.86 234.79 490.74 292.73 490.74 292.73 331.86 343.8 331.86 343.8 281.69 183.73 281.69 183.73 331.86"/><path class="cls-1" d="M402.33,281.69l-40.62,40.62v127.82l40.62,40.62h97.96l40.62-40.62v-127.82l-40.62-40.62h-97.96ZM480.58,440.56h-58.53v-108.71h58.53v108.71Z"/><polygon class="cls-1" points="718.89 281.69 558.82 281.69 558.82 331.86 609.89 331.86 609.89 490.74 667.82 490.74 667.82 331.86 718.89 331.86 718.89 281.69"/><path class="cls-1" d="M754.13,281.69l-43,209.05h61.52l7.17-41.81h54.35l7.17,41.81h61.52l-43-209.05h-105.72ZM786.39,408.31l13.74-81.23h13.74l13.74,81.23h-41.21Z"/><polygon class="cls-1" points="1017.83 442.95 976.32 442.95 976.32 281.69 918.39 281.69 918.39 490.74 1068.3 490.74 1068.3 407.12 1017.83 407.12 1017.83 442.95"/><polygon class="cls-1" points="1223.59 331.86 1329.91 331.86 1329.91 281.69 1203.89 281.69 1165.66 319.91 1165.66 400.55 1274.96 410.4 1274.96 440.56 1168.64 440.56 1168.64 490.74 1294.67 490.74 1332.9 452.51 1332.9 368.89 1223.59 359.03 1223.59 331.86"/><polygon class="cls-1" points="1467.89 438.17 1415.92 438.17 1415.92 281.69 1357.99 281.69 1357.99 450.12 1398.6 490.74 1485.21 490.74 1525.82 450.12 1525.82 281.69 1467.89 281.69 1467.89 438.17"/><rect class="cls-1" x="1552.1" y="281.69" width="48.23" height="209.05"/></g></g></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.burning-details{
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600.58 534.06"><defs><style> .cls-1 { fill: none; stroke: %231bf264; stroke-miterlimit: 10; stroke-width: .5px; } .cls-2 { opacity: .2; } </style></defs><g id="Layer_1-2" data-name="Layer 1"><g class="cls-2"><line class="cls-1" x1="1600.33" y1="361.63" x2="1600.33" y2="494.52"/><rect class="cls-1" x="535.83" y="368.95" width="52.56" height="37.93"/><rect class="cls-1" x="309.62" y="46.85" width="56.74" height="63.31"/><rect class="cls-1" x="535.83" y="445.1" width="57.34" height="42.11"/><rect class="cls-1" x="925.85" y="368.95" width="56.74" height="63.31"/><path class="cls-1" d="M981.56,42.07L1022.18,1.46h113.48v50.17h-96.16v108.71h59.43v-32.55h-36.73v-45.39h87.2v128.12h-127.22l-40.62-40.62V42.07ZM779.68,1.46h50.77l72.87,117.96V1.46h53.16v209.05h-50.77l-72.87-117.96v117.96h-53.16V1.46ZM651.56,167.5l21.8-1.49V45.96l-21.8-1.49V.26l50.77,2.39,50.77-2.39v44.2l-21.8,1.49v120.05l21.8,1.49v44.2l-50.77-2.39-50.77,2.39v-44.2ZM225.4,169.89l-40.62,40.62h-86.61l-40.62-40.62V1.46h57.94v156.49h51.96V1.46h57.94v168.44ZM369.65,210.51l-24.19-54.95h-35.84v54.95h-57.94V1.46h132l40.62,40.62v71.08l-25.39,25.38,35.84,71.97h-65.1ZM448.19,1.46h50.77l72.87,117.96V1.46h53.16v209.05h-50.77l-72.87-117.96v117.96h-53.16V1.46ZM653.49,494.38l-38.23,38.23h-137.38v-209.05h131.4l38.23,38.23v45.69l-18.81,15.23,24.79,20.31v51.37ZM841.64,491.99l-40.62,40.62h-86.61l-40.62-40.62v-168.44h57.94v156.49h51.96v-156.49h57.94v168.44ZM985.88,532.6l-24.19-54.95h-35.84v54.95h-57.94v-209.05h132l40.62,40.62v71.08l-25.39,25.38,35.84,71.97h-65.1ZM1241.22,532.6h-50.77l-72.87-117.96v117.96h-53.16v-209.05h50.77l72.87,117.96v-117.96h53.16v209.05ZM1369.34,366.56l-21.8,1.49v120.06l21.8,1.49v44.2l-50.77-2.39-50.77,2.39v-44.2l21.8-1.49v-120.06l-21.8-1.49v-44.2l50.77,2.39,50.77-2.39v44.2ZM1572.71,532.6h-50.77l-72.87-117.96v117.96h-53.16v-209.05h50.77l72.87,117.96v-117.96h53.16v209.05Z"/><polygon class="cls-1" points="37.26 120.92 12.47 100.61 31.29 85.38 31.29 39.68 .25 8.65 .25 209.29 37.26 172.28 37.26 120.92"/><polygon class="cls-1" points="167.46 157.95 115.5 157.95 115.5 1.46 57.56 1.46 57.56 169.89 98.18 210.51 184.79 210.51 225.4 169.89 225.4 1.46 167.46 1.46 167.46 157.95"/><path class="cls-1" d="M424.3,113.15V42.07L383.68,1.46h-132v209.05h57.94v-54.95h35.84l24.19,54.95h65.1l-35.84-71.97,25.39-25.38ZM366.36,110.16h-56.74v-63.31h56.74v63.31Z"/><polygon class="cls-1" points="501.35 92.54 574.21 210.51 624.98 210.51 624.98 1.46 571.83 1.46 571.83 119.42 498.96 1.46 448.19 1.46 448.19 210.51 501.35 210.51 501.35 92.54"/><polygon class="cls-1" points="753.1 211.7 753.1 167.5 731.3 166.01 731.3 45.96 753.1 44.46 753.1 .26 702.33 2.65 651.56 .26 651.56 44.46 673.36 45.96 673.36 166.01 651.56 167.5 651.56 211.7 702.33 209.31 753.1 211.7"/><polygon class="cls-1" points="832.84 92.54 905.71 210.51 956.48 210.51 956.48 1.46 903.32 1.46 903.32 119.42 830.45 1.46 779.68 1.46 779.68 210.51 832.84 210.51 832.84 92.54"/><polygon class="cls-1" points="1149.4 210.51 1149.4 82.39 1062.19 82.39 1062.19 127.78 1098.93 127.78 1098.93 160.34 1039.5 160.34 1039.5 51.63 1135.66 51.63 1135.66 1.46 1022.18 1.46 981.56 42.07 981.56 169.89 1022.18 210.51 1149.4 210.51"/><path class="cls-1" d="M647.52,407.47v-45.69l-38.23-38.23h-131.4v209.05h137.38l38.23-38.23v-51.37l-24.79-20.31,18.81-15.23ZM535.83,368.95h52.56v37.93h-52.56v-37.93ZM593.17,487.21h-57.34v-42.11h57.34v42.11Z"/><polygon class="cls-1" points="783.7 480.04 731.74 480.04 731.74 323.55 673.8 323.55 673.8 491.99 714.41 532.6 801.02 532.6 841.64 491.99 841.64 323.55 783.7 323.55 783.7 480.04"/><path class="cls-1" d="M1040.53,435.24v-71.08l-40.62-40.62h-132v209.05h57.94v-54.95h35.84l24.19,54.95h65.1l-35.84-71.97,25.39-25.38ZM982.6,432.26h-56.74v-63.31h56.74v63.31Z"/><polygon class="cls-1" points="1188.06 441.52 1115.19 323.55 1064.42 323.55 1064.42 532.6 1117.58 532.6 1117.58 414.64 1190.45 532.6 1241.22 532.6 1241.22 323.55 1188.06 323.55 1188.06 441.52"/><polygon class="cls-1" points="1267.8 322.36 1267.8 366.56 1289.6 368.05 1289.6 488.1 1267.8 489.6 1267.8 533.8 1318.57 531.41 1369.34 533.8 1369.34 489.6 1347.53 488.1 1347.53 368.05 1369.34 366.56 1369.34 322.36 1318.57 324.75 1267.8 322.36"/><polygon class="cls-1" points="1519.55 441.52 1446.68 323.55 1395.91 323.55 1395.91 532.6 1449.07 532.6 1449.07 414.64 1521.94 532.6 1572.71 532.6 1572.71 323.55 1519.55 323.55 1519.55 441.52"/><polygon class="cls-1" points="1597.79 364.17 1597.79 491.99 1600.33 494.52 1600.33 361.63 1597.79 364.17"/></g></g></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.burning-v2{
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1592.41 534.06"><defs><style> .cls-1 { stroke: %23bcff2f; } .cls-1, .cls-2 { fill: none; stroke-miterlimit: 10; stroke-width: .5px; } .cls-3 { opacity: .4; } .cls-2 { stroke: %231bf264; } .cls-4 { opacity: .5; } </style></defs><g id="Layer_1-2" data-name="Layer 1"><g class="cls-3"><g class="cls-4"><path class="cls-2" d="M.25,210.51V1.46h123.94l40.62,40.62v127.82l-40.62,40.62H.25ZM58.19,160.34h48.68V51.63h-48.68v108.71Z"/><path class="cls-2" d="M189.89,210.51V1.46h148.13v47.78h-90.19v32.25h75.26v45.39h-75.26v35.84h93.18v47.78h-151.11Z"/><path class="cls-2" d="M407,210.51V51.63h-51.07V1.46h160.07v50.17h-51.07v158.88h-57.94Z"/><path class="cls-2" d="M508.24,210.51L551.25,1.46h105.72l43,209.05h-61.52l-7.17-41.81h-54.35l-7.17,41.81h-61.52ZM583.5,128.08h41.21l-13.74-81.23h-13.74l-13.74,81.23Z"/><path class="cls-2" d="M715.8,211.7v-44.2l21.8-1.49V45.95l-21.8-1.49V.26l50.77,2.39,50.77-2.39v44.2l-21.8,1.49v120.06l21.8,1.49v44.2l-50.77-2.39-50.77,2.39Z"/><path class="cls-2" d="M843.91,210.51V1.46h57.94v161.27h41.51v-35.84h50.47v83.62h-149.92Z"/><path class="cls-2" d="M1016.53,210.51v-50.17h106.32v-30.16l-109.3-9.86V39.68l38.23-38.23h126.03v50.17h-106.32v27.18l109.3,9.85v83.62l-38.23,38.23h-126.03Z"/></g><g class="cls-4"><path class="cls-1" d="M411.63,532.6v-209.05h123.94l40.62,40.62v127.82l-40.62,40.62h-123.94ZM469.56,482.43h48.68v-108.71h-48.68v108.71Z"/><path class="cls-1" d="M601.27,532.6v-209.05h148.13v47.78h-90.19v32.25h75.26v45.39h-75.26v35.84h93.18v47.78h-151.11Z"/><path class="cls-1" d="M818.38,532.6v-158.88h-51.07v-50.17h160.07v50.17h-51.07v158.88h-57.94Z"/><path class="cls-1" d="M919.62,532.6l43-209.05h105.72l43,209.05h-61.52l-7.17-41.81h-54.35l-7.17,41.81h-61.52ZM994.88,450.18h41.21l-13.74-81.23h-13.74l-13.74,81.23Z"/><path class="cls-1" d="M1127.17,533.8v-44.2l21.8-1.49v-120.06l-21.8-1.49v-44.2l50.77,2.39,50.77-2.39v44.2l-21.8,1.49v120.06l21.8,1.49v44.2l-50.77-2.39-50.77,2.39Z"/><path class="cls-1" d="M1255.29,532.6v-209.05h57.94v161.27h41.51v-35.84h50.47v83.62h-149.92Z"/><path class="cls-1" d="M1427.9,532.6v-50.17h106.32v-30.16l-109.3-9.86v-80.63l38.23-38.23h126.03v50.17h-106.32v27.18l109.3,9.85v83.62l-38.23,38.23h-126.03Z"/></g></g></g></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.burning-box{
    border: 1px solid #596064 !important;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.gpu{
    position:absolute;
    width: 50%;
    right: 0;
    top: -400px;
}

.burning-bg{
    background-color: #1bf26321;
}

.hardware-row{
    border: 1px solid #3f4554 !important;
    border-radius: 15px;
    padding: 20px 10px;
}

.hardware-row p{
    margin-bottom: 0px !important;
}

.gpu-brand{
    font-family: 'Tektur', sans-serif !important;
    font-size: 24px;
    margin: 0px !important;
}

.tflops{
    font-family: 'Tektur', sans-serif !important;
    font-size: 14px;
    color: #1BF264;
    margin: 0px !important;
}

.tflops span{
    font-family: 'Tektur', sans-serif !important;
    font-size: 12px;
    color: #ffffff;
}


.rentgpu{
    background-color: #1BF264;
    color: #021526;
    border-radius: 150px !important;
    font-family: 'Proxima Nova' , sans-serif;
    font-size: 16px;
    padding: 5px 50px;
    border: 1px solid #1BF264;
    font-weight: 500;
}

.buygpu{
    background-color: transparent;
    color: white;
    border-radius: 150px !important;
    font-family: 'Proxima Nova' , sans-serif;
    font-size: 16px;
    padding: 5px 50px;
    border: 1px solid #1BF264;
    font-weight: 500;
}

.online-badge{
    background: #0e8445;
    width: 100px;
    height: 30px;
    border-radius: 7px;
    font-size: 13px;
    align-content: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}

.circle{
    width: 10px;
    height: 10px;
    border-radius: 150px;
    background: #1bf264;
}



.bar-container {
    display: flex;
    gap: 3px;
    padding: 10px;
    border-radius: 5px;
    justify-content: center;

}

.bar {
    width: 4px;
    height: 40px;
    background-color: #00ff88;
    border-radius: 2px;
}

.time-duration{
    display: flex;
    justify-content: space-between;
    padding: 10px;
    margin: 0 auto;
    width: 90%;
}

.bottom-border-duration{
    border-bottom: 1px solid #1BF264;
    width: 75%;
    height: 15px;
}

.main-server{
    max-width: 250px;
}


.servers{
    max-width: 200px;
}


.img-hide-desktop{
    display: none;
}


.vertical-tick{
    border-left: 1px solid #1bf264;
    height: 100%;
    position: absolute;
    left: 50%;
}


.tick-circle{
    height: 20px;
    width: 20px;
    border: 1px solid #1bf264;
    border-radius: 150px;
    align-content: center;
    text-align: center;
    position: absolute;
    left: 49.3%;
    top: -10px;
}

.inside-circle{
    height: 10px;
    width: 10px;
    border-radius: 150px;
    background: #1bf264;
    margin: 0 auto;
}

.tick-circle-left{
    height: 20px;
    width: 20px;
    border: 1px solid #1bf264;
    border-radius: 150px;
    align-content: center;
    text-align: center;
    position: absolute;
    left: 20.3%;
    top: 48%;
}

.inside-circle-left{
    height: 10px;
    width: 10px;
    border-radius: 150px;
    background: #1bf264;
    margin: 0 auto;
}

.tick-circle-right{
    height: 20px;
    width: 20px;
    border: 1px solid #1bf264;
    border-radius: 150px;
    align-content: center;
    text-align: center;
    position: absolute;
    right: 20.3%;
    top: 48%;
}

.inside-circle-right{
    height: 10px;
    width: 10px;
    border-radius: 150px;
    background: #1bf264;
    margin: 0 auto;
}


.horizontal-left-tick{
    border-top: 1px solid #1bf264;
    width: 25%;
    position: absolute;
    top: 50%;
    left: 25.3%;
}

.horizontal-right-tick{
    border-top: 1px solid #1bf264;
    width: 25%;
    position: absolute;
    top: 50%;
    right: 25%;
}

.powerful-subtitle{
    font-size: 95px;
}

.powerful-third-title{
    position: relative; 
    z-index: 999; 
    font-size: 24px; 
    padding-bottom: 5rem!important;
}

.burning-h3{
    line-height: 2;
    font-size: 28px;
}

.mxauto-desktop{
    margin: 0px;
}

















.lng-btn-br-pl{
    background: #1BF264  !important;
    margin: 10px;
    border-radius: 7px;
    color: #01233f !important;
}




.f-family{
    font-family: "Tektur Medium" , sans-serif !important;
}

.mail-input{
    border: 1px solid #1bf264!important;
    height: 65px;
    width: 75% !important;
    border-radius: 150px !important;
    align-content: center;
    padding-left: 15px;
    padding-right: 15px;
    transition: 0.5s !important;
}

.mail-input:hover{
    border-radius: 150px;
    box-shadow: 0px 0px 15px #1bf264;
    transition: 0.5s !important;

}

.mail-input .form-control{
    height: 45px;
    font-family: 'Tektur', sans-serif;
    background: none;
    border: none;
    color: white !important;
}

.mail-input .form-control::placeholder{
    color: white;
}

.mail-input .form-control:focus{
    color: white;
    background: none;
    box-shadow: none;

}

.btn{
    font-family: 'Proxima Nova' , sans-serif !important;
}

.user-steps .form-control:focus{
    background: none;
    color: white;
    box-shadow: none;
}

.register-form-width .form-check-label{
    font-size: 12px;
}

.user-login{
    padding-top: 10%;
}


.form-check-input:checked{
    background: #1bf264!important;
    border-color: #1bf264!important;
    box-shadow: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
}

.form-check-input[type="checkbox"]{
    appearance: none;
    background: none;
    border: 1px solid #1bf264;
    box-shadow: none;
}

.form-check-input[type=checkbox]:after{
    font-family: "FontAwesome";
    content: "\f00c";
    font-size: 10px;
    margin-left: 0px !important;
    display: none;
}

.form-check-input[type=checkbox]:checked:after{
    display: block;
}

.user-steps .btn-register{
    border: 1px solid #e6e8ec;
    background: none;
    width: 30%;
    color: white;
    cursor: pointer;
}

.hero .btn-register{
    background: #1bf264;
    color: #021526;
    border-radius: 150px !important;
    font-family: 'Proxima Nova' , sans-serif;
    font-weight: 500;
    padding-right: 15px;
    padding-left: 15px;

}

.hero .btn-register:hover{
    background: #1bf264!important;
    box-shadow: 0px 0px 10px #1bf264!important;
    border: 1px solid #1bf264;
    color: #021526;
}
.color-green{
    color: #1bf264!important;
}
.owerflow-automation{
    overflow: auto;
}
.wd-50{
    width: 50% !important;
}
.btn-outline-light-green{
    border: 1px solid #1bf264!important;
    color: #1bf264!important;
}

.btn-outline-light-green:hover{
    background: #1bf264!important;
    border: 1px solid #1bf264!important;
    color: #021526 !important;
}

.btn-outline-light-red{
    border: 1px solid red !important;
    color: red !important;
}

.btn-outline-light-red:hover{
    background: red !important;
    border: 1px solid red !important;
    color: white !important;
}

.pagination .active .page-link{
    border-radius: 5px;
}

.color-gray{
    color: #596064 !important;
}

.bg-none{
    background: none !important;
}

.border-none{
    border: none !important;
}

.text-red{
    color: red;
}

.bg-gray{
    background: rgba(2, 46, 76, 0.76);
    font-weight: 400;
    color: #1bf264;
}

.bg-gray:hover{
    background: #1bf264;
    color: #021526;
}
.title-desc{
    font-size: 14px;
    color: #aeb0af;
}

.bg-neon-green{
    background: #1bf264!important;
}


.background-video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
}

.background-video video{
    height: 100vh;
    opacity: 0.5;
}

.input-group>.form-control:focus, .input-group>.form-floating:focus-within, .input-group>.form-select:focus{
    z-index: 0 !important;
    padding-left: 30px;
}


.join-btn{
    background: #1bf264!important;
    width: 175px;
    height: 43px;
    font-weight: 500 !important;
    border-radius: 500px !important;
    font-size: 14px !important;
    color: #021526;
    align-content: center;
    transition: 0.2s;
}

.join-btn:hover{
    background: #1bf264!important;
    width: 175px;
    height: 43px;
    font-weight: 500 !important;
    border-radius: 500px !important;
    font-size: 14px !important;
    color: #021526 !important;
    align-content: center;
    box-shadow: 0px 0px 10px #1bf264;
    transition: 0.2s;
}

.soon-btn{
    background: none !important;
    border: 1px solid #1bf264!important;
    width: 175px;
    height: 43px;
    font-weight: 500 !important;
    border-radius: 500px !important;
    font-size: 12px !important;
    color: white !important;
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.hero{
    display: flex; /* Flexbox düzenini etkinleştir */
    justify-content: center; /* Yatay ortalama */
    align-items: center; /* Dikey ortalama */
    height: 83vh; /* Tüm ekran yüksekliği */
    width: 100%; /* Tüm ekran genişliği */
}


.sticky-header{
    background: #01233f !important;
    height: 80px !important;
    box-shadow: 0px 20px 30px #0215268f !important;
    position: sticky;
    top: 0;
    z-index: 1000;
}

.navbar-collapse{
    background: #01233FFF !important;
}

.sticky-header .nav-link{
    font-weight: 500;
    border: 1px solid rgba(188, 255, 47, 0);
}

.sticky-header .nav-link:hover{
    border-bottom: 2px solid #1bf264;
    transition: 0.2s !important;
}

.hero-image{
    margin-top: -5%;
}


video::-webkit-media-controls {
    display: none !important;
}


.contact-form-width textarea:focus{
    box-shadow: 0px 0px 10px #1BF264 !important;
}

.contact-form-width .btn-register:hover{
    border: none;
    background: #1BF264;
    box-shadow: 0px 0px 10px #1BF264;
    color: #1a1d20;
}

@keyframes slide {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}

/* Sağdan gelen tekrarını sağlar */
.text-slider::after {
    content: '';
    display: block;
    width: 100%;
    flex-shrink: 0;
}

.carousel {
    touch-action: pan-y !important; /* Dokunmatik kaydırmaya izin verir */
}
.register-btn{
    font-family: 'Proxima Nova' , sans-serif;
    font-weight: 600 !important;
    background: #1bf264!important;
    font-size: 13px;
    color: #021526;
    width: 130px;
    height: 35px;
    line-height: 1;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 15px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 15px !important;
    box-shadow: 0px 0px 1px #1bf264;
    transition: 0.5s;
}

.register-btn:hover{
    box-shadow: 0px 0px 20px #1bf264;
    transition: 0.5s;
    color: #021526 !important;

}


.crypto .register-btn:hover{
    color:white !important;
    box-shadow: 0px 0px 15px black;
}

.nav-link{
    font-size: 15px !important;
    color: white !important;


}

.nav-i {

    margin-right: 0px;
    text-align: center !important;
    padding: 5px;
}

.navbar-brand img{
    width: 100px;
}

.navbar{
    font-size: 12px !important;
}

.portfolio-box{
    background: #01233f !important;
    border: 1px solid #6b7593 !important ;
    height: 100%;
    min-height: 280px;
    padding: 20px !important;
    border-radius: 15px;
}

.nav-tabs .nav-link.active{
    background: #1bf264!important;
    border: none !important;
    border-radius: 150px !important;
    color: #021526 !important;
    font-weight: 500;
    margin-bottom: 20px;
}

.nav-tabs{
    border-bottom: 1px solid #6b7593 !important ;
}


footer .nav-i{
    font-size: 20px !important;
    color: white;
}


footer ul{
    padding-left: 0px;
}

footer li{
    list-style: none !important;
}

.mobile-hider{
    display: block !important;
}

.desktop-hider{
    display: none !important;
}


.navmobile-hider{
    display: flex !important;
}


.img-box{
    width: 100%;
    height: auto;
    border: 1px solid #6b7593;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin-bottom: 30px;
}

.mh-400{
    min-height: 400px;
}

.suggest-box{
    border: 1px solid #6b7593;
    background: #01233f;
    padding: 15px;
    border-radius: 15px;
    max-width: 385px;
    text-align: center;
}

.search-box{
    width: 100%;
    min-height: 60px;
    color: white;
    font-size: 18px;
    display: flex;
    justify-content: center;
    border: 1px solid #1bf264;
    border-radius: 150px;
    font-family: 'Proxima Nova' , sans-serif;
    align-items: center;

}

.search-box p {
    margin: 0px;
}

.badge-handler{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

.hide-on-desktop{
    display: none !important;
}

.token-dist{
    font-size: 90px;
}

  #face-image {
    display: block;
    margin: 0 auto;
    transition: transform 0.1s ease;
    transform-style: preserve-3d;
    will-change: transform;
    max-width: 100%;
  }

    .tilt-wrapper {
    perspective: 1000px;
    display: inline-block;
  }

  .face{
    max-width: 400px;
    margin: 0 auto;
  }

  .face1{
    position: absolute;
    top: 0;
    left: 0%;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    transform: rotateY(0deg);
    z-index: 1;
  }

  .face2{
    position: absolute;
    top: 0%;
    left: 0%;
    z-index: 2;
    width: 100%;

  }

  .face3{
    position: absolute;
    top: 0;
    left: 0%;
    z-index: 3;
    width: 70%;
    left: 18%;
    top: 55px;
    backface-visibility: hidden;
    transform: rotateY(0deg);
    z-index: 1;
  }

  .face4{
    position: absolute;
    z-index: 4;
    width: 50%;
    left: 27%;
    top: 50px;
    z-index: 4;
  }



  

  



@media (min-width: 1281px) and (max-width: 1600px) {

    .navbar-collapse{
        background: #01233f;
    }

    .nav-width{
        width: 47%;
    }
    .dsc{
        position: absolute;
        width: 60% !important;
        max-width: 1200px !important;
        height: auto;
        top: 10%;
        left: 0%;
        z-index: 0;
    }
    .promo-cards ul li button{
        font-size: 18px !important;
    }

}

@media (min-width: 1025px) and (max-width: 1280px) {

    .navbar-collapse{
        background: #01233f;
    }
    .nav-width{
        width: 70%;
    }
    .hero-btc, .hero-ankr, .hero-eth, .hero-tether {
        display: none;
    }

    .articles .glossary-input-g{
        width: 100% !important;
    }

    .priv-tab{
        width: 33%;
    }

    .promo-cards ul li button{
        font-size: 16px !important;
    }


}



.banner-thumb img{
    z-index: 10 !important;
}


@media (min-width: 992px) and (max-width: 1024px) {

    .navbar-collapse{
        background: #021526;
    }
    .hero-tron{
        display: none;
    }
    .hero-btc, .hero-ankr, .hero-eth, .hero-tether {
        display: none;
    }

    .text-slider .price-box {
        flex: 1 0 35.66%; /* Ekranın 1/6'sı kadar yer kaplar */
        margin: 0;
        text-align: center;
        color: #333; /* Yazı rengi */
        padding: 10px 0;
    }

    .glossary-button{
        font-size: 16px;
    }

    .nav-width {
        width: 70%;
    }

    .hero-image{
        margin-top: 10%;
    }
    .priv-tab{
        width: 39%;
    }

    .promo-cards ul li button{
        font-size: 12px !important;
    }
    .lrn-ex5 {
        margin-top: 250px !important;
        font-size: 45px;
    }


}


@media (min-width: 200px) and (max-width: 990px) {
    .navbar-collapse{
        background: #021526;
    }
    .hero-tron{
        display: none;
    }
    .hero-btc, .hero-ankr, .hero-eth, .hero-tether {
        display: none;
    }
    .navbar-collapse ul li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    }
    .wd-50{
        width: 100% !important;
    }
    .navbar-collapse.collapse.show {
        display: block !important;
        padding: 10px;
    }

    .mobile-text-center{
        text-align: center !important;
        margin: 0 auto;
    }

    .promo-cards ul li button{
        font-size: 10px !important;
    }

    .hero-width{
        max-width: 100%;
    }
    .categories button{
        font-size: 12px;
    }

    .text-slider .price-box {
        flex: 1 0 50.66%; /* Ekranın 1/6'sı kadar yer kaplar */
        margin: 0;
        text-align: center;
        color: #333; /* Yazı rengi */
        padding: 10px 0;
    }

    .crypto{
        border-top: 1px solid #6b7593;
        border-bottom: 1px solid #6b7593;


    }

    .vertical-tick{
        height: 85%;
        width: 2px;
        background: #1bf264;
        margin: 0 auto;
        position: absolute;
        top: 5px;
        left: -8%;
    }

    .crypto h4{
        padding-top: 3%;
    }

   
    .content-map p{
        font-size: 12px;
    }

    .m-mb{
        margin-bottom: 5% !important;
    }

    .mail .input-group input{
        background: white !important;
        border-radius: 150px;
        height: 60px;
        color: #021526 !important;
        position: absolute;
        width: 100%;
        border-top-right-radius: 150px !important;
        border-bottom-right-radius: 150px !important;
    }

    .mail .input-group input::placeholder{
        color: #021526;
        padding-left: 20px;
    }

    .mail .input-group button{
        background: #01233f !important;
        width: 150px;
        height: 40px;
        border-radius: 150px !important;
        border: none;
        color: white;
        font-weight: 500;
        margin-left: auto !important;
        margin-right: 10px;
    }

    .mobile-top-padding{
        padding-top: 23%;
    }


    .subtitle{
    font-size: 18px;
    color: #1BF264;
    padding-bottom: 20x;
    font-family: 'Tektur' , sans-serif !important;
}

.powerful-subtitle{
    font-size: 65px;
}

.hide-on-mobile{
    display: none !important;

}

.hide-on-desktop{
    display: block !important;
}

.token-dist{
    font-size: 70px;
}

.supply-box{
    border: 1px solid #1bf264 !important;
    font-family: 'Tektur', sans-serif !important;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 25px;
    font-weight: 500;
}

.supply-comma{
    font-family: 'Tektur', sans-serif !important;
    font-size: 25px;
    align-items: end;
    align-self: center;
    padding-left: 5px;
    padding-right: 5px;
}

.burning-h3{
    line-height: 2;
    font-size: 18px;
    padding-left: 10px;
}

.mxauto-desktop{
    margin: 0px auto;
}

.bar {
    width: 2px;
    height: 40px;
    background-color: #00ff88;
    border-radius: 2px;
}

.bar-container{
    width: 100%;
}

.time-duration{
    display: flex;
    justify-content: space-between;
    padding: 10px;
    margin: 0 auto;
    width: 100%;
}

}