html {
  scroll-behavior: smooth; /* Tüm sayfa için yumuşak kaydırma davranışı */
}

body {
  height: 100%;
    font-family: 'Poppins', sans-serif; /* Poppins fontunu tüm sayfa için kullanıyoruz */
    overflow-x: hidden;
    
  }
  /* Chrome ve Safari için Scroll Bar Tasarımı */
::-webkit-scrollbar {
  width: 12px; /* Scroll bar genişliği */
}

::-webkit-scrollbar-track {
  background: #f1f1f1; /* Kaydırma çubuğu arka planı */
  border-radius: 10px; /* Köşeleri yuvarlat */
}

::-webkit-scrollbar-thumb {
  background: #888; /* Kaydırma çubuğu rengi */
  border-radius: 10px; /* Köşeleri yuvarlat */
}

::-webkit-scrollbar-thumb:hover {
  background: #555; /* Hover durumunda daha koyu renk */
}

/* Firefox için Scroll Bar Tasarımı */
* {
  scrollbar-width: thin; /* İnce scroll bar */
  scrollbar-color: #888 #f1f1f1; /* Scroll bar rengi ve arka plan rengi */
}

#scrollTopBtn {
  position: fixed;
  bottom: 100px;
  right: 100px;
  display: none; /* Sayfa kaydırılana kadar görünmesin */
  width: 60px;
  height: 60px;
  background-color: #f39c12;
  color: #fff;
  border: none;
  border-radius: 50%; /* Yuvarlak yap */
  text-align: center;
  line-height: 60px;
  font-size: 34px;
  cursor: pointer;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Hafif gölge */
  transition: background-color 0.3s ease;
  z-index: 1000; /* Üstte kalması için */
}

#scrollTopBtn:hover {
  background-color: #fb8332;
  transform: scale(1.1); /* %10 büyüme */
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(0); /* Başlangıç ve bitiş noktası */
  }
  50% {
    transform: translateY(-5px); /* Ortada yukarı hareket */
  }
}

#whatsappBtn {
  position: fixed;
  bottom: 100px;
  left: 100px;
  width: 65px;
  height: 65px;
  background-color: #25D366;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 50px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  z-index: 1000;
  text-decoration: none; /* Alt çizgiyi kaldır */
  animation: bounce 2s infinite; /* Animasyonu ekle */
  transition: transform 0.3s ease; /* Geçiş efekti ekle */
}

#whatsappBtn:hover {
  width: 75px;
  height: 75px;
  font-size: 60px;
  transition: 0.3s ease;
}




.top-menu {
  background-color: #e74c3c; /* Güzel bir kırmızı tonu */
  color: white;  
  padding-top: 15px; /* Üstten boşluk ekle */
  
  
  
   /* Alttan daha az boşluk bırak */
}
#top-menu.hidden {
  display: none; /* Kaybolması için */
}
  .top-menu .row {
    text-align: center; /* İçerikleri ortala */
  }
  .top-menu a {
    text-decoration: none;
    color: white;
    padding: 3px 10px; /* Linklerin etrafına boşluk ekler */
    transition: all 0.3s ease; /* Geçiş animasyonu */
    border-radius: 5px; /* Köşeleri hafif yuvarlatır */
  }
  .top-menu a:hover {
    background-color: #f39c12; /* Hover durumunda arka plan rengi (turuncu tonunda) */
    color: #333; /* Yazı rengini koyu bir gri yapar */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* Hafif bir gölge efekti */
    text-decoration: none; /* Alt çizgi kaldırılır */
  }
  .top-menu i {
    margin-right: 5px;

  }
  .navbar {
    display: flex;
    align-items: center; /* Dikeyde ortalamak için */
    
}
#navbar-nav.fixed{
  position:fixed;
   /* Top-menü kaybolması için */
  
}

  .navbar-nav {
    margin: 0 auto; /* Menü öğelerini ortalamak için */
    display: flex;
  }
  .navbar-brand{
      width: 15%; /* Resmin genişliği */
      height: 75px; /* Resmin yüksekliği */
      object-fit: contain; /* Resmi düzgün sığdır */
      border-radius: 20px; /* Üst sol köşe yuvarlama */
        
  }
  .navbar-brand img {
    width: 75px;
    height: 75px;
    object-fit: contain;
}
  .navbar-nav .nav-item {
    margin-right: 30px; /* Menü öğeleri arasına daha fazla boşluk ekler */
  }
  .navbar-nav .nav-item:last-child {
    margin-right: 0; /* Son öğenin sağ tarafında boşluk olmasını engeller */
  }
  /* Menü Elemanlarına Hover Efekti */
