.fixed-top {
  position: fixed;
}

/* content default */
#mainNav {
  background-color: #010915;
}

.hero-section {
  position: relative;
  background: linear-gradient(135deg, #010915 0%, #010c1b 50%, #010918 100%);
}

.hero-section .overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgb(0 11 26), rgb(1 9 23));
}

/* login */
.content-login {
  margin: 180px auto 40px;
}

.login {
  background: #ffffffd6;
  padding-bottom: 20px;
  border-radius: 5px;
}

#showPassword {
  position: relative;
}

#eyePass {
  cursor: pointer;
  position: absolute;
  top: 48px;
  right: 25px;
}

/* contact form */
.contact-demo-form {
  max-width: 760px;
  margin: 180px auto 40px;
}

.contact-card {
  border: 1px solid #e6e9ef;
  border-radius: 12px;
  padding: 22px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(29, 31, 33, 0.04);
}

.contact-card h2 {
  font-size: 22px;
  margin-bottom: 14px;
  font-weight: 600;
}

.input-group-text {
  background: #f7f9fb;
  border: 1px solid #e6e9ef;
}

.form-control {
  border-radius: 8px;
}

.btn-contact {
  border-radius: 8px;
  padding: 10px 18px;
  font-weight: 600;
}

.small-note {
  font-size: 13px;
  color: #6b7280;
  margin-top: 8px
}

@media (max-width:576px) {
  .form-row .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}