@import url(color_theme.css);
@import url(style_rtl.css);
@import url(icons/font-awesome/css/font-awesome.css);
@import url(icons/Ionicons/css/ionicons.css);
@import url(icons/themify-icons/themify-icons.css);
@import url(icons/linea-icons/linea.css);
@import url(icons/glyphicons/glyphicon.css);
@import url(icons/flag-icon-css/css/flag-icon.css);
@import url(icons/material-design-iconic-font/css/materialdesignicons.css);
@import url(icons/simple-line-icons/css/simple-line-icons.css);
@import url(icons/cryptocoins-master/cryptocoins.css);
@import url(icons/weather-icons/css/weather-icons.min.css);
@import url(icons/iconsmind/style.css);
@import url(icons/icomoon/style.css);
@import url(../../assets/vendor_components/animate/animate.css);


 :root {
      --dark:      #0a1f12;
      --dark2:     #0d2617;
      --dark3:     #0f2e1a;
      --green:     #1b7a3e;
      --green2:    #27ae60;
      --green3:    #2ecc71;
      --green-glow:#39ff8a;
      --gold:      #d4a017;
      --gold2:     #f0c030;
      --white:     #ffffff;
      --gray:      #aab8b0;
      --card-bg:   rgba(15,46,26,0.85);
      --card-border:rgba(39,174,96,0.25);
    }

    * { box-sizing: border-box; margin: 0; padding: 0; }

    html { scroll-behavior: smooth; }

    body {
      font-family: 'Exo 2', sans-serif;
      background: var(--dark);
      color: var(--white);
      overflow-x: hidden;
    }

    /* ── ANIMATED BG ── */
    body::before {
      content:'';
      position: fixed;
      inset: 0;
      background:
        radial-gradient(ellipse 80% 60% at 10% 20%, rgba(27,122,62,0.18) 0%, transparent 60%),
        radial-gradient(ellipse 60% 40% at 90% 80%, rgba(39,174,96,0.12) 0%, transparent 55%),
        radial-gradient(ellipse 40% 30% at 50% 50%, rgba(10,31,18,0.9) 0%, transparent 100%);
      z-index: 0;
      pointer-events: none;
    }

    /* moving grid lines */
    body::after {
      content:'';
      position:fixed;
      inset:0;
      background-image:
        linear-gradient(rgba(39,174,96,0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(39,174,96,0.04) 1px, transparent 1px);
      background-size: 60px 60px;
      z-index:0;
      pointer-events:none;
      animation: gridMove 20s linear infinite;
    }
    @keyframes gridMove {
      0%   { background-position: 0 0; }
      100% { background-position: 60px 60px; }
    }

    section, nav, footer { position: relative; z-index: 1; }

    /* ── NAVBAR ── */
    .navbar {
      background: rgba(10,31,18,0.95) !important;
      backdrop-filter: blur(12px);
      border-bottom: 1px solid rgba(39,174,96,0.2);
      padding: 12px 0;
      position: sticky;
      top: 0;
      z-index: 1000;
    }
    .navbar-brand {
      font-family: 'Rajdhani', sans-serif;
      font-size: 1.7rem;
      font-weight: 700;
      letter-spacing: 2px;
    }
    .navbar-brand span { color: var(--green3); }
    .nav-link {
      color: var(--gray) !important;
      font-weight: 500;
      font-size: 0.85rem;
      letter-spacing: 1px;
      text-transform: uppercase;
      transition: color 0.3s;
      padding: 6px 14px !important;
    }
    .nav-link:hover { color: var(--green3) !important; }
    .navbar-toggler { border-color: rgba(39,174,96,0.4); }
    .navbar-toggler-icon {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2839,174,96,0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }
    .btn-nav {
      background: linear-gradient(135deg, var(--green), var(--green2));
      color: #fff !important;
      border-radius: 50px;
      padding: 6px 22px !important;
      font-weight: 600;
      letter-spacing: 1px;
      box-shadow: 0 0 16px rgba(39,174,96,0.35);
      transition: box-shadow 0.3s, transform 0.2s;
    }
    .btn-nav:hover {
      box-shadow: 0 0 28px rgba(39,174,96,0.7);
      transform: translateY(-1px);
    }

    /* ── HERO ── */
    #hero {
      min-height: 100vh;
      display: flex;
      align-items: center;
      padding: 80px 0 60px;
      overflow: hidden;
    }
    .hero-badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: rgba(39,174,96,0.12);
      border: 1px solid rgba(39,174,96,0.3);
      border-radius: 50px;
      padding: 6px 18px;
      font-size: 0.78rem;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: var(--green3);
      margin-bottom: 22px;
      animation: fadeInDown 0.8s ease both;
    }
    .hero-badge .dot {
      width: 7px; height: 7px;
      background: var(--green3);
      border-radius: 50%;
      box-shadow: 0 0 8px var(--green3);
      animation: pulse 1.5s ease-in-out infinite;
    }
    @keyframes pulse {
      0%,100%{opacity:1;transform:scale(1)}
      50%{opacity:0.5;transform:scale(1.4)}
    }
    .hero-title {
      font-family: 'Rajdhani', sans-serif;
      font-size: clamp(2.8rem, 8vw, 5.5rem);
      font-weight: 700;
      line-height: 1.05;
      animation: fadeInDown 0.9s ease 0.1s both;
    }
    .hero-title .accent { color: var(--green3); }
    .hero-title .gold   { color: var(--gold2); }
    .hero-sub {
      font-size: clamp(0.9rem, 2vw, 1.1rem);
      color: var(--gray);
      max-width: 540px;
      line-height: 1.7;
      animation: fadeInDown 0.9s ease 0.2s both;
    }
    .hero-ctas { animation: fadeInDown 0.9s ease 0.3s both; }
    .btn-primary-hgx {
      background: linear-gradient(135deg, var(--green), var(--green2));
      border: none;
      border-radius: 50px;
      padding: 13px 32px;
      font-weight: 700;
      font-size: 0.95rem;
      letter-spacing: 1px;
      color: #fff;
      box-shadow: 0 0 24px rgba(39,174,96,0.45);
      transition: all 0.3s;
      text-decoration: none;
      display: inline-block;
    }
    .btn-primary-hgx:hover {
      box-shadow: 0 0 40px rgba(39,174,96,0.8);
      transform: translateY(-2px);
      color: #fff;
    }
    .btn-outline-hgx {
      background: transparent;
      border: 1.5px solid rgba(39,174,96,0.5);
      border-radius: 50px;
      padding: 12px 30px;
      font-weight: 600;
      font-size: 0.95rem;
      letter-spacing: 1px;
      color: var(--green3);
      transition: all 0.3s;
      text-decoration: none;
      display: inline-block;
    }
    .btn-outline-hgx:hover {
      background: rgba(39,174,96,0.1);
      border-color: var(--green3);
      color: var(--green3);
      box-shadow: 0 0 20px rgba(39,174,96,0.3);
    }
    /* coin graphic */
    .hero-coin-wrap {
      display: flex;
      justify-content: center;
      align-items: center;
      animation: floatCoin 4s ease-in-out infinite;
    }
    @keyframes floatCoin {
      0%,100%{transform:translateY(0)}
      50%{transform:translateY(-18px)}
    }
    .hero-coin {
      width: clamp(180px,30vw,320px);
      height: clamp(180px,30vw,320px);
      border-radius: 50%;
      background: radial-gradient(circle at 35% 35%,
        #3ecf6f 0%, #1a7a3e 35%, #0d3a20 65%, #071a0f 100%);
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow:
        0 0 0 3px rgba(39,174,96,0.4),
        0 0 40px rgba(39,174,96,0.4),
        0 0 80px rgba(39,174,96,0.2),
        inset 0 0 30px rgba(0,0,0,0.4);
      position: relative;
    }
    .hero-coin::before {
      content:'';
      position:absolute;
      inset:6px;
      border-radius:50%;
      border:2px solid rgba(39,174,96,0.25);
    }
    .hero-coin-inner {
      font-family: 'Rajdhani', sans-serif;
      font-size: clamp(2.5rem,7vw,4.5rem);
      font-weight: 700;
      color: #fff;
      text-shadow: 0 0 20px rgba(39,174,96,0.8), 0 2px 8px rgba(0,0,0,0.5);
      letter-spacing: 2px;
    }
    /* stats bar */
    .stat-bar {
      background: rgba(15,46,26,0.6);
      border: 1px solid rgba(39,174,96,0.2);
      border-radius: 16px;
      padding: 20px;
      margin-top: 40px;
      backdrop-filter: blur(8px);
      animation: fadeInUp 1s ease 0.4s both;
    }
    .stat-item { text-align: center; }
    .stat-num {
      font-family: 'Rajdhani', sans-serif;
      font-size: clamp(1.5rem,3vw,2.2rem);
      font-weight: 700;
      color: var(--green3);
      line-height: 1;
    }
    .stat-label {
      font-size: 0.72rem;
      color: var(--gray);
      letter-spacing: 1.5px;
      text-transform: uppercase;
      margin-top: 4px;
    }
    .stat-divider {
      width:1px;
      background:rgba(39,174,96,0.2);
      align-self:stretch;
    }

    /* ── SECTION COMMONS ── */
    .section-pad { padding: 80px 0; }
    .section-tag {
      font-size: 0.72rem;
      letter-spacing: 3px;
      text-transform: uppercase;
      color: var(--green3);
      margin-bottom: 10px;
    }
    .section-title {
      font-family: 'Rajdhani', sans-serif;
      font-size: clamp(1.8rem,4vw,2.8rem);
      font-weight: 700;
      line-height: 1.2;
    }
    .section-title .accent { color: var(--green3); }
    .section-desc { color: var(--gray); font-size: 0.95rem; line-height: 1.7; }
    .divider-line {
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(39,174,96,0.4), transparent);
      margin: 0 auto 60px;
    }

    /* ── MODULE CARDS ── */
    .module-card {
      background: var(--card-bg);
      border: 1px solid var(--card-border);
      border-radius: 20px;
      padding: 28px 24px;
      height: 100%;
      transition: transform 0.35s, box-shadow 0.35s, border-color 0.35s;
      position: relative;
      overflow: hidden;
      backdrop-filter: blur(8px);
    }
    .module-card::before {
      content:'';
      position:absolute;
      top:0; left:0; right:0;
      height:2px;
      background: linear-gradient(90deg, transparent, var(--green2), transparent);
      opacity:0;
      transition: opacity 0.35s;
    }
    .module-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 20px 50px rgba(0,0,0,0.4), 0 0 30px rgba(39,174,96,0.15);
      border-color: rgba(39,174,96,0.5);
    }
    .module-card:hover::before { opacity:1; }
    .module-num {
      font-family:'Rajdhani',sans-serif;
      font-size:2.8rem;
      font-weight:700;
      color:rgba(39,174,96,0.12);
      line-height:1;
      position:absolute;
      top:16px; right:20px;
    }
    .module-icon {
      width:50px; height:50px;
      border-radius:12px;
      background: linear-gradient(135deg,rgba(27,122,62,0.4),rgba(39,174,96,0.2));
      border:1px solid rgba(39,174,96,0.3);
      display:flex; align-items:center; justify-content:center;
      margin-bottom:16px;
      font-size:1.3rem;
      color:var(--green3);
    }
    .module-title {
      font-family:'Rajdhani',sans-serif;
      font-size:1.2rem;
      font-weight:700;
      margin-bottom:6px;
      letter-spacing:0.5px;
    }
    .module-desc { color:var(--gray); font-size:0.85rem; line-height:1.6; }
    .module-tag {
      display:inline-block;
      margin-top:14px;
      background:rgba(39,174,96,0.12);
      border:1px solid rgba(39,174,96,0.25);
      border-radius:50px;
      padding:3px 12px;
      font-size:0.72rem;
      color:var(--green3);
      letter-spacing:1px;
      font-weight:600;
    }

    /* ── TRADING RETURNS TABLE ── */
    .payout-table-wrap {
      background:var(--card-bg);
      border:1px solid var(--card-border);
      border-radius:20px;
      overflow:hidden;
      backdrop-filter:blur(8px);
    }
    .payout-table { margin:0; }
    .payout-table thead th {
      background:#0f2e1a;
      color:var(--green3);
      font-family:'Rajdhani',sans-serif;
      font-size:0.8rem;
      letter-spacing:1.5px;
      text-transform:uppercase;
      border-color:rgba(39,174,96,0.15);
      padding:14px 16px;
      font-weight:600;
    }
    .payout-table tbody td {
      background:transparent;
      color:#ccc;
      border-color:rgba(39,174,96,0.1);
      padding:12px 16px;
      font-size:0.88rem;
      vertical-align:middle;
    }
    .payout-table tbody tr:hover td { background:rgba(39,174,96,0.06); }
    .payout-table tbody tr:nth-child(odd) td { background:rgba(15,46,26,0.3); }
    .payout-table tbody tr:nth-child(odd):hover td { background:rgba(39,174,96,0.08); }
    .badge-green {
      background:rgba(39,174,96,0.15);
      border:1px solid rgba(39,174,96,0.3);
      color:var(--green3);
      border-radius:50px;
      padding:2px 10px;
      font-size:0.8rem;
      font-weight:700;
    }
    .badge-gold {
      background:rgba(212,160,23,0.15);
      border:1px solid rgba(212,160,23,0.3);
      color:var(--gold2);
      border-radius:50px;
      padding:2px 10px;
      font-size:0.8rem;
      font-weight:700;
    }

    /* ── LEVEL INCOME ── */
    .level-bar-row {
      display:flex;
      align-items:center;
      gap:12px;
      padding:10px 0;
      border-bottom:1px solid rgba(39,174,96,0.08);
    }
    .level-bar-row:last-child { border-bottom:none; }
    .level-label {
      font-size:0.8rem;
      color:var(--gray);
      width:120px;
      flex-shrink:0;
      font-weight:500;
    }
    .level-bar-track {
      flex:1;
      height:8px;
      background:rgba(39,174,96,0.1);
      border-radius:50px;
      overflow:hidden;
    }
    .level-bar-fill {
      height:100%;
      border-radius:50px;
      background:linear-gradient(90deg,var(--green),var(--green3));
      box-shadow:0 0 8px rgba(39,174,96,0.5);
      transition:width 1.5s ease;
    }
    .level-pct {
      font-family:'Rajdhani',sans-serif;
      font-size:1rem;
      font-weight:700;
      color:var(--green3);
      width:40px;
      text-align:right;
    }

    /* ── RANK CARDS ── */
    .rank-card {
      background:var(--card-bg);
      border:1px solid var(--card-border);
      border-radius:14px;
      padding:18px 14px;
      text-align:center;
      transition:all 0.3s;
      height:100%;
    }
    .rank-card:hover {
      transform:translateY(-4px);
      box-shadow:0 12px 30px rgba(0,0,0,0.3),0 0 20px rgba(39,174,96,0.15);
      border-color:rgba(39,174,96,0.45);
    }
    .rank-badge {
      font-family:'Rajdhani',sans-serif;
      font-size:1.1rem;
      font-weight:700;
      color:var(--white);
      background:linear-gradient(135deg,var(--green),var(--green2));
      border-radius:50px;
      display:inline-block;
      padding:3px 14px;
      margin-bottom:10px;
    }
    .rank-biz { font-size:0.72rem; color:var(--gray); margin-bottom:2px; }
    .rank-daily {
      font-family:'Rajdhani',sans-serif;
      font-size:1.4rem;
      font-weight:700;
      color:var(--gold2);
    }
    .rank-tenure { font-size:0.72rem; color:var(--gray); margin-top:4px; }

    /* ── POOL CARDS ── */
    .pool-card {
      background:var(--card-bg);
      border:1px solid var(--card-border);
      border-radius:20px;
      padding:28px;
      height:100%;
      position:relative;
      overflow:hidden;
      backdrop-filter:blur(8px);
      transition:all 0.35s;
    }
    .pool-card:hover {
      transform:translateY(-5px);
      box-shadow:0 20px 45px rgba(0,0,0,0.35),0 0 25px rgba(39,174,96,0.12);
      border-color:rgba(39,174,96,0.4);
    }
    .pool-num {
      position:absolute;
      top:-10px; right:20px;
      font-family:'Rajdhani',sans-serif;
      font-size:5rem;
      font-weight:700;
      color:rgba(39,174,96,0.06);
      line-height:1;
    }
    .pool-title {
      font-family:'Rajdhani',sans-serif;
      font-size:1.3rem;
      font-weight:700;
      margin-bottom:4px;
    }
    .pool-entry-badge {
      display:inline-block;
      background:rgba(212,160,23,0.12);
      border:1px solid rgba(212,160,23,0.3);
      border-radius:50px;
      padding:2px 12px;
      font-size:0.75rem;
      color:var(--gold2);
      font-weight:600;
      margin-bottom:16px;
    }
    .pool-detail { font-size:0.85rem; color:var(--gray); margin-bottom:8px; display:flex; align-items:flex-start; gap:8px; }
    .pool-detail i { color:var(--green3); margin-top:3px; flex-shrink:0; }
    .pool-total {
      margin-top:16px;
      padding:12px;
      background:rgba(39,174,96,0.08);
      border:1px solid rgba(39,174,96,0.2);
      border-radius:10px;
      text-align:center;
    }
    .pool-total-label { font-size:0.7rem; color:var(--gray); letter-spacing:1.5px; text-transform:uppercase; }
    .pool-total-val {
      font-family:'Rajdhani',sans-serif;
      font-size:1.8rem;
      font-weight:700;
      color:var(--green3);
      line-height:1.1;
    }

    /* ── TERMS ── */
    .terms-item {
      display:flex;
      gap:16px;
      align-items:flex-start;
      padding:16px 0;
      border-bottom:1px solid rgba(39,174,96,0.08);
    }
    .terms-item:last-child { border-bottom:none; }
    .terms-icon {
      width:36px; height:36px;
      border-radius:10px;
      background:rgba(39,174,96,0.12);
      border:1px solid rgba(39,174,96,0.25);
      display:flex; align-items:center; justify-content:center;
      color:var(--green3);
      font-size:0.85rem;
      flex-shrink:0;
    }
    .terms-key {
      font-size:0.78rem;
      color:var(--gray);
      text-transform:uppercase;
      letter-spacing:1px;
      margin-bottom:2px;
    }
    .terms-val {
      font-family:'Rajdhani',sans-serif;
      font-size:1.1rem;
      font-weight:600;
      color:var(--white);
    }

    /* ── CAP SECTION ── */
    .cap-wrap {
      background:var(--card-bg);
      border:1px solid var(--card-border);
      border-radius:24px;
      padding:48px 32px;
      text-align:center;
      backdrop-filter:blur(8px);
      position:relative;
      overflow:hidden;
    }
    .cap-wrap::before {
      content:'260%';
      position:absolute;
      font-family:'Rajdhani',sans-serif;
      font-size:12rem;
      font-weight:700;
      color:rgba(39,174,96,0.04);
      top:50%; left:50%;
      transform:translate(-50%,-50%);
      pointer-events:none;
      letter-spacing:-4px;
    }
    .cap-circle {
      width:150px; height:150px;
      border-radius:50%;
      border:3px solid var(--green2);
      display:flex; align-items:center; justify-content:center;
      margin:0 auto 24px;
      box-shadow:0 0 30px rgba(39,174,96,0.3),inset 0 0 20px rgba(39,174,96,0.1);
      background:radial-gradient(circle,rgba(39,174,96,0.1) 0%,transparent 70%);
    }
    .cap-pct {
      font-family:'Rajdhani',sans-serif;
      font-size:2.8rem;
      font-weight:700;
      color:var(--green3);
    }

    /* ── FOOTER ── */
    footer {
      background:rgba(7,20,11,0.97);
      border-top:1px solid rgba(39,174,96,0.15);
      padding:40px 0 24px;
    }
    .footer-brand {
      font-family:'Rajdhani',sans-serif;
      font-size:1.8rem;
      font-weight:700;
      letter-spacing:2px;
      margin-bottom:8px;
    }
    .footer-brand span { color:var(--green3); }
    .footer-tagline { font-size:0.8rem; color:var(--gray); letter-spacing:1px; }
    .footer-link {
      color:var(--gray);
      font-size:0.85rem;
      text-decoration:none;
      transition:color 0.3s;
      display:block;
      margin-bottom:6px;
    }
    .footer-link:hover { color:var(--green3); }
    .footer-copy {
      font-size:0.75rem;
      color:rgba(170,184,176,0.5);
      margin-top:24px;
      padding-top:20px;
      border-top:1px solid rgba(39,174,96,0.1);
    }

    /* ── ANIMATIONS ── */
    @keyframes fadeInDown {
      from { opacity:0; transform:translateY(-20px); }
      to   { opacity:1; transform:translateY(0); }
    }
    @keyframes fadeInUp {
      from { opacity:0; transform:translateY(20px); }
      to   { opacity:1; transform:translateY(0); }
    }
    .fade-up {
      opacity:0;
      transform:translateY(30px);
      transition:opacity 0.7s ease, transform 0.7s ease;
    }
    .fade-up.visible {
      opacity:1;
      transform:none;
    }

    /* scrollbar */
    ::-webkit-scrollbar { width:6px; }
    ::-webkit-scrollbar-track { background:var(--dark); }
    ::-webkit-scrollbar-thumb { background:var(--green); border-radius:3px; }

    /* mobile tweaks */
    @media(max-width:768px){
      #hero { padding:60px 0 40px; }
      .hero-coin-wrap { margin-top:40px; }
      .stat-divider { display:none; }
      .pool-card { margin-bottom:16px; }
    }