.navbar-nav .nav-item .nav-link {
  position: relative;
  color: #000000; /* Normal durumda beyaz */
  transition: color 0.3s ease-in-out;
}

/* Hover'da yazı rengi ve altına çizgi ekle */
.navbar-nav .nav-item .nav-link:hover {
  color: #f1c40f; /* Sarıya yakın bir renk */
}

/* Altına çizgi ekleme ve hover animasyonu */
.navbar-nav .nav-item .nav-link::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -5px; /* Yazının hemen altına */
  width: 0;
  height: 2px;
  background-color: #f39c12; /* Sarıya yakın bir çizgi */
  transition: width 0.3s ease-in-out;
}


/* CSS */
.button-5 {
  align-items: center;
  background-clip: padding-box;
  background-color: #f39c12;
  border: 1px solid transparent;
  border-radius: 0.75rem;
  box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-family: system-ui,-apple-system,system-ui,"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 16px;
  font-weight: 600;
  justify-content: center;
  line-height: 1.25;
  margin: 0;
  min-height: 3rem;
  padding: calc(.875rem - 1px) calc(1.5rem - 1px);
  position: relative;
  text-decoration: none;
  transition: all 250ms;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: baseline;
  width: auto;
}

.button-5:hover,
.button-5:focus {
  background-color: #fb8332;
  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
}

.button-5:hover {
  transform: translateY(-1px);
}

.button-5:active {
  background-color: #c85000;
  box-shadow: rgba(0, 0, 0, .06) 0 2px 4px;
  transform: translateY(0);
}
/* Hover'da alt çizginin genişlemesi */
.navbar-nav .nav-item .nav-link:hover::after {
  width: 100%; /* Tam genişlikte alt çizgi */
}



  /* Slider stili */

.carousel {
  width: 66%; /* Slider genişliğini %80 yap */
  margin: 20px auto; /* Slider'ı yatayda ortala ve üstten 20px boşluk ekle */
  border: 0 solid #f39c12; /* Kenar çizgisi rengi ve kalınlığı */
  border-radius: 15px; /* Kenarları yuvarlat */
  overflow: hidden; /* Taşmaları engelle */
  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3); /* Daha belirgin bir gölge efekti */
}
.carousel-item {
    transition: transform 1s ease-in-out, opacity 1s ease-in-out; /* Kayma ve solma animasyonu */
    opacity: 0; /* Varsayılan olarak gizle */
}

.carousel-item.active {
    opacity: 1; /* Aktif olan resim tamamen görünür */
}

/* Hover ile geçişi hızlandırma (isteğe bağlı) */
.carousel:hover .carousel-item {
    transition-duration: 0.5s; /* Hover'da daha hızlı geçiş */
}
  .carousel-item img {
    width: 100%; /* Genişliği %80 olarak ayarladık */
    height: 500px; /* Yüksekliği biraz daha azalttık */
    object-fit:fill; /* Resmin içeriğini kaplamasını sağlar */
     /* Resmi ortalar ve üstüne boşluk ekler */
}
/* Kaydırma okları için stil */
.carousel-control-prev,
.carousel-control-next {
    width: 40px; /* Ok genişliği */
    height: 40px; /* Ok yüksekliği */
    top: 50%; /* Orta hizaya al */
    transform: translateY(-50%); /* Orta hizayı düzelt */
    opacity: 1; /* Ok işaretleri her zaman görünür */
    background-color: rgba(243, 156, 18, 0.8); /* Arka plan rengi */
    border-radius: 50%; /* Yuvarlak görünüm */
    border: none; /* Kenarlık kaldırıldı */
    padding: 0; /* İç boşluk kaldırıldı */
    display: flex; /* Flex kutusu oluştur */
    align-items: center; /* Dikey ortalama */
    justify-content: center; /* Yatay ortalama */
    transition: background-color 0.3s ease, transform 0.3s ease; /* Geçiş animasyonu */
}

