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

/* Basic styling for navbar */
.navbar {
    display: flex;
    align-items: center;
    background-color: #f8f9fa;
    padding: 10px;
    border-bottom: 1px solid #e5e5e5;
    position: fixed;
    width: 100%;
    z-index: 100;
    gap: 40px;
    padding-left: 50px;
    padding-right: 50px; /* Add padding on the right */
}

/* Adjust the position of the navbar toggler */
.navbar-toggler {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    display: none; /* Hide on desktop */
    margin-left: auto; /* Push the toggler to the right */
}

.navbar-toggler-icon {
    font-size: 24px;
}

.navbar-nav {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
    gap: 20px;
    flex-grow: 1; /* Take up remaining space */
}

.nav-list {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
    gap: 20px;
}

.nav-list li {
    margin: 0;
}

.nav-link {
    text-decoration: none;
    color: #333;
    padding: 10px 15px;
}

.nav-link.active {
    font-weight: bold;
}

.nav-item.dropdown {
    position: relative;
}

.dropdown-content {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: white;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 1;
}

.nav-item.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown-content li {
    padding: 8px 12px;
}

.dropdown-content li a {
    text-decoration: none;
    color: #333;
}

.dropdown-content li a:hover {
    background-color: #f1f1f1;
}

/* Styling for Partner Login */
.login-container {
    margin-left: auto; /* Push Partner Login to the right */
}

/* Responsive styling for mobile */
@media (max-width: 768px) {
    .navbar-toggler {
        display: block; /* Show on mobile */
    }

    .navbar-nav {
        display: none;
        flex-direction: column;
        position: absolute;
        top: 60px;
        right: 0;
        background-color: #f8f9fa;
        width: 100%;
        padding: 20px;
    }

    .navbar-nav.show {
        display: flex;
    }

    .nav-list {
        flex-direction: column;
        gap: 10px;
    }

    .login-container {
        display: none; /* Hide the login button in the navbar on mobile */
    }

    .navbar-nav.show + .login-container {
        display: block; /* Show Partner Login within the menu */
        margin-top: 10px; /* Add some space between nav items and login */
    }
}
.btn {
    background-color: #007bff;
    color: #fff;
    border: none;
    padding: 15px 19px;
    text-decoration: none;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.3s ease-in-out;
    width: 200px;
    margin-top: 20px;
    text-align: center;
    font-size: 20px;
  }
  
  .btn:hover {
    background-color: #0056b3;
  }
  
  .icon-telegram {
    font-size: 18px;
    margin-right: 5px;
  }
  
  .imagelangdiv {
    margin-left: 10px;
    cursor: pointer;
  }
  
  .imagelang {
    width: 5rem;
  }
  
  /* Responsive Styles */
  @media (max-width: 768px) {
    .navbar-toggler {
      display: block;
     
    }
  
    .navbar-collapse {
      display: none;
      flex-direction: column;
      align-items: flex-start;
      background-color: #fff;
      padding: 20px;
      position: absolute;
      top: 60px;
      left: 0;
      right: 0;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    }
  
    .navbar-collapse.show {
      display: flex;
    }
  
    .navbar-nav {
      flex-direction: column;
      width: 100%;
    }
  
    .nav-item {
      margin-right: 0;
      margin-bottom: 10px;
    }
  
    .dropdown-menu {
      position: static;
      box-shadow: none;
      width: 100%;
    }
  }
  
    .form-section {
      background-color: #f6f8f9;
      padding: 40px;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
      border-radius: 8px;
      color: #090909;
  }
  
  .container {
      max-width: 600px;
      margin: auto;
  }
  
  .title {
      text-align: center;
      margin-bottom: 30px;
  }
  
  .form-group-row {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      
  }
  
  .form-group {
      flex: 1;
      min-width: 250px;
      margin-bottom: 20px;
  }
  
  label {
      display: block;
      margin-bottom: 8px;
      font-weight: bold;
  }
  
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="file"],
  button {
      width: 100%;
      padding: 10px;
      border: 1px solid #020202;
      border-radius: 4px;
  }
  
  .errorReq {
      color: red;
      font-size: 12px;
      display: none;
  }
  
  .btn-submit {
    margin-top: 20px;
      background-color: #007bff;
      color: white;
      padding: 10px 20px;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      width: 150px;
     
  }
  
  .btn-submit:hover {
      background-color: #0056b3;
  }
  
  .fingerprint {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.fingerprint img {
    width: 100px; /* Adjust size as needed */
    height: auto;
}

.thumb-section {
    display: flex;
     /* Distribute space between items */
    align-items: center; /* Align items vertically */
    margin-top: 20px;
    gap: 25px;
}

.thumb-container {
    text-align: center;
}

.circular-button-container {
    position: relative;
    display: inline-block;
    text-align: center;
}

.circular-button {
    width: 80px; /* Adjust size as needed */
    height: 80px; /* Adjust size as needed */
    border-radius: 50%;
    background-color: #f0f2f4;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 14px;
    position: relative;
}

.circular-button-text {
    position: absolute;
    top: -25px; /* Position text above the button */
    font-size: 12px;
    color: #000; /* Text color */
}

.circular-fingerprint-container {
    position: relative;
    display: inline-block;
    text-align: center;
}
.thumb-section {
    display: flex;
    margin: 20px;
    gap: 30px;
}
.thumb-container {
    text-align: center;
    position: relative; /* Ensure positioning within container */
}
.fingerprint {
    cursor: pointer;
    position: relative;
}
.tick {
    position: absolute;
    top: 10%; /* Adjust position as needed */
    left: 50%; /* Center horizontally */
    transform: translateX(-50%); /* Adjust for centering */
    font-size: 68px; /* Size of the green tick */
    color: green; /* Green color for the tick */
    display: none; /* Initially hidden */
}

.footer-middle {
    background-color: #001f3f; /* Black-blueish background */
    color: white; /* Text color for contrast */
    padding: 40px 0;
}

.container {
    width: 90%;
    margin: 0 auto;
}

.footer-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #001f3f; /* Black-blueish background */
    color: white; /* Text color for contrast */
    padding: 40px 10px;
}

.footer-column {
    flex: 1;
    min-width: 200px; /* Minimum width for each column */
    margin: 10px;
}

.footer-pad {
    padding: 20px;
}

.footer-title {
    font-size: 1.5em;
    margin-bottom: 20px;
    color: #ffffff; /* White color for titles */
}

.list-unstyled {
    list-style-type: none;
    padding: 0;
}

.list-unstyled li {
    margin-bottom: 10px;
}

.footer-link {
    text-decoration: none;
    color: #66b3ff; /* Light blue color for links */
}

.footer-link:hover {
    text-decoration: underline;
    color: #ffffff; /* Change to white on hover */
}

/* Responsive Styles */
@media (max-width: 768px) {
    .footer-row {
        flex-direction: column; /* Stack columns vertically */
        align-items: center; /* Center align items */
    }
    
    .footer-column {
        width: 100%; /* Full width for each column */
        margin: 0 0 20px 0; /* Margin between stacked columns */
    }
    
    .footer-title {
        text-align: center; /* Center align titles */
    }
}