/* CSS Document */
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, fieldset, button, input, textarea, th, td { margin: 0; padding: 0;}
body { font: 12px/1.6 "Gellix",sans-serif,Helvetica, "Microsoft YaHei", Tahoma, Arial, "\5b8b\4f53"; color: #000; background: #fff; text-align: center;}
ul, ol, li { list-style: none;}
a { text-decoration: none; color: #666;}
a:hover { text-decoration: none; color: #333;}
fieldset, img { border: none;}
button, input, select, textarea { font-size:100%;}
table { border-collapse: collapse; border-spacing: 0;}
h1, h2, h3 { font-size: 16px;}
em { font-style: normal;}
.clearFix { zoom: 1;}
.clearFix:after { display: block; clear: both; height: 0; content: "\0020"}

input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], input[type="number"], button, select { -webkit-appearance: none;}
select:focus, input:focus { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-modify: read-write-plaintext-only; outline: none;}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active { -webkit-transition-delay: 99999s; -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;}

/*--header--*/
.header-box { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background-color: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.header { padding: 15px 30px;}
.header .logo { float: left; padding-top: 3px;}
.header .nav-box { float: right; padding-top: 5px;}
.header .nav { float: left; padding-top: 8px; margin-right: 20px;}
.header .nav li { float: left; margin-right: 40px; position: relative;}
.header .nav li a { display: block; font-size: 16px; color: #000; padding-bottom: 5px; border-bottom: 2px solid transparent; transition: all .3s ease;}
.header .nav li a.cur { border-bottom: 2px solid #000; transition: all .3s ease;}
.header .nav li a:hover { border-bottom: 2px solid #000; transition: all .3s ease;}
.btn-dashboard { float: right;}
.btn-dashboard a { display: inline-block; background: #181818; box-shadow: 0 1px 3px -2px rgba(0, 0, 0, .1); transition: all .3s ease; color: #fff; border-radius: 100px; padding: 8px 30px; font-size: 16px;}
.btn-dashboard a:hover { box-shadow: 0 10px 30px -2px rgba(0, 0, 0, .2); transition: all .3s ease;}

.header .logo img { width: 200px;}

/*--Products--*/
.header .nav li .nav-service-box { display: none; z-index: 999999; position: absolute; left: -135px; top: 30px; width: 290px; padding: 15px; background-color: #fff; border-radius: 8px; box-shadow: 0 10px 60px -2px rgba(10, 16, 34, .15);}
.header .nav li .nav-service-box:before { content: ''; position: absolute; top: -6px; left: 155px; display: inline-block; width: 0; height: 0; border-right: 8px solid transparent; border-left: 8px solid transparent; border-bottom: 8px solid #fff;}
.header .nav li .nav-service-box dd { margin-bottom: 5px; text-align: left;}
.header .nav li .nav-service-box dd:last-child { margin-bottom: 0;}
.header .nav li .nav-service-box dd img { width: 60px; position: absolute; left: 10px; top: 50%; transform: translateY(-50%);}
.header .nav li .nav-service-box dd h3 { font-size: 14px; font-weight: bold;}
.header .nav li .nav-service-box dd h3 i { display: inline-block; width: 16px; height: 16px;}
.header .nav li .nav-service-box dd a { padding: 5px 0 5px 80px; position: relative; border-bottom: none; display: block; height: 40px; line-height: 40px; border-radius: 4px;}
.header .nav li .nav-service-box dd a:hover { border-bottom: none; background-color: #f5f5f5;}
.header .nav li .nav-service-box dd a:hover h3 i { background: url(../images/newimages/icon-arrow-right.png) no-repeat 0 0; background-size: 100% auto; position: relative; top: 3px; margin-left: 8px;}
.header .nav li .nav-service-con h3.title { display: none;}
.header .nav li.li-service:hover .nav-service-box { display: block;}


/*--banner-box--*/
.home-banner { background: url(../images/newimages/bg.jpg) no-repeat 0 0; background-size: 100% auto;}
.banner-box { max-width: 1200px; margin: 0 auto; padding: 150px 0 110px 0; width: 88%;}
.banner-left { float: left; width: 600px; text-align: left;}
.banner-left .slogan { font-size: 36px; font-weight: bold; line-height: 1.5; margin-bottom: 20px; padding-top: 50px;}
.banner-left .intro { font-size: 14px; margin: 30px 0; max-width: 600px; color: #000; line-height: 2;}
.banner-left .btn-light { position: relative; margin-right: 15px; border-radius: 50px; display: inline-block; background-color: #e8363f; border: 1px solid #e8363f; color: #fff; padding: 8px 25px; font-size: 15px; box-shadow: 0 1px 3px -2px rgba(0, 0, 0, .1); transition: all .3s ease;}
.banner-left .btn-light:hover { box-shadow: 0 10px 30px -2px rgba(0, 0, 0, .2); transition: all .3s ease;}
.banner-left .btn-light i { display: inline-block; width: 16px; height: 16px; background: url(../images/newimages/icon-arrow-right.png) no-repeat 0 -16px; background-size: 100% auto; position: relative; top: 3px; margin-left: 8px;}
.banner-left .btn-Wallet-Risk-Assessment { position: relative; border-radius: 50px; display: inline-block; border: 1px solid #000; color: #000; padding: 8px 25px; font-size: 15px; box-shadow: 0 1px 3px -2px rgba(0, 0, 0, .1); transition: all .3s ease;}
.banner-left .btn-Wallet-Risk-Assessment:hover { box-shadow: 0 10px 30px -2px rgba(0, 0, 0, .2); transition: all .3s ease;}
.banner-left .btn-Wallet-Risk-Assessment i { display: inline-block; width: 16px; height: 16px; background: url(../images/newimages/icon-arrow-right.png) no-repeat 0 0; background-size: 100% auto; position: relative; top: 3px; margin-left: 8px;}
.banner-left .btn-group { margin-bottom: 25px;}
.banner-left ul li { float: left; margin-right: 40px; font-size: 11px;}
.banner-left ul li h3 { font-size: 11px;}
.banner-right { float: right; width: 440px; padding-top: 10px;}
.banner-right img.HKICT { max-width: 200px; display: block; margin: 0 auto;}
.banner-right img.HKICT1 { max-width: 260px; display: block; margin: 0 auto;}
.banner-right p { padding: 30px 0 20px 0; font-size: 12px; color: #b5975b;}

/*--products-box--*/
.products-box { background-color: #f8f8f8;}
.products-con { max-width: 1200px; margin: 0 auto; padding: 100px 0; width: 88%;}
.products-con .title h2 { font-size: 30px; margin-bottom: 20px; font-weight: normal;}
.products-con .title p { margin-bottom: 40px; font-size: 12px; color: #666;}
.products-con ul { margin: 0 -15px;}
.products-con ul li { float: left; width: 25%; margin-bottom: 30px; font-size: 16px;}
.products-con ul li .item { background-color: #fff; margin: 0 15px; padding: 20px; border: 1px solid #eee; box-shadow: 0 0 8px -2px rgba(0,0,0,0.15); border-radius: 4px;}
.products-con ul li .item img { width: 100%; display: block; margin-bottom: 15px; border-radius: 4px;}
.products-con ul li .item h3 { font-size: 16px; margin-bottom: 10px;}
.products-con ul li .item p { font-size: 12px; color: #999; margin-bottom: 20px;}
.products-con ul li .item a { font-size: 13px; padding: 10px 0; display: block; border-radius: 4px; background-color: #000; color: #fff; box-shadow: 0 1px 3px -2px rgba(0, 0, 0, .1); transition: all .3s ease;}
.products-con ul li .item a i { display: inline-block; width: 16px; height: 16px; background: url(../images/newimages/icon-arrow-right.png) no-repeat 0 -16px; background-size: 100% auto; position: relative; top: 3px; margin-left: 8px;}
.products-con ul li .item a:hover { box-shadow: 0 10px 30px -2px rgba(0, 0, 0, .2); transition: all .3s ease;}

/*--features--*/
.features-con { max-width: 1200px; margin: 0 auto; padding: 100px 0; width: 88%;}
.features-con .title h2 { font-size: 30px; font-weight: normal; margin-bottom: 20px;}
.features-con .title p { max-width: 1180px; margin: 0 auto; padding-bottom: 40px; font-size: 12px; color: #666;}
.features-con ul { margin: 0 -15px;}
.features-con ul li { float: left; width: 20%; margin-bottom: 30px; font-size: 16px;}
.features-con ul li .item { padding: 15px;}
.features-con ul li .item img { width: 80px; display: block; margin: 0 auto 20px auto;}
.features-con ul li .item span.num { font-size: 24px; font-weight: bold; color: #e8363f; display: inline-block; margin-bottom: 5px;}
.features-con ul li .item h3 { font-size: 14px; margin-bottom: 5px;}
.features-con ul li .item p { font-size: 12px; color: #999;}
.features-con p.note span { background-color: #f8f8f8; border: 1px solid #eee; display: inline-block; padding: 5px 15px; border-radius: 40px;}
.features-con p.note i { display: inline-block; width: 16px; height: 16px; background: url(../images/newimages/icon-ok.png) no-repeat; background-size: 100% auto; position: relative; top: 3px; margin-right: 8px;}

/*--coin-box--*/
.coin-box { background-color: #f8f8f8;}
.coin-con { max-width: 1200px; margin: 0 auto; padding: 100px 0; width: 88%;}
.coin-con .title h2 { font-size: 30px; font-weight: normal; margin-bottom: 20px;}
.coin-con .title p { max-width: 1100px; margin: 0 auto; padding-bottom: 40px; font-size: 12px; color: #666;}


.coin-con .stablecoin { margin-bottom: 30px; background-color: #fff; padding: 20px; border: 1px solid #eee; box-shadow: 0 0 8px -2px rgba(0,0,0,0.15); border-radius: 4px;}
.coin-con .stablecoin h3 { font-size: 18px; margin-bottom: 5px; padding-top: 10px;}
.coin-con .stablecoin p.intro { font-size: 12px; color: #999; margin-bottom: 30px;}
.coin-con .stablecoin ul { margin: 0 -5px;}
.coin-con .stablecoin ul li { float: left; width: 14.2%; margin-bottom: 10px;}
.coin-con .stablecoin ul li img { width: 48px; display: block; margin: 0 auto 8px auto;}
.coin-con .stablecoin ul li p { font-size: 12px;}
.coin-con .stablecoin ul li .item { margin: 0 5px; padding: 20px 10px; border: 1px solid #eee; background-color: #f8f8f8; box-shadow: 0 0 3px -2px rgba(0,0,0,0.15); border-radius: 4px;}


.coin-con .chain { background-color: #fff; padding: 20px; border: 1px solid #eee; box-shadow: 0 0 8px -2px rgba(0,0,0,0.15); border-radius: 4px;}
.coin-con .chain h3 { font-size: 18px; margin-bottom: 5px; padding-top: 10px;}
.coin-con .chain p.intro { font-size: 12px; color: #999; margin-bottom: 30px;}
.coin-con .chain ul { margin: 0 -5px;}
.coin-con .chain ul li { float: left; width: 11.11%; margin-bottom: 10px;}
.coin-con .chain ul li img { width: 48px; border-radius: 100%; display: block; margin: 0 auto 8px auto;}
.coin-con .chain ul li p { font-size: 12px;}
.coin-con .chain ul li .item { margin: 0 5px; padding: 20px 5px; border: 1px solid #eee; background-color: #f8f8f8; box-shadow: 0 0 3px -2px rgba(0,0,0,0.15); border-radius: 4px;}



/*--use-cases-box--*/
.use-cases-box { max-width: 1200px; margin: 0 auto; padding: 100px 0; width: 88%;}
.use-cases-box .title h2 { font-size: 30px; margin-bottom: 20px; font-weight: normal;}
.use-cases-box .title p { max-width: 1100px; margin: 0 auto; padding-bottom: 40px; font-size: 12px; color: #666;}
.use-cases-box ul.intro { margin: 0 -15px;}
.use-cases-box ul.intro li { float: left; width: 33.33%;}
.use-cases-box ul.intro li .item { background-color: #fff; margin: 0 15px; padding: 30px; border: 1px solid #eee; box-shadow: 0 0 8px -2px rgba(0,0,0,0.15); border-radius: 4px;}
.use-cases-box ul.intro li .item img { width: 70px; display: block; margin: 0 auto 10px auto;}
.use-cases-box ul.intro li .item h3 { font-size: 16px; margin-bottom: 5px;}
.use-cases-box ul.intro li .item p { font-size: 11px; margin-bottom: 15px; text-align: left;}
.use-cases-box ul.intro li .item dl { text-align: left;}
.use-cases-box ul.intro li .item dl dd { position: relative; margin-bottom: 5px;}
.use-cases-box ul.intro li .item dl dd i { display: inline-block; width: 4px; height: 4px; border-radius: 4px; background-color: #e8363f; position: relative; top: -2px; margin-right: 10px;}

.use-cases-box .more-powerful { font-size: 18px; font-weight: bold; margin: 40px 0 30px 0;}
.use-cases-box ul.more-intro { margin: 0 -15px;}
.use-cases-box ul.more-intro li { float: left; width: 33.33%;}
.use-cases-box ul.more-intro li .item { background-color: #eef2ff; margin: 0 15px; padding: 30px; border: 1px solid #d9dff1; box-shadow: 0 0 8px -2px rgba(0,0,0,0.15); border-radius: 4px;}
.use-cases-box ul.more-intro li:first-child .item { background-color: #fff7ed; border: 1px solid #eee4d7;}
.use-cases-box ul.more-intro li:last-child .item { background-color: #f0fdf4; border: 1px solid #d2e9d9;}
.use-cases-box ul.more-intro li .item img { width: 70px; display: block; margin: 0 auto 10px auto;}
.use-cases-box ul.more-intro li .item h3 { font-size: 16px; margin-bottom: 5px;}
.use-cases-box ul.more-intro li .item p { font-size: 12px; color: #333; margin-bottom: 20px;}


/*--as-seen-on--*/
.as-seen-on { background-color: #f8f8f8;}
.as-seen-on-con { max-width: 1200px; width: 88%; margin: 0 auto; padding: 100px 0;}
.as-seen-on .title h2 { font-size: 30px; margin-bottom: 40px; font-weight: normal;}
.as-seen-on ul { margin: 0 -15px;}
.as-seen-on ul li { float: left; width: 33.33%; margin-bottom: 30px;}
.as-seen-on ul li a { display: block; border-radius: 6px; background-color: #fff; box-shadow: 0 0 8px -2px rgba(0,0,0,0.15); margin: 0 15px; color: #181818; transition: all .3s ease;}
.as-seen-on ul li a:hover { color: #000; box-shadow: 0 5px 25px -2px rgba(0,0,0,0.1); transition: all .3s ease;}
.as-seen-on ul li img { width: 100%; border-radius: 6px 6px 0 0; display: block;}
.as-seen-on ul li .title { padding: 15px 20px; position: relative;}
.as-seen-on ul li .title p { position: absolute; right: 15px; bottom: 15px; background-color: #f5f5f5; color: #181818; padding: 1px 8px; border-radius: 4px;}
.as-seen-on ul li h3 { height: 95px; text-align: left; overflow: hidden; line-height: 1.4; font-weight: normal;}
.as-seen-on a.btn-more { margin-top: 30px; display: inline-block; padding: 8px 30px; border-radius: 4px; font-size: 15px; background: #181818; box-shadow: 0 1px 3px -2px rgba(0, 0, 0, .1); transition: all .3s ease; color: #fff;}
.as-seen-on a.btn-more i { display: inline-block; width: 16px; height: 16px; background: url(../images/newimages/icon-arrow-right.png) no-repeat 0 -16px; background-size: 100% auto; position: relative; top: 3px; margin-left: 8px;}
.as-seen-on a.btn-more:hover { box-shadow: 0 10px 30px -2px rgba(0, 0, 0, .2); transition: all .3s ease;}




.backed-box { max-width: 1200px; width: 88%; margin: 0 auto; padding: 100px 0 80px 0;}
.backed-box .title h2 { font-size: 30px; margin-bottom: 20px; font-weight: normal;}
.backed-box .title p { margin-bottom: 40px; font-size: 12px; color: #666;}
.backed-box ul li { float: left; width: 20%; margin-bottom: 20px;}
.backed-box ul li img { width: 60%;}
.backed-box h3.tit { margin: 0 30px 30px 30px; color: #333; font-size: 20px; border-bottom: 1px dotted #eee; padding-bottom: 20px;}
.backed-box h3.tit span { position: relative;}
.backed-box h3.tit span::before { margin-right: 15px; display: inline-block; content: ""; width: 20px; height: 11px; background: url(../images/newimages/icon-tit.png) no-repeat 0 50%; background-size: 100% auto;}
.backed-box h3.tit span::after { margin-left: 15px; display: inline-block; content: ""; width: 20px; height: 11px; background: url(../images/newimages/icon-tit.png) no-repeat 0 50%; background-size: 100% auto;}


.backed-box ul { margin-bottom: 0;}
.supporters-box { padding: 25px 0; box-shadow: 0 0 8px -2px rgba(0,0,0,0.15); border: 1px solid #eee; margin-bottom: 30px; border-radius: 6px;}
.supporters-box .btn-control { display: none; padding-top: 10px;}
.supporters-box .btn-control a { display: inline-block; color: #333; font-size: 14px; width: 20px; height: 20px; line-height: 18px; border: 1px solid #333; background-color: #f8f8f8; border-radius: 3px; transition: all .3s ease;}
.supporters-box .btn-control a:hover { background-color: #333; color: #fff; transition: all .3s ease;}
.supporters-box .btn-control a.btn-reduce { display: none;}
.supporters-box .btn-control a.btn-add { width: 60px;}

.supporters-intro { margin-bottom: 30px;}
.supporters-intro dd { float: left; width: 33.33%;}
.supporters-intro dd .item { margin: 0 15px; padding: 0 15px 30px 15px;}
.supporters-intro dd .item img { max-width: 120px; display: block; margin: 0 auto 10px auto;}
.supporters-intro dd .item span.num { font-size: 28px; font-weight: bold; color: #e8363f;}
.supporters-intro dd .item h3 { font-size: 16px; margin-bottom: 5px;}
.supporters-intro dd .item p { font-size: 12px; color: #999;}

.footer { background-color: #000; text-align: left; padding: 60px 0 30px 0; color: #fff;}
.footer-box { max-width: 1200px; margin: 0 auto; width: 88%;}
.footer-box a { color: #fff;}
.footer-left { float: left; width: 280px; margin-bottom: 20px;}
.footer-left .footer-logo { width: 230px; margin-bottom: 20px;}
.footer-left .slogan { font-size: 22px; margin-bottom: 20px;}
.footer-right { float: right; width: 660px; margin-bottom: 20px;}
.footer-right .nav { padding-top: 5px; text-align: right;}
.footer-right .nav li { float: left; width: 26%;}
.footer-right .nav li:first-child { width: 41%;}
.footer-right .nav li:last-child { width: 33%;}
.footer-right .nav li h3 { margin-bottom: 10px; font-weight: normal;}
.footer-right .nav li p { font-size: 12px; margin-bottom: 8px;}
.footer-right .nav li p a { color: #fff;}
.footer-right .nav li p a:hover { text-decoration: underline;}
.footer-right .media { text-align: right; margin-bottom: 25px;}
.footer-right .media a { display: inline-block; margin-left: 40px; font-size: 14px; text-align: center;}
.footer-right .media a i { display: inline-block; width: 25px; height: 25px; margin-bottom: -6px; background: url("../images/media-icon.png") no-repeat 0 0; background-size: 100% auto;}
.footer-right .media a i.icon-twitter { background-position: 0 0; transition: all .3s ease;}
.footer-right .media a i.icon-medium { background-position: 0 -50px; transition: all .3s ease;}
.footer-right .media a i.icon-discord { background-position: 0 -100px; transition: all .3s ease;}
.footer-right .media a i.icon-telegram { background-position: 0 -150px; transition: all .3s ease;}
.footer-right .media a i.icon-youtube { background-position: 0 -200px; transition: all .3s ease;}
.footer-right .media a:hover i.icon-twitter { background-position: 0 -25px; transition: all .3s ease;}
.footer-right .media a:hover i.icon-medium { background-position: 0 -75px; transition: all .3s ease;}
.footer-right .media a:hover i.icon-discord { background-position: 0 -125px; transition: all .3s ease;}
.footer-right .media a:hover i.icon-telegram { background-position: 0 -175px; transition: all .3s ease;}
.footer-right .media a:hover i.icon-youtube { background-position: 0 -225px; transition: all .3s ease;}
.footer-right .media a p { font-size: 11px; color: #999;}
.footer-right .media a:hover p { color: #fff;}

.footer-bottom { clear: both; border-top: 1px solid #333;}
.footer-bottom .copyright { float: left; padding-top: 26px; color: #999;}
.footer-bottom .SlowMist-logo { float: right; padding-top: 10px;}
.footer-bottom .SlowMist-logo img { width: 200px;}

/*--back-to-top-box--*/
.back-to-top-box { position: fixed; right: 20px; top: 50%; margin-top: 150px; z-index: 98;}
.back-to-top-box em { display: none;}
.back-to-top { display: block; width: 32px; height: 32px; background: #333 url("../images/icon-sidebar-top.png") no-repeat center center; background-size: 50% auto; border-radius: 3px; transition: all .3s ease;}
.back-to-top:hover { background-color: #181818; transition: all .3s ease;}




/*---===pricing===---*/
.pricing-box { max-width: 1200px; width: 93%; margin: 0 auto; padding-top: 100px;}
.pricing-box .title { margin-bottom: 40px;}
.pricing-box .title h2 { font-size: 32px; padding-top: 50px; font-weight: normal;}
.pricing-box .title .info { max-width: 600px; margin: 0 auto; font-size: 14px;}

/*--Black-Friday--*/
.pricing-box .Black-Friday { margin-bottom: 20px;}
.pricing-box .Black-Friday img { max-width: 450px; width: 90%; border-radius: 4px;}

.pricing-content { margin-bottom: 60px;}
.pricing-content ul { margin: 0 -8px;}
.pricing-content li { float: left; width: 33.33%;}
.pricing-content li .item { margin: 0 8px; background-color: #f8f8f8; height: 590px; border-radius: 8px;}
.pricing-content li .item .btn-get-started { font-size: 14px; display: inline-block; background: #e8363f; border-radius: 4px; padding: 9px 0; width: 100%; color: #fff; text-align: center;}
.pricing-content li .item .btn-contact-sales { font-size: 14px; display: inline-block; background: #e8363f; border-radius: 4px; padding: 9px 0; width: 100%; color: #fff; text-align: center;}

.pricing-content li .item .intro { min-height: 75px;}
.pricing-content li .item .intro .try { font-weight: bold;}
.pricing-content li .item dt { margin-bottom: 10px;}

.pricing-content li .item .item-top { border-radius: 8px; padding: 30px 25px; text-align: left;}
.pricing-content li .item .item-top h3 { font-size: 22px; margin-bottom: 5px; font-weight: normal;}
.pricing-content li .item .item-top .price { font-size: 14px; margin-bottom: 10px;}
.pricing-content li .item .item-top .price em { font-size: 28px; color: #e8363f;}
.pricing-content li .item .item-top .original-price { text-decoration: line-through; margin-bottom: 10px; color: #999;}
.pricing-content li .item .basic { background: url("../images/pricing-bg1.jpg") no-repeat 0 0; background-size: cover;}
.pricing-content li .item .basic.free { background: #eee;}
.pricing-content li .item .professional { background: url("../images/pricing-bg2.jpg") no-repeat 0 0; background-size: cover;}
.pricing-content li .item .compliance { color: #fff; background: url("../images/pricing-bg3.jpg") no-repeat 0 0; background-size: cover;}
.pricing-content li .item-top a span { position: relative; display: inline-block; padding-right: 10px;}
.pricing-content li .item-top a span .icon-arrow { display: inline-block; width: 14px; height: 14px; margin-left: 8px; position: absolute; top: 50%; margin-top: -8px; background: url(../images/icon-right-arrow.png) no-repeat 0 0; background-size: 100% auto; transition: all .3s ease;}
.pricing-content li .item-top a:hover span .icon-arrow { margin-left: 12px; transition: all .3s ease;}

.pricing-compare { margin-bottom: 30px;}
.pricing-compare h2 { font-size: 26px; margin-bottom: 30px; font-weight: normal;}

.pricing-compare table { margin-bottom: 30px; width: 100%; text-align: center;}
.pricing-compare table th { background-color: #f8f8f8; border: 1px solid #eee; padding: 10px;}
.pricing-compare table th.left { text-align: left;}
.pricing-compare table td { border: 1px solid #eee; padding: 10px;}
.pricing-compare table td p { margin: 10px 0;}
.pricing-compare table td img { width: 20px;}

.pricing-enterprise { margin-bottom: 30px; background: url(../images/enterprise.jpg) no-repeat center center; background-size: cover;}
.pricing-enterprise .text { padding: 30px; color: #fff; text-align: left; position: relative; font-size: 20px; text-align: center;}
.pricing-enterprise .text p { max-width: 660px; margin: 0 auto 20px auto;}
.pricing-enterprise .text a { background-color: #e8363f; color: #fff; border-radius: 4px; display: inline-block; padding: 7px 30px; margin-bottom: 10px;}

/*---pricing-faq---*/
.pricing-faq { margin-bottom: 30px; padding-top: 20px;}
.pricing-faq h2.tit { font-size: 18px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee;}
.pricing-faq ul li { text-align: left; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee;}
.pricing-faq ul li h3 { font-size: 14px; margin-bottom: 5px;}
.pricing-faq ul li a { color: #e8363f; text-decoration: underline;}


.pricing-content li .item .item-text { text-align: left; padding: 20px 15px;}
.pricing-content li .item .item-text dd { margin-bottom: 8px; font-size: 13px; padding-left: 22px; position: relative;}
.pricing-content li .item .item-text span { display: inline-block;}
.pricing-content li .item .item-text span.icon-yes { position: absolute; left: 0; top: 0px;}

.pricing-content li .item .item-text .icon-yes { margin-right: 5px; display: inline-block; width: 18px; height: 18px; background: url("../images/icon-yes.png") no-repeat 0 0; background-size: 100% auto; overflow: hidden; text-indent: 30px;}
.pricing-content li .item .item-text em.red { color: #e8363f;}
.pricing-content li .item .item-text em.bold { font-weight: bold; font-style: italic;}

.pricing-box i.icon-blockchains { font-weight: normal; display: inline-block; font-size: 11px; width: 12px; height: 12px; line-height: 12px; border-radius: 100%; color: #333; background-color: #fff; border: 1px solid #333; font-style: normal; text-align: center; cursor: pointer;}
.pricing-box i.icon-blockchains:hover { background-color: #333; border: 1px solid #333; color: #fff;}
.pricing-box i.icon-solana { display: inline-block; width: 20px; height: 20px; background: url(../images/chain/chain-solana.png) no-repeat 0 0; background-size: 100% auto; border-radius: 100%; position: relative; top: -2px; vertical-align: middle; margin-right: 6px;}

.blockchains-box { display: none;}
.blockchains-bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999998; background-color: rgba(0, 0, 0, .5);}
.blockchains-con { z-index: 999999; box-shadow: 0 10px 10px rgba(10, 16, 34, .1); width: 400px; padding: 30px; position: fixed; left: 50%; top: 49%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); background-color: #fff; border-radius: 4px;}
.blockchains-con h2 { font-size: 20px; margin-bottom: 20px;}
.blockchains-con table { text-align: left;}
.blockchains-con table th { text-align: center; background-color: #f8f8f8;}
.blockchains-con table td,.blockchains-con table th { border: 1px solid #eee; padding: 6px 10px;}
.blockchains-con table td i.icon-chain { display: inline-block; width: 24px; height: 24px; vertical-align: middle; border-radius: 100%;}
.blockchains-con table td i.icon-chain-btc { background: url(../images/chain/chain-btc.png) no-repeat center center; background-size: 140% auto;}
.blockchains-con table td i.icon-chain-eth { background: url(../images/chain/chain-eth.png) no-repeat center center; background-size: 140% auto;}
.blockchains-con table td i.icon-chain-bsc { background: url(../images/chain/chain-bsc.png) no-repeat center center; background-size: 140% auto;}
.blockchains-con table td i.icon-chain-tron { background: url(../images/chain/chain-tron.png) no-repeat center center; background-size: 140% auto;}
.blockchains-con table td i.icon-chain-matic { background: url(../images/chain/chain-matic.png) no-repeat center center; background-size: 140% auto;}
.blockchains-con table td i.icon-chain-iotex { background: url(../images/chain/chain-iotex.png) no-repeat center center; background-size: 140% auto;}
.blockchains-con table td i.icon-chain-avax { background: url(../images/chain/chain-avax.png) no-repeat center center; background-size: 140% auto;}
.blockchains-con table td i.icon-chain-arb { background: url(../images/chain/chain-arb.png) no-repeat center center; background-size: 140% auto;}
.blockchains-con table td i.icon-chain-op { background: url(../images/chain/chain-op.png) no-repeat center center; background-size: 140% auto;}
.blockchains-con table td i.icon-chain-base { background: url(../images/chain/chain-base.png) no-repeat center center; background-size: 140% auto;}
.blockchains-con table td i.icon-chain-zksync { background: url(../images/chain/chain-zksync.png) no-repeat center center; background-size: 140% auto;}
.blockchains-con table td i.icon-chain-merlin { background: url(../images/chain/chain-merlin.png) no-repeat center center; background-size: 140% auto;}
.blockchains-con table td i.icon-chain-ton { background: url(../images/chain/chain-ton.png) no-repeat center center; background-size: 140% auto;}
.blockchains-con table td i.icon-chain-LTC { background: url(../images/chain/chain-LTC.png) no-repeat center center; background-size: 150% auto;}
.blockchains-con table td i.icon-chain-DOGE { background: url(../images/chain/chain-DOGE.png) no-repeat center center; background-size: 150% auto;}
.blockchains-con table td i.icon-chain-BCH { background: url(../images/chain/chain-BCH.png) no-repeat center center; background-size: 160% auto;}
.blockchains-con table td i.icon-chain-hsk { background: url(../images/chain/chain-hsk.png) no-repeat center center; background-size: 160% auto;}
.blockchains-con table td i.icon-chain-solana { background: url(../images/chain/chain-solana.png) no-repeat center center; background-size: 160% auto;}
.blockchains-con .icon-close { cursor: pointer; position:absolute; right: 16px; top: 16px; display: inline-block; width: 30px; height: 30px; background: url(../images/icon-no.png) no-repeat center center; background-size: 80% auto;}
.blockchains-con .icon-close:hover {
    transition: all .3s ease;
    transform:rotate(180deg);
    -ms-transform:rotate(180deg); /* IE 9 */
    -moz-transform:rotate(180deg); 	/* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg);
}

.basic-notlogin { display: block;}
.basic-logined { display: none;}

.pricing-light-free { margin-bottom: 40px;}
.pricing-light-free .btn-light { position: relative; margin-right: 15px; border-radius: 50px; display: inline-block; background-color: #e8363f; border: 1px solid #e8363f; color: #fff; padding: 8px 25px; font-size: 15px; box-shadow: 0 1px 3px -2px rgba(0, 0, 0, .1); transition: all .3s ease;}
.pricing-light-free .btn-light:hover { box-shadow: 0 10px 30px -2px rgba(0, 0, 0, .2); transition: all .3s ease;}
.pricing-light-free .btn-light i { display: inline-block; width: 16px; height: 16px; background: url(../images/newimages/icon-arrow-right.png) no-repeat 0 -16px; background-size: 100% auto; position: relative; top: 3px; margin-left: 8px;}
.pricing-light-free .btn-Wallet-Risk-Assessment { position: relative; border-radius: 50px; display: inline-block; border: 1px solid #000; color: #000; padding: 8px 25px; font-size: 15px; box-shadow: 0 1px 3px -2px rgba(0, 0, 0, .1); transition: all .3s ease;}
.pricing-light-free .btn-Wallet-Risk-Assessment:hover { box-shadow: 0 10px 30px -2px rgba(0, 0, 0, .2); transition: all .3s ease;}
.pricing-light-free .btn-Wallet-Risk-Assessment i { display: inline-block; width: 16px; height: 16px; background: url(../images/newimages/icon-arrow-right.png) no-repeat 0 0; background-size: 100% auto; position: relative; top: 3px; margin-left: 8px;}

.pricing-box .tabs-tit { padding-top: 70px; margin-bottom: 50px; border-bottom: 1px solid #eee;}
/* .pricing-box .tabs-tit span { display: inline-block; background: #f8f8f8; padding: 5px; border-radius: 40px;} */
.pricing-box .tabs-tit a { font-size: 18px; display: inline-block; padding: 8px 25px; color: #000; font-weight: bold;}
.pricing-box .tabs-tit a.active { background-color: #000; color: #fff; border-radius: 4px 4px 0 0;}
.pricing-box .pricing-cco { margin-bottom: 60px; border-radius: 4px; position: relative;}
.pricing-box .pricing-cco img { width: 100%;}
.pricing-box .pricing-cco-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); width: 100%; text-align: center;}
.pricing-box .pricing-cco-text img { max-width: 280px;}
.pricing-box .pricing-cco-text p { max-width: 660px; margin: 30px auto 40px auto; font-size: 14px;}
.pricing-box .pricing-cco-text a.btn-get { border-radius: 4px; display: inline-block; padding: 12px 50px; font-size: 15px; font-weight: bold; color: #000; border: 1px solid #000; transition: all .3s ease;}
.pricing-box .pricing-cco-text a.btn-get:hover { border: 1px solid #e8363f; color: #e8363f; transition: all .3s ease;}

/*--===term-of-use===---*/
.term-of-use-box { margin: 0 auto; max-width: 1200px; text-align: left; padding: 150px 0 100px 0; width: 80%;}
.term-of-use-box .title { margin-bottom: 60px;}
.term-of-use-box .title h1 { font-size: 30px;}
.term-of-use-box .title p { font-size: 14px;}
.term-of-use p { margin: 10px 0; font-size: 13px;}
.term-of-use h3 { margin: 20px 0; font-size: 24px;}
.term-of-use ul { padding-left: 20px;}
.term-of-use ul li { list-style: initial;}

/*--===term-of-use===---*/
.privacy-policy-box { margin: 0 auto; max-width: 1200px; text-align: left; padding: 150px 0 100px 0; width: 80%;}
.privacy-policy-box .title { margin-bottom: 60px;}
.privacy-policy-box .title h1 { font-size: 30px;}
.privacy-policy-box .title p { font-size: 14px;}
.privacy-policy p { margin: 10px 0; font-size: 13px;}
.privacy-policy h1 { margin: 20px 0; font-size: 24px;}
.privacy-policy h2 { margin: 20px 0; font-size: 18px;}
.privacy-policy h3 { margin: 20px 0; font-size: 16px;}
.privacy-policy ul { padding-left: 20px;}
.privacy-policy ul li { list-style: initial;}



/*---==cookiesTips==---*/
#cookiesTips { position: fixed; z-index: 999999999; left: 0; bottom: 0; text-align: left; width: 100%; background-color: #000; box-shadow: 0 0 20px -2px rgba(0,0,0,0.2);}
#cookiesTips .text-box { padding: 15px 220px 15px 40px;}
#cookiesTips .text { margin-bottom: 5px; text-align: left; line-height: 1.5; color: #999;}
#cookiesTips .text a { color: #ccc; text-decoration: underline; display: inline-block;}
#cookiesTips .text a:hover { color: #fff; text-decoration: underline;}
#cookiesTips .btn-group { position: absolute; right: 40px; top: 50%; margin-top: -14px;}
#cookiesTips .btn-accept { background-color: #fff; color: #333; cursor: pointer; display: inline-block; padding: 4px 15px; border-radius: 3px; margin-right: 10px;}
#cookiesTips .btn-decline { background-color: #333; color: #fff; display: inline-block; padding: 4px 15px; border-radius: 3px; cursor: pointer;}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: -30px;}
.swiper-pagination-bullet-active { background: #000;}

.pricing-content li .item .item-text .enterprise-tips { margin-bottom: 15px; padding: 5px 0 0 5px;}

/*--faq-box--*/
.faq-box { max-width: 1200px; width: 90%; margin: 0 auto; padding-top: 100px;}
.faq-box h1.title { padding-top: 50px; margin-bottom: 10px; font-size: 32px; font-weight: normal;}
.faq-box .intro { margin-bottom: 80px; font-size: 14px; color: #666;}
.faq-list { text-align: left; margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px dotted #ddd; margin-left: 45px;}
.faq-list:last-child { border-bottom: none;}
.faq-list .faq-ask { margin-bottom: 20px;}
.faq-list .faq-ask h2 { position: relative;}
.faq-list .faq-ask h2 span { font-weight: normal; background: #181818; color: #fff; margin-right: 8px; padding: 0 8px; border-radius: 3px; position: absolute; left: -45px;}

.faq-list .faq-answer { font-size: 14px; color: #666;}
.faq-list .faq-answer p { margin-bottom: 10px;}
.faq-list .faq-answer a { color: #333; text-decoration: underline;}
.faq-list .faq-answer a:hover { color: #e8363f;}

.faq-list .faq-zh { padding-top: 30px;}
.faq-list .faq-zh h3 { margin-bottom: 15px;}
.faq-list .faq-zh p { font-size: 13px; color: #666; line-height: 1.8;}
.faq-list .faq-zh a { color: #333; text-decoration: underline;}
.faq-list .faq-zh a:hover { color: #e8363f;}

/*--risky-usdt--*/
/* .risky-usdt { position: fixed; bottom: 10px; right: 10px; z-index: 99998;}
.risky-usdt a.btn-close { z-index: 99999; position: absolute; top: 2px; right: 2px; display: inline-block; width: 30px; height: 30px; background: url(../images/icon-x.png) no-repeat center center; background-size: 45% auto; transition: all .3s ease;}
.risky-usdt a.btn-close:hover {
    transition: all .3s ease;
    transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -o-transform:rotate(180deg);
}

.risky-usdt img { width: 200px;}

.search-box { height: 90px; padding-top: 20px; max-width: 640px; margin: 0 auto;}
.search-tips { padding-top: 10px; color: #e8363f; font-style: italic;} */


/*--iso--*/
.index-footer-copyright { border-top: 1px solid #333; clear: both; padding-top: 10px;}
.index-footer-copyright .copyright-box { float: left; color: #666;}
.index-footer-copyright .copyright-box a { display: block; width: 200px; height: 42px;}
.index-footer-copyright .copyright-box img { width: 200px; display: block;}
.index-footer-copyright .iso-certified { float: right; padding-top: 10px;}
.index-footer-copyright .iso-certified img { width: 50px;}

/*--try-standard-tips--*/
.try-standard-tips { margin-bottom: 40px; text-align: left; background-color: #000; color: #fff; padding: 12px 40px; position: relative; border-radius: 4px;}
.try-standard-tips i.tips { position: absolute; left: 12px; top: 50%; margin-top: -8px; display: inline-block; width: 16px; height: 16px; line-height: 16px; background: url(../images/icon-tips.png) no-repeat center center; background-size: 100% auto;}
.try-standard-tips p span { font-size: 14px; color: #e8363f; font-weight: bold;}
.try-standard-tips a { display: block; color: #fff;}
.try-standard-tips i.icon-arrow { position: absolute; right: 12px; top: 50%; margin-top: -7px; display: inline-block; width: 14px; height: 14px; line-height: 14px; background: url(../images/icon-right-arrow.png) no-repeat center center; background-size: 100% auto;}




/* .intro-pic { max-width: 1140px; width: 92%; margin: 0 auto; overflow: hidden; padding: 30px 0;}
.intro-pic img { max-width: 1000px; width: 82%; box-shadow: 0 0 20px -2px rgba(0,0,0,0.1);}
.intro-pic .swiper-container { overflow: initial;}
.swiper-button-next { cursor: pointer; background: #fff url("../images/icon-arrow-right.png") no-repeat 50% -50%; width: 20px; height: 20px; background-size: 50% auto; box-shadow: 0 0 10px -2px rgba(0,0,0,0.2); border-radius: 100%; padding: 5px;}
.swiper-button-next:hover { background-position: 50% 150%;}
.swiper-button-prev { cursor: pointer; background: #fff url("../images/icon-arrow-left.png") no-repeat 50% -50%; width: 20px; height: 20px; background-size: 50% auto; box-shadow: 0 0 10px -2px rgba(0,0,0,0.2); border-radius: 100%; padding: 5px;}
.swiper-button-prev:hover { background-position: 50% 150%;} */



@media screen and (max-width: 1350px) {
    .products-con ul li .item p { min-height: 58px;}

}
@media screen and (max-width: 1280px) {
    .coin-con .chain ul li { width: 12.5%;}

}

@media screen and (max-width: 1200px) {
    .banner-right { width: 300px;}
    .banner-left { width: 590px;}
    .banner-right img.HKICT { max-width: 150px;}
    .products-con ul li .item h3 { font-size: 14px;}

}

@media screen and (max-width: 1175px) {
    .use-cases-box ul.intro li .item { padding: 30px 20px;}
    .use-cases-box ul.more-intro li .item { padding: 30px 20px;}
    .coin-con .chain ul li { width: 14.2%;}
    
}
@media screen and (max-width: 1100px) {
    .header .nav li { margin-right: 25px;}
    .header .nav { margin-right: 10px;}
    .btn-dashboard a { padding: 7px 20px; font-size: 14px;}
    /*--footer--*/
    .footer-right { width: 500px;}
    .footer-right .media a { margin-left: 30px;}
    .banner-left { width: 530px;}
    .banner-left .slogan { font-size: 30px;}
    .banner-left .btn-light { padding: 5px 20px; margin-right: 5px;}
    .banner-left .btn-Wallet-Risk-Assessment { padding: 5px 20px;}
    .products-con ul li .item h3 { font-size: 12px;}
    .products-con ul li .item p { min-height: 74px;}
    .use-cases-box ul.intro li .item h3 { font-size: 14px;}
    .use-cases-box ul.more-intro li .item h3 { font-size: 14px;}
    .use-cases-box ul.intro li .item { padding: 30px 20px; border: none; box-shadow: none;}





    

}
@media screen and (max-width: 1000px) {
    .banner-left .slogan { padding-top: 20px;}
    .banner-left { width: 400px; padding-right: 30px;}
    .banner-left .btn-Wallet-Risk-Assessment { display: none;}
    .coin-con .chain ul li { width: 16.66%;}

}
@media screen and (max-width: 960px) {
    .products-con ul li { width: 50%;}
    .products-con ul li .item h3 { font-size: 15px;}
    .products-con ul li .item p { min-height: 40px;}

}

@media screen and (max-width: 940px) {
    .header .logo img { width: 160px;}
    .header .nav { margin-right: 5px;}
    .header .nav li { margin-right: 20px;}
    .header .nav li a { font-size: 13px;}
    .btn-dashboard { padding-top: 2px;}
    .btn-dashboard a { padding: 6px 15px; font-size: 12px;}
    /*--footer--*/
    .footer-left { width: 250px;}
    .footer-right { width: 400px;}
    .footer-right .media a { margin-left: 20px;}
    
    .pricing-box .pricing-cco-text img { max-width: 200px;}
    .pricing-box .pricing-cco-text p { margin: 18px auto 30px auto; padding: 0 30px;}
    .pricing-box .pricing-cco-text a.btn-get { padding: 8px 20px;}
    .coin-con .chain ul li { width: 20%;}
    .coin-con .stablecoin ul li .item { padding: 10px;}

}

@media screen and (max-width: 840px) {
    .banner-box { padding-bottom: 60px;}
    .home-banner { background-size: 135% auto;}
    .banner-left .slogan { text-align: center; max-width: 600px; margin: 0 auto 20px auto;}
    .banner-left .intro { margin: 0 auto 40px auto; text-align: center;}
    .banner-left { float: none; width: auto; padding: 0;}
    .banner-left .btn-group { text-align: center; margin-bottom: 50px;}
    .banner-right { float: none; text-align: center; width: auto;}
    .banner-right p { max-width: 580px; margin: 0 auto;}
    .banner-right img.HKICT { max-width: 120px;}


}

@media screen and (max-width: 750px) {

    .products-con { padding: 40px 0;}
    .products-con .title h2 { font-size: 18px; margin-bottom: 20px; font-weight: bold;}
    .products-con .title p { margin-bottom: 30px;}
    .products-con ul { margin: 0 -10px;}
    .products-con ul li .item { margin: 0 10px;}
    .products-con ul li .item a { padding: 8px 0;}

    
    .nav-service-box:before { display: none;}
    .header .nav li { position: inherit;}
    .header .nav li .nav-service-box { background: none; box-shadow: none;}
    .header .nav li .nav-service-con { padding: 10px; display: block; background-color: #fff; position: fixed; top: 0; right: 0; width: 75%; height: 100%; z-index: 99999;}
    .header .nav li .nav-service-bg { z-index: 9998; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5)}
    .header .nav li .nav-service-con h3.title { margin: 30px 0 20px 0; font-size: 18px; display: block;}
    .header .nav li .nav-service-con i.btn-close { cursor: pointer; position: absolute; right: 5px; top: 10px; display: inline-block; width: 40px; height: 40px; background: url("../images/btn-close.png") no-repeat center center; background-size: 80% auto;}
    .header .nav li.li-service:hover .nav-service-box { display: none;}

    /*--header--*/
    .header { position: relative; text-align: left; padding: 10px 20px;}
    .header .logo { float: none; padding: 0;}
    .header .logo img { width: 140px;}
    .btn-dashboard { position: absolute; right: 20px; top: 12px;}
    .btn-dashboard a { padding: 4px 15px; font-size: 12px;}
    .header .nav-box { float: none; width: 100%;}
    .header .nav { float: none; width: 100%;}
    .header .nav li { margin: 0; width: 16.66%; text-align: center;}
    /* .header .nav li:first-child { display: none;} */

    /*--.features-con--*/
    .features-con { padding: 40px 0;}
    .features-con .title h2 { font-size: 18px; font-weight: bold; margin-bottom: 10px;}
    .features-con .title p { padding-bottom: 20px;}
    .features-con ul li { width: 100%; margin-bottom: 20px;}
    .features-con ul li .item { text-align: left; position: relative; padding: 15px 15px 15px 120px; border: 1px solid #eee; box-shadow: 0 0 8px -2px rgba(0, 0, 0, 0.15); border-radius: 4px;}
    .features-con ul li .item img { position: absolute; left: 20px; top: 50%; transform: translateY(-50%);}
    .features-con ul li .item h3 { margin-bottom: 0;}
    .features-con ul li .item span.num { margin-bottom: 0;}
    
    /*--coin-con--*/
    .coin-con { padding: 40px 0;}
    .coin-con .title h2 { font-size: 18px; font-weight: bold; margin-bottom: 10px;}
    .coin-con .title p { padding-bottom: 30px;}
    .coin-con .stablecoin { margin-bottom: 20px;}
    .coin-con .stablecoin ul li { width: 20%;}
    .coin-con .stablecoin ul li .item { border: none; box-shadow: none; background: none;}
    .coin-con .chain ul li { width: 25%;}
    .coin-con .chain ul li .item { border: none; box-shadow: none; background: none;}

    /*--use-cases-box--*/
    .use-cases-box { padding: 40px 0;}
    .use-cases-box .title h2 { font-size: 18px; font-weight: bold; margin-bottom: 10px;}
    .use-cases-box .title p { padding-bottom: 30px;}
    .use-cases-box ul.intro li { width: 100%; margin-bottom: 20px;}
    .use-cases-box ul.intro li .item { margin: 0 5px; border: 1px solid #eee; box-shadow: 0 0 8px -2px rgba(0, 0, 0, 0.15);}
    .use-cases-box ul.intro li .item h3 { margin-bottom: 10px;}
    .use-cases-box ul.intro li .item dl dd { font-size: 11px;}
    .use-cases-box ul.more-intro li { float: none; width: 100%; margin-bottom: 20px;}
    .use-cases-box ul.more-intro li .item { position: relative; padding: 15px 15px 15px 90px; text-align: left;}
    .use-cases-box ul.more-intro li .item img { position: absolute; left: 20px; top: 50%; transform: translateY(-50%); width: 50px;}
    .use-cases-box ul.more-intro li .item h3 { font-size: 13px;}
    .use-cases-box ul.more-intro li .item p { margin-bottom: 0;}
    .use-cases-box .more-powerful { font-size: 16px; margin: 20px 0;}


    /*--as-seen-on--*/
    .as-seen-on-con { padding: 40px 0;}
    .as-seen-on ul { margin: 0;}
    .as-seen-on ul li { width: 100%; margin-bottom: 20px;}
    .as-seen-on ul li .title { padding: 0; height: 90px;}
    .as-seen-on .title h2 { font-size: 18px; font-weight: bold; margin-bottom: 25px;}
    .as-seen-on ul li a { position: relative; height: 90px; padding: 0 10px 0 150px; margin: 0;}
    .as-seen-on ul li a img { width: 155px; height: 90px; position: absolute; left: 0; top: 0; border-radius: 6px 0 0 6px; float: left;}
    .as-seen-on ul li h3 { font-weight: normal; font-size: 14px; height: 68px; position: absolute; top: 50%; left: 15px; margin-top: -34px;}
    .as-seen-on ul li .title p { display: none; right: -65px; top: 32px; bottom: auto;}
    .as-seen-on a.btn-more { margin-top: 10px; font-size: 13px; padding: 5px 18px;}


    /*--backed-box--*/
    .backed-box { padding: 40px 0 25px 0;}
    .backed-box h3.tit { font-size: 14px; margin: 0 15px 15px 15px; padding-bottom: 10px;}
    .backed-box h3.tit span::before { margin-right: 8px; background-size: 50% auto; background-position: 100% 50%;}
    .backed-box h3.tit span::after { margin-left: 8px; background-size: 50% auto;}
    .backed-box .title h2 { font-size: 18px; font-weight: bold;}
    .backed-box .title p { margin-bottom: 20px;}
    .backed-box ul li { width: 25%; margin-bottom: 10px;}
    .backed-box ul li img { width: 75%;}
    .supporters-box { padding: 15px 0 10px 0; margin-bottom: 20px;}
    .supporters-intro dl { margin: 0 -5px;}
    .supporters-intro dd .item { padding: 0 5px; margin: 0 5px;}
    .supporters-intro dd .item span.num { font-size: 20px;}
    .supporters-intro dd .item img { width: 80%;}
    .supporters-intro dd .item h3 { font-size: 13px; line-height: 1.4;}
    .supporters-intro dd .item p { line-height: 1.4; font-size: 11px;}

    /*--footer--*/
    .footer { padding-top: 50px;}
    .footer-left .footer-logo { margin-bottom: 10px;}
    .footer-left { float: none; width: 100%; text-align: center;}
    .footer-left .slogan { font-size: 14px;}
    .footer-right { float: none; width: 100%;}
    .footer-right .media { text-align: center;}
    .footer-right .media a { margin: 0 6px;}
    .footer-right .nav li { text-align: center;}
    .footer-bottom .copyright { float: none; text-align: center;}
    .footer-bottom .SlowMist-logo { float: none; text-align: center;}
    .footer-right .nav li h3 { font-size: 14px;}
    .footer-right .nav li p a { font-size: 11px;}

    /*--iso--*/
    .index-footer-copyright .copyright-box { float: none; text-align: center;}
    .index-footer-copyright .copyright-box p { font-size: 11px;}
    .index-footer-copyright .copyright-box a { margin: 0 auto;}
    .index-footer-copyright .iso-certified { float: none; text-align: center;}


    .pricing-box .title h2 { padding-top: 30px; font-size: 24px;}
    .pricing-content table h3 { padding: 0; line-height: 1.4;}
    .pricing-content ul { margin: 0;}
    .pricing-content li { width: 100%; float: none; margin-bottom: 20px;}
    .pricing-content li .item { margin: 0; height: auto;}
    .pricing-content li .item .item-box { padding: 30px 0; height: auto;}
    .pricing-content li .item .intro { min-height: auto; margin-bottom: 10px;}

    /* .pricing-box .pricing-cco .pricing-cco-text { padding: 0 20px;} */
    .pricing-box .pricing-cco .pricing-cco-img { width: 140%;} 
    .pricing-light-free .btn-light { margin-right: 0;}
    .pricing-light-free .btn-Wallet-Risk-Assessment { display: none;}

    .banner-left .slogan { font-size: 24px; max-width: 400px;}

    #cookiesTips .text-box { padding: 10px 0; width: 92%; margin: 0 auto;}
    #cookiesTips .btn-group { position: relative; text-align: center; top: auto; right: auto; margin: 0 0 10px 0;}
}

@media screen and (max-width: 650px) {
    .products-con ul li { width: 100%; margin-bottom: 20px;}
    .products-con ul li .item { position: relative; padding: 15px 130px 15px 15px; text-align: left;}
    .products-con ul li .item img { width: 90px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
    .products-con ul li .item h3 { margin-bottom: 0; font-size: 13px;}
    .products-con ul li .item p { min-height: auto; margin-bottom: 5px; font-size: 12px;}
    .products-con ul li .item a { display: inline-block; padding: 2px 15px 4px 15px; font-size: 11px; text-align: center; border-radius: 40px;}
    .products-con ul li .item a i { top: 4px;}
    .coin-con .stablecoin p.intro { margin-bottom: 20px;}
    .coin-con .stablecoin ul li { width: 33.33%;}
    .coin-con .stablecoin ul li .item { padding: 5px;}
    .coin-con .chain ul li .item { padding: 5px;}
    .coin-con .chain ul li { width: 33.33%;}
}

@media screen and (max-width: 550px) {
    .main-top ul { margin-bottom: 10px;}
    .main-top ul li { width: 50%; margin-bottom: 20px;}
    .main-top .slogan { font-size: 24px;}

    .blockchains-con { padding: 20px; width: 280px; font-size: 12px;}
    .blockchains-con table td, .blockchains-con table th { padding: 4px 6px;}
    .pricing-box .pricing-cco .pricing-cco-img { width: 150%;} 
    .pricing-box .tabs-tit a { padding: 5px 10px; font-size: 13px;}

}

@media screen and (max-width: 460px) {
    .as-seen-on ul li h3 { font-size: 12.8px;}
    .pricing-box .pricing-cco .pricing-cco-img { width: 200%;}
}