/* Google Font */
@import url('https://fonts.googleapis.com/css2?family=Funnel+Display:wght@300..800&display=swap');
/* body {
  font-family: "Funnel Display", serif;

} */

@font-face {
  font-family: 'FordLightExtended';
  src: url('assets/fonts/ford-light-extended-58894b03a08a1.otf') format('opentype');
  font-weight: 300; /* Light */
  font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Yellowtail&display=swap');
@import url('https://fonts.cdnfonts.com/css/ford');
/* Kullanım */
body {
  font-family: 'Poppins';
}

/* Navbar */
.navbar {
  padding: 25px 0;
}

/* .navbar-nav {
    gap: 20px; 
} */

/* Navbar Link */
.navbar-nav .nav-link {
    position: relative;
    font-size: 15px;
    font-weight: 600;
    font-family: 'Poppins';
    color: #1f3076;
    transition: color 0.3s ease-in-out;
    margin: 0 15px;
}

.navbar-nav .nav-link:hover {
    color: #fbc02d;
}

/* Buton */
.btn-warning {
  background-color: #fbc02d;
  border-radius: 24px;
  padding: 10px 40px;
  font-weight: bold;
  transition: all 0.3s ease-in-out;
  position: absolute;
  opacity: 1;
}

.btn-warning:hover {
    background-color: #e6a700;
    transform: scale(1.05);
}

/* Özel Carousel Stili */
.custom-carousel {
  position: relative;
  width: 100%;
  height: 900px;
  
  mix-blend-mode: multiply;
  border-radius: 30px;
  opacity: 4;
}

/* Carousel İçerik */
.custom-carousel .carousel-inner {
  border-radius: 30px;
}

/* Carousel Öğeleri */
.custom-carousel .carousel-item {
  position: relative;
  height: 900px; /* Yüksekliği belirlemek için */
}

.custom-carousel .carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 30px;
}

/* Carousel Okları */
.custom-carousel .carousel-control-prev-icon,
.custom-carousel .carousel-control-next-icon {
  background-color: white; /* Ok renklerini deÄŸiÅŸtirme */
  border-radius: 50%;
  padding: 10px;
}


/* Hero text style */
.hero-text p {
  font-family: 'Poppins';  /* 'Funnel Display' fontunu kullanın, eğer eklemediyseniz yukarıda belirttiğim gibi ekleyebilirsiniz */
  font-size: 40px;
  line-height: 48px;
  font-weight: lighter;
  color: white;
  text-align: left;
}



/* Hero Text on Carousel */
.hero-text {
  position: absolute;
  bottom: 10%;
  left: -15%;
  color: white;
  font-size: 1.5rem;
  z-index: 9999;
}



.hero-text span {
  color: #ffffff; /* Renk tercihinize göre değiştirebilirsiniz */
  font-size: 49px;
  font-weight: 600;
}
/* Carousel Wrapper */
#carouselExampleFade {
    position: relative;
    left: 0px;
    width: 100%;
    border-radius: 32px;
    height: 800px; /* Yükseklik 900px olarak ayarlanır */
    margin: 0 auto; /* Ortalanması için */
}

/* Custom Carousel (Özel Carousel) */
.custom-carousel .carousel-inner {
  height: 800px; 
}

/* Carousel Öğeleri */
.custom-carousel .carousel-item {
  height: 800px;
}

/* Carousel Resimleri */
.custom-carousel .carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 30px;
}


/* Mor renkli overlay */
.custom-carousel-item::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #00146694; /* Mor renkli yarı şeffaf overlay */
    border-radius: 30px;
    z-index: 1; /* Görsellerin üstünde görünmesi için */
}

/* Carousel Controls */
.carousel-control-prev, .carousel-control-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
}

.carousel-control-prev {
    left: 10px;
}

.carousel-control-next {
    right: 10px;
}

/* Button styling */
.carousel-control-prev-icon, .carousel-control-next-icon {
    background-color: rgb(255 255 255); /* Karartılmış buton ikonları */
    border-radius: 50%;
}

/* Responsiveness for smaller screens */
@media (max-width: 768px) {
    .hero-text p {
        font-size: 32px; /* Küçük ekranlar için yazı boyutu küçültülür */
    }

    .hero-text span {
        font-size: 40px;
    }

   
}
img.img-fluid.rounded {
  width: 100%;
  height: 150px;
  object-fit: contain;
}
.custom-card {
  /* Özel stil ayarları */
  border-radius: 12px;
  padding: 25px;
  border: 0;
}

