.form-container {
    position: relative;
    z-index: 3; /* Formun üstte görünmesi için */
    text-align: center;
}
.form-control {
    margin: 5px;
}
.reservation-form {
    margin-bottom: 20px; /* Formdan sonra boşluk */
}
.form-row > div {
    margin-bottom: 10px; /* Form öğeleri arasında boşluk */
}
.hero h2 {
    z-index: 2; /* Başlık için z-index */
    position: relative; /* Başlığın formdan üstte görünmesi için */
}
@media (max-width: 768px) {
    .form-row {
        flex-direction: column; /* Mobilde dikey dizilim */
        align-items: center; /* Orta hizalama */
    }
    .form-control {
        width: 100%; /* Mobilde tam genişlik */
        max-width: 300px; /* Maksimum genişlik */
    }
}




@media (max-width: 768px) {
    .hero {
       width: 100%;
    }
}