/* Nitesh */
/* Import Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap'); 

@font-face{font-family: 'CabinetGrotesk-Variable'; src: url('../webfonts/CabinetGrotesk-Variable.woff2') format('woff2'), url('../webfonts/CabinetGrotesk-Variable.woff') format('woff'), url('../webfonts/CabinetGrotesk-Variable.ttf') format('truetype'); font-weight: 100 900; font-display: swap; font-style: normal;}
@font-face{font-family: 'CabinetGrotesk-Thin'; src: url('../webfonts/CabinetGrotesk-Thin.woff2') format('woff2'), url('../webfonts/CabinetGrotesk-Thin.woff') format('woff'), url('../webfonts/CabinetGrotesk-Thin.ttf') format('truetype'); font-weight: 100; font-display: swap; font-style: normal;}
@font-face{font-family: 'CabinetGrotesk-Extralight'; src: url('../webfonts/CabinetGrotesk-Extralight.woff2') format('woff2'), url('../webfonts/CabinetGrotesk-Extralight.woff') format('woff'), url('../webfonts/CabinetGrotesk-Extralight.ttf') format('truetype'); font-weight: 200; font-display: swap; font-style: normal;}
@font-face{font-family: 'CabinetGrotesk-Light'; src: url('../webfonts/CabinetGrotesk-Light.woff2') format('woff2'), url('../webfonts/CabinetGrotesk-Light.woff') format('woff'), url('../webfonts/CabinetGrotesk-Light.ttf') format('truetype'); font-weight: 300; font-display: swap; font-style: normal;}
@font-face{font-family: 'CabinetGrotesk-Regular'; src: url('../webfonts/CabinetGrotesk-Regular.woff2') format('woff2'), url('../webfonts/CabinetGrotesk-Regular.woff') format('woff'), url('../webfonts/CabinetGrotesk-Regular.ttf') format('truetype'); font-weight: 400; font-display: swap; font-style: normal;}
@font-face{font-family: 'CabinetGrotesk-Medium'; src: url('../webfonts/CabinetGrotesk-Medium.woff2') format('woff2'), url('../webfonts/CabinetGrotesk-Medium.woff') format('woff'), url('../webfonts/CabinetGrotesk-Medium.ttf') format('truetype'); font-weight: 500; font-display: swap; font-style: normal;}
@font-face{font-family: 'CabinetGrotesk-Bold'; src: url('../webfonts/CabinetGrotesk-Bold.woff2') format('woff2'), url('../webfonts/CabinetGrotesk-Bold.woff') format('woff'), url('../webfonts/CabinetGrotesk-Bold.ttf') format('truetype'); font-weight: 700; font-display: swap; font-style: normal;}
@font-face{font-family: 'CabinetGrotesk-Extrabold'; src: url('../webfonts/CabinetGrotesk-Extrabold.woff2') format('woff2'), url('../webfonts/CabinetGrotesk-Extrabold.woff') format('woff'), url('../webfonts/CabinetGrotesk-Extrabold.ttf') format('truetype'); font-weight: 800; font-display: swap; font-style: normal;}
@font-face{font-family: 'CabinetGrotesk-Black'; src: url('../webfonts/CabinetGrotesk-Black.woff2') format('woff2'), url('../webfonts/CabinetGrotesk-Black.woff') format('woff'), url('../webfonts/CabinetGrotesk-Black.ttf') format('truetype'); font-weight: 900; font-display: swap; font-style: normal;}

/* Variables */
:root{
--white: #fff; /**/
--white-op22: rgba(255,255,255,0.22); /**/
--white-op03: rgba(255,255,255,0.3); /**/
--white-op05: rgba(255,255,255,0.05); /**/
--white-op75: rgba(255,255,255,0.75); /**/
--chinese-white-op25: rgba(224,224,224,0.25); /**/
--violet-blue-op17: rgba(46, 67, 181, 0.17); /**/

--black: #000; /**/
--black-m: rgba(0, 0, 0, 0.9); /**/
--primary: #F68C24; /**/
--secondary: var(--blue); /**/
--para: #797979; /**/
--dark: #202224; /**/
--blue: #F68C24; /**/

--v-828BA0: #828BA0; /**/
--v-437BFF: #437BFF; /**/
--v-111518: #111518; /**/
--v-212121: #212121; /**/

--v-191c1f: #191c1f; /**/
--v-DBDBDB: #DBDBDB; /**/
--v-EBEBEB: #EBEBEB; /**/
--v-A9A9A9: #A9A9A9; /**/
--v-808D9E: #808D9E; /**/
--v-E9ECF2: #E9ECF2; /**/
}

body{background: var(--v-212121);}