.custom-card .card-title {
  font-weight: bold;
}

.custom-card .card-text {font-family: 'Poppins';font-size: 20px;text-align: right;color: #1F3076;}

p.card-h {
  font-family: 'Poppins';
  font-weight: bold;
  font-size: 22px;
  text-align: right;
  color: #1F3076;
  line-height: 1.2px;
}
.btn-card {
  background-color: #1f307600; /* Normalde arka plan rengi */
  border: 2px solid #1F3076; /* Kenar rengi */
  border-radius: 30px; /* Border radius */
  color: #1f3076; /* Yazı rengi */
  padding: -1px 59px;
  display: flex;
  align-items: center; /* Dikeyde ortala */
  justify-content: end; /* Yazıyı sola yasla */
  width: 100%;
  height: 43px;
  padding: 8px 13px 9px;
  gap: 10px; /* Yazı ve ok arasında boşluk */
  text-decoration: none; /* Link altını çizmez */
  transition: all 0.3s ease-in-out;
}

.btn-card .btn-text {
  font-size: 15px; /* Yazı boyutu */
}

.btn-card i {
  font-size: 16px; /* Ok simgesinin boyutu */
}

/* Hover durumu */
.btn-card:hover {
  background-color: #1f3076; /* Hoverda arka plan rengi beyaz */
  color: #ffffff; /* Hoverda yazı rengi mavi */
  border: 2px solid #1F3076; /* Hoverda kenar rengi */
  transform: scale(1.05);
}
.btn-card i.icon {
  font-family: 'Font Awesome 5 Free'; /* Font Awesome fontunu kullan */
  font-weight: 600; /* Kalın simge */
  font-size: 15px; /* Simge boyutu */
  color: white; /* Yazı rengi beyaz */
  background-color: #1F3076; /* Arka plan rengi mavi */
  border-radius: 50%; /* Yuvarlak ÅŸekil */
  width: 30px; /* GeniÅŸlik */
  height: 30px; /* Yükseklik */
  display: flex;
  align-items: center; /* Yatayda ortalama */
  justify-content: center; /* Dikeyde ortalama */
  margin-left: 33px; /* Yazı ile arasına boşluk bırakmak için */
  transition: background-color 0.3s ease-in-out;
}



/* Hover durumu - Arka plan rengini deÄŸiÅŸtirmek */
.btn-card:hover i.icon {
  background-color: #1F3076; /* Hoverda arka plan rengi sarı */
}

.default-con{margin: auto;width: 85%;}
a.nav-link {
  position: relative;
  font-size: 15px;
  font-weight: 500;
  font-family: 'Poppins';
  color: #1f3076;
  transition: color 0.3s ease-in-out;
  /* margin-left: 30px; */
}
a.navbar-nav {
  gap: 40px; /* Menü öğeleri arasına boşluk */
}
.card.banner-card {
  border-radius: 30px;
  padding: 25px;
}
img.img-fluid-banner.rounded.mt-5 {
  width: 100%;
  height: 185px;
  object-fit: contain;
}
p.banner-text {
  font-family: 'Poppins'; /* Font family Funnel Display, Light */
   /* Light ağırlık */
  font-size: 14px; /* Font boyutu 16px */
  text-align: left; /* Yazıyı sola hizalar */
  line-height: 23px;
  font-weight: lighter;
  color: white; /* Yazı rengi beyaz */
  padding-right: 0; /* Sağdaki boşluğu kaldırır */
}
p.banner-hx.mt-5 {
  font-family: 'Poppins'; /* Font family Funnel Display, Light */
  font-weight: 100; /* Light ağırlık */
  font-size: 26px; /* Font boyutu 16px */
  text-align: left; /* Yazıyı sağa hizalar */
  width: 290px;
  color: white; /* Yazı rengi beyaz */
}
span.banner-h {
  font-family: 'Poppins';
  font-weight: bold;
  font-size: 32px;
  !i;!;
  width: 100px !important;
  text-align: left;
  color: white;
}
.btn-card-ban {
  background-color: #1f3076; /* Åžeffaf arka plan rengi */
  border: 2px solid #ffffff; /* Mavi kenar rengi */
  border-radius: 30px; /* Yuvarlak kenarlar */
  color: #ffffff; /* Mavi yazı rengi */
  padding: 8px 14px 9px; /* İçerik etrafındaki boşluklar */
  display: inline-flex; /* Elemanları yatayda hizalamak için */
  align-items: center; /* Yatayda ortalama */
  justify-content: flex-start; /* İçeriği sola hizalar */
  width: 100%; /* Buton geniÅŸliÄŸi %100 */
  height: 43px; /* Yükseklik */
  gap: 10px; /* Yazı ile ok arasındaki boşluk */
  text-decoration: none; /* Alt çizgiyi kaldırır */
  transition: all 0.3s ease-in-out; /* Hoverda geçiş efekti */
}

.btn-card-ban .btn-text {
  font-size: 16px; /* Yazı boyutu */
}

.btn-card-ban .icon {
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  font-size: 15px;
  color: #1f3076;
  background-color: #ffffff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease-in-out;
}

.slider-buttons {
  position: absolute;
  right: 5%;
  display: flex;
  gap: 10px;
  padding-top: 65px;
  z-index: 9999;
}

/* Ok ikonlarının stilini ayarlama */
.slider-buttons .icon {
  font-size: 20px;  /* Ok ikonlarının boyutu */
  color: black;  /* Ok ikonlarının rengi */
}
.slider-buttons .carousel-control-prev .carousel-control-prev-icon {
  background-color: transparent; /* Transparent arka plan */
  border: none;  /* Önceden tanımlanmış ikon sınırlarını kaldır */
}

/* SaÄŸ ok */
.slider-buttons .carousel-control-next .carousel-control-next-icon {
  background-color: transparent; /* Transparent arka plan */
  border: none;  /* Önceden tanımlanmış ikon sınırlarını kaldır */
  color: white;
}
.slider-buttons button {
  background-color: transparent;  /* Arka planı şeffaf yap */
  border: 1px solid #dbdbdb;  /* Siyah sınır */
  border-radius: 50%;  /* Yuvarlak yap */
  width: 45px;  /* Butonun geniÅŸliÄŸi */
  height: 45px;  /* Butonun yüksekliği */
  display: flex;
  font-size: 15px;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: background-color 0.3s ease, border 0.3s ease;  /* Geçiş efekti */
}

.slider-buttons button span {
  filter: invert(1);
}
.slider-buttons button:hover {
  background-color: rgba(0, 0, 0, 0.1);  /* Hover durumunda arka plan rengi */
  border-color: black;  /* Hover durumunda sınır rengi */
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
}
.fleet {
  padding: 20px;
}
.fleet-title {
  font-size: 24px;
  font-weight: bold;
}
.fleet-slider {
  display: flex;
  justify-content: center;
  align-items: center;
  /* margin: 50px 0; */
}
.nav-button {
  background: none;
  border: 1px solid #1f30769c; /* Daha belirgin sınır */
  border-radius: 50%; /* Tam yuvarlak */
  padding: 10px;
  width: 45px; /* Düğmenin tam yuvarlak olması için genişlik ve yükseklik eşit */
  height: 45px;
  color: #1f30769c;
  font-size: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  display: inline-block; /* Butonları yan yana getir */
  margin: 5px; /* Butonlar arasında biraz boşluk bırak */
}

.car-image {
  width: auto;
  height: 225px;
  object-fit: contain;
}
.car-info {
  margin: 20px 0;
}
.offer-button {
  background-color: #001f60;
  color: white;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  font-weight: lighter;
  font-size: 16px;
  border-radius: 30px;
}
.features {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin: 20px 0;
}
.feature {
  background: white;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.car-thumbnails {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
}
p.car-new.text-center {
  font-family: 'Poppins';
  font-size: 25px;
  color: #1F3076;
}

p.card-new.text-center {
  font-family: 'Poppins';
  font-weight: bold;
  font-size: 31px;
  color: #1F3076;
  line-height: 12.2px;
}
.features {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-end; /* Tüm öğeleri sağa hizala */
}

.feature {
  display: flex;
  align-items: center;
  padding: 11px 0 20px;
  width: 53%;
  border-radius: 15px;
  background-color: #f9f9f9;
}

.feature p {
  font-family: 'Poppins';
  font-size: 20px;
  text-align: right;
  color: #1F3076;
}

.feature strong {
  display: block;
  font-size: 14px;
  color: #555;
}
p.feature-text {
  font-family: 'Poppins';
  font-size: 14px;
  text-align: right;
  color: #1F3076;
}

p.feature-h {
  font-family: 'Poppins';
  font-weight: bold;
  font-size: 22px;
  text-align: right;
  color: #1F3076;
  line-height: 1.2px;
}
.nav-buttons {
  text-align: center; /* Ortaya hizalar */
  margin-top: 20px; /* Üstten biraz boşluk bırak */
}
p.car-new-left {
  font-family: 'Poppins';
  font-size: 24px;
  color: #1f3076;
  font-weight: lighter;
}

p.card-new-left {
  font-weight: bold;
  font-size: 27px;
  color: #1f3076;
}
.fleet-carousel-item {
  width: 100%;
  height: 100%;
  display: none;
}

.fleet-carousel-item.active {
  display: block;
}
.navbar-brand img {
    /* height: 55px; */ /* Varsayılan (desktop) boyut */
}

/* Mobilde logo boyutunu 27px yap */
@media (max-width: 768px) {
  .navbar-brand img {
      height: 40px;
  }
}
.service-card {
  position: relative !important;!i;!;
  border-radius: 30px !important;!i;!;
  overflow: hidden;
  height: 330px; /* Kartların eşit boyutta olmasını sağlar */
  width: 100%; /* Responsive yapı için genişlik kontrolü */
}

.service-card .card-img {
  border-radius: 30px;
  height: 330px;
  width: 100%;
  object-fit: cover;
}

.service-card .card-img-overlay {
  display: flex;
  flex-direction: column;
  height: 330px;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 20px;
  border-radius: 30px;
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 31, 96, 0.9), rgba(0, 31, 96, 0) 60%);
  width: 100%;
}