/* Ok simgeleri için içerik ayarlaması */
.carousel-control-prev-icon,
.carousel-control-next-icon {
    background: none; /* Arka planı kaldır */
    color: white; /* Ok işareti rengi */
    font-size: 24px; /* Ok işareti boyutu */
}
.carousel-control-prev {
  left: 20px; /* Sol kenara daha yakın */
}

/* Sonraki okun pozisyonu */
.carousel-control-next {
  right: 20px; /* Sağ kenara daha yakın */
}

/* Hover durumunda animasyon ve stil değişiklikleri */
.carousel-control-prev:hover,
.carousel-control-next:hover {
    background-color: #e67e22; /* Hover durumunda daha koyu turuncu */
    transform: scale(1.1); /* Hover'da büyütme efekti */
}

/* Özel simgeler için */
.carousel-control-prev-icon::after {
    content: '←'; /* Önceki ok simgesi */
    font-size: 24px; /* Ok simgesi boyutu */
    color: white; /* Ok rengi */
}

.carousel-control-next-icon::after {
    content: '→'; /* Sonraki ok simgesi */
    font-size: 24px; /* Ok simgesi boyutu */
    color: white; /* Ok rengi */
}

.card {
  margin: 20px; /* Kartlar arasında boşluk */
  border: 1px solid #ddd; /* Kart kenarları için sınır */
  border-radius: 10px; /* Kart köşeleri yuvarla */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Hafif gölge efekti */
  background-color: #EAEAEA;
}
.card-body {
  display: flex; /* Esnek kutu modeli */
  flex-direction: column; /* Dikey hizalama */
  justify-content: center; /* Dikey ortalama */
  align-items: center; /* Yatay ortalama */
  text-align: center; /* Yazının ortalanması için */
  border-radius: 15px;
}

.btn-warning {
  width: 90%; /* Butonun genişliği tam dolsun */
  
}
.card-title{
  color: #000000; /* Siyah yazı rengi */
    font-family: 'Poppins', sans-serif; /* Modern sans-serif font */
    font-size: 25px; /* Yazı boyutu */
    font-weight: 500; /* Kalın yazı */
    text-align: center; /* Ortala */
   
}
.card-subtitle{
  color: #000000; /* Siyah yazı rengi */
  font-family: 'Poppins', sans-serif; /* Modern sans-serif font */
  font-size: 15px; /* Yazı boyutu */
  text-align: center; /* Ortala */
  margin-bottom: 15px;
  
}


.card-img-top {
  width: 100%; /* Resmin genişliği */
  height: 200px; /* Resmin yüksekliği */
  object-fit: contain; /* Resmi düzgün sığdır */
  border-radius: 20px; /* Üst sol köşe yuvarlama */
  
  margin: auto;
}

.modal {
  display: none; /* Başlangıçta gizli */
  position: fixed; /* Sabit konum */
  z-index: 1050; /* Üst katman */
  left: 0;
  top: 0;
  width: 100%; /* Tüm genişlik */
  height: 100%; /* Tüm yükseklik */
  overflow: hidden; /* Taşmayı gizle */
  background-color: rgba(0, 0, 0, 0.7); /* Siyah yarı saydam arka plan */
}

.modal-content {
  position: relative;
  margin: auto;
  width: 100%; /* Tam genişlik */
  height: 100%; /* Tam yükseklik */
}

.modal-body {
  display: flex; /* Flex kullanarak merkezleme */
  justify-content: center; /* Yatayda ortala */
  align-items: center; /* Dikeyde ortala */
  height: 100%; /* Modal içeriğinin yüksekliği */
}

