/* Header */
.custom-navbar {
    font-family: 'Inter', sans-serif;
}

.custom-navbar .nav-link {
    color: #111;
    font-weight: 500;
    position: relative;
}

.custom-navbar .nav-link:hover {
    color: #4f46e5; 
}

.nav-login {
    color: #111;
    font-weight: 500;
}

.nav-login:hover {
    color: #4f46e5;
}

.btn-primary {
    background: linear-gradient(135deg, #6366f1, #4f46e5);
    border: none;
}

.btn-primary:hover {
    background: linear-gradient(135deg, #4f46e5, #4338ca);
}
/* End Header */

/* Footer */
.footer-section {
    background: #0f172a; 
    color: #fff;
}

.footer-section h6 {
    font-weight: 600;
    margin-bottom: 15px;
}

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

.footer-links li {
    margin-bottom: 10px;
}

.footer-links a {
    color: #cbd5e1;
    text-decoration: none;
    font-size: 14px;
}

.footer-links a:hover {
    color: #6366f1;
}

.social-icons a {
    color: #cbd5e1;
    font-size: 18px;
    margin-right: 12px;
    transition: 0.3s;
}

.social-icons a:hover {
    color: #6366f1;
}

.footer-bottom {
    border-top: 1px solid #1e293b;
    background: #020617;
    color: #cbd5e1;
    font-size: 14px;
}

.social-icons a {
    color: #cbd5e1; 
    font-size: 20px;
    margin-right: 12px;
    transition: 0.3s ease;
}

/* Twitter */
.social-icons a:hover .bi-twitter {
    color: #1DA1F2;
}

/* LinkedIn */
.social-icons a:hover .bi-linkedin {
    color: #0A66C2;
}

/* Facebook */
.social-icons a:hover .bi-facebook {
    color: #1877F2;
}

.social-icons a:hover i {
    transform: scale(1.2);
}

/* End Footer */

/* Login Card */
.login-card {
    background: #ffffff;
}

.login-card input {
    border-radius: 10px;
    padding: 10px 14px;
}

.login-card .btn-primary {
    background: linear-gradient(135deg, #6366f1, #4f46e5);
    border: none;
}

.login-card .btn-primary:hover {
    background: linear-gradient(135deg, #4f46e5, #4338ca);
}
/* End Login Card */

/* Register Card */
.signup-card {
    background: #fff;
    border-radius: 16px;
}

.signup-card input {
    border-radius: 10px;
    padding: 10px 14px;
}

.signup-card .btn-primary {
    background: linear-gradient(135deg, #6366f1, #4f46e5);
    border: none;
}

.signup-card .btn-primary:hover {
    background: linear-gradient(135deg, #4f46e5, #4338ca);
}
/* End Register Card */

/* Floating Label */
.floating-label {
  position: relative;
  margin-bottom: 2.5rem;
}

.floating-label input {
  width: 100%;
  padding: 1rem 0.75rem 0.5rem 0.75rem;
  font-size: 1rem;
  border: 1px solid #ccc;
  border-radius: 8px;
  outline: none;
  transition: border-color 0.2s ease-out;
}
.floating-label input:focus {
  outline: none;
  border-color: #ccc; /* Same as default, no highlight */
  box-shadow: none;
}

.floating-label label {
  position: absolute;
  top: 0.75rem;
  left: 1.25rem;
  color: #aaa;
  font-size: 1rem;
  pointer-events: none;
  transition: all 0.2s ease-out;
  background: white;
  padding: 0 0.25rem;
}

.floating-label input:focus + label,
.floating-label input:not(:placeholder-shown) + label {
  top: -0.5rem;
  left: 0.75rem;
  font-size: 0.8rem;
  color: #6366f1;
}
/* End Floating Label */




Select2 Bootstrap-like fix

.select2-container {
    width: 100% !important;
}

.select2-container .select2-selection--single {
    height: 38px !important;
    border: 1px solid #ced4da !important;
    border-radius: 0.375rem;
    display: flex;
    align-items: center;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: normal !important;
    padding-left: 12px;
    padding-right: 30px;
    font-size: 14px;
    color: #495057;
        padding-top: 6px;
    font-size: 16px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    right: 8px;
}

.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #86b7fe !important;
    box-shadow: 0 0 0 .2rem rgba(13,110,253,.25);
}