.service-card .card-text {
  color: white;
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  font-family: 'Poppins';
  margin-bottom: 10px;
  padding-right: 100px;
}
.service-description {
  font-size: 14px;
  color: #8995C9;
  font-family: 'Poppins';
  font-weight: lighter;
  height: 100px;
  text-align: left !important;
  max-width: 90%;
  min-height: 60px; 
  display: flex;
  align-items: flex-end; /* Tüm metinleri aşağı hizala */
  position: relative;
  padding-bottom: 15px; /* Çizgiyle metin arasında boşluk */
}

.service-description::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px; /* Çizgi kalınlığı */
  background-color: #8995c97d; /* Çizgi rengi */
}



.mt-3 {
  margin-top: 15px !important; /* Kart ile açıklama arasında boşluk bırak */
}
p.col-h {
  font-family: 'Poppins';
  font-weight: bold;
  line-height: 54px;
  color: #1f3076;
  font-size: 48px;
  text-align: left;
}
.border-container.mb-3.p-3.col-12 {
  border: 1px solid #BABABA;
  border-radius: 31px;
}
p.card3-h {
  font-family: 'Poppins';
  font-weight: bold;
  font-size: 22px;
  text-align: left;
  color: #1F3076;
  line-height: 1.2px;
}

p.card3-text {
  font-family: 'Poppins';
  font-size: 14px;
  font-weight: lighter;
  text-align: left;
  color: #1F3076;
}
.card.card1 {
  border-radius: 30px;
  background-color: #FFC907;
  border: none;
}

