/* ================= NAVBAR LAYOUT ================= */
.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
   position: sticky;
  top: 0;
}

.nav-links {
    display: flex;
}

/* ================= HERO CENTERING ================= */
.hero {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* ================= DOCTOR LAYOUT ================= */
#doctor-container {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 20px;
}

/* ================= SLOT LAYOUT ================= */
#slot-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

/* ================= FORM CENTER ================= */
.appointment-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

form {
    max-width: 400px;
    width: 100%;
}

/* ================= FOOTER ALIGNMENT ================= */
footer {
    display: flex;
    justify-content: center;
    align-items: center;
}