.modal-body img {
  max-width: 100%; /* Resmin maksimum genişliği */
  max-height: 100%; /* Resmin maksimum yüksekliği */
}


.about-title{
  text-align: center; /* Ortalaması için */
  margin: 50px 0 20px 0; /* Üst ve alt boşluk */
}

.about-section {
  padding: 50px 0; /* Üst ve alt boşluk */
  background-color: #f9f9f9; /* Açık arka plan rengi */
}



@keyframes floating {
  0% {
      transform: translateY(0);
  }
  50% {
      transform: translateY(-10px); /* Yukarıya doğru daha belirgin hareket */
  }
  100% {
      transform: translateY(0);
  }
}

.about-image {
  animation: floating 2s ease-in-out infinite; /* Sürekli dalgalanma efekti */
}

.image-wrapper {
  width: 75%;
  height:85%; 
  border-radius: 70px; /* Resim köşelerini yuvarla */
  overflow: hidden; /* Taşmalarını engelle */
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); /* Daha belirgin gölge efekti */
  transition: transform 0.3s ease; /* Hover için geçiş efekti */
}

.about-image img {
  width: 100%; /* Resmin genişliği tam olarak %100 olacak */
  height: auto; /* Yükseklik otomatik ayarlanacak */
}

.image-wrapper:hover {
  transform: scale(1.05); /* Hover olduğunda yakınlaştır */
}

.about-text {
  margin-top: 20px; /* Üstten boşluk ekle */
}

.about-text p {
  font-size: 16px; /* Yazı boyutu */
  line-height: 1.5; /* Satır yüksekliği */
  margin-bottom: 20px; /* Alt boşluk */
}

.btn-warning {
  background-color: #f39c12; /* Buton arka plan rengi */
  border: none; /* Sınır kaldırıldı */
}

.btn-warning:hover {
  background-color: #e67e22; /* Hover durumunda daha koyu turuncu */
}

hr {
  width: 50%; /* Çizginin genişliği */
  margin: 20px auto; /* Ortalamak için */
  border: 2px solid #f1c40f; /* Kalın çizgi */
}

.buton{
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  text-decoration: none;
  color: #212529; /* Yazı rengi */
}
.btn-about{
  color: #212529; /* Yazı rengi */
  background-color: #f39c12; /* Arka plan rengi */
  border-color: #f39c12; /* Kenar rengi */
}
.btn-about:hover {
  color: #212529; /* Hover yazı rengi */
  background-color: #fd7e14; /* Hover arka plan rengi */
  border-color: #fd7e14; /* Hover kenar rengi */
}

.btn-about:focus, .btn-warning:active {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); /* Focus gölge */
}