.card.card3 {
  border-radius: 30px;
  background-color: #f8f8f8;
  border: none;
}
p.col-h-new {
  font-family: 'Poppins';
  font-size: 25px;
  color: #1F3076;
}
/* Butonun hover durumunda arka plan rengi ve yazı rengini değiştirecek stil */
a.btn-transparent {
  background-color: transparent;
  border: 2px solid #1f3076; /* Mor renkli ince border */
  color: #1f3076; /* Mor renkli metin */
  transition: all 0.3s ease-in-out;
}

/* Butona hover efekti ekleyelim */
a.btn-transparent:hover {
  background-color: #1f3076; /* Hoverda arka plan mor olacak */
  color: white; /* Hoverda yazı beyaz olacak */
  border: 2px solid #1f3076; /* Border mor kalacak */
}
.circle-icon {
  background-color: #1f3076;
  border-radius: 40px;
  width: 30px;
  height: 30px;
}
p.text-footer {
  padding-top: 23px;
  font-family: 'Poppins';
  font-size: 14px;
  line-height: 32px;
  color: #B4B4B4;
}
.footer-li {
  font-family: 'Poppins';
  font-size: 14px;
  line-height: 46px;
  color: #1C1D22 !important;
  text-decoration: none; /* Altı çizgiyi kaldırır */
}
.font-funnel {
  font-family: 'Poppins';
}
.flag-icon {
  width: 40px;
  height: 40px;
}