/* Reset */
body, input, textarea, button, select{font-family: "Inter", sans-serif; font-size: 16px; color: var(--black-m); font-weight: 500; line-height: 160%;}
:focus, :focus-visible{outline: none;}
ul, ol{margin: 0; padding: 0;}
ul{list-style: none;}
img{max-width: 100%; height: auto;}
b, strong{font-weight: 700;}
hr{border-top-color: var(--E0E0E0); opacity: 0.6;}
a{color: var(--oxford-blue); text-decoration: none; transition: all 0.5s;}
a:hover{text-decoration: none;}
h1, h2, h3, h4, h5, h6 {font-family: 'CabinetGrotesk-Bold', sans-serif; color: var(--black-m); font-weight: 400; line-height: 150%; margin: 0;}
h1, .h1{font-size: 64px; font-family: 'CabinetGrotesk-Extrabold', sans-serif; line-height: 116%;}
h2, .h2{font-size: 50px; font-family: 'CabinetGrotesk-Extrabold', sans-serif; line-height: 130%;}
h3, .h3{font-size: 26px; font-family: 'CabinetGrotesk-Bold', sans-serif; line-height: 150%;}
h4, .h4{font-size: 20px; font-family: 'CabinetGrotesk-Bold', sans-serif; line-height: 150%;}

p:last-child{margin-bottom: 0;}

/*@media (min-width: 1600px){.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{max-width: 1226px;}}*/

/* Button */
button, .t-btn{font-size: 16px; color: var(--white); font-family: 'CabinetGrotesk-Extrabold', sans-serif; height: 48px; min-width: 175px; border-radius: 10px; background-color: var(--blue); border: var(--blue) 1px solid; transition: all 0.5s; display: inline-flex; justify-content: center; align-items: center;}
button.disabled, .t-btn.disabled{background-color: var(--v-828BA0); border-color: var(--v-828BA0);}
button:hover, .t-btn:hover{background-color: var(--white); border-color: var(--white); color: var(--black);}
button.btn-border, .t-btn.btn-border{background: transparent; border-color: var(--white);}
button.btn-border:hover, .t-btn.btn-border:hover{background: var(--white); color: var(--black);}

/* Animation */
.ani-rotate{-webkit-animation: ani-rotate 3s infinite; -moz-animation: ani-rotate 3s infinite; -ms-animation: ani-rotate 3s infinite; animation: ani-rotate 3s infinite; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; animation-timing-function: linear;}
@keyframes ani-rotate{100%{-moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg)}}
.moveupdown{-webkit-animation: MoveUpDown 3s infinite; -moz-animation: MoveUpDown 3s infinite; -ms-animation: MoveUpDown 3s infinite; animation: MoveUpDown 3s infinite; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear;	-ms-animation-timing-function: linear; animation-timing-function: linear;}
@keyframes MoveUpDown{0%, 100% {transform: translateY(0px);} 50%{transform: translateY(30px);}}

.sec-h{font-size: 24px; color: var(--oxford-blue); font-weight: 700; margin-bottom: 25px;}
.small-text{font-size: 12px; font-weight: 600;}
.card-text{font-size: 12px; font-weight: 500; letter-spacing: 0.24px;}
.table-text{font-size: 14px; font-weight: 500;}
.table{width: 100% !important;}
.req{color: #FF1616 !important;}

.s-incard{padding: 8px;}
.s-h4{padding: 16px;}
.s-m{padding: 20px;}
.s-l{padding: 40px;}
.s-xl{padding: 60px;}
.s-sec{padding: 160px;}
.modal-backdrop{z-index: 9999;}
.modal{z-index: 99999;}

/* Outer */
.outer{background: var(--v-111518);}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0;}

/* Firefox */
input[type=number]{-moz-appearance: textfield;}

/* Table */
table th{white-space: nowrap;}

/* main-middle */
#main-middle{height: 100%; overflow: hidden; position: relative; min-height: 100vh;}

/* logo */
.logo{padding: 22px 26px; margin-bottom: 20px;}
.logo .bar-icon{margin: 2px 0 0 0;}

/* search-input */
.search-input{position: relative;}
.search-input .form-control{border: var(--D4D4D4) 1px solid; background: var(--EEF1F4); border-radius: 19px; box-shadow: none; color: var(--raisin-black); font-size: 16px; height: 38px; padding: 5px 38px;}
.search-input::before{position: absolute; left: 16px; top: 0; bottom: 0; content: ""; background: url(../images/search.png) 0 0 no-repeat; width: 17px; height: 18px; margin: auto;}

/* main-header */
#main-header{position: fixed; top: 0; left: 0; right: 0; z-index: 999;}
#main-header .navbar{padding: 22px 0; border-bottom: var(--v-DBDBDB) 1px solid;}
#main-header .navbar-brand{padding: 0;}
#main-header .navbar-collapse{position: relative; position: static; padding: 0 175px 0 0;}
#main-header .navbar-collapse .create-account{position: absolute; right: 0; top: 0px; bottom: 0; margin: auto;}
#main-header .navbar-nav .nav-item{padding: 0 14px;}
#main-header .navbar-nav .nav-link{color: var(--white); font-size: 16px; padding: 11px 8px; width: auto; min-width: auto; background: transparent;}
#main-header .navbar-nav .nav-link::after{border-top-width: 6px; border-right-width: 6px; border-left-width: 6px; margin-left: 2px; vertical-align: 2px;}

#main-header.fixed-header{background: var(--v-111518); box-shadow: var(--white-op03) 0 0 5px; animation: smoothScroll 1s forwards; z-index: 1100;}
#main-header.fixed-header .navbar{border-bottom-color: transparent; padding: 15px 0;}
#main-header.fixed-header .navbar-nav .navmarkets .navmarkets-menu{top: 56px;}

/* body.fix-head{padding-top: 92px;} */
@keyframes smoothScroll{
0%{transform: translateY(-100px);}
100%{transform: translateY(0px);}
}
#main-header .navbar-nav .navmarkets{position: static;}
#main-header .navbar-nav .navmarkets .navmarkets-menu{position: absolute; left: 0; right: 0; top: 70px; display: none; width: 1096px; max-width: 100%; margin: 0 auto; padding-top: 22px;}
#main-header .navbar-nav .navmarkets .marketsmodal-inner{background: #fff; border-radius: 30px; padding: 38px 36px;}
#main-header .navbar-nav .navmarkets:hover .navmarkets-menu{display: block;}

/* main-footer */
#main-footer{background: var(--black); padding: 45px 0 19px 0; color: var(--v-EBEBEB); font-size: 14px; font-weight: 400;}
#main-footer h4{color: var(--white); margin-bottom: 16px;}
#main-footer ul li{line-height: 151%; padding-bottom: 16px;}
#main-footer .main-footer-t{padding-bottom: 37px;}
#main-footer .main-footer-logo{margin-bottom: 15px;}
#main-footer .main-footer-logoin{line-height: 160%; text-transform: capitalize;}
#main-footer .main-footer-social{padding: 29px 0 0 0;}
#main-footer .main-footer-social .title{font-size: 16px; font-weight: 500;}
#main-footer .main-footer-social ul li{font-size: 19px; padding-left: 24px; padding-bottom: 0;}
#main-footer .main-footer-m{margin-bottom: 29px;}
#main-footer .main-footer-officein{line-height: 200%; text-transform: capitalize; margin-bottom: 17px;}
#main-footer .main-footer-officein p{margin-bottom: 28px;}
#main-footer .main-footer-officein p a{text-decoration: underline;}
#main-footer .main-footer-officein p a:hover{text-decoration: none;}
#main-footer .main-footer-disclaimer{font-size: 16px; color: var(--v-A9A9A9); font-weight: 500; background: var(--white-op05); border-radius: 24.19px; padding: 28px 24px; line-height: 160%; letter-spacing: 0.3px;}
#main-footer .main-footer-disclaimer b{color: var(--white); font-weight: 600; font-size: 15px;}
#main-footer .main-footer-copyright{font-size: 14.52px; border-top: var(--chinese-white-op25) 1px solid; border-bottom: var(--chinese-white-op25) 1px solid; padding: 17px 0;}
#main-footer .main-footer-m-in hr{border-color: var(--chinese-white-op25); margin: 23px 0 41px 0;}

/* Hero */
.hero{padding: 224px 0 0 0; background: url(../images/hero-bg.png) 50% 0 no-repeat; background-size: cover; overflow: hidden; position: relative;}
.hero .container{position: relative;}
.hero .hero-shape1{position: absolute; right: 0px; top: 111px;}
.hero .hero-shape2{position: absolute; left: 25px; top: -175px;}
.hero .hero-shape3{position: absolute; left: 360px; top: 270px;}
.hero .hero-t{margin-bottom: 45px; position: relative; z-index: 9;}
.hero .hero-t h1{margin: 0 40px 16px; outline: none;}
.hero .hero-t p{margin-bottom: 40px;}
.hero .hero-t .hero-t-btn button{margin: 0 15px;}
.hero .hero-t h1 .star{position: relative; display: inline-block; padding-right: 78px;}
.hero .hero-t h1 .star::after{position: absolute; top: -4px; right: 0; content: ""; background: url(../images/hero-star.png) 0 0 no-repeat; width: 65px; height: 65px; background-size: contain;}
.hero .hero-m{text-align: center; position: relative; z-index: 9;}
.hero .hero-m .hero-m-image{margin-right: 110px;}
.hero .hero-b{background: var(--blue); padding: 16px 0 19px 0; margin-top: -102px; position: relative; z-index: 9;}
.hero .hero-b .hero-b-item{text-align: center;}
.hero .hero-b .hero-b-item h4{color: var(--white); margin-top: 8px;}

/* Digital Assets */
.digital-assets{padding: 159px 0 136px 0; position: relative;}
.digital-assets .container{position: relative; z-index: 9;}
.digital-assets .digital-assets-shape1{position: absolute; right: 0px; bottom: 25px;}
.digital-assets .digital-assets-t-inner{padding: 0 20px;}
.digital-assets .nav-tabs{margin: 41px auto; border: var(--v-E9ECF2) 1px solid; overflow: hidden; border-radius: 8px; width: 220px; height: 42px; flex-wrap: nowrap;}
.digital-assets .nav-tabs .nav-item{width: 50%; margin: 0; padding: 0;}
.digital-assets .nav-tabs .nav-link{min-width: auto; width: 100%; padding: 5px 32px; height: 100%; border-radius: 0; color: var(--v-808D9E); background: var(--white); border: 0;}
.digital-assets .nav-tabs .nav-link.active{background: var(--blue); color: var(--white);}
.digital-assets .nav-tabs{margin: 41px auto 78px; border: var(--v-E9ECF2) 1px solid; overflow: hidden; border-radius: 8px; width: auto; height: 42px; flex-wrap: nowrap; border: 0; display: inline-flex;}
.digital-assets .digital-assets-mimage{max-width: 100%; width: 516px; position: relative;}
.digital-assets .digital-assets-mimage::before{position: absolute; top: 0; right: 0; content: ""; background: #fff; width: 48px; height: 2.5px;}
.digital-assets .digital-assets-mimage::after{position: absolute; top: 0; right: 0; content: ""; background: #fff; width: 2.5px; height: 48px;}
.digital-assets .digital-assets-mimage-in{position: relative; padding: 21px 19px 28px 3px;}
.digital-assets .digital-assets-mimage-in::before{position: absolute; bottom: 0px; right: 0px; content: ""; background: rgb(255, 255, 255); width: 48px; height: 2.5px;}
.digital-assets .digital-assets-mimage-in::after{position: absolute; bottom: 0px; right: 0px; content: ""; background: rgb(255, 255, 255); width: 2.5px; height: 48px;}
.digital-assets .digital-assets-mimage-in-i{position: relative;}
.digital-assets .digital-assets-mimage-in-i img{width: 100%; border-radius: 22px; position: relative; z-index: 1;}
.digital-assets .digital-assets-mimage-in-i::before{position: absolute; left: -2px; top: 4px; right: 4px; bottom: -4px; content: ""; border-radius: 35px; opacity: 0.7; background: rgb(30,120,255); background: -moz-linear-gradient(180deg, rgba(30,120,255,1) 0%, rgba(0,34,212,1) 100%); background: -webkit-linear-gradient(180deg, rgba(30,120,255,1) 0%, rgba(0,34,212,1) 100%); background: linear-gradient(180deg, rgba(30,120,255,1) 0%, rgba(0,34,212,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1e78ff",endColorstr="#0022d4",GradientType=1);}
.digital-assets .digital-assets-mdetail{padding: 42px 5px;}
.digital-assets .digital-assets-mdetail .list li{margin-top: 41px; overflow: hidden;}
.digital-assets .digital-assets-mdetail .list li .list-icon{float: left; width: 64px; height: 64px; background: var(--blue); border-radius: 8px;}
.digital-assets .digital-assets-mdetail .list li .list-detail{padding: 0 0 0 88px; color: var(--white-op75);}
.digital-assets .digital-assets-mdetail .list li .list-detail h4{margin-bottom: 8px; text-transform: capitalize;}
.digital-assets .digital-assets-mdetail .mid-text{margin-top: 12px;}
.digital-assets .digital-assets-mdetail .mid-text p{margin-bottom: 40px;}

/* Your security */
.your-security{padding: 0px 0 91px 0;}
.your-security h2{margin-bottom: 60px;}
.your-security .your-security-item{margin-bottom: 73px;}
.your-security .your-security-item .your-security-i{margin-bottom: 16px;}
.your-security .your-security-item .your-security-d h4{margin-bottom: 11px;}
.your-security .your-security-item .your-security-d p{color: var(--white-op75); letter-spacing: 0.4px; margin: 0 20px;}

/* Crypto Journey */
.crypto-journey{background: var(--v-191c1f);}
.crypto-journey .crypto-journey-inner{padding: 86px 0 42px 0; position: relative;}
.crypto-journey .crypto-journey-inner::before{position: absolute; left: 0px; top: -200px; right: 0; content: ""; background: url(../images/crypto-journey-shape1.png) 50% 0 no-repeat; height: 526px; margin: 0 auto; background-size: contain;}
.crypto-journey .crypto-journey-inner::after{position: absolute; left: 38px; bottom: 39px; content: ""; background: url(../images/crypto-journey-shape2.png) 0 0 no-repeat; height: 57px; width: 57px;}
.crypto-journey .sec-title-inner{position: relative;}
.crypto-journey .sec-title-inner::before{position: absolute; left: 0px; top: -68px; right: 0; content: ""; background: url(../images/plus.png) 0 0 no-repeat; width: 78px; height: 78px; margin: 0 auto; background-size: contain;}
.crypto-journey .crypto-journey-star1, .crypto-journey .crypto-journey-star2, .crypto-journey .crypto-journey-star3{position: absolute; left: 119px; top: 173px; content: ""; background: url(../images/star.png) 0 0 no-repeat; background-size: contain; width: 71px; height: 71px; margin: 0 auto;}
.crypto-journey .crypto-journey-star2{left: auto; right: 154px; width: 58px; height: 58px; top: 103px;}
.crypto-journey .crypto-journey-star3{left: auto; right: 166px; top: auto; bottom: 99px;}
.crypto-journey .crypto-journey-r{padding-top: 59px; padding-bottom: 30px;}
.crypto-journey .crypto-journey-item{background: url(../images/crypto-journey-one-bg.png) 0 0 no-repeat; border-radius: 20px; padding: 0px 0px 15px; background-size: cover; height: 100%;}
.crypto-journey .crypto-journey-item .crypto-journey-i{margin-bottom: 9px;}
.crypto-journey .crypto-journey-item .crypto-journey-d{padding: 0px 25px 0px;}
.crypto-journey .crypto-journey-item .crypto-journey-d h3{font-size: 20px; margin-bottom: 6px;}

/* Newsletter */
.newsletter{padding: 50px 0 160px 0;}
.newsletter .newsletter-inner{padding: 55px 63px 51px; border-radius: 24px; color: var(--white-op75); position: relative; background: rgb(245,139,35); background: -moz-linear-gradient(180deg, rgba(245,139,35,1) 0%, rgba(192,100,10,1) 100%); background: -webkit-linear-gradient(180deg, rgba(245,139,35,1) 0%, rgba(192,100,10,1) 100%); background: linear-gradient(180deg, rgba(245,139,35,1) 0%, rgba(192,100,10,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f58b23",endColorstr="#c0640a",GradientType=1);}
.newsletter .newsletter-inner h2{margin-bottom: 13px;}
.newsletter .newsletter-i{position: absolute; right: -2px; top: -42px;}
.newsletter .newsletter-d {max-width: 620px;}
.newsletter .newsletter-d p{margin-bottom: 40px;}
.newsletter .newsletter-d form{max-width: 507px;}
.newsletter .newsletter-d .form-group{margin-bottom: 40px;}
.newsletter .newsletter-d .form-control{background: var(--white-op22); font-size: 14px; color: var(--white-op75); opacity: 1; font-family: 'CabinetGrotesk-Medium', sans-serif; height: 62px; padding: 15px 21px; border-color: rgba(255,255,255,0.63); box-shadow: none !important;}
.newsletter .newsletter-d .form-control::-webkit-input-placeholder{color: var(--white-op75);}
.newsletter .newsletter-d .form-control::-moz-placeholder{color: var(--white-op75);}
.newsletter .newsletter-d .form-control:-ms-input-placeholder{color: var(--white-op75);}
.newsletter .newsletter-d .form-control:-moz-placeholder{color: var(--white-op75);}
.newsletter .newsletter-d .t-btn{background: var(--white); border-color: var(--white); color: var(--blue); height: 56px; width: 196px; border-radius: 6px;}

/* Client */
.client{padding: 160px 0 113px 0; overflow: hidden;}
.client .client-image a{background: var(--violet-blue-op17); border-radius: 65.88px; display: flex; height: 56px; align-items: center; padding: 5px 15px; justify-content: center;}
.client .client-image img{width: auto; object-fit: contain;}
.client .client_slider{margin-bottom: 40px;}
.client_slider .owl-stage{-webkit-animation:marquee 40s linear infinite running;-moz-animation:marquee 40s linear infinite running;-o-animation:marquee 40s linear infinite running;-ms-animation:marquee 40s linear infinite running;animation:marquee 40s linear infinite running}
@keyframes marquee{
from{transform:translateX(0)}
to{transform:translateX(-50%)}
}
@-moz-keyframes marquee{
0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-o-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%)}
}
@-webkit-keyframes marquee{
0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-o-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%)}
}
@-o-keyframes marquee{
0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-o-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%)}
}
@keyframes marquee{
0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-o-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%)}
}
.client_slider_rtl .owl-stage{-webkit-animation:marqueertl 40s linear infinite running;-moz-animation:marqueertl 40s linear infinite running;-o-animation:marqueertl 40s linear infinite running;-ms-animation:marqueertl 40s linear infinite running;animation:marqueertl 40s linear infinite running}
@keyframes marqueertl{
from{transform:translateX(0)}
to{transform:translateX(-50%)}
}
@-moz-keyframes marqueertl{
0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-o-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%)}
}
@-webkit-keyframes marqueertl{
0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translate(50%);-moz-transform:translate(50%);-o-transform:translate(50%);-ms-transform:translate(50%);transform:translate(50%)}
}
@-o-keyframes marqueertl{
0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translate(50%);-moz-transform:translate(50%);-o-transform:translate(50%);-ms-transform:translate(50%);transform:translate(50%)}
}
@keyframes marqueertl{
0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translate(50%);-moz-transform:translate(50%);-o-transform:translate(50%);-ms-transform:translate(50%);transform:translate(50%)}
}

/* Auth CSS */
.auth{min-height: 100vh;}
.loginmodal, .loginmodal input, .loginmodal textarea, .loginmodal button, .loginmodal select{font-size: 14px; color: #777D99; font-weight: 400; line-height: 18px;}
.loginmodal h1, .loginmodal h2, .loginmodal h3, .loginmodal h4, .loginmodal h5, .loginmodal h6{font-family: "Inter", sans-serif;}
.loginmodal button, .loginmodal .t-btn{font-size: 14px; font-family: "Inter", sans-serif; height: auto; min-width: auto; border-radius: 6px; display: inline-flex;}
.loginmodal button{transition: all 0.5s;}
.loginmodal .t-btn{border: var(--blue) 1px solid; background: var(--blue); color: #fff; font-weight: 600; font-size: 16px;}
.loginmodal .t-btn:hover{border-color: var(--blue); background: #fff; color: var(--blue);}
.loginmodal .t-btn{width: 360px; max-width: 100%; height: 54px;}
.loginmodal .modal-dialog{transform: none;}
.loginmodal .modal-content{border-radius: 20px; border: 0; padding: 42px 40px;}
.loginmodal a{color: var(--blue);}
.loginmodal .modal-header{padding: 0 0 44px 0; border: 0;}
.loginmodal .modal-header .modal-title{font-size: 22px; font-weight: 700; margin-bottom: 5px;}
.loginmodal .btn-close{position: absolute; right: 25px; top: 25px; display: none; background-color: #F5F6FA; width: 36px; height: 36px; padding: 0; border-radius: 50%; opacity: 1;}
.loginmodal .modal-logo{margin-bottom: 17px;}
.loginmodal .modal-header .t-text{font-weight: 500; letter-spacing: 0.3px;}
.loginmodal .modal-body{padding: 0;}
.loginmodal .modal-body label{font-size: 16px; color: #54575F; margin-bottom: 11px;}
.loginmodal .modal-body label .req{color: #FF0000;}
.loginmodal .modal-body .form-control, 
.loginmodal .modal-body .form-select{box-shadow: none; border: #F1F4F9 1px solid; height: 50px; border-radius: 4px; background-color: #F1F4F9; font-size: 12px; color: #777D99;}
.loginmodal .modal-body .form-control:focus, 
.loginmodal .modal-body .form-select:focus{box-shadow: none; border-color: var(--blue); background-color: #fff;}
.loginmodal .modal-body .form-group{padding: 0 0 16px 0;}
.loginmodal .modal-body .form-check{padding: 4px 0 0 40px; margin-bottom: 99px;}
.loginmodal .modal-body .form-check .form-check-label{color: rgba(3, 2, 41, 0.7); font-size: 14px; line-height: 17px; margin: 0;}
.loginmodal .modal-body .form-check .form-check-input{width: 24px; height: 24px; border: rgba(3, 2, 41, 0.5) 1px solid; margin: 0 0 0 -40px;}
.loginmodal .modal-body .form-captcha{margin-bottom: 30px;}
.loginmodal .modal-body .gap-84{padding-top: 84px;}
.loginmodal .modal-body .gap-34{padding-top: 34px;}
.loginmodal .modal-body .alredy-account{padding-top: 30px; color: rgba(3, 2, 41, 0.7); font-size: 16px;}
.loginmodal .modal-body .alredy-account .link{color: var(--blue); text-decoration: underline; font-size: inherit;}
.loginmodal .modal-body .alredy-account .link:hover{text-decoration: none;}
.loginmodal .modal-body .verify-num{padding-bottom: 60px;}
.loginmodal .modal-body .verify-num .form-control{background: rgba(217, 217, 217, 0.2); border: rgba(0, 0, 0, 0.1) 1px solid; width: 50.8px; height: 55.21px; text-align: center; padding: 7px 3px; font-size: 22.09px;}
.loginmodal .modal-body .verify-num .form-control:focus, .loginmodal .modal-body .verify-num .form-control.active{color: #202224; border-color: var(--blue);}
.loginmodal .modal-body .btn-resend{color: var(--blue); font-size: 16px; font-weight: 600;}
.loginmodal .modal-body .inputeye{position: relative;}
.loginmodal .modal-body .inputeye .btn-eye{position: absolute; right: 17px; top: 18px; color: #202224;}
.loginmodal .modal-body .inputeye .form-control{padding-right: 40px;}
.loginmodal .modal-body .form-group-list li{position: relative; padding: 0px 0 2px 26px; margin: 5px 0;}
.loginmodal .modal-body .form-group-list li::before{position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 20px; height: 20px; content: "\f058"; font-weight: 400; font-family: "Font Awesome 6 Free"; text-align: center; line-height: 20px; font-size: 16px;}
.loginmodal .modal-body .form-group-list li.check-d::before{font-weight: 900; color: #179A14;}
.loginmodal .modal-body .btn-forgot{margin-bottom: 20px;}
.loginmodal .modal-body .btn-forgot button{color: var(--blue); font-weight: 500;}
.loginmodal .btn-google{background: #fff !important; border-color: #E7E7E7 !important; color: #121212 !important;}
.loginmodal .btn-ios{background: #000 !important; border-color: #000 !important; color: #fff !important;}
.loginmodal .form-group-social .btn{margin-top: 16px; font-size: 14px;}
.loginmodal .form-group-social .btn .b-icon{margin-right: 15px;}
.loginmodal .form-group-social .t-or{position: relative; margin: 0 20px; text-align: center;}
.loginmodal .form-group-social .t-or::before{position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ""; background: #D7D9E4; height: 1px; margin: auto 0;}
.loginmodal .form-group-social .t-or .t-orin{position: relative; display: inline-block; background: #fff; padding: 0 10px;}
.error-message{color: red;}
.success-message{color: green;}
.loader-overlay{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; z-index: 9999;}
.loader{border: 6px solid #f3f3f3; border-top: 6px solid #3498db; border-radius: 50%; width: 50px; height: 50px; animation: spin 1s linear infinite;}

@keyframes spin{0% { transform: rotate(0deg);}
100% { transform: rotate(360deg);}
}
/* Custom CSS to style the close button (X) */
.modal-header .close { position: absolute; top: 0; right: 0; padding: 1rem; color: #000; text-shadow: none; border: none; background-color: transparent; opacity: 1; font-size: 1.5rem;}

/* About CSS */
.n-line{border-color: #2D2D2D; margin: 0;}

/* Main Top Section */
.mtop-sec{padding: 142px 0 34px 0; background-size: cover; overflow: hidden; position: relative; background: rgb(17,21,24); background: -moz-linear-gradient(0deg, rgba(17,21,24,1) 0%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(0deg, rgba(17,21,24,1) 0%, rgba(0,0,0,1) 100%); background: linear-gradient(0deg, rgba(17,21,24,1) 0%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#111518",endColorstr="#000000",GradientType=1);}
.mtop-sec::before{position: absolute; left: 0; top: 0; bottom: 0; content: ""; background: url(../images/mtop-sec-sape-l.png) 0 0 no-repeat; width: 710px; height: 636px; background: url(../images/left-shadow.png) 0 0 no-repeat; background-size: contain;}
.mtop-sec::after{position: absolute; top: 0; right: 0; bottom: 0; content: ""; background: url(../images/mtop-sec-sape-r.png) 100% 0 no-repeat; width: 972px; height: 720px; background: url(../images/right-shape.png) 0 0 no-repeat; background-size: contain;}
.mtop-sec .container{position: relative; z-index: 9;}
.mtop-sec .mtop-sec-shape1{position: absolute; right: -170px; top: 111px; z-index: 1;}
.mtop-sec .mtop-sec-shape2{position: absolute; right: -132px; top: -108px;}
.mtop-sec .mtop-sec-shape3{position: absolute; right: 338px; top: -45px;}
.mtop-sec .mtop-sec-t{margin-bottom: 45px; position: relative; z-index: 9; background: url(../images/round-shape.png) 73% 0px no-repeat; padding-top: 40px; background-size: 482px 447px;}
.mtop-sec .mtop-sec-t h1{margin: 0 0px 40px; outline: none;}
.mtop-sec .mtop-sec-t p{margin-bottom: 40px;}
.mtop-sec .mtop-sec-t .mtop-sec-t-btn{margin-left: -15px; margin-right: -15px;}
.mtop-sec .mtop-sec-t .mtop-sec-t-btn button{margin: 0 15px;}
.mtop-sec .mtop-sec-t h1 .star{position: relative; display: inline-block; padding-right: 78px;}
.mtop-sec .mtop-sec-t h1 .star::after{position: absolute; top: -4px; right: 0; content: ""; background: url(../images/mtop-sec-star.png) 0 0 no-repeat; width: 65px; height: 65px; background-size: contain;}

/* Section About */
.sec-about{padding: 82px 0 172px 0;}
.sec-about h2{background: url(../images/hand.png) 0 0 no-repeat; padding: 14px 0 43px 44px; margin: 0 11px; min-height: 76px;}
.sec-about .sec-about-image{position: relative; margin: 0 -8px 0 0;}
.sec-about .sec-about-image::before{position: absolute; top: 0; right: 0; content: ""; background: #fff; width: 48px; height: 2.5px;}
.sec-about .sec-about-image::after{position: absolute; top: 0; right: 0; content: ""; background: #fff; width: 2.5px; height: 48px;}
.sec-about .sec-about-image .sec-about-image-in::before{position: absolute; bottom: 0; left: 0; content: ""; background: #fff; width: 48px; height: 2.5px;}
.sec-about .sec-about-image .sec-about-image-in::after{position: absolute; bottom: 0; left: 0; content: ""; background: #fff; width: 2.5px; height: 48px;}
.sec-about .sec-about-image img{width: 100%; height: 100%; object-fit: cover;}
.sec-about .sec-about-image .sec-about-image-in{overflow: hidden; padding: 22px 0 30px 17px;}
.sec-about .sec-about-image .sec-about-image-l{width: 281px; height: 312px; border-radius: 22px; overflow: hidden; float: left; margin-top: 151px;}
.sec-about .sec-about-image .sec-about-image-r{width: 319px; height: 385px; border-radius: 22px; overflow: hidden; float: left; margin: 0px 0 0 -35px;}
.sec-about .sec-about-detail{padding: 0px 74px 0px 104px;}
.sec-about .sec-about-detail h3{margin: 0 0 42px 0;}
.sec-about .sec-about-detail p{font-size: 13.91px; line-height: 20.9px;}

/* crypto-about */
.crypto-about.crypto-journey .crypto-journey-item .crypto-journey-i{margin: 0px 25px; padding: 26px 0 16px 0;}
.crypto-about.crypto-journey .crypto-journey-item .crypto-journey-i img{height: 65px; width: 66px; object-fit: contain;}

/* MarketsModal */
#MarketsModal .modal-dialog{margin-top: 92px;}
#MarketsModal .modal-content{border: 0; border-radius: 30px; padding: 26px 0;}
#MarketsModal .modal-dialog-scrollable .modal-body{padding: 0 48px !important; overflow: hidden; overflow-y: auto;}
.marketsmodal-inner .marketsmodal-col{padding-top: 2px; padding-bottom: 2px;}
.marketsmodal-item{position: relative; display: block; padding: 10px 8px; border-radius: 12px; padding-right: 54px;}
.marketsmodal-item .marketsmodal-item-m{position: relative; min-height: 40px; padding: 0 0 0 51px; line-height: 18px;}
.marketsmodal-item .marketsmodal-item-m .marketsmodal-item-i{position: absolute; left: 0; top: 0;}
.marketsmodal-item .marketsmodal-item-m .marketsmodal-item-i img{width: 40px; height: 40px; border-radius: 50%; object-fit: contain;}
.marketsmodal-item .marketsmodal-item-m .text-t{font-size: 13px;}
.marketsmodal-item .marketsmodal-item-m .text-p{font-size: 12px; color: #c2c2c2;}
.marketsmodal-item .marketsmodal-item-profit{position: absolute; right: 8px; top: 10px; color: #018101; padding-left: 14px; font-size: 11px;}
.marketsmodal-item .marketsmodal-item-profit.loss::before{background: #f00; clip-path: polygon(50% 100%, 0 0, 100% 0);}
.marketsmodal-item .marketsmodal-item-profit::before{position: absolute; top: 0; bottom: 0; left: 0; content: ""; background: #018101; width: 10px; height: 6px; clip-path: polygon(50% 0%, 0% 100%, 100% 100%); margin: auto;}
.marketsmodal-item .buy-btn-connect{background: #f68c24; color: #fff !important; font-size: 16px !important; border-radius: 47px; position: absolute; top: 50%; transform: translateY(-50%); right: 6px; opacity: 0; text-transform: capitalize; height: 35px; width: 90px; padding: 0 !important; display: inline-flex !important; justify-content: center; align-items: center;}
.marketsmodal-item:hover{background: rgba(255, 148, 0, 0.1);}
.marketsmodal-item:hover .marketsmodal-item-profit{opacity: 0;}
.marketsmodal-item:hover .buy-btn-connect{opacity: 1 !important;}

/* Contact-Main */
.contact-m .contact-m-t{margin-bottom: 0; padding-top: 55px; padding-bottom: 95px;}
.contact-m-form{background: rgb(119,119,119); background: -moz-linear-gradient(0deg, rgba(119,119,119,0.1) 0%, rgba(255,255,255,0.2) 100%); background: -webkit-linear-gradient(0deg, rgba(119,119,119,0.1) 0%, rgba(255,255,255,0.2) 100%); background: linear-gradient(0deg, rgba(119,119,119,0.1) 0%, rgba(255,255,255,0.2) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#777777",endColorstr="#ffffff",GradientType=1); border-radius: 20px; padding: 51px 66px; background: rgba(255,255,255,0.1);}
.contact-m-form .form-group{margin-bottom: 15px;}
.contact-m-form .form-label{margin-bottom: 7px; color: #fff;}
.contact-m-form .form-control{height: 50px; background: #111518; border: #111518 1px solid; font-size: 12px; color: #fff; box-shadow: none;}
.contact-m-form .form-control:focus{border-color: #F68C24;}
.contact-m-form .form-group-full{padding-top: 4px;}
.contact-m-form .btn-submit{min-width: 111px;}

/* Main-Top-Sec contact-m-t-inner */
.mtop-sec .contact-m-t-inner h3{margin-bottom: 40px;}
.mtop-sec .contact-m-t-inner p{font-size: 13.91px; line-height: 20.9px;}
.mtop-sec .contact-m-t-inner h4{margin-bottom: 8px;}
.mtop-sec .contact-m-t-inner ul li{display: flex; align-items: center;}
.mtop-sec .contact-m-t-inner ul li .t-img{background: rgba(119, 119, 119, 0.12); width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; border-radius: 8px; margin-right: 8px;}
.mtop-sec .mtop-sec-t .star1-rotate{position: absolute; left: 50px; top: -54px; content: ""; background: url(../images/star.png) 0 0 no-repeat; background-size: contain; width: 71px; height: 71px; margin: 0 auto;}