.btn-about:disabled {
  background-color: #f39c12;
  border-color: #f39c12;
  opacity: 0.65;
}
.justify-paragraph {
  text-align: justify;
}




  .products-title {
    text-align: center; /* Ortalaması için */
    margin: 50px 0 20px 0; /* Üst ve alt boşluk */
  }
  .products-title hr {
    width: 50%; /* Çizginin genişliği */
    margin: 0 auto; /* Ortalamak için */
    border: 2px solid #f1c40f; /* Kalın çizgi */
  }
  .category {
    position: relative; /* Arka plan resmine konumlandırma için */
    width: 100%; /* Her kategorinin genişliği tam olacak */
    height: 400px; /* Kategori yüksekliği */
    display: flex; /* İçerik için flex kullan */
    flex-direction: column; /* Dikey yerleşim */
    justify-content: center; /* Ortalamak için */
    align-items: center; /* Ortalamak için */
    color: white; /* Yazı rengi */
    text-align: center; /* Yazı ortalamak için */
    overflow: hidden; /* Taşmaları engelle */
    margin: 0; /* Kategoriler arasındaki boşlukları kaldır */
    padding: 0; /* İç boşlukları kaldır */
  }
  .category img {
    position: absolute; /* Resimlerin kategori arka planı olacak şekilde pozisyonlandırılması */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Resmin kategori alanını kaplaması */
    z-index: 0; /* Resmi en alt katmana yerleştirir */
  }
  .category h3 {
    position: relative; /* Üstte görünmesi için */
    z-index: 1; /* Diğer içeriklerin üzerinde olması için */
  }
  .category button {
    position: relative; /* Butonun konumunu ayarlamak için */
    z-index: 1; /* Diğer içeriklerin üzerinde olması için */
    background-color: rgba(255, 255, 255, 0.8); /* Buton arka plan rengi */
    border: none; /* Buton kenarını kaldır */
    padding: 10px 20px; /* Buton içi boşluk */
    border-radius: 5px; /* Kenarları yuvarlat */
    font-weight: bold; /* Buton yazı kalınlığı */
  }
  /* Kategorilerin tam genişlikte ve bitişik olmasını sağlayan stil */
  .row.no-gutters {
    margin-right: 0;
    margin-left: 0;
  }
  .col-md-6 {
    padding: 0; /* Sütunlar arasındaki boşluğu kaldırır */
  }
  .category:hover img {
    transform: scale(1.1); /* Resmi hover olduğunda yakınlaştır */
    transition: transform 0.5s ease; /* Yumuşak bir geçiş efekti */
  }
  .category:hover h3 {
    color: #e3e3e3; /* Başlığın rengi hover olduğunda turuncu olur */
    transition: color 0.5s ease; /* Başlık rengi değişimi yumuşak geçişle */
  }
  .category:hover button {
    background-color: #f1c40f; /* Buton hover olduğunda turuncu arka plan */
    color: white; /* Buton metni beyaz olur */
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.3); /* Hafif gölge ekler */
    transition: background-color 0.5s ease, color 0.5s ease, box-shadow 0.5s ease; /* Geçiş efektleri */
  }
  .brands-title {
    text-align: center;
    margin: 50px 0 20px 0;
  }
  
  .brands-title hr {
    width: 50%; /* Çizginin genişliği */
    margin: 0 auto;
    border: 2px solid #f1c40f; /* Kalın çizgi */
  }
  
  /* Markalar slider stili */
  #brandsCarousel .carousel-item {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  #brandsCarousel .carousel-item img {
    max-height: 100px; /* Logoların maksimum yüksekliği */
    max-width: 150px;  /* Logoların maksimum genişliği */
    margin: 0 15px; /* Logolar arasında boşluk */
  }
  
  /* Kaydırma okları için stil */
  #brandsCarousel .carousel-control-prev-icon,
  #brandsCarousel .carousel-control-next-icon {
    background-color: rgba(255, 255, 255, 0.8); /* Yarı saydam beyaz arka plan */
    border-radius: 50%; /* Yuvarlak oklar */
    padding: 10px; /* İç boşluk */
    border: 1px solid #f39c12; /* İnce turuncu kenarlık */
  }
  
  /* Kaydırma okları pozisyonları */
  #brandsCarousel .carousel-control-prev,
  #brandsCarousel .carousel-control-next {
    width: auto; /* Genişliği sınırla */
    top: 50%; /* Orta hizaya al */
    transform: translateY(-50%); /* Orta hizayı düzelt */
    padding: 0; /* Ekstra boşluk bırakma */
  }
  
  /* Okların hover durumunda tasarımı */
  #brandsCarousel .carousel-control-prev:hover .carousel-control-prev-icon,
  #brandsCarousel .carousel-control-next:hover .carousel-control-next-icon {
    background-color: rgba(243, 156, 18, 0.8); /* Hover sırasında turuncu arka plan */
    border-color: #f39c12; /* Kenarlık rengi hover sırasında sabit kalsın */
  }
  
  #brandsCarousel .carousel-control-prev,
  #brandsCarousel .carousel-control-next {
    opacity: 1; /* Butonları her zaman görünür yap */
  }
  
  #brandsCarousel .carousel-control-prev {
    left: 5%; /* Logolara daha yakın yap */
  }
  
  #brandsCarousel .carousel-control-next {
    right: 5%; /* Logolara daha yakın yap */
  }
  /* Footer Stili */