.flag-small {
  width: 20px;
  height: 20px;
}
.carousel-inner.slide-img {
  height: 900px;
}
.offcanvas-backdrop {
  background-color: rgba(0, 0, 0, 0.85) !important; /* Daha koyu bir arka plan */
}
#offcanvasExample {
  z-index: 9999; /* Diğer öğelerin üstünde olması için yüksek bir değer */
}

/* Masaüstü için logo boyutunu ayarla */
.logo {
  height: 80px;
  width: 300px;
  object-fit: contain;
}

/* Mobil cihazlar için logo boyutunu ayarla */
@media (max-width: 768px) {
  .logo {
      height: 60px;
      width: auto;
  }
}
.navbar-toggler i {
  color: gray; /* Burada gri rengi veriyoruz */
}
.navbar-toggler {
  margin-left: auto;
}
.custom-carousel-caption {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  padding: 10px;
}

.custom-carousel-inner img {
  width: 100%;
  height: 100%; /* Görselin yüksekliği container'ı dolduracak şekilde */
  object-fit: cover; /* Görselin orantısız büyümesini engeller */
}

/* Funnel text style */
.funnel-text {
  font-family: 'Poppins';  /* Bu fontun daha önce tanımlandığından emin olun */
  font-weight: bold;
  font-size: 48px;
  color: white;
}

.car-new, .card-new {
  font-size: 1.75rem;
  font-weight: bold;
  color: #333;
}

.car-new-left, .card-new-left {
  font-size: 1.25rem;
  color: #555;    
}
.custom-card {
  border-radius: 15px; /* Örneğin köşe yuvarlama */

}
.custom-card {
  border-radius: 15px !important ; /* Örneğin köşe yuvarlama */
  border: none !important ;
}
p.service-details {
  font-family: 'Poppins';
  font-weight: lighter;
  font-size: 12px;
  color: #8995C9;
  line-height: 30px;
}
p.card-new.news.text-left {
  font-family: 'Poppins';
  font-weight: bold;
  font-size: 32px;
  color: #1F3076;
}

h5.card-title.news {
  font-size: 24px;
  font-family: 'Poppins';
  text-align: left;
  font-weight: bold;
  color: #1F3076;
}

p.card-text.news {
  font-size: 13px;
  font-weight: 200;
  text-align: left;
  color: #1F3076;
  font-family: 'Poppins';
  line-height: 20px;
}

.contact-form input, .contact-form textarea {
  border: 0.5px solid #1F3076;
  border-radius: 5px;
  padding: 10px;
  font-size: 20px;
  width: 100%;
  margin-bottom: 10px;
}
.contact-form button {
  border: 1px solid #292929;
  border-radius: 20px;
  padding: 5px 20px;
  background: transparent;
  font-family: 'Poppins';
  font-size: 12px;
  font-weight: 100;
}
.info-section {
  font-size: 18px;
}
.info-section a {
  text-decoration: none;
  color: #002366;
  font-weight: bold;
}

p.contact-p {
  font-size: 20px;
  font-family: 'Poppins';
  font-weight: lighter;
  color: #1F3076;
  padding: 10px;
}
.map-container {
  position: relative;
  overflow: hidden;
  border-radius: 15px; /* Yuvarlatılmış köşeler */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Hafif gölge efekti */
  margin-top: 20px;
}

.map-container iframe {
  border-radius: 15px; /* iframe içine yuvarlatılmış köşeler ekleyelim */
}
/* Dropdown menüsünün üzerine gelince görsel gibi açılmasını sağlıyoruz */
.nav-item.dropdown:hover .dropdown-menu {
  display: block; /* Hover olduğunda menüyü göster */
  position: absolute; /* Menü pozisyonunu absolute yaparak yuvaya yerleştiriyoruz */
  min-width: 0; /* Genişlik sıfırlanacak */
  width: 45%; /* Menü genişliği daha görsel bir şekilde olacak */
  left: 75px; /* Menü sola hizalanacak */
  top: 86%; /* Menü, linkin hemen altına açılacak */
  padding: 0; /* Menüde fazla boşluk istemiyoruz */
  background-color: #fff; /* Beyaz arka plan */
  border: 0px solid #ddd; /* İnce bir kenarlık */
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); /* Hafif gölge efekti */
  border-radius: 30px; /* Yuvarlatılmış köşeler */
  overflow: hidden; /* Menü içindeki içerik taşmasını engeller */
  transition: all 0.3s ease-in-out; /* Yumuşak geçiş efekti */
}

