@charset "UTF-8";
html { height: 100%; width: 100% }

body { height: 100% }
.vip-text { background: linear-gradient(90deg, #3decabd1, #007ccf, #3decabd1) 0 0 / 400% 100%; color: transparent; background-clip: text; -webkit-background-clip: text; animation: move-bg 8s infinite linear; }
.header-wrapper { width: 100%; height: 1250px; background-color: #010106; background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/bg.webp); overflow: hidden; }

.header { width: var(--app-width); margin: auto; position: relative }

.navigation { width: 100%; height: var(--nav-height); position: relative; z-index: 10; ; }

.tab-view-show { display: none }

.tab-view-hidden { display: block }

.logo { width: 140px; height: 100%; background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/logo.webp); background-repeat: no-repeat; background-size: 100%; background-position: center left; position: absolute; top: 0; }

.menu { float: right; position: relative; list-style-type: none; padding-right: 320px; }

.menu>li { line-height: var(--nav-height); text-transform: uppercase; font-size: 12px; float: left; padding: 0 40px; position: relative; }

.menu>li:not(.dropdown-link) a:hover { opacity: .6 }

.menu>li .main-link { text-decoration: none; color: #FFF; letter-spacing: .2em }

.menu>li.dropdown-link .main-link { background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/dropdown-arrow.webp); background-size: 12px; background-repeat: no-repeat; background-position: right center; padding-right: 20px; }

.menu>li.dropdown-link:hover .submenu { display: block }

.submenu { width: 200px; background-color: var(--tertiary-bgcolor); position: absolute; left: 38px; top: 50%; margin-top: 35px; line-height: normal; color: #FFF; list-style-type: none; padding: 10px; border-radius: 4px; letter-spacing: .1em; font-size: 11px; color: #7D8CA3; display: none; -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px) }

.submenu a { text-decoration: none; color: #7D8CA3 }

.submenu li { position: relative; padding: 22px 0; padding-left: 60px; cursor: pointer }

.submenu li:hover { padding-left: 65px; color: #FFF }

.submenu .submenu-icon { width: 42px; height: 42px; border-radius: 4px; position: absolute; left: 0; top: 50%; margin-top: -21px; background-color: #0a0917; background-size: 20px; background-position: center; background-repeat: no-repeat; }

[data-submenu="features"] .submenu-icon { background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/intro-shape-7.webp); background-size: 24px }

[data-submenu="rvfscan"] .submenu-icon { background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/rvfscan-icon.webp); background-size: 22px }

[data-submenu="blog"] .submenu-icon { background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/blog-icon.webp); background-size: 22px }

[data-submenu="faq"] .submenu-icon { background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/faq-icon.webp); background-size: 18px }

[data-submenu="vision-paper"] .submenu-icon { background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/binoculars.webp); background-size: 22px }

[data-submenu="transactions"] .submenu-icon { background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/intro-shape-5.webp) }

[data-submenu="volume"] .submenu-icon { background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/intro-shape-2.webp); background-size: 20px }

[data-submenu="roadmap"] .submenu-icon { background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/intro-shape-8.webp); background-size: 18px }

[data-submenu="api"] .submenu-icon { background-image: url(https://cdn.rocketx.exchange/pd135zq/website/icons/api-alt.webp); background-size: 22px }

.buy-rvf { width: 140px; text-align: center; display: block; height: 34px; line-height: 34px; background-color: var(--secondary-bgcolor); border-radius: 4px; position: absolute; right: 150px; top: 43px; font-size: 11px; color: #FFF; text-transform: uppercase; letter-spacing: .05em; cursor: pointer }

.buy-rvf:hover { opacity: .9 }

.launch-app { width: 120px; text-align: center; display: block; height: 34px; line-height: 34px; background-color: var(--main-bgcolor); border-radius: 4px; position: absolute; right: 0; top: 43px; font-size: 11px; color: #FFF; text-transform: uppercase; letter-spacing: .05em; cursor: pointer }

.launch-app:hover { opacity: .9 }

.mobile-launch-app-button { display: block; width: 140px; text-align: center; display: block; height: 40px; line-height: 40px; background-color: var(--main-bgcolor); border-radius: 100px; position: relative; font-size: 13px; color: #FFF; text-transform: uppercase; letter-spacing: .05em; cursor: pointer; margin: auto; margin-top: 50px; text-decoration: none; margin-left: 1rem;
    margin-right: 1rem; }

.action-buttons {
    display: flex;
    justify-content: center;
}
.action-buttons .learn-more {
    background: rgba(255, 255, 255, 0.09);
}
.action-buttons .trade-now {
    align-items: center;
    display: flex;
    justify-content: center;
}

.language-dropdown { height: auto; position: absolute; right: 160px; top: 50%; margin-top: -17px; border-radius: 4px; background-color: var(--secondary-bgcolor); background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/language.webp); background-size: 16px; background-repeat: no-repeat; background-position: 12px center; color: #FFF; font-size: 11px; cursor: pointer; display: none; }

.language-dropdown h6 { display: block; height: 34px; padding-left: 40px; line-height: 34px; padding-right: 14px }

.language-dropdown .language-menu { list-style-type: none; padding: 10px }

.mobile-menu-button { width: 40px; height: 34px; background-color: rgba(22, 29, 41, 1); position: absolute; right: 20px; top: 50%; margin-top: -17px; border-radius: 4px; background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/mobile-menu-button.webp); background-size: 24px; background-repeat: no-repeat; background-position: center; cursor: pointer; display: none; }

.header-headline-contents { text-align: center; padding: 60px 0 0 0 }

.header-headline-contents h1 { font-size: 48px; color: #FFF; letter-spacing: -.03em; margin-top: 30px; }

.header-headline-contents p { font-size: 23px; color: #7D8CA3; letter-spacing: .03em; padding: 0 175px; 
    /* padding-top: 30px;  */
    line-height: 40px; 
}
.diamond-style {
    rotate: 195deg;
    width: 120px;
    position: absolute;
    left: 0;
    display: none;
    animation: floating 3s infinite;
}

.dapp-preview { position: relative; width: var(--app-width); height: 800px; box-shadow: 0 0 60px rgba(0, 0, 0, .4); border-radius: 15px; margin: auto; margin-top: 120px; }

.dapp-preview[data-dapp-mode="mobile-mode"] { width: 400px }

.dapp-preview[data-dapp-mode="mobile-mode"] .dapp-desktop { display: none }

.dapp-preview[data-dapp-mode="mobile-mode"] .dapp-mobile { display: block }

.dapp-preview[data-dapp-mode="mobile-mode"] .dapp-shape-2 { margin-left: -250px; top: -30px; }

.dapp-preview[data-dapp-mode="mobile-mode"] .dapp-shape-1 { z-index: 1; }

.dapp-desktop { position: relative; width: 100%; height: 100%; background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/exchange-preview.webp); background-size: 100%; background-repeat: no-repeat; background-position: top center; border-radius: 15px; z-index: 2; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); }

.dapp-mobile { position: relative; width: 100%; height: 100%; display: none; }

.dapp-mobile ul { width: 100%; height: 100%; position: relative; list-style-type: none }

.dapp-mobile ul li { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-image: url(../../cdn.rocketx.exchange/pd135zq/website/ui/mobile-dapp/2.png); background-size: 100%; background-repeat: no-repeat; background-position: top center; border-radius: 15px; z-index: 2; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px) }

.dapp-shape-1 { width: 80px; height: 120px; position: absolute; right: 0; top: 50%; margin-top: -200px; right: -50px; background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/intro-shape-8.webp); background-size: 100%; background-repeat: no-repeat; animation: floating 5s infinite; z-index: 3 }

