:root {
    --header: #fff;
    --bg-mega-menu: #fff;
    --border-light: #fff;
    --bg-color: #f7fafe;
    --bg-body: #f7fafe;
    --primary-color: #000;
    --secondary-color: #9d9d9f;
    --green-primary: #2bd27f;
    --gray-dark: #656464;
    --card: #fff;
    --font-primary: #4dd894;
    --font-banner: #2dd7a2;
    --border-active: #2bd27f;
    --gray: #afafb1;
    --bgPage: url("../images/body-light.png");
    --form-input: #01010117;
    --bg-input: #fff;
    --mega-menu:#4ade80;
    --text-gray:#4b5563;
    --border-gray:#e9ebed;
    --bg-leader: url("../images/leader-light-hero-img.jpg");
    --carbon-border:#2bd27f7d;
    --carbon-input:#E4F9EE;
    --bg-theme:#fff;
    --input-focus:#2dd7a233;
    --green-filter:#2bd27f7d;
    --bg-green-light: #dcfce7;
    --bg-orange-light: #fff7ed;
    --bg-yellow-light: #fefce8;
    --bg-hightlights-avax: url("../images/avax/card-1.png");
    --bg-future-projects: url("../images/future-projects-banner.png");
     --bg-footer: url("../images/footer-light.png");
     --txt-green-lighter: #2dd7a2;
     --bg-main-color: #f7fafe;
    --bg-header-shadow: url("../images/header-shadow-light.png");
    --bg-ngd: unset;
    --bg-show: #26d38036;
}

