.contact-form {
    background: white;
    padding: 50px;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    max-width: 90%;
    /* Formun çok geniş olmasını engeller */
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 992px) {
    .contact-form {
        max-width: 80%;
        /* Büyük ekranlarda formun fazla yayılmasını engeller */
    }
}

.contact-info {
    padding-left: 40px;
    /* Sağ tarafın daha iyi hizalanması için */
}

.form-control {
padding: 14px;
border: 2px solid #ddd;
border-radius: 8px;
transition: 0.3s;
font-size: 1rem;
}

.form-control:focus {
border-color: #6a11cb;
box-shadow: 0 0 10px rgba(106, 17, 203, 0.2);
}

/* Doğru girildiğinde yeşil olacak */
.is-valid {
border-color: #28a745 !important;
box-shadow: 0 0 10px rgba(40, 167, 69, 0.3) !important;
}

/* Hatalı veya boş olduğunda kırmızı olacak */
.is-invalid {
border-color: #dc3545 !important;
box-shadow: 0 0 10px rgba(220, 53, 69, 0.3) !important;
}