.dapp-shape-2 { width: 90px; height: 200px; position: absolute; left: 50%; margin-left: -400px; top: -50px; background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/intro-shape-2.webp); background-size: 100%; background-repeat: no-repeat; animation: floating 3s infinite; z-index: 1 }

.dapp-shape-3 { width: 90px; height: 120px; position: absolute; left: -50px; bottom: 50%; margin-bottom: -150px; background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/intro-shape-4.webp); background-size: 100%; background-repeat: no-repeat; animation: floating 5s infinite; z-index: 3 }

.shape-macaroni-wrapper { width: 120px; height: 100px; position: absolute; right: 0; top: 50%; margin-top: -200px; right: -70px; background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/macaroni.webp); background-size: 100%; background-repeat: no-repeat; animation: floating 5s infinite; z-index: 3; }

.shape-ball { width: 32px; height: 32px; background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/ball.webp); background-size: 100%; background-repeat: no-repeat; position: absolute; left: 50%; top: 10px; margin-left: -20px; animation: shake .4s infinite linear }

.shape-stair { width: 120px; height: 200px; position: absolute; left: 50%; margin-left: -400px; top: -60px; background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/stair.webp); background-size: 100%; background-repeat: no-repeat; animation: floating 3s infinite; z-index: 1; }

.shape-ring { width: 64px; height: 64px; position: absolute; left: -50px; bottom: 50%; margin-bottom: -150px; background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/diamond.webp); background-size: 100%; background-repeat: no-repeat; animation: floating 4s infinite; z-index: 3 }

.shape-ball-2 { width: 32px; height: 32px; position: absolute; left: -20px; top: 50%; margin-top: -50px; background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/ball-2.webp); background-size: 100%; background-repeat: no-repeat; animation: floating 4s infinite; z-index: 3; }

.dapp-devices { width: 120px; height: 42px; background-color: rgba(0, 0, 0, .4); border-radius: 4px; position: absolute; left: 50%; margin-left: -50px; top: -102px; z-index: 10; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }

.dapp-devices div { opacity: .3; cursor: pointer }

.dapp-devices div.active { background-color: #202034; opacity: 1; cursor: default }

.desktop { width: 54px; height: 30px; border-radius: 4px; position: absolute; left: 6px; top: 6px; background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/desktop.webp); background-size: 20px; background-position: center; background-repeat: no-repeat; }

.mobile { width: 54px; height: 30px; border-radius: 4px; position: absolute; right: 6px; top: 6px; background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/mobile.webp); background-size: 11px; background-position: center; background-repeat: no-repeat; }

.crosschain-wrapper { width: 100%; position: relative; background-color: #FFF }

.crosschain-blur-wrapper { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; }

.crosschain-blur-overlay { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(255, 255, 255, .4); z-index: 2; -webkit-backdrop-filter: blur(130px); backdrop-filter: blur(130px); }

.crosschain-blur-contents { width: 1400px; height: 1400px; background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/blur-contents-8.webp); position: absolute; left: 50%; margin-left: -700px; top: -1200px; background-size: 100%; background-repeat: no-repeat; animation: rotateClockwise 20s infinite linear; }

.crosschain { width: 100%; position: relative; height: 100%; padding-top: 300px; padding-bottom: 300px; overflow: hidden; }

.crosschain-inner { width: var(--app-width); margin: auto; position: relative; height: 100% }

.crosschain .headline { position: relative; width: 100%; z-index: 9 }

.crosschain .headline:hover .backup-headline { transform: translateY(-10px); padding-bottom: 20px }

