body {
     font-family: "Montserrat", sans-serif;
     background: url("arkaplan.svg") no-repeat center center fixed;
     background-size: cover;
     color: #27374d; /* Tüm yazıların rengi */
     margin: 0;
     padding: 0;
}

h2 {
     font-family: "Michroma", sans-serif;
     color: #27374d; /* Başlık rengi */
     text-align: center;
     margin-top: 50px;
}

.container {
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
     margin: 30px auto;
     width: 90%;
     max-width: 1200px;
     gap: 20px;
}

.contact-info,
.contact-form {
     width: 100%;
     padding: 20px;
     box-sizing: border-box;
     border: 2px solid #f27f3d;
     box-shadow: 0px 0px 10px #ff9209;
     border-radius: 10px;
     background-color: rgba(255, 255, 255, 0.1);
     color: #27374d;
     min-height: 450px; /* Sabit yükseklik */
}

.contact-info p,
.contact-info a {
     margin: 15px 0;
     font-size: 16px;
     font-weight: bold;
     color: #27374d; /* Tüm yazılar ve linkler için temel renk */
     text-decoration: none;
}

.contact-info img {
     vertical-align: middle;
     margin-right: 10px;
}

/* Hover efekti ve renk değişimi */
.contact-info a:hover {
     color: #f27f3d; /* Link hover rengi */
     text-decoration: underline;
}

.contact-form {
     background-color: rgba(255, 255, 255, 0.1);
}

.contact-form input,
.contact-form textarea {
     width: 100%;
     padding: 10px;
     margin: 10px 0;
     border: 1px solid #ccc;
     border-radius: 5px;
     box-sizing: border-box;
}

.contact-form button {
     background-color: #ff9209;
     color: white;
     padding: 10px 20px;
     border: none;
     border-radius: 5px;
     cursor: pointer;
}

.contact-form button:hover {
     background-color: #f27f3d;
}

.map-container {
     margin-top: 40px;
     display: flex;
     justify-content: center;
     margin-bottom: 40px;
}

.map-iframe {
     width: 90%;
     height: 400px;
     border: 2px solid #f27f3d;
     box-shadow: 0px 0px 10px #ff9209;
     border-radius: 10px;
     max-width: 1200px;
}
