body {
  font-family: "Poppins", sans-serif;
  margin: 0;
  background-color: #f9fafb;
}

/* Bootstrap Navbar'ı zaten bu stilleri sağlıyor,
   bu yüzden özel .navbar stillerinin çoğunu kaldırabiliriz
   veya Bootstrap sınıflarıyla çakışmayacak şekilde ayarlayabiliriz. */

/* Logo boyutunu ayarlamak için özel stil kalabilir */
.navbar-brand img {
  margin-right: 5px; /* Logoyla metin arasına biraz boşluk ekleyelim */
}

/* Dil değiştirici düğmeler için ek stiller gerekebilir veya Bootstrap sınıfları kullanılabilir */

/* Dropdown menu items */
.dropdown-menu .dropdown-item {
  text-align: center;
  color: #000; /* Change text color to black */
}

.dropdown-menu .dropdown-item.active {
  background-color: #f8f9fa; /* Light background for active item */
  color: #000; /* Black text for active item */
}

/* Active navlink için ek stil */
.navbar .nav-link.active {
  font-weight: bold;
  /* Alt çizgi kaldırıldı */
  .nav-link {
    padding-left: 10px; /* Adjust the value as needed */
  }
}

/* Sticky navbar için gölge efekti */
.navbar.sticky-top {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Carousel yüksekliği ekran kadar */

/* Slider yüksekliği tam ekran */
/* Carousel container yüksekliği */
#carouselExampleCaptions {
  height: 100vh;
  overflow: hidden;
}

/* Her bir slayt 100vh kadar yer kaplasın */
#carouselExampleCaptions .carousel-item {
  height: 100vh;
  position: relative;
}

/* Görseller taşmasın, alanı düzgünce doldursun */
.carousel-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* Yazılar tam ortada çıksın */
#carouselExampleCaptions .carousel-caption {
  top: 50%;
  transform: translateY(-50%);
  bottom: initial;
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
}

/* Features section styling */
.features-section {
  padding: 20px 0;
}

.features-section .feature-item {
  margin-bottom: 15px;
  padding: 10px;
  border-radius: 8px;
  background-color: #ffffff;
  transition: all 0.3s ease;
}

.features-section .feature-item:hover {
  background-color: #e9ecef;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.features-section .feature-icon {
  color: #28a745;
  margin-right: 12px;
  font-size: 1.2rem;
}

/* Responsive features for mobile */
@media only screen and (max-width: 767px) {
  .features-section .col-md-6 {
    width: 100%;
    margin-bottom: 10px;
  }

  .features-section .feature-item {
    padding: 8px;
    margin-bottom: 10px;
  }

  .features-section .feature-icon {
    font-size: 1rem;
    margin-right: 8px;
  }
}

.navbar-brand {
  padding-left: 15px; /* Adjust the value as needed */
}

.card {
  width: 325px;
  height: 415px;
  margin: 10px; /* Kartlar arasına boşluk ekle */
  border-color: #e0e0e0; /* Daha yumuşak kenarlık rengi */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Hafif gölge */
}

.card img {
  width: 100%;
  height: 250px; /* Resim yüksekliğini ayarlayın */
  object-fit: cover;
}

.btn-warning {
  color: #ffffff;
  background-color: #ff9800; /* Slightly different orange */
  border-color: #ff9800; /* Match border color */
  padding: 8px 16px; /* Slightly reduced padding */
}

/* Dil değiştirici düğmesi */
.navbar .dropdown > .btn-secondary {
  color: #000; /* Metin rengini siyah yap */
  background-color: transparent; /* Arka planı şeffaf yap */
  border: none; /* Kenarlığı kaldır */
}

.navbar .dropdown > .btn-secondary:hover,
.navbar .dropdown > .btn-secondary:focus {
  color: #000; /* Hover ve focus durumunda metin rengini siyah yap */
  background-color: transparent; /* Hover ve focus durumunda arka planı şeffaf yap */
  border: none; /* Hover ve focus durumunda kenarlığı kaldır */
  box-shadow: none; /* Hover ve focus durumunda gölgeyi kaldır */
}

/* Yat kartlarındaki butonlar */
.card .btn-primary {
  width: 100%; /* Buton genişliğini artır */
  background-color: #0d9488; /* Rengi #0D9488 olarak ayarla */
  border-color: #0d9488; /* Kenarlık rengini de ayarla */
}

.card .btn-primary:hover,
.card .btn-primary:focus {
  background-color: #0a7a6b; /* Hover ve focus durumunda biraz daha koyu renk */
  border-color: #0a7a6b; /* Hover ve focus durumunda kenarlık rengini ayarla */
}

/* Breadcrumb styling */
.breadcrumb {
  justify-content: center; /* Center the breadcrumb items */
}

.breadcrumb-item,
.breadcrumb-item a {
  font-size: 0.9em; /* Make text smaller */
  color: #333; /* Default text color */
}