.crosschain .main-headline { color: #2f1c66; font-size: 100px; width: 100%; text-align: center; letter-spacing: -.05em; z-index: 2; position: relative; line-height: 100px; margin-top: 40px }

.crosschain .backup-headline { color: #FFF; font-size: 100px; text-align: center; letter-spacing: -.05em; line-height: 120px; width: 100%; position: absolute; left: 0; top: -60px; background: -webkit-linear-gradient(bottom, transparent 25%, #20AAF7 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; z-index: 1; }

.crosschain p { font-size: 20px; color: #7D8CA3; letter-spacing: .03em; padding: 0 200px; padding-top: 30px; line-height: 34px; text-align: center; z-index: 9; position: relative }

.crosschain p span { display: inline-block }

.shape-crosschain { width: 150px; height: 170px; background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/cross-chain-shape.webp); background-size: 100%; background-repeat: no-repeat; position: relative; animation: levitate 4s infinite ease; margin: auto; z-index: 10; display: block }

.info-bubble { width: 80px; background-color: #FFF; border-radius: 100px; height: 30px; line-height: 30px; color: #0C4DEC; position: absolute; top: -50px; left: 50%; margin-left: -40px; text-align: center; font-size: 11px; text-transform: uppercase; letter-spacing: .05em; box-shadow: 0 0 20px rgba(32, 170, 247, .3) }

.crosschain-information-list a { text-decoration: none }

.crosschain-lines { list-style-type: none; width: 100%; height: 100%; position: absolute; top: 0; z-index: 5; transform: skew(59deg) }

.crosschain-lines li { width: 20%; height: 100%; float: left; position: relative }

.crosschain-line { width: 1px; height: 100%; position: absolute; left: 50%; display: block; border-left: 1px dashed rgba(0, 0, 0, .2); }

.crosschain-icon { width: 44px; height: 44px; background-color: rgba(255, 255, 255, .5); border-radius: 50%; position: absolute; left: 50%; margin-left: -22px; top: 0; margin-top: -22px; z-index: 2; transform: skew(-59deg); animation: transact 7.5s infinite ease-in }

[data-crosschain-icon="bnb"] { background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/bnb.webp); background-size: 24px; background-repeat: no-repeat; background-position: center; }

[data-crosschain-icon="polygon"] { background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/polygon.webp); background-size: 24px; background-repeat: no-repeat; background-position: center; }

[data-crosschain-icon="btc"] { background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/btc.webp); background-size: 26px; background-repeat: no-repeat; background-position: center; }

[data-crosschain-icon="avalanche"] { background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/avalanche.webp); background-size: 26px; background-repeat: no-repeat; background-position: center; }

.crosschain-stats { list-style-type: none; position: relative; width: 1100px; margin: auto; z-index: 10; padding-top: 60px; }

.crosschain-stats li { width: 25%; float: left; text-align: center; text-transform: uppercase; position: relative; height: 100% }

.crosschain-stats li h4 { font-size: 32px; background: -webkit-linear-gradient(bottom, #094EEE, #a350f7); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline; letter-spacing: -.02em; }

.crosschain-stats li h6 { font-size: 13px; padding-top: 10px; letter-spacing: -.025em }

.crosschain-stats-icon { width: 44px; position: relative; display: block; margin: auto; padding-bottom: 20px; }

.swap-icon { width: 36px }

.crosschain-stats-button { color: #FFF; background-color: #3750F1; width: 80px; display: block; padding: 8px 14px; border-radius: 4px; font-size: 11px; position: relative; cursor: pointer; z-index: 10; margin-bottom: 18px; }

.crosschain-stats-button:hover { background-color: #7F50F4 }

.crosschain-network { width: 36px; opacity: .2; padding-top: 20px; display: block; float: left; padding-right: 20px; }

.crosschain-network:hover { opacity: .8; }

.crosschain-network img { max-width: 100%; max-height: 21px; }

.plus-more { font-size: 32px; transform: translateY(-13px) }

.introduction-wrapper { width: 100%; background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/bg.webp); position: relative }

.introduction-blur-wrapper { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; }

.introduction-blur-overlay { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(2, 1, 23, .75); z-index: 2; -webkit-backdrop-filter: blur(80px); backdrop-filter: blur(80px); }

.introduction-blur-contents { width: 1100px; height: 1100px; background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/blur-contents-4.webp); position: absolute; left: 50%; margin-left: -550px; top: -500px; background-size: 100%; background-repeat: no-repeat; animation: rotateClockwise 15s infinite linear; }

.introduction { width: 100%; position: relative; z-index: 3; padding-top: 100px; overflow: hidden; padding-bottom: 150px; }

.triangle-1 { width: 44px; height: 44px; background-image: url(../../cdn.rocketx.exchange/pd135zq/website/ui/triangle-blue-1.png); background-size: 100%; background-repeat: no-repeat; position: absolute; right: 340px; top: 100px; z-index: 4; animation: floating 2s infinite; }

.triangle-2 { width: 44px; height: 44px; background-image: url(../../cdn.rocketx.exchange/pd135zq/website/ui/triangle-purple-1.png); background-size: 100%; background-repeat: no-repeat; position: absolute; right: 320px; top: 240px; z-index: 4; animation: floating 1.5s infinite; }

.shape-large { width: 1000px; height: 700px; background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/intro-shape-7.webp); background-size: 100%; background-repeat: no-repeat; position: absolute; right: -600px; top: 50px; animation: flicker 2s infinite linear; transform: rotate(0deg) }

.introduction-inner { width: var(--app-width); margin: auto; padding-top: 200px; position: relative; padding-bottom: 0; }

.introduction .headline { position: relative; width: 100% }

.introduction .headline:hover .backup-headline { transform: translateY(-10px); padding-bottom: 20px }

.introduction .main-headline { color: #FFF; font-size: 72px; letter-spacing: -.05em; z-index: 2; position: relative; padding-left: 0; padding-top: 50px }

.introduction .backup-headline { color: #FFF; font-size: 72px; letter-spacing: -.05em; line-height: 120px; position: absolute; left: 0; top: -30px; background: -webkit-linear-gradient(bottom, transparent 25%, #8883db 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; z-index: 1; }

.introduction-right { width: 100%; position: relative; height: 100%; top: 0; padding-top: 40px; color: #FFF }

.introduction-sections { list-style-type: none; position: relative; padding-top: 80px; }

.introduction-sections li { position: relative; width: 33.33333333%; padding-left: 90px; float: left; padding-right: 80px; margin-bottom: 80px }

.introduction-sections li:nth-child(4) { clear: both }

.intro-section-icon { width: 42px; height: 49px; position: absolute; left: 0; top: 0 }

.introduction-sections h3 { font-size: 22px }

.introduction-sections p { font-size: 15px; color: #7D8CA3; letter-spacing: .03em; line-height: 32px; padding-top: 20px; }

.feature-button { color: #fff; background-color: var(--main-bgcolor); display: inline-block; padding: 7px 10px 8px 10px; border-radius: 4px; font-size: 11px; position: relative; cursor: pointer; z-index: 10; text-transform: uppercase; text-align: center; letter-spacing: .05em; }

.view-history-link { color: #FFF; text-decoration: none }

[data-intro-section-icon="1"] { background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/intro-shape-2.webp); background-size: 100%; background-repeat: no-repeat }

[data-intro-section-icon="2"] { background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/intro-shape-11.webp); background-size: 100%; background-repeat: no-repeat; margin-top: -6px; width: 42px }

[data-intro-section-icon="3"] { background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/intro-shape-4.webp); background-size: 100%; background-repeat: no-repeat; margin-top: -2px }

[data-intro-section-icon="4"] { background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/intro-shape-8.webp); background-size: 100%; background-repeat: no-repeat; margin-top: -3px }

[data-intro-section-icon="5"] { background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/intro-shape-9.webp); background-size: 100%; background-repeat: no-repeat; margin-top: -2px }

[data-intro-section-icon="6"] { background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/intro-shape-2.webp); background-size: 100%; background-repeat: no-repeat }

[data-intro-section-icon="7"] { background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/intro-shape-7.webp); background-size: 100%; background-repeat: no-repeat; width: 55px }

