#section-title span {
      color: #D4AF37;
    }
    
    #text-info{
      text-decoration: #D4AF37;
      color: #D4AF37;
    }

    #btn-group-custom .btn {
      background-color: #121b2f;
      color: #ffffff;
      border-radius: 30px;
      padding: 8px 20px;
      font-size: 14px;
      margin: 5px;
    }

    #btn-group-custom .btn.active,
    #btn-group-custom .btn:hover {
      background-color: #D4AF37;
      color: #fff;
    }

    #token-section {
      padding: 80px 0;
    }

    #token-content {
      background-color: #0f172a;
      border-radius: 10px;
      padding: 30px;
    }

    #create-token-btn {
      background-color: #D4AF37;
      border: none;
      padding: 10px 20px;
      border-radius: 5px;
      font-weight: 500;
      color: white;
    }

    #token-image {
      width: 100%;
      border-radius: 10px;
      box-shadow: 0 0 10px #00000055;
    }
    
       #stats-section {
      padding: 80px 0 40px;
      text-align: center;
    }

    #stats-section i {
      font-size: 36px;
      color: #D4AF37;
      margin-bottom: 10px;
    }

    #stats-value {
      font-size: 30px;
      font-weight: bold;
    }

    #partner-text {
      font-size: 20px;
      margin: 60px 0 30px;
    }

    #partner-text span {
      color: #D4AF37;
    }

    #partners-logos {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      gap: 40px;
    }

    #partners-logos img {
      max-height: 40px;
      opacity: 0.9;
      transition: transform 0.3s;
    }

    #partners-logos img:hover {
      transform: scale(1.1);
    }
     #logoSlider {
      background-color: #000;
      padding: 30px 0;
      text-align: center;
    }
    #logoSlider .carousel-item {
      padding: 20px 0;
    }
    #logoSlider img {
      max-height: 60px;
      filter: brightness(0) invert(1);
      margin: 0 20px;
      opacity: 0.8;
      transition: 0.3s;
    }
    #logoSlider img:hover {
      opacity: 1;
    }
    #logoSlider .carousel-control-prev-icon,
    #logoSlider .carousel-control-next-icon {
      filter: invert(1);
    }
    #trustedbyh1{

    font-size: 20px;
    }
    #heroid{
       background-image: url('asset/cryptocurrency-coding-digital-black-background-open-source-blockchain-concept.jpg'); 
       background-size: cover;
       background-position: center;
       background-repeat: no-repeat;
       
    }
    #statslogo{
      max-width: 40px;
      max-height: 40px;
    }
 
 #header-navbar {
  background-color: #1d21256e;
  padding: 8px 20px;
}

#logo {
  font-size: 1.25rem;
  color: white;
}

#main-menu .nav-link {
  color: white !important;
  font-weight: 400;
  margin: 0 10px;
}

.dropdown-menu {
  background-color: #0f1113;
  border: none;
}

.dropdown-item {
  color: #fff;
}

.dropdown-item:hover {
  background-color: #2a2d31;
}

#launch-app {
  background-color: #d4af37;
  color: #fff;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 6px;
  text-decoration: none;
}

#launch-app:hover {
  background-color: #c39b25;
  color: white;
}
#background2{
  background-color: #fff;
  padding-top: 50px;
  padding-bottom: 50px;
}
#text-content{
  color: #000;
}

#start-button{
  background-color: #D4AF37;
}

#background3{
  background-color: #f9faff;
   padding-top: 50px;
  padding-bottom: 50px;
  
}

/* Footer Styling */
.site-footer {
    background-color: #0b0f1a; /* Dark background color from your image */
    color: #e0e0e0; /* Light text color for contrast */
    font-size: 0.9rem;
}

.site-footer .footer-logo {
    max-width: 120px; /* Adjust logo size as needed */
    height: auto;
}

.site-footer .footer-description {
    color: #a0a0a0; /* Slightly lighter gray for description text */
    line-height: 1.6;
}

.site-footer .footer-heading {
    color: #ffffff; /* White color for column headings */
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.site-footer .footer-list {
    padding-left: 0;
    list-style: none;
}

.site-footer .footer-list li {
    margin-bottom: 0.7rem;
}

.site-footer .footer-link {
    color: #e0e0e0; /* Default link color */
    text-decoration: none;
    transition: color 0.3s ease;
}

.site-footer .footer-link:hover {
    color: var(--accent-blue); /* Use your defined accent blue for hover effect */
    text-decoration: underline;
}

.site-footer .footer-divider {
    border-top: 1px solid rgba(255, 255, 255, 0.1); /* Subtle white divider */
}

.site-footer .copyright-text {
    color: #a0a0a0;
    font-size: 0.85rem;
}

/* Responsive adjustments for footer (inherits from Bootstrap's col-lg- etc. classes) */
@media (max-width: 991.98px) { /* For smaller screens, stack columns */
    .site-footer .col-lg-3,
    .site-footer .col-lg-2 {
        text-align: center; /* Center content in stacked columns */
    }
    .site-footer .footer-heading,
    .site-footer .footer-description {
        text-align: center;
    }
    .site-footer .footer-list {
        text-align: center; /* Center list items for readability */
    }
}



   /* Minimal custom CSS for things Bootstrap doesn't directly cover: */
        /* Custom aspect ratio for videos (Bootstrap 5 moved away from embed-responsive) */
        .video-wrapper {
            position: relative;
            width: 100%;
            padding-bottom: 56.25%; /* 16:9 aspect ratio */
        }
        .video-wrapper iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 0;
        }


        #imgcard{
              display: block;
              margin: auto;
              width: 50%;
              padding: 10px;
        }