/* Template (common.css) overrides for Metalevel design */
body { font-size: 16px; display: block; }
main { background: none; flex: none; padding: 0; max-width: none; margin: 0; width: auto; }
h1, h2, h3, h4, h5, h6 { font-weight: 700; }
table { box-shadow: none; }
th, td { padding: 0; border: none; }
tr:nth-child(2n), tr:nth-child(2n+1) { background: transparent; }
footer { padding: 0; text-align: left; color: inherit; }
.but2, .but8, .btn-close { box-shadow: none; margin: 0; font-family: 'Montserrat', sans-serif; }
.inputlast::placeholder { font-style: normal; }

/* Grid (Bootstrap replacement) */
.container-xl, .container-fluid { width: 100%; margin: 0 auto; padding-left: 12px; padding-right: 12px; }
@media (min-width: 576px) { .container-xl { max-width: 540px; } }
@media (min-width: 768px) { .container-xl { max-width: 720px; } }
@media (min-width: 992px) { .container-xl { max-width: 960px; } }
@media (min-width: 1200px) { .container-xl { max-width: 1140px; } }
@media (min-width: 1400px) { .container-xl { max-width: 1320px; } }
.row { display: flex; flex-wrap: wrap; margin-left: -12px; margin-right: -12px; }
.row > * { width: 100%; padding-left: 12px; padding-right: 12px; }
@media (min-width: 768px) {
    .col-md-4 { width: 33.3333%; }
    .col-md-5 { width: 41.6667%; }
    .col-md-6 { width: 50%; }
    .col-md-7 { width: 58.3333%; }
}
@media (min-width: 992px) {
    .col-lg-3 { width: 25%; }
    .col-lg-6 { width: 50%; }
}

/* Offcanvas (mobile menu) */
.offcanvas { position: fixed; top: 0; left: 0; width: 400px; max-width: 85%; height: 100%; z-index: 9000; transform: translateX(-100%); transition: transform .3s ease-in-out; visibility: hidden; }
.offcanvas.show { transform: translateX(0); visibility: visible; }
.offcanvas-backdrop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 8999; }
.offcanvas-header { display: flex; align-items: center; justify-content: space-between; padding: 16px; }
.offcanvas-title { margin: 0; }
.offcanvas-body { padding: 16px; overflow-y: auto; }
.btn-close { width: 32px; height: 32px; border: none; cursor: pointer; background-color: transparent; background-position: center; background-repeat: no-repeat; background-size: 16px; }

/* Dropdown (Bootstrap replacement) */
.dropdown, .dropup, .langlist { position: relative; }
.dropdown-menu { display: none; position: absolute; left: 0; top: 100%; z-index: 1000; list-style: none; margin: 0; padding: 8px 0; border-radius: 8px; min-width: 160px; }
.dropdown-menu.show { display: block; }
.dropdown-menu li { list-style: none; }
.dropdown-item { display: block; padding: 4px 16px; text-decoration: none; color: inherit; cursor: pointer; white-space: nowrap; }
.dropdown-item:hover { background: rgba(0, 0, 0, .1); }
.dropup .dropdown-menu { top: auto; bottom: 100%; }