.star-3d { width: 85px; height: 85px; background-size: 2550px !important; animation: star .6s steps(31) infinite; background: url(https://cdn.rocketx.exchange/pd135zq/website/ui/star.webp) no-repeat 0 bottom; filter: hue-rotate(-50deg); position: absolute; left: -20px; top: 0; margin-top: -27px; transform: scale(.65) }

.star-particles { width: 181px; height: 176px; position: absolute; left: 50%; top: 50%; margin-left: -90px; margin-top: -10px; background-size: 8145px; background-position: 0 0; animation: chargeStarParticles .7s steps(46) infinite; z-index: 14; background-image: url(../../cdn.rocketx.exchange/pd135zq/website/ui/star-particles.png); transform-origin: center bottom; transform: scale(1.5) translateZ(2px); filter: hue-rotate(150deg); display: none }

.cex-dex-logos { width: 100%; position: relative; margin-top: 100px; list-style-type: none }

.cex-dex-logos li { position: relative; width: 20%; height: 50px; float: left; display: block; margin-bottom: 40px }
.partners-wrapper .cex-dex-logos li { position: relative; width: 25%; height: 50px; float: left; display: block; margin-bottom: 40px }

.cex-dex-logos li img { max-width: 120px; max-height: 35px; position: relative; display: block; margin: auto; opacity: .5 }

.cex-dex-logos li.brighter img { opacity: 1 }

.okx-logo img { transform: translateY(0); max-width: 65px !important }

.huobi-logo img { transform: translateY(-3px); max-width: 90px !important }

.kucoin-logo img { transform: translateY(-3px) }

.bybit-logo img { transform: translateY(-3px); max-width: 110px !important }

.uniswap-logo img { transform: translateY(-6px); max-width: 130px !important }

.oneinch-logo img { transform: translateY(-7px); max-width: 130px !important }

.paraswap-logo img { transform: translateY(0); max-width: 130px !important }

.openocen-logo img { transform: translateY(0); max-width: 130px !important }

.rango-logo img { transform: translateY(0); max-width: 110px !important }

.osmosis-logo img { transform: translateY(0); max-width: 110px !important }

.sushiswap-logo img { transform: translateY(-6px); max-width: 100px !important }

.pancakeswap-logo img { transform: translateY(-3px); max-width: 175px !important }

.polygon-logo img { transform: translateY(-7px); max-height: 50px !important }

.fetch-logo img { transform: translateY(-6px); max-height: 50px !important; height: 40px }

.xdc-logo img { transform: translateY(0); max-width: 130px !important }

.metis-logo img { transform: translateY(0); max-width: 120px !important }

.telos-logo img { transform: translateY(-4px); max-width: 130px !important }

.thorchain-logo img { transform: translateY(0); max-width: 130px !important }

.thorchain-logo img { transform: translateY(0); max-width: 150px !important }

.injective-logo img { transform: translateY(0); max-width: 130px !important }
.bitcoinTrading-logo img{transform: translateY(-6px); max-width: 200px !important

}
.mexc-logo img{ transform: translateY(0); max-width: 150px !important}

.near-logo img { transform: translateY(0); max-width: 100px !important }

.rewards-wrapper { width: 100%; position: relative; background-color: #eef8ff }

.rewards-inner { width: 100%; position: relative; z-index: 3; overflow: hidden }

.rewards { width: var(--app-width); margin: auto; position: relative; padding-top: 300px; padding-bottom: 150px }

.rewards .headline { position: relative; width: 100%; z-index: 9 }

.rewards .headline:hover .backup-headline { transform: translateY(-10px); padding-bottom: 20px }

.rewards .main-headline { color: #1f2e45; font-size: 100px; width: 100%; text-align: left; letter-spacing: -.05em; z-index: 2; position: relative; line-height: 100px; margin-top: 40px }

.rewards .backup-headline { color: #000; font-size: 100px; text-align: left; letter-spacing: -.05em; line-height: 120px; width: 100%; position: absolute; left: 0; top: -70px; background: -webkit-linear-gradient(bottom, transparent 25%, #DF5388 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; z-index: 1; }

.rewards p { font-size: 20px; color: #7D8CA3; letter-spacing: .03em; padding-top: 30px; line-height: 34px; text-align: left; z-index: 9; position: relative; padding-bottom: 30px; width: 65%; }

.rewards .check-out-benefits { color: #7D8CA3; font-size: 20px; margin: 40px 0 0 0; position: relative; z-index: 10; }

.rewards .check-out-benefits a { color: #7D8CA3; }

.rewards-lines { list-style-type: none; width: 100%; height: 100%; position: absolute; top: 0; z-index: 5 }

.rewards-lines li { width: 20%; height: 100%; float: left; position: relative }

.rewards-line { width: 1px; height: 100%; position: absolute; left: 50%; display: block; border-left: 1px dashed rgba(0, 0, 0, .1); }

.rewards-rvf-button { color: #FFF; background-color: #DF5388; display: inline-block; padding: 8px 14px; border-radius: 4px; font-size: 11px; position: relative; cursor: pointer; z-index: 10; text-transform: uppercase; text-align: center; text-decoration: none; }

.rewards-ref-button { color: #1f2e45; background-color: #fff; display: inline-block; padding: 8px 14px; border-radius: 4px; font-size: 11px; position: relative; cursor: pointer; z-index: 10; text-transform: uppercase; text-align: center; }

.rewards-right { width: 50%; height: 100%; position: absolute; right: 0; top: 0 }

.shape-rewards { width: 250px; height: 250px; background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/intro-shape-5.webp); background-size: 100%; background-repeat: no-repeat; position: absolute; left: 50%; top: 50%; margin-top: -140px; animation: rewardsLevitate 4s infinite ease; z-index: 10; margin-left: -75px }

.banner-rewards-1 { width: 340px; height: 162px; position: absolute; right: 250px; top: 50%; margin-top: -400px; background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/banner-rewards-1.webp); background-size: 100%; background-repeat: no-repeat; animation: levitate 6s infinite ease; z-index: 10; display: none }

.rewards-blur-wrapper { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; }

.rewards-blur-overlay { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(255, 255, 255, .4); z-index: 2; -webkit-backdrop-filter: blur(130px); backdrop-filter: blur(130px); }

.rewards-blur-contents { width: 1400px; height: 1400px; background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/blur-contents-8.webp); position: absolute; left: 50%; margin-left: -700px; top: -1200px; background-size: 100%; background-repeat: no-repeat; animation: rotateClockwise 20s infinite linear; }

.rewards-stats { list-style-type: none; position: relative; width: 100%; z-index: 10; padding-top: 80px; }

.rewards-stats li { width: 25%; float: left; text-transform: uppercase; position: relative; height: 100%; padding-left: 70px; }

.rewards-stats li h4 { font-size: 24px; background: -webkit-linear-gradient(bottom, #DB448D, #EA7A7A); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline; letter-spacing: -.02em; text-transform: none; }

.rewards-stats li h6 { font-size: 13px; padding-top: 10px; letter-spacing: -.025em }

.rewards-stats li .telegram-join-button { color: black; }

.rewards-stats-icon { width: 44px; position: absolute; left: 0; top: 50%; margin-top: -22px; }

.swap-icon { width: 36px }

.reward-distribution { position: absolute; left: -80px; top: -100px; width: 600px; height: 220px; background-color: rgba(16, 0, 45, .75); border-radius: 10px; box-shadow: rgba(0, 0, 0, .1) 0 20px 25px -5px, rgba(0, 0, 0, .04) 0 10px 10px -5px; z-index: 11; -webkit-backdrop-filter: blur(50px); backdrop-filter: blur(50px) }

.reward-distribution-header { position: relative; list-style-type: none; width: 100%; height: 100%; overflow: hidden; border-radius: 10px }

.reward-distribution-header li { width: 50%; float: left; text-transform: uppercase; text-align: center; padding-top: 50px; padding-bottom: 50px; }

.reward-icon { background-color: #231c3d; width: 36px; height: 36px; border-radius: 50%; margin: auto; background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/bnb.webp); background-size: 18px; background-repeat: no-repeat; background-position: center }

.reward-distribution-header-section h3 { font-size: 26px; color: #FFF; padding-top: 20px; }

.reward-distribution-header-section h6 { font-size: 12px; color: #7D8CA3; letter-spacing: .05em; padding-top: 10px; }

.chart-deco-1 { width: 100px; height: 140px; position: absolute; top: 140px; left: -50px; z-index: 1; background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/shape-cone.webp); background-size: 100%; background-repeat: no-repeat; background-position: center; animation: floating 5s infinite; display: none; }

.reward-pending { position: absolute; width: 350px; height: 180px; right: -80px; bottom: 20px; z-index: 12; }

.reward-pending-inner { padding-left: 40px; padding-top: 55px; position: relative; height: 100%; border-radius: 10px; box-shadow: rgba(0, 0, 0, .1) 0 20px 25px -5px, rgba(0, 0, 0, .04) 0 10px 10px -5px; z-index: 2; overflow: hidden; text-transform: uppercase; background: #DE6262; background: -webkit-linear-gradient(to top, #f0f1ff, #fff); background: linear-gradient(to top, #f0f1ff, #fff) }

.reward-pending-inner h3 { font-size: 32px; color: #1f2e45; letter-spacing: -.05em; }

.reward-pending-inner h6 { font-size: 12px; color: #7D8CA3; letter-spacing: .05em; padding-top: 10px; }

.piggy { width: 180px; height: 180px; background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/piggy.webp); background-size: 100%; background-repeat: no-repeat; position: absolute; right: -60px; bottom: -20px }

.rewards-dapp-outer { width: var(--app-width); margin: auto; height: 380px; position: relative; z-index: 10; margin-top: 150px; }

.rewards-dapp-inner { position: relative; width: 100%; height: 100%; background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/rewards-dapp.webp); background-size: 100%; background-repeat: no-repeat; background-position: top center; border-radius: 6px 6px 0 0; z-index: 2; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px) }

.audit-wrapper { width: 100%; background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/bg.webp); position: relative; background-position: left bottom; background-repeat: no-repeat; background-color: #000000; }

.testimonial-wrapper { width: 100%; background-color: #010106; background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/bg.webp); overflow: hidden; }

.flickity-button { background: transparent!important; color: white!important; }

.flickity-button:hover { background: #ffffff1a!important; cursor: pointer!important; }

.flickity-button:focus { outline: none!important; box-shadow: none!important; }

.flickity-button:focus-visible { outline: none!important; }

.flickity-page-dots .dot { background: #d8d8d8!important; }

.flickity-prev-next-button.previous { left: -50px!important; }

.flickity-prev-next-button.next { right: -50px!important; }

.flickity-button:hover { background: #ffffff00!important; }

.testimonials-cover { width: var(--app-width); margin: auto; margin-top: 250px; margin-bottom: 280px; }

.testimonials-cover .headline { z-index: 10; position: relative; margin: 40px 0 }

.testimonials-cover .headline .backup-headline { font-weight: 700; font-size: 100px; line-height: 130px; letter-spacing: -.05em; background: linear-gradient(180deg, #6E6AB4 16.87%, #51538D 45.24%, #3C3A68 65.66%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; text-align: center }

.testimonials-cover .gallery { background: transparent; z-index: 10; width: 95%; margin: auto }

.testimonials-cover .gallery-cell { width: 33%; height: 350px; margin-right: 10px; counter-increment: gallery-cell; position: relative; letter-spacing: .03em }

.testimonials-cover .gallery-cell .testimony { text-align: center; width: 300px; height: 230px; background: linear-gradient(180deg, #1c1629 0%, #180c33 100%); background: #ffffff0f; position: absolute; top: 30px; left: calc(50% - 170px); border-radius: 10px; display: flex; flex-direction: column; align-items: center; grid-gap: 10px; padding: 10px 20px; justify-content: center; backdrop-filter: blur(10px); }

.testimony .stars { color: #f3ff007d; letter-spacing: .5em; }

.testimony .title { color: white; font-size: 16px; text-transform: capitalize; }

.testimony .description { font-size: 14px; color: var(--secondary-text); width: 300px; max-width: 100%; }

.testimony .name { color: white; font-size: 16px; }

.testimony .name .twitter-icon { height: 14px; margin: 0px 0 -3px 0; }

.testimonials-cover .gallery-cell.is-selected .testimony { transform: translate3D(0, 2px, 0) scale(1.15); }

.testimonials-cover .gallery-cell:before { display: block; text-align: center; line-height: 200px; font-size: 80px }

.audit-blur-wrapper { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; }

.audit-blur-overlay { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(16, 11, 33, .8); z-index: 2; -webkit-backdrop-filter: blur(80px); backdrop-filter: blur(80px); }

.audit-blur-contents { width: 1100px; height: 1100px; background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/blur-contents-4.webp); position: absolute; left: 50%; margin-left: -550px; top: -500px; background-size: 100%; background-repeat: no-repeat; animation: rotateClockwise 15s infinite linear; }

.audit { width: 100%; position: relative; z-index: 3; padding-top: 100px; overflow: hidden; padding-bottom: 200px; }

.audit-inner { width: var(--app-width); margin: auto; padding-top: 200px; position: relative; padding-bottom: 0; }

.audit .headline { position: relative; width: 100% }

.audit .main-headline { color: #fff; font-size: 120px; width: 100%; text-align: center; letter-spacing: -.05em; z-index: 2; position: relative; line-height: 100px; margin-top: 40px }

.audit .backup-headline { color: #FFF; font-size: 80px; text-align: center; letter-spacing: -.05em; line-height: 120px; width: 100%; position: absolute; left: 0; top: -60px; background: -webkit-linear-gradient(bottom, transparent 25%, #ff6586 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; z-index: 1; }

.audit p { font-size: 24px; color: #7D8CA3; letter-spacing: .03em; padding: 0 200px; padding-top: 50px; line-height: 42px; text-align: center; z-index: 9; position: relative }

.audit-orb-wrapper { width: 399px; height: 415px; position: relative; margin: auto; margin-bottom: 100px; }

.audit-orb { width: 399px; height: 415px; position: absolute; background-size: 11948px !important; animation: auditOrb .5s steps(30) infinite; background: url(../../cdn.rocketx.exchange/pd135zq/website/ui/orb-compressed.png) no-repeat 0 bottom; z-index: 3; }

.audit-orb-explode { width: 403px; height: 414px; position: absolute; left: 10px; background-size: 11687px !important; animation: auditOrbExplode .6s steps(30) infinite; background: url(../../cdn.rocketx.exchange/pd135zq/website/ui/orb-explode.png) no-repeat 0 bottom; z-index: 1; display: none }

.audit-orb-icon { width: 150px; height: 150px; background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/intro-shape-2.webp); background-repeat: no-repeat; background-position: center; background-size: 100%; z-index: 2; position: absolute; left: 50%; top: 50%; margin-left: -72px; margin-top: -65px; animation: rewardsLevitate 4s infinite ease; opacity: .9 }

.laser { width: 163px; height: 528px; position: absolute; left: 50%; margin-left: -82px; top: -151px; background-size: 3586px !important; animation: laser .5s steps(23) infinite; background: url(../../cdn.rocketx.exchange/pd135zq/website/ui/laser.png) no-repeat 0 top; z-index: 3; display: none; }

.audit-orb-explode.lazy,
.laser.lazy,
.audit-orb.lazy { background-image: none; }

.audit-logos { width: 100%; position: relative; list-style-type: none; padding-top: 100px; }

.audit-logos li { width: 50%; float: left; position: relative; }

.audit-logos li:first-child:after { content: ""; width: 1px; height: 20px; background-color: rgba(255, 255, 255, .15); position: absolute; right: 0; top: 50%; margin-top: -12px; transform: rotate(20deg) }

.audit-logos li img { max-width: 150px; max-height: 100px; position: relative; display: inline }

.audit-logos li img:hover { transform: scale(1.1) }

.zokyo { text-align: right; padding-right: 150px; }

.nii { text-align: left; padding-left: 150px; transform: translateY(8px) }

.nii img { max-width: 160px !important }

.roadmap-outer { width: 100%; position: relative; z-index: 3; overflow: hidden; padding-bottom: 100px; padding-top: 100px; height: 760px; }

#new,
#old,#new1 { position: absolute; width: 100% }

#new.show { transform: translate(0%) }

#old.show { transform: translate(0%) }

#new1.show{ transform: translate(0%)}

#new.hideLeft { transform: translate(-250%) }
#new.hideRight { transform: translate(250%) }

#old.hide { transform: translate(250%) }

#new1.hide{transform: translate(-250%)}

.roadmap { position: relative; z-index: 10; width: var(--app-width); margin: auto }

.roadmap .headline { position: relative; width: 100%; margin-top: 50px }

.roadmap .headline .navigator { color: #FFF; background: -webkit-linear-gradient(bottom, transparent 25%, #5f636d 100%); position: absolute; top: -30px; font-weight: 700; z-index: 200; cursor: pointer; font-size: 60px; -webkit-background-clip: text; -webkit-text-fill-color: transparent; width: max-content;  }
.roadmap .headline .navigator2 { color: #FFF; background: -webkit-linear-gradient(bottom, transparent 25%, #5f636d 100%); position: absolute; top: -30px; font-weight: 700; z-index: 200; cursor: pointer; font-size: 60px; -webkit-background-clip: text; -webkit-text-fill-color: transparent; width: max-content;  }

.old-container .roadmap .headline .backup-headline { left: 330px }
.old-container .roadmap .headline .navigator { left: 170px }
.old-container .roadmap .headline .navigator2 { left: 0 }
.new1-container .roadmap .headline .navigator { left: 270px }
.new1-container .roadmap .headline .navigator2 { left: 430px }
.new1-container .roadmap .headline .backup-headline { left: 0 }
.new-container .roadmap .headline .navigator { left: 430px }
.new-container .roadmap .headline .navigator2 { left: 0 }
.new-container .roadmap .headline .backup-headline { left: 175px }

.roadmap .main-headline { color: #fff; font-size: 100px; width: 100%; text-align: left; letter-spacing: -.05em; z-index: 2; position: relative; line-height: 100px; margin-top: 40px }

.roadmap .backup-headline { color: #FFF; font-size: 100px; text-align: left; letter-spacing: -.05em; line-height: 120px; width: 100%; position: absolute; left: 0; top: -60px; background: -webkit-linear-gradient(bottom, transparent 25%, #759BFA 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; z-index: 1; }

.roadmap .headline:hover .backup-headline { transform: translateY(-10px); padding-bottom: 20px }

.roadmap .headline:hover .navigator { transform: translateY(-10px); padding-bottom: 20px }
.roadmap .headline:hover .navigator2 { transform: translateY(-10px); padding-bottom: 20px }

.roadmap p { font-size: 24px; color: #7D8CA3; letter-spacing: .03em; padding-top: 50px; line-height: 42px; text-align: left; z-index: 9; position: relative }

.roadmap-line { width: 2000px; height: 1px; border-top: 1px dashed rgba(255, 255, 255, .15); position: absolute; left: 650px; top: 50%; margin-top: -60px }

.roadmap-shape-1 { width: 40px; height: 40px; border-radius: 50%; border: 1px dashed rgba(255, 255, 255, .15); position: absolute; left: -42px; top: -22px; }

.roadmap-shape-1-inner { width: 14px; height: 14px; border-radius: 50%; position: absolute; left: 13px; top: 13px; animation: rotateClockwise 2s infinite linear }

.roadmap-shape-1-inner:after { content: ""; width: 6px; height: 6px; background: rgba(255, 255, 255, .2); position: absolute; left: 0; top: 0; border-radius: 50% }

.roadmap-shape-2 { width: 40px; height: 40px; border: 1px dashed rgba(255, 255, 255, .15); position: absolute; left: 300px; top: -52px; transform-origin: bottom right; animation: dice 5s infinite ease-in-out }

.roadmap-shape-3 { width: 60px; height: 20px; border: 1px dashed rgba(255, 255, 255, .15); position: absolute; left: 600px; top: 12px; transform-origin: top right; animation: stretching 2s infinite ease-in-out }

.roadmap-shape-3-inner { width: 20px; height: 20px; border: 1px dashed rgba(255, 255, 255, .15); position: absolute; right: -30px; top: -1px; transform-origin: top right }

.shape-roadmap { width: 500px; height: 600px; background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/intro-shape-8.webp); background-size: 100%; background-repeat: no-repeat; position: absolute; left: -165px; top: 0; animation: flicker 2s infinite linear; transform: rotate(0deg); z-index: 10; ; }

.roadmap-tabs { width: 100%; height: 50px; padding: 0 50px; list-style-type: none; margin-top: 20px; display: none; }

.roadmap-tabs li { width: 25%; height: 100%; position: relative; float: left; background-color: rgba(255, 255, 255, .02); text-align: center; line-height: 50px; color: #fff }

.roadmap-tabs li.new { width: 50% }

.roadmap-tabs li:first-child { border-radius: 4px 0 0 4px }

.roadmap-tabs li:last-child { border-radius: 0 4px 4px 0 }

.roadmap-tabs li.active { background-color: #4060FF; color: #FFF }

.roadmap-list { position: relative; width: 100%; color: #FFF; list-style-type: none; padding-top: 100px; }

.roadmap-list li { width: 25%; position: relative; float: left; }

.roadmap-list li.w-50 { width: 33.33% }

.roadmap-list li h4 { font-size: 24px; color: #fff; padding-bottom: 30px; position: relative; display: inline-block; padding-left: 30px; }

.roadmap-list .roadmap-item { padding: 10px 0; line-height: 28px; font-size: 15px; color: #fff; background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/roadmap-done.webp); background-position: left 15px; background-repeat: no-repeat; background-size: 16px; padding-left: 30px; }

.roadmap-list .roadmap-item.not-completed { color: #7D8CA3; background-image: none }

.footer-outer { width: 100%; position: relative; z-index: 3; overflow: hidden; padding: 100px 0 }

.footer { position: relative; z-index: 10; width: var(--app-width); margin: auto; color: #FFF; box-shadow: 0 -1px 0 rgba(255, 255, 255, .05); padding-top: 100px; }

.footer-menu { list-style-type: none }

.footer-menu li { list-style-type: none; width: 20%; float: left; position: relative; }

.footer-menu li.sm { width: 20% }

.footer-menu li.lg { width: 40% }

.footer-menu li.lg .externals { display: flex }

.footer-menu li.lg .externals .column { width: 50% }

.footer-menu li a { text-decoration: none }

.footer-menu li .footer-logo { width: 140px; margin-top: -14px }

.footer-menu li h4 { font-size: 13px; text-transform: uppercase; letter-spacing: .1em; padding-bottom: 25px; }

.footer-menu li h4 .cross-button { display: none; }

.footer-menu li .footer-menu-item { padding: 11px 0; line-height: 16px; font-size: 15px; color: #7D8CA3; display: inline-block; }

.footer-menu li .footer-menu-item:hover { color: #FFF }

.footer-menu .footer-links-container { display: block }

.footer-menu .language-dropdown { margin-top: 0; position: relative !important; display: inline-block; margin-left: 0; right: auto; display: none; width: 80px; margin-top: 65px; }

.copyright { position: relative; margin-top: 10px; font-size: 13px; letter-spacing: .05em; color: #7D8CA3 }

.category { margin: 80px 0 }

.category .header { font-size: 13px; text-transform: uppercase; letter-spacing: .1em; font-weight: 700; position: relative }

.category .header .cross-button { display: none; position: absolute; top: 7px; right: 16px; font-size: 30px; font-weight: 100; transition-duration: .8s; transition-property: transform; transform: rotate(45deg); -webkit-transform: rotate(45deg) }

.category.active .header .cross-button { transform: rotate(90deg); -webkit-transform: rotate(90deg) }

.category .list-container { display: flex; width: 100%; flex-wrap: wrap; grid-gap: 24px 0; margin: 36px 0 }

.category .list .item { color: var(--secondary-text); width: 20%; text-decoration: none; line-height: 16px; font-size: 15px }

.category .list .item:hover { color: #FFF }

.underline { text-decoration: underline }

.cursor-pointer { cursor: pointer }

.mobile-only { display: none }

.desktop-only { display: block }

@keyframes fadeIn { 0% {     opacity: 0 } 100% {     opacity: 1 } }

.lds-ring { display: inline-block; position: absolute; left: 50%; top: 200px; width: 40px; height: 40px; z-index: 10 }

.lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 36px; height: 36px; margin: 8px; border: 4px solid #fff; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite; border-color: #fff transparent transparent transparent }

.lds-ring div:nth-child(1) { animation-delay: -.45s }

.lds-ring div:nth-child(2) { animation-delay: -.3s }

.lds-ring div:nth-child(3) { animation-delay: -.15s }

@keyframes lds-ring { 0% {     transform: rotate(0deg) } 100% {     transform: rotate(360deg) } }