/* Font Elemanları Düzenleme */
body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
  .tm-search-form .form-row {
    display: flex;
    flex-wrap: nowrap;  /* Yalnızca tek satırda görünmesini sağla */
    justify-content: space-between;
    align-items: center;  /* Öğeleri dikeyde ortala */
}

.tm-search-form .form-group {
    margin-bottom: 0;  /* Alt boşluğu kaldır */
    flex: 1;  /* Her öğe aynı genişliği alsın */
    max-width: 50%;  /* Her elemanın maksimum genişliği */
}

.tm-search-form .btn {
    margin-top: 0;  /* Butonun üst boşluğunu kaldır */
    padding: 10px 20px;
    display: block;
}

.tm-bg-white {
    background-color: white;
    overflow: visible; /* Kapsayıcı sınırların taşmasına izin verir */
}

.tm-search-form {
    padding: 10px; /* İç boşluk */
    margin: 0px none; /* Dış boşluk */
}

.tm-form-element select {
    font-size: 10px; /* Yazı boyutu */
    line-height: 1.2; /* Satır yüksekliği */
}

.tm-search-form {
    border: 0px solid rgba(0, 0, 0, 0.4); /* %20 şeffaf siyah kenarlık */
    padding: 20px;
    border-radius: 20px; /* Kenarlıkları yuvarlatma */
    background-color: white; /* Arka planı belirgin tutmak için beyaz */
}

.tm-search-form {
    background-color: rgb(255, 255, 255);
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 0 10px 20px rgba(0, 0, 0, 0.4); /* %20 şeffaf gölge */
}

.tm-search-form {
    background-color: white;
    width: 100%;
    padding: 20px;
    width: 93%;
    border-radius: 10px;
    outline: 2px solid rgb(0, 0, 0); /* %10 şeffaf siyah dış çizgi */
}

.transparent-container {
    margin: auto;
    place-items: center;
    width: 50%;
    background-color: rgba(1, 1, 1, 0.1); /* Çevrede %10 şeffaf siyah arka plan */
    padding: 20px; /* Çevresel alan boşluğu */
    border-radius: 20px; /* Yuvarlatılmış kenar */
}

i.fa, i.fas, i.far, i.fal, i.fab {
    font-size: 25px; /* Boyut değeri burada belirlenir */
}

.tm-btn-search {
    padding: 1px 10px; /* Butonun içindeki boşlukları azaltarak küçültme */
    font-size: 10px;    /* Yazı boyutunu küçültme */
    width: 70%;
    right: 1;
    font-size: 10px; /* Yazı boyutu */
    font-weight: bold; /* Yazı kalınlığı */
    transition: all 0.3s ease; /* Geçiş animasyonu */
    border-radius: 8px; /* Kenarları yuvarlatma */
}

.tm-btn-search:hover {
    background-color: #b31b00; /* Hover durumu için daha koyu bir mavi */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Hover durumunda gölge ekle */
    transform: scale(1.02); /* Hover durumunda hafif büyütme */
}

.tm-btn-search:active {
    background-color: #ee5057; /* Tıklama durumunda daha koyu bir mavi */
    transform: scale(1); /* Tıklama durumunda geri küçültme */
}

i.fa-search {
    font-size: 20px; /* İkonun boyutunu 30px yapar */
}

.tm-form-element {
    position: relative;
}

@media screen and (min-width: 768px) {
    .mobile-form {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .desktop-form {
        display: none;
    }
}