.breadcrumb-item a {
  text-decoration: underline; /* Ensure underline is present */
  text-decoration-color: #0d9488; /* Set underline color to match the button */
}

.breadcrumb-item.active {
  color: #0d9488; /* Set active item color */
  font-weight: normal; /* Remove bold from active item */
  text-decoration: none; /* Remove underline from active item */
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #0d9488;
  color: white;
}

.tab-content .tab-pane {
  background-color: #ffffff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border: 1px solid #e0e0e0;
}

.swiper-slide img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  cursor: pointer;
  border-radius: 8px;
}

.swiper-button-prev-custom,
.swiper-button-next-custom {
  color: #333;
  transition: color 0.3s ease;
}

.swiper-button-prev-custom:hover,
.swiper-button-next-custom:hover {
  color: #000;
}

@media (max-width: 768px) {
  #prevImageBtn,
  #nextImageBtn {
    top: 20% !important;
  }
}

footer.bg-dark {
  margin-top: 50px; /* İstediğiniz boşluk miktarını burada ayarlayabilirsiniz */
}

.text-primary {
  color: #0d9488 !important;
  font-size: 1rem !important;
}
.text-muted {
  color: rgb(31 41 55 / 0.8) !important;
  font-size: 0.8rem !important;
}

.text-dark {
  color: rgb(31 41 55 / 0.8) !important;
  font-size: 0.8rem !important;
}

.navbar .nav-link.active {
  font-weight: 600 !important;
}

/* Tab navigation styling */
.nav-tabs .nav-link {
  background-color: #f8f9fa;
  color: #6c757d;
  border: 1px solid #dee2e6;
  border-bottom: none;
  border-radius: 0.375rem 0.375rem 0 0;
  margin-right: 2px;
  padding: 0.75rem 1.5rem;
  font-weight: 500;
  transition: all 0.3s ease;
  font-size: 1rem; /* Yazı boyutunu belirgin hale getir */
}

.nav-tabs .nav-link:hover {
  background-color: #e9ecef;
  color: #495057;
  border-color: #dee2e6;
}

.nav-tabs .nav-link.active {
  background-color: #ffffff;
  color: #495057;
  border-color: #dee2e6 #dee2e6 #ffffff;
  font-weight: 600;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}

/* Mobil cihazlar için özel düzenleme */
@media (max-width: 767px) {
  .nav-tabs {
    display: flex;
    justify-content: center; /* Sekmeleri ortala */
    flex-wrap: nowrap; /* Sekmelerin alt satıra geçmesini engelle */
    overflow-x: auto; /* Gerekirse yatay kaydırma */
  }

  .nav-tabs .nav-link {
    padding: 0.75rem 1rem; /* Padding'i biraz azalt ama yine de büyük tut */
    font-size: 0.95rem; /* Yazı boyutunu çok az küçült */
    white-space: nowrap; /* Metinlerin satır atlamasını engelle */
    flex-shrink: 0; /* Sekmelerin sıkışmasını engelle */
    min-width: auto; /* Minimum genişlik ayarla */
  }
}

.hero-section {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url("/assets/images/hero1.png");
  background-size: cover;
  background-position: center;
  height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  text-align: center;
}

.section-padding {
  padding: 80px 0;
}

.mission-vision-bg {
  background-color: rgb(245, 245, 245);
}

.values-section {
  background-color: #ffffff;
}

.experience-section {
  background: linear-gradient(135deg, #0d9488 0%, #14b8a6 100%);
  color: white;
}

.contact-cta {
  background: rgb(255, 255, 255);
  color: white;
}

.value-card {
  background: white;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  height: 100%;
}

.value-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.value-icon {
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, #0d9488 0%, #14b8a6 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  color: white;
  font-size: 2rem;
}

.experience-image {
  border-radius: 15px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

.stats-counter {
  font-size: 3rem;
  font-weight: 700;
  color: #0d9488;
}

.section-title {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 20px;
  color: #1f2937;
}

.section-subtitle {
  font-size: 1.1rem;
  color: #6b7280;
  margin-bottom: 50px;
}

@media (max-width: 768px) {
  .hero-section {
    height: 50vh;
  }

  .section-padding {
    padding: 50px 0;
  }

  .section-title {
    font-size: 2rem;
  }

  .stats-counter {
    font-size: 2rem;
  }
}

@media (max-width: 767px) {
  .route-tabs-mobile {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0 1rem;
    gap: 0.5rem;
  }

  .route-tabs-mobile .nav-link {
    white-space: nowrap;
    flex-shrink: 0;
    font-size: 0.95rem;
    padding: 0.5rem 1rem;
  }

  /* Scroll çubuğunu gizlemek için isteğe bağlı */
  .route-tabs-mobile::-webkit-scrollbar {
    display: none;
  }
}