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

}
@media screen and (max-width: 992px){
	
}
@media screen and (max-width: 600px){
.wap_nav {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 7777;
}
.wap_nav .logo {
    float: left;
    position: absolute;
    left: 0px;
    top: 0px;
	display:block;
}
.wap_nav .logo img{height: 24px;margin-top: 13px;margin-left: 10px;}
body{background: #fff;color: #000;}

.pc{
    display: none;
}
.wap{
    display: block;
}

.container {
    width: calc(1400/600*100vw);
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    padding: 0px 4vw;
    /* display: block; */
    /* position: relative; */
}
.hero-inner{
	display: block;
	padding-top: 48vw;
}
.header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(72/600*100vw);
    background: url(../images/bg1.png) no-repeat center center;
    background-size: cover;
    height: auto;
    position: static;
}

.header .container {
    height: 100%;
    position: fixed;
    height: auto;
    display: block;
    z-index: 77799;
}

.logo {
    gap: calc(10/600*100vw);
    display: none;
}

.logo-icon {
    height: calc(32/600*100vw);
}

.logo-icon img {
    width: 100%;
    height: 100%;
}

.logo-text {
    font-size: calc(20/600*100vw);
}

.nav {
    gap: calc(62/600*100vw);
    display: none;
}

.nav-item {
    font-size: calc(21/600*100vw);
    gap: 5px;
}

.header-actions {
    gap: 8px;
    position: absolute;
    right: 70px;
    top: 0px;
    z-index: 7779;
    padding-top: 11px;
}

.social-icon img, .lang-icon img {
    width: 23px;
    height: 23px;
    object-fit: contain;
}

.social-icon {
    font-size: calc(18/600*100vw);
}
.connect.current .slide {
    visibility: visible;
    opacity: 1;
    z-index: 5;
}
.connect .slide {
    width: calc(185/600*100vw);
    height: calc(118/600*100vw);
    background-size: 100%;
    padding-top: calc(25/600*100vw);
    top: calc(60/600*100vw);
    left: 50%;
    transform: translate(-50%,0%);
}

.connect .slide a {
    font-size: calc(15/600*100vw);
}

.btn-connect {
    border-radius: calc(20/600*100vw);
    font-size: calc(18/600*100vw);
    width: calc(161/600*100vw);
    line-height: calc(44/600*100vw);
}

.lang-icon {
    font-size: calc(20/600*100vw);
}

.hero {
    width: 100%;
    padding-top: 19vw;
    padding-bottom: 19vw;
}

.hero-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hero-content {
    width: 100%;
}

.sub-head {
    font-size: calc(40/600*100vw);
    text-underline-offset: calc(11/600*100vw);
    margin-bottom: calc(10/600*100vw);
}

.main-head {
    font-size: calc(33/600*100vw);
    margin-bottom: calc(27/600*100vw);
}

.tagline {
    font-size: calc(33/600*100vw);
    margin-bottom: calc(20/600*100vw);
}

.desc {
    font-size: calc(21/600*100vw);
    max-width: 90%;
    margin-bottom: calc(21/600*100vw);
}

.btn-create {
    font-size: calc(27/600*100vw);
    border-radius: calc(8/600*100vw);
    width: calc(357/600*100vw);
    height: calc(58/600*100vw);
}

.hero-visual {
    position: absolute;
    text-align: center;
    width: 100%;
    left: 0;
    top: 0;
}

.eni-logo-3d {
    width: calc(314/600*100vw);
}

.eni-logo-3d img {
    width: 72%;
    height: 100%;
}

.demo-section {
    padding: calc(87/600*100vw) 0;
    padding-bottom: 13vw;
}

.browser-window {
    width: 100%;
    border-radius: calc(20/600*100vw);
    padding-top: calc(13/600*100vw);
    max-width: 100%;
}

.browser-window::after {
    top: calc(40/600*100vw);
    left: calc(26/600*100vw);
    right: calc(26/600*100vw);
    bottom: calc(68/600*100vw);
    border-radius: calc(16/600*100vw);
}

.window-header {
    gap: calc(10/600*100vw);
    height: calc(16/600*100vw);
    background-size: auto 100%;
}

.dot {
    width: calc(12/600*100vw);
    height: calc(12/600*100vw);
}

.window-content {
    padding-top: calc(80/600*100vw);
    padding-bottom: calc(108/600*100vw);
}

.demo-title-group {
    margin-bottom: calc(27/600*100vw);
}

.demo-title-group h2 {
    font-size: calc(28/600*100vw);
    margin-bottom: calc(20/600*100vw);
}

.demo-title-group p {
    font-size: calc(12/600*100vw);
    line-height: 1.4;
}

.search-wrap {
    width: 74%;
    margin-bottom: calc(25/600*100vw);
}

.search-bar {
    border-radius: calc(10/600*100vw);
    padding: 0 calc(20/600*100vw);
    height: calc(65/600*100vw);
    padding-right: calc(20/600*100vw);
}

.search-bar input {
    font-size: calc(20/600*100vw);
    width: calc(158/600*100vw);
}

.search-bar .suffix {
    font-size: calc(27/600*100vw);
    margin-right: calc(26/600*100vw);
}

.search-icon {
    background-size: 100%;
    width: calc(33/600*100vw);
    height: calc(33/600*100vw);
    display: block;
}

.reg-card {
    width: calc(636/600*100vw);
    border-radius: calc(23/600*100vw);
    padding: calc(22/600*100vw) calc(31/600*100vw);
    box-shadow: 0 calc(10/600*100vw) calc(30/600*100vw) rgba(0,0,0,0.2);
    padding-top: 0;
    width: 84%;
}

.reg-row {
    padding-bottom: calc(20/600*100vw);
    padding-top: calc(20/600*100vw);
}

.label {
    font-size: calc(17/600*100vw);
}

.val-lg .words {
    font-size: calc(27/600*100vw);
    width: 100%;
}

.val-lg {
    font-size: calc(27/600*100vw);
    padding-top: calc(12/600*100vw);
}

.year-stepper {
    border-radius: calc(4/600*100vw);
    height: calc(41/600*100vw);
}

.btn-step {
    width: calc(40/600*100vw);
    font-size: calc(20/600*100vw);
    height: 100%;
}

.year-val .words {
    height: 100%;
    font-size: calc(21/600*100vw);
    width: calc(74/600*100vw);
}

.custom-checkbox .checkmark {
    width: calc(20/600*100vw);
    height: calc(20/600*100vw);
    border-radius: calc(4/600*100vw);
}

.divider {
    margin: calc(20/600*100vw) 0;
}

.total-row {
    margin-bottom: calc(20/600*100vw);
}

.val-total {
    font-size: calc(20/600*100vw);
}

.btn-register {
    width: calc(356/600*100vw);
    height: calc(44/600*100vw);
    border-radius: calc(25/600*100vw);
    font-size: calc(21/600*100vw);
    box-shadow: 0 calc(4/600*100vw) calc(15/600*100vw) rgba(48,207,156,0.3);
}

.window-footer-deco {
    bottom: calc(12/600*100vw);
    left: 0;
    width: 100%;
}

.circle-icon {
    width: calc(45/600*100vw);
    height: calc(45/600*100vw);
}

.circle-icon::after {
    width: calc(16/600*100vw);
    height: calc(16/600*100vw);
}

.info-section {
    padding-bottom: calc(71/600*100vw);
}

.info-text {
    width: calc(676/600*100vw);
    padding-top: calc(60/600*100vw);
}

.info-title {
    font-size: calc(54/600*100vw);
    margin-bottom: calc(25/600*100vw);
}

.info-subtitle {
    margin-bottom: calc(40/600*100vw);
    font-size: calc(27/600*100vw);
}

.info-desc p {
    font-size: calc(21/600*100vw);
    margin-bottom: calc(21/600*100vw);
}

.info-list-head {
    font-size: calc(24/600*100vw);
    margin-top: calc(42/600*100vw);
}

.info-img-box {
    width: 40%;
    display: none;
}

.info-img-box img {
    width: 100%;
}

.info-grid	.grid-item{
	width: 50%;
	flex: auto;
	margin-bottom: 8vw;
	}
.info-grid {
    padding-top: calc(33/600*100vw);
    display: grid;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.check-icon {
    margin-bottom: calc(17/600*100vw);
}

.check-icon i {
    width: calc(32/600*100vw);
    height: calc(32/600*100vw);
    background-size: 100%;
}

.grid-item p {
    font-size: calc(21/600*100vw);
}

.split-color-shape {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: calc(58/600*100vw);
    padding-right: calc(72/600*100vw);
    clip-path: none;
    position: relative;
    padding: calc(50/600*100vw);
}

.shape-content {
    width: 100%;
    text-align: left;
}

.shape-title {
    font-size: calc(45/600*100vw);
    margin-bottom: calc(47/600*100vw);
}

.shape-desc p {
    font-size: calc(24/600*100vw);
}

.white-content {
    width: 100%;
    padding-top: calc(50/600*100vw);
    padding: calc(50/600*100vw) 0;
}

.white-text-group h3 {
    font-size: calc(27/600*100vw);
    margin-bottom: calc(46/600*100vw);
}

.feature-list li {
    gap: calc(15/600*100vw);
    padding-bottom: calc(20/600*100vw);
    font-size: calc(24/600*100vw);
}

.feature-list li i {
    width: calc(32/600*100vw);
    height: calc(32/600*100vw);
    background-size: 100%;
}

.features-card-section {
    padding: calc(150/600*100vw) 0;
    padding-bottom: calc(112/600*100vw);
}

.section-header {
    margin-bottom: calc(60/600*100vw);
}

.head-title {
    margin-bottom: calc(20/600*100vw);
    font-size: calc(45/600*100vw);
    line-height: calc(60/600*100vw);
}

.head-sub {
    font-size: calc(24/600*100vw);
}

.head-sub-long {
    font-size: calc(21/600*100vw);
    max-width: 800px;
}

.cards-grid {
    gap: 0;
    margin-bottom: calc(42/600*100vw);
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.feature-card {
    width: calc(300/600*100vw);
    border-radius: calc(20/600*100vw);
    padding: calc(34/600*100vw) calc(31/600*100vw) calc(56/600*100vw);
    width: 43vw;
    display: block;
    margin-bottom: 7vw;
    padding-top: 8vw;
}

.card-icon img {
    height: calc(112/600*100vw);
    margin-bottom: calc(30/600*100vw);
}

.feature-card p {
    font-size: calc(17/600*100vw);
}

.section-footer-text {
    font-size: calc(20/600*100vw);
}

.text-small {
    font-size: calc(21/600*100vw);
    padding-bottom: calc(71/600*100vw);
}
.why-item{
	margin-bottom:5vw;
	flex: auto;
	width: 46%;
}
.why-grid {
    gap: calc(40/600*100vw);
    margin-top: calc(47/600*100vw);
    margin-bottom: calc(70/600*100vw);
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.why-img {
    height: calc(122/600*100vw);
    margin-bottom: calc(30/600*100vw);
}

.why-img img {
    width: 100%;
    height: 100%;
}

.why-item p {
    font-size: calc(21/600*100vw);
    line-height: calc(36/600*100vw);
    height: calc(60/600*100vw);
}

.vision-footer {
    padding-top: calc(85/600*100vw);
    padding-bottom: calc(60/600*100vw);
}

.vision-content {
    margin: 0 auto calc(10/600*100vw);
}

.vision-group {
    margin-bottom: calc(40/600*100vw);
}

.vision-title {
    font-size: calc(45/600*100vw);
    margin-bottom: calc(7/600*100vw);
    padding-bottom: calc(5/600*100vw);
}

.vision-title.big {
    font-size: calc(60/600*100vw);
}

.vision-text {
    font-size: calc(21/600*100vw);
    margin-bottom: calc(10/600*100vw);
}

.vision-list li {
    font-size: calc(20/600*100vw);
    margin-bottom: calc(10/600*100vw);
}

.vision-list li.highlight {
    margin-top: calc(20/600*100vw);
}

.footer-bar {
    padding-top: calc(13/600*100vw);
    font-size: calc(15/600*100vw);
}

.footer-logo {
    gap: 10px;
    font-size: calc(18/600*100vw);
}

.footer-logo img {
    height: calc(25/600*100vw);
}

.nav .fa-angle-down {
    width: calc(14/600*100vw);
    height: calc(14/600*100vw);
    background-size: 100%;
}

.nav dl {
    left: 50%;
    transform: translate(-50%,0%);
    top: calc(51/600*100vw);
    padding: calc(11/600*100vw) calc(21/600*100vw);
    z-index: -1;
}

.nav dl dd a {
    font-size: calc(18/600*100vw);
}

.account-page {
    padding-top: calc(154/600*100vw);
    padding-bottom: calc(112/600*100vw);
}

.page-title {
    font-size: calc(35/600*100vw);
    margin-bottom: calc(56/600*100vw);
}

.account-card {
    border: calc(3/600*100vw) solid #fff;
    border-radius: calc(20/600*100vw);
    padding: calc(40/600*100vw);
    box-shadow: 0 calc(20/600*100vw) calc(50/600*100vw) rgba(0,0,0,0.3);
    min-height: calc(600/600*100vw);
}

.balance-section {
    margin-bottom: calc(30/600*100vw);
}

.balance-info .label b {
    font-size: calc(36/600*100vw);
}

.balance-info .label {
    font-size: calc(24/600*100vw);
    margin-right: calc(10/600*100vw);
    margin-bottom: calc(18/600*100vw);
}

.val-balance {
    font-size: calc(40/600*100vw);
}

.action-btns {
    gap: calc(20/600*100vw);
}

.btn-claim,
.btn-copy {
    border-radius: calc(8/600*100vw);
    padding: calc(10/600*100vw) calc(30/600*100vw);
    font-size: calc(16/600*100vw);
}

.card-divider {
    margin-bottom: calc(37/600*100vw);
}

.sec-title {
    font-size: calc(24/600*100vw);
    margin-bottom: calc(14/600*100vw);
}

.enid-grid {
    gap: calc(29/600*100vw);
}

.enid-item {
    width: calc(136/600*100vw);
    height: calc(178/600*100vw);
    border-radius: calc(23/600*100vw);
    padding: calc(12/600*100vw) calc(8/600*100vw);
}

.enid-item:hover {
    transform: translateY(-5px);
}

.enid-icon {
    width: 100%;
    height: calc(117/600*100vw);
    margin-bottom: calc(17/600*100vw);
}

.enid-icon img {
    width: 100%;
}

.enid-name {
    font-size: calc(18/600*100vw);
}

.account-footer {
    padding-bottom: calc(40/600*100vw);
    padding-top: calc(47/600*100vw);
}

.footer-divider {
    margin-bottom: calc(13/600*100vw);
}

.copyright {
    font-size: calc(15/600*100vw);
    letter-spacing: 1px;
}

.footer-logo {
    gap: 10px;
    font-size: calc(18/600*100vw);
}

.footer-logo img {
    height: calc(24/600*100vw);
}

}