
.contact-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
}

.iletisim_row {
    width: 90%;
    min-height: 600px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(249deg, #0d3f74, #ff6823);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    padding: 20px;
}

.info_card {
    border: solid #0d3f74 1px !important;
    color: #0d3f74 !important;
    margin-top: 20px;
    border-radius: 20px !important;
    width: 100%;
    max-width: 400px;
    background-color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.info_card_body {
    border-radius: 20px !important;
    color: #0d3f74 !important;
    padding: 20px;
    text-align: center;
}
.info_card_body_p{
    margin-bottom: 0.3rem !important;
}

#contact-mapouter {
    text-align: center;
    width: 100%;
    height: 400px;
}

#contact-gmap_canvas {
    overflow: hidden;
    border-radius: 20px;
    width: 100%;
    height: 400px;
}

#contact-map-iframe {
    width: 100%;
    height: 400px;
    border-radius: 20px;
}

.contact-baslik {
    color: #0d3f74;
    margin-bottom: 20px;
}
.form-label{
    color: #0d3f74;
    font-weight: 600;
}
.btn-contact-form{
    background-color: #0d3f74 !important;
  color: #ffffff !important;
  z-index: 99 !important;
  margin-top: 20px !important;
  border-radius: 25px !important;
  padding-inline: 20px !important;
  padding-block: 10px !important;
  font-size: larger !important;
  font-weight: 600 !important;
}

.contact_form_input input, .contact_form_input select, .contact_form_input textarea {
    margin: 5px 0;
    background: transparent;
    border: 1px solid #0d3f74;
    color: #0d3f74;
    backdrop-filter: blur(5px);
    transition: border-color 0.3s;
  }
  
  .contact_form_input input::placeholder, .contact_form_input select::placeholder, .contact_form_input textarea::placeholder {
    color: #0d3f74; /* Placeholder beyaz olacak */
  }
  
  .contact_form_input input:focus, .contact_form_input select:focus, .contact_form_input textarea:focus {
    background: transparent;
    border-color: #ff6823;
    outline: none;
    box-shadow: 2px 2px 8px rgba(245, 245, 245, 0.6);
    color: #0d3f74;
  }