.footer {
  background-color: #343a40; /* Koyu arka plan */
}

.footer h5 {
  color: #f39c12; /* Başlıkları turuncu renkte yap */
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}

.footer p, .footer li {
  font-size: 14px;
}

.footer a {
  text-decoration: none;
}

.footer a:hover {
  color: #f39c12; /* Bağlantılar hover olduğunda turuncu */
}

.footer .list-unstyled i {
  margin-right: 10px; /* Simge ile yazı arasında boşluk */
}

.footer hr {
  border-color: #555; /* İnce gri çizgi */
}

/* Sosyal Medya İkonları Stili */
.footer .fab {
  font-size: 20px;
  transition: color 0.3s ease;
}

.footer .fab:hover {
  color: #f39c12; /* İkonlar hover olduğunda turuncu */
}
/* Menü Elemanlarına Hover Efekti */
.form-control {
  border: 1px solid #ced4da; /* Sınır rengi */
  border-radius: 8px; /* Yuvarlak kenarlar */
  transition: border-color 0.3s ease; /* Sınır rengi geçişi */
}

.form-control:focus {
  border-color: #f39c12; /* Odaklandığında sınır rengi */
  box-shadow: 0 0 5px rgba(243, 156, 18, 0.5); /* Odaklandığında gölge efekti */
}
.footer-contact li a{
  text-decoration: none;
    color: white;   
    transition: all 0.3s ease; /* Geçiş animasyonu */  
}
.footer-contact li a:hover{
  
    color: #f39c12;   
    
}


/* Buton Stili */
.btn-warning {
  background-color: #f39c12; /* Buton arka plan rengi */
  border: none; /* Sınır kaldırıldı */
}

.btn-warning:hover {
  background-color: #e67e22; /* Hover durumunda daha koyu turuncu */
}

.row > div {
  margin-bottom: 20px; /* Dikey boşluk */
}
.map{
  width: 100%; 
  height: 400px; 
  border: 1px solid #ccc;
}

.send{
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  background-color: #f39c12;
  border: 1px solid #f39c12;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.send:hover {
  color: #212529;
  background-color: #ffca2c;
  border-color: #ffca2c;
}

@media (max-width: 768px) {
  .mobile-btn {
    border-radius: 0; /* Kenarları düz yap */
  }
  .top-menu{
    
      display: none; /* Mobilde sol boşluk olmaması için */
  
  }
  .carousel {
    width: 90%; /* Slider genişliğini %80 yap */
    margin: 10px auto; /* Slider'ı yatayda ortala ve üstten 20px boşluk ekle */

  }
  .carousel-item img {
    width: 100%; /* Genişliği %80 olarak ayarladık */
    height: 300px; /* Yüksekliği biraz daha azalttık */
    
}
  .carousel-control-prev,
  .carousel-control-next {
  width: 30px; /* Ok genişliği */
  height: 30px; /* Ok yüksekliği */
 
}
.carousel-control-prev {
  left: 10px; /* Sol kenara daha yakın */
}

/* Sonraki okun pozisyonu */
.carousel-control-next {
  right: 10px; /* Sağ kenara daha yakın */
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
   
    font-size: 12px; /* Ok işareti boyutu */
}
.image-wrapper {
  margin: 10px auto;
}
.map{
  width: 100%; 
  height: 300px; 
  border: 1px solid #ccc;
}
#whatsappBtn {
  position: fixed;
  bottom: 30px;
  left: 15px;
  width: 50px;
  height: 50px;
  font-size: 45px; 
}

#whatsappBtn:hover {
  width: 60px;
  height: 60px;
  font-size: 50px;
  transition: 0.3s ease;
}
#scrollTopBtn {
  position: fixed;
  bottom: 30px;
  right: 15px;
  display: none; /* Sayfa kaydırılana kadar görünmesin */
  width: 50px;
  height: 50px;
 
  line-height: 60px;
  font-size: 30px;
 
}

#scrollTopBtn:hover {
  background-color: #fb8332;
  transform: scale(1.1); /* %10 büyüme */
}

}