:root { --green: #55DA5B; --white: #FFF; --blue: #798FAE; --black_bg: #171C33; --second_font: 'Orbitron', sans-serif; }
a, a:hover { transition: 0.3s; }
html { scrollbar-color: #55DA5B #2c2a2a; }
html::-webkit-scrollbar { width: 8px; }
html::-webkit-scrollbar-track { background: #2E3B5B; }
html::-webkit-scrollbar-thumb { background-color: #55DA5B; border-radius: 10px; border: 0px solid #ffffff; }
.scroll_container { scrollbar-width: auto; scrollbar-color: #55DA5B #2c2a2a; }
.scroll_container::-webkit-scrollbar { width: 2px; }
.scroll_container::-webkit-scrollbar-track { background: #2E3B5B; }
.scroll_container::-webkit-scrollbar-thumb { background-color: #55DA5B; border-radius: 10px; border: 0px solid #ffffff; }
body { font-family: 'Montserrat', sans-serif; font-weight: 400; position: relative; background-color: var(--white); position: relative; }
.topmenuholder { position: fixed; top: 0; left: 0; width: 100%; transition: background-color 0.3s ease-in-out; z-index: 5; }
.zmore { position: relative; z-index: 3; }
.topmenuholder2 { justify-content: space-between; height: 116px; display: flex; transition: 0.3s; align-items: center; }
.logomenu { display: flex; column-gap: 40px; align-items: center; }
.topmenu ul { display: flex; padding: 0; margin: 0; column-gap: 34px; }
.topmenu ul li { list-style: none; }
.topmenu ul li a { text-decoration: none; color: var(--white); font-weight: 400; font-size: 15px; line-height: 18px; }
.topmenu ul li a:hover { text-decoration: none; color: var(--blue); }
.container-fluid { padding-left: 81px; padding-right: 81px; }
.first_block { background: url(../img/bg.jpg), #1a1e37; position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center top; padding-top: 312px; }
.firstimg_1 { position: absolute; left: -38px; bottom: -75px; }
.firstimg_2 { position: absolute; right: -38px; bottom: -75px; }
.butholdertop { align-items: center; display: flex; column-gap: 8px; }
.but1 { display: flex; gap: 10px; padding: 0 12px; align-items: center; justify-content: center; height: 52px; text-decoration: none; color: var(--green); position: relative; font-weight: 600; font-size: 16px; border: 1px solid var(--green); border-radius: 8px; background-color: transparent; }
.but1111 { display: inline-block; height: 52px; line-height: 52px; text-decoration: none; color: var(--green); padding-left: 40px; padding-right: 40px; position: relative; font-weight: 600; font-size: 16px; border: 1px solid var(--green); border-radius: 8px; background-color: transparent; }
.but1:hover { text-decoration: none; color: var(--black_bg); background-color: var(--green); }
.but2 { display: flex; gap: 10px; align-items: center; justify-content: center; height: 52px; text-decoration: none; color: var(--black_bg); position: relative; font-weight: 600; font-size: 16px; border: 1px solid var(--green); border-radius: 8px; background-color: var(--green); }
.but2:hover { opacity: 0.85; }
.yellowline { background: linear-gradient(90deg, #FBC531 0.57%, #E17A00 100.81%); height: 56px; }
.yellowcontet { height: 56px; display: flex; justify-content: center; align-items: center; column-gap: 16px; }
.yellowblock1 { height: 40px; display: flex; align-items: center; column-gap: 48px; }
.yellowtext1 { position: relative; padding-left: 26px; font-weight: 700; font-size: 16px; line-height: 150.9%; text-transform: uppercase; color: var(--black_bg); }
.yellowtext1 span { position: absolute; left: 0; top: 0; }
.yellowblock2 { font-family: var(--second_font); height: 38px; background: #171C33; border-radius: 4px; padding-left: 10px; padding-right: 10px; line-height: 38px; font-weight: 700; font-size: 14px; color: var(--white); }
.yellowblock1 .yellowtext1:first-child::after { position: absolute; content: ''; height: 40px; width: 1px; background-color: var(--black_bg); right: -26px; top: -7px; }
.topbgcont { display: flex; align-items: center; justify-content: space-between; }
.betablock1 { width: 540px; }
.betablocktext1 { font-weight: 700; font-size: 24px; line-height: 36px; text-transform: uppercase; color: var(--green); padding-bottom: 16px; }
.betablocktext2 { margin: 0; padding-top: 0; padding-bottom: 24px; font-weight: 700; font-size: 40px; line-height: 50px; color: var(--white); font-family: var(--second_font); }
.betablocktext3 { padding-bottom: 64px; font-weight: 700; font-size: 18px; line-height: 22px; color: #8C7AE6; }
.color1 { color: #0097E6; }
.color2 { color: #E1B12C; }
.color3 { color: #44BD32; }
.butholder2 { display: flex; column-gap: 8px; }
.but3 { border-radius: 8px; border: 1px solid var(--white); background-color: var(--white); display: inline-block; padding-left: 66px; padding-right: 40px; height: 52px; text-decoration: none; line-height: 52px; color: var(--black_bg); font-weight: 600; font-size: 16px; position: relative; }
.but3:hover { text-decoration: none; background-color: var(--green); border-color: var(--green); color: var(--black_bg); text-decoration: none; }
.but3 span { position: absolute; line-height: normal; top: 14px; left: 40px; }
.but4 span { position: absolute; line-height: normal; top: 14px; left: 32px; }
.but4 { border-radius: 8px; border: 1px solid var(--white); background-color: transparent; display: inline-block; padding-left: 58px; padding-right: 40px; height: 52px; text-decoration: none; line-height: 52px; color: var(--white); font-weight: 600; font-size: 16px; position: relative; }
.but4:hover { text-decoration: none; background-color: var(--white); border-color: var(--white); color: var(--black_bg); text-decoration: none; }
.betablock2 { width: 445px; background: #232E47; box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.1); border-radius: 16px; padding-top: 24px; padding-bottom: 40px; padding-left: 23px; padding-right: 23px; }
.betablock2_text1 { padding-bottom: 24px; text-align: center; }
.betablock2_text1 div { text-transform: uppercase; display: inline-block; position: relative; font-weight: 700; font-size: 18px; line-height: 22px; color: var(--white); padding-left: 32px; }
.betablock2_text1 div:before { position: absolute; content: ''; left: 0; top: -4px; width: 24px; height: 25px; background-image: url(../img/fire.svg); background-repeat: no-repeat; }
.betablock2_text1 div span { color: var(--green); }
.timerholder { column-gap: 10px; display: flex; border: 2px solid #55DA5B; border-radius: 8px; height: 97px; padding-top: 10px; justify-content: center; }
.green_digit span { display: block; text-align: center; color: var(--green); font-weight: 700; font-size: 38px; line-height: 48px; font-family: var(--second_font); }
.green_digit { color: var(--green); text-align: center; font-weight: 400; font-size: 15px; line-height: 18px; }
.walletblock { margin-top: 16px; background: #222B3F; border-radius: 8px; padding: 10px 16px 10px 16px; font-weight: 400; font-size: 15px; line-height: 18px; color: var(--white); margin-bottom: 24px; }
.walletblock a { color: var(--green); text-decoration: underline; }
.claimbut { display: flex; gap: 10px; align-items: center; justify-content: center; width: 100%; height: 52px; text-align: center; background-color: var(--green); color: var(--black_bg); position: relative; text-decoration: none; font-weight: 600; font-size: 16px; border-radius: 8px; }
.claimbut:hover { background-color: var(--white); }
.toptext1 { text-align: center; padding-top: 80px; font-weight: 400; font-size: 24px; line-height: 36px; color: var(--blue); padding-bottom: 16px; }
.socicons { padding-bottom: 120px; justify-content: center; display: flex; column-gap: 40px; }
.socicons a { text-decoration: none; color: var(--green); text-align: center; }
.socicons a span { display: block; text-align: center; color: var(--green); font-weight: 400; font-size: 16px; line-height: 150.9%; text-decoration: none; }
.socicons a:hover { text-decoration: none; color: var(--white); }
.socicons a:hover span { color: var(--white); }
.meta_media { padding-top: 64px; padding-bottom: 97px; }
.mainheader1 { padding-bottom: 58px; position: relative; padding-left: 19px; padding-top: 0; margin: 0; font-family: var(--second_font); font-weight: 700; font-size: 32px; line-height: 40px; color: var(--black_bg); }
.mainheader1 span { color: var(--green); }
.mainheader1:before { position: absolute; content: ''; width: 9px; height: 9px; border-radius: 50%; background-color: var(--green); left: 0; top: 15.5px; }
.swiper-slide { background: #FFFFFF; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.03); border-radius: 4px; text-align: center; font-size: 18px; background: #fff; height: calc((100% - 60px) / 3) !important; display: flex; justify-content: center; align-items: center; }
.swiper { padding-bottom: 16px; width: 100%; height: 100%; margin-left: auto; margin-right: auto; }
.boxslider { height: 408px; position: relative; }
.swiper-pagination-bullet { width: 8px; height: 8px; background: #55DA5B; opacity: 0.5; border-radius: 8px; }
.swiper-pagination-bullet-active { opacity: 1; width: 24px; height: 8px; background: #55DA5B; border-radius: 8px; }
.swiper-pagination-bullets.swiper-pagination-horizontal { bottom: -33px; }
.metalevels { padding-top: 180px; background-color: var(--black_bg); background-image: url(../img/bg22.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; }
.text-bg-rich { background-color: #FBC430; color: var(--black_bg); }
.bullimg img { max-width: 100%; }
.btn-close.btn-close-black { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E"); }
.icocopy { font-weight: 700; font-size: 16px; line-height: 20px; color: var(--black_bg); }
.metl { align-items: flex-end; }
.whitetext { color: var(--white); padding-bottom: 24px; }
.bulltext { padding-bottom: 36px; }
.bulltext p { color: var(--white); margin: 0; padding-bottom: 20px; font-weight: 300; font-size: 18px; line-height: 22px; }
.butholder3 { padding-bottom: 80px; }
.but5 { position: relative; display: inline-block; border-radius: 8px; background-color: var(--green); padding-left: 40px; padding-right: 58px; text-decoration: none; color: var(--black_bg); height: 52px; line-height: 52px; font-weight: 600; font-size: 16px; }
.but5:hover { text-decoration: none; color: var(--black_bg); background-color: var(--white); }
.but5::after { width: 18px; height: 18px; content: ''; position: absolute; right: 33px; top: 18px; background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.75 13.5L11.25 9L6.75 4.5' stroke='%23171C33' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
.systemrow { padding-bottom: 48px; display: flex; align-items: center; column-gap: 30px; }
.systemimg { width: 90px; }
.systemimg img { max-width: 100%; }
.systemtext { width: calc(100% - 120px); font-weight: 400; font-size: 18px; line-height: 22px; color: var(--black_bg); }
.metacash { background-color: var(--black_bg); }
.cash_iconholder { padding-bottom: 30px; display: flex; column-gap: 30px; row-gap: 30px; }
.cashimg img { max-width: 100%; }
.cashitem { width: 160px; }
.cashimg { text-align: center; }
.tachname { text-align: center; font-family: var(--second_font); color: var(--white); font-weight: 700; font-size: 16px; line-height: 20px; }
.imgcashshop { text-align: right; }
.imgcashshop img { max-width: 100%; }
.toalignbot { align-items: flex-end; }
.exchangeblock { background-color: var(--green); padding-top: 64px; padding-bottom: 64px; }
.blacktext { color: var(--black_bg); }
.blacktext::before { background-color: var(--black_bg); }
.echangeitem_logo { padding: 10px; display: flex; align-items: center; height: 120px; background: #FFFFFF; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1); border-radius: 8px; justify-content: center; }
.echangeitem_logo img { max-width: 100%; }
.namelinkexchange { justify-content: space-between; align-items: center; text-decoration: none; display: block; padding-top: 16px; display: flex; }
.linkex { overflow: hidden; font-weight: 400; font-size: 18px; line-height: 22px; color: var(--black_bg); }
.metaeconomics { padding-top: 64px; padding-bottom: 64px; background-color: var(--black_bg); background-image: url(../img/Frame338.png); background-position-x: center; background-repeat: repeat-y; animation: slidetop 1000s infinite linear; }
.whitetext2 { color: var(--white); display: inline-block; }
.center_header { padding-bottom: 0; text-align: center; padding-bottom: 91px; }
.center_header2 { padding-bottom: 0; text-align: center; }
.graphimg { padding-bottom: 124px; text-align: center; }
.graphimg img { max-width: 100%; }
.partherslogos { justify-content: center; display: flex; column-gap: 40px; }
.logoholder { display: flex; column-gap: 5px; }
.erc1 { font-weight: 700; font-size: 48px; line-height: 60px; text-transform: uppercase; color: var(--white); font-family: var(--second_font); padding-bottom: 5px; }
.erc2 { font-weight: 700; font-size: 18px; line-height: 22px; color: var(--green); }
.whitetext3 { color: var(--black_bg); display: inline-block; padding-bottom: 8px; }
.roadmap { background-image: url(../img/Frame337.svg); background-position-x: center; background-repeat: repeat-y; animation: slidetop 1000s infinite linear; padding-top: 64px; padding-bottom: 120px; }
.boolpath { padding-bottom: 62px; position: relative; background-image: url(../img/path105.svg); background-repeat: no-repeat; background-position: center 140px; }
.whiteblock { width: 445px; padding: 24px; background: #FFFFFF; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.03); border-radius: 16px; }
.rightpos { margin-left: auto; margin-right: 0; }
.wb_text1 { font-weight: 700; font-size: 24px; line-height: 30px; font-family: var(--second_font); color: var(--black_bg); text-transform: uppercase; }
.wb_text2 { color: var(--green); font-weight: 700; font-size: 18px; line-height: 22px; padding-bottom: 16px; }
.iconlist ul { padding: 0; margin: 0; }
.iconlist ul li { padding-left: 34px; position: relative; list-style: none; font-weight: 400; font-size: 16px; line-height: 28px; padding-bottom: 8px; }
.ic1:before { position: absolute; content: ''; width: 16px; height: 28px; left: 0; top: 0; background-image: url(../img/ic1.svg); background-repeat: no-repeat; }
.ic2:before { position: absolute; content: ''; width: 16px; left: 0; top: 0; height: 28px; background-image: url(../img/ic2.svg); background-repeat: no-repeat; }
.padtop { margin-top: -105px; }
.roadbull { margin-left: auto; margin-right: auto; width: 176px; position: sticky; top: 146px; }
.metapower { background-color: var(--black_bg); padding-top: 64px; padding-bottom: 80px; }
.center_header3 { text-align: center; }
.whitetext4 { display: inline-block; color: var(--white); padding-bottom: 64px; }
.powerr1 { display: flex; padding-bottom: 64px; column-gap: 48px; align-items: center; justify-content: center; }
.powerr2 { display: flex; column-gap: 48px; align-items: center; justify-content: center; }
@keyframes slidetop { from { background-position-y: 0%; } to { background-position-y: 90000%; } }
@keyframes slideleft { from { background-position-x: 0%; } to { background-position-x: 90000%; } }
.legtbg { background-position-x: right; background-repeat: repeat-y; background-image: url(../img/lines.svg); animation: slidetop 1000s infinite linear; }
.padsys { padding-top: 64px; padding-bottom: 107px; }
.padsys2 { padding-top: 64px; padding-bottom: 80px; }
.metaheads { padding-top: 64px; padding-bottom: 80px; background-position-y: bottom; background-repeat: repeat-x; background-image: url(../img/horiz_lines.svg); animation: slideleft 500s infinite linear; }
.headsitem { background: #FFFFFF; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.03); border-radius: 16px; padding: 24px; }
.headimg { text-align: center; padding-bottom: 16px; }
.herotext1 { text-align: center; font-weight: 700; font-size: 18px; line-height: 22px; color: var(--black_bg); padding-bottom: 5px; }
.herotext2 { color: var(--green); text-align: center; }
.giveaway { background-color: var(--black_bg); }
.givepad { padding-top: 64px; padding-bottom: 64px; }
.subgivetext { font-weight: 400; font-size: 24px; line-height: 29px; color: var(--white); padding-bottom: 40px; }
.butholder4 { display: flex; column-gap: 8px; align-items: center; padding-bottom: 48px; }
.but6 { display: inline-block; height: 52px; background: #232E47; border: 1px solid #55DA5B; border-radius: 8px; line-height: 52px; padding-left: 40px; padding-right: 58px; position: relative; text-decoration: none; font-weight: 600; font-size: 16px; color: var(--green); }
.but6 span { position: absolute; line-height: normal; right: 17px; top: 15px; }
.but6:hover { background-color: var(--green); color: var(--black_bg); text-decoration: none; }
.but7 { display: inline-block; text-decoration: none; height: 52px; line-height: 52px; border-radius: 8px; background-color: var(--green); padding-left: 58px; padding-right: 40px; position: relative; font-weight: 600; font-size: 16px; color: var(--black_bg); }
.but7:hover { text-decoration: none; background-color: var(--white); }
.but7 span { position: absolute; line-height: normal; left: 32px; top: 15px; }
.bulltext p.strong { font-weight: 700; }
.butholder5 { padding-top: 20px; }
.but88 { height: 52px; display: inline-block; border-radius: 8px; background-color: var(--white); line-height: 52px; position: relative; font-weight: 600; font-size: 16px; color: var(--black_bg); padding-left: 40px; padding-right: 58px; text-decoration: none; }
.but88:hover { background-color: var(--green); text-decoration: none; }
.but88 span { position: absolute; line-height: normal; right: 17px; top: 15px; }
.metaq { background-color: var(--green); padding-top: 64px; padding-bottom: 64px; }
.pad22 { padding-bottom: 40px; }
.faqbut { font-weight: 700; font-size: 18px; line-height: 22px; text-decoration: none; display: block; padding: 25px 25px 25px 64px; position: relative; color: var(--black_bg); }
.faqbut::before { position: absolute; width: 24px; height: 24px; background-image: url(../img/faq1.svg); background-repeat: no-repeat; left: 24px; top: 24px; content: ''; }
.faqholder.active .faqbut::before { background-image: url(../img/faq2.svg); }
.faqholder { position: relative; margin-bottom: 16px; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1); border-radius: 8px; background-color: var(--white); }
.faqcontent { padding: 0px 25px 25px 64px; font-weight: 400; font-size: 16px; line-height: 26px; color: var(--black_bg); }
.faqcontent { display: none; }
.faqholder.active .faqcontent { display: block; }
footer { background-color: var(--black_bg); padding-top: 64px; padding-bottom: 64px; }
.footerheader { font-family: var(--second_font); color: var(--green); font-weight: 700; font-size: 18px; line-height: 23px; padding-bottom: 8px; text-transform: uppercase; }
.info_footer { font-weight: 400; font-size: 16px; line-height: 26px; color: var(--white); padding-bottom: 48px; }
.info_footer2 { font-weight: 400; font-size: 16px; line-height: 26px; color: var(--white); }
.info_footer2 a { text-decoration: none; color: var(--green); }
.footermenu ul { padding: 0; margin: 0; }
.footermenu ul li { list-style: none; }
.footermenu ul li a { padding-bottom: 8px; text-decoration: none; font-weight: 400; font-size: 16px; line-height: 26px; color: var(--white); }
.footermenu ul li a:hover { text-decoration: none; color: var(--green); }
.footersocials { padding-bottom: 44px; display: flex; column-gap: 26px; }
.footersocials a { color: var(--white); }
.footersocials a:hover { color: var(--green); }
.nebg { background-color: var(--black_bg); }
.nebg .topmenuholder2 { height: 100px; transition: 0.3s; }
.logomob, .burger { display: none; }
.offcanvas { background-color: var(--black_bg); }
.butholdertop.mobvar { display: flex; flex-wrap: wrap; row-gap: 30px; justify-content: center; }
.btn-close { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2355DA5B'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E"); }
.htbheader { text-align: center; }
.htbpad { padding-top: 212px; }
.htbimg { padding-top: 13px; text-align: center; }
.htbimg img { max-width: 100%; }
.maintext { padding-top: 64px; padding-bottom: 64px; }
.htbpad2 { padding-bottom: 24px; }
.joinp_container { row-gap: 16px; margin-bottom: 40px; padding: 24px; display: flex; background: #F9F9F9; border-radius: 16px; column-gap: 66px; align-items: center; }
.joinp_text { width: calc(100% - 250px); font-weight: 400; font-size: 24px; line-height: 29px; color: var(--black_bg); }
.butholder6 { text-align: center; width: 213px; }
.pad16 { padding-bottom: 16px; }
.mainp1 { font-weight: 400; font-size: 16px; line-height: 20px; color: var(--black_bg); padding-bottom: 40px; }
.mainp1 a { text-decoration: none; color: var(--green); font-weight: 700; }
.coloredblocks { display: flex; column-gap: 30px; padding-bottom: 40px; }
.coloredblock { width: calc(33.3% - 20px); padding: 24px 24px 32px; background: #55DA5B; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.03); border-radius: 16px; color: var(--black_bg); }
.col2 { color: var(--white); background: #0097E6; }
.col3 { color: var(--white); background: #8C7AE6; }
.cartheader { font-weight: 700; font-size: 18px; padding-bottom: 16px; line-height: 23px; text-transform: uppercase; }
.cartheader2 { font-weight: 400; font-size: 16px; line-height: 20px; }
.p2 { padding-bottom: 64px; }
.joitext3 { font-weight: 700; font-size: 18px; line-height: 22px; color: var(--black_bg); }
.joitext3 span { color: var(--green); }
.numlist li { font-weight: 400; font-size: 16px; line-height: 20px; padding-bottom: 24px; color: var(--black_bg); }
.mediaholder { width: 100%; text-decoration: none; background: #FFFFFF; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.03); border-radius: 4px; padding: 25px; display: flex; column-gap: 24px; align-items: center; margin-bottom: 16px; }
.mediaimg { width: 223px; }
.mediaimg img { max-width: 100%; }
.mediatext { font-weight: 700; font-size: 18px; line-height: 22px; color: var(--black_bg); padding-bottom: 8px; }
.mediatext2 { font-weight: 400; font-size: 16px; line-height: 20px; color: var(--black_bg); }
.gth { width: calc(100% - 247px); }
.mediaheader2 { font-weight: 400; font-size: 18px; line-height: 22px; color: var(--black_bg); padding-bottom: 32px; }
.maintext p { font-weight: 400; font-size: 16px; line-height: 20px; padding-bottom: 27px; margin: 0; }
.maintext p strong { font-weight: 700; }
.maintext p.nopadding { padding-bottom: 0; }
.maintext h3 { font-family: var(--second_font); padding-top: 5px; margin: 0; padding-bottom: 12px; font-weight: 700; font-size: 18px; line-height: 23px; color: var(--black_bg); }
.preheader { font-weight: 700; font-size: 32px; line-height: 40px; text-align: center; text-transform: uppercase; padding-bottom: 8px; color: var(--white); font-family: var(--second_font); }
.preheaderyellow { padding-bottom: 64px; display: inline-block; text-transform: uppercase; position: relative; padding-left: 28px; }
.presaleholder { text-align: center; }
.preheaderyellow span { color: var(--green); }
.preheaderyellow::before { position: absolute; width: 12px; height: 12px; border-radius: 50%; content: ''; background: #F7BA2A; left: 0; top: 20px; }
.preheaderyellow span.yellow { color: #F7BA2A; }
.progresslineholder { padding-bottom: 62px; position: relative; }
.pregressline { width: calc(100% - 10px); margin-top: 22px; background: #4A5784; height: 16px; overflow: hidden; }
.progressfill { height: 16px; background: linear-gradient(90deg, #55DA5B -11.31%, #A7FFAB 119.89%); border-radius: 20px; }
.flag1 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; align-items: center; justify-content: center; display: flex; width: 60px; height: 60px; background-color: var(--white); border: 6px solid var(--green); border-radius: 50%; position: absolute; left: 0; top: -25px; }
.rightflag { border: none; right: 0; background-color: #4A5784; left: auto; }
.currentcalculation { margin-bottom: 18px; display: flex; padding: 16px; align-items: center; background: #171C33; border-radius: 8px; justify-content: space-between; }
.currentcalculation_left { font-weight: 400; font-size: 18px; line-height: 22px; color: var(--white); text-transform: uppercase; }
.currentcalculation_left span { color: var(--green); font-weight: 700; }
.currentcalculation_right { padding-right: 28px; text-align: right; position: relative; font-family: var(--second_font); font-weight: 700; font-size: 18px; line-height: 23px; text-transform: uppercase; color: #F7BA2A; }
.currentcalculation_right span { font-weight: 400; font-size: 16px; line-height: 20px; color: var(--white); text-transform: uppercase; }
.currentcalculation_right::after { content: ''; position: absolute; right: 0; top: 0; width: 24px; height: 24px; background-image: url(../img/arrowup.svg); background-repeat: no-repeat; }
.underbcomp { display: flex; align-items: center; justify-content: space-between; }
.topcalc1 { margin-bottom: 16px; display: flex; height: 43px; padding: 10px 16px 10px 16px; column-gap: 10px; background: #171C33; border-radius: 8px; }
.topcalc2 { font-weight: 700; font-size: 18px; font-family: var(--second_font); line-height: 23px; text-transform: uppercase; color: #F7BA2A; }
.topcalc3 { color: var(--white); font-weight: 700; font-size: 18px; line-height: 22px; text-transform: uppercase; }
.topcalc4 { column-gap: 10px; display: flex; justify-content: center; }
.pretext1 { font-weight: 700; font-size: 16px; line-height: 20px; text-transform: uppercase; color: #EB5757; font-family: var(--second_font); }
.pretext2 { font-weight: 700; font-size: 16px; line-height: 20px; text-transform: uppercase; color: #798FAE; }
.pretext3 { color: var(--white); padding-bottom: 16px; font-weight: 400; font-size: 18px; line-height: 22px; }
.pretext4 { font-weight: 700; color: var(--green); }
.pretext5 { font-weight: 700; color: #F7BA2A; }
.purchaseml { position: relative; margin-top: 148px; }
.purchimg { left: 0; bottom: 96px; position: absolute; }
.padtopr { padding-top: 164px; }
.center_header22 { text-align: center; }
.whitetext222 { text-transform: uppercase; color: var(--white); display: inline-block; padding-bottom: 32px; }
.buttonholder9 { display: flex; padding-bottom: 80px; justify-content: center; column-gap: 8px; }
.cerection1 { padding-left: 40px; padding-right: 40px; }
.imahecontainer2 { padding-bottom: 223px; display: flex; column-gap: 48px; justify-content: center; align-items: center; }
.purchaseml { background-image: url(../img/lines_3.png); background-repeat: repeat-y; background-position-x: center; animation: slidetop 500s infinite linear; }
.newbuy { position: relative; padding-top: 40px; }
.newbuyimg { top: 80px; right: 0; position: absolute; }
.buttonholder10 { padding-bottom: 64px; display: flex; column-gap: 8px; justify-content: center; }
.corrected4 { padding-right: 40px; padding-left: 58px; }
.corrected4 span { left: 17px; top: 15px; }
.icon_g_1 { padding-bottom: 120px; display: flex; column-gap: 100px; justify-content: center; }
.calculatorblock { padding-top: 80px; }
.calctext1 { text-align: center; font-weight: 400; font-size: 18px; line-height: 22px; color: var(--white); padding-bottom: 49px; }
.calcholder { display: flex; column-gap: 30px; }
.calcholder3 { height: fit-content; padding: 24px 24px 32px 24px; background: #FBC430; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.03); border-radius: 16px; width: 350px; }
.calcholder2 { width: calc(100% - 380px); background: #232E47; box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.1); border-radius: 16px; padding: 24px 24px 32px 24px; }
.calcheder { font-weight: 700; font-size: 18px; line-height: 22px; color: var(--green); text-transform: uppercase; padding-bottom: 32px; }
.inputsholder { flex-wrap: wrap; display: flex; column-gap: 30px; row-gap: 24px; }
.inputitems { width: calc(50% - 15px); }
.inptheader { font-weight: 400; font-size: 15px; line-height: 18px; color: var(--white); padding-bottom: 8px; }
.myselect { display: block; width: 100%; text-decoration: none; background: #171C33; border-radius: 8px; height: 52px; line-height: 52px; position: relative; padding-left: 24px; padding-right: 35px; font-weight: 400; font-size: 16px; color: var(--green); }
.myselect::after { position: absolute; width: 18px; height: 18px; background-image: url(../img/arrowdown.svg); background-repeat: no-repeat; content: ''; right: 17px; top: 17px; }
.dropdown-menu { background-color: #FBC430; color: var(--black_bg); font-size: 16px; width: 100%; }
.inputlastholder { position: relative; }
.inputlastholder span { position: absolute; top: 15px; line-height: normal; right: 10px; }
.inputlast { border: none; outline: none; width: 100%; background: #171C33; border-radius: 8px; height: 52px; padding-left: 58px; padding-right: 24px; font-weight: 400; font-size: 16px; color: var(--green) !important; }
.inputlast::placeholder { font-weight: 400; font-size: 16px; color: var(--green); }
.inputlastholder span.span2 { color: var(--green); font-weight: 700; font-size: 14px; line-height: 18px; text-transform: uppercase; font-family: var(--second_font); top: 18px; }
.last2 { padding-left: 102px; }
.but8 { width: 100%; background: #55DA5B; border-radius: 8px; border: none; height: 52px; font-weight: 600; font-size: 16px; color: var(--black_bg); }
.but8:hover { background-color: var(--white); }
.calc3_header1 { font-weight: 700; font-size: 18px; line-height: 23px; color: var(--black_bg); font-family: var(--second_font); padding-bottom: 16px; text-transform: uppercase; }
.butholder11 { padding-bottom: 16px; display: flex; column-gap: 8px; justify-content: center; }
.but10 { display: inline-block; padding-left: 50px; padding-right: 20px; text-decoration: none; height: 48px; line-height: 48px; background: #0088CC; border-radius: 8px; font-weight: 600; font-size: 16px; color: var(--white); position: relative; }
.but10:hover { background-color: var(--black_bg); }
.but10 span { line-height: normal; position: absolute; left: 18px; top: 12px; }
.but11 { background: #00ACEE; }
.minitext { padding-bottom: 16px; font-weight: 400; font-size: 16px; line-height: 20px; color: var(--black_bg); border-bottom: 1px solid #DAAC31; margin-bottom: 16px; }
.minitext a { font-weight: 700; text-decoration: none; color: var(--black_bg); }
.contractholder { padding-bottom: 16px; }
.contractblock1 { font-weight: 400; font-size: 15px; line-height: 18px; color: var(--black_bg); padding-bottom: 8px; }
.contractblock2 { height: 52px; position: relative; background: #171C33; border-radius: 8px; font-weight: 400; font-size: 16px; color: var(--white); padding: 16px 48px 16px 16px; }
.contractblock2 span { display: block; line-height: normal; overflow: hidden; }
.contractblock2 a { position: absolute; right: 17px; top: 15px; }
.movedbg { background-image: url(../img/lines_3.svg); background-repeat: repeat-y; background-position-x: center; animation: slidetop 500s infinite linear; }
.sop1 { padding-bottom: 21px; display: flex; justify-content: space-between; }
.sop2 { font-weight: 700; font-size: 24px; line-height: 29px; text-transform: uppercase; color: var(--white); }
.sop3 { font-weight: 400; font-size: 16px; line-height: 20px; text-transform: uppercase; color: #798FAE; }
.sop4 { text-align: right; font-weight: 700; font-size: 24px; line-height: 30px; font-family: var(--second_font); color: #F7BA2A; }
.sop5 { text-align: right; font-weight: 700; font-size: 14px; line-height: 18px; color: var(--white); font-family: var(--second_font); }
.sop5 span { font-weight: 700; font-size: 14px; line-height: 17px; color: var(--white); font-family: 'Montserrat', sans-serif; text-transform: uppercase; }
.shevronbl1 { height: 53px; background-color: var(--white); border-radius: 8px; display: flex; box-sizing: border-box; margin-bottom: 16px; padding-left: 8px; position: relative; overflow: hidden; padding-right: 8px; align-items: center; justify-content: space-between; }
.shevronbl1::before { content: ''; height: 4px; width: 100%; background: var(--green); bottom: 0; left: 0; z-index: 1; position: absolute; }
.shevronbl2 { padding-left: 24px; position: relative; font-weight: 700; font-size: 18px; line-height: 22px; color: var(--green); text-transform: uppercase; }
.shevronbl2 span { font-weight: 700; font-size: 18px; line-height: 23px; font-family: var(--second_font); color: var(--black_bg); }
.shevronbl2::before { content: ''; position: absolute; left: 0; top: 0; width: 24px; height: 24px; background-image: url(../img/arrowup.svg); background-repeat: no-repeat; }
.shevronbl3 { text-align: right; font-weight: 700; font-size: 14px; line-height: 18px; color: var(--black_bg); font-family: var(--second_font); }
.shevronbl4 { font-weight: 700; font-size: 12px; line-height: 15px; text-align: right; text-transform: uppercase; color: #798FAE; }
.usd1 { padding-bottom: 16px; font-weight: 400; font-size: 14px; line-height: 17px; color: var(--white); }
.usd1 span { color: var(--green); }
.usd2 { margin-bottom: 43px; background: #1F2532; border-radius: 8px; padding: 10px 16px; text-align: center; }
.usd3 { text-align: center; font-weight: 400; font-size: 20px; line-height: 24px; color: var(--white); }
.usd3 span { font-weight: 700; font-size: 20px; line-height: 25px; color: var(--green); font-family: var(--second_font); }
.usd4 { font-weight: 400; font-size: 15px; line-height: 18px; color: var(--white); }
.usd4 span { font-family: var(--second_font); font-weight: 700; font-size: 15px; line-height: 19px; color: #F7BA2A; }
.htbb2 { text-align: center; padding-top: 16px; }
.htbb2 a { text-decoration: none; font-weight: 400; font-size: 14px; line-height: 17px; color: var(--green); text-align: center; }
.htbb2 a:hover { text-decoration: none; color: var(--white); }
.doptext { display: none; box-sizing: border-box; }
.doptext.display { display: block; }
.calctableholder { display: none; margin-top: 32px; padding: 16px 24px 24px; background: #171C33; border-radius: 8px; }
.calctable { width: 100%; }
.calctable thead tr th { padding-top: 0px; padding-bottom: 8px; font-weight: 400; font-size: 16px; line-height: 20px; color: #798FAE; }
.calctable tbody tr td { padding-top: 8px; padding-bottom: 8px; font-weight: 700; font-size: 16px; line-height: 20px; color: var(--white); font-family: var(--second_font); }
.calctable tbody tr td:first-child { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 18px; line-height: 22px; padding-left: 20px; position: relative; }
.calctable tbody tr td:first-child::before { position: absolute; width: 12px; height: 12px; background-image: url(../img/check1.svg); content: ''; left: 0; top: 13px; }
.calctable tbody tr.activrow td { color: var(--green); }
.calctable tbody tr.activrow td:first-child::before { width: 8px; height: 8px; background-image: url(../img/check2.svg); left: 0; top: 16px; }
.swiper-slide a { display: block; width: 100%; height: 100%; }
.swiper-slide a img { object-fit: contain; width: 100%; height: 100%; }
.languagesel { cursor: pointer; height: 40px; width: 40px; border-radius: 50%; background: #FBC531; color: var(--black_bg); display: block; text-align: center; padding-top: 5px; }
.butholdertop { position: relative; }
.butholdertop .dropdown-menu { width: inherit; }
.mobdrop { height: 250px; overflow-y: scroll; }
@media (max-width: 1500px) {
    .container-fluid { padding-left: 15px; padding-right: 15px; }
    .but111 { padding-left: 24px; padding-right: 24px; }
}
@media (max-width: 1270px) {
    .logo { display: none; }
}
@media (max-width: 1080px) {
    .logomob, .burger { display: block; }
    .logomenu, .butholdertop { display: none; }
    .burger img { width: 25px; }
    .nebg .topmenuholder2 { height: 62px; }
    .topmenuholder2 { height: 62px; }
}
@media (max-width: 991px) {
    .calcholder { flex-wrap: wrap; row-gap: 30px; }
    .tic { width: calc(50% - 30px); }
    .tic2 { text-align: center; }
    .topcalc1 { justify-content: center; }
    .underbcomp { flex-wrap: wrap; row-gap: 30px; column-gap: 30px; justify-content: center; }
    .calcholder2, .calcholder3 { width: 100%; }
    .coloredblocks { flex-wrap: wrap; justify-content: center; row-gap: 30px; }
    .coloredblock { width: calc(50% - 15px); }
    .rightpos { margin-left: 0; margin-right: auto; }
    .boolpath { background-position: right 140px; }
    .roadbull { margin-left: auto; margin-right: 0; }
    .whiteblock { margin-bottom: 16px; }
    .erc1 { font-size: 25px; }
    .erc2 { font-weight: 700; font-size: 15px; }
    .namelinkexchange { margin-bottom: 30px; }
    .yellowblock1 { display: none; }
    .first_block { background-size: cover; padding-top: 178px; }
    .topbgcont { flex-wrap: wrap; justify-content: center; }
    .betablock2 { width: 540px; margin-top: 16px; }
    .butholder2 { justify-content: center; }
}
@media (max-width: 767px) {
    .calcholder2 { padding: 24px 10px 32px 10px; }
    .firstimg_1, .firstimg_2 { display: none; }
    .calctableholder { overflow-x: scroll; padding: 16px 5px 24px; }
    .imahecontainer2 { flex-wrap: wrap; row-gap: 30px; }
    .calctable { width: max-content; }
    .calctable tbody tr td { font-size: 14px; padding-right: 10px; }
    .calctable tbody tr td:first-child { font-size: 14px; }
    .tic { width: 100%; text-align: center; }
    .purchimg, .newbuyimg { display: none; }
    .joinp_container { flex-wrap: wrap; justify-content: center; }
    .joinp_text { font-size: 20px; text-align: center; width: 100%; }
    .imgcashshop { display: none; }
    .cash_iconholder { justify-content: center; }
    .mainheader1 { font-size: 24px; }
    .powerr1 { column-gap: unset; justify-content: space-between; flex-wrap: wrap; }
    .footerheader, .info_footer, .info_footer2, .footermenu ul li { text-align: center; }
    .footermenu ul { padding-bottom: 30px; }
    .footersocials { justify-content: center; }
    .logofooter { display: none; }
    .butholder4 { justify-content: center; }
}
@media (max-width: 580px) {
    .sop2 { line-height: 18px; }
    .sop3 { font-size: 13px; }
    .betablock2 { padding: 10px; }
    .cerection1 { padding-left: 28px; padding-right: 28px; }
    .topcalc3, .topcalc2, .currentcalculation_right, .currentcalculation_right span { font-size: 13px; }
    .currentcalculation_right { padding-right: 0px; }
    .currentcalculation_right::after { right: -12px; top: 4px; width: 15px; background-size: contain; height: 15px; }
    .pretext3 { font-size: 14px; }
    .purchaseml { position: relative; margin-top: 38px; }
    .padtopr { padding-top: 77px; }
    .imahecontainer2 { padding-bottom: 86px; }
    .preheaderyellow::before { display: none; }
    .preheaderyellow { padding-left: 0; }
    .movedbg { animation: slidetop 1500s infinite linear; }
    .buttonholder10, .buttonholder9, .icon_g_1 { flex-wrap: wrap; row-gap: 30px; justify-content: center; }
    .inputitems { width: 100%; }
    .currentcalculation { flex-wrap: wrap; row-gap: 16px; }
    .currentcalculation_left, .currentcalculation_right { width: 100%; text-align: center; }
    .mediaimg { width: 100%; text-align: center; }
    .gth { width: 100%; }
    .mediaholder { flex-wrap: wrap; row-gap: 16px; }
    .joitext3 { text-align: center; font-size: 16px; }
    .coloredblock { width: 100%; }
    .betablock1, .betablock2 { width: 100%; }
    .partherslogos { flex-wrap: wrap; row-gap: 30px; }
    .roadbull { display: none; }
    .boolpath { background-image: none; }
    .rightpos, .whiteblock { margin-left: auto; margin-right: auto; width: 100%; }
    .powerr1, .powerr2 { flex-wrap: wrap; row-gap: 30px; justify-content: center; column-gap: 30px; }
    .metalevels, .metl { background-image: none; min-height: auto; }
    .butholder3 { padding-bottom: 0; }
    .metalevels { padding-top: 40px; padding-bottom: 40px; }
    .swiper-slide img { max-width: 100%; }
    .toptext1 { padding-top: 40px; }
    .socicons { flex-wrap: wrap; row-gap: 30px; column-gap: 30px; justify-content: center; }
    .butholder2 { flex-wrap: wrap; row-gap: 30px; justify-content: center; }
    .mainheader1 { font-size: 20px; line-height: 28px; }
    .mainheader1::before { top: 8.5px; }
    .padtop { margin-top: 0px; }
    .cash_iconholder { flex-wrap: wrap; row-gap: 30px; }
    .green_digit span { font-size: 16px; }
    .green_digit { font-size: 10px; }
    .first_block { background-size: cover; padding-top: 108px; }
    .betablocktext2 { margin: 0; padding-top: 0; padding-bottom: 24px; font-weight: 700; font-size: 24px; line-height: 40px; }
    .systemimg img { max-width: unset; width: 45px; }
    .butholder4 { flex-wrap: wrap; row-gap: 30px; }
    .but88 { font-size: 11px; padding-left: 16px; padding-right: 30px; }
    .but88 span { position: absolute; line-height: normal; right: 4px; top: 17px; }
    .systemrow { width: 100%; align-items: flex-start; column-gap: 16px; }
    .systemtext { width: auto; }
    .systemimg { width: auto; }
}
@media (max-width: 380px) {
    .yellowblock2 { font-size: 10px; }
}

/* Buy modal */
.buyfade { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(200, 200, 200, 0.3); z-index: 9500; align-items: center; justify-content: center; overflow-y: auto; padding: 20px 0; }
#buyModal { background: #232E47; color: var(--white); min-width: 380px; max-width: 450px; border-radius: 10px; padding: 20px; overflow: visible; }
#buyModal .preheader { font-size: 24px; padding: 10px 20px 20px; }
#buyModal .inputlastholder { width: 100%; margin-bottom: 15px; }
#buyModal .buyaction { display: flex; justify-content: center; margin-top: 15px; }
#buyModal .buyerror { color: #EB5757; text-align: center; margin-top: 15px; }
#buyModal .buypending { display: none; text-align: center; padding: 70px 0; font-size: 50px; color: var(--green); }
#buyModal .buysuccess { display: none; }
#buyModal .buysuccess .currentcalculation_left { margin: 50px 0; text-align: center; }
#buyModal .buysuccess .sop5 { display: block; text-align: center; padding-bottom: 10px; }
#buyModal .buysuccess .footersocials { justify-content: center; }
#buyModal .buysuccess .buyclose { text-align: center; }
#buyModal .myselect { text-align: left; }

/* Wallet select modal */
#walletModal { background: #232E47; color: var(--white); min-width: 320px; max-width: 400px; border-radius: 10px; padding: 20px; }
#walletModal .preheader { font-size: 24px; padding: 10px 20px 20px; }
.walletbut { display: flex; align-items: center; gap: 12px; background: #171C33; border-radius: 8px; margin-bottom: 8px; color: var(--green); padding: 14px 20px; text-decoration: none; font-weight: 600; font-size: 16px; }
.walletbut:hover { background: var(--green); color: var(--black_bg); text-decoration: none; }
.walletdisconnect { justify-content: center; color: #EB5757; margin-top: 8px; }
.walletdisconnect:hover { background: #EB5757; color: var(--white); }
.walletsub { font-size: 12px; font-weight: 400; color: #798FAE; margin-top: 2px; }
.walletbut:hover .walletsub { color: var(--black_bg); }

/* Smooth anchor scroll with fixed header offset */
html { scroll-behavior: smooth; }
#page1, #page2, #page4, #page5 { scroll-margin-top: 130px; }