body { font-family:"Playfair Display", serif; font-weight: 300; font-style: normal; background-color:#F2F0EC; margin: 0; padding: 0; }
header { position: relative; width: 100%; }
.header_img { width: 100%; height: auto; display: block; object-fit: cover;}
@media (max-width: 700px) {
    .header_img {
        height: 250px;
    }
}
.edergisol-button { position: fixed; bottom: 85px; left: 20px; z-index: 1000; width: 60px; height: 60px; background-color: #25d366; border-radius: 50%; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); display: flex; justify-content: center; align-items: center; text-decoration: none;}
.edergisol-button img { width: 60px; height: 60px;}
.edergisol-button:hover {  background-color: #128c7e;}
.chat-bubble { position: fixed; bottom: 155px; left: 20px; z-index: 1000; background-color: #fff; border: 1px solid #ddd; border-radius: 10px; padding: 10px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); display: none; /* Başlangıçta gizli */}
.chat-bubble .close-button { position: absolute; top: -25px; right: 0px; cursor: pointer; font-size: 18px;}
.chat-bubble::after { content: ''; position: absolute; bottom: -10px; left: 20px; border-width: 10px 10px 0; border-style: solid; border-color: #fff transparent transparent transparent;}
.navbar { position: absolute; top: 0; left: 0; width: 100%; z-index: 1000; background: transparent; padding: 20px 0;}
.navbar-nav { display: flex; gap: 20px;}
.navbar-nav .nav-link { color: white; font-size: 18px; font-weight: 500;transition: all 0.3s ease-in-out;}
.nav-link:hover { color: #BFB7A5; }
.navbar-right {display: flex;align-items: center; gap: 15px;}
.search-bar { border-radius: 20px; padding: 6px 15px; padding-left: 35px; border: none; width: 140px; background: transparent; color: white;}
.search-bar::placeholder { color: white;}
.sosyalaglar { color: white; font-size: 18px;}
.sosyalaglarfooter { color: #333; font-size: 18px;}
.navbar-brand img { width: 150px;}
@media (max-width: 768px) {
  .navbar-brand img {
    width: 100px; 
  }
}
@media (max-width: 480px) {
  .navbar-brand img {
    width: 80px;
  }
}
@media (max-width: 768px) {
.navbar { background: rgba(0, 0, 0, 0.1); }
.search-bar { width: 100%;}}
.search-bar { border-radius: 15px;  padding: 5px 10px; border: 1px solid #BFB7A5; width: 150px;  background-color: transparent; }
.offcanvas { width: 250px;}
.sosyalaglar { color: white; font-size: 20px; }
.sosyalaglarfooter { font-size: 20px;}
@media (max-width: 768px) {
.navbar { background-color: transparent; }
.search-bar { width: 100%; }
.sosyalaglar {font-size: 18px; }
.sosyalaglarfooter { font-size: 18px;}
}
.navbar-toggler { border: 1px solid white; }
.navbar-toggler-icon { filter: invert(1); }
.offcanvas { background-color: #111;  color: white;}
.offcanvas-title { color: white;}
.btn-close { filter: invert(1);}
.offcanvas-body ul li a { color: white; font-size: 18px; text-decoration: none; transition: all 0.3s ease-in-out;}
.offcanvas-body ul li a:hover { color: #aaa;}
.btn_sayi{ width: auto; background: #000000; padding:10px 20px 10px 20px; color: #FFFFFF; text-decoration: none; transition: all 0.3s ease-in-out;}
.btn_sayi:hover { background: #00000063; color: #000; transform: scale(1.05); box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.3);}
.blog_container { max-width: 1200px; margin: auto; padding: 20px;}
.blog_title { font-size: 24px;  font-weight: bold;  margin-bottom: 20px;}
.blog_articles { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;}
.blog_article { width: calc(33.333% - 20px);  min-width: 250px; box-sizing: border-box; border-radius: 8px; text-align: center; display: flex;  border-radius: 8px; flex-direction: column;align-items: center;}
.blog_article img { width: 100%; height: auto; margin-bottom: 10px; border-radius: 8px;max-height: 230px;}
.blog_articlep { font-size: 16px; font-weight: bold; text-align: left; text-decoration: none; color: #000000; transition: all 0.3s ease-in-out;}
.blog_articlep:hover { font-size: 16px; font-weight: bold; text-align: left; text-decoration: none;  color: #00000091;}
.blog_articlepdate { font-size: 16px; font-weight: 400; text-align: left; text-decoration: none; color: #000000; transition: all 0.3s ease-in-out;}
.blog_articlepdate:hover {  color: #00000091; }
@media (max-width: 768px) {
.blog_article {  width: calc(50% - 20px); }
}
@media (max-width: 480px) {
.blog_article { width: 100%;}
}
footer {  width: 100%;  background: #BFB7A5;   padding: 25px 0; }
.sosyalaglar { font-size: 16px;  color: #FFFFFF; transition: color 0.3s;}
.sosyalaglar:hover { color: #444;}
.blog_link { display: inline-block; font-size: 24px; font-weight: bold; color: #333; text-decoration: none; padding: 10px 20px; border-radius: 5px; transition: all 0.3s ease;}
.blog_link:hover { color: #BFB7A5 }


@media (max-width: 767px) {
.carousel-inner .carousel-item > div { display: none;}
.carousel-inner .carousel-item > div:first-child { display: block;}
}
.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
display: flex;
}

@media (min-width: 768px) {
.carousel-inner .carousel-item-end.active,
.carousel-inner .carousel-item-next {
transform: translateX(33.3%);
}
.carousel-inner .carousel-item-start.active, 
.carousel-inner .carousel-item-prev {
transform: translateX(-33.3%);
}
}
.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start { transform: translateX(0);}
.card{ border: none;background: none;}
.img-fluid{padding: 10px;}
.H1AltBaslik{text-align: center; margin-top: -75px; font-size: 55px; color: #C0B7A5;padding-bottom: 20px;}
@media (max-width: 767px) {
.H1AltBaslik{margin-top: -50px; font-size: 38px; }
}