.b-dashed {
    border-style: dashed !important;
}

.rounded0 {
  border-radius: 0px; }

.rounded10 {
  border-radius: 10px; }

.rounded15 {
  border-radius: 15px; }

.rounded20 {
  border-radius: 20px; }

.rounded30 {
  border-radius: 30px; }

  .p-0 {
  padding: 0px !important; }

.p-5 {
  padding: 5px !important; }

.p-10 {
  padding: 10px !important; }

.p-15 {
  padding: 15px !important; }

.p-20 {
  padding: 20px !important; }

.p-25 {
  padding: 25px !important; }

.p-30 {
  padding: 30px !important; }

.p-35 {
  padding: 35px !important; }

.p-40 {
  padding: 40px !important; }

.p-45 {
  padding: 45px !important; }

.p-50 {
  padding: 50px !important; }

.p-55 {
  padding: 55px !important; }


  .input-group .input-group-addon {
  border-radius: 60px 0px 0px 60px;
  border-color: #688cb4;
  background-color: #ffffff; }
.input-group .input-group-text {
  padding: .425rem .75rem;
  background-color: #ffffff;
  border-color: #688cb4;
  border-radius: 60px; }

.input-group-addon {
  font-weight: 300;
  padding: .425rem .75rem;
  border: 1px solid #688cb4;
  line-height: 1.25;
  color: #475f7b;
  text-align: center;
  margin-bottom: 0;
  font-size: 1rem; }

.form-control-feedback.fa {
  line-height: 34px; }


  
.form-control-feedback.fa {
  line-height: 34px; }

.form-group-lg .form-control + .form-control-feedback.fa {
  line-height: 46px; }

.form-group-sm .form-control + .form-control-feedback.fa {
  line-height: 30px; }

.input-group-sm + .form-control-feedback.fa {
  line-height: 30px; }

.input-sm + .form-control-feedback.fa {
  line-height: 30px; }

.form-group-feedback {
  position: relative; }
  .form-group-feedback.form-group-feedback-right .form-control-feedback {
    position: absolute;
    top: 0;
    color: #333333;
    padding-left: .875rem;
    padding-right: .875rem;
    line-height: 2.25003rem;
    min-width: 1rem; }

.form-group-feedback-right .form-control-feedback {
  right: 0; }

.input-group-lg + .form-control-feedback.fa {
  line-height: 46px; }

.input-lg + .form-control-feedback.fa {
  line-height: 46px; }