body {
      font-family: Georgia, sans-serif;
      align-items: center;
      justify-content: center;
      height: 100vh;
      
    }
    
 
    
    input.form-control {
      border-radius: 1px !important;
    }
    .form-container {
      background: #ffffff;
      padding: 20px;
      border-radius: 1px !important;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 500px;
    }
    h2 {
      margin-bottom: 20px;
      font-size: 13px;
      color: #333;
    }
    #countryDropdown {
      height: 38px !important;
      padding: 5px 15px;
      font-size: 13px;
      background-color: #fff;
      border: 1px solid #ced4da;
      display: flex;
      align-items: center;
      width: 100px;
      border-radius: 1px !important;
    }
    #countryDropdown img {
      width: 25px;
      height: 25px;
      object-fit: cover;
      margin-right: 6px;
    }
    .dropdown-menu img {
      width: 24px;
      height: 24px;
      object-fit: cover;
      margin-right: 8px;
    }
    .dropdown-menu .dropdown-item {
      border-bottom: 1px solid #e0e0e0;
      padding: 6px 12px;
      display: flex;
      align-items: center;
      height: 42px;
      font-size: 13px;
    }
    .dropdown-menu .dropdown-item:last-child {
      border-bottom: none;
    }
    .dropdown-menu {
      z-index: 10500;
      position: absolute;
    }
    .input-group,
    .form-group {
      position: relative;
      overflow: visible;
    }
    .status-message {
      margin-top: 20px;
      font-size: 8px;
      color: #4CAF50;
      text-align: center;
      box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
    }
    

.status-message.success {
  background-color: #4CAF50;
  color: white;
}

.status-message.error {
  background-color: #f44336;
  color: white;
}
    
    input.form-control:focus {
  border-color: #80bdff;
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Ingichka va yumshoq shadow */
}

#countryDropdown:focus, .dropdown-menu.show {
  border-color: #80bdff;
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Ingichka va yumshoq shadow */
}

.btn:focus, .btn:active {
  box-shadow: 0 0 4px rgba(40, 167, 69, 0.5) !important; /* Yashil soyali effekt (ingichka) */
  outline: none;
}

#alertBox {
  box-shadow: 0 0 4px rgba(220, 53, 69, 0.4); /* Qizil soyali effekt (ingichka) */
  border: none;
}

.modal-title {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}


.custom-close-btn {
  position: absolute;
  top: 15px;
  right: 20px;
  background-color: #dc3545; /* Qizil rang */
  color: white;
  border: none;
  border-radius: 50%;
  width: 27px;
  height: 27px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  z-index: 1051;
  transition: background-color 0.3s;
}

.custom-close-btn:hover {
  background-color: #c82333;
}



/* Linklarni rangini o'zgartirish */
a {
    color: #000 !important;  /* Odatda link rangi qora bo'ladi */
}

/* Linkni hover (ustiga kursor olib borilganida) holatda qora qilish */
a:hover {
    color: #333 !important;  /* Hover holatidagi link rangini o'zgartirish */
}

/* Linkni faollashtirish (active holat) holatida */
a:active {
    color: #555 !important;  /* Active (bosilgan) holatda linkni o'zgartirish */
}

  .modal .dropdown-menu {
    transform: none !important;
    margin-top: 40px;
    will-change: auto;
    }