@import url("https://fonts.googleapis.com/css2?family=Russo+One&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");
@charset "utf-8";

/** 
* 
* -----------------------------------------------------------------------------
*
* Template : GamFi - Metaverse Web3 IGO/IDO Token Launchpad HTML 5 Template
* Author : uigigs
* Author URI : http://www.uigigs.com/
*
* -----------------------------------------------------------------------------
* 
**/
/* TABLE OF CONTENT
---------------------------------------------------------
01. Gamfi General CSS
02. Gamfi Header Section CSS
03. Gamfi Banner Section CSS
04. Gamfi Breadcrumbs Section CSS
05. Gamfi About Section CSS
06. Gamfi Project Section CSS
07. Gamfi Project Details Section CSS
08. Gamfi previous Section CSS
09. Gamfi farming Section CSS
10. Gamfi Calendar Section CSS
11. Gamfi Leaderboard Section CSS
12. Gamfi Igo-Rankging Section CSS
13. Gamfi Tokenomics Section CSS
14. Gamfi Team Section CSS
15. Gamfi Partner Section CSS
16. Gamfi Form Content Section CSS
17. Gamfi Explore Content Section CSS
18. Gamfi footer Section CSS
19. Modal Section CSS
20. Preloader CSS
--------------------------------------------------------*/
@font-face {
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(http://fonts.gstatic.com/s/russoone/v13/Z9XUDmZRWg6M1LvRYsH-yA.ttf) format('truetype');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(http://fonts.gstatic.com/s/inter/v7/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuOKfMZg.ttf) format('truetype');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(http://fonts.gstatic.com/s/inter/v7/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfMZg.ttf) format('truetype');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(http://fonts.gstatic.com/s/inter/v7/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuI6fMZg.ttf) format('truetype');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(http://fonts.gstatic.com/s/inter/v7/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuGKYMZg.ttf) format('truetype');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(http://fonts.gstatic.com/s/inter/v7/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuFuYMZg.ttf) format('truetype');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(http://fonts.gstatic.com/s/inter/v7/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuDyYMZg.ttf) format('truetype');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(http://fonts.gstatic.com/s/inter/v7/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuBWYMZg.ttf) format('truetype');
}

/* -----------------------------------/
    01. Gamfi General CSS
-------------------------------------*/
html,
body {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
    font-family: "Inter", sans-serif;
    vertical-align: baseline;
    line-height: 1.6;
    font-weight: 500;
    overflow-x: hidden;
    background-color: #151625;
}

img {
    max-width: 100%;
    height: auto;
}

p {
    margin: 0 0 26px;
    line-height: 1.8;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Russo One", sans-serif;
    color: #ffffff;
    margin: 0 0 26px;
    line-height: 1.35;
    font-weight: 400;
}

h1 {
    font-size: 50px;
    text-transform: uppercase;
}

h2 {
    font-size: 36px;
    text-transform: uppercase;
}

h3 {
    font-size: 30px;
    text-transform: uppercase;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

.sec-heading .sub-title {
    color: #a3ff12;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: "Russo One", sans-serif;
}

.sec-heading .heading-left-image {
    margin-left: 10px;
}

.sec-heading .heading-right-image {
    margin-right: 10px;
}

.uppercase {
    text-transform: uppercase !important;
}

a {
    color: #fff;
    transition: all 0.3s ease;
    text-decoration: none !important;
    outline: none !important;
}

a:active,
a:hover {
    text-decoration: none;
    outline: 0 none;
    color: #a3ff12;
}

ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

body i {
    font-size: 8px;
    color: #B5B5BA;
}

button {
    border: none;
}

.clear {
    clear: both;
}

body .dblock {
    display: block;
}

::-moz-selection {
    background: #2D65F8;
    text-shadow: none;
    color: #ffffff;
}

::selection {
    background: #2D65F8;
    text-shadow: none;
    color: #ffffff;
}

[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
    margin: 0;
}

body .search-modal .modal-content {
    background: transparent;
    position: initial;
    border: 0;
}

body .search-modal .search-block input {
    height: 60px;
    line-height: 60px;
    padding: 0 15px;
    background: transparent;
    border-width: 0 0 1px 0;
    border-radius: 0;
    border-color: rgba(255, 255, 255, 0.4);
    box-shadow: none;
    color: #ffffff;
    font-weight: 600;
    font-size: 18px;
}

body .search-modal .close {
    color: #ffffff;
    margin-top: 20px;
    font-size: 14px;
    background-color: transparent;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    opacity: 1;
    outline: none;
    transition: all 0.3s ease;
    position: absolute;
    top: 0;
    right: 15px;
    font-size: 20px;
    z-index: -1;
}

body .search-modal .close:hover {
    color: #a3ff12 !important;
    opacity: 1 !important;
}

body .modal-backdrop {
    opacity: 1 !important;
}

.readon,
.white-bg-btn {
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase;
    position: relative;
    transition: all 0.4s ease-in-out;
    font-family: "Russo One", sans-serif;
}

.menu-area .readon {
    padding: 11px 20px 9px;
    color: #ffffff;
    border: 2px solid #393941;
}

.menu-area .readon i {
    position: relative;
    top: -2px;
    font-size: 8px;
    line-height: 0;
    color: rgba(255, 255, 255, 0.7);
    padding-left: 16px;
}

.menu-area .readon .fa-calendar-alt {
    font-size: 20px;
}

.menu-area button.readon {
    overflow: hidden;
}

.white-bg-btn {
    background: #fff;
    color: #090a1a;
    border: 2px solid #fff;
    padding: 10px 20px;
}

.white-bg-btn i {
    margin-right: 8px;
    color: #000000;
}

.white-bg-btn:hover {
    background: transparent;
    color: #fff;
    border-color: #393941;
}

.white-bg-btn:hover i {
    color: #fff;
}

.white-color {
    color: #fff !important;
}

.border-none {
    border: none !important;
}

/* -----------------------
    02. Gamfi Header Section CSS
--------------------------*/
.gamfi-header-section {
    background-color: #090a1a;
    padding: 25px 0;
}

.gamfi-header-section.transparent-header {
    background: transparent;
    position: absolute;
    width: 100%;
    z-index: 12;
}

.gamfi-header-section.default-header {
    background: #090A1A;
    position: relative;
    z-index: 11;
}

.gamfi-header-section.default-header:after,
.gamfi-header-section.default-header:before {
    width: 252px;
    height: 100%;
    content: "";
    background-image: url(../images/bg/header-shape1.png);
    position: absolute;
    top: 0;
    background-repeat: no-repeat;
}

.gamfi-header-section.default-header:after {
    background-image: url(../images/bg/header-shape1.png);
    left: 0;
}

.gamfi-header-section.default-header:before {
    background-image: url(../images/bg/header-shape2.png);
    right: 0;
}

.gamfi-header-section .logo {
    margin-right: 60px;

}

.gamfi-header-section .heaader-inner-area ul li {
    display: inline-block;
    position: relative;
}

.gamfi-header-section .heaader-inner-area ul li ul {
    position: absolute;
    left: -22px;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

.gamfi-header-section .heaader-inner-area ul li ul li {
    display: block;
    width: 240px;
}

.gamfi-header-section .heaader-inner-area ul li ul li + li {
    border-top: 1px solid #343441;
    margin-bottom: -1px;
}

.gamfi-header-section .heaader-inner-area ul li ul li a {
    display: block;
    background: #222231;
    font-size: 16px;
    font-family: "Russo One", sans-serif;
    background: rgba(19, 20, 44, 0.98);
    backdrop-filter: blur(4px);
    padding: 15px 24px;
    transition: 0.4s;
    color: rgba(255, 255, 255, 0.7);
}

.gamfi-header-section .heaader-inner-area ul li ul li a i {
    font-size: 20px;
    color: #fff;
    margin-right: 10px;
    position: relative;
    top: 2px;
}

.gamfi-header-section .heaader-inner-area ul li ul li a:hover {
    color: #fff;
}

.gamfi-header-section .heaader-inner-area ul li:hover ul {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
}

.gamfi-header-section .heaader-inner-area ul li img {
    margin-right: 10px;
}

.gamfi-header-section .header-menu ul li {
    display: inline-block;
    overflow: visible;
}

.gamfi-header-section .header-menu ul li.menu-item-has-children {
    position: relative;
}

.gamfi-header-section .header-menu ul li.menu-item-has-children:before {
    content: "\e901";
    position: absolute;
    top: 18px;
    right: -18px;
    color: rgba(255, 255, 255, 0.7);
    font-family: "icomoon";
    font-size: 7px;
}

.gamfi-header-section .header-menu ul li + li {
    margin-left: 40px;
}

.gamfi-header-section .header-menu ul li a {
    display: block;
    color: #fff;
    font-family: "Russo One", sans-serif;
    font-weight: 400;
    padding-top: 10px;
    padding-bottom: 10px;
}

.gamfi-header-section .header-menu ul li ul.sub-menu li {
    margin-left: 0;
    margin-bottom: -1px;
}

.gamfi-header-section .header-menu ul li ul.sub-menu li .sub-menu {
    position: absolute;
    left: 100%;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.gamfi-header-section .header-menu ul li ul.sub-menu li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
}

.gamfi-header-section .header-menu ul li ul.sub-menu li.menu-item-has-children {
    position: relative;
}

.gamfi-header-section .header-menu ul li ul.sub-menu li.menu-item-has-children:before {
    content: "\e902";
    top: 22px;
    right: 30px;
    font-size: 10px;
}

.gamfi-header-section .white-btn {
    background: #fff;
    color: #090A1A;
    margin-left: 25px;
    padding: 13px 32px 11px;
    border: none;
}

.gamfi-header-section .white-btn img {
    position: relative;
    top: -1px;
    margin-right: 8px;
}

.gamfi-header-section .gamfi-btn-area ul li ul li a {
    color: rgba(255, 255, 255, 0.7);
}

.gamfi-header-section .gamfi-btn-area ul li ul li a:hover {
    color: #fff;
}

.gamfi-header-section .gamfi-btn-area ul .nav-expander {
    margin-top: 15px;
}

.gamfi-header-section .gamfi-btn-area ul .nav-expander .bar {
    overflow: hidden;
}

.gamfi-header-section .gamfi-btn-area ul .nav-expander .bar span {
    height: 2px;
    display: block;
    background: rgba(255, 255, 255, 0.7);
    transition: all .5s ease;
    cursor: pointer;
    list-style: none;
}

.gamfi-header-section .gamfi-btn-area ul .nav-expander .bar span.dot1 {
    width: 20px;
    margin-bottom: 6px;
}

.gamfi-header-section .gamfi-btn-area ul .nav-expander .bar span.dot2 {
    width: 30px;
    margin-bottom: 6px;
}

.gamfi-header-section .gamfi-btn-area ul .nav-expander .bar span.dot3 {
    width: 25px;
}

.gamfi-header-section .gamfi-btn-area ul .nav-expander .bar:hover span.dot1,
.gamfi-header-section .gamfi-btn-area ul .nav-expander .bar:hover span.dot3 {
    width: 30px;
}

.gamfi-header-section .gamfi-btn-area > ul {
    display: flex;
}

.gamfi-header-section .right_menu_togle {
    background: #fff;
    padding: 66px 60px 50px 50px;
    max-width: 400px;
    width: 100%;
    right: -500px;
    z-index: 999;
    transition: all 0.3s ease;
    position: fixed;
    overflow-y: auto;
}

.gamfi-header-section .right_menu_togle .close-btn {
    overflow: visible;
    position: absolute;
    top: 10px;
    display: block;
    z-index: 99;
    right: 57px;
    cursor: pointer;
    transition: all .3s ease;
}

.gamfi-header-section .right_menu_togle .close-btn .nav-close .line {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.gamfi-header-section .right_menu_togle .close-btn .nav-close .line span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 3px !important;
    height: 28px !important;
    background: #151625;
    border: none !important;
    transition: all 0.3s ease;
}

.gamfi-header-section .right_menu_togle .close-btn .nav-close .line span.line2 {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.gamfi-header-section .right_menu_togle .close-btn:hover .nav-close .line span {
    opacity: 0.85;
}

.gamfi-header-section .right_menu_togle .canvas-logo {
    padding-left: 0;
    padding-bottom: 35px;
}

.gamfi-header-section .right_menu_togle .canvas-logo img {
    max-height: 25px;
}

.gamfi-header-section .mobile-navbar-menu .sub-menu {
    display: none;
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left;
}

.gamfi-header-section .mobile-navbar-menu .nav-menu li {
    position: relative;
}

.gamfi-header-section .mobile-navbar-menu .nav-menu li a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    display: block;
    color: #090b1a;
    padding: 10px 0;
    line-height: 30px;
    width: 100%;
    font-family: "Russo One", sans-serif;
}

.gamfi-header-section .mobile-navbar-menu .nav-menu li li a {
    padding-left: 25px;
}

.gamfi-header-section .mobile-navbar-menu .nav-menu li li li a {
    padding-left: 50px;
}

.gamfi-header-section .mobile-navbar-menu span.submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 5px;
    display: block;
    height: 40px;
    width: 40px;
    cursor: pointer;
}

.gamfi-header-section .mobile-navbar-menu span.submenu-button:before,
.gamfi-header-section .mobile-navbar-menu span.submenu-button:after {
    position: absolute;
    top: 24px;
    right: 10px;
    width: 20px;
    height: 1px;
    display: block;
    background: #151625;
    z-index: 2;
    content: '';
    right: 12px;
    width: 12px;
}

.gamfi-header-section .mobile-navbar-menu span.submenu-button:before {
    width: 1px;
    height: 12px;
    right: 17px;
    top: 18px;
}

.gamfi-header-section .mobile-navbar-menu span.submenu-button em {
    display: block;
    position: absolute;
    right: 0;
    border-radius: 4px;
    top: 50%;
    transform: translateY(-50%);
}

.gamfi-header-section .mobile-navbar-menu .hash-has-sub span.submenu-button {
    width: 100%;
    cursor: pointer;
    top: 0;
    height: 50px;
}

.gamfi-header-section .mobile-navbar-menu .submenu-button.submenu-opened:before {
    display: none;
}

.gamfi-header-section .mobile-navbar-menu ul ul li,
.gamfi-header-section .mobile-navbar-menu li:hover > ul > li {
    height: auto;
}

.nav-expanded nav {
    right: 0 !important;
}

.progress-inner {
    background: rgba(255, 255, 255, 0.1);
    padding: 8px;
}

.progress-inner .progress,
.progress-inner .progress-bar {
    background-color: rgba(255, 255, 255, 0);
    background-size: 14px 32px;
    background-image: linear-gradient(60deg, rgba(255, 255, 255, 0.15) 26%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 54%, rgba(255, 255, 255, 0.15) 82%, transparent 75%, transparent);
    height: 12px;
}

.progress-inner .progress {
    border-radius: 0;
}

.progress-inner .progress-bar {
    background-image: linear-gradient(60deg, #a3ff12 26%, transparent 25%, transparent 50%, #a3ff12 54%, #a3ff12 82%, transparent 75%, transparent);
}

.white-shape-small,
.white-shape-big,
.black-shape-big,
.black-shape,
.hover-shape {
    position: relative;
    overflow: hidden;
}

.white-shape-small img,
.white-shape-big img,
.black-shape-big img,
.black-shape img,
.hover-shape img,
.white-shape-small .btn-text,
.white-shape-big .btn-text,
.black-shape-big .btn-text,
.black-shape .btn-text,
.hover-shape .btn-text {
    position: relative;
    z-index: 9;
}

.white-shape-small .hover-shape1,
.white-shape-big .hover-shape1,
.black-shape-big .hover-shape1,
.black-shape .hover-shape1,
.hover-shape .hover-shape1,
.white-shape-small .hover-shape2,
.white-shape-big .hover-shape2,
.black-shape-big .hover-shape2,
.black-shape .hover-shape2,
.hover-shape .hover-shape2,
.white-shape-small .hover-shape3,
.white-shape-big .hover-shape3,
.black-shape-big .hover-shape3,
.black-shape .hover-shape3,
.hover-shape .hover-shape3 {
    position: absolute;
    width: 5px;
    background: rgba(0, 0, 0, 0.1);
    height: 124%;
    left: -42%;
    top: -5px;
    transform: rotate(22deg);
    transition: 0.8s;
}

.white-shape-small .hover-shape3,
.white-shape-big .hover-shape3,
.black-shape-big .hover-shape3,
.black-shape .hover-shape3,
.hover-shape .hover-shape3 {
    width: 11px;
}

.white-shape-small:hover .hover-shape1,
.white-shape-big:hover .hover-shape1,
.black-shape-big:hover .hover-shape1,
.black-shape:hover .hover-shape1,
.hover-shape:hover .hover-shape1 {
    left: 42%;
}

.white-shape-small:hover .hover-shape2,
.white-shape-big:hover .hover-shape2,
.black-shape-big:hover .hover-shape2,
.black-shape:hover .hover-shape2,
.hover-shape:hover .hover-shape2 {
    left: 50%;
}

.white-shape-small:hover .hover-shape3,
.white-shape-big:hover .hover-shape3,
.black-shape-big:hover .hover-shape3,
.black-shape:hover .hover-shape3,
.hover-shape:hover .hover-shape3 {
    left: 58%;
}

.white-shape-small .hover-shape1,
.white-shape-big .hover-shape1,
.black-shape .hover-shape1,
.white-shape-small .hover-shape2,
.white-shape-big .hover-shape2,
.black-shape .hover-shape2,
.white-shape-small .hover-shape3,
.white-shape-big .hover-shape3,
.black-shape .hover-shape3 {
    background: rgba(255, 255, 255, 0.1);
}

.white-shape-big:hover .hover-shape1,
.black-shape-big:hover .hover-shape1 {
    left: 46%;
}

.white-shape-big:hover .hover-shape2,
.black-shape-big:hover .hover-shape2 {
    left: 49%;
}

.white-shape-big:hover .hover-shape3,
.black-shape-big:hover .hover-shape3 {
    left: 52.5%;
}

/* ------------------------------------
    03. Gamfi Banner Section CSS
---------------------------------------*/
.sc-banner {
    position: relative;
    z-index: 9;
    overflow: hidden;
    padding: 170px 0 225px;
    background: url(../images/bg/banner-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.sc-banner .video-iconarea {
    position: relative;
}

.sc-banner .banner-content {
    max-width: 700px;
    margin: 0 auto;
}

.sc-banner .banner-content .banner-btn:hover .hover-shape1 {
    left: 44%;
}

.sc-banner .banner-content .banner-btn:hover .hover-shape3 {
    left: 54%;
}

.sc-banner .banner-content .banner-icon {
    margin: 0 0 24px;
}

.sc-banner .banner-content .banner-title {
    margin: 0 0 20px;
}

.sc-banner .banner-content .sub-title {
    font-weight: 300;
    line-height: 1.3;
}

.sc-banner .banner-content .description {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 40px;
}

.banner-btn {
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase;
    position: relative;
    transition: all 0.4s ease-in-out;
    font-family: "Russo One", sans-serif;
    background: #a3ff12;
    color: #090a1a;
    padding: 19px 50px;
}

.banner-btn:hover {
    color: #090a1a;
}

.banner-btn .hover-shape1,
.banner-btn .hover-shape2,
.banner-btn .hover-shape3 {
    background: rgba(0, 0, 0, 0.1);
}

/* -----------------------
    04. Gamfi Breadcrumbs Section CSS
--------------------------*/
.gamfi-breadcrumbs-section {
    background: url(../images/bg/breadcrumbs-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0 70px;
}

.gamfi-breadcrumbs-section .breadcrumbs-link {
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
    margin-right: 24px;
    position: relative;
    font-family: "Russo One", sans-serif;
}

.gamfi-breadcrumbs-section .breadcrumbs-link:before {
    content: "";
    width: 6px;
    height: 6px;
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    bottom: 4px;
    right: -15px;
}

.gamfi-breadcrumbs-section .breadcrumbs-link:hover {
    color: #a3ff12;
}

.gamfi-breadcrumbs-section .breadcrumbs-form {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.gamfi-breadcrumbs-section .breadcrumbs-form .breadcrumbs-social a {
    color: #B8B8BD;
    text-transform: uppercase;
    font-family: "Russo One", sans-serif;
}

.gamfi-breadcrumbs-section .breadcrumbs-form .breadcrumbs-social a i {
    font-size: 15px;
}

.gamfi-breadcrumbs-section .breadcrumbs-form form {
    position: relative;
    margin-right: 30px;
    top: -3px;
}

.gamfi-breadcrumbs-section .breadcrumbs-form input {
    background: transparent;
}

.gamfi-breadcrumbs-section .breadcrumbs-form input[type="text"] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 11px 20px;
    width: 380px;
    color: rgba(255, 255, 255, 0.7);
}

.gamfi-breadcrumbs-section .breadcrumbs-form input[type="submit"] {
    font-size: 0;
    border: none;
}

.gamfi-breadcrumbs-section .breadcrumbs-form .submit {
    position: absolute;
    right: -6px;
    top: 11px;
}

.gamfi-breadcrumbs-section .breadcrumbs-form .submit i {
    font-size: 15px;
    cursor: pointer;
    padding: 0;
    color: rgba(255, 255, 255, 0.7);
    position: relative;
    transition: 0.4s;
    top: 2px;
    right: 10px;
}

.gamfi-breadcrumbs-section .breadcrumbs-form .submit i:hover {
    color: #B9B9C0;
}

.gamfi-breadcrumbs-section .breadcrumbs-form .btn-area .readon {
    background: rgba(255, 255, 255, 0.1);
    border: none;
    padding: 12px 26px 10px;
    color: #fff;
}

.gamfi-breadcrumbs-section .breadcrumbs-form .btn-area .readon i {
    font-size: 15px;
    top: 1px;
    margin-right: 10px;
    color: #fff;
    position: relative;
    z-index: 3;
}

.gamfi-breadcrumbs-section .breadcrumbs-form .btn-area .readon:hover {
    color: #fff;
}

.gamfi-breadcrumbs-section.breadcrumbs-style2 {
    padding-top: 130px;
    padding-bottom: 115px;
    background: url(../images/bg/breadcrumbs-bg2.jpg);
    position: relative;
    background-position: bottom center;
    z-index: 2;
}

.gamfi-navigation ul li {
    display: inline-block;
    position: relative;
}

.gamfi-navigation ul li + li {
    margin-left: 4px;
}

.gamfi-navigation ul li:first-child {
    top: 2px;
}

.gamfi-navigation ul li:first-child a {
    padding: 11px 19px 8px;
    position: relative;
    top: -1px;
}

.gamfi-navigation ul li a {
    display: block;
    border: 1px solid #2E2F3C;
    color: #fff;
    padding: 10px 20px;
    font-family: "Russo One", sans-serif;
    text-transform: uppercase;
    transition: 0.4s;
}

.gamfi-navigation ul li a .icon-Vector {
    font-size: 13px;
}

.gamfi-navigation ul li a .icon-arrow_right {
    font-size: 13px;
}

.gamfi-navigation ul li a.active:not(.black-shape),
.gamfi-navigation ul li a:hover:not(.black-shape) {
    background: #2E2F3C;
    color: #a3ff12;
}

.breadcrumbs-form .gamfi-navigation {
    position: relative;
    top: -3px;
}

.breadcrumbs-form .gamfi-navigation ul {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.breadcrumbs-form .gamfi-navigation ul li:first-child {
    top: 0;
}

.breadcrumbs-form .gamfi-navigation ul li:first-child a {
    padding-top: 11px;
    padding-bottom: 8px;
}

.canvas-menu ul li {
    display: block;
}

.canvas-menu ul li + li {
    padding-top: 15px;
}

.canvas-menu ul li a {
    display: block;
    color: #ffffff;
    font-weight: 600;
}

.canvas-menu ul li a:hover {
    color: #636363;
}

/* ------------------------------------
    05. Gamfi About Section CSS
---------------------------------------*/
.gamfi-about-secion {
    background: #151625;
}

.gamfi-about-secion .game-price-item {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px;
    position: relative;
    z-index: 9;
}

.gamfi-about-secion .game-price-item .game-price-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.gamfi-about-secion .game-price-item .game-price-inner .price-inner .image-icon {
    margin-right: 25px;
}

.gamfi-about-secion .game-price-item .game-price-inner .all-raise {
    color: #ffffff;
}

.gamfi-about-secion .game-price-item .game-price-inner .allocation-max img {
    margin-top: 10px;
}

.gamfi-about-secion .game-price-item .game-price-inner .allocation-max .allocation {
    color: #ffffff;
    margin-top: 73px;
}

.gamfi-about-secion .game-price-item .game-price-inner .targeted-raise .all-raise {
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
}

.gamfi-about-secion .game-price-item .game-price-inner .targeted-raise .targeted-raise {
    color: #ffffff;
}

.gamfi-about-secion .game-price-item .price-details h3,
.gamfi-about-secion .game-price-item .price-details a {
    color: #fff;
    transition: 0.4s;
    text-transform: capitalize;
}

.gamfi-about-secion .game-price-item .price-details .dsc {
    text-transform: uppercase;
}

.gamfi-about-secion .game-price-item .more {
    border: 1px solid #2E2F3C;
}

.gamfi-about-secion .text-content,
.gamfi-about-secion .allocation,
.gamfi-about-secion .targeted-raise {
    font-family: "Russo One", sans-serif;
}

.gamfi-about-secion .game-price-inner,
.gamfi-about-secion .progress-inner {
    position: relative;
    z-index: 3;
}

.gamfi-about-secion .total-price .all-raise {
    font-family: "Russo One", sans-serif;
}

.gamfi-about-secion .targeted-raise .all-raise {
    font-family: "Inter", sans-serif;
}

.gamfi-about-secion .total-price,
.gamfi-about-secion .targeted-raise {
    width: 38%;
}

.gamfi-about-secion .total-price .targeted-raise,
.gamfi-about-secion .targeted-raise .targeted-raise {
    width: 100%;
}

.gamfi-about-secion .allocation-max {
    width: 24%;
}

.gamfi-about-secion .game-price-item .btn-area,
.gamfi-about-secion .game-price-item .text-content,
.gamfi-about-secion .game-price-item .social-area {
    width: 33.333%;
}

.gamfi-about-secion .game-price-item .text-content {
    text-align: center;
}

.gamfi-about-secion .game-price-item .social-icon-list {
    text-align: right;
}

.banner-slider-inner {
    margin-top: -156px;
    z-index: 9;
    position: relative;
}

.banner-slider-inner .game-price-inner img {
    max-width: 100%;
    width: auto;
    margin: 0 auto;
}

.banner-slider-inner .owl-dots {
    text-align: center;
    margin-top: 10px;
}

.banner-slider-inner .owl-dots .owl-dot {
    width: 11px;
    height: 9px;
    transform: skew(20deg);
    background: rgba(255, 255, 255, 0.2);
    display: inline-block;
    margin: 0 5.5px;
    transition: 0.3s;
}

.banner-slider-inner .owl-dots .owl-dot.active,
.banner-slider-inner .owl-dots .owl-dot:hover {
    background: #fff;
}

.price-counter .timer,
.banner-slider-inner .timer {
    margin-bottom: 48px;
}

.price-counter .timer ul,
.banner-slider-inner .timer ul {
    display: flex;
    justify-content: space-between;
}

.price-counter .timer ul li,
.banner-slider-inner .timer ul li {
    font-size: 30px;
    color: #fff;
}

.price-counter .timer ul li:last-child,
.banner-slider-inner .timer ul li:last-child {
    margin-right: 0;
}

.price-counter .timer ul li span,
.banner-slider-inner .timer ul li span {
    font-size: 16px;
    margin-left: 2px;
}

.hover-shape-inner {
    background: radial-gradient(circle, #4a4176 -24%, #1e1f35 40%);
}

.hover-shape-inner .hover-shape-bg {
    width: 35px;
    height: 100%;
    transform: skew(-26deg);
    display: inline-block;
    margin: 0 5.5px;
    transition: 0.3s;
    position: absolute;
    top: 0;
    z-index: -1;
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(150, 136, 217, 0.06) 50%, rgba(255, 255, 255, 0) 100%);
}

.hover-shape-inner .hover_shape1 {
    left: 40%;
}

.hover-shape-inner .hover_shape2 {
    left: 46.5%;
}

.hover-shape-inner .hover_shape3 {
    left: 53%;
    width: 60px;
}

.active-shape,
.hover-shape-border {
    position: relative;
}

.active-shape .border-shadow,
.hover-shape-border .border-shadow {
    content: "";
    display: block;
    position: absolute;
    z-index: 9;
}

.active-shape .shadow-1,
.hover-shape-border .shadow-1,
.active-shape .shadow-3,
.hover-shape-border .shadow-3 {
    width: 5px;
    height: 200px;
}

.active-shape .shadow-2,
.hover-shape-border .shadow-2,
.active-shape .shadow-4,
.hover-shape-border .shadow-4 {
    width: 200px;
    height: 5px;
}

.active-shape .shadow-1,
.hover-shape-border .shadow-1 {
    top: 0px;
    left: 0;
    background: linear-gradient(to bottom, #f82552 -100%, rgba(21, 22, 37, 0) 64%);
    width: 5px;
    height: 200px;
}

.active-shape .shadow-2,
.hover-shape-border .shadow-2 {
    top: 0px;
    left: 5px;
    background: linear-gradient(to right, #f82552 -100%, rgba(21, 22, 37, 0) 64%);
    width: 200px;
    height: 5px;
}

.active-shape .shadow-3,
.hover-shape-border .shadow-3 {
    bottom: 0px;
    right: 0;
    width: 5px;
    height: 200px;
    background: linear-gradient(to top, #a3ff12 -100%, rgba(21, 22, 37, 0) 64%);
}

.active-shape .shadow-4,
.hover-shape-border .shadow-4 {
    bottom: 0px;
    right: 5px;
    width: 200px;
    height: 5px;
    background: linear-gradient(to left, #a3ff12 -100%, rgba(21, 22, 37, 0) 64%);
}

.hover-shape-border .border-shadow {
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
}

.hover-shape-border:hover .border-shadow {
    opacity: 1;
    visibility: visible;
}

.participate-item .participate-info h4 {
    margin-top: 30px;
}

.participate-item .number-image {
    margin-right: 12px;
    flex: 0 0 21%;
}

/* ------------------------------------
    06. Gamfi Project Section CSS
---------------------------------------*/
.gamfi-project-section {
    background: url(../images/bg/project-bg.jpg);
    padding-top: 115px;
    padding-bottom: 105px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.gamfi-project-section .gamfi-btn-area .readon {
    color: #fff;
    border: 2px solid #2E2F3B;
    padding: 12px 25px 9px;
    transition: 0.4s;
}

.gamfi-project-section .gamfi-btn-area .readon i {
    font-size: 15px;
    margin-right: 10px;
    color: #fff;
    position: relative;
    z-index: 3;
}

.gamfi-project-section .gamfi-btn-area .readon:hover {
    color: #fff;
}

.gamfi-project-section .project-item {
    background: rgba(30, 31, 53, 0.8);
    margin-bottom: 30px;
    padding: 30px 30px 10px;
}

.gamfi-project-section .project-item .project-info {
    margin-bottom: 28px;
}

.gamfi-project-section .project-item .project-info img {
    margin-right: 20px;
}

.gamfi-project-section .project-item a {
    color: #fff;
}

.gamfi-project-section .project-item a:hover {
    color: rgba(255, 255, 255, 0.7);
}

.gamfi-project-section .project-item .heading-title {
    margin-bottom: 40px;
}

.gamfi-project-section .project-item .heading-title h4 {
    font-size: 16px;
    margin-bottom: 0;
    position: relative;
}

.gamfi-project-section .project-item .heading-title h4:before {
    width: 197px;
    height: 35px;
    content: "";
    background-image: url(../images/bg/shape-bg.png);
    position: absolute;
    left: -30px;
    top: -7px;
}

.gamfi-project-section .project-item .project-icon {
    position: relative;
    top: -6px;
}

.gamfi-project-section .project-item .project-media li {
    display: block;
    overflow: hidden;
    padding-bottom: 15px;
}

.gamfi-project-section .project-item .project-media li:last-child {
    padding-bottom: 0;
}

.gamfi-project-section .project-item .project-media li strong {
    font-weight: 400;
    color: #fff;
}

.gamfi-project-section .project-item .project-media li span {
    float: right;
}

.gamfi-project-section .project-item .project-media span {
    color: #fff;
}

.gamfi-project-section .project-item .project-media .social-icon-list {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
    margin-top: -22px;
}

.gamfi-project-section .project-item .project-media .social-icon-list li {
    padding-bottom: 0;
}

.gamfi-project-section .project-item .project-media .social-icon-list li a {
    color: #fff;
}

.gamfi-project-section .project-item .project-media .social-icon-list li a i {
    font-size: 15px;
    transition: 0.4s;
}

.gamfi-project-section .project-item .project-media .social-icon-list li a i:hover {
    color: rgba(255, 255, 255, 0.7);
}

.gamfi-project-section .project-item .project-media .social-icon-list li {
    display: inline-block;
}

.gamfi-project-section .project-item .project-media .social-icon-list li i {
    padding-left: 10px;
}

.main-project-area .project-item:hover {
    background-image: radial-gradient(circle, rgba(137, 120, 211, 0.4) 0%, #1e1f35 100%);
}

.view-more {
    border: 2px solid #2E2F3C;
    color: #fff;
    padding: 12px 25px 8px;
    text-transform: uppercase;
    transition: 0.4s;
    font-family: "Russo One", sans-serif;
    overflow: hidden;
    display: block;
}

.view-more i {
    font-size: 15px;
    padding-left: 15px;
}

.view-more:hover {
    color: #fff;
}

/* ------------------------------------
    07. Gamfi Project Details Section CSS
---------------------------------------*/
.project-details-conent {
    background: #090a1a;
}

.project-details-conent .game-price-item {
    margin-top: -90px;
}

.project-details-conent .banner-bottom-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.project-details-conent .banner-bottom-content .social-icon-list li {
    display: inline-block;
    margin-left: 12px;
}

.project-details-conent .banner-bottom-content .social-icon-list li a {
    display: block;
    color: #fff;
    font-size: 20px;
}

.project-details-conent .banner-bottom-content .social-icon-list li a:hover {
    color: #a3ff12;
}

.project-details-conent .banner-bottom-content .social-icon-list li:first-child {
    margin-left: 0;
}

.project-details-conent .banner-bottom-content .social-icon-list li {
    display: inline-block;
}

.project-details-conent .banner-bottom-content .social-icon-list li i {
    padding-left: 10px;
    font-size: 20px;
    transition: 0.4s;
    color: #fff;
}

.project-details-conent .banner-bottom-content .social-icon-list li i:hover {
    color: #B9B9C0;
}

.project-details-conent .project-item ul.date-listing {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.project-details-conent .project-item .date-listing li button {
    cursor: pointer;
    border: 2px solid;
    transition: 0.4s;
    color: #fff;
    padding: 12px 20px;
    border-color: #303244;
    font-family: "Russo One", sans-serif;
    text-transform: uppercase;
    border: 1px solid #303244;
    outline: none;
    background: transparent;
}

.project-details-conent .project-item .date-listing li:hover button,
.project-details-conent .project-item .date-listing li.active button {
    background: #303244;
    color: #a3ff12;
}

.project-details-conent .banner-bottom-content .btn-area .readon {
    background: #6D4AFE;
    border: none;
    transition: 0.4s;
    padding: 17px 45px;
}

.project-details-conent .readon {
    background: #6d4afe;
    border-color: #6d4afe;
    border: 2px solid #3C3D4F;
    transition: 0.4s;
    color: #fff;
    padding: 12px 20px;
}

.project-details-conent .readon:hover {
    border-color: none;
}

.project-details-conent .project-item {
    background: rgba(30, 31, 53, 0.8);
    margin-bottom: 30px;
    padding: 45px 50px;
}

.project-details-conent .project-item .project-info {
    margin-bottom: 12px;
}

.project-details-conent .project-item .project-info img {
    margin-left: 5px;
}

.project-details-conent .project-item .heading-title {
    margin-bottom: 40px;
}

.project-details-conent .project-item .heading-title h4 {
    font-size: 16px;
    margin-bottom: 0;
    position: relative;
}

.project-details-conent .project-item .heading-title h4:before {
    width: 197px;
    height: 35px;
    content: "";
    background-image: url(../images/bg/shape-bg.png);
    position: absolute;
    left: -30px;
    top: -7px;
}

.project-details-conent .project-item .border-bottom-2 {
    border-bottom: 1px solid #3c3d4f;
    padding-bottom: 20px;
    margin-bottom: 25px;
}

.project-details-conent .project-item .date-listing li {
    display: inline-block;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    background: transparent;
}

.project-details-conent .project-item .date-listing li input {
    position: absolute;
    top: -20px;
}

.project-details-conent .project-item .date-listing li label {
    cursor: pointer;
    border: 2px solid;
    transition: 0.4s;
    color: #fff;
    padding: 12px 20px;
    border-color: #303244;
    font-family: "Russo One", sans-serif;
    text-transform: uppercase;
}

.project-details-conent .project-item .date-listing li .active,
.project-details-conent .project-item .date-listing li input:checked + label {
    background: #303244;
    color: #a3ff12;
}

.project-details-conent .project-item .date-listing li + li {
    margin-left: 5px;
}

.project-details-conent .project-item .date-listing li a {
    background: transparent;
    border-color: #313245;
}

.project-details-conent .project-item .date-listing li a:hover {
    background: #313245;
    border-color: #313245;
    color: #a3ff12;
}

.project-details-conent .project-item .big-text {
    font-size: 30px;
    color: #a3ff12;
    font-family: "Russo One", sans-serif;
    position: absolute;
    right: 0;
    top: -10px;
}

.project-details-conent .project-item .project-form-list .balance-form-area {
    position: relative;
}

.project-details-conent .project-item .project-form-list .balance-form-area .white-shape-small {
    position: absolute;
    display: block;
    right: 0;
    top: 0;
}

.project-details-conent .project-item .project-form-list .balance-form-area input {
    border: 1px solid #313245;
    background: transparent;
    padding: 16px 20px;
    position: relative;
    color: rgba(255, 255, 255, 0.7);
}

.project-details-conent .project-item .project-form-list .balance-form-area input[type="text"] {
    position: relative;
    z-index: 3;
}

.project-details-conent .project-item .project-form-list .balance-form-area .max {
    position: absolute;
    color: #fff;
    margin-top: 17px;
    margin-left: -60px;
}

.project-details-conent .project-item .project-form-list .balance-form-area input[type="submit"] {
    width: 100%;
    color: #fff;
    background: #313245;
    transition: 0.4S;
    text-transform: uppercase;
    font-family: "Russo One", sans-serif;
    padding-left: 30px;
    padding-right: 30px;
    width: 170px;
}

.project-details-conent .project-item .project-form-list .balance-form-area .approve input[type="submit"] {
    background: #6D4AFE;
}

.project-details-conent .project-item .hover-shape-inner {
    background: url(../images/bg/project-details-banner.jpg);
}

.project-details-conent .project-value-inner {
    padding: 40px 50px 50px;
}

.project-details-conent .project-media li {
    display: block;
    overflow: hidden;
    padding-bottom: 15px;
    position: relative;
}

.project-details-conent .project-media li:last-child {
    padding-bottom: 0;
}

.project-details-conent .project-media li strong {
    font-weight: 400;
    color: #fff;
}

.project-details-conent .project-media li span {
    float: right;
}

.project-details-conent .project-media span {
    color: #fff;
}

.project-details-conent .project-media img {
    margin-right: 10px;
}

.project-details-conent .project-media .social-icon-list {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
    margin-top: -22px;
}

.project-details-conent .project-media .social-icon-list li {
    padding-bottom: 0;
}

.project-details-conent .project-media .social-icon-list li a {
    color: #fff;
}

.project-details-conent .project-media .social-icon-list li a:hover {
    color: #a3ff12;
}

.project-details-conent .project-video-area {
    position: relative;
    margin-bottom: 55px;
}

.project-details-conent .project-video-area .video-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.project-details-conent .project-video-area i {
    background: #fff;
    color: #f82552;
    font-size: 30px;
    height: 70px;
    width: 70px;
    line-height: 70px;
    border-radius: 70px;
    display: inline-block;
    text-align: center;
}

.project-details-conent table {
    width: 100%;
}

.project-details-conent table .table-header {
    background: #1e1f35;
    text-transform: uppercase;
    font-family: "Russo One", sans-serif;
}

.project-details-conent table .table-header th {
    background: #1e1f35;
    font-weight: 400;
    padding: 17px 30px;
}

.project-details-conent table .table-header th:nth-child(2) {
    padding-left: 45px;
}

.project-details-conent table td {
    position: relative;
    padding: 17px 30px;
    border-bottom: 1px solid #2e2f3c;
}

.project-details-conent table td:nth-child(2) {
    left: 16px;
}

.project-details-conent .project-service {
    background: #1e1f35;
    padding: 50px 100px 25px;
    margin-bottom: 55px;
    display: flex;
}

.project-details-conent .project-service .project-image {
    margin-right: 70px;
}

.project-details-conent .project-service .project-content {
    display: flex;
}

.project-details-conent .project-content .project-price span {
    display: block;
    margin-bottom: 5px;
}

.project-details-conent .project-content .project-price .project-sale {
    position: relative;
    padding-left: 10px;
}

.project-details-conent .project-content .project-price .project-sale:before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #fff;
    left: -10px;
    top: 7px;
}

.project-details-conent .project-content .project-price .darkslateblue:before {
    background: #6d4afe;
}

.project-details-conent .project-content .project-price .cyan:before {
    background: #3bcbff;
}

.project-details-conent .project-content .project-price .dodgerBlue:before {
    background: #0b58fe;
}

.project-details-conent .project-content .project-price .turquoise:before {
    background: #01cc9b;
}

.project-details-conent .project-content .project-price .springGreen:before {
    background: #a3ff12;
}

.project-details-conent .project-content .project-price .darkturquoise:before {
    background: #14a0c0;
}

.project-details-conent .project-content .project-price .turquoise:before {
    background: #3bcbff;
}

.project-summary-menu {
    padding: 48px 50px 15px;
}
.project-summary-menu.project_summary_menu_BgGridient{
    background: linear-gradient(180deg, #1E1F35 0%, rgba(30, 31, 53, 0) 100%);
    height: 640px;
}
.project-summary-menu.bg_gradient_custom{
    background: linear-gradient(180deg, #1E1F35 0%, rgba(30, 31, 53, 0) 100%);
    height: 566px;
}



.project-summary-menu .nav {
    display: block;
}

.project-summary-menu .nav button {
    display: block;
    background: transparent;
    padding: 0;
    color: rgba(255, 255, 255, 0.7);
    font-family: "Russo One", sans-serif;
    margin-bottom: 25px;
}

.project-summary-menu .nav button img {
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    margin-left: 5px;
}

.project-summary-menu .nav button.active {
    color: #a3ff12;
}

.project-summary-menu .nav button.active img {
    opacity: 1;
    visibility: visible;
}

.project-meta-inner .meta-header {
    background: #1a1b30;
    padding: 45px 50px 15px;
    margin-bottom: 30px;
}

.project-btn-area .readon {
    display: block;
    text-align: center;
    padding: 17px;
}

.project-btn-area .active {
    margin-bottom: 20px;
    border: none;
    color: #fff;
}

.project-btn-area .next {
    background: #1e1f35;
    border: none;
    color: #fff;
}

.project-btn-area .next:hover {
    color: #fff;
}

.project-btn-area .draw {
    color: #fff;
    background: #303244;
}

.project-meta-item {
    background: #1a1b30;
    padding: 43px 50px 50px;
}

.project-meta-item .meta-counter {
    padding: 0 50px 50px;
}

.project-meta-item .meta-counter:first-child {
    border-bottom: 1px solid #3c3d4f;
    margin-bottom: 40px;
    padding: 40px 50px 42px;
}

.project-details-conent .game-price-item .text-content {
    color: #fff;
}

.project-details-conent .game-price-item .targeted-raise .targeted-raise {
    position: relative;
}

.project-menu-area {
    background: #222231;
    margin-bottom: 42px;
}

.project-menu-area ul li {
    border-right: 1px solid rgba(255, 255, 255, 0.08);
}

.project-menu-area ul li a,
.project-menu-area ul li .tab-link {
    color: #fff;
    padding: 18px 28px;
}

.project-menu-area .project-left-menu .tab-link {
    background: transparent;
    font-family: "Russo One", sans-serif;
    position: relative;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
}

.project-menu-area .project-left-menu .tab-link:before {
    position: absolute;
    content: "";
    left: 0;
    width: 0;
    height: 2px;
    background: #6d4afe;
    bottom: 0;
    transition: 0.3s;
}

.project-menu-area .project-left-menu .tab-link.active {
    color: #fff;
}

.project-menu-area .project-left-menu .tab-link.active:before {
    width: 100%;
}

.project-menu-area .project-left-menu .tab-link.calendar-date-text {
    color: #fff;
}

.project-menu-area .project-right-menu ul li {
    display: inline-block;
}

.project-menu-area .project-right-menu ul li:first-child {
    border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.project-menu-area .project-right-menu ul li:last-child {
    border-right: 0 solid rgba(255, 255, 255, 0.08);
}

.project-menu-area .project-right-menu ul li a {
    display: block;
    color: rgba(255, 255, 255, 0.7);
}

.project-menu-area .al-access-menu > li {
    padding-right: 50px;
}

.project-menu-area .al-access-menu > li:after,
.project-menu-area .al-access-menu > li:before {
    content: "\e901";
    position: absolute;
    top: 26px;
    right: 28px;
    color: rgba(255, 255, 255, 0.7);
    font-family: "icomoon";
    font-size: 8px;
    transition: 0.4s;
}

.project-menu-area .al-access-menu > li:after {
    content: "\e903";
    opacity: 0;
    visibility: hidden;
}

.project-menu-area .al-access-menu > li:hover:before {
    opacity: 0;
    visibility: hidden;
}

.project-menu-area .al-access-menu > li:hover:after {
    opacity: 1;
    visibility: visible;
}

.project-menu-area .al-access-menu li {
    position: relative;
}

.project-menu-area .al-access-menu li a:hover {
    color: #fff;
}

.project-menu-area .al-access-menu li img {
    max-width: 20px;
    margin-right: 5px;
}

.project-menu-area .al-access-menu li ul {
    position: absolute;
    left: 0;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 3;
    width: 100%;
}

.project-menu-area .al-access-menu li ul li {
    display: block;
    background: #222231;
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.project-menu-area .al-access-menu li ul li:last-child {
    border-bottom: 0px;
}

.project-menu-area .al-access-menu li:hover ul {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
}

.project-menu-area .al-access-menu li.block ul {
    width: 102%;
    left: -4px;
}

.project-menu-area .al-access-menu.right-postion li ul {
    left: auto;
    right: 0;
}

/* ------------------------------------
    08. Gamfi previous Section CSS
---------------------------------------*/
.gamfi-previous-section {
    background: #090b1a;
}

.gamfi-previous-section .project-right-menu .access i {
    padding-left: 60px;
}

.gamfi-previous-section .project-right-menu .block i {
    padding-left: 30px;
}

.gamfi-previous-section .project-right-menu .chain {
    padding-left: 80px;
}

.gamfi-previous-section .previous-mainmenu .menu-list {
    font-family: "Russo One", sans-serif;
}

.gamfi-previous-section .previous-mainmenu .menu-list .date-list {
    width: 13%;
    position: relative;
}

.gamfi-previous-section .previous-mainmenu .menu-list.date-menu {
    padding: 0 20px;
}

.gamfi-previous-section .previous-mainmenu .menu-list .date_2 {
    left: 20px;
}

.gamfi-previous-section .previous-mainmenu .menu-list .date_3 {
    left: 30px;
}

.gamfi-previous-section .previous-mainmenu .menu-list .date_4 {
    left: 50px;
}

.gamfi-previous-section .previous-mainmenu .menu-list .date_5 {
    left: 65px;
}

.gamfi-previous-section .previous-mainmenu .menu-list .date_6 {
    left: 85px;
}

.gamfi-previous-section .previous-mainmenu .menu-list .date_7 {
    left: 100px;
}

.gamfi-previous-section .previous-mainmenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.gamfi-previous-section .previous-mainmenu ul {
    padding: 0 30px;
}

.gamfi-previous-section .previous-mainmenu ul li {
    display: inline-block;
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
    transition: 0.4s;
}

.gamfi-previous-section .previous-mainmenu ul .list1 {
    width: 34.5%;
}

.gamfi-previous-section .previous-mainmenu ul .list2 {
    width: 10.5%;
}

.gamfi-previous-section .previous-mainmenu ul .list3 {
    width: 17.8%;
}

.gamfi-previous-section .previous-mainmenu ul .list4 {
    width: 17.4%;
}

.gamfi-previous-section .previous-mainmenu ul .list5 {
    width: 14%;
}

.gamfi-previous-section .form-check {
    padding: 17px 68px;
    cursor: pointer;
}

.gamfi-previous-section .form-check input,
.gamfi-previous-section .form-check label {
    cursor: pointer;
}

.gamfi-previous-section .form-switch {
    font-family: "Russo One", sans-serif;
    text-transform: uppercase;
    transition: 0.4s;
    cursor: pointer;
    border-right: 0px;
    padding: 18px 28px;
}

.gamfi-previous-section .form-switch:hover {
    color: #fff;
}

.gamfi-previous-section .form-switch .switch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 24px;
}

.gamfi-previous-section .form-switch .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.gamfi-previous-section .form-switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #434350;
    -webkit-transition: .4s;
    transition: .4s;
}

.gamfi-previous-section .form-switch .slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 6px;
    bottom: 5px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
}

.gamfi-previous-section .form-switch input:checked + .slider {
    background-color: #6D4AFE;
}

.gamfi-previous-section .form-switch input:checked + .slider:before {
    left: 0;
}

.gamfi-previous-section .form-switch .title {
    margin-left: 6px;
}

.gamfi-previous-section .form-switch input:focus + .slider {
    box-shadow: 0 0 1px #6D4AFE;
}

.gamfi-previous-section .form-switch input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.gamfi-previous-section .form-switch .slider.round {
    border-radius: 34px;
}

.gamfi-previous-section .form-switch .slider.round:before {
    border-radius: 50%;
}

.gamfi-previous-section .previous-item {
    background: #1a1b30;
    margin-bottom: 30px;
    padding: 30px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: 0.4s;
    color: #fff;
}

.gamfi-previous-section .previous-item .previous-gaming {
    display: flex;
}

.gamfi-previous-section .previous-item .previous-gaming img {
    margin-right: 20px;
}

.gamfi-previous-section .previous-item .previous-gaming .previous-price a {
    transition: 0.4s;
}

.gamfi-previous-section .previous-item .previous-gaming .previous-price a:hover {
    color: rgba(255, 255, 255, 0.7);
}

.gamfi-previous-section .previous-item .previous-gaming .previous-price .dsc {
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
}

.gamfi-previous-section .previous-item .previous-chaining {
    display: flex;
    align-items: center;
}

.gamfi-previous-section .previous-item .previous-chaining img {
    margin-right: 82px;
}

.gamfi-previous-section .previous-item .previous-chaining li {
    display: inline-block;
    padding-right: 5px;
    text-transform: uppercase;
}

.gamfi-previous-section .previous-item .previous-chaining li:last-child {
    padding-right: 0;
}

.gamfi-previous-section .previous-item .previous-gaming {
    width: 44%;
}

.gamfi-previous-section .previous-item .previous-chaining {
    width: 36%;
}

.gamfi-previous-section .previous-item .previous-raise {
    width: 45%;
}

.gamfi-previous-section .previous-item .previous-raise {
    display: flex;
    align-items: center;
}

.gamfi-previous-section .previous-item .previous-raise .progress-inner {
    width: 196px;
}

.gamfi-previous-section .previous-item .previous-raise span {
    margin-right: 35px;
}

.gamfi-previous-section .previous-item .hover-shape-bg {
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    width: 14px;
}

.gamfi-previous-section .previous-item .hover_shape1 {
    left: 46.5%;
}

.gamfi-previous-section .previous-item .hover_shape2 {
    left: 48.5%;
}

.gamfi-previous-section .previous-item .hover_shape3 {
    width: 26px;
    left: 50.5%;
}

.gamfi-previous-section .previous-item:hover {
    background: radial-gradient(circle, rgba(96, 79, 169, 0.58) -7%, #1e1f35 30%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.gamfi-previous-section .previous-item:hover .hover-shape-bg {
    opacity: 1;
    visibility: visible;
}

.gamfi-previous-section .progress-inner .progress,
.gamfi-previous-section .progress-inner .progress-bar {
    background-size: 10px 20px;
    height: 6px;
}

.gamfi-previous-section .progress-inner {
    padding-bottom: 7px;
}

.gamfi-previous-section .project-item {
    background-image: radial-gradient(circle, rgba(86, 75, 135, 0.85) 0%, #1e1f35 100%);
    margin-bottom: 30px;
    padding: 30px 30px 10px;
}

.gamfi-previous-section .project-item .project-info {
    margin-bottom: 28px;
}

.gamfi-previous-section .project-item .project-info img {
    margin-right: 20px;
}

.gamfi-previous-section .project-item a {
    color: #fff;
}

.gamfi-previous-section .project-item a:hover {
    color: #ffffff;
}

.gamfi-previous-section .project-item .heading-title {
    margin-bottom: 40px;
}

.gamfi-previous-section .project-item .heading-title h4 {
    font-size: 16px;
    margin-bottom: 0;
    position: relative;
}

.gamfi-previous-section .project-item .heading-title h4:before {
    width: 197px;
    height: 35px;
    content: "";
    background-image: url(../images/bg/shape-bg.png);
    position: absolute;
    left: -30px;
    top: -7px;
}

.gamfi-previous-section .project-item .project-icon {
    position: relative;
    top: -6px;
}

.gamfi-previous-section .project-item .project-media li {
    display: block;
    overflow: hidden;
    padding-bottom: 15px;
}

.gamfi-previous-section .project-item .project-media li:last-child {
    padding-bottom: 0;
}

.gamfi-previous-section .project-item .project-media li strong {
    font-weight: 400;
    color: #fff;
}

.gamfi-previous-section .project-item .project-media li span {
    float: right;
}

.gamfi-previous-section .project-item .project-media span {
    color: #fff;
}

.gamfi-previous-section .project-item .project-media .social-icon-list {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
    margin-top: -22px;
}

.gamfi-previous-section .project-item .project-media .social-icon-list li {
    padding-bottom: 0;
}

.gamfi-previous-section .project-item .project-media .social-icon-list li a {
    color: #fff;
}

.gamfi-previous-section .project-item .project-media .social-icon-list li a i {
    font-size: 15px;
    transition: 0.4s;
}

.gamfi-previous-section .project-item .project-media .social-icon-list li a i:hover {
    color: #a3ff12;
}

.gamfi-previous-section .project-item .project-media .social-icon-list li {
    display: inline-block;
}

.gamfi-previous-section .project-item .project-media .social-icon-list li i {
    padding-left: 10px;
}

.gamfi-previous-section .calender-image-area {
    position: relative;
}

.gamfi-previous-section .calender-image-area img {
    cursor: pointer;
}

.gamfi-previous-section .calender-image-area .project-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 370px;
    transform: scale(0);
    transition: 0.4s;
    z-index: 10;
}

.gamfi-previous-section .calender-image-area:hover .project-item {
    transform: scale(1);
}

.gamfi-previous-section .tab-pane .previous-item {
    margin-bottom: 20px;
}

/* ------------------------------------
    09. Gamfi farming Section CSS
---------------------------------------*/
.gamfi-farming-content .default-centent {
    background: #1A1B30;
    padding: 18px 25px;
    margin-bottom: 20px;
    cursor: pointer;
}

.gamfi-farming-content .list-content {
    flex: 0 0 16.66%;
    width: 16.66%;
    color: #fff;
}

.gamfi-farming-content .list-1 {
    flex: 0 0 26.66%;
    width: 26.66%;
}

.gamfi-farming-content .list-6 {
    flex: 0 0 2%;
    width: 2%;
}

.gamfi-farming-content .expeand-centent {
    background: #222231;
    padding: 28px 30px;
}

.gamfi-farming-content .expeand-centent .farm-form-list .farm-form-area {
    border: 1px solid #434350;
    padding: 10px;
    margin-bottom: 10px;
    position: relative;
    display: flex;
    align-items: center;
}

.gamfi-farming-content .expeand-centent .farm-form-list input {
    border: none;
    background: transparent;
    padding: 7px 20px;
    position: relative;
}

.gamfi-farming-content .expeand-centent .farm-form-list input[type="text"] {
    width: 100%;
    color: rgba(255, 255, 255, 0.7);
}

.gamfi-farming-content .expeand-centent .farm-form-list .max {
    position: absolute;
    color: #fff;
    right: 45%;
    top: 19px;
}

.gamfi-farming-content .expeand-centent .farm-form-list input[type="submit"] {
    color: #fff;
    transition: 0.4S;
    text-transform: uppercase;
    font-family: "Russo One", sans-serif;
    position: relative;
    z-index: 3;
}

.gamfi-farming-content .expeand-centent .farm-form-list .black-shape {
    position: absolute;
    z-index: 9999;
    right: 9px;
    background: #6D4AFE;
}

.gamfi-farming-content .expeand-centent .farm-form-list .black-shape span {
    background: rgba(255, 255, 255, 0.1);
}

.gamfi-farming-content .expeand-centent .farm-form-list .withdraw {
    background: rgba(255, 255, 255, 0.1);
}

.gamfi-farming-content .expeand-centent .farm-form-list .withdraw span {
    background: rgba(255, 255, 255, 0.1);
}

.gamfi-farming-content .expeand-centent .farm-form-list input[type="submit"].submit-active {
    background: #6D4AFE;
}

.gamfi-farming-content .expeand-centent .farm-form-list:last-child h5 {
    position: relative;
    top: -15px;
}

.gamfi-farming-content .expeand-centent .expeand-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.gamfi-farming-content .expeand-centent .expeand-menu ul li {
    display: inline-block;
    color: #a3ff12;
    font-size: 14px;
    margin-right: 30px;
}

.gamfi-farming-content .expeand-centent .expeand-menu ul li i {
    font-size: 15px;
    color: #a3ff12;
    padding-left: 10px;
}

.gamfi-farming-content .expeand-centent .unit {
    color: #a3ff12;
    font-size: 22px;
    font-family: "Russo One", sans-serif;
}

.gamfi-farming-content .icon-arrow_up {
    padding: 10px;
    cursor: pointer;
}

.gamfi-farming-content .expeand-centent {
    display: none;
}

.gamfi-farming-content .border-shadow {
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
}

.gamfi-farming-content .expeand-arrow {
    padding: 10px;
    cursor: pointer;
}

.gamfi-farming-content .expeand-arrow .expeand-arrow {
    transform: rotate(0deg);
}

.gamfi-farming-content .expeand-bottom-content .expeand-centent {
    display: block;
}

.gamfi-farming-content .expeand-bottom-content .border-shadow {
    opacity: 1;
    visibility: visible;
}

.gamfi-farming-content .expeand-bottom-content .expeand-arrow:before {
    transform: rotate(45deg);
}

.gamfi-farming .gamfi-farming-content .default-centent {
    margin-bottom: 0;
}

.gamfi-farming .gamfi-table-inner {
    margin-bottom: 20px;
}

.gamfi-farming .farm-form-list {
    width: 33.33%;
    margin-right: 30px;
}

.gamfi-farming .farm-form-list:last-child {
    margin-right: 0;
}

.gamfi-farming .farm-form-list .farm-form {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
}

.gamfi-farming .farm-form-list .farm-form input[type="submit"] {
    position: static;
}

.gamfi-farming-table {
    background: #090a1a;
}

.gamfi-farming-table table {
    width: 100%;
}

.gamfi-farming-table tr th,
.gamfi-farming-table tr td {
    width: 16.666%;
    padding: 25.5px 25px;
    margin-bottom: 10px;
    display: inline-block;
}

.gamfi-farming-table tr th:first-child,
.gamfi-farming-table tr td:first-child {
    width: 26.666%;
}

.gamfi-farming-table tr th:nth-child(5) {
    width: 22.666%;
}

.gamfi-farming-table tr .image-row {
    padding-top: 18px;
    padding-bottom: 18px;
}

.gamfi-farming-table tr .image-row img {
    margin-right: 10px;
}

.gamfi-farming-table tr th {
    font-family: "Inter", sans-serif;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 400;
    text-transform: uppercase;
    padding-top: 8px;
    padding-bottom: 5px;
}

.gamfi-farming-table tr td {
    background: #1a1b30;
    color: #fff;
}

/* ------------------------------------
    10. Gamfi Calendar Section CSS
---------------------------------------*/
.gamfi-calendar-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.gamfi-calendar-list .calender-date {
    background: #1a1b30;
    padding: 20px;
    min-height: 171px;
    margin-right: 6px;
    margin-bottom: 6px;
    flex: 0 0 auto;
    width: 13.7%;
}

.gamfi-calendar-list .calender-date ul {
    margin-top: 70px;
}

.gamfi-calendar-list .calender-date ul li {
    display: inline-block;
}

.gamfi-calendar-list .calender-date ul li + li {
    margin-left: 5px;
}

.gamfi-calendar-list .calender-date ul li ul {
    margin-top: 0;
}

.gamfi-calendar-list .calender-date ul li ul li {
    margin-left: 0;
}

.gamfi-calendar-list .calender-date > ul > li {
    max-width: 34px;
}

.gamfi-calendar-list .heading-title h4 {
    text-transform: uppercase;
}

/* ------------------------------------
    11. Gamfi Leaderboard Section CSS
---------------------------------------*/
.leaderboard-table-list {
    background: #090a1a;
}

.leaderboard-table-list table {
    width: 100%;
}

.leaderboard-table-list tr th,
.leaderboard-table-list tr td {

    padding: 10px 25px;
    margin-bottom: 10px;

}

.leaderboard-table-list tr th:last-child,
.leaderboard-table-list tr td:last-child {
    text-align: right;
}


.leaderboard-table-list tr th {
    font-family: "Russo One", sans-serif;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 400;
    text-transform: uppercase;
    padding-top: 8px;
    padding-bottom: 5px;

}
.leaderboard-table-list tr {
    border-bottom: solid 3px #090a1a;
}
.leaderboard-table-list tr td {
    background: #1a1b30;
    color: #fff;
}

.gamfi-breadcrumbs-section .breadcrumbs-form.mr-0 form {
    margin-right: 0;
}

/* ------------------------------------
    12. Gamfi Igo-Rankging Section CSS
---------------------------------------*/
.igo-rankging-table-list {
    background: #090a1a;
}

.igo-rankging-table-list table {
    width: 100%;
}

.igo-rankging-table-list tr th,
.igo-rankging-table-list tr td {
    width: 14.28%;
    padding: 20px 25px;
    margin-bottom: 10px;
    display: inline-block;
}

.igo-rankging-table-list tr th:last-child,
.igo-rankging-table-list tr td:last-child {
    text-align: right;
}

.igo-rankging-table-list tr th:nth-child(2),
.igo-rankging-table-list tr td:nth-child(2) {
    width: 24%;
}

.igo-rankging-table-list tr th:nth-child(3),
.igo-rankging-table-list tr td:nth-child(3) {
    width: 12.28%;
}

.igo-rankging-table-list tr th:last-child,
.igo-rankging-table-list tr td:last-child {
    width: 9.28%;
}

.igo-rankging-table-list tr th:nth-child(1),
.igo-rankging-table-list tr td:nth-child(1) {
    width: 10.28%;
}

.igo-rankging-table-list tr th:last-child,
.igo-rankging-table-list tr td:last-child {
    width: 10.28%;
}

.igo-rankging-table-list tr th img,
.igo-rankging-table-list tr td img {
    max-width: 35px;
}

.igo-rankging-table-list tr .image-row {
    padding-top: 15.5px;
    padding-bottom: 15.5px;
}

.igo-rankging-table-list tr .image-row img {
    margin-right: 15px;
}

.igo-rankging-table-list tr th {
    font-family: "Russo One", sans-serif;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 400;
    text-transform: uppercase;
    padding-top: 8px;
    padding-bottom: 5px;
}

.igo-rankging-table-list tr td {
    background: #1a1b30;
    color: #fff;
}

@-moz-document url-prefix() {

    .igo-rankging-table-list tr th:nth-child(2),
    .igo-rankging-table-list tr td:nth-child(2) {
        width: 23%;
    }

    .igo-rankging-table-list tr th:nth-child(3),
    .igo-rankging-table-list tr td:nth-child(3) {
        width: 12%;
    }

    .igo-rankging-table-list tr th,
    .igo-rankging-table-list tr td {
        width: 14%;
    }
}

/* ------------------------------------
    13. Gamfi Tokenomics Section CSS
---------------------------------------*/
.gamfi-tokenomics-section{
    position: relative;
}
.gamfi_tokenomics_CornerImgs .gamfi_tokenomics_CornerImg1{
    position: absolute;
    top: 0px;
    left: 0px;
}
.gamfi_tokenomics_CornerImgs .gamfi_tokenomics_CornerImg2{
    position: absolute;
    right: 0px;
    bottom: 0px;
}
.gamfi-tokenomics-section .tokenomics-counter .counter-number {
    font-size: 36px;
    color: #6d4afe;
    font-family: "Russo One", sans-serif;
    display: block;
}

.gamfi-tokenomics-section .tokenomics-counter h5 {
    margin-bottom: 0;
}

.gamfi-tokenomics-section .tokenomics-left-right-shape {
    position: relative;
}

.gamfi-tokenomics-section .tokenomics-left-right-shape:before,
.gamfi-tokenomics-section .tokenomics-left-right-shape:after {
    height: 40px;
    width: 604px;
    content: " ";
    position: absolute;
    background-repeat: no-repeat;
}

.gamfi-tokenomics-section .tokenomics-left-right-shape:before {
    background-image: url(../images/banner/left_shape.png);
    width: 614px;
    top: 0;
    left: 0;
}

.gamfi-tokenomics-section .tokenomics-left-right-shape:after {
    background-image: url(../images/banner/right_shape.png);
    bottom: 0;
    right: 0;
}

/* ------------------------------------
    14. Gamfi Team Section CSS
---------------------------------------*/
.gamfi-team-section {
    background: url(../images/bg/team-bg.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-color: #090a1a;
}

.gamfi-team-section .team-item {
    background: rgba(26, 27, 47, 0.85);
    backdrop-filter: blur(5px);
    margin-bottom: 30px;
    padding: 35px 0 30px 0;
    transition: 1.4s;
}

.gamfi-team-section .team-item img {
    margin-bottom: 45px;
}

.gamfi-team-section .team-item a {
    color: #fff;
    transition: 0.4s;
}

.gamfi-team-section .team-item a:hover {
    color: rgba(255, 255, 255, 0.7);
}

.gamfi-team-section .team-item .dsc {
    margin-bottom: 15px;
}

.gamfi-team-section .team-item .team-icon-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.gamfi-team-section .team-item .team-icon-list li {
    display: inline-block;
    padding: 0 7px;
}

.gamfi-team-section .team-item .team-icon-list li a {
    color: rgba(255, 255, 255, 0.5);
    transition: 0.4s;
}

.gamfi-team-section .team-item .team-icon-list li a i {
    font-size: 15px;
}

.gamfi-team-section .team-item .border-shadow {
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
}

.gamfi-team-section .team-item:hover {
    background-image: radial-gradient(circle, rgba(137, 120, 211, 0.4) 0%, #1e1f35 100%);
}

.gamfi-team-section .team-item:hover .border-shadow {
    opacity: 1;
    visibility: visible;
}

/* ------------------------------------
    15. Gamfi Partner Section CSS
---------------------------------------*/
.gamfi-partner-section {
    background: #0a0b1a;
}

.gamfi-partner-section .partner-item .partner-image {
    padding-right: 70px;
}

.gamfi-partner-section img {
    transition: 0.4s;
}

.gamfi-partner-section img:hover {
    opacity: 0.7;
}

.gamfi-partner-section .gamfi-partner-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    overflow: hidden;
}

.gamfi-partner-section .gamfi-partner-inner:after,
.gamfi-partner-section .gamfi-partner-inner:before {
    content: "";
    display: block;
    width: 50px;
    height: 100%;
    position: absolute;
    top: 0px;
    background: linear-gradient(to right, #0a0b1a, rgba(10, 10, 26, 0));
    z-index: 1;
}

.gamfi-partner-section .gamfi-partner-inner:before {
    left: 0;
}

.gamfi-partner-section .gamfi-partner-inner:after {
    right: 0;
    transform: rotateZ(180deg);
}

.gamfi-partner-section .gamfi-partner-inner .partner-image {
    flex-shrink: 0;
    animation: 20s linear 0s infinite normal none running loop-animate;
}

.gamfi-partner-section .gamfi-partner-inner .partner-image a {
    margin: 0px 35px;
}

@keyframes loop-animate {
    0% {
        transform: translateX(0px);
    }

    100% {
        transform: translateX(-100%);
    }
}

/* ------------------------------------
16. Gamfi Form Content Section CSS
---------------------------------------*/
.gamfi-form-content {
    background: #090A1A;
}

.gamfi-form-content .container {
    max-width: 580px;
}

.gamfi-form-content .form-title {
    margin-top: 35px;
    text-transform: uppercase;
}

.gamfi-form-content .address-form h5 {
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
}

.gamfi-form-content .address-form ::placeholder {
    color: rgba(255, 255, 255, 0.7);
    opacity: 1;
}

.gamfi-form-content .address-form input {
    border: 2px solid #2e2f3c;
    width: 100%;
    background: transparent;
    color: #fff;
    padding: 15px 15px;
}

.gamfi-form-content .address-form textarea {
    width: 100%;
    background: transparent;
    border: 2px solid #2e2f3c;
    color: #fff;
    padding: 15px 13px;
    margin-bottom: 30px;
}

.gamfi-form-content .address-form .input-list {
    position: relative;
    display: block;
}

.gamfi-form-content .address-form .input-list input[type="radio"] {
    position: absolute;
    visibility: hidden;
    border: 2px solid #2e2f3c;
    width: 100%;
    background: transparent;
    color: #fff;
    padding: 15px 15px;
}

.gamfi-form-content .address-form .input-list label {
    display: block;
    position: relative;
    padding: 0px 25px 33px 40px;
    margin: 10px auto;
    height: 30px;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
}

.gamfi-form-content .address-form .input-list .check {
    display: block;
    position: absolute;
    border: 2px solid #3a3b48;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    top: 3px;
    left: 0;
    z-index: 5;
    transition: border 0.25s linear;
    -webkit-transition: border 0.25s linear;
}

.gamfi-form-content .address-form .input-list .check:before {
    display: block;
    position: absolute;
    content: "";
    border-radius: 100%;
    height: 8px;
    width: 8px;
    top: 4px;
    left: 4.5px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

.gamfi-form-content .address-form .input-list input[type="radio"]:checked ~ .check {
    border: 2px solid #568416;
}

.gamfi-form-content .address-form .input-list input[type="radio"]:checked ~ .check::before {
    background: #a3ff12;
}

.gamfi-form-content .address-form .input-list input[type="radio"]:checked + h5,
.gamfi-form-content .address-form .input-list input[type="radio"]:checked ~ label {
    color: #fff;
}

.gamfi-form-content .address-form .input-button {
    position: relative;
    padding-top: 36px;
    margin-top: 30px;
}

.gamfi-form-content .address-form .input-button i {
    position: absolute;
    border-right: 2px solid #2e2f3c;
    padding: 20px;
    font-size: 18px;
}

.gamfi-form-content .address-form .input-button label {
    position: absolute;
    left: 0;
    top: 0;
    font-family: "Russo One", sans-serif;
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
}

.gamfi-form-content .address-form .input-button input:focus ~ label,
.gamfi-form-content .address-form .input-button input:valid ~ label {
    color: #fff;
}

.gamfi-form-content .address-form .input-button input.enter {
    padding-left: 77px;
}

.gamfi-form-content .address-form .input-button .brief {
    padding-bottom: 85px;
}

.gamfi-form-content .address-form .icon-input-box input {
    padding-left: 80px;
    font-family: "Inter", sans-serif;
}

.gamfi-form-content .address-form .project-btn-area {
    background: #6d4afe;
}

.gamfi-form-content .address-form .project-btn-area input {
    font-family: "Russo One", sans-serif;
    color: #fff;
    border: none;
    transition: 0.4s;
    text-transform: uppercase;
    position: relative;
    z-index: 3;
}

.gamfi-form-content .address-form .project-btn-area:hover .hover-shape1 {
    left: 47%;
}

.gamfi-form-content .address-form .project-btn-area:hover .hover-shape3 {
    left: 51%;
}

/* ------------------------------------
17. Gamfi Explore Content Section CSS
---------------------------------------*/
.gamfi-explore-content {
    background: #090a1a;
}

.gamfi-explore-content .project-menu-area {
    margin-bottom: 45px;
}

.gamfi-explore-content .project-item {
    background: rgba(30, 31, 53, 0.8);
    padding: 30px 30px 10px;
}

.gamfi-explore-content .project-item .project-info {
    margin-bottom: 28px;
}

.gamfi-explore-content .project-item .project-info img {
    margin-right: 20px;
}

.gamfi-explore-content .project-item .heading-title {
    margin-bottom: 40px;
}

.gamfi-explore-content .project-item .heading-title h4 {
    font-size: 16px;
    margin-bottom: 0;
    position: relative;
}

.gamfi-explore-content .project-item .heading-title h4:before {
    width: 197px;
    height: 35px;
    content: "";
    background-image: url(../images/bg/shape-bg.png);
    position: absolute;
    left: -30px;
    top: -7px;
}

.gamfi-explore-content .project-info img {
    margin-bottom: 25px;
}

.gamfi-explore-content .project-media {
    margin-bottom: 20px;
}

.gamfi-explore-content .project-media ul li {
    display: block;
    overflow: hidden;
    padding-bottom: 15px;
}

.gamfi-explore-content .project-media ul li:last-child {
    padding-bottom: 0;
}

.gamfi-explore-content .project-media ul li span {
    float: right;
    color: #fff;
}

.gamfi-explore-content .icon-listing {
    background: #25263a;
    padding: 15px 30px;
    margin-bottom: 30px;
}

.gamfi-explore-content .icon-listing .social-icon-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.gamfi-explore-content .icon-listing .social-icon-list li {
    display: inline-block;
}

.gamfi-explore-content .icon-listing .social-icon-list li i {
    color: #fff;
    padding-right: 20px;
    font-size: 15px;
    transition: 0.4s;
}

.gamfi-explore-content .icon-listing .social-icon-list li i:hover {
    color: #B9B9C0;
}

body .gamfi-explore-content .project-item {
    margin-bottom: 0;
}

/* ------------------------------------
    18. Gamfi footer Section CSS
---------------------------------------*/
.gamfi-footer-section {
    background-color: #090a1a;
    position: relative;
}

.gamfi-footer-section .footer-cta-area {
    background: radial-gradient(circle, #4a4176 -24%, #1e1f35 40%);
    padding: 70px 0 80px 0;
    position: relative;
    z-index: 9;
}

.gamfi-footer-section .footer-cta-area .footer-link input[type="email"] {
    border: none;
    background: transparent;
    border: 2px solid #4C4764;
    padding: 15px 15px;
    width: 350px;
    color: #fff;
    margin-right: 15px;
}

.gamfi-footer-section .footer-cta-area .footer-link .subscribe {
    background: #a3ff12;
}

.gamfi-footer-section .footer-cta-area .footer-link .subscribe span {
    z-index: 9;
}

.gamfi-footer-section .footer-cta-area .footer-link input[type="submit"] {
    border: none;
    text-transform: uppercase;
    font-family: "Russo One", sans-serif;
    padding: 17px 50px;
    position: relative;
    z-index: 3;
    background: transparent;
}

.gamfi-footer-section .footer-cta-area .black-shape .hover-shape1,
.gamfi-footer-section .footer-cta-area .black-shape .hover-shape2,
.gamfi-footer-section .footer-cta-area .black-shape .hover-shape3 {
    background: rgba(0, 0, 0, 0.1);
}

.gamfi-footer-section .footer-cta-area .black-shape:hover .hover-shape1 {
    left: 44%;
}

.gamfi-footer-section .footer-cta-area .black-shape:hover .hover-shape3 {
    left: 56%;
}

.gamfi-footer-section .footer-cta-form .title {
    max-width: 550px;
    margin: 0 auto 18px;
}

.gamfi-footer-section .footer-cta-form .title img {
    position: relative;
    top: -5px;
}

.gamfi-footer-section .footer-cta-form form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 570px;
    margin: 0 auto;
}

.gamfi-footer-section .footer-area {
    background: url(../images/bg/footer-bg.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    position: relative;
    padding-top: 250px;
    margin-top: -100px;
}

.gamfi-footer-section .footer-listing .footer-icon-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.gamfi-footer-section .footer-listing .footer-icon-list li {
    display: inline-block;
}

.gamfi-footer-section .footer-listing .footer-icon-list i {
    color: #fff;
    background: url(../images/icons/icon-image.png);
    width: 60px;
    height: 60px;
    line-height: 60px;
    display: inline-block;
    margin: 0 12px;
    transition: 0.4s;
    font-size: 20px;
}

.gamfi-footer-section .footer-listing .footer-icon-list i:hover {
    color: rgba(255, 255, 255, 0.7);
}

.gamfi-footer-section .footer-mainmenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.gamfi-footer-section .footer-mainmenu ul li {
    display: inline-block;
    padding: 0 10px;
}

.gamfi-footer-section .footer-mainmenu ul li a {
    color: rgba(255, 255, 255, 0.7);
    transition: 0.4s;
}

.gamfi-footer-section .footer-mainmenu ul li a:hover {
    color: #fff;
}

.gamfi-footer-section .copyright-area .gafi {
    color: rgba(255, 255, 255, 0.7);
}

.gamfi-footer-section .copyright-area .gafi:hover {
    color: #fff;
}

.scrollup {
    padding-top: 10px;
    padding-bottom: 35px;
}

.scrollup i {
    font-weight: 700;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    transition: 0.4s;
}

.scrollup i:hover {
    color: #fff;
}

/* ------------------------------------
    19. Modal Section CSS
---------------------------------------*/
.modal .modal-dialog {
    max-width: 440px;
    margin: auto;
    margin-top: 50px;
}

.modal-content {
    background: #1E1F35;
    padding: 30px 35px 5px;
}

.modal-content p {
    font-size: 14px;
}

.modal-content .modal-header {
    border: none;
    padding-bottom: 8px;
}

.modal-content .modal-header i {
    font-size: 15px;
    color: #fff;
}

.modal-content .connect-section .heading-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.modal-content .connect-section .heading-list li {
    display: block;
    background: #292A3F;
    padding: 15px 30px;
    margin-bottom: 20px;
    position: relative;
    cursor: pointer;
}

.modal-content .connect-section .heading-list li span {
    width: 35px;
    display: inline-block;
    margin-right: 20px;
}

.modal-content .connect-section .heading-list li:before {
    content: "\e902";
    position: absolute;
    top: 22px;
    right: 30px;
    color: rgba(255, 255, 255, 0.7);
    font-family: "icomoon";
    font-size: 10px;
}

.modal-content .connect-section .heading-list li a {
    color: #fff;
    font-family: "Russo One", sans-serif;
}

/*
.modal-content .connect-section .heading-list li a:hover {
  color: #a3ff12;
}
*/
.modal-content .modal-title {
    color: #fff;
    transition: 0.4s;
    font-weight: 600;
}

.modal-content .modal-title:hover {
    color: rgba(255, 255, 255, 0.7);
}

#shareIocns .modal-header .btn-close {
    position: relative;
    right: 26px;
    top: -7px;
}

#shareIocns .modal-content {
    padding-right: 10px;
}

#shareIocns .popup-share-icons {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    margin-left: -14px;
}

#shareIocns .popup-share-icons li {
    flex: 0 0 auto;
    width: 21%;
    margin-left: 14px;
}

#shareIocns .popup-share-icons li i {
    color: #fff;
    background: url(../images/icons/icon-image.png);
    width: 60px;
    height: 60px;
    line-height: 60px;
    display: inline-block;
    margin: 0 0 25px;
    transition: 0.4s;
    font-size: 20px;
    text-align: center;
}

#shareIocns .modal-content .modal-header {
    padding-bottom: 15px;
}

#shareIocns .popup-share-icons li i:hover {
    color: rgba(255, 255, 255, 0.7);
}

#shareIocns .popup-share-icons li a {
    display: block;
}

/*-------------------------------------
    20. Preloader CSS
---------------------------------------*/
section.loader_first {
    background-color: #151625;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99;
}

.loader_first .circular-spinner {
    width: 60px;
    height: 60px;
    border: 10px solid rgba(255, 255, 255, 0.1);
    border-top: 10px solid #a3ff12;
    border-radius: 50%;
    animation: pre_rotate 1.5s linear infinite;
    position: absolute;
    left: 49%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/*------------------------------------
    modal-backdrop
------------------------------------*/
.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100vw;
    height: 100vh;
    filter: blur(1px);
    backdrop-filter: blur(1px);
    background: rgba(0, 0, 12, 0.8)
}

.modal-backdrop.in {
    opacity: 1 !important;
}

.modal-dialog-centered {}

@keyframes pre_rotate {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

/*--------------------
  Kyc Sereen
--------------------*/
.Gamfi_Header_contentright {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
}
.Gamfi_Header_contentright h2 {
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    margin-bottom: 0px;
    color: #FFFFFF;
}
.Gamfi_Header_ProgressBar .progress-bar-striped {
    background-image: linear-gradient(72deg, rgba(0, 0, 0, .20) 50%, transparent 56%, transparent 84%, rgba(0, 0, 0, .20) 2%, rgba(0, 0, 0, .20) 90%, transparent 121%, transparent);
    background-size: 1rem 1rem;
    width: 33.33333%;
}
.Gamfi_Header_ProgressBar .progress {
    background: rgba(255, 255, 255, 0.15);
    height: 12px;
    border-radius: 0px;
    width: 470px;
    margin-left: 19px;
    overflow: hidden;
}
.Gamfi_Header_ProgressBar .progress-bar {
    background-color: #A3FF12;
}
.kycFormSect {
    padding-top: 56px;
    background: #090A1A;
    padding-bottom: 140px;
    ;
}

.kycForm {}
.kycForm h3 {
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 45px;
    margin-bottom: 0px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.kycForm p {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 45px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 18px;
}
.kycCountryDropbox {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 60px;
    max-width: 570px;
    width: 100%;
    border: 2px solid rgba(255, 255, 255, 0.15);
    box-sizing: border-box;
    padding: 17px 20px;
    margin-bottom: 35px;
    position: relative;
    cursor: pointer;
    margin-top: 17px;
}
.kycCountryDropbox::after {
    content: "\e901";
    position: absolute;
    top: 24px;
    right: 20px;
    color: rgba(255, 255, 255, 0.7);
    font-family: "icomoon";
    font-size: 7px;
}
.kycCountryDropbox span {}
.kycCountryDropbox h4 {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 45px;
    margin-left: 14px;
    margin-bottom: 0px;
    color: rgba(255, 255, 255, 0.7);
}
.Gamfi_Container {
    max-width: 1210px;
    padding: 0px 20px;
    width: 100%;
    margin: 0px auto;
}
.KycRadioSect{
    padding-bottom: 10px;
}
.KycRadioBtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(30, 31, 53, 0.8);
    height: 60px;
    max-width: 570px;
    width: 100%;
    padding: 8px 20px;
    margin-bottom: 25px;
}
.KycRadioBtn .Kycicon {
    opacity: 0.3;
}
.KycRadioBtn.active .Kycicon,
.KycRadioBtn:hover .Kycicon {
    opacity: 1;
}
.KycRadioBtn .container {
    display: block;
    position: relative;
    padding-left: 32px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 45px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
}
.KycRadioBtn.active .container,
.KycRadioBtn:hover .container {
    color: #ffffff;
}

.KycRadioBtn .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.KycRadioBtn .checkmark {
    position: absolute;
    top: 13px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: transparent;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.2);
    box-sizing: border-box;
}
.KycRadioBtn .container:hover input ~ .checkmark {
    opacity: 0.8;
}
.KycRadioBtn .container input:checked ~ .checkmark {
    background-color: #6D4AFE;
    ;
    border: none;
}
.KycRadioBtn .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.KycRadioBtn .container input:checked ~ .checkmark:after {
    display: block;
}
.KycRadioBtn .container .checkmark:after {
    left: 7px;
    top: 3px;
    width: 4px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.kycForm button {
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    text-align: right;
    text-transform: uppercase;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 570px;
    width: 100%;
    background: #6D4AFE;
    height: 60px;
    border: none;
    outline: none;
}
.kycQrcodeSect {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}
.kycQrcode_content {
    max-width: 300px;
    width: 100%;
}
.kycQrcode_content h2 {
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 40px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 18px;
}
.kycQrcodeImg {
    height: 300px;
    width: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    border: 2px solid rgba(255, 255, 255, 0.15);
    box-sizing: border-box;
}
.kycCountryDropdownSect {
    position: relative;
}
.kycCountryDropList {
    position: absolute;
    width: 100%;
    top: 60px;
    left: 0px;
    z-index: 1;
    display: none;
}
.kycCountryDropList ul {
    background: rgba(30, 31, 53, 1);
    max-width: 570px;
    width: 100%;
    box-shadow: 4px;
}
.kycCountryDropList ul li {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 45px;
    color: rgba(255, 255, 255, 0.7);
    height: 42px;
    padding: 0px 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
}
.kycCountryDropList ul li:hover {
    color: #ffffff;
}


/*------------------
    TeamDetails
------------------*/
.TeamDetailsSect {
    background: #090B1A;
    width: 100%;
    padding-top: 70px;
    padding-bottom: 140px;
}

.TeamDetailsContainer {
    max-width: 1210px;
    padding: 0px 20px;
    width: 100%;
    margin: 0px auto;
}

.TeamDetailsImg {
    max-width: 470px;
    width: 100%;
    height: 578px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(30, 31, 53, 0.7);
}

.TeamMembersInfo {
    padding-left: 20px;
}

.TeamMembersInfo h2 {
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 30px;
    line-height: 1.4;
    margin-bottom: 5px;
    color: #FFFFFF;
}

.TeamMembersInfo h3 {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 21px;
}

.TeamMembersInfo p {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 17px;
    color: rgba(255, 255, 255, 0.7);
}

.TeamMembersContact {}

.TeamMembersContact ul {}

.TeamMembersContact ul li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.TeamMembersContact ul li strong {
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 40px;
    color: rgba(255, 255, 255, 0.7);
    width: 150px;
}

.TeamMembersContact ul li span {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 40px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.TeamMembersContact ul li .socialLink {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.TeamMembersContact ul li .socialLink a {
    transition: 0.4s;
    padding: 0 7px;
}

.TeamMembersContact ul li .socialLink a i {
    font-size: 15px;
    color: #ffffff;
}

.TeamMembersContact ul li .socialLink a:hover i {
    opacity: 70%;
}


/*---------------------
Kyc Upload Docs
----------------------*/
.kycForm .UploadDocSect {}
.kycForm .UploadDocSect ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;width: 100%;
    max-width: 570px;
}
.kycForm .UploadDocSect ul li{
    text-align: center;
    width: 32%;
}
.kycForm .UploadDocSect ul li h4 {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 45px;
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
    max-width: 175px;
    margin: auto;
    margin-bottom: 0px;
    width: 100%;
    margin-left: 0px;
}
.kycForm .UploadDocSect h3 {
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 45px;
    margin-bottom: 17px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.kycForm .UploadBtnBg{
    height: 175px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(30, 31, 53, 0.8);
}
.kycForm .UploadDocSect .upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.kycForm .UploadDocSect .upload-btn-wrapper span {
    background: transparent;
    border: 2px dashed rgba(255, 255, 255, 0.15);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 75px;
    width: 75px;
}
.kycForm .UploadDocSect .upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.UploadDocCheckList {
    border: 2px solid rgba(255, 255, 255, 0.15);
    box-sizing: border-box;
    width: 100%;
    max-width: 570px;
    padding: 16px 30px;
    margin-bottom: 35px;
}
.UploadDocCheckList ul{}
.UploadDocCheckList ul li {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 158%;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 25px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.UploadDocCheckList ul li span{
    filter: grayscale(100%);
    opacity: 0.7;
    margin-right: 14px;
    min-width: 14px;
}
.UploadDocCheckList ul li.active{
    color: #ffffff;
}
.UploadDocCheckList ul li.active span{
    filter: grayscale(0%);
    opacity: 1;
}
.NidNumberSect{
    margin-bottom: 40px;
}
.NidNumberSect h3{
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 45px;
    margin-bottom: 17px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.NidNumberSect form{}
.NidNumberSect form input {
    width: 100%;
    max-width: 570px;
    border: 2px solid rgba(255, 255, 255, 0.15);
    box-sizing: border-box;
    height: 60px;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 45px;
    color: rgba(255, 255, 255, 0.7);
    padding: 8px 21px;
    background: transparent;
    outline: none;
}

.kycPersonalinfoForm{}
.kycPersonalinfoForm form{
    width: 100%;
    max-width: 571px;
    margin-top: 20px;
}
.kycPersonalinfoForm form .InputNameSect{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.kycPersonalinfoForm form .InputNameSect .FirstNameFild{
    width: 48%;
}
.kycPersonalinfoForm form .InputNameSect .LastNameFild{
    width: 48%;
}
.kycPersonalinfoForm form lable {
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 45px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
}
.kycPersonalinfoForm form input {
    height: 60px;
    width: 100%;
    padding: 8px 21px;
    border: 2px solid rgba(255, 255, 255, 0.15);
    box-sizing: border-box;
    background: Transparent;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 45px;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 23px;
}

.kycPersonalinfoForm form .InputAddressSect{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.kycPersonalinfoForm form .InputAddressSect .Address1Fild{
    width: 48%;
}
.kycPersonalinfoForm form .InputAddressSect .Address2Fild{
    width: 48%;
}
.kycPersonalinfoForm form .InputCitySect{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.kycPersonalinfoForm form .InputCitySect .CityFild{
    width: 48%;
}
.kycPersonalinfoForm form .InputCitySect .PostCodeFild{
    width: 48%;
}


.KYC_TramsAndCondetionSect{
    position: relative;
    margin-bottom: 28px;
    margin-top: 7px;
}
.KYC_TramsAndCondetionSect label {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 158%;
    color: rgba(255, 255, 255, 0.7);
    margin-left: 14px;
}
.KYC_TramsAndCondetionSect label a {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 158%;
    color: #6D4AFE;
}
.KYC_TramsAndCondetionSect .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    display: none;
}
.KYC_TramsAndCondetionSect .checkmark {
    position: absolute;
    top: 4px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: transparent;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.2);
    box-sizing: border-box;
}
.KYC_TramsAndCondetionSect .container:hover input ~ .checkmark {
    opacity: 0.8;
}
.KYC_TramsAndCondetionSect .container input:checked ~ .checkmark {
    background-color: #6D4AFE;
    ;
    border: none;
}
.KYC_TramsAndCondetionSect .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.KYC_TramsAndCondetionSect .container input:checked ~ .checkmark:after {
    display: block;
}
.KYC_TramsAndCondetionSect .container .checkmark:after {
    left: 7px;
    top: 3px;
    width: 4px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.KycYourDocumentsSect{
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    flex-direction: column;
}
.KycYourDocumentsContent{
    text-align: left;
    max-width: 300px;
    width: 100%;
}

.KycYourDocumentsContent h3 {
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 158%;
    text-transform: uppercase;
    color: #FFFFFF;
}
.KycYourDocumentsContent ul{
    background: rgba(30, 31, 53, 0.8);
    padding: 16px 30px;
}
.KycYourDocumentsContent ul li{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.KycYourDocumentsContent ul li p {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 45px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 0px;
}
.KycYourDocumentsContent ul li p span{
    margin-right: 14px;
}
.KycYourDocumentsContent ul li span.Downloadicon{}

.HelpCenterBtn a{
    width: 170px;
    height: 50px;
    background: rgba(255, 255, 255, 0.1);
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}
.GetinTouchForm{}
.GetinTouchForm form{
    width: 100%;
    max-width: 571px;
    margin-top: 20px;
}
.GetinTouchForm form .InputNameSect{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.GetinTouchForm form .InputNameSect .FirstNameFild{
    width: 48%;
}
.GetinTouchForm form .InputNameSect .LastNameFild{
    width: 48%;
}
.GetinTouchForm form lable {
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 45px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
}
.GetinTouchForm form input {
    height: 60px;
    width: 100%;
    padding: 8px 21px;
    border: 2px solid rgba(255, 255, 255, 0.15);
    box-sizing: border-box;
    background: Transparent;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 45px;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 23px;
}
.GetinTouchForm form textarea {
    height: 130px;
    width: 100%;
    padding: 8px 21px;
    border: 2px solid rgba(255, 255, 255, 0.15);
    box-sizing: border-box;
    background: Transparent;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 45px;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 40px;
    resize: none;
}

.black-shape-bigCustom{
    position: relative;
    overflow: hidden;
}
.black-shape-bigCustom img,
.black-shape-bigCustom .btn-text{
    position: relative;
    z-index: 9;
}
.black-shape-bigCustom .hover-shape1,
.black-shape-bigCustom .hover-shape2,
.black-shape-bigCustom .hover-shape3 {
    position: absolute;
    width: 5px;
    background: rgba(0, 0, 0, 0.1);
    height: 124%;
    left: -42%;
    top: -5px;
    transform: rotate(22deg);
    transition: 0.8s;
}
.black-shape-bigCustom .hover-shape3{
    width: 11px;
}
.black-shape-bigCustom:hover .hover-shape1{
    left: 44.8%;
}
.black-shape-bigCustom:hover .hover-shape2 {
    left: 46.8%;
}
.black-shape-bigCustom:hover .hover-shape3{
    left: 48.8%;
}

.GetInTouch_Contuct_Sect{
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    max-width: 363px;
    width: 100%;
    margin-left: auto;
    padding-left: 30px;
}
.GetInTouch_Contuct_Content{
    text-align: left;
}
.GetInTouch_Contuct_Content h2 {
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 40px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.cotactInfoContent{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 15px;
}
.cotactInfoContent .cotactInfoSymbol{
    margin-top: 9px;
}
.cotactInfoContent .cotactInfoText{
    margin-left: 22px;
}
.cotactInfoContent .cotactInfoText h5 {
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 45px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 0px;
}
.cotactInfoContent .cotactInfoText h6 {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 0px;
}
.cotactInfoContent .cotactInfoText a {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 45px;
    color: #6D4AFE;
}

/*------------------------
    SignUp-SignIn
------------------------*/
.SignUp_SignIn_Form_Sect{
    background: #090A1A;
    position: relative;
    padding: 96px 0px 0px 0px;
}
.SignUp_SignIn_Form_SectBG {
    background: url(../images/kycimg/signUpBgimage.svg);
    background-position: center center;
    background-size: cover;
    height: 340px;
    background-repeat: no-repeat;
    width: 100%;
    position: absolute;
    z-index: 0;
    top: 0px;
}
.SignUp_SignIn_Form_Content{
    position: relative;
    z-index: 2;
    width: 100%;
    padding-bottom: 150px;
    max-width: 690px;
    margin: auto;
}
.SignUp_SignIn_Form{
    background: rgba(30, 31, 53, 0.8);
    max-width: 690px;
    width: 100%;
    margin: auto;
    padding: 63px 60px 56px 60px;
    position: relative;
    z-index: 2;
}
.singUpformShadow{
    background: url(../images/kycimg/BlurShadow.svg);
    background-position: center center;
    background-size: cover;
    height: 340px;
    background-repeat: no-repeat;
    width: 100%;
    position: absolute;
    z-index: 0;
    bottom: 5px;
    z-index: 1;
}
.SignUp_SignIn_Form h2 {
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    line-height: 43px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 23px;
    color: #FFFFFF;
}
.SignUp_SignIn_Form h3 {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
    text-transform: none;
    max-width: 430px;
    margin: auto;
    margin-bottom: 29px;
}
.SignUp_SignIn_Form.signInForm h3 {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
    text-transform: none;
    max-width: 356px;
    margin: auto;
    margin-bottom: 29px;
}
.SignUp_SignIn_Form.ForgotPassForm h3 {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
    text-transform: none;
    max-width: 356px;
    margin: auto;
    margin-bottom: 29px;
}
.SignUp_SignIn_Form{}
.SignUp_SignIn_Form form{}
.SignUp_SignIn_Form form lable {
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 45px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 5px;
}
.SignUp_SignIn_Form form input{
    width: 100%;
    margin-bottom: 23px;
    background: transparent;
    outline: none;
    height: 60px;
    border: 2px solid rgba(255, 255, 255, 0.15);
    box-sizing: border-box;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 45px;
    color: rgba(255, 255, 255, 0.5);
    padding: 8px 21px;
}
.SignUp_SignIn_Form form button {
    width: 100%;
    height: 60px;
    background: #6D4AFE;
    border: none;
    outline: none;
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}

.SignUp_SignIn_Form h4 {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
    margin-top: 31px;
    margin-bottom: 0px;
}
.SignUp_SignIn_Form h4 a {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: #6D4AFE;
}

.forgetPassBtnSect{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 28px;
    margin-top: 10px;
}
.forgetPassBtnSect .ForgetPass a {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 45px;
    text-align: right;
    color: rgba(255, 255, 255, 0.7);
}

.SignUp_SignIn_Form.ForgotPassForm .EmailFild{
    margin-bottom: 17px;
}

/*------------------------
    RoadMap
------------------------*/
.RoadMapDuration{}
.RoadMapDuration h6 {
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    line-height: 55px;
    text-align: right;
    color: rgba(255, 255, 255, 0.7);
}
.gamfiRoadMap   {
    padding-bottom: 120px;
    background: #090A1A;
    position: relative;
}
.RoadMapSect{
    background: #090A1A;
    padding-top: 40px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: url(../images/kycimg/roadmapScreenbg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 1584px;
}
.RoadMapContainer{
    position: relative;
    z-index: 1
}
.roadMapDivider{
    position: absolute;
    top: 0px;
    z-index: 0;
    background: transparent;
}
.RoadMapSect .roadMapDivider img{
    height: 100%;
}
.RodmapLeftConetent{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    padding-right: 30px;
}
.RodmapRightConetent{
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    flex-direction: column;
    padding-left: 30px;
}
.RodmapConetentbox{
    max-width: 470px;
    width: 100%;
    height: 100%;
    padding: 35px 39px 26px 39px;
}

.RodmapConetentbox1{
    background: url(../images/kycimg/roadMapcpntentBg1.svg);
    min-height: 253px;
    margin-top: 60px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.RodmapConetentbox2{
    background: url(../images/kycimg/roadMapcpntentBg5.svg);
    min-height: 216px;
    margin-top: 190px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.RodmapConetentbox3{
    background: url(../images/kycimg/roadMapcpntentBg2.svg);
    min-height: 216px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.RodmapConetentbox4{
    background: url(../images/kycimg/roadMapcpntentBg6.svg);
    min-height: 253px;
    margin-top: 100px;
    background-repeat: no-repeat;
    background-position: center center;
}
.RodmapConetentbox5{
    background: url(../images/kycimg/roadMapcpntentBg3.svg);
    min-height: 290px;
    margin-top: 123px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}
.RodmapConetentbox6{
    background: url(../images/kycimg/roadMapcpntentBg7.svg);
    min-height: 290px;
    margin-top: 253px;
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 47px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}
.RodmapConetentbox7{
    background: url(../images/kycimg/roadMapcpntentBg4.svg);
    min-height: 216px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}
.RodmapConetentbox h3 {
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 158%;
    color: #A3FF12;
    margin-bottom: 10px;
}
.RodmapConetentbox.disable  h3{
    color: rgba(255, 255, 255, 0.7);
}
.RodmapConetentbox ul{
    
}
.RodmapConetentbox ul li {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 158%;
    margin-bottom: 10px;
    color: rgba(255, 255, 255, 0.7);
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.RodmapConetentbox ul li span{
    margin-right: 20px;
}

.connectWalletBtnforMobile{
    width: 100%;
    background: #6D4AFE;
    height: 40px;
    margin-top: 20px;
    display: none;
}

.connectWalletBtnforMobile .btn-text{
    color: #ffffff;
    padding-left: 10px;
}


.Roadmap2021, .Roadmap2022{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.roadmap2021Divider{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    min-height: 825px;
    top: 0px;
    width: 50px;
    background: url(../images/kycimg/Roadmap2021.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.roadmap2021Divider span {
    transform: rotate(270deg);
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 36px;
    text-align: center;
    color: rgba(255, 255, 255, 0.2);
}
.roadmap2022Divider {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    min-height: 752px;
    bottom: -65px;
    width: 50px;
    background: url(../images/kycimg/Roadmap2022.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.roadmap2022Divider span {
    transform: rotate(270deg);
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 36px;
    text-align: center;
    color: rgba(255, 255, 255, 0.2);
}





.gamfi_header_V2{
    min-height: 800px;
    background: url(../images/bg/bgV2.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    
}
.v2_MenuLogoArea{
    max-width: 980px;
    width: 100%;
    padding-right: 28px;
}
.v2_white_btn{
    display: flex;
    align-items: center;
    justify-content: center;
}
.gamfi-header-section .header-menu.header-menuV2 ul li ul.sub-menu li .sub-menu{
    left: -100%;
}
.gamfi-header-section .header-menu.header-menuV2 ul li ul.sub-menu li.menu-item-has-children:before{
    transform: rotate(90deg);
}
.gamfi-header-section .header-menu.header-menuV2 ul li ul.sub-menu li.menu-item-has-children:hover:before{
    transform: rotate(180deg);
}

.gamfiV2_HeroSect{
    padding-top: 80px;
}
.gamfi_V2_hero_Left{
    margin-top: 136px;
}
.gamfi_V2_hero_Left h2 {
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 50px;
    line-height: 70px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 0px;
}
.gamfi_V2_hero_Left h2 span {
    color: #F82552;
}
.gamfi_V2_hero_Left p {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    color: #FFFFFF;
    margin-top: 22px;
}

.gamfi_V2_hero_Btns{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 106px;
}
.gamfi_V2_hero_Btns .VIEW_Projects_Btn{
    width: 200px;
    height: 60px;
    background: #A3FF12;
    outline: none;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gamfi_V2_hero_Btns .VIEW_Projects_Btn .btn-text {
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    color: #090A1A;
}
.gamfi_V2_hero_Btns .Apply_Project_Btn{
    width: 200px;
    height: 60px;
    margin-left: 15px;
    background: transparent;
    border: 2px solid rgba(255, 255, 255, 0.15);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gamfi_V2_hero_Btns .Apply_Project_Btn .btn-text {
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}
.buyTokenlogos{}
.buyTokenlogos h6 {
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    margin-bottom: 26px;
    color: #FFFFFF;
}
.buyTokenlogos ul{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.buyTokenlogos ul li{
    margin-right: 32px;
}


.gamfi_V2_hero_right{
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column;
    max-width: 450px;
    margin-left: auto;
    height: 100%;
    width: 100%;
}
.gamfi_V2_heroRocket{
    position: relative;
    margin-top: 70px;
    
}
.gamfi_V2_heroRocket .RedRocketImg{
    position: relative;
    animation-name: RocketLaunch;
    animation: RocketLaunch 5s infinite;
    z-index: 1;
}

@keyframes RocketLaunch {

    0%,
    100% {
        bottom: 0;
    }

    50% {
        bottom: 30px;
    }
}
.gamfi_V2_heroRocket .rocketshadow1 {
    position: absolute; 
    top: 15%;
    left: 40%;
    z-index: 2;
}
.gamfi_V2_heroRocket .rocketshadow2 {
    position: absolute; 
    top: 50%;
    left: 25%;
    z-index: 2;
}
.gamfi_V2_heroRocket .rocketshadow3 {
    position: absolute; 
    top: 62%;
    right: 29%;
    z-index: 2;
}
.gamfi_V2_heroRocket .rocketshadow4 {
    position: absolute; 
    top: 60%;
    left: 35%;
    z-index: 0;
}
.gamfi_V2_heroRocket .rocketshadow5 {
    position: absolute; 
    top: 40%;
    right: 33.5%;
    z-index: 0;
}
.gamfi_V2_heroRocket .rocketshadow1 img{
    position: relative;
    animation-name: rocketshadow1;
    animation: rocketshadow1 0.95s infinite;
}
@keyframes rocketshadow1 {
  from {top: -30px; opacity: 1}
  to {top: 80px; opacity: 0}
}

.gamfi_V2_heroRocket .rocketshadow2 img{
    position: relative;
    animation-name: rocketshadow2;
    animation: rocketshadow2 0.95s infinite;
}
@keyframes rocketshadow2 {
  from {top: -30px; opacity: 1}
  to {top: 80px; opacity: 0}
}

.gamfi_V2_heroRocket .rocketshadow3 img{
    position: relative;
    animation-name: rocketshadow3;
    animation: rocketshadow3 1s infinite;
}
@keyframes rocketshadow3 {
  from {top: -40px; opacity: 1}
  to {top: 50px; opacity: 0}
}

.gamfi_V2_heroRocket .rocketshadow4 img{
    position: relative;
    animation-name: rocketshadow4;
    animation: rocketshadow4 1.05s infinite;
}
@keyframes rocketshadow4 {
  from {top: -30px; opacity: 1}
  to {top: 80px; opacity: 0}
}

.gamfi_V2_heroRocket .rocketshadow5 img{
    position: relative;
    animation-name: rocketshadow5;
    animation: rocketshadow5 1.05s infinite;
}
@keyframes rocketshadow5 {
  from {top: -40px; opacity: 1}
  to {top: 50px; opacity: 0}
}


.Market_CapSect{
    background: rgba(30, 31, 53, 0.8);
    backdrop-filter: blur(5px);
    min-height: 158px;
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}
.Market_CapSect .redBordergradient{
    position: absolute;
    top: -248px;
    left: 248px;
    background: linear-gradient(180deg, rgba(248, 37, 82, 0.5) 0%, rgba(21, 22, 37, 0) 100%);
    width: 5px;
    height: 500px;
    transform: rotate(-90deg);
}
.Market_CapSect .greenBordergradient{
    position: absolute;
    bottom: -248px;
    right: 248px;
    background: linear-gradient(180deg, rgba(163, 255, 18, 0.5) 0%, rgba(21, 22, 37, 0) 100%);
    width: 5px;
    height: 500px;
    transform: rotate(90deg);
}
.Market_CapAllContent{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.Market_CapContent{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    width: 20%;
}
.Market_CapContent h2 {
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 45px;
    margin-bottom: 0px;
    color: rgba(255, 255, 255, 0.7);
}
.Market_CapContent h3 {
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 45px;
    text-transform: uppercase;
    color: #6D4AFE;
    margin-bottom: 0px;
}


.gamfi-project-section .project-item.project_itemV2{
    position: relative;
    padding-bottom: 89px;
}
.social_icons_Sect{
    position: absolute;
    background: rgba(255, 255, 255, 0.05);
    height: 50px;
    width: 100%;
    left: 0px;
    bottom: 0px;
    padding: 15px 30px;
}
.social_icons_Sect .social_icon_list{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.social_icons_Sect .social_icon_list li{
    margin-right: 25px;
}
.social_icons_Sect .social_icon_list li a{}
.social_icons_Sect .social_icon_list li a i{
    font-size: 17px;
}
.social_icons_Sect .social_icon_list li.medium a i{
    font-size: 15px;
}
.gamfi-project-section .project-item .heading-title .price-counter{
    position: relative;
    margin-bottom: 0px;
}
.ProjectPools_Sect .project-item .heading-title .price-counter{
    margin-bottom: 50px;
}
.gamfi-project-section .project-item .heading-title .price-counter .timer{
    margin-bottom: 0px;
}
.gamfi-project-section .project-item .heading-title .price-counter .timer ul li {
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    margin-right: 10px;
    text-transform: lowercase;
}
.gamfi-project-section .project-item .heading-title.heading-titleV2 .price-counter:before {
    width: 241px;
    height: 35px;
    content: "";
    background-image: url(../images/bg/shapeBgV2.svg);
    position: absolute;
    left: -30px;
    top: -7px;
}

.ProjectV2_TabBtns{}
.ProjectV2_TabBtns ul{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.ProjectV2_TabBtns ul li{
    margin-left: 20px;
}
.ProjectV2_TabBtns ul li button {
    width: 170px;
    height: 50px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: transparent;
    outline: none;
}
.ProjectV2_TabBtns ul li.ProjectV2_tablinks.active button{
    background: rgba(255, 255, 255, 0.15);
    border: none;
}
.ProjectV2_TabBtns ul li.ProjectV2_tablinks.active button{
    
}
.ProjectV2_tabcontent .heading-title{
    margin-bottom: 0px !important;
}
.ProjectV2_TabBtns ul li.ProjectV2_tablinks.active button.black-shape .hover-shape1, .ProjectV2_TabBtns ul li.ProjectV2_tablinks.active button.hover-shape .hover-shape1 {
    left: 42%;
}
.ProjectV2_TabBtns ul li.ProjectV2_tablinks.active button.black-shape .hover-shape2, .ProjectV2_TabBtns ul li.ProjectV2_tablinks.active button.hover-shape .hover-shape2 {
    left: 50%;
}
.ProjectV2_TabBtns ul li.ProjectV2_tablinks.active button.black-shape .hover-shape3 {
    left: 58%;
}

.ProjectV2_TabBtns ul li button .btn-text{
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
}







.gamfi-project-section.ProjectPools_Sect {
    /*
    background: url(../images/bg/project-bg.jpg);
    */
    background: #090A1A;
    padding-top: 115px;
    padding-bottom: 105px;
}
.gamfi-project-section.ProjectPools_Sect .container{
    position: relative;
    z-index: 2;
}

.Key_Points_section .keyPointBg{
    position: absolute;
    background: url(../images/bg/project-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 1200px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 0;
    top: -650px;
    
}
.Key_Points_section .container{
    position: relative;
    z-index: 2;
}
.Key_Points_section .keyPointBg .bgStone{
    position: relative;
    height: 100%;
    width: 100%;
}
.Key_Points_section .keyPointBg span.stone1{
    position: absolute;
    top: 31%;
    left: 14%;
    animation-name: stoneFly1;
    animation: stoneFly1 7s infinite;
}
@keyframes stoneFly1 {

    0%,
    100% {
        left: 5%;
    }
    
    25%{
        top: 32%;
    }

    50% {
        left: 15%;
    }
}


.Key_Points_section .keyPointBg span.stone2{
    position: absolute;
    bottom: 15%;
    left: 5%;
    animation-name: stoneFly2;
    animation: stoneFly2 7s infinite;
}

@keyframes stoneFly2 {

    0%,
    100% {
        bottom: 15%;
    }
    
    50% {
        bottom: 20%;
    }
}
.Key_Points_section .keyPointBg span.stone3{
    position: absolute;
    bottom: 45%;
    right: 5%;
    animation-name: stoneFly3;
    animation: stoneFly3 4s infinite;
}
@keyframes stoneFly3 {

    0%,
    100% {
        bottom: 42%;
    }

    50% {
        bottom: 48%;
    }
}

.Key_Points_section{
    background: #090A1A;
    padding-top: 115px;
    padding-bottom: 105px;
    position: relative;
}
.Key_Points_Item_img{
    min-height: 50px;
}
.Key_Points_Item_img img{
    min-height: 50px;
}
.Key_Points_Item_Text{
    width: 100%;
    padding-top: 26px;
}
.Key_Points_Item_Text h3 {
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 21px;
    color: #FFFFFF;
    text-transform: capitalize
}
.Key_Points_Item_Text p {
    max-width: 249px;
    width: 100%;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: rgba(255, 255, 255, 0.7);
}


.Tier_System_section{
    background: #090A1A;
    padding-top: 0px;
    padding-bottom: 105px;
}

.Tier_System_Headings{
    margin-bottom: 4px;
}
.Tier_System_Headings ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0px 26px;
}
.Tier_System_Headings ul li{
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 45px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
}

.Tier_System_Headings ul li.tiersHeadings{
    width: 140px;
    margin-right: 81px;
}
.Tier_System_Headings ul li.StakingHeadings{
    width: 158px;
    margin-right: 46px;
}
.Tier_System_Headings ul li.allocationHeadings{
    width: 175px;
    margin-right: 84px;
}
.Tier_System_Headings ul li.RequirementsHeadings{
    width: 158px;
    margin-right: 79px;
}
.Tier_System_Headings ul li.KYCHeadings{
    width: 41px;
    margin-right: 73px;
}
.Tier_System_Headings ul li.WeightHeadings{
    width: 99px;
}

.Tier_System_Items{
    min-height: 92px;
    width: 100%;
    background: rgba(30, 31, 53, 0.8);
    backdrop-filter: blur(5px);
    margin-bottom: 20px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.Tier_System_Items:hover {
    background: radial-gradient(circle, rgba(96, 79, 169, 0.58) -7%, #1e1f35 30%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.Tier_System_Items ul{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 26px;
}
.Tier_System_Items ul li{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.Tier_System_Items ul li {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 158%;
    text-transform: none;
    color: #FFFFFF;
}
.Tier_System_Items ul li strong {
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 158%;
    color: #FFFFFF;
}

.Tier_System_Items ul li.tiersItem{
    width: 140px;
    margin-right: 84px;
}
.Tier_System_Items ul li.StakingItem{
    width: 158px;
    margin-right: 46px;
}
.Tier_System_Items ul li.allocationItem{
    width: 175px;
    margin-right: 84px;
}
.Tier_System_Items ul li.RequirementsItem{
    width: 158px;
    margin-right: 79px;
}
.Tier_System_Items ul li.KYCItem{
    width: 41px;
    margin-right: 73px;
}
.Tier_System_Items ul li.WeightItem{
    width: 99px;
}
.Tier_System_Items ul li span{
    min-width: 40px;
    margin-right: 11px;
}
.Tier_System_Items ul li h6{}


.Tier_System_Items span.bordarShadowRed1 {
    background: linear-gradient(180deg, rgba(248, 37, 82, 0.5) 0%, rgba(21, 22, 37, 0) 100%);
    height: 200px;
    width: 5px;
    position: absolute;
    z-index: 4;
    top: -97.5px;
    left: 97.5px;
    transform: rotate(-90deg);
    display: none;
}
.Tier_System_Items span.bordarShadowRed2{
    background: linear-gradient(180deg, rgba(248, 37, 82, 0.5) 0%, rgba(21, 22, 37, 0) 100%);
    height: 87px;
    width: 5px;
    position: absolute;
    z-index: 4;
    top:  5px;
    left: 0px;
    display: none;
}
.Tier_System_Items span.bordarShadowGreen1{
    background: linear-gradient(180deg, rgba(163, 255, 18, 0.5) 0%, rgba(21, 22, 37, 0) 100%);
    height: 200px;
    width: 5px;
    position: absolute;
    z-index: 4;
    bottom: -97.5px;
    right: 97.5px;
    transform: rotate(90deg);
    display: none;
}
.Tier_System_Items span.bordarShadowGreen2{
    background: linear-gradient(180deg, rgba(163, 255, 18, 0.5) 0%, rgba(21, 22, 37, 0) 100%);
    height: 85px;
    width: 5px;
    position: absolute;
    z-index: 4;
    bottom:  5px;
    right: 0px;
    transform: rotate(180deg);
    display: none;
}

.Tier_System_Items .bgShape{
    position: absolute;
    height: 100%;
    display: none;
    left: 45%;
}
.Tier_System_Items .bgShape img{
    height: 100%;
}

.Tier_System_Items:hover span.bordarShadowRed1,
.Tier_System_Items:hover span.bordarShadowRed2{
    display: block;
}

.Tier_System_Items:hover span.bordarShadowGreen1,
.Tier_System_Items:hover span.bordarShadowGreen2{
    display: block;
}
.Tier_System_Items:hover .bgShape{
    display: block;
}

.TokenomicsContents{
    margin-top: 48px;
}
.Tokenomics_section{
    background: #090A1A;
    padding-top: 0px;
    padding-bottom: 105px;
}
.TokenomicsContentsLeft{
    display: flex;
    align-content: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}
.TokenomicsContentsLeft h3 {
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 40px;
    color: #FFFFFF;
    margin-bottom: 0px;
}
.TokenomicsListSect{
    margin-top: 28px;
}

.TokenomicsListSect{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.TokenomicsListSect ul{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    margin-right: 127px;
}
.TokenomicsListSect ul li{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 43px;
}
.TokenomicsList_text h4 {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 0px;
}
.TokenomicsList_text h5 {
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 0px;
}
.TokenomicsList_text h5 span.counter{
        height: 12px;
        width: 12px;
        min-width: 12px;
        margin-right: 0px;
        margin-top: 0px;
}

.TokenomicsListSect ul li span{
    height: 12px;
    width: 12px;
    min-width: 12px;
    margin-right: 19px;
    margin-top: 8px;
}
.TokenomicsListSect ul li span.Farming_Pool{
    background: #A3FF12;
}
.TokenomicsListSect ul li span.Staking{
    background: #841183;
}
.TokenomicsListSect ul li span.Ecosystem{
    background: #0B58FE;
}
.TokenomicsListSect ul li span.Advisors{
    background: #01CC9B;
}
.TokenomicsListSect ul li span.Private_Sale{
    background: #6D4AFE;
}
.TokenomicsListSect ul li span.Liquidity{
    background: #14A0C0;
}
.TokenomicsListSect ul li span.Marketing{
    background: #3BCBFF;
}
.TokenomicsListSect ul li span.Advisors{
    background: #F82552;
}

.TokenomicsContentsright{}
.TokenomicsContentsright .TokenomicsContentsrightImg{
    background: rgba(30, 31, 53, 0.8);
    backdrop-filter: blur(5px);
    max-width: 570px;
    width: 100%;
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px;
}


.Multi_Chain_Support_Sect{
    background: #090A1A;
    padding-top: 0px;
    padding-bottom: 105px;
}
.Multi_Chain_Support_right_Content{
    margin-top: 32px;
}
.Multi_Chain_Support_right_Content p {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: rgba(255, 255, 255, 0.7);
}
.Multi_Chain_Support_right_list{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.Multi_Chain_Support_right_list ul{
    margin-right: 86px;
}
.Multi_Chain_Support_right_list ul li span{
    margin-right: 15px;
}
.Multi_Chain_Support_right_list ul li{
    position: relative;
    margin-bottom: 9px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #FFFFFF;
}




.RoadMapV2_section{
    padding-top: 116px;
    padding-bottom: 123px;
    background: rgba(30, 31, 53, 0.8);
    backdrop-filter: blur(5px);
    position: relative;
}
.RoadMapV2_section span.Frame1{
    position: absolute;
    top: 0px;
    left: 0px;
}
.RoadMapV2_section span.Frame2{
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.gamfi_Our_mentor_section{
    background: #090A1A;
    padding-top: 0px;
    padding-bottom: 105px;
}

.RoadmapTabBtns{}
.RoadmapTabBtns ul{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.RoadmapTabBtns ul li{
    margin-left: 20px;
}
.RoadmapTabBtns ul li button {
    width: 140px;
    height: 50px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: transparent;
    outline: none;
}
.RoadmapTabBtns ul li.tablinks.active button{
    background: rgba(255, 255, 255, 0.15);
    border: none;
}
.RoadmapTabBtns ul li.tablinks.active button{
    
}

.RoadmapTabBtns ul li.tablinks.active button.black-shape .hover-shape1, .RoadmapTabBtns ul li.tablinks.active button.hover-shape .hover-shape1 {
    left: 42%;
}
.RoadmapTabBtns ul li.tablinks.active button.black-shape .hover-shape2, .RoadmapTabBtns ul li.tablinks.active button.hover-shape .hover-shape2 {
    left: 50%;
}
.RoadmapTabBtns ul li.tablinks.active button.black-shape .hover-shape3 {
    left: 58%;
}

.RoadmapTabBtns ul li button .btn-text{
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
}




.Our_PARTNERSContnetSect{}
.Our_PARTNERSContnetSect .OurPartnatList{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
}
.Our_PARTNERSContnetSect .OurPartnatList .overlay{
    background: linear-gradient(180deg, rgba(9, 10, 26, 0) 0%, #090A1A 100%);
    height: 158px;
    width: 100%;
    z-index: 2;
    position: absolute;
    bottom: 45px;
}
.Our_PARTNERSContnetSect .OurPartnatList li{
    width: 18%;
    text-align: center;
    margin-bottom: 65px;
}
.Our_PARTNERSContnetSect .OurPartnatList li.hidden{
    display: none;
}
.ShowMoreBtnSect{
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ShowMoreBtnSect button{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 50px;
    width: 180px;
    position: relative;
    background: transparent;
    margin: auto;
    padding: 16px 21px;
    border: 2px solid rgba(255, 255, 255, 0.15);
    box-sizing: border-box;
}
.ShowMoreBtnSect button::before {
    content: "\e902";
    position: absolute;
    top: 13px;
    right: 24px;
    color: rgba(255, 255, 255, 0.7);
    font-family: "icomoon";
    font-size: 12px;
    transform: rotate(90deg);
}
.ShowMoreBtnSect button.active::before {
    content: "\e902";
    position: absolute;
    top: 13px;
    right: 24px;
    color: rgba(255, 255, 255, 0.7);
    font-family: "icomoon";
    font-size: 12px;
    transform: rotate(270deg);
}




.ShowMoreBtnSect button .btn-text {
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.ShowMoreBtnSect button .btn-text2 {
    display: none;
}
.ShowMoreBtnSect button.active .btn-text-1{
    display: none;
}
.ShowMoreBtnSect button.active .btn-text2{
    display: block;
}



.RoadMapV2_TabContentSect{
    position: relative;
}

.RoadMapShape{
    position: absolute;
    top: 35px;
}








.FAQContnetSect{
    max-width: 770px;
    width: 100%;
    margin: auto;
    margin-top: 60px;
    position: relative;
}
.FAQquestions{
    position: relative;
    z-index: 2;
}
.FAQGalaxyImg{
    position: absolute;
    top: 160px;
    left: -190px;
    z-index: 0;
}
/* Style the Headings that are used to open and close the accordion panel */
.FAQContnetSect .FAQquestions .accordion {
    cursor: pointer;
    background: rgba(30, 31, 53, 0.5);
    height: 76px;
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 27px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 29px;
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 27px;
    color: rgba(255, 255, 255, 0.7);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    text-transform: none;
    backdrop-filter: blur(10px);
}

/* Change color of the heading and icon (on hover and click) */
.FAQContnetSect .FAQquestions .accordion.active {
    background: rgba(255, 255, 255, 0.05);
    color: #ffffff;
}

.FAQContnetSect .FAQquestions .accordion:hover {
    background: rgba(255, 255, 255, 0.05);
    color: #ffffff;
}
.FAQContnetSect .FAQquestions .accordion span{
    min-width: 18px;
    margin-left: 20px;
    right: 20px;
}
.FAQContnetSect .FAQquestions .IconMunise{
    display: none;
    margin-top: 0px;
}
.FAQContnetSect .FAQquestions .active ..FAQContnetSect .IconMunise{
    display: block;
}
.FAQContnetSect .FAQquestions .active .IconPlus{
    display: none;
}

/* Style the accordion panel */
.FAQContnetSect .FAQquestions .accordion-panel {
    padding: 0px;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.2s ease-out;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    
}
.FAQContnetSect .FAQquestions .accordion-panel p {
    padding: 0px 48px 24px 29px;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 0px;
    max-width: 100%;
}

.FAQContnetSect h6{
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #FFFFFF;
    margin-top: 36px;
    position: relative;
    z-index: 2;
}
.FAQContnetSect h6 a {
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    text-align: center;

    color: #A3FF12;
}
.no-border{
    border: none !important;
}


.footer_titleV2{
    max-width: 452px;
    margin: auto;
}

.gamfisubscriveSect{
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 570px;
    width: 100%;
    margin: auto;
}
.gamfisubscriveSect input {
    max-width: 350px;
    width: 100%;
    height: 60px;
    padding: 8px 19px;
    background: transparent;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 45px;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.1);
    outline: none;
    transition: all 0.4s ease-in-out;
}

.RoadMapContents h3 {
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 27px;
    color: #6D4AFE;
    margin-bottom: 75px;
}
.RoadMapContents.disable h3{
    color: rgba(255, 255, 255, 0.7);
}
.RoadmapListSect{
    position: relative;
    padding-left: 10px;
}

.RoadmapListSect .CheckIconBg{
    height: 21px;
    width: 21px;
    background: #A3FF12;
    border-radius: 50%;
    position: absolute;
    top: -30px;
    left: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.RoadMapContents.disable .RoadmapListSect .CheckIconBg{
    background: rgba(255, 255, 255, 0.7);
}
.RoadmapListSect ul{
    border-left: 1px dashed rgba(255, 255, 255, 0.25);
    padding-left: 21px;
}

.RoadmapListSect ul li {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 36px;
    color: rgba(255, 255, 255, 0.7);
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.RoadmapListSect ul li span {
    margin-right: 15px;
    min-width: 15px;
}
.RoadmapV2TabContent_2022 .RoadmapListSect ul li span {
    margin-right: 15px;
    margin-top: 12px;
    min-width: 15px;
}




.Gamfi_footerBtnSect{
    height: 200px;
    background: #6D4AFE;
    position: fixed;
    left: 0;
    top: auto;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.Gamfi_footerBtnContent{
    height: 200px;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Gamfi_footerBtnContent span.frameLeft{
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 1;
}
.Gamfi_footerBtnContent span.frameright{
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 1;
}
.Gamfi_footerBtnContent span img{
    height: 200px;
    filter: contrast(100);
}

.GamfiBody{
    position: relative;
    z-index: 2;
    margin-bottom: 200px;
    background: #090A1A;
}
.Gamfi_footerBtnContent a {
    position: absolute;
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 55px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    border: none;
    outline: none;
    background: transparent;
}



/*----------------
    Home-V3
----------------*/

.sc_banner_V3 {
    position: relative;
    z-index: 9;
    overflow: hidden;
    padding: 170px 0 0px;
    background: url(../images/bg/V3_Banner_BG.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.V3_BanerContent{
    padding-top: 60px;
}
.Ufo_Img{
    position: absolute;
    top: 8%;
    left: 10%;
    z-index: 100;
}

.Animetion_Avater{
    position: relative;
    min-height: 460px;

    display: flex;
    align-items: center;
    justify-content: right;
}
.Animetion_Avater img{
    position: absolute;
    z-index: 100;
    animation-name: Jump_Avater;
    animation: Jump_Avater 4s infinite;
    max-height: 460px;
}
@keyframes Jump_Avater {
    0%,
    100% {
        bottom: 0;
    }

    50% {
        bottom: 30px;
    }
}

.sc_banner_V3_left h2 {

    width: 100%;
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 50px;
    line-height: 70px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 30px;
}

.sc_banner_V3_left p {
    max-width: 564px;
    width: 100%;
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    color: #FFFFFF;
    margin-bottom: 60px;
}
.Animetion_Avater{
    text-align: center;
    position: relative;
}


.sc_banner_V3_right{}
.sc_banner_V3_right ul{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.sc_banner_V3_right ul li{
    margin-right: 35px;
    max-width: 163px;
    width: 100%;
}
.sc_banner_V3_right ul li h3 {
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 40px;
    color: #FFFFFF;
    margin-bottom: 0px;
}
.sc_banner_V3_right ul li h4 {
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 40px;
    text-transform: uppercase;
    color: #6D4AFE;
    margin-bottom: 0px;
}

.Multi_Block_Chains_Sect{
    background: rgba(30, 31, 53, 0.8);
    backdrop-filter: blur(5px);
    min-height: 158px;
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    bottom: 0px;
    width: 100%;
    z-index: 2;
}
.Multi_Block_Chains_Sect .redBordergradient{
    position: absolute;
    top: -248px;
    left: 248px;
    background: linear-gradient(180deg, rgba(248, 37, 82, 0.5) 0%, rgba(21, 22, 37, 0) 100%);
    width: 5px;
    height: 500px;
    transform: rotate(-90deg);
}
.Multi_Block_Chains_Sect .greenBordergradient{
    position: absolute;
    bottom: -248px;
    right: 248px;
    background: linear-gradient(180deg, rgba(163, 255, 18, 0.5) 0%, rgba(21, 22, 37, 0) 100%);
    width: 5px;
    height: 500px;
    transform: rotate(90deg);
}
.Multi_Block_Chains_Content{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.Multi_Block_Chains_Left{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

.Multi_Block_Chains_Left h3 {
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 36px;
    text-transform: uppercase;
    margin-bottom: 0px;
    color: #FFFFFF;
}
.Multi_Block_Chains_Left h3 span{
    margin-left: 10px;
}
.Multi_Block_Chains_Left h3 span img{
    margin-top: -2px;
}


.ProjectPools_V3{
    padding-top: 136px;   
}

.Key_PointsV2_section{
    background: rgba(30, 31, 53, 0.7);
    backdrop-filter: blur(10px);
    position: relative;
    z-index: 2;
} 

.GamfiV3_ProjectPoolsBtn{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.GamfiV3_ProjectPoolsBtn li{
    margin-left: 20px;
}
.GamfiV3_ProjectPoolsBtn li button {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    outline: none;
    border: 2px solid rgba(255, 255, 255, 0.15);
    box-sizing: border-box;
    color: rgba(255, 255, 255, 0.7);
    width: 170px;
    height: 50px;
    padding: 0px;
}

.GamfiV3_ProjectPoolsBtn li.active button {
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff;
    border: none;
    box-sizing: content-box;
}



.GamfiV3_ProjectPoolsBtn li.active button.black-shape .hover-shape1 {
    left: 42%;
}
.GamfiV3_ProjectPoolsBtn li.active button.black-shape .hover-shape2, .GamfiV3_ProjectPoolsBtn li.active button.hover-shape .hover-shape2 {
    left: 50%;
}
.GamfiV3_ProjectPoolsBtn li.active button.black-shape .hover-shape3 {
    left: 58%;
}



.OurPartnarV3_Sect{
    padding-top: 136px;
    position: relative;
}
.OurPartnat_EathImg{
    position: absolute;
    top: -60px;
    right: 225px;
    z-index: 0;
}
.RocketImgBW{
    position: absolute;
    top: 232px;
    left: 0px;
    z-index: 0;
}


.animate_opacity {
    animation: opac 1.5s
}

@keyframes opac {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}


.How_to_Participate_Sect{
    background: #090A1A;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 140px;
}
.How_to_Participate_Sect .moon_imgBg{
    position: absolute;
    top: 20px;
}
.How_to_Participate_Sect .container{
    position: relative;
    z-index: 2;
}
.How_to_Participate_Sect .lockerImg{
    position: absolute;
    bottom: -220px;
    left: 0px;
    z-index: 0;
}

.How_to_Participate_Left_Contnet{}
.How_to_Participate_Left_Contnet p {
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 40px;
    max-width: 450px;
    width: 100%;
    padding-right: 12px;
}

.How_to_Participate_Left_Btn{
    max-width: 170px;
    height: 50px;
}
.How_to_Participate_Left_Btn a{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
    height: 100%;
    width: 100%;
}


.How_to_Participate_right_Card{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    min-height: 186px;
    padding: 35px 50px;
    background: rgba(30, 31, 53, 0.7);
    backdrop-filter: blur(10px);
    margin-bottom: 20px;
}
.How_to_Participate_right_Card_number{
    min-width: 80px;
    margin-right: 35px;
}
.How_to_Participate_right_CardText{
    max-width: 334px;
    width: 100%;
}
.How_to_Participate_right_CardText h4 {
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 27px;
    color: #FFFFFF;
    margin-bottom: 10px;
}
.How_to_Participate_right_CardText p {
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0px;
    color: rgba(255, 255, 255, 0.7);
}


.Multi_Block_Chains_RightSect{
    padding: 54px 0px;
}
.Multi_Block_Chains_Right{
    background: transparent;
}
.Multi_Block_Chains_RightSect .Multi_Block_Chains_Right .Multi_Block_Chains_RightContent .partner-image a{
    margin: 0px 27px;
}

.Multi_Block_Chains_Right .Multi_Block_Chains_RightContent:after, .Multi_Block_Chains_Right .Multi_Block_Chains_RightContent:before{
    background: linear-gradient(269.8deg, rgba(26, 27, 48, 0) 0.18%, #1A1B30 99.84%);
}
.Multi_Block_Chains_Right .Multi_Block_Chains_RightContent:after {
    right: 0px;
    transform: rotateZ(180deg);
}


/*-----------------
    Tier
------------------*/
.gamfi_TierSect{
    background: #090A1A;
    padding-top: 70px;
    padding-bottom: 110px;
    position: relative;
}
.gamfi_TierSect .container{
    position: relative;
    z-index: 1;
}
.gamfi_TierSect .tier_earthImg{
    position: absolute;
    left: 30%;
    top: 246px;
    z-index: 0;
}
.gamfi_TierSect .TierGalaxyImg1{
    position: absolute;
    left: 10%;
    bottom: 241px;
    z-index: 0;
}
.gamfi_TierSect .TierGalaxyImg2{
    position: absolute;
    right: 12%;
    top: 259px;
    z-index: 0;
}
.gamfi_Tier_card{
    max-width: 370px;
    width: 100%;
    background: rgba(30, 31, 53, 0.7);
    backdrop-filter: blur(10px);
    padding: 45px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin: auto;
    margin-bottom: 30px;

}

.gamfi_Tier_card h2 {
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    line-height: 36px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 0px;
}
.gamfi_Tier_card h3 {
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 36px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 0px;
}
.gamfi_Tier_card span{
    margin-bottom: 4px;
    margin-top: 24px;
}
.gamfi_Tier_card p {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
    margin-top: 21px;
    margin-bottom: 0px;
}
.gamfi_Tier_card h4 {
    font-family: Russo One;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 0px;
    color: #FFFFFF;
}


/*--------------
    TierV2
--------------*/
.TierV2_Col{
    min-height: 734px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
}

.tierV2ColHeadings span{}
.tierV2ColHeadings h2 {
    margin-top: 30px;
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 36px;
    color: #FFFFFF;
    margin-bottom: 0px;
}
.tierV2ColHeadings h3 {
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 36px;
    color: #FFFFFF;
    margin-bottom: 0px;
}

.TiedV2CollBody{
    width: 100%;
    padding: 0px 19px;
    padding-right: 0px;
    position: relative;
}
.TiedV2CollBody1:after{
    content: "";
    position: absolute;
    display: block;
    top: 145px;
    left: -150px;
    height: 4px;
    width: 295.5px;
    background: #cb5a5e;
    background: repeating-linear-gradient(-45deg, #ffffff, #ffffff 5px, transparent 0px, transparent 9px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-bottom: 0;
    transform: rotate(90deg);
}
.TiedV2CollBody2:after{
    content: "";
    position: absolute;
    display: block;
    top: 185px;
    left: -190px;
    height: 4px;
    width: 376.5px;
    background: #cb5a5e;
    background: repeating-linear-gradient(-45deg, #E8C63C, #E8C63C 5px, transparent 0px, transparent 9px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-bottom: 0;
    transform: rotate(90deg);
}

.TiedV2CollBody3:after{
    content: "";
    position: absolute;
    display: block;
    top: 217px;
    left: -217px;
    height: 4px;
    width: 430.5px;
    background: #cb5a5e;
    background: repeating-linear-gradient(-45deg, #5F3FDB, #5F3FDB 5px, transparent 0px, transparent 9px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-bottom: 0;
    transform: rotate(90deg);
}

.TiedV2CollBody4:after {
    content: "";
    position: absolute;
    display: block;
    top: 250px;
    left: -245px;
    height: 4px;
    width: 485.5px;
    background: #cb5a5e;
    background: repeating-linear-gradient(-45deg, #FF3D6C, #FF3D6C 5px, transparent 0px, transparent 9px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-bottom: 0;
    transform: rotate(90deg);
}
.TiedV2CollBody ul{}
.TiedV2CollBody ul li{
    margin-bottom: 21px;
}
.TiedV2CollBody ul li h4 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 0px;
    color: rgba(255, 255, 255, 0.7);
}
.TiedV2CollBody ul li h5 {
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF;
    margin-bottom: 0px;
}
.TiedV2CollBody .bottomShape {
    height: 50px;
    width: 100%;
    background: rgba(30, 31, 53, 0.7);
    backdrop-filter: blur(10px);
    margin-bottom: 10px;
}

/*-----------------
    Tier V3
------------------*/
.gamfi_TierV3_Sect{
    background: #090A1A;
    padding-top: 70px;
    padding-bottom: 140px;
}
.TvlHeadings{
    position: relative;
}
.TvlHeadings span{
    position: absolute;
    position: absolute;
    top: -45px;
    left: -48px;
}

.TvlHeadings h2 {
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 45px;
    color: #FFFFFF;
    margin-bottom: 0px;
}
.TvlHeadings h3 {
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 45px;
    margin-bottom: 46px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.TvlList{}
.TvlList ul{}
.TvlList ul li {
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 50px;
    color: #FFFFFF;
}
.TvlRightSect{
    position: relative;
}
.TvlRightSect .row{
    z-index: 2;
    position: relative;
}
.TvlRightSect .TierV3GalaxyImg{
    position: absolute;
    left: -135px;
    bottom: 62px;
    z-index: 0;
}
.TvlRightCard{
    max-width: 200px;
    width: 100%;
    background: transparent;
}
.TvlRightCardHeadings{
    height: 184px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.TvlRightCardHeadings h3 {
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 19px;
    color: #FFFFFF;
}
.TvlRightCardHeadings1{
    background: url(../images/bg/TvlBg1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left top;
}

.TvlRightCardHeadings2{
    background: url(../images/bg/TvlBg2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left top;
}

.TvlRightCardHeadings3{
    background: url(../images/bg/TvlBg3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left top;
}

.TvlRightCardHeadings4{
    background: url(../images/bg/TvlBg4.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left top;
}
.TvlRightCardContent{}
.TvlRightCardContent ul{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
}
.TvlRightCardContent ul li{
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    width: 100%;
    background: rgba(30, 31, 53, 0.7);
    backdrop-filter: blur(10px);
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    color: #FFFFFF;
}




/*-------------------
    Tokenomics Page
-------------------*/

.Gamfi_Header_contentright_Custom h2{
    font-size: 28px;
    color: rgba(255, 255, 255, 0.7);
}

.Tokenomics_sectionCustom{
    padding-top: 59px;
}
.TokenomicsContentsLeftCustom{
    margin-left: 130px;
}

.leaderboard-table-list tr td {
    background: rgba(30, 31, 53, 0.8);
    backdrop-filter: blur(5px);
}
.leaderboard-table-list tr.dark td {
    background: rgba(30, 31, 53, 0.5);
    backdrop-filter: blur(5px);
}

.TokenomicsTable .leaderboard-table-list tr th:nth-child(1), .TokenomicsTable .leaderboard-table-list tr td:nth-child(1), .TokenomicsTable .leaderboard-table-list tr th:nth-child(4), .TokenomicsTable .leaderboard-table-list tr td:nth-child(4) {
    width: 18%;
}
.TokenomicsTable .leaderboard-table-list tr th:nth-child(3), .TokenomicsTable .leaderboard-table-list tr td:nth-child(3) {
    width: 24%;
}




/*-----------------------
    Connect Wallet
------------------------*/

.ConnectWallet_Section{
    background: #090A1A;
    padding-top: 96px;
    padding-bottom: 140px;
    backdrop-filter: blur(10px);
}
.ConnectWallet_Card{
    max-width: 690px;
    width: 100%;
    margin: auto;
    background: rgba(30, 31, 53, 0.8);
    padding: 63px 60px 50px 60px;
}

.ConnectWallet_Card_Headings{
    text-align: center;
    max-width: 356px;
    margin: auto;
}
.ConnectWallet_Card_Headings h2 {
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 43px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 23px;
    color: #FFFFFF;
}
.ConnectWallet_Card_Headings p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 29px;
}

.ChooseNetwork_Sect{}
.ChooseNetwork_Sect h2 {
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 45px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 0px;
}
.ChooseNetwork_Sect ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 0px;
}
.ChooseNetwork_Sect ul li {
    height: 60px;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ChooseNetwork_Sect ul li button{
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    background: transparent;
    width: 100%;
    height: 100%;
    padding: 15px 20px;
    border: 2px solid rgba(255, 255, 255, 0.15);
    box-sizing: border-box;
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 45px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
}
.ChooseNetwork_Sect ul li.active button{
    border: 2px solid rgba(163, 255, 18, 0.5);
    color: #ffffff;
    
}
.ChooseNetwork_Sect ul li button span{
    margin-right: 11px;
}

.ConnectWallet_Content{
    margin-top: 29px;
}
.ConnectWallet_Content h2 {
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 45px;
    margin-bottom: 0px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
}
.ConnectWallet_Content p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: rgba(255, 255, 255, 0.7);
    max-width: 470px;
    width: 100%;
}
.ConnectWallet_Content p a{}
.ConnectWallet_Btn {
    background: rgba(255, 255, 255, 0.05);
    height: 60px;
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    padding: 16px 30px;
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    position: relative;
}
.ConnectWallet_Btn span{
    margin-right: 24px;
}

.ConnectWallet_Btn:before {
    content: "\e902";
    top: 22px;
    right: 30px;
    font-size: 10px;
    color: rgba(255, 255, 255, 0.7);
    font-family: "icomoon";
    position: absolute;
}



/*--------------------------
    Latest_Articles_Sect
--------------------------*/

.Latest_Articles_Sect{
    padding: 71px 0px 100px 0px;
    background: #090A1A;
}

.Latest_Articles_Card {
    background: rgba(30, 31, 53, 0.8);
    backdrop-filter: blur(5px);
    width: 100%;
    height: 100%;
    min-height: 544px;
}
.Article_Img{
    width: 100%;
    overflow: hidden;
}
.Article_Img img{
    width: 100%;
    overflow: hidden;
}
.Article_Details{
    padding: 25px 30px;
}
.Article_Details2{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
    position: relative;
}

.Article_Details h2 {
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 0px;
    color: rgba(163, 255, 18, 0.7);
    cursor: pointer;
}
.Article_Details h2:hover{
    color: rgba(163, 255, 18, 1);
}
.Article_Details h2 span {
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 0px;
    color: rgba(255, 255, 255, 0.7);
    cursor: auto;
}
.Article_Details h3 a{
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 36px;
    color: #FFFFFF;
    margin-bottom: 16px;
    text-transform: none;
    max-width: 299px;
}
.Article_Details p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 18px;
    color: rgba(255, 255, 255, 0.7);
}
.Article_Details a {
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    color: rgba(255, 255, 255, 0.7);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.Article_Details a:hover{
    color: rgba(255, 255, 255, 1);
}

.Article_Details a span{
    margin-right: 9px;
    margin-bottom: 2px;
    opacity: 70%;
}
.Article_Details a:hover span{
    opacity: 100%;
}

.Article_Details2 h4 a {
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 50px;
    text-transform: uppercase;
    color: #FFFFFF;
    display: block;
    margin-bottom: 17px;
    margin-top: 18px;
}

.Article_Details2 h4 a span {
    color: #6D4AFE;
}

.Article_Details2 h4 a strong {
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 50px;
    text-transform: uppercase;
    color: #A3FF12;
    margin-right: 10px;
}
.Article_Details2 h5 a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    
}
.Article_Details_BGShape{
    position: absolute;
    top: 25%;
    left: 3px;
    z-index: 0;
}
.Article_Details_Top , .Article_Details_bottom{
    z-index: 1;
    position: relative;
}



/*----------------
    Mega Menu
----------------*/

.Gamfi_Mega_Menu {
    background: rgba(19, 20, 44, 0.98);
    backdrop-filter: blur(4px);
    padding-top: 0px;
    min-height: 600px;
    position: relative;
    width: 100%;
    z-index: 111;
    border-top: 3px solid rgba(255, 255, 255, 0.08);
    display: block;
}



.MegaMenuContent{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.HomeMenuListHeadings{
    position: relative;
    height: 33px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}
.HomeMenuListHeadings span{
    
}
.HomeMenuListHeadings h2 {
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 0px;
}

.megaMenuLeftSect .megaMenuLeftBgSect{
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    background: transparent;
    backdrop-filter: blur(4px);
    z-index: 0;
    min-height: 600px;
}
.megaMenuLeftBg{
    position: relative;
    z-index: 1;
    height: 100%;
}
.megaMenuLeftBgColor{
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(4px);
    height: 100%;
    width: 32%;
    z-index: 1;
}
.HomeMenuList{
    position: relative;
    z-index: 11;
    height: 600px;
}
.HomeMenuList ul{
    margin-top: 16px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    top: 0% !important;
}
.HomeMenuList ul li{
    margin-left: 0px !important;
    width: auto !important;
    border: none !important;
    padding-bottom: 20px !important;
    height: auto !important;
}
.HomeMenuList ul li a {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    font-family: 'Russo One' !important;
    font-style: normal;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 19px !important;
    text-transform: uppercase !important;
    color: rgba(255, 255, 255, 0.7) !important;
    background: transparent !important;
    padding: 0px !important;
    border: none !important;
}
.HomeMenuList ul li a span{
    margin-left: 6px;
}
.HomeMenuList ul li a span img{
    margin-right: 0px;
}
.megaMenuLeftSect{
    padding-right: 30px;
    height: 600px;
    padding-top: 36px;
}
.megaMenuRightSect{
    padding-left: 45px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 880px;
    width: 100%;
    position: relative;
    z-index: 11111;
    padding-top: 36px;
    height: 600px;
    background: rgba(19, 20, 44, 0.98);
    backdrop-filter: blur(4px); 
}
.menuHeadings{
    position: relative;
    height: 33px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}
.menuHeadings span{
    
}
.menuHeadings h2 {
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 0px;
}
.Menu_column ul{
    margin-top: 8px;
    margin-bottom: 28px;
}
.Menu_column ul li a {
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 36px;
    color: rgba(255, 255, 255, 0.7);
}
.Menu_column ul li a:hover{
    color: #ffffff !important;
}


.Menu_column ul li span {
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 24px;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 0px 4px;
    border-radius: 23px;
    margin-left: 10px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.Menu_column ul li span.new{
    background: #6D4AFE;
    backdrop-filter: blur(5px);
}
.Menu_column ul li span.soon{
    color: color: rgba(255, 255, 255, 0.7);
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(5px);
}
.Menu_column ul li span.hot{
    background: #F82552;
    backdrop-filter: blur(5px);
}

.gamfi-header-section .heaader-inner-area ul li.megaMenuHov{
    position: inherit;
}

.gamfi-header-section .heaader-inner-area ul li .Gamfi_Mega_Menu ul{
    position: inherit;
}


.gamfi-header-section .header-menu ul li .Menu_column ul{
    display: block !important;
}

.gamfi-header-section .heaader-inner-area ul li .Gamfi_Mega_Menu ul{
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
}

.gamfi-header-section .header-menu ul li .Menu_column ul li a {
    
    display: block;
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 36px;
    color: rgba(255, 255, 255, 0.7);
    padding: 0px;
}

.gamfi-header-section .heaader-inner-area ul li .Menu_column ul li a  {
    display: block;
    background: none;
    padding: 0px;
    transition: 0.4s;
}
.gamfi-header-section .heaader-inner-area ul li .Menu_column ul li{
    border: none;
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    
}

.Gamfi_Mega_Menu_Sect{
    padding-top: 40px;
    position: absolute;
    height: 100%;
    left: 0px;
    width: 100%;
    top: 66px;
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.megaMenuHov:hover .Gamfi_Mega_Menu_Sect {

    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
}














.gamfi-breadcrumbs-section.blog-breadcrumbs {
    background: url(../images/blog/blog-bg.jpg);
    background-size: cover;
    padding-top: 410px;
    padding-bottom: 45px;
}
.gamfi-breadcrumbs-section.blog-breadcrumbs .sec-heading h1{
    font-size: 60px;
    text-transform: none;
    margin-bottom: 45px;
}
.gamfi-breadcrumbs-section.blog-breadcrumbs .sub-menu ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.gamfi-breadcrumbs-section.blog-breadcrumbs .sub-menu ul li{
    display: inline-block;
    margin-right: 35px;
}
.gamfi-breadcrumbs-section.blog-breadcrumbs .sub-menu ul li a{
    font-size: 16px;
    text-transform: uppercase;
}
.gamfi-breadcrumbs-section.blog-breadcrumbs .sub-menu img{
    margin-right: 10px;
}
.gamfi-breadcrumbs-section.blog-breadcrumbs .sub-menu ul li i{
    margin-right: 10px;
    font-size: 15px;
}


/* -----------------------------------------------
    03. Gamfi Blog detail-conent Section CSS
-------------------------------------------------*/
.blog-detail-conent{
   padding-top: 60px;
   padding-bottom: 140px;
   background: #090A1A;
}
.blog-detail-conent .blog-area .blog-description .des{
    font-size: 18px;
    line-height: 36px;
    font-family: Russo One;
}
.blog-detail-conent .blog-area .blog-description .blockquote{
    position: relative;
}
.blog-detail-conent .blog-area .blog-description .blockquote:before{
    position: absolute;
    content: "";
    height: 86px;
    width: 20px;
    background: url(../images/blog/block-code.png);
    top: 15px;
}
.blog-detail-conent .blog-area .blog-description .blockquote .des-active{
    font-style: italic;
    font-weight: 500;
    font-size: 22px;
    line-height: 36px;
    padding-left: 65px;
    color: #fff;
}
.blog-detail-conent .blog-area .igo-blog h4{
    margin-bottom: 15px;
}
.blog-detail-conent .blog-area .Tokenomics-item .project-service{
    background: #1E1F35;
    margin-right: 75px;
    padding: 45px 0 20px 65px;
}
.blog-detail-conent .blog-area .Tokenomics-item .project-service .project-image img{
    margin-right: 90px;
}
.blog-detail-conent .blog-area .Tokenomics-item .project-service .project-content .project-sale{
    position: relative;
}
.blog-detail-conent .blog-area .Tokenomics-item .project-service .project-content .project-sale:before{
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #fff;
    top: 7px;
    left: -20px;
}
.blog-detail-conent .blog-area .Tokenomics-item .project-content .project-sale.darkslateblue:before{
    background: #6D4AFE;
}
.blog-detail-conent .blog-area .Tokenomics-item .project-content .project-sale.cyan:before{
    background: #3BCBFF;
}
.blog-detail-conent .blog-area .Tokenomics-item .project-content .project-sale.dodgerBlue:before{
    background: #0B58FE;
}
.blog-detail-conent .blog-area .Tokenomics-item .project-content .project-sale.turquoise:before{
    background: #01CC9B;
}
.blog-detail-conent .blog-area .Tokenomics-item .project-content .project-sale.springGreen:before{
    background: #A3FF12;
}
.blog-detail-conent .blog-area .Tokenomics-item .project-content .project-sale.darkturquoise:before{
    background: #14A0C0;
}
.blog-detail-conent .blog-area .Tokenomics-item .project-content .project-sale.turquoises:before{
    background: #3BCBFF;
}
.blog-detail-conent .blog-area .igo-blog ul, .igo-list{
    margin: 0;
    padding: 0;
    list-style: none;
}
.blog-detail-conent .blog-area .igo-blog ul li, .igo-list li{
    position: relative;
}
.blog-detail-conent .blog-area .igo-blog ul li span, .igo-list li span{
    line-height: 36px;
}
.blog-detail-conent .blog-area .igo-blog ul li:before, .igo-list li:before{
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    background: #3A3B48;
    line-height: 8px;
    border-radius: 8px;
    top: 15px;
}
.blog-detail-conent .blog-area .igo-blog ul li span, .igo-list li span{
    padding-left: 25px;
}
.blog-detail-conent .blog-area .about-blog .about-menu{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.about-menu .breadcrumbs-form .about-breadcrumbs a{
    text-transform: uppercase;
}
.about-menu .breadcrumbs-form .about-breadcrumbs i{
    font-size: 15px;
    margin-right: 5px;
}
.blog-detail-conent .blog-area .about-blog .about-menu .about-list .about-listing{
    padding: 0;
    margin: 0;
    list-style: none;
}
.blog-detail-conent .blog-area .about-blog .about-menu .about-list .about-listing li{
    display: inline-block;
    padding-right: 8px;
}
.blog-detail-conent .blog-area .about-blog .about-menu .about-list .about-listing li a{
    background: #222231;
    padding: 15px 15px;
    display: inline-block;
    font-style: italic;
    font-size: 14px;
}
.blog-detail-conent .blog-area .about-blog .about-menu .bolg-share a{
    text-transform: uppercase;
}
.blog-detail-conent .blog-area .about-blog .about-menu .bolg-share i{
    font-size: 15px;
    margin-right: 10px;
}
.blog-detail-conent .blog-area .about-blog .blog-contact{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.blog-detail-conent .blog-area .about-blog .blog-contact .previous-item{
    display: flex;
    align-items: center;
    background: #1A1B30;
    padding: 10px 25px 10px 10px;
}
.blog-detail-conent .blog-area .about-blog .blog-contact .previous-item .previous-text{
    position: relative;
    top: 10px;
}
.blog-detail-conent .blog-area .about-blog .blog-contact .previous-item .previous-image{
   margin-right: 10px;
}
.blog-detail-conent .blog-area .about-blog .blog-contact .previous-item .previous-text span{
    font-size: 14px;
    text-transform: uppercase;
    color: #7ABB1B;
    margin-bottom: 10px;
    display: block;
    font-family: Russo One;
}
.blog-detail-conent .blog-area .about-blog .blog-contact .next-item{
    display: flex;
    align-items: center;
    background: #1A1B30;
    padding: 10px 10px 10px 35px;
    text-align: right;
}
.blog-detail-conent .blog-area .about-blog .blog-contact .next-item .next-text{
    padding-right: 10px;
    position: relative;
    top: 10px;
}
.blog-detail-conent .blog-area .about-blog .blog-contact .next-item .next-text span{
    font-size: 14px;
    text-transform: uppercase;
    color: #7ABB1B;
    margin-bottom: 10px;
    display: block;
    font-family: Russo One;
}

.blog-detail-conent .blog-area .about-blog .blog-contact .next-item .next-text h5 a, .blog-detail-conent .blog-area .about-blog .blog-contact .previous-item .previous-text h5 a{
    color: #ffffff;
}

.blog-detail-conent .blog-area .comment-item{

}
.blog-detail-conent .blog-area .comment-item .blog-comment{
    background: #1D1E2C;
    margin-bottom: 20px;
    padding: 30px 30px;
}
.blog-detail-conent .blog-area .comment-item h4{
    text-transform: uppercase;
}
.blog-detail-conent .blog-area .comment-item .blog-comment .blog-replay{
    display: flex;
}
.blog-detail-conent .blog-area .comment-item .blog-comment .blog-replay .replay-image img{
    min-width: 50px;
}
.blog-detail-conent .blog-area .comment-item .blog-comment .blog-replay .replay-text{
    padding-left: 15px;
}
.blog-detail-conent .blog-area .comment-item .blog-comment .blog-replay .replay-text h5{
    margin-bottom: 0;
}
.blog-detail-conent .blog-area .comment-item .blog-comment .blog-replay .replay-text span{
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 15px;
    display: block;
}
.blog-detail-conent .blog-area .comment-item .blog-comment .blog-replay .replay-text p{
    margin-bottom: 15px;
}
.blog-detail-conent .blog-area .comment-item .blog-comment .blog-replay .replay-text img{
    margin-right: 10px;
}
.blog-detail-conent .blog-area .comment-item .blog-comment .blog-replay .replay-text .replay-icon a{
    text-transform: uppercase;
    font-size: 14px;
}
.blog-detail-conent .blog-area .comment-item .blog-comments{
    padding: 30px 30px;
    margin-left: 100px;
    
}
.blog-detail-conent .blog-area .form-item .form-heading h4{
    text-transform: uppercase;
}
.blog-detail-conent .blog-area .form-item .input-button input{
    background: transparent;
    width: 100%;
    border: 1px solid #2E2F3C;
    padding: 15px 20px;
    color: #fff;
}
.blog-detail-conent .blog-area .form-item .input-button input.textarea{
    padding-bottom: 90px;
}

.gamfi-navigation ul li {
  display: inline-block;
  position: relative;
}
.blog-detail-conent .blog-area .form-item .input-button{
    margin-bottom: 40px;
    position: relative;
    padding-top: 40px;
}
.blog-detail-conent .blog-area .form-item .input-button label{
    position: absolute;
    left: 0;
    top: 0;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 700;
    text-transform: uppercase;
}
.blog-detail-conent .blog-area .form-item .input-submit input{
    width: 100%;
    background: #6D4AFE;
    color: #fff;
    border: none;
    padding: 17px;
    text-transform: uppercase;
    transition: 0.4s;
    font-weight: 700;
}
.blog-detail-conent .blog-area .form-item .input-submit{
    margin-bottom: 0;
}
.blog-detail-conent .blog-area .form-item .input-submit:hover .hover-shape1{
   left: 47%;
}
.blog-detail-conent .blog-area .form-item .input-submit:hover .hover-shape3{
  left: 51%;
}
.categories-area{
    background: #191A2F;
    padding: 30px 30px 8px;
    margin-bottom: 30px; 
}
.categories-item .catergories-form{
    border: 1px solid #3E3F51;
    position: relative;
    padding: 10px 20px;
}
.categories-item .catergories-form input{
    background: transparent;
    border: none;
    color: #fff;
}
.categories-item .catergories-form i{
    top: 15px;
    position: absolute;
    right: 20px;
    font-size: 14px;
    color: #fff;
    transition: 0.4s;
}
.categories-item .catergories-form i:hover{
    color: rgba(255,255,255,0.7);
}
.categories-item .categories-summary ul{
    padding: 0;
    margin: 0;
    list-style: none; 
}
.categories-item .categories-summary ul li a {
    color: rgba(255, 255, 255, 0.7);
    transition: 0.4s;
    line-height: 36px;
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    color: rgba(255, 255, 255, 0.7);
}
.categories-item .categories-summary ul li a:hover{
    color: #ffffff;
}
.post-item .post-shade h4{
    text-transform: uppercase;
}
.post-item .post-shade{
    margin-top: 35px;
    display: block;
}
.post-item .post-shade img{
    padding-left: 10px;
}
.post-item .recent-content{
    display: flex;
    margin-bottom: 20px;
}
.post-item .recent-content .recent-text{
    padding-left: 15px;
    position: relative;
    top: 7px;
}
.post-item .recent-content .recent-text span {
    margin-bottom: 10px;
    display: block;
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
}
.post-item .recent-content .recent-text h5 a{
    color: #ffffff;
}
.tag-menu ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.tag-menu ul li{
    display: inline-block;
    padding-right: 5px;
    margin-bottom: 35px;
}
.tag-menu ul li a{
    background: #232433;
    padding: 15px 15px;
    font-style: italic;
}

.latest-item.hover-shape-inner .latest-text{
    overflow: hidden;
}
.latest-item.hover-shape-inner .latest-text,
.latest-item.hover-shape-inner{
    position: relative;
}
div.latest-item .hover-shape-bg{
    z-index: 3;
}
.newsletter-item.hover-shape-inner{
    background: radial-gradient(circle, #4a4176 -53%, #1e1f35 0%);
    position: relative;
    z-index: 9;
    padding: 30px 30px;
}
.newsletter-item.hover-shape-inner .hover_shape1 {
    left: 22%;
}
.newsletter-item.hover-shape-inner .hover_shape2 {
    left: 60.5%;
    width: 60px;
}
.newsletter-item.hover-shape-inner .hover_shape3 {
    left: 41%;
    width: 40px;
}


.categories-area h4.blog-title {
    font-size: 18px;
    text-transform: uppercase;
}
.categories-area h4.blog-title img{
    margin-bottom: 3px;
    width: 80.29px;
    height: 12px;
}

.newsletter-item h4 {
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    max-width: 240px;
    width: 100%;
    color: #FFFFFF;
}
.newsletter-item .newsletter-link form input[type="email"]{
    width: 100%;
    border: 2px solid #494A5C;
    background: transparent;
    color: #fff;
    padding: 15px 0 15px 20px;
    margin-bottom: 30px;
}
.newsletter-item .newsletter-link .newsletter-btn input[type="submit"]{
    padding: 17px 0;
    width: 100%;
    text-transform: uppercase;
    background: #A3FF12;
    border: transparent;
    font-family: "Russo One", sans-serif;
}




/* ------------------------------------
    03. Gamfi Latest-details-content Section CSS
---------------------------------------*/
.latest-details-content .latest-content{
    padding-right: 30px;
}
.latest-details-content{
    padding-top: 70px;
    padding-bottom: 140px;
    background: #090A1A;
}
.latest-details-content .latest-item{
    margin-bottom: 30px;
}
.latest-details-content .latest-item img{
    width: 100%;
    max-height: 450px;
}
.latest-details-content .latest-item .latest-text{
    background: #1A1B30;
    padding: 32px 30px;
}
.latest-details-content .latest-item .latest-text .sec-heading p{
    padding-top: 15px;
}
.latest-details-content .latest-item .sub-inner{
    margin-bottom: 10px;
    display: block;
}
.latest-details-content .latest-item .sub-inner span{
    position: relative;
    padding-right: 10px;
    
}
.latest-details-content .latest-item .sub-inner a {
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    color: rgba(255, 255, 255, 0.7);
}

.latest-details-content .latest-item .latest-btn a{
    text-transform: uppercase;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    position: relative;
    padding-left: 30px;
    transition: 0.4s;
}
.latest-details-content .latest-item h4.title{
    font-size: 30px;
}
.latest-details-content .latest-item h4.title a{
    color: #ffffff;
}
.latest-details-content .latest-item .latest-btn a {
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    color: rgba(255, 255, 255, 0.7);
}
.latest-details-content .latest-item .latest-btn a:hover{
    color: #fff;
    
}
.latest-details-content .latest-item .latest-btn a:before{
    position: absolute;
    content: "";
    width: 20px;
    height: 3px;
    background: #BABBC1;
    top: 7px;
    left: 0;
}
.gamfi-navigation ul li + li {
  margin-left: 4px;
}
.gamfi-navigation ul li:first-child {
  top: 2px;
}
.gamfi-navigation ul li:first-child a {
  padding: 11px 19px 8px;
  position: relative;
  top: -1px;
}

.gamfi-navigation ul li a {
  display: block;
  border: 1px solid #2e2f3c;
  color: #fff;
  padding: 10px 20px;
  font-family: "Russo One", sans-serif;
  text-transform: uppercase;
  transition: 0.4s;
}

.gamfi-navigation ul li a .icon-Vector {
  font-size: 13px;
}

.gamfi-navigation ul li a .icon-arrow_right {
  font-size: 13px;
}

.gamfi-navigation ul li a.active:not(.black-shape),
.gamfi-navigation ul li a:hover:not(.black-shape) {
  background: #2e2f3c;
  color: #a3ff12;
}

.breadcrumbs-form .gamfi-navigation {
  position: relative;
  top: -3px;
}

.breadcrumbs-form .gamfi-navigation ul {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.breadcrumbs-form .gamfi-navigation ul li:first-child {
  top: 0;
}

.breadcrumbs-form .gamfi-navigation ul li:first-child a {
  padding-top: 11px;
  padding-bottom: 8px;
}

.canvas-menu ul li {
  display: block;
}

.canvas-menu ul li + li {
  padding-top: 15px;
}

.canvas-menu ul li a {
  display: block;
  color: #ffffff;
  font-weight: 600;
}

.canvas-menu ul li a:hover {
  color: #636363;
}







/*----------------
FAQ Screen
-----------------*/

.FAQ_ScreenSect{
    padding: 64px 0px 140px 0px;
    background: #090A1A;
}
.FAQ_Screen_Tab_Sect{
    padding-right: 25px;
}
.FAQ_Screen_Tab{
    background: linear-gradient(180deg, #1E1F35 0%, rgba(30, 31, 53, 0) 100%);
    padding: 34px 49px;
    min-height: 566px;
}
.FAQ_Screen_Tab h2 {
    
}

.FAQ_Screen_Tab ul li {
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 50px;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
}
.FAQ_Screen_Tab ul li span{
    margin-left: 10px;
    display: none;
}
.FAQ_Screen_Tab ul li.active span, .FAQ_Screen_Tab ul li:hover span{
    display: block;
}
.FAQ_Screen_Tab ul li:hover, .FAQ_Screen_Tab ul li.active{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 50px;
    color: #A3FF12;
    text-transform: none;
}



.FAQ_Screen_Tab_Content{
    padding-left: 25px;
}





.FAQContnetSect{
    width: 100%;
    margin: auto;
    position: relative;
}

.FAQContnetSect .accordion {
    cursor: pointer;
    background: transparent;
    width: 100%;
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 27px;
    color: rgba(255, 255, 255, 0.7);
    text-transform: none;
    backdrop-filter: blur(10px);
    position: relative;
    margin-bottom: 0px;
    display: flex;
    align-content: center;
    justify-content: space-between;
    padding: 25px 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.FAQContnetSect .accordion span{
    position: absolute;
    right: 0px;
}

.FAQContnetSect .accordion.active {
    background: transparent;
    color: #ffffff;
    border-bottom: none;
}

.FAQContnetSect .accordion:hover {
    background: transparent;
    color: #ffffff;
}
.FAQContnetSect .accordion span{
    min-width: 18px;
    margin-left: 20px;
}
.FAQContnetSect .IconMunise{
    display: none;
    margin-top: 12px;
}
.FAQContnetSect .active .IconMunise{
    display: block;
}
.FAQContnetSect .active .IconPlus{
    display: none;
}
.FAQContnetSect .accordion-panel {
    padding: 0px;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.2s ease-out;
    background: transparent;    
}
.FAQContnetSect .accordion-panel p {
    padding: 0px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: rgba(255, 255, 255, 0.7);
    max-width: 639px;
    width: 100%;
    margin-bottom: 0px;
}



/*---------------
ProjectDetailsRoadMapContent
----------------*/

.ProjectDetailsRoadMapContent{
    padding-top: 17px;
}
.ProjectDetailsRoadMapContent h4 {
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #A3FF12;
    margin-bottom: 10px;
}
.ProjectDetailsRoadMapContent h4.disable {
    color: rgba(255, 255, 255, 0.7);
}
.ProjectDetailsRoadMapContent ul{
    margin-bottom: 12px;
}
.ProjectDetailsRoadMapContent ul li {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 36px;
    color: rgba(255, 255, 255, 0.7);
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.ProjectDetailsRoadMapContent ul li span{
    margin-right: 14px;
}


/*----------------------
ProjectDetails_TeamMembers_Sect
-----------------------*/

.ProjectDetails_TeamMembers_Sect{
    padding-top: 22px;
}
.ProjectDetails_TeamMembersCard{
    min-height: 240px;
    width: 100%;
    background: rgba(30, 31, 53, 0.8);
    backdrop-filter: blur(5px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 20px;
}

.ProjectDetails_TeamMembersCard h5 {
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 14px;
    margin-top: 28px;
}
.ProjectDetails_TeamMembersCard h6 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 0px;
}

.ListInvestorsList{}
.ListInvestorsList ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.ListInvestorsList ul li{
    width: 25%;
    margin: auto;
    margin-bottom: 58px;
}
.ListInvestorsList ul li img{
    width: 78%;
}

.ListInvestorsList ul li.first{
    text-align: left;
}
.ListInvestorsList ul li.second{
    text-align: center;
}
.ListInvestorsList ul li.third{
    text-align: center;
}
.ListInvestorsList ul li.last{
    text-align: right;
}




.ProjectSammeryTabsSect{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}


/*
.project_summarySectScrllab{
    max-height: 630px;
    overflow-y: scroll;
}
.project_summarySectScrllab::-webkit-scrollbar{
    display: none;
}
*/

.ProjectSammeryTabsSect button{
    background: transparent;
    outline: none;
    border: none;
}
.ProjectSammeryTabsSect button a{
    background: transparent;
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 50px;
    color: rgba(255, 255, 255, 0.7);
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.ProjectSammeryTabsSect button.active a, .ProjectSammeryTabsSect button:hover a{
    color: #A3FF12;
}
.ProjectSammeryTabsSect button img{
    display: none;
    margin-left: 10px;
}
.ProjectSammeryTabsSect button.active img, .ProjectSammeryTabsSect button:hover img{
    display: block;
}







/*------------------
Home tokenomics
-------------------*/

.V1_tokenomics_content_List_Sect{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding-bottom: 73px;
}
.V1_tokenomics_content_List{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}

.V1_tokenomics_content_ListText{
    margin-bottom: 16px;
    margin-right: 16px;
}
.V1_tokenomics_content_ListText h4 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 0px;
}
.V1_tokenomics_content_ListText h5 {
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 0px;
}

.V1_tokenomics_content_List_1{
    width: 7.5%;
}
.V1_tokenomics_content_List_2{
    width: 9.5%;
}
.V1_tokenomics_content_List_3{
    width: 10%;
}
.V1_tokenomics_content_List_4{
    width: 12%;
}
.V1_tokenomics_content_List_5{
    width: 16%;
}
.V1_tokenomics_content_List_6{
    width: 18%;
}
.V1_tokenomics_content_List_7{
    width: 27%;
}

.V1_tokenomics_content_ListProgress{
    width: 100%;
    height: 60px;
}


.V1_tokenomics_content_ListProgress1{
    background: rgba(109, 74, 254, 0.2);
}
.V1_tokenomics_content_ListProgress2{
    background: rgba(109, 74, 254, 0.3);
}
.V1_tokenomics_content_ListProgress3{
    background: rgba(109, 74, 254, 0.4);
}
.V1_tokenomics_content_ListProgress4{
    background: rgba(109, 74, 254, 0.5);
}
.V1_tokenomics_content_ListProgress5{
    background: rgba(109, 74, 254, 0.6);
}
.V1_tokenomics_content_ListProgress6{
    background: rgba(109, 74, 254, 0.7);
}
.V1_tokenomics_content_ListProgress7{
    background: rgba(109, 74, 254, 0.9);
}





/*------------------
ProjectClasic
-------------------*/

.ProjectClasicBreadCumSect{
    height: auto;
    background: #090A1A;
    position: relative;
}
.ProjectClasicBreadCumBG .ProjectClasicBreadCumImg{
    position: absolute;
    top: -110px;
    left: 0px;
    width: 100%;
    z-index: 0;
}
.ProjectClasicBreadCumBG .ProjectClasicBreadCumImg img{
    max-height: 360px;
    width: 100%;
}



.ProjectClasicCustomProgressSect{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ProjectClasicCustomProgressSect .ProgressBg{
    background: rgba(255, 255, 255, 0.3);
    height: 8px;
    max-width: 190px;
    width: 100%;
    margin-right: 24px;
    position: relative;
}
.ProjectClasicCustomProgressSect .ProgressBg .ProgressBar.ProgressBar82{
    height: 100%;
    background: #A3FF12;
    animation-name: Progressing82;
    animation-duration: 3s;
    width: 82%;
}

@keyframes Progressing82 {
    0%{
        width: 0%;
    }
    
    100%{
        width: 82%;
    }
}

.ProjectClasicCustomProgressSect .ProgressBg .ProgressBar.ProgressBar92{
    height: 100%;
    background: #A3FF12;
    animation-name: Progressing92;
    animation-duration: 4s;
    width: 92%;
}

@keyframes Progressing92 {
    0%{
        width: 0%;
    }
    
    100%{
        width: 92%;
    }
}

.ProjectClasicCustomProgressSect .ProgressBg .ProgressBar.ProgressBar100{
    height: 100%;
    background: #A3FF12;
    animation-name: Progressing100;
    animation-duration: 4s;
    width: 100%;
}

@keyframes Progressing100 {
    0%{
        width: 0%;
    }
    
    100%{
        width: 100%;
    }
}

.ProjectClasicCustomProgressSect .ProgressBg .ProgressBar.ProgressBar36{
    height: 100%;
    background: #A3FF12;
    animation-name: Progressing36;
    animation-duration: 4s;
    width: 36%;
}

@keyframes Progressing36 {
    0%{
        width: 0%;
    }
    
    100%{
        width: 36%;
    }
}

.ProjectClasicCustomProgressSect .ProgressBg .ProgressBar.ProgressBar65{
    height: 100%;
    background: #A3FF12;
    animation-name: Progressing65;
    animation-duration: 4s;
    width: 65%;
}

@keyframes Progressing65 {
    0%{
        width: 0%;
    }
    
    100%{
        width: 65%;
    }
}
.ProjectClasicCustomProgressSect .ProgressBg .ProgressBar.ProgressBar93{
    height: 100%;
    background: #A3FF12;
    animation-name: Progressing93;
    animation-duration: 4s;
    width: 93%;
}

@keyframes Progressing93 {
    0%{
        width: 0%;
    }
    
    100%{
        width: 93%;
    }
}



.gamfi-previous-section .previous-mainmenu ul .list1.list1Custom{
    width: 46%;
}
.gamfi-previous-section .previous-mainmenu ul .list2.list2Custom{
    width: 14%;
}

.gamfi-previous-section .previous-mainmenu ul .list4.list4Custom{
    width: 17%;
}
.gamfi-previous-section .previous-mainmenu ul .list5.list5Custom{
    width: 21%;
}

.gamfi-previous-section .previous-item .previous-gaming.list1Custom{
    width: 46%;
}
.gamfi-previous-section .previous-item .previous-chaining.list2Custom{
    width: 14%;
}

.gamfi-previous-section .previous-item .previous-raise.list4Custom{
    width: 17%;
}
.gamfi-previous-section .previous-item .previousProgress.list5Custom{
    width: 21%;
}



.gamfi-previous-section.ProjectClasic_PreviousSection .previous-item .previous-EndsIn.list3Custom span {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 45px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.gamfi-previous-section .previous-item .previous-raise.list4Custom span {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 45px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.ProjectClasicCustomProgressSect p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 45px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 0px;
}





.gamfiProjectClasic_ProjectSect{
    background: #090A1A;
    padding-top: 50px;
    padding-bottom: 92px;
    
}




.ProjectClasicSliderBG{
    background: url(../images/bg/ProjectClasic_sliderBg.png);
    min-height: 400px;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px;
    position: relative;
}
.ProjectClasicSliderContent{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.ProjectClasicSliderLeftSect{
    max-width: 370px;
    width: 100%;
    padding-right: 30px;
}
.ProjectClasicSlider_ImgAndTitleSect{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 41px;
}
.ProjectClasicSlider_TextSect{
    margin-left: 24px;
}
.ProjectClasicSlider_TextSect h3 {
    margin-bottom: 21px;
}
.ProjectClasicSlider_TextSect h3 a {
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 36px;
    color: #FFFFFF;
    text-transform: capitalize;
}
.ProjectClasicSlider_TextSect p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 0px;
}

.ProjectClasicSlider_LeftRiseSect{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.ProjectClasicSlider_RiseCeontent{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}
.ProjectClasicSlider_RiseCeontent span {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 0px;
    color: rgba(255, 255, 255, 0.7);
}
.ProjectClasicSlider_RiseCeontent h2 {
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 0px;
    color: #FFFFFF;
}


.ProjectClasicSlider_ClaimBtn button {
    margin-top: 39px;
    width: 200px;
    height: 60px;
    border: none;
    outline: none;
    background: #6D4AFE;
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}



.ProjectClasicSliderCenterSect{
    max-width: 190px;
    width: 100%;
    padding: 0px 20px;
    margin: 0 auto;
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
}



.ProjectClasicSlider_RightSect{
    max-width: 370px;
    width: 100%;
}
.ProjectClasicSlider_RightTimer{
    margin-bottom: 74px;
}

.ProjectClasicSlider_RightTimer h2{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-align: right;
    text-transform: uppercase;
    margin-bottom: 22px;
    color: rgba(255, 255, 255, 0.7);
}
.ProjectClasicSlider_RightTimer ul li {
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 26px;
    color: #FFFFFF;
}



.ProjectClasicSlider_Right_Access_AllocationSect{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.Access_AllocationText{
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    flex-direction: column;
}
.Access_AllocationText span {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 0px;
    color: rgba(255, 255, 255, 0.7);
}
.Access_AllocationText h2 {
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 0px;
    color: #FFFFFF;
    text-transform: none;
}

.ProjectClasicSliderSocialLinks{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    max-width: 243px;
    margin-left: auto;
    margin-top: 59px;
}
.ProjectClasicSliderSocialLinks li a i{
    font-size: 22px;
    color: #ffffff;
}


.liveProoject_Headings{
    position: relative;
    max-width: 333px;
    width: 100%;
}
.liveProoject_Headings:before,
.liveProoject_Headings:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.liveProoject_Headings .video__icon {
    position: absolute;
    width: 32px;
    right: 0px;
    top: 4px;
}

.liveProoject_Headings .video__icon .circle--outer {
    border: 1px solid #e50040;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin: 0 auto 5px;
    position: relative;
    opacity: .8;
    -webkit-animation: circle 2s ease-in-out infinite;
    animation: circle 2s ease-in-out infinite;
}

.liveProoject_Headings .video__icon .circle--inner {
    background: #e50040;
    left: 7px;
    top: 7px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    position: absolute;
    opacity: .8;
}

.liveProoject_Headings .video__icon .circle--inner:after {
    content: '';
    display: block;
    border: 2px solid #e50040;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    top: -3.2px;
    left: -3.2px;
    position: absolute;
    opacity: .8;
    -webkit-animation: circle 2s ease-in-out .2s infinite;
    animation: circle 2s ease-in-out .2s infinite;
}

.liveProoject_Headings .video__icon p {
    color: #000;
    text-align: center;
}

@-webkit-keyframes circle {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    to {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes circle {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    to {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
    }
}




.ProjectClasicSlider_progressSect{
    margin-top: 50px;
}
.ProjectClasicSlider_progressSect .Progress_container {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    background-color: transparent;
    max-height: 150px;
    max-width: 150px;
    align-items: center
}

.ProjectClasicSlider_progressSect .progress {
    width: 150px;
    height: 150px;
    font-size: 30px;
    color: #fff;
    border-radius: 50%;
    overflow: visible;
    position: relative;
    z-index: 1;
    background: #07070c;
    text-align: center;
    line-height: 200px;
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 9px solid #534A7C;;
}


.ProjectClasicSlider_progressSect .progress .title {
    position: relative;
    z-index: 100;
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 30px;
    color: #FFFFFF;
    margin-bottom: 0px;
}
.ProjectClasicSlider_progressSect .progress .overlay {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: transparent;
}

.ProjectClasicSlider_progressSect .progress .left, .progress .right {
    width: 57%;
    height: 114%;
    position: absolute;
    top: -10px;
    left: -10px;
    border: 10px solid #A3FF12;
    border-radius: 100px 0px 0px 100px;
    border-right: 0;
    transform-origin: right;
}

.ProjectClasicSlider_progressSect .progress .left {
    animation: load1 1s linear forwards;
}

.ProjectClasicSlider_progressSect .progress:nth-of-type(2) .right,
.ProjectClasicSlider_progressSect .progress:nth-of-type(3) .right {
    animation: load2 .5s linear forwards 1s;
}

.ProjectClasicSlider_progressSect .progress:last-of-type .right,
.ProjectClasicSlider_progressSect .progress:first-of-type .right {
    animation: load3 .8s linear forwards 1s;
}

@keyframes load1 {
    0% {transform: rotate(90deg);}

    100% {transform: rotate(180deg);}
}

@keyframes load2 {
    0% {z-index: 100;transform: rotate(180deg);}

    100% {z-index: 100;transform: rotate(270deg);}
}

@keyframes load3 {
    0% {z-index: 100;transform: rotate(180deg);}

    100% {
        z-index: 100;transform: rotate(315deg);}
}




.ProjectClasicSocialIconList{
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 50px;
    width: 100%;
    background: rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
}
.gamfi-project-section .project-item .project-media .ProjectClasicSocialIconList .social-icon-list{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0px;
    padding: 0px 30px;
}
.ProjectClasicSocialIconList ul li{
    margin-right: 25px;
}
.gamfi-project-section .project-item .project-media .ProjectClasicSocialIconList .social-icon-list li a i {
    padding-left: 0px;
    font-size: 18px;
}


/*--------------
ProjectClasic2
--------------*/
.Project_clasic_2_Container{
    background: rgba(255, 255, 255, 0.05);
    padding: 30px;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}

.Project_clasic_2_ContainerLeft{
    position: relative;
    min-height: 400px;
}
.Project_clasic_2_ContainerLeftImg{
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
}

.Project_clasic_2_ContainerLeftImg img{
    height: 100%;
    width: 100%;
}

.Project_clasic_2_LeftContentImg{
    position: absolute;
    z-index: 2;
    right: 20px;
    top: 20px;
}
.Project_clasic_2_LeftContentImg img{}

.ProjectClasic2_Timer {
    width: 241.8px;
    height: 35px;
    background-image: url(../images/bg/shape-bg.png);
    background-size: cover;
    background-position: center center;
    direction: flex;
    align-items: center;
    justify-content: flex-start;
    background-repeat: no-repeat;
    position: absolute;
    top: 27px;
    left: 0px;
    z-index: 1;
}
.ProjectClasic2_Timer .price-counter .timer{
    margin-bottom: 0px;
}
.ProjectClasic2_Timer .price-counter .timer ul{
    max-width: 168px;
    width: 100%;
    margin-left: 19px;
    margin-top: 8px;
}
.ProjectClasic2_Timer .price-counter .timer ul li {
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    padding: 0px;
    margin: 0px;
}


.Project_clasic_2Container_RightHeadings {
    position: relative;
}
.Project_clasic_2Container_RightHeadings span{
    position: absolute;
    top: 30px;
    right: 0px;
}

.Project_clasic_2Container_RightHeadings h2 {
    margin-bottom: 21px;
}
.Project_clasic_2Container_RightHeadings h2 a{
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 36px;
    color: #FFFFFF;
    text-transform: capitalize;
    margin-top: 15px;
}
.Project_clasic_2Container_RightHeadings p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 33px;
}



.TotalRisedProgressHeadings{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.TotalRisedProgressHeadings h3 {
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    text-transform: uppercase;
    margin-bottom: 0px;
    color: rgba(255, 255, 255, 0.7);
}
.TotalRisedProgressHeadings h3 span{
    color: #ffffff;
}
.TotalRisedProgressHeadings p {
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 0px;
    text-align: right;
    text-transform: uppercase;
    color: #FFFFFF;
}


.TotalRisedProgressBg{
    height: 15px;
    width: 100%;
    background: rgba(255, 255, 255, 0.1);
    margin-top: 10px;
    margin-bottom: 18px;
}
.TotalRisedProgressBar.Progress32{
    background: #A3FF12;
    height: 100%;
    width: 32%;
    animation-name: Progressing32;
    animation-duration: 3s;
}
@keyframes Progressing32 {
    0%{
        width: 0%;
    }
    100%{
        width: 32%;
    }
}
.TotalRisedProgressBar.Progress65{
    background: #A3FF12;
    height: 100%;
    width: 65%;
    animation-name: Progressing65;
    animation-duration: 3s;
}
@keyframes Progressing65 {
    0%{
        width: 0%;
    }
    100%{
        width: 65%;
    }
}


.TotalRisedProgressBar.Progress89{
    background: #A3FF12;
    height: 100%;
    width: 89%;
    animation-name: Progressing89;
    animation-duration: 3s;
}
@keyframes Progressing89 {
    0%{
        width: 0%;
    }
    100%{
        width: 89%;
    }
}

.TotalRisedProgresSaleAirdropSect{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.TotalRisedProgresSaleAirdropSect p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 30px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 0px;
    position: relative;
}
.TotalRisedProgresSaleAirdropSect p:after{
    content: '';
    height: 15px;
    width: 2px;
    background: rgba(255, 255, 255, 0.2);
    position: absolute;
    top: -11px;
    left: 0px;
}


.Access_Allocation_ParticipantsSect{
    margin-top: 25px;
}
.Access_Allocation_ParticipantsSect ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 481px;
    width: 100%;
}
.Access_Allocation_ParticipantsSect ul li{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}
.Access_Allocation_ParticipantsSect ul li span {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 30px;
    color: rgba(255, 255, 255, 0.7);
}
.Access_Allocation_ParticipantsSect ul li p {
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF;
    margin-bottom: 0px;
}


.Project_clasic_2ContainerSocialSect{
    margin-top: 48px;
}
.Project_clasic_2ContainerSocialSect ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 243px;
}
.Project_clasic_2ContainerSocialSect ul li a i{
    font-size: 20px;
    color: #ffffff;
}






.Project_clasicSliderSect .mySlides {
    display: none
}

.Project_clasicSliderSect .fade:not(.show) {
    opacity: 1
}

.Project_clasicSliderSect img {
    vertical-align: middle;
}
.Project_clasicSliderSect .slideshow-container {
  position: relative;
  margin: auto;
}

.Project_clasicSliderSect .ProjectClasicPrev, .ProjectClasicNxt {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}
.Project_clasicSliderSect .prev{
    left: -6%;
}

.Project_clasicSliderSect .next {
    border-radius: 3px 0 0 3px;
    right: -6%;
}

.Project_clasicSliderSect .text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}


.Project_clasicSliderSect .active, .dot:hover {
  background-color: #717171;
}

.Project_clasicSliderSect .fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}







.gamfi-explore-content .project-item .heading-title h4 span{
    margin-right: 8px;
}

/*-----------------
ProjectDetails2
-----------------*/
.ProjectDetails2_Section{
    background: #090A1A;
    padding-top: 100px;
    padding-bottom: 140px;
    position: relative;
}
.ProjectDetails2Bg{
    position: absolute;
    top: 0px;;
    left: 0px;
    z-index: 0;
}
.ProjectDetails2Bg img{
    max-height: 845px;
    width: 100%;
}
.ProjectDetails2_Section .container{
    z-index: 1;
    position: relative;
}
.First_Survivor_CityLeftSection{
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
    padding: 30px;
    position: relative;
}
.First_Survivor_CityLeftSection .ChainImg{
    position: absolute;
    top: 30px;
    right: 30px;
}

.First_Survivor_CityLeft_TimerSect{
    
}

.First_Survivor_CityLeft_Timer{
    width: 345px;
    height: 50px;
    background: url(../images/project/shapeTimerBg.svg);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 30px;
    left: 0px;
}

.First_Survivor_CityLeft_Timer .price-counter ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 232px;
    margin: 0px 30px;
    padding-top: 12px;
}
.First_Survivor_CityLeft_Timer .price-counter ul li {
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 27px;
    color: #FFFFFF;
}
.First_Survivor_CityLeft_Timer .price-counter ul li span{
    font-size: 15px;
}


.First_Survivor_CityLeftSection .TotalRisedProgressSect {
    margin-top: 120px;
}


.First_Survivor_CityRightSection{
    padding: 30px 0px 30px 19px; 
}

.First_Survivor_CityRight_ProjectName{
    margin-left: 29px;
}
.First_Survivor_CityRight_ProjectName h2{
    margin-bottom: 21px;
}
.First_Survivor_CityRight_ProjectName h2 a {
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 36px;
    text-transform: capitalize;
    color: #FFFFFF;
}
.First_Survivor_CityRight_ProjectName span {
    margin-bottom: 0px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
}

.First_Survivor_CityRightHeadings{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.First_Survivor_CityRightSection p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: rgba(255, 255, 255, 0.7);
    margin-top: 35px;
    margin-bottom: 40px;
}


.First_Survivor_CityRight_Button{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.First_Survivor_CityRight_Button button {
    height: 60px;
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;

    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}
.First_Survivor_CityRight_Button button.participateBtn{
    background: #6D4AFE;
    border: none;
}
.First_Survivor_CityRight_Button button.WHITELISbtn{
    background: transparent;
    border: 2px solid rgba(255, 255, 255, 0.15);
    box-sizing: border-box;
    margin-left: 30px;
}





.PoolAndTokenInfo_Sect{
    margin-top: 70px;
}
.PoolAndTokenInfo_card{
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
    padding: 43px 29px;
    padding-bottom: 25px;
}
.PoolAndTokenInfo_card h2 {
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 27px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 0px;
}
.PoolAndTokenInfo_card h2 span{
    margin-left: 8px;
}
.PoolAndTokenInfo_card h2 span img{
    width: 100px;
    height: 15px;
}


.PoolAndTokenInfo_List{
    margin-top: 16px;
}
.PoolAndTokenInfo_List ul{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    width: 100%;
}
.PoolAndTokenInfo_List ul li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    
}
.PoolAndTokenInfo_List ul li p{
    margin-bottom: 0px;
}
.PoolAndTokenInfo_List ul li p.PoolAndTokenInfo_List_left {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 45px;
    color: rgba(255, 255, 255, 0.7);
}
.PoolAndTokenInfo_List ul li p.PoolAndTokenInfo_ListRight{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 45px;
    color: #ffffff;
}
.PoolAndTokenInfo_List ul li p.PoolAndTokenInfo_ListRight span{
    margin-right: 29px;
}




.ProjectDetails2_ScheduleTableSect{
    margin-top: 53px;
}
.ProjectDetails2_ScheduleTableSect h2 {
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 50px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 12px;
}
.ProjectDetails2_ScheduleTableSect h2 span{
    margin-left: 10px;
}
.ProjectDetails2_ScheduleTableSect h2 span img{
    height: 15px;
    width: 100px;
}

.ProjectDetails2_ScheduleTableHeadings{
    height: 60px;
    background: rgba(255, 255, 255, 0.08);
    width: 100%;
}
.ProjectDetails2_ScheduleTableHeadings ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding: 0px 29px;
}

.ProjectDetails2_ScheduleTableHeadings ul li {
    display: flex;
    align-items: center;
    justify-content: flex-start;

    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 45px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
}
.ProjectDetails2_ScheduleTableHeadings ul li.column_1{
    width: 30%;
}
.ProjectDetails2_ScheduleTableHeadings ul li.column_2{
    width: 30%
}
.ProjectDetails2_ScheduleTableHeadings ul li.column_3{
    width: 30%;
}
.ProjectDetails2_ScheduleTableHeadings ul li.column_4{
    width: 10%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.ProjectDetails2_ScheduleTablebody{
    background: transparent;
    width: 100%;
}
.ProjectDetails2_ScheduleTablebody ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 63px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 0px 29px;
}

.ProjectDetails2_ScheduleTablebody ul li {
    display: flex;
    align-items: center;
    justify-content: flex-start;

    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 45px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
}
.ProjectDetails2_ScheduleTablebody ul li span{
    margin-right: 13px;
}
.ProjectDetails2_ScheduleTablebody ul li.column_1{
    width: 30%;
}
.ProjectDetails2_ScheduleTablebody ul li.column_2{
    width: 30%
}
.ProjectDetails2_ScheduleTablebody ul li.column_3{
    width: 30%;
}
.ProjectDetails2_ScheduleTablebody ul li.column_4{
    width: 10%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}






.ProjectDetails2_AllocationsTableSect{
    margin-top: 53px;
}
.ProjectDetails2_AllocationsTableSect h2 {
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 50px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 12px;
}
.ProjectDetails2_AllocationsTableSect h2 span{
    margin-left: 10px;
}
.ProjectDetails2_AllocationsTableSect h2 span img{
    height: 15px;
    width: 100px;
}


.ProjectDetails2_AllocationsTableHeadings{
    height: 60px;
    background: rgba(255, 255, 255, 0.08);
}
.ProjectDetails2_AllocationsTableHeadings ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding: 0px 29px;
    padding-right: 0px;
}
.ProjectDetails2_AllocationsTableHeadings ul li {
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 45px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.ProjectDetails2_AllocationsTableHeadings ul li.column_1{
    width: 12%;
}
.ProjectDetails2_AllocationsTableHeadings ul li.column_2{
    width: 25%;
}
.ProjectDetails2_AllocationsTableHeadings ul li.column_3{
    width: 25%;
}
.ProjectDetails2_AllocationsTableHeadings ul li.column_4{
    width: 25%;
}
.ProjectDetails2_AllocationsTableHeadings ul li.column_5{
    width: 13%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding-right: 29px;
}



.ProjectDetails2_AllocationsTableBody{
    background: transparent
}
.ProjectDetails2_AllocationsTableBody ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 63px;
    padding: 0px 29px;
    padding-right: 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.ProjectDetails2_AllocationsTableBody ul li {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 45px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.ProjectDetails2_AllocationsTableBody ul li.column_1{
    width: 12%;
}
.ProjectDetails2_AllocationsTableBody ul li.column_2{
    width: 25%;
}
.ProjectDetails2_AllocationsTableBody ul li.column_3{
    width: 25%;
}
.ProjectDetails2_AllocationsTableBody ul li.column_3 span{
    margin-right: 12px;
}

.ProjectDetails2_AllocationsTableBody ul li.column_4{
    width: 25%;
}
.ProjectDetails2_AllocationsTableBody ul li.column_5{
    width: 13%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.ProjectDetails2_AllocationsTableBody ul li.column_5 button {
    outline: none;
    height: 40px;
    width: 120px;
    background: rgba(255, 255, 255, 0.1);
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}




/*---------Index-V4---------*/
.HomeV4Bg{
    position: fixed;
    height: 100vh;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
    background: url(../images/bg/home4BG.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.homeV4Bodycontent{
    position: relative;
    z-index: 1;
}

.sc_banner_V4_right .Animetion_Avater{
    justify-content: flex-end;
}

.sc_banner_V3.sc_banner_V4{
    background: transparent;
    padding-bottom: 192px;
}
.sc_banner_V3.sc_banner_V4 .gamfi_V2_hero_Btns{
    margin-bottom: 0px;
}

.Home_V4_PartnerSect {
    background: rgba(48, 50, 72, 0.5);
    backdrop-filter: blur(10px);
    height: 158px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.Home_V4_PartnerSect .Home_V4_PartnerContent{
    background: transparent;
    
}

.gamfi-partner-section.Home_V4_PartnerContent .gamfi-partner-inner:after, .gamfi-partner-section.Home_V4_PartnerContent .gamfi-partner-inner:before{
    background: linear-gradient(269.8deg, rgba(30, 31, 49, 0) 0.18%, #1E1F31 99.84%);
    height: 100%;
}


.HomeV4_LiveProjectSect{
    margin-top: 136px;
}
.Home_4_gamfi_TierV3_Sect{
    background: transparent;
}
.homeV4_FAQSect{
    background: transparent;
}
.gamfi_Home4_footer_section, .gamfi_Home4_footer_section .HomeV4_FooterArea{
    background: transparent;
}

.homeV4_participate_Sect{
    padding-bottom: 30px;
}


.gamfi-project-section.HomeV4_OurProject_Sect{
    background: transparent;
    padding-top: 80px;
}
.gamfi-previous-section.V4_OurProjectPreviousSect{
    background: transparent;
}

.Project_clasic_2_Container.HomeV3_Project_clasic_2_Container{
    padding: 0px;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
}
.HomeV4_OurProject_Sect .gamfi-previous-section .previous-item{
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
}
.V3Project_clasic_2Container_RightSect{
    padding: 25px 30px 30px 0px;
}

.V3Project_clasic_2Container_RightSect .Access_Allocation_ParticipantsSect{
    margin-top: 30px;
}





.RodmapConetentbox ul li span.icon-check-custom{
    position: relative;
    width: 14px;
    height: 12px;
}
.RodmapConetentbox ul li span.icon-check-custom:before {
    content: '';
    position: absolute;
    left: 5px;
    top: 2px;
    width: 9px;
    height: 15px;
    border: solid rgba(255, 255, 255, 0.5);
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.RodmapConetentbox ul li span.icon-muines-custom{
    position: relative;
    width: 14px;
    height: 12px;
}
.RodmapConetentbox ul li span.icon-muines-custom:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 11px;
    width: 14px;
    border-top: 3px solid rgba(255, 255, 255, 0.5);
    
}



.home_v4_body_items{
    position: relative;
    z-index: 3;
}
.home4FireFlyBG{
    position: fixed;
    z-index: 1;
    top: 0px;
    left: 0px;
    width: 100%;
}


.specselector{
    display:none;
}


.form-control-filter{
    padding: 10px 20px;
    background: rgba(21, 28, 74, 0.71);
    color: #FFF;
    font-family: "Russo One", sans-serif;
    font-weight: 400;
}

.table-profiles thead th {
    font-family: "Russo One", sans-serif;
    font-size: 18px;
    font-weight: 400;
}

.ajaxloader{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    display: none;
    align-items: center;
    justify-content: center;




}

.coverimage{
    width: 70px;
    height: 70px;
}