/* Gradient Background */
.bg-gradient-custom {
    background: linear-gradient(to bottom, rgb(0, 0, 0), #1c3a6d); /* Black to blue gradient */
    color: white; /* Adjust text color for readability */
    height: 100vh; /* Full viewport height */
    margin: 0; /* Remove default margin */
    background-attachment: fixed; /* Keep gradient fixed during scrolling */
    background-size: cover; /* Ensure the gradient covers the entire area */
}

/* Custom Navbar */
.navbar-custom-green {
    background: rgb(3, 4, 8); /* Background color */
    color: #3ddc97 !important; /* Apply green text to all navbar text */
}

.navbar-custom-green .navbar-brand,
.navbar-custom-green .nav-link {
    color: #3ddc97 !important; /* Ensure links and brand use the green color */
}

.navbar-custom-green .nav-link:hover {
    color: #28a745 !important; /* Optional: Add a hover effect */
}

.text-custom-green {
    color: #3ddc97 !important; /* Matches the green color of the navbar */
}

.iframe-container {
    margin: 0 auto;
    max-width: 100%;
  }

/* Add consistent spacing below the banner 
img.d-block.mx-auto {
    margin-bottom: 30px;  Adjust the value as needed 
  }
  
   Optional: Ensure uniform padding for the container 
  .container.px-4.py-5 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  */