.highlight {
    color: white; /* Metin rengi olarak beyaz seçildi */
    background-color: rgba(255, 255, 255, 0.8); /* Arka plan tamamen şeffaf */
    padding: 25px; /* Metnin etrafında biraz boşluk bırakmak için */
    border-radius: 5px; /* Köşeleri yuvarlak yapmak için */
   }
   .icon-2 {
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
   }
   .services-thumb-three img {
    object-fit: cover; /* Resmi orantılı olarak kırp */
    /* Resmi orijinal boyutunun %80'i kadar küçült */
       /* Resmi kutusunun ortasında tutmak için */
      /* Resmin etrafında boşluk bırakmak için gerekli olabilir */
    transform: scale(1);
	transition: .3s ease-in-out;
	width: 100%;
    
   }
   .services-thumb-three-altta img {
    object-fit: contain; /* Resmi orantılı olarak kırp */
    transform: scale(0.8);
    /* Resmi orijinal boyutunun %80'i kadar küçült */
       /* Resmi kutusunun ortasında tutmak için */
      /* Resmin etrafında boşluk bırakmak için gerekli olabilir */
    margin: 10px; /* İhtiyaca göre ayarlayın */
   transition: .3s ease-in-out;
	width: 100%;
    
   }
   .estimate-tab-wrap .row {
    margin-left: -5px;
    margin-right: -5px;
   }
   
   .estimate-tab-wrap .col-6 {
    padding-left: 5px;
    padding-right: 5px;
   }
   
   .estimate-tab-wrap .btn-tab {
    position: relative; /* Pseudo-element için referans noktası */
    background-color: white; /* Butonlar için kırmızı arka plan */
    color: black; /* Yazı rengi beyaz */
    border: 1px solid black;
    border-radius: 4px; /* Köşeleri yuvarlaklaştır */
    padding: 12px 20px; /* Üst ve alt padding 12px, sağ ve sol padding 20px */
    padding-left: 10px; /* Sol padding, siyah karenin genişliği ve boşluğu dahil */
    margin-bottom: 10px; /* Butonlar arası dikey boşluk */
    text-align: left; /* Yazıyı sola hizala */
    font-size: 12.5px; /* Yazı boyutu */
    display: block;
    width: 100%; /* Tam genişlik */
    box-sizing: border-box; /* Padding ve border genişliğe dahil */
    transition: none; /* Animasyon efektini kaldır */
   }
   .estimate-tab-wrap .btn-tab a {
    position: relative; /* Pseudo-element için referans noktası */
    background-color: white; /* Butonlar için kırmızı arka plan */
    color: black; /* Yazı rengi beyaz */
    border-radius: 4px; /* Köşeleri yuvarlaklaştır */
    padding: 12px 20px; /* Üst ve alt padding 12px, sağ ve sol padding 20px */
    padding-left: 10px; /* Sol padding, siyah karenin genişliği ve boşluğu dahil */
    margin-bottom: 10px; /* Butonlar arası dikey boşluk */
    text-align: left; /* Yazıyı sola hizala */
    font-size: 12.5px; /* Yazı boyutu */
    display: block;
    width: 100%; /* Tam genişlik */
    box-sizing: border-box; /* Padding ve border genişliğe dahil */
    transition: none; /* Animasyon efektini kaldır */
   }
   .estimate-tab-wrap .btn-tab::before {
    content: ""; /* Pseudo-element içeriği */
    position: absolute; /* Buton içinde sabit bir pozisyon */
    left: 15px; /* Soldan 15px */
    top: 50%; /* Yukarıdan %50 */
    transform: translateY(-50%); /* Yarısını yukarı kaydır */
    width: 20px; /* Genişlik */
    height: 20px; /* Yükseklik */
    background-color: black; /* Arka plan rengi siyah */
   }
   .estimate-tab-wrap .btn-tab.active {
    background-color: #c8414b; /* Aktif buton için kırmızı arka plan */
    color: white; /* Aktif buton için beyaz yazı rengi */
  }
  .estimate-tab-wrap .btn-tab.active a {
    background-color: #c8414b; /* Aktif buton için kırmızı arka plan */
    color: white; /* Aktif buton için beyaz yazı rengi */
  }
   
    
   /* Butonların üzerine gelindiğinde herhangi bir değişiklik olmasını engellemek için */
   .estimate-tab-wrap .btn-tab:hover {
    background-color: #c8414b; /* Aynı arka plan rengini koru */
   }
   
   /* Butonlara etkileşim ekleniyor: Hover durumu */
   .estimate-tab-wrap .btn-tab:hover {
    background-color: #c8414b; /* Üzerine gelindiğinde rengi değişecek */
   }
   
   /* Sağdaki ok işaretini kaldırma */
   .estimate-tab-wrap .btn-tab::after {
    display: none; /* Eğer pseudo-element ile yapıldıysa */
   }
   .estimate-tab-wrap .btn-tab::before {
    display: none !important; /* Tüm cihazlarda siyah kareyi kaldır */
   }
   
   /* Medya sorgusu ile büyük ekran ayarları */
   @media (min-width: 768px) {
    .estimate-tab-wrap .col-6 .btn-tab {
     padding-left: 20px !important; /* Bootstrap'ın stillerini geçersiz kıl */
     text-align: center !important; /* Yazıyı div'in ortasına hizala */
    }
   }
   .list-wrap-2 {
    padding-left: 0; /* Ana listenin padding'ini sıfırlar */
   }
   
   .list-wrap-2 > li {
    font-size: 16px; /* Ana liste öğeleri için font boyutu */
    margin-bottom: 5px;
    font-weight: bolder;
    list-style-type: none; /* Ana liste öğelerindeki işaretlemeyi kaldır */
    position: relative;
    border-bottom: 2px solid #ccc; /* Ana başlıkların altında çizgi */
    padding-bottom: 5px; /* Çizginin altındaki boşluk */
    margin-bottom: 15px; /* Çizgi ile ilk alt liste öğesi arasındaki boşluk */
   }
   
   .list-wrap-2 > li:before {
    content: "\2022"; /* Ana liste öğeleri için bir işaretleyici */
    color: #007bff; /* İşaretleyici rengi */
    position: absolute;
    left: -15px; /* İşaretleyicinin konumunu ayarlayın */
    font-size: 20px; /* İşaretleyici için font boyutu */
    line-height: 26px;
   }
   
   .list-wrap-2 > li > ul {
    padding-left: 20px; /* Alt listelerin sol boşluğunu ayarlar */
    margin-top: 15px; /* Alt kırılım listesinin ilk öğesi ile üst öğe arasındaki boşluk */
   }
   
   .list-wrap-2 > li > ul > li {
    font-size: 14px; /* Alt liste öğeleri için daha küçük font boyutu */
    list-style-type: none; /* Alt liste öğelerindeki işaretlemeyi kaldır */
    position: relative;
    margin-bottom: 10px;
   }
   
   .list-wrap-2 > li > ul > li:before {
    content: "\2022"; /* Alt liste öğeleri için bir işaretleyici */
    color: #007bff; /* İşaretleyici rengi */
    position: absolute;
    left: -15px; /* İşaretleyicinin konumunu ayarlayın */
    font-size: 16px; /* İşaretleyici için font boyutu */
    line-height: 14px;
   }
   .gallery-item {
    margin: 8px; /* İstediğiniz boşluk değeri */
    width: calc(33.33% - 16px); /* Üç sütun düzeni için, 8px * 2 boşluk */
    float: left; /* Eski tarayıcı desteği için */
    display: flex; /* Modern tarayıcılar için */
    justify-content: center; /* İçerikleri yatay olarak ortala */
    align-items: center; /* İçerikleri dikey olarak ortala */
}

@media (max-width: 768px) {
    .gallery-item {
        width: 100%; /* Küçük ekranlarda tam genişlik */
    }
}

.gallery-item img {
    width: auto; /* Orjinal genişlik */
    max-width: 100%; /* Konteyneri aşmayacak şekilde */
    max-height: 100%; /* En yüksek resim yüksekliğine sığacak şekilde */
    object-fit: cover; /* Resmi kaplayacak şekilde ayarla, gerekirse kırp */
}