/* Dropdown menüsünün normalde gizlenmesini sağlıyoruz */
.dropdown-menu {
  display: none; /* Varsayılan olarak menü gizli */
}

/* Menü item'larının görsel görünmesini sağlamak için */
.dropdown-item {
  padding: 12px 15px; /* Menü item'ları görsel görünüm için daha geniş olacak */
  font-size: 16px; /* Daha büyük yazı boyutu */
  color: #333; /* Yazı rengi */
  text-align: center; /* Menü öğelerini ortala */
  border-bottom: 1px solid #eee; /* Her item arasında ince bir çizgi */
}

/* Son item'ı border-bottom'dan kurtar */
.dropdown-item:last-child {
  border-bottom: none;
}

/* Menünün açılmasını sağlarken görsel efekt */
.nav-item.dropdown:hover .dropdown-menu {
  transform: scaleY(1); /* Menüyü aşağı doğru açma efekti */
}

/* Menüde hover efekti */
.dropdown-item:hover {
  background-color: #f7f7f7; /* Menü öğesine hover efekti ekliyoruz */
  color: #007bff; /* Hover sırasında renk değişikliği */
}

/* Butonun genişliğini sınırlamak */
.offcanvas-body .btn-warning {
  width: auto; /* Genişliği içeriğe göre ayarlayın */
  padding-left: 20px; /* İç boşlukları biraz arttırabiliriz */
  padding-right: 20px; /* İç boşlukları biraz arttırabiliriz */
  font-size: 13px; /* Yazı boyutunu küçük tutun */
  font-weight: 600; /* Yazıyı kalın yapın */
  border-radius: 30px; /* Yuvarlatılmış köşeler */
  color: gray; /* Yazı rengini gri yapıyoruz */
  text-align: center; /* Butonun içeriği ortalı */
  white-space: nowrap; /* Metnin taşmasını engelliyor */
  display: inline-block; /* Butonun daha kompakt görünmesi için */
}
.offcanvas-body .btn-warning {
  max-width: 200px; /* Maksimum geniÅŸlik */
}
.navbar-light .navbar-nav .nav-link {
  color: #1F3076;
}
.carousel-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.carousel-control-button {
  background-color: transparent;
  border: 2px solid #ffffff; /* Veya istediÄŸiniz renk */
  color: #ffffff; /* Veya istediÄŸiniz renk */
  font-size: 24px;
  padding: 10px 15px;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}

.carousel-control-button:hover {
  background-color: #6f42c1;
  color: white;
}
.slider-buttons {
  position: absolute;
  right: 20px; /* Sağdan 20px uzaklık, değeri ihtiyaca göre değiştirebilirsiniz */
  top: 50%;
  transform: translateY(-50%);
}


/* Başa Dön Butonu Stil */
.back-to-top {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  border: 2px solid #FFC907; /* Buton kenar rengi */
  background-color: #FFC907; /* Buton arka plan rengi */
  color: #fff; /* Buton yazı rengi */
  text-decoration: none;
  font-weight: bold;
  transition: all 0.3s ease;
}

.caret-icon {
  font-size: 1.5rem;
  margin-right: 5px;
  color: #fff; /* Simge rengi beyaz */
}

/* İçerik (Başlık) yazısı beyaz olacak */
.back-to-top span {
  color: #fff; /* Metin rengi beyaz */
}

/* Mobil uyum için */
@media (max-width: 768px) {
  .back-to-top {
      width: 50px;
      height: 50px;
      font-size: 0.8rem;
  }
  a.btn-transparent {
    background-color: transparent;
    border: 2px solid #1f3076;
    color: #1f3076;
    width: 172px !important;
    transition: all 0.3s ease-in-out;
}
}

@media (max-width: 576px) {
  .back-to-top {
      width: 45px;
      height: 45px;
      font-size: 0.7rem;
  }
}

/* Hover durumunda renk deÄŸiÅŸimi */
.back-to-top:hover {
  background-color: #e6b300; /* Hover durumunda biraz koyulaÅŸan renk */
  border-color: #e6b300;
}