@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
html{
  height:100%
}
body{
  font-size:16px;
  font-family: "Lato", sans-serif;
  color:#ffffff;
  font-weight:400;
  background-color:#111111;
}
video, iframe{
  vertical-align:top;
}
/*width*/
::-webkit-scrollbar{
  width:8px;
  height:2px;
}
/*Track*/
::-webkit-scrollbar-track{
  box-shadow:inset 0 0 5px balck;
  border-radius:0px;
}
/*Handle*/
::-webkit-scrollbar-thumb{
  background:#000; 
  border-radius:0px;
}
h1{
  font-size:34px;
}
h2{
  font-size:32px;
}
h3{
  font-size:30px;
}
h4{
  font-size:28px;
}
h5{
  font-size:26px;
}
h6{
  font-size:24px;
}
h1, h2, h3, h4, h5, h6{
  font-weight:700;
  letter-spacing:2px;
  color:#fd961a;
  line-height:1.2;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
  color:#fd961a;
}
p:last-of-type{
  margin-bottom:0;
}
a{
  color:#fd961a !important;
  text-decoration:none;
}
a:hover{
  color:#fd961a !important;
}
.form-group{
  margin-bottom:20px;
}
.form-control, .form-select{
  border:2px solid #16697d !important;
  border-radius:5px;
  padding:12px 15px;
  color:#16697d !important;
  line-height:1.2;
  font-weight:600;
  height:auto;
  background-color:#fbb148 !important;
  box-shadow:none !important;
}
textarea.form-control{
  height:200px;
}
.form-control::-webkit-input-placeholder{
  color:#16697d7a;
}
.form-control::-moz-placeholder{
  color:#16697d7a;
}
.form-control:-ms-input-placeholder{
  color:#16697d7a;
}
.form-control:-moz-placeholder{
  color:#16697d7a;
}
.btn{
  color:#fd961a;
  padding:0;
  background-color:transparent;
  border:none;
}
.btn-primary {
  border-radius: 12px;
  padding: 10px 15px;
  border: none;
  background: #fd961a !important;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  text-align: center;
  font-weight: 700;
  color: #111111 !important;
  transition: all ease-in-out 0.25s;
  -webkit-transition: all ease-in-out 0.25s;
  -moz-transition: all ease-in-out 0.25s;
  -ms-transition: all ease-in-out 0.25s;
  min-width: 160px;
}
.btn-primary:hover{
  color:#111111 !important;
  border-radius:24px;
}
/*default-css-end*/
/*navbar*/
.navbar{
  position:fixed;
  top:48px;
  left:50%;
  width:100%;
  z-index:2;
  background-color:#1d1d1d;
  max-width:1300px;
  border-radius:15px;
  backdrop-filter:blur(15px);
  padding:20px;
  box-shadow:0px 0px 10px rgba(0 0 0 / 50%);
  transform:translateX(-50%);
  -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transition:all ease-in-out 0.25s;
  -webkit-transition:all ease-in-out 0.25s;
  -moz-transition:all ease-in-out 0.25s;
  -ms-transition:all ease-in-out 0.25s;
}
.navbar.active{
  max-width:100%;
  border-radius:0px;
  top:0;
}
.navbar-brand{
  padding:0;
  margin:-50px 0px;
  font-weight:900;
  font-size:35px;
  font-variant:petite-caps;
  color:#fd961a !important;
  letter-spacing:2px;
  line-height:0.8;
}
.navbar.active .navbar-brand{
  margin: 0px 0px -50px;
}
.navbar-brand:hover{
  color:#fd961a !important;
}
.navbar-brand img{
  max-width:120px;
  border-radius:100%;
  border:2px solid #565656;
}
.navbar.active .navbar-brand img{
  max-width:90px;
}
.navbar:not(.home-navbar) .navbar-brand, .navbar:not(.home-navbar) .navbar-nav .nav-link{
  color:#ffffff !important;
}
.navbar-nav .nav-item:not(:last-of-type){
  margin-right:20px;
}
.navbar-nav .nav-link{
  padding:0 !important;
  color:#fd961a !important;
  font-weight:600;
  transition:all ease-in-out 0.25s;
  -webkit-transition:all ease-in-out 0.25s;
  -moz-transition:all ease-in-out 0.25s;
  -ms-transition:all ease-in-out 0.25s;
}
.navbar-nav .nav-link:hover{
  color:#ffffff !important;
}
/*hero-slide*/
.hero-banner {
  background-image:url(../images/hero-bg1.webp), url(../images/hero-bg2.webp), url(../images/hero-bg3.webp), url(../images/hero-bg4.webp), url(../images/hero-bg5.webp), url(../images/hero-shape1.webp), url(../images/hero-shape2.webp);
  background-repeat: no-repeat;
  background-position:left 260px top 190px, top 80px center, right 120px top 120px, right 420px bottom 290px, center center, top left 200px, top right 200px;
  background-size:100px auto, 80px auto, 80px auto, 50px auto, 100% auto, auto 100%, auto 100%;
  overflow: hidden;
  min-height:98vh;
  padding: 180px 0 0px;
}
.hero-img .image-outer{
  position:absolute;
  left:50%;
  bottom:0;
  z-index:1;
  transform:translateX(-50%);
  -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transition:all ease-in-out 2s;
  -webkit-transition:all ease-in-out 2s;
  -moz-transition:all ease-in-out 2s;
  -ms-transition:all ease-in-out 2s;
  width:100%;
}
.hero-img:not(.active) .image-outer.img-one{
  bottom:0;
}
.hero-img.active .image-outer.img-one{
  bottom:-100%;
}
.hero-img:not(.active) .image-outer.img-two{
  bottom:-100%;
}
.hero-img.active .image-outer.img-two{
  bottom:0;
}
.hero-banner .hero-content{
  margin-bottom:0px;
}
.hero-banner .hero-content h1{
  color: #fff;
  font-size:20px;
}
.hero-banner .hero-content h1 span{
  color: #fd961a;
  font-size: 60px;
  text-transform: uppercase;
  font-weight: 900;
  margin:0 auto;
  max-width:600px;
}
.hero-banner .hero-para{
  max-width:680px;
  margin:14px auto 28px;
}
.hero-banner .hero-img img{
  max-height:350px;
}
/*grow-main*/
.grow-main{
  background:#1d1d1d url(../images/grow-bg1.webp) no-repeat top 20px right;
  background-size:750px auto;
  padding: 60px 0;
}
.grow-outer{
  max-width:498px;
}
.grow-outer .btn-outer{
  margin-top: 24px;
}
.grow-outer .btn-outer .btn:not(:last-of-type){
  margin-right:10px;
}
.grow-step{
  max-width:1000px;
  margin-top:50px;
}
.grow-step .step-inner{
  background-color: #181818;
  padding: 20px 16px;
  border: 1px solid #744000;
  border-radius: 8px;
  position:relative;
}
.grow-step .step-inner:before{
  position:absolute;
  top:20px;
  right:-20px;
  display: block;
  content: "";
  background: url(../images/tape.webp) no-repeat;
  background-size: 50px auto;
  width: 50px;
  height: 37px;
}
.grow-step .step-two{
  margin-top:60px;
}
.grow-step .step-three{
  margin-top:120px;
}
.grow-step .step-inner h3{
  font-size:22px;
}
.grow-step .step-para{
  margin-top: 60px;
}
/*smooth-trading*/
.smooth-trading{
  padding:80px 0;
  margin-bottom:76px;
}
.smooth-trading .section-heading{
  max-width: 780px;
  margin: 0 auto;
}
.smooth-trading h2{
  text-transform: uppercase;
}
.trading-main{
  margin-top:50px;
}
.trading-outer{
  background:#1d1d1d;
  border-radius:20px;
  border:2px solid #383838;
  padding:40px 28px 0px;
  height:100%;
  position:relative;
  overflow:hidden;
}
.trading-outer.our-token{
  padding:1px 28px 24px;
  overflow:visible;
  margin:112px 0 24px;
}
.our-token .image-outer{
  width: 516px;
  margin-top:-80px;
  margin-left:24px;
  display:flex;
}
.our-token .image-outer img{
  max-width:100% !important;
}
.our-token .image-outer .groot-token{
  display: inline-block;
  margin-right: -100px;
  position: relative;
}
.our-token .content-outer {
  margin:0px !important;
  width:calc(100% - 540px);
  width:-webkit-calc(100% - 540px);
  width:-moz-calc(100% - 540px);
  width:-ms-calc(100% - 540px);
}
.our-token h3 span{
  font-size: 50px;
}
.our-token p{
  font-weight: 600;
  font-size: 20px;
}
.our-token p span{
  font-size: 32px;
  line-height: 0.7;
  display: inline-block;
}
.trading-outer:before{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:50%;
  background:linear-gradient(to bottom, #1d1d1d00 0%, #1d1d1d 100%);
  display:block;
  content:"";
}
.trading-outer.our-token:before{
  display: none;
}
.trading-outer .content-outer{
  margin-bottom:48px;
}
.trading-outer h3 span{
  display:block;
}
.trading-main .more-space{
  margin-bottom:24px;
}
/*download-app*/
.download-app{
  background:url(../images/download-bg1.webp) no-repeat center;
  background-size:cover;
  background-attachment:fixed;
  padding:1px 0px;
}
.download-outer{
  margin:-80px 0;
  padding: 28px;
  background-color: #1d1d1d85;
  border: 2px solid #383838;
  border-radius: 20px;
  backdrop-filter:blur(12px);
}
.download-left h2{
  margin-bottom:20px;
}
.download-left h2 span{
  font-size: 70px;
  display: block;
  font-weight: 900;
  font-variant: petite-caps;
}
.download-left .download-btn{
  margin-top:36px;
}
.download-left .download-btn .btn{
  margin-right:10px;
  background-image:url(../images/play-store.webp) !important;
  background-position:center center !important;
  background-repeat: no-repeat !important;
  background-size:40px auto !important;
  padding:14px 12px 8px;
}
.download-left .download-btn .btn.app-btn{
  background-image:url(../images/apple-store.webp) !important;
  margin-right:0px;
}
.download-btn .btn span{
  font-size:13px;
  line-height:0.8;
}
/*user-review*/
.user-review{
  background:#1d1d1d url(../images/review-bg1.webp) no-repeat top right;
  background-size:55% 100%;
  padding:80px 0px;
  margin-top:140px;
}
.user-review:before {
  position: absolute;
  top:204px;
  left:-145px;
  display: block;
  content: "testimonials";
  font-size: 45px;
  color: #000000;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 0.8;
  transform: rotate(90deg);
}
.user-review .get-btn{
  margin-top:26px;
}
.review-slider{
  margin:0px 0px;
}
.review-slider:before, .review-slider:after{
  position: absolute;
  top:-20px;
  left:-20px;
  display: block;
  content: "";
  width: 80px;
  height: 45px;
  background: url(../images/review-bg2.webp) no-repeat;
  background-size: 80px auto !important;
  z-index: 1;
}
.review-slider:after{
  background:url(../images/review-bg3.webp) no-repeat;
  top:auto;
  left:auto;
  bottom:-20px;
  right:-20px;
}
.review-slide{
  background-color:#000000;
  padding:34px 22px;
  border-radius:20px;
  margin:0px 10px;
}
.client-rating img {
  max-width: 98px;
}
.review-slide .client-review{
  margin:18px 0;
}
.client-image .img-outer{
  width:22px;
  margin-right:10px;
}
.client-image .client-name{
  width:calc(100% - 32px);
  width:-webkit-calc(100% - 32px);
  width:-moz-calc(100% - 32px);
  width:-ms-calc(100% - 32px);
}
.client-image .client-name h3{
  margin: 0;
  font-size: 18px;
  letter-spacing: 0;
}
/*trusted-by*/
.trusted-by{
  padding:80px 0;
}
.trusted-main{
  margin-top:40px;
}
.trusted-main:before{
  position: absolute;
  top:0;
  left: 0;
  display: block;
  content:"";
  width: 100%;
  height: 100%;
  background:linear-gradient(to right, #111111 0%, #00000000 50%, #111111 100%);
  z-index:1;
}
.trusted-main .trusted-slide{
  background: #383838;
  margin: 10px;
  padding: 14px;
  border-radius: 12px;
}
/*footer*/
.main-footer{
  background:#1d1d1d url(../images/footer-bg1.webp) no-repeat center left;
  background-size:100% auto;
  padding:60px 0 0;
}
.footer-logo h2{
  margin: 0;
  font-size: 52px;
  font-weight: 900;
  font-variant: petite-caps;
}
.footer-logo h2 a{
  color: #000000 !important;
  filter: drop-shadow(0px 0px 2px #ffffff85);
}
.footer-logo img{
  max-width: 150px;
}
.footer-link{
  margin:32px 0;
}
.footer-link li:not(:last-of-type){
  margin-right:26px;
}
.footer-link li a, .footer-social li img{
  transition:all ease-in-out 0.25s;
  -webkit-transition:all ease-in-out 0.25s;
  -moz-transition:all ease-in-out 0.25s;
  -ms-transition:all ease-in-out 0.25s;
}
.footer-link li a:hover{
  color:#ffffff !important;
}
.footer-social li:not(:last-of-type){
  margin-right:16px;
}
.footer-social li img{
  max-width: 30px;
}
.footer-social li:hover img{
  transform:scale(1.2);
  -webkit-transform:scale(1.2);
  -moz-transform:scale(1.2);
  -ms-transform:scale(1.2);
}
.copyright{
  margin-top:32px;
  border-top:1px solid;
  border-image-slice: 1;
  border-image-source:linear-gradient(to right, #1d1d1d, #ffffff, #1d1d1d);
  padding:6px 0px;
}
/*Responsive*/
@media only screen and (max-width:1600px){
.hero-banner {
  background-position: left 200px top 190px, top 90px center, right 140px top 120px, right 340px bottom 280px, center center, top left 90px, top right 90px;
  background-size: 80px auto, 70px auto, 80px auto, 40px auto, 100% auto, auto 100%, auto 100%;
}
.grow-main {
  background-size:640px auto;
}
.grow-outer{
  max-width:600px;
}
}
@media only screen and (max-width:1400px){
.navbar{
  max-width:992px;
}
.hero-banner {
  background-position: left 120px top 140px, top 110px center, right 90px top 120px, right 260px bottom 340px, center center, top left 20px, top right 20px;
  background-size: 60px auto, 60px auto, 60px auto, 30px auto, 100% auto, auto 100%, auto 100%;
}
.grow-step .step-para{
  margin-top:40px;
}
.grow-step .step-two {
  margin-top: 30px;
}
.grow-step .step-three{
  margin-top: 60px;
}
.grow-main {
  background-size: 540px auto;
  background-position: top 20px right -40px;
}
.grow-step .step-inner:before {
  top: -6px;
  right: -6px;
  background-size: 40px auto;
  width: 40px;
  height: 30px;
}
.smooth-trading {
  padding: 50px 0;
  margin-bottom:56px;
}
.trading-outer .image-outer img{
  max-width:320px;
}
.trading-main{
  margin-top:30px;
}
.trusted-by{
  padding:40px 0;
}
.trusted-main{
  margin-top:18px;
}
.trusted-main .trusted-slide {
  margin: 6px;
  padding: 8px;
}
.main-footer {
  padding: 40px 0 0;
}
.footer-link{
  margin:22px 0;
}
.footer-link li:not(:last-of-type){
  margin-right:14px;
}
.footer-social li:not(:last-of-type){
  margin-right:12px;
}
.copyright {
  margin-top: 28px;
}
}
@media only screen and (max-width:1199px){
body {
  font-size: 14px;
}
.container{
  max-width: 100%;
}
.navbar {
  max-width: 960px;
}
.hero-banner {
  background-position:left 80px top 120px, top 80px center, right 70px top 120px, right 260px bottom 360px, center center, top left 0px, top right 0px;
}
.hero-banner .hero-para {
  max-width: 460px;
  margin: 8px auto 28px;
}
.hero-banner .hero-img img{
  max-height:320px;
}
.grow-outer{
  max-width: 498px;
}
.grow-step{
  max-width: 800px;
  margin-top: 34px;
}
.grow-step .step-inner {
  padding: 10px 12px;
}
.grow-step .step-inner h3{
  font-size:18px;
}
.grow-step .step-para {
  margin-top: 20px;
}
.grow-step .step-two {
  margin-top: 20px;
}
.grow-step .step-three {
  margin-top: 40px;
}
.grow-main {
  background-size: 480px auto;
  background-position: top 30px right -50px;
  padding: 30px 0;
}
.trading-outer .content-outer{
  margin-bottom:28px;
}
.download-left h2{
  margin-bottom:12px;
}
.download-left .download-btn{
  margin-top:24px;
}
.download-left h2 span {
  font-size: 56px;
}
.user-review {
  padding: 48px 0px;
  margin-top: 134px;
}
.user-review:before{
  display:none;
}
.review-slider:after {
  right: 0px;
  filter:drop-shadow(-2px -2px 0px #383838);
}
.review-slider:before{
  left:0px;
  filter:drop-shadow(2px 2px 0px #383838);
}
.footer-logo img {
  max-width: 120px;
}
.our-token p {
  font-size: 18px;
}
.our-token p span{
  font-size: 28px;
}
.our-token h3 span {
  font-size: 42px;
}
.our-token .content-outer{
  width: calc(100% - 494px);
  width: -webkit-calc(100% - 494px);
  width: -moz-calc(100% - 494px);
  width: -ms-calc(100% - 494px);
}
.our-token .image-outer {
  width: 470px;
}
}
@media only screen and (max-width:991px){
.navbar {
  max-width: 100%;
  border-radius: 0;
  position: relative;
  transform: unset;
  padding: 10px 0;
  left: 0;
  top: 0;
}
.navbar-brand {
  margin: 0px 0px -60px;
}
.navbar-brand img {
  max-width: 100px;
}
.navbar-toggler span {
  width: 30px;
  height: 2px;
  display: block;
  position: relative;
  background-color: #fff;
  background-image:none;
  transition: all ease-in-out 0.25s;
  -webkit-transition: all ease-in-out 0.25s;
  -moz-transition: all ease-in-out 0.25s;
  -ms-transition: all ease-in-out 0.25s;
}
.navbar-toggler[aria-expanded="true"] span {
  height: 0;
}
.navbar-toggler span:before, .navbar-toggler span:after {
  position: absolute;
  top: 7px;
  left: 0;
  width: 100%;
  height: 2px;
  display: block;
  content: "";
  background-color: #fff;
  transition: all ease-in-out 0.25s;
  -webkit-transition: all ease-in-out 0.25s;
  -moz-transition: all ease-in-out 0.25s;
  -ms-transition: all ease-in-out 0.25s;
}
.navbar-toggler span:after {
  top: auto;
  bottom: 7px;
}
.navbar-toggler[aria-expanded="true"] span:before {
  top: 0;
  transform: rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] span:after {
  bottom: -2px;
  transform: rotate(-45deg);
}
.navbar-toggler {
  border: none !important;
  padding: 0;
  background-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}
.navbar-collapse{
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background:#252424;
}
.navbar-collapse .navbar-nav{
  padding:12px;
}
.navbar-nav .nav-item:not(:last-of-type){
  margin-right: 0px;
  margin-bottom: 10px;
}
.hero-banner {
  background-position:left 40px top 80px, top 220px left 120px, right 20px top 40px, right 190px bottom 280px, center center, top left 0px, top right 0px;
  padding: 30px 0 280px;
  min-height: unset;
  background-size: 40px auto, 40px auto, 40px auto, 20px auto, 100% auto, auto 100%, auto 100%;
}
.hero-banner .hero-img img{
  max-height:254px;
}
.hero-banner .hero-para {
  max-width: 450px;
}
.grow-main {
  background-size: 380px auto;
  background-position: bottom 70px right 0px;
  padding: 30px 0;
}
.grow-outer {
  max-width:744px;
}
.grow-step {
  max-width: 470px;
  margin-top: 54px;
}
.grow-step .step-inner {
  padding: 8px 10px;
}
.grow-step .step-inner:before {
  top: -6px;
  right: -10px;
  background-size: 30px auto;
  width: 30px;
  height: 22px;
}
.grow-step .step-three {
  margin-top: 0px;
}
.trading-outer .image-outer img {
  max-width:200px;
}
.trading-outer .content-outer {
  margin-bottom: 22px;
}
.trading-outer {
  border-radius: 14px;
  padding: 20px 12px 0px;
}
h1{
  font-size:34px;
}
h2{
  font-size:28px;
}
h3{
  font-size:26px;
}
h4{
  font-size:24px;
}
h5{
  font-size:22px;
}
h6{
  font-size:20px;
}
.download-outer {
  margin: -120px 0;
  padding: 10px;
  border-radius: 10px;
  backdrop-filter: blur(2px);
}
.download-left h2 {
  margin-bottom: 10px;
}
.download-left h2 span{
  font-size:44px;
}
.download-left .download-btn {
  margin-top: 18px;
}
.review-slider:before, .review-slider:after {
  width: 60px;
  height: 34px;
  background-size: 60px auto !important;
}
.review-slide {
  padding: 26px 12px;
  border-radius: 10px;
  margin: 0px 5px;
}
.review-slide .client-review{
  margin:10px 0;
}
.client-rating img{
  max-width: 78px;
}
.client-image .img-outer{
  width:18px;
  margin-right:8px;
}
.client-image .client-name{
  width:calc(100% - 26px);
  width:-webkit-calc(100% - 26px);
  width:-moz-calc(100% - 26px);
  width:-ms-calc(100% - 26px);
}
.user-review {
  padding: 30px 0px;
}
.trusted-by {
  padding: 28px 0;
}
.trusted-main {
  margin-top: 16px;
}
.trusted-main .trusted-slide {
  margin: 4px;
  padding: 6px;
  border-radius: 8px;
}
.main-footer {
  padding: 20px 0 0;
}
.footer-logo h2 {
  font-size: 40px;
}
.footer-link {
  margin: 16px 0;
}
.footer-link li:not(:last-of-type) {
  margin-right: 12px;
}
.copyright {
  margin-top: 20px;
}
.our-token .image-outer{
  width:320px;
}
.our-token .content-outer {
  width: calc(100% - 344px);
  width: -webkit-calc(100% - 344px);
  width: -moz-calc(100% - 344px);
  width: -ms-calc(100% - 344px);
}
.our-token h3 span {
  font-size: 32px;
}
.our-token p {
  font-size: 16px;
  font-weight: 400;
}
.our-token p span {
  font-size: 24px;
}
}
@media only screen and (max-width:767px){
.hero-banner {
  padding: 30px 0 280px;
  background-size: 0px auto, 0px auto, 0px auto, 0px auto, 100% auto, auto 100%, auto 100%;
  background-position:left 20px top 20px, top 160px left 80px, right 20px top 40px, right 190px bottom 280px, center center, top left -40px, top right -40px;
}
.hero-banner .hero-content h1 span {
  font-size: 46px;
  max-width: 450px;
}
.hero-banner .hero-para {
  max-width: 380px;
}
.btn-primary {
  border-radius: 8px;
  padding: 8px 10px;
  min-width: 120px;
  font-size: 14px;
  font-weight: 600;
}
.grow-main {
  background-size: 340px auto;
  background-position: center right 0px;
  padding: 18px 0px 28px;
}
.grow-step {
  max-width:340px;
  margin-top: 48px;
}
.grow-step .step-three{
  margin-top:20px;
}
.smooth-trading {
  padding: 28px 0;
  margin-bottom:0px;
}
.trading-main {
  margin-top: 20px;
}
.trading-main .more-space {
  margin-bottom: 14px;
}
.trading-outer {
  border-radius: 10px;
  padding: 10px 8px 0px;
}
.trading-outer .image-outer img {
  max-width: 180px;
}
.trading-outer .content-outer h3{
  font-size:18px;
}
.download-app {
  padding: 30px 0px;
}
.download-outer {
  margin: 0;
}
.download-outer .download-right{
  display: none;
}
.user-review{
  margin: 0;
  padding: 20px 0px;
  background:#1d1d1d url(../images/review-bg4.webp) no-repeat top -270px left;
  background-size:cover;
  overflow: hidden;
}
.review-slider {
  margin: 60px 0px 0;
}
.review-slider:before, .review-slider:after{
  display:none;
}
.footer-logo img {
  max-width: 80px;
}
.our-token .image-outer {
  width:216px;
  margin-left: 12px;
  margin-top: -40px;
}
.our-token .image-outer .groot-token {
  margin-right: -30px;
}
.our-token .content-outer {
  width: calc(100% - 228px);
  width: -webkit-calc(100% - 228px);
  width: -moz-calc(100% - 228px);
  width: -ms-calc(100% - 228px);
}
.our-token h3 span {
  font-size: 28px;
}
.our-token p {
  font-size: 14px;
}
.our-token p span {
  font-size: 20px;
}
.trading-outer.our-token{
  padding:1px 16px 14px;
  margin:60px 0 14px;
}
}
@media only screen and (max-width:575px){
body {
  font-size:12px;
}
h1{
  font-size:26px;
}
h2{
  font-size:24px;
}
h3{
  font-size:22px;
}
h4{
  font-size:20px;
}
h5{
  font-size:18px;
}
h6{
  font-size:16px;
}
.btn-primary {
  border-radius: 6px;
  padding: 6px 8px;
  min-width: 100px;
  font-weight: 400;
}
.navbar-brand {
  font-size: 24px;
  letter-spacing: 0px;
  margin:0px 0px -50px;
}
.navbar-brand img {
  max-width: 70px;
}
.navbar-toggler span {
  width: 20px;
  height: 1px;
}
.navbar-toggler span:before, .navbar-toggler span:after{
  top: 6px;
  height: 1px;
}
.navbar-toggler span:after {
  top: auto;
  bottom: 6px;
}
.hero-banner {
  padding:50px 0 180px;
  background-size: 0px auto, 0px auto, 0px auto, 0px auto, 100% auto, auto 64%, auto 64%;
  background-position: left 20px top 20px, top 160px left 80px, right 20px top 40px, right 190px bottom 280px, center center, top left -10px, top right -10px;
}
.hero-banner .hero-content h1 {
  font-size: 15px;
}
.hero-banner .hero-content h1 span {
  font-size: 24px;
  max-width: 250px;
}
.hero-banner .hero-para {
  max-width: 250px;
  margin:4px auto 16px;
}
.hero-banner .hero-img img {
  max-height: 165px;
}
.grow-main {
  background-size: 0px auto;
  padding: 12px 0px 22px;
}
.grow-outer .btn-outer{
  margin-top: 12px;
}
.grow-step {
  max-width:100%;
  margin-top: 24px;
}
.grow-step .step-para {
  margin-top: 10px;
}
.grow-step .step-two, .grow-step .step-three{
  margin-top: 12px;
}
.smooth-trading {
  padding: 20px 0;
}
.trading-outer {
  border-radius: 8px;
  padding: 8px 6px;
}
.trading-outer .content-outer {
  margin-bottom: 16px;
}
.trading-outer .image-outer img {
  max-width: 140px;
}
.download-left h2 span {
  font-size: 32px;
}
.download-left .download-btn .btn{
  background-size: 30px auto !important;
  padding: 8px 10px 4px;
}
.user-review {
  padding: 16px 0px;
  background-position:top -320px left;
}
.client-image .client-name h3 {
  font-size: 16px;
}
.trusted-by {
  padding: 14px 0;
}
.trusted-main .trusted-slide {
  margin: 2px;
  padding: 4px;
  border-radius: 4px;
}
.main-footer {
  padding: 12px 0 0;
}
.footer-logo h2 {
  font-size: 28px;
  letter-spacing: 0;
  line-height: 0.8;
}
.footer-link {
  margin: 16px 0 6px;
}
.main-footer .footer-link h2, .main-footer .footer-social h2{
  font-size: 20px;
}
.footer-link li:not(:last-of-type) {
  margin-right: 8px;
  margin-bottom: 6px;
}
.footer-social li:not(:last-of-type) {
  margin-right: 8px;
}
.footer-social li img {
  max-width: 20px;
}
.copyright{
  margin-top: 14px;
  padding: 4px 0px;
}
.footer-logo img {
  max-width: 60px;
}
.our-token .image-outer {
  width:100%;
  margin:0 0 12px !important;
  order:1;
}
.our-token .content-outer{
  width:100% !important;
  order:2;
}
.our-token h3 span {
  font-size: 24px;
}
.our-token p span {
  transform:rotate(-90deg);
  -webkit-transform:rotate(-90deg);
  -moz-transform:rotate(-90deg);
  -ms-transform:rotate(-90deg);
}
.trading-outer.our-token{
  padding:12px 14px;
  margin:18px 0 14px;
}
}