[data-theme=dark] {
    --header: #000;
    --bg-mega-menu: #0f1a15;
    --bg-color: #0f1a15;
    --bg-body: #000;
    --primary-color: #fff;
    --secondary-color: #a6a6a6;
    --gray: #f0f0f0;
    --gray-dark: #f0f0f0;
    --card: #ffffff12;
    --bgPage: url("../images/body-dark.png");
    --form-input: #0101015e;    
    /*--bg-input: #0101015e; */
    --bg-input: #302e2e5e;
    --mega-menu: #1a5340;    
    --text-gray:#9ca3af;
    --filter: brightness(0) invert(1);
    --bg-leader: url("../images/leader-dark-hero-img.png");
    --green-shadow: 0 0 25px #2bd27f inset;
    --gradient-white: linear-gradient(to right top, #000000, #3b3b3b, #777777, #b9b9b9, #ffffff);
    --bg-light-gray:#ffffff59;
    --border-light: #2dd7a233;
    --carbon-border:#ffffff26;
    --carbon-input: #48424252;
    --bg-theme: #ffffff12;
    --input-focus:#2dd7a233;
    --green-filter:#2bd27f7d;
    --bg-custom-dark: #ffffff12;
    --bg-green-light: #2bd27f1f;
    --bg-orange-light: #ff642621;
    --bg-yellow-light: #ffe1521f;
    --bg-hightlights-avax: url("../images/avax/card-4.png");
    --bg-future-projects: transparent;
    --bg-footer: url("../images/footer-dark.png");
    --bg-main-color: #000000;
    --bg-header-shadow: url("../images/header-shadow-dark.png");
    --bg-ngd: url("../images/token-bg.png");
    --bg-show:#2625254d;
}
.mega-menu-bg
{
    background-color:  var(--bg-mega-menu);
    border:1px solid var(--border-light);
}
.mega-menu-p
{
    color: var(--text-gray);
}
body {
    background-color: var(--bg-body);
}
.custom-home-banner {
    background-color: var(--bg-body) !important;
}
/*.body-bg {
    background-image: var(--bgPage);
}*/

.header-theme {
    background-color: var(--bg-color);
}

.font-active {
    color: var(--green-primary);
}

.border-active {
    border-bottom: 1px solid var(--border-active);
}

.text-primary {
    color: var(--primary-color) !important;
}

.text-secondary {
    color: var(--text-gray);
}

.text-gray {
    color: var(--gray);
    ;
}

.bg-green {
    background-color: var(--green-primary);
}

.text-green {
    color: var(--green-primary) !important;
}

.text-gray-dark {
    color: var(--gray-dark);
}

.card-bg {
    background-color: var(--card);
}
.form-input
{
background-color: var(--bg-input) !important;
border: 0px !important;
color:var(--primary-color);
}
.form-contact
{
    background-color: var(--bg-input) !important;
    border:1px solid var(--border-light);
}
tspan {
    color: var(--primary-color);
}
g.amcharts-Sprite-group.amcharts-Container-group.amcharts-Label-group.amcharts-AxisLabel-group.amcharts-AxisLabelCircular-group {
    color: var(--primary-color);
    fill: var(--primary-color);
}
g.amcharts-Sprite-group.amcharts-Tick-group.amcharts-PieTick-group {
    stroke: var(--primary-color);
}
.card-bg:hover .text-primary {
    color: var(--green-primary);
}
.goal-carousel .card-bg:hover .text-primary {
    color: var(--primary-color);
}
.card-bg-red {
    background-color: #EE412B;
}
.card-bg-blue {
    background-color: #29BDE1;
}
.card-bg-yellow {
    background-color: #F9C215;
}
.card-bg-red-dark {
    background-color: #A21C43;
}
.card-bg-orange {
    background-color: #F16A2B;
}
.card-bg-orange-light {
    background-color: #F89C27;
}
.card-bg-yellow-light {
    background-color: #BD8B2C;
}
.card-bg-green-dark {
    background-color: #407E44;
}
.card-bg-blue-dark {
    background-color: #2596D3;
}
.avax-logo {
    filter: var(--filter);
}
.leadership-banner {
    background-image: var(--bg-leader) !important; 
}
.bg-purple {
    background-color: #697dc2;
}
.bg-purple-dark {
    background-color: #693887;
}
.bg-orange-light {
    background-color: #ad6f46;
}
.text-orange {
    color: #F16A2B;
}
.text-blue {
    color: #29BDE1;
}
.text-yellow {
    color: #F9C215;
}
.text-red {
    color: #EE412B;
}
.text-purple {
    color: #697dc2;
}
.text-purple-dark {
    color: #693887;
}
.text-orange-light {
    color: #ad6f46;
}
.filter-img {
    filter: var(--filter);
}


[tooltip]::after {
  background-image: var(--gradient-white);
  box-shadow: var(--green-shadow);
}
[tooltip][flow^="right"]::before
 {
/*  border-right-color: var(--bg-light-gray);*/
  box-shadow: var(--green-shadow);
}
[tooltip][flow^="left"]::before {
  /*border-left-color: var(--bg-light-gray); */
  box-shadow: var(--green-shadow);
}
#header-logo .darktheme,
#header-logo .lighttheme,
#bannertitle .darktheme,
#bannertitle .lighttheme,
.landfill-system-bg .lighttheme,
.landfill-system-bg .darktheme,
.theme-img-block .darktheme,
.theme-img-block .lighttheme {
 display: none;
}
[data-theme="dark"] #header-logo .darktheme,
[data-theme="dark"] #bannertitle .darktheme,
[data-theme="dark"] .landfill-system-bg .darktheme,
[data-theme="dark"] .theme-img-block .darktheme
  {
  display: inline;
}

[data-theme="light"] #header-logo .lighttheme,
[data-theme="light"] #bannertitle .lighttheme,
[data-theme="light"] .landfill-system-bg .lighttheme,
[data-theme="light"] .theme-img-block .lighttheme {
  display: inline;
}
.header .group-main:after {
    border-color: transparent transparent var(--bg-mega-menu) transparent;
}
.header .group-main:before {
    border-color: transparent transparent var(--border-light) transparent;
}
.border-light {
    border-color: var(--border-light) !important;
}
.carbon-title {
    border-bottom: 1px solid var(--carbon-border) !important;
}
.allforms input[type="radio"] {
    border: 1px solid var(--carbon-border) !important;
}
.allforms .user-inpt,
.allforms input[type="number"],
.allforms select,
.carb-cvr .user-inpt,
.carb-cvr input[type="number"],
.carb-cvr select,
.carb-cvr-r .user-inpt,
.carb-cvr-r input[type="number"],
.carb-cvr-r select {

    background-color: var(--carbon-input) !important;
    color: var(--primary-color) !important;
}
.bg-theme {
    background-color: var(--bg-theme);
}
.bg-custom-dark {
    background-color: var(--bg-custom-dark) !important;
}
.bg-green-light {
    background-color: var(--bg-green-light);
}
.bg-orange-light {
    background-color: var(--bg-orange-light);
}
.bg-yellow-light {
    background-color: var(--bg-yellow-light);
}
.bg-green-lighter {
  background-color: #2dd7a2;
}
.txt-green-lighter {
    color: var(--txt-green-lighter);
}
.higlights-avax-bg {
    background-image:  var(--bg-hightlights-avax);
}
.carbon-credit-card {
    background-image: url("../images/carbon-credit/outer-line.png");
}
/*.future-projects-bg {
    background: var(--bg-future-projects);
     filter: blur(8px);
     height: 100%;
    background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}*/
[data-theme="dark"] .future-projects-bg.lighttheme  {
  display: none;
}
.common-footer-bg {
    background-image: var(--bg-footer);
}
.body-shadow {
    background-image: var(--bg-header-shadow);
    width: -webkit-fill-available;
    height: 300px;
    position: absolute;
    background-repeat: no-repeat;
    z-index: 99;
}
.ngd-token-bg {
    background: var(--bg-ngd);
    background-size: cover;
    /*background-position: center;   */
    /*background-position: 0 -177px;*/
    background-position: inherit;
    z-index: 9;
}
[data-theme="dark"] .token-for-individual {
    /*background-image: linear-gradient(to right bottom, #021b14, #06221a, #072a20, #073327, #073b2d, #054937, #025840, #00674a, #008159, #049b66, #17b673, #2bd27f);*/
   /* background-image: linear-gradient(to right bottom, #021b1480, #06221a61, #072a2038, #07332738, #073b2d1c, #0549375c, #02584054, #00674a69, #0081597d, #049b6661, #17b67361, #2bd27f52);*/
  /* background-image: linear-gradient(to right bottom, #021b14, #06221a, #072a20, #073327, #073b2d, #054937, #025840, #049b66);*/
  background-image: linear-gradient(135deg, rgba(2,27,20,1) 0%, rgba(6,70,53,1) 83%, rgba(43,210,127,0.42) 100%);
}
[data-theme="dark"] .navbar-main-group {
    filter: drop-shadow(0px 0px 1px var(--green-filter));
}
.shadow-green-sm {
    box-shadow: 1px 0 11px rgb(2 189 40 / 20%);
}
[data-theme="dark"] .card-bg-dark {
    background: linear-gradient(172deg, transparent 0,rgba(0,0,0,0.2) 19%,#ffffff17) !important;
}
[data-theme="dark"] .calculator-bg-dark {
  background:linear-gradient(150deg, transparent 0,rgba(0,0,0,0.2) 10%,#ffffff17) !important;
}
[data-theme="dark"] .border-dark {
    border-color: #082416 !important;
}
[data-theme="light"] .border-dark {
    border-color: transparent !important;
}
[data-theme="dark"] .timeline-title {
    background:linear-gradient(344deg, transparent 0,rgba(0,0,0,0.2) 19%,#ffffff17) !important;
}
[data-theme="dark"] .token-footer .common-footer-bg {
  background-color: #0e0e0e;
}
[data-theme="dark"] .carb-cvr-r .user-inpt,
[data-theme="dark"] .carb-cvr-r select,
[data-theme="dark"] .carb-cvr-r input[type="number"],
[data-theme="dark"] .carb-cvr input[type="number"],
[data-theme="dark"] .carb-cvr select,
[data-theme="dark"] .carb-cvr input[type="tel"],
[data-theme="dark"] .allforms .user-inpt, 
[data-theme="dark"] .allforms input[type="number"], 
[data-theme="dark"] .allforms select,
[data-theme="dark"] .join-investor-form .form-input {
    background-color: #00000040 !important;
}
.join-investor-form .form-input {
      box-shadow: 0 -5px 3px -5px #2bd27f61, -5px 0 3px -5px #2bd27f61, 5px 0 3px -5px #2bd27f61 !important;  
}
.theme-img-block {
    position: relative;
}
.theme-img-block .darktheme:before {
    content: '';
    background: url("../images/carbon-shadow.png");
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: left;
    top: 0;
    opacity: 0.6;
}
[data-theme="dark"] .green-project-bg {
    background: url("../images/shadows/bg-green-project.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
}
[data-theme="dark"] .leadership-bg:before {
    content: '';
    background: url("../images/circle.svg");
    position: absolute;
    left: 0;
    width: 600px;
    height: 600px;
    background-repeat: no-repeat;
    background-position: right;
    /* top: 0; */
    opacity: 0.6;
    right: 0;
    background-size: contain;
    z-index: -1;
}
[data-theme="dark"] [tooltip]::after {
  background-image: linear-gradient(to right bottom, #000000, #3b3b3b, #3a3939, #3c3b3b, #242323) !important;
}
[data-theme="dark"] .mission-card {
   /* box-shadow: -4px 6px 21px -13px rgb(2 189 40 / 61%);*/
   box-shadow: 14px 22px 104px 0px rgb(43 210 127 / 19%);
}
[data-theme="dark"] .mission-vision-slider .owl-dots {
    background-color: #00000061;
}
[data-theme="dark"] .mission-vision-slider .owl-dots .owl-dot span {
  background-color: #fff !important;
}
[data-theme="dark"] .ngd-token-bg .shadow-green {
    background-image: linear-gradient(to right bottom, #0000000a, #1d120d38, #29201073, #26331933, #06463554) !important;
   /* background-image:linear-gradient(to right bottom, #0000000a, #1d120d66, #29201073, #26331945, #0646354f) !important;*/
  /* background-image: linear-gradient(to right bottom, #00000014, #1d120d78, #2920107d, #26331945, #0646354f) !important;*/
}
/*[data-theme="dark"] .ngd-token-bg .token-banner-slider {
    box-shadow:inset 1px 0 11px rgb(2 189 40 / 20%) !important;
}*/
[data-theme="dark"] .token-main-layout .custom_navbar_menu {
    border-radius: 10px;
    border: 1px solid #082416 !important;
    padding: 0px 35px 0px 0;
    background: linear-gradient(172deg, transparent 0,rgba(0,0,0,0.2) 19%,#ffffff17) !important;
}
.shadow-green-inset {
  box-shadow: inset 1px 0 13px rgb(12 192 55 / 20%);
}
.theme-btn.prev-btn {
    background-color: transparent;
    color: var(--green-primary) !important;
    border: 1px solid var(--green-primary) !important;
    box-shadow: unset !important;
}
.theme-btn.prev-btn:hover {
    background-color: unset !important;
}
[data-theme="dark"] .rc-anchor-light {
    background: var(--bg-input) !important;
    color: #fff !important;
    border-color: #082416 !important;
}
[data-theme="dark"] .ngd-token-bg .token-banner-slider {
    background-image: url("../images/token-card-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #36433D;
}
[data-theme="light"] .ngd-token-bg .token-banner-slider {
   box-shadow: 0 0 25px #2bd27f inset;
}
.show-more-btn {
    background-color: var(--bg-show);
}
[data-theme="dark"] .custom_bg_dark_gradient {
    background-image: linear-gradient(130deg, rgba(0,0,0,1), rgb(255 255 255 / 11%)) !important;
}
.warrior-wall-logo {
    position: relative;
    z-index: 99;
}
.warrior-wall-logo::before {
    content: '';
    position: absolute;
    background-color: var(--green-primary);
    width: 95px;
    height: 95px;
    top: 0;
    filter: blur(50px);
    z-index: -1;
    opacity: 0.5;
    left: 0;
}
[data-theme="dark"] .join-warrior-wall-modal {
    background-color: #010000 !important;
}
[data-theme="dark"] .join-warrior-wall-modal:before {
    border-color: transparent transparent #010000 transparent;
}
/*[data-theme="dark"] .join-warrior-wall-modal:after {
    border-color: transparent transparent var(--bg-mega-menu) transparent
}*/
[data-theme="dark"] .waitlistForm select option {
    color: #000 !important;
}