@font-face {
  font-family: 'Race-Sport';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/Race-Sport.ttf'); /* IE9 Compat Modes */
}


body{
    margin: 0;
    padding: 0;
    background-color: #000000;
    font-family: 'Race-Sport';
    font-weight: 400;
    font-size: 14px;
    color: #fff;
}

.navbar-toggler{color: #000;}
.button {color: #000;font-family: 'Race-Sport';background-image: url(../img/button-bg.svg);border: 0;background-size: contain;background-position: center;background-repeat: no-repeat;font-size: 13px;height: 43px;line-height: 43px;width: 200px;background-color: transparent;}
.navbar {background-color: #000;padding: 30px 0;border-bottom: 1px solid #666;z-index: 2;}
.navbar .nav-link {color: #fff;font-family: 'Race-Sport';display: block;padding: 17px 12px !important;font-size: 13px;}
.navbar-brand img {max-width: 200px;margin-right: 15px;}
.navbar .button {margin-left: 10px;text-align: center;text-decoration: none;}
.navbar .button:hover {text-decoration: none;color: #000;}
.navbar .nav-link:hover {color: #f3ce4e;}
.navbar-nav li:last-of-type {display: flex;align-items: center;}


.lang-list a {display: block;font-size: 14px;color: #000;text-decoration: none;padding: 7px;transition: all 0.3s 0s;text-align: center;line-height: normal;margin-left: 4px;}
.lang-list {z-index: 3; position: absolute;top: 100%;right: 0;width: 230px;border-radius: 4px;display: none;background: linear-gradient(180deg, #f3ce4e 0%, #f3bf48 35%, #f0712a 100%);background-image: url(../img/lang-bg.svg);background-size: cover;padding: 10px 0;}
.lang {position: relative;margin-right: 10px;}
.lang img {display: block;cursor: pointer;padding: 10px;}
.lang-list a:hover {color: #fff;background-image: url(../img/lang-hover.svg);background-size: cover;background-position: center;}
.lang.active .lang-list {display: block;}


.banner-content h1 {font-size: 35px;text-align: center;max-width: 800px;position: relative;padding: 80px 0; margin: 0;}
.banner-content b {display: block;margin: 5px 0;}
.banner-content span {color: #f3ce4e;}
.banner-content {padding: 0 0 100px;}
.banner-content h1 strong {display: block;font-size: 70px;}
.banner-content a {margin: -30px 50px 0 auto;display: table;}
.banner-content a img {max-width: 100px;}
.banner:after {display: none; content: "";background-image: url(../img/frog-coin.png);background-size: 700px;background-position: right top;position: absolute;right: -430px;top: 5%;width: 100%;height: 100%;background-repeat: no-repeat;z-index: 0;}
.banner {position: relative;overflow: hidden;padding-bottom: 100px;margin-bottom: -300px;z-index: 1;}
.banner:before {content: "";background-image: url(../img/banner-bg.svg);position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;background-size: cover;background-position: bottom;}
.banner .container {position: relative;z-index: 1;}

.video-bg video {width: 100%;height: 100%;object-fit: cover;}
.video-bg {line-height: 0;margin-bottom: -310px;}

.title {font-size: 30px;line-height: 60px;}
.title span {display: block;}
.title b {font-size: 55px;font-weight: inherit;}
p{font-family: 'Poppins', sans-serif;}
.slick-dots {padding-left: 0;display: flex;align-items: center;justify-content: center;margin-top: 60px;list-style: none;}
.slick-dots button {font-size: 0;width: 10px;height: 10px;background-color: #fff;border: 0;border-radius: 100%;margin: 0 5px;padding: 0;}



.slider {padding-top: 340px;padding-bottom: 160px;}
.first-slider .title {color: #000;margin-bottom: -150px;}
.first-slider .col-lg-5 {position: relative;top: 50px;}
.first-slider-content h4 {color: #000;margin: 30px 0;font-size: 19px;}
.first-slider-content h4 b {display: block;font-size: 26px;font-weight: normal;}
.first-slider-content h4 b span {color: #fff;}
.first-slider-content p {color: #000;font-size: 18px;margin: 0;}
.first-slider-img {padding: 0 50px;}
.one-slider .slick-dots {position: absolute;bottom: 50px;left: 50%;transform: translate(-50%, 0px);}
.one-slider .slick-dots button{background-color: rgb(0 0 0 / 30%);}
.one-slider .slick-dots .slick-active button {background-color: #f3ce4e;}
.one-slider p {font-size: 16px;}

.one-slider-1, .one-slider-3, .one-slider-5{background: linear-gradient(180deg, #f3ce4e 0%, #f3bf48 35%, #f0712a 100%);background-image: url(../img/slider-color-bg.png);background-size: cover;background-position: top center;}
.one-slider-2, .one-slider-4{color: #000;border-bottom: 1px solid #e0e0e0;background-image: url(../img/slider-white-bg.png);background-size: cover;background-position: top center;}

.second-slider .title span {color: #f3ce4e;}
.second-slider .title {margin-bottom: -120px;}
.second-slider-title {display: flex;font-family: 'Poppins', sans-serif;align-items: center;margin-bottom: 10px;}
.second-slider-title h4 {margin: 0;font-size: 20px;font-weight: bold;}
.second-slider-title span {background-color: #eee;text-transform: uppercase;font-weight: bold;padding: 6px 15px;border-radius: 4px;margin-left: 10px;}
.second-slider-content .col-md-6 {margin-top: 20px;}
.second-slider-title .buy-btn{background-color: #A6D8FF;}
.second-slider-title .sell-btn{background-color: #FAC9D1;}


.third-slider {color: #000;}
.third-slider-content h3 {color: #fff;margin: 40px 0;}
.third-slider-content h4 {margin-top: 40px;margin-bottom: 15px;}


.four-slider .title {width: 50%;position: relative;left: 50%;padding-left: 15px; margin-bottom: -50px;}
.four-slider .title span {color: #f3ce4e;}
.four-slider-content h4 {margin-bottom: 30px;}
.four-slider-img img, .three-slider-img img {margin: 0 auto;}


.five-slider-content {color: #000;}
.five-slider-content p {margin: 30px 0;}


.protocol-section {color: #000;padding: 80px 0 60px;position: relative;overflow: hidden;background-color: #fff;margin-bottom: -300px;padding-bottom: 300px;}
.protocol-section span {color: #f3ce4e;}
.protocol-content {margin-top: 50px;padding-right: 50px;}
.protocol-content h6 {font-size: 18px;}
.protocol-content p {font-size: 16px;color: rgb(0 0 0 / 60%);}
.protocol-bg-top {position: absolute;top: -15%;right: -170px;max-width: 350px;z-index: 0;}
.protocol-bg-top img {width: 100%;}

.upcoming-games a{cursor: inherit;}
.upcoming-games {position: relative;overflow: hidden;z-index: 3;padding: 350px 0;}
.upcoming-games .row .row>* {padding: 14px;}
.upcoming-games .row .row {margin: 0;}
.upcoming-games .row img {border-radius: 10px;}

.upcoming-games .title {transform: rotate(-8deg);}
.upcoming-games .title b {color: #F0C354;font-size: 75px;}
.upcoming-games p {font-size: 16px;}
.upcoming-games-circle-bg-shape {position: absolute;top: 50%;right: -10%;transform: translate(0px, -50%);z-index: 0;}
.upcoming-games .container {position: relative;z-index: 3;}
.upcoming-games-circle-bg-shape img {max-width: 400px;}
.upcoming-games:after {content: "";background-image: url(../img/upcoming-games-bottom-bg.svg);background-size: contain;background-position: bottom;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-repeat: no-repeat;z-index: -1;}
.upcoming-games:before {
    content: "";
    background-image: url(../img/upcoming-games-top-bg.svg);
    background-size: contain;
    background-position: top;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    z-index: -1;
}
.upcoming-games svg {
    width: 100%;
    height: 100%;
}
.upcoming-games .col-lg-7 .row{
    top: -100px;
    position: relative;
}

.sports {background-color: #0D0D23;position: relative;overflow: hidden;margin-top: -300px;padding-top: 300px;padding-bottom: 60px;}
.sports-game-box img {max-width: 100%;height: 280px;object-fit: cover;width: 100%;}
.sports-game-box {margin: 0 15px;position: relative;overflow: hidden;border-radius: 10px;cursor: pointer;}
.sports-game-box span {background-image: linear-gradient(180deg, #00000000 0%, rgb(243 191 72 / 90%) 50%, #f0712a 100%);padding: 40px 10px 20px;display: block;position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;color: #000;font-size: 18px;}
.sports .title span {color: #F0C354;}
.sports .title {margin-bottom: 50px;}
.slick-dots .slick-active button {background-color: #f3ce4e;}
.sport-circle-bg-shape {opacity: .5;position: absolute; top: 60%; left: -15%;transform: translate(0px, -50%);z-index: 0;}
.sport-circle-bg-shape img {max-width: 450px;}
.sports .container, .sports .slider2 {z-index: 1;position: relative;}


.investor {padding: 60px 0;}
.investor .title span {color: #F0C354;}
.investor img {margin: 0 auto;display: table;}
.investor .title {margin-bottom: 40px;}


.roadmap {position: relative;background-color: #fff;color: #000;padding: 60px 0;}
.roadmap .title {margin-bottom: 40px;}
.roadmap .title span {color: #F0C354;}
.roadmap-box {text-align: center;padding: 15px 15px 0;border-top: 8px solid #ACACAC;position: relative;margin-top: 15px;}
.roadmap-box p {margin: 0;font-size: 16px;}
.roadmap-box img {margin: 0 auto;position: relative;top: -35px;}
.roadmap-box.finished {border-color: #f0c354;}
.roadmap-box.finished h5 {color: #707070;}
.roadmap-box h5 {color: #F0C354;font-size: 18px;}
.roadmap .slick-dots button {background-color: #EDEDED;}
.roadmap .slick-dots .slick-active button {background-color: #f0c354;}
.roadmap:after {content: "";position: absolute;top: 20px;right: 20px;width: 100%;height: 100%;background-image: url(../img/project-dot-bg.svg);background-repeat: no-repeat;background-position: right top;z-index: 0;background-size: 500px;}
.roadmap .container, .roadmap .slider3 {position: relative;z-index: 1;}




.blog-box {background-color: #1B1B2C;border-radius: 40px;padding: 35px;margin: 0 15px;text-decoration: none;display: block;}
.blog {padding: 60px 0;position: relative;overflow: hidden;padding-bottom: 210px;}
.blog-box small {color: #F0C354;display: block;margin-bottom: 15px;margin-top: 15px;}
.blog-box img {max-width: 70%;}
.blog-box p {margin: 10px 0 0 0;color: rgb(255 255 255 / 60%);}
.blog-box p b {color: #fff;font-size: 15px;}
.blog .title span {color: #F0C354;}
.blog .title {margin-bottom: 40px;}
.blog:after {content: "";background-image: url(../img/blog-bg.svg);background-size: contain;background-position: bottom;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-repeat: no-repeat;z-index: 0;}
.blog .container, .blog .blogslider {position: relative;z-index: 1;}



.faqs {background-color: #fff;padding: 60px 0;color: #000;margin-top: -300px;padding-top: 300px;margin-bottom: -300px;
    padding-bottom: 320px;}
.accordion-button {border-radius: 10px !important;font-weight: 500;padding: 20px;}
.accordion-item {margin-top: 15px;border: 0;box-shadow: 0px 10px 50px rgb(0 0 0 / 10%);border-radius: 10px !important;overflow: hidden;font-family: 'Poppins', sans-serif;}
.accordion-button:not(.collapsed) {color: #F0C354;border-color: transparent;background: transparent;padding-bottom: 0;box-shadow: none;font-size: 16px;}
.accordion-collapse.show {border-radius: 0 0 10px 10px;}
.accordion-body {font-size: 16px;color: #626262;}
.faqs .title {text-align: center;}
.faqs .title span {color: #F0C354;}
.faqs .title p {font-size: 16px;max-width: 700px;line-height: normal;margin: 10px auto 40px;}
.text-right{text-align: right;}
.accordion-body li {margin-top: 10px;}

.buy-token-platform a {font-family: 'Poppins', sans-serif;font-size: 16px;color: #000;text-decoration: none;font-weight: 500;margin-top: 10px;display: inline-block;}
.buy-token-platform {display: flex;flex-direction: column;margin-top: 15px;}


.footer {padding: 60px 0;position: relative;padding-top: 300px;overflow: hidden;z-index: 1;font-size: 13px;}
.footer-menu a {color: #fff;text-decoration: none;margin-right: 30px;}
.footer-menu {margin: 20px 0;}
.footer-menu a:hover {color: #F0C354;}
.footer-social a {text-decoration: none;background-color: rgb(112 112 112 / 14%);color: #EBEBEB;padding: 10px 15px;border-radius: 10px;margin-right: 10px;font-size: 14px;display: block;}
.footer-social {font-family: 'Poppins', sans-serif;display: flex;margin-bottom: 15px;}
.contract {display: flex;align-items: center;justify-content: space-between;font-family: 'Poppins', sans-serif;color: #EBEBEB;}
.contract-box {background-color: rgb(112 112 112 / 14%);color: #fff;padding: 10px 15px;border-radius: 10px;margin-right: 10px;font-size: 13px;display: flex;}
.contract-box i {margin-left: 10px;}
.footer-social a:hover {color: #F0C354;}
.first-slider .title b, .protocol-section .title b, .faqs .title b {font-size: 55px;}
.footer:after {content: "";background-image: url(../img/footer-bg.svg);background-size: contain;background-position: top;position: absolute;top: 0;left: 0;width: 101%;height: 100%;background-repeat: no-repeat;z-index: -1;}



.menu-button {
    transform: scale(0.5);
    display: none;
}

svg {
  transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
}
.active svg {
  transform: rotate(90deg);
}
path {
  transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dasharray 500ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 500ms cubic-bezier(0.4, 0, 0.2, 1);
}
path:nth-child(1) {
  transform-origin: 36% 40%;
}
path:nth-child(2) {
  stroke-dasharray: 29 299;
}
path:nth-child(3) {
  transform-origin: 35% 63%;
}
path:nth-child(4) {
  stroke-dasharray: 29 299;
}
path:nth-child(5) {
  transform-origin: 61% 52%;
}
path:nth-child(6) {
  transform-origin: 62% 52%;
}
.active path:nth-child(1) {
  transform: translateX(9px) translateY(1px) rotate(45deg);
}
.active path:nth-child(2) {
  stroke-dasharray: 225 299;
  stroke-dashoffset: -72px;
}
.active path:nth-child(3) {
  transform: translateX(9px) translateY(1px) rotate(-45deg);
}
.active path:nth-child(4) {
  stroke-dasharray: 225 299;
  stroke-dashoffset: -72px;
}
.active path:nth-child(5) {
  transform: translateX(9px) translateY(1px) rotate(-45deg);
}
.active path:nth-child(6) {
  transform: translateX(9px) translateY(1px) rotate(45deg);
}



.accordion-button:not(.collapsed)::after {
    filter: invert(1);
}




/*Menu start*/
  .hamburger-lines {
    height: 21px;
    width: 28px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    display: none;
  }

  .hamburger-lines .line {
    display: block;
    height: 3px;
    width: 100%;
    border-radius: 10px;
    background: #fff;
  }

  .hamburger-lines .line1 {
    transform-origin: 0% 0%;
    transition: transform 0.3s ease-in-out;
  }

  .hamburger-lines .line2 {
    transition: transform 0.1s ease-in-out;
  }

  .hamburger-lines .line3 {
    transform-origin: 0% 100%;
    transition: transform 0.3s ease-in-out;
  }

  .hamburger-lines.active .line1 {
    transform: rotate(45deg);
  }

  .hamburger-lines.active .line2 {
    transform: scaleY(0);
  }

  .hamburger-lines.active .line3 {
    transform: rotate(-45deg);
  }

  /*Menu end*/



  .protocol-section-md, .roadmap-md{display: none;}


.border-none{border: none;}



.token {background-color: #fff;color: #000;padding: 180px 0 60px;position: relative;overflow: hidden;}
.token .title {text-align: center;margin-bottom: 40px;}
.token .title span {color: #F8C237;}
.token-left {margin-bottom: 20px;}
.token-left h4 {margin-top: 40px;font-size: 18px;margin-bottom: 10px;}
.token-left p {color: rgb(0 0 0 / 60%);font-size: 16px;margin: 0;}
.coinmarketcap-logo {text-align: right;}
.token .container {position: relative;z-index: 1;}
.token:after {content: "";background-image: url(../img/token-shape.svg);position: absolute;left: -1px;top: -90px;width: 102%;height: 100%;z-index: 0;background-size: contain;background-position: top;background-repeat: no-repeat;}




.certik {padding: 60px 0;}
.certik .title{margin-bottom: 20px;}
.certik .title span {color: #F8C237;}
.certik-left img {margin-bottom: 30px;}
.certik-left p {font-size: 16px;}
.certik-right a {color: #fff;text-decoration: none;font-family: 'Poppins', sans-serif;}
.certik-right {text-align: right;position: relative;top: -60px;}
.certik-right img {margin-bottom: 15px;}



.coin-contract {background-color: #fff;color: #000;padding: 60px 0;}
.coin-contract-left .title span {color: #F8C237;}
.coin-contract-left .title {margin-bottom: 40px;}
.coin-contract-left p {font-size: 16px;margin: 0;}
.coin-list {font-family: 'Poppins', sans-serif;;display: flex;align-items: center;margin-top: 30px;}
.coin-det {margin-left: 30px;}
.coin-det b {font-size: 20px;}
.coin-addr {display: flex;align-items: center;}
.coin-addr span {word-break: break-word;}
.coin-addr a {margin-left: 15px;}
.coin-addr a img {width: 15px;}


.multichain {background: #0D0D23;padding: 60px 0 40px;position: relative;z-index: 1;padding-bottom: 400px;overflow: hidden;}
.multichain .title span {color: #F8C237;}
.multichain-left p {font-size: 16px;max-width: 500px;width: 100%;}
.multichain-left a {font-family: 'Poppins', sans-serif;font-size: 16px;color: #fff;text-decoration: none;font-weight: bold;margin-top: 20px;display: inline-block;}
.multichain-left a:hover {color: #f8c237;}
.multichain-right {position: relative;top: -60px;}
.multichain-right img {max-width: 380px;width: 100%;}
.multichain .container {position: relative;z-index: 1;}
.multichain:after {content: "";
    background-image: url(../img/tokenomic-top-bg.svg);
    background-size: contain;
    background-position: bottom;
    position: absolute;
    bottom: -50px;
    left: -1%;
    width: 102%;
    height: 100%;
    background-repeat: no-repeat;
    z-index: -1;
  }

  .protocol-section-dark:before {content: "";
    background-image: url(../img/tokenomic-bottom-bg.svg);
    background-size: contain;
    background-position: top;
    position: absolute;
    top: -70px;
    left: -1%;
    width: 102%;
    height: 100%;
    background-repeat: no-repeat;
    z-index: 0;
  }

  .protocol-section-dark .protocol-bg-top {top: 30%;}



.tokenomics {background-color: #fff;color: #000;}
.tokenomics .container {position: relative;z-index: 1;}
.tokenomics .title span {color: #F8C237;}
.tokenomics-left p {font-size: 16px;}
.tokenomics-left ul {list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.tokenomics-left li {text-align: left;width: 33.33%;font-family: 'Poppins', sans-serif;font-size: 13px;color: #707070;margin-top: 10px;display: flex;align-items: center;padding-right: 15px;}
.tokenomics-left li span {width: 12px;height: 12px;background: red;border-radius: 100px;margin-right: 10px;}
.tokenomics-left {width: 100%;}
.tokenomics .title {margin-bottom: -100px;}
li.private-sale span {background: #89CC74;}
li.public-sale span {background: #E2AA8F;}
li.admin span {background: #97B1AF;}
li.initial-community span {background: #E26100;}
li.team span {background: #E00000;}
li.advisor span {background: #3D5153;}
li.eco-system span {background: #00B4A2;}
li.gaming-partnership span {background: #95034A;}
li.airdrop span {background: #E1DC00;}
li.reserve span {background: #00AEDD;}



.copy-icon {margin-left: 15px;cursor: pointer;}
.copy-icon svg {width: 20px;height: 20px;}
.copy-icon svg path {fill: #fff;}



.protocol-section-dark {background-color: #000 !important;color: #fff !important;margin: 0 !important;padding: 300px  0 220px;}
.protocol-section-dark .title {text-align: center;margin-bottom: 20px;}
.protocol-section-dark .protocol-content p {color: rgb(255 255 255 / 60%);}
.protocol-section-dark .container {position: relative;z-index: 1;}


.earn-section {background: linear-gradient(180deg, #f3ce4e 0%, #f3bf48 35%, #f0712a 100%);color: #000;position: relative;padding: 60px 0 0 0;margin-bottom: -280px;padding-bottom: 240px;}
.earn-right {margin-top: -400px;}
.earn-left p {font-size: 16px;margin-bottom: 40px;}

.navbar-nav{flex: 1;justify-content: center;}


.widget-prev {background-color: #f9fafe;padding: 20px;border-radius: 6px;}
.widget-prev h6 {font-size: 14px;margin-bottom: 15px;font-family: 'Poppins', sans-serif;color: rgb(0 0 0 / 60%);}

.sm-block{display: none !important;}


.faqs_page:after {
    content: "";
    background-image: url(../img/token-shape.svg);
    position: absolute;
    left: -1%;
    top: -90px;
    width: 102%;
    height: 100%;
    z-index: 0;
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
}
.faqs_page {
    position: relative;
    overflow: hidden;
    padding: 220px 0 400px;
    margin-top: 0 !important;
}
.faqs_page .container{
  position: relative;
  z-index: 1;
}



@media (max-width: 1399.98px) { 
    .navbar-brand img {
        max-width: 180px;
        margin-right: 5px;
    }
    .navbar .button {
        width: 160px;
        font-size: 12px;
    }
    .protocol-section, .faqs{margin-bottom: -250px;padding-bottom: 250px;}
    .sports{margin-top: -250px;padding-top: 250px;}
    .upcoming-games{padding: 250px 0;}

    .first-slider .title {margin-bottom: -100px;}
    .second-slider .title {margin-bottom: -40px;}
    .multichain:after {bottom: -10px;}
}


@media (max-width: 1199.98px) { 
    .navbar .nav-link {padding: 17px 10px !important;font-size: 10px;}
    .navbar-brand img {max-width: 150px;}
    .navbar {padding: 15px 0;}
    .banner-content h1 {max-width: 500px;font-size: 30px;}
    .banner-content h1 strong {font-size: 50px;}
    .banner-content a img {max-width: 80px;}
    .first-slider .title {font-size: 26px;line-height: normal;}
    .first-slider .title b, .protocol-section .title b, .faqs .title b {font-size: 50px;}
    .first-slider-content h4 {margin: 15px 0;font-size: 18px;}
    .first-slider-content h4 b {font-size: 24px;}
    .first-slider-content p {font-size: 16px;}
    .upcoming-games .title b {font-size: 60px;}
    .upcoming-games p {font-size: 16px;}
    .contract {flex-direction: column;align-items: start;}
    .contract-box {margin-bottom: 10px;}
    .protocol-section, .faqs {margin-bottom: -200px;padding-bottom: 200px;}
    .sports, .faqs{margin-top: -200px;padding-top: 200px;}
    .footer{padding-top: 250px;}
    .second-slider .title {margin-bottom: 0;}
    .certik .title{margin-bottom: 30px;}
    .multichain {padding-bottom: 250px;}
    .tokenomics .title{margin: 0;}
    .tokenomics-right {position: relative;top: -50px;}
    .protocol-section-dark {padding: 200px 0 240px;}
    .earn-section{margin-bottom: -220px;}
    .four-slider .title{margin: 0;}
    .faqs_page {padding-bottom: 250px !important;}
}


@media (max-width: 991.98px) {
    .navbar-toggler {background-color: #f3ce4e;padding: 10px 15px;}
    .navbar-brand img {max-width: 200px;margin-left: 15px;}
    .navbar .nav-link {padding: 15px !important;font-size: 14px;}
    .banner:after{background-size: 450px;right: -300px;}
    .first-slider-content {text-align: center;}
    .slick-dots {margin-top: 30px;margin-bottom: 0;}
    .slider {padding: 40px 0 90px;}
    .one-slider-1, .one-slider-3, .one-slider-5{background: linear-gradient(180deg, #f3ce4e 0%, #f3bf48 35%, #f0712a 100%);}
    .one-slider-2, .one-slider-4{background: #fff;}
    .video-bg{margin:  0px}
    .protocol-content {padding: 0;margin-top: 20px;}
    .protocol-content p {font-size: 12px;margin: 0;}
    .protocol-content h6 {font-size: 14px;}
    .roadmap:after {background-size: 200px;}
    .protocol-section, .faqs { margin-bottom: -150px; padding-bottom: 150px;}
    .sports, .faqs{margin-top: -150px;padding-top: 150px;}
    .upcoming-games{padding: 200px 0;}
    .upcoming-games .title b {color: #fff;}
    .upcoming-games .title span {color: #F0C354;}
    .menu-button {display: block;margin: -50px -40px;}
    .navbar-nav{ position: absolute;top: calc(100% + 1px);left: -100%;width: 100%;z-index: 2;background-color: #f3be48;padding: 0 10px;transition: all 0.4s ease;visibility: hidden;border-bottom: 1px solid rgb(255 255 255 / 20%);}
    .navbar-nav.show {visibility: visible;left: 0;background: #000;}
    .menu-button.active {transform: scale(0.3);}
    .hamburger-lines{display: flex;}
    .navbar-brand{flex: 1;}
    .upcoming-games .col-lg-7 .row {top: inherit;margin-top: calc(var(--bs-gutter-y) * -1);margin-right: calc(var(--bs-gutter-x) * -.5);margin-left: calc(var(--bs-gutter-x) * -.5);}
    .first-slider .title{margin: 0;text-align: center;}
    .first-slider .col-lg-5{top:  0}
    .first-slider-img {padding: 15px 0;}
    .second-slider {text-align: center;}
    .second-slider-title {justify-content: flex-start;}
    .second-slider-content {text-align: left;}
    .first-slider-img img {margin: 0 auto;}
    .first-slider .row, .third-slider .row, .second-slider .container > .row {flex-direction: column-reverse;}
    .third-slider {text-align: center;}
    .third-slider-content h3 {margin: 10px 0;font-size: 18px;}
    .third-slider-content h4 {margin-top: 20px;font-size: 15px;}
    .four-slider {text-align: center;}
    .four-slider .title {left: inherit;width: 100%;padding: 0;}
    .four-slider-content h4 {font-size: 20px;margin-bottom: 15px;}
    .token:after{top: -50px;}
    .token-right {display: none;}
    .certik .row {flex-wrap: wrap-reverse;}
    .certik-right {top: 0;margin-bottom: 40px;}
    .certik {text-align: center;padding-bottom: 40px;padding-top: 30px;}
    .coin-contract {text-align: center;padding: 40px 0;}
    .coin-list {flex-direction: column;}
    .coin-det {margin-left: 0;margin-top: 10px;}
    .multichain-right {top: inherit;}
    .multichain {text-align: center;}
    .multichain .row {flex-direction: column-reverse;}
    .multichain-left p {margin: 0 auto;}
    .multichain-right img {max-width: 200px;margin: 40px 0;}
    .tokenomics .row {flex-wrap: wrap-reverse;}
    .tokenomics-right {position: inherit;top: 0;margin: 30px 0;}
    .tokenomics-right img {max-width: 280px;width: 100%;}
    .tokenomics {text-align: center;}
    .earn-right {margin: 0;}
    .earn-section {text-align: center;margin-bottom: -150px;padding-bottom: 50px;}
    .protocol-section-dark{padding-bottom: 60px;}
    .earn-left p {margin-bottom: 20px;}
    .footer {padding-top: 200px;}
    .navbar{z-index: 4;}
    .second-slider-content .col-6 {margin-top: 15px;}
    .faqs_page:after{top: -60px;}

}


@media (max-width: 767.98px) {
    .banner-content h1 {max-width: 400px;font-size: 20px;}   
    .banner-content h1 strong {font-size: 40px;}
    .investor img {margin: 15px auto;}
    .first-slider .title {font-size: 20px;}
    .first-slider .title b, .protocol-section .title b, .faqs .title b, .title b {font-size: 30px;}
    .protocol-section, .faqs {margin-bottom: -100px; padding-bottom: 100px;}
    .sports, .faqs{margin-top: -100px;padding-top: 100px;}
    .blog {padding-bottom: 100px;}
    .blog-box {border-radius: 20px;padding: 20px;}
    .footer{padding-top: 40px;padding-bottom: 40px;}
    .footer:after{display: none;}
    .faqs{margin-bottom: 0;}
    .sports-game-box img{height: inherit;}
    .sm-none {display: none;}
    .one-slider p {font-size: 14px;}
    .protocol-section {display: none;}
    .protocol-section-md {display: block; margin-bottom: -60px;padding-bottom: 100px;color: #000; position: relative;overflow: hidden;background-color: #fff;text-align: center;padding-top: 40px;}
    .protocol-section-md .title {margin-bottom: 20px;line-height: normal;}
    .protocol-section-md .title span {color: #F0C354;}
    .protocol-section-md-cont .slick-dots button {background-color: #EDEDED;}
    .protocol-section-md-cont .slick-dots .slick-active button {background-color: #f3ce4e;}
    .roadmap {display: none;}
    .roadmap-md {display: block; position: relative;background-color: #fff;color: #000;padding: 60px 0;}
    .roadmap-md .title {text-align: center;margin-bottom: 40px;}
    .roadmap-md .title span {color: #F0C354;}
    .roadmap-md-cont ul {list-style: none;display: flex;padding: 0;margin: 0;position: relative;}
    .roadmap-md-cont ul:nth-child(even) {justify-content: flex-end;flex-direction: row-reverse;text-align: left;}
    .roadmap-md-cont {padding: 0 15px;position: relative;text-align: right;}
    .roadmap-md-cont li {width: 50%;}
    .roadmap-md-cont:after {content: "";width: 6px;height: 100%;position: absolute;top: 0;left: 50%;background: linear-gradient(180deg, #f3ce4e 0%, #f3bf48 35%, #f0712a 100%);transform: translate(-50%, 0px);}
    .roadmap-md-cont li h4 {font-size: 15px;}
    .roadmap-md-cont li p {margin: 0;font-size: 12px;}
    .roadmap-md-cont ul:after {content: "";width: 30px;height: 4px;background: linear-gradient(180deg, #f3ce4e 0%, #f3bf48 35%, #f0712a 100%);display: block;position: absolute;left: calc(50% - 30px);}
    .roadmap-md-cont ul:nth-child(even):after {left: 50%;}
    .roadmap-md-cont ul:nth-child(even) li {padding-left: 40px;padding-right: 0;}
    .roadmap-md-cont ul li {padding-right: 40px;margin-top: -8px;}
    .roadmap-md-cont ul li.finished h4 {color: #F0C354;}
    .token:after{top: 0;}
    .multichain {padding-bottom: 200px;}
    .protocol-section-dark {padding-top: 100px; padding-bottom: 300px;}
    .protocol-section-dark:before{top: -40px;}
    .earn-section {margin: 0;}
    .earn-section .row {flex-direction: column-reverse;}
    .earn-right img {max-width: 260px;width: 100%;}
    .earn-section {background: #fff;}
    .earn-section .container {margin-top: -280px;}
    .earn-section .title span {color: #f3ce4e;}
    .earn-section .title b {color: #fff;}
    .banner-content .col-md-5{display: none;}
    .banner-content{padding: 0;}
    .five-slider-content{text-align: center;}
    .sm-block{display: block !important;}
    .sm-block a {display: block;margin-bottom: 20px;}
    .faqs_page:after {top: -40px;}
    .faqs_page {padding-bottom: 50px !important;}
    .faqs .button {line-height: 49px;}

}


@media (max-width: 575.98px) {
    .protocol-coin {text-align: center;margin-top: 20px;}
    .protocol-coin img {max-width: 120px;}
    .upcoming-games .title {margin-bottom: 30px;}
    .upcoming-games .title b {font-size: 30px;}
    .title {font-size: 20px;line-height: normal;}
    .upcoming-games .row .row{text-align: center;padding: 0 10px;}
    .upcoming-games {padding: 100px 0;text-align: center;}
    .upcoming-games .row .row>* {padding: 5px;}
    .upcoming-games .container > .row {flex-direction: column-reverse;}
    .upcoming-games .col-lg-5 {margin-top: 20px;}
    .upcoming-games-circle-bg-shape{display: none;}
    .banner:after{display: none;}
    .banner-content h1 {padding-top: 0; max-width: 100%;display: flex;flex-direction: column-reverse;margin: 0;}
    .banner-content{padding: 100px 0;}
    .banner-content a {margin: 0 auto 80px;}
    .banner{padding-bottom: 0;margin-bottom: -100px;}
    .banner:before{background-size: contain;background-repeat: no-repeat;}
    .protocol-section, .faqs {margin-bottom: -50px;padding-bottom: 50px;}
    .sports, .faqs{margin-top: -50px;padding-top: 50px;}
    .roadmap:after{display: none;}
    .faqs{padding-top: 90px; margin-bottom: 0;}
    .footer-social {flex-wrap: wrap;}
    .footer-social a {margin: 5px;}
    .contract-box b {display: block;}
    .contract-box span {font-size: 11px;display: block;margin-right: 20px;}
    .contract-box i {width: 36px;height: 56px;background-color: rgb(64 64 64);border-radius: 10px;display: flex;align-items: center;justify-content: center;position: absolute;top: 50%;right: 0;transform: translate(0px, -50%);z-index: 1;}
    .contract-box {position: relative;margin-bottom: 15px;display: block;}
    .copy-icon {margin-left: 0;position: absolute;right: 10px;top: 50%;transform: translate(0px, -50%);}
    .footer-menu a {margin: 5px 10px;display: inline-block;}
    .roadmap-box p {font-size: 14px;}
    .roadmap-box h5{font-size: 14px;margin-top: -15px;}
    .protocol-bg-top{right: -100px;max-width: 250px;}
    .navbar-brand {margin-right: 0;}
    .navbar-brand img {max-width: 120px;}
    .navbar-nav li:last-of-type {flex-wrap: wrap;}
    .navbar .button {width: 120px;width: 130px;font-size: 9px;margin-left: 0;padding: 0;height: 30px;line-height: 34px;}
    .navbar-toggler {padding: 8px 11px;font-size: 16px;}
    .navbar {padding: 10px 0;}
    .accordion-body{font-size: 14px;}
    .accordion-button:not(.collapsed){font-size: 16px;}
    .faqs .title p {font-size: 16px;margin-bottom: 30px;}
    .blog{padding: 40px 0 80px;}
    .roadmap, .investor{padding: 40px 0;}
    .investor img{max-height: 40px;}
    .investor .title{margin-bottom: 20px;}
    .sports{padding-bottom: 40px;}
    .sports .title{margin-bottom: 30px;}
    .upcoming-games p {font-size: 14px;}
    .protocol-section{padding-top: 40px;}
    .navbar .container{flex-wrap: nowrap;}
    .sport-circle-bg-shape{display: none;}
    .sports, .investor {text-align: center;}
    .sports-game-box span {padding: 30px 10px 10px;font-size: 14px;}
    .sports-game-box{margin:  0 10px}
    .roadmap .title, .blog .title{text-align: center;}
    .accordion-item{margin-top: 5px;}
    .one-slider .slick-dots{bottom: 30px;}
    .one-slider p {font-size: 12px;margin-bottom: 5px;}
    .second-slider-title h4{font-size: 14px;}
    .second-slider-title span {padding: 2px 10px;font-size: 12px;}
    .tokenomics-left li{width: 50%;padding-right: 0;padding-left: 35px;}
    .protocol-section-dark:before {top: -10px;}
    .token {padding: 110px 0 20px;}
    .token {text-align: center;}
    .coinmarketcap-logo {text-align: center;margin-top: 10px;}
    .coin-contract-left .title {margin-bottom: 20px;}
    .coin-addr span{font-size: 12px;}
    .multichain {padding-bottom: 150px;}
    .blog:after{top: 20px;}
    .blog{overflow: inherit;}
    .faqs_page:after {top: -20px;}
    .lang{margin-right: 5px;}
    .lang img{width: 40px;padding: 5px;}
    .lang-list{width: 140px;}
    .lang-list a {font-size: 12px;padding: 3px 2px 2px;}

}





.token-left p a {
    text-decoration: none;
    color: #f8c237;
    font-weight: bold;
}