@font-face {
    font-family: 'Gilroy-Medium';
    src: url('Gilroy/Gilroy-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Gilroy-Black';
    src: url('Gilroy/Gilroy-Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'Gilroy-Thin';
    src: url('Gilroy/Gilroy-Thin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Gilroy-ExtraBold';
    src: url('Gilroy/Gilroy-ExtraBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Gilroy-Regular';
    src: url('Gilroy/Gilroy-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'Gilroy-SemiBold';
    src: url('Gilroy/Gilroy-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'Gilroy-ultraLight-Italic';
    src: url('Gilroy/Gilroy-UltraLightItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'Gilroy-Bold';
    src: url('Gilroy/Gilroy-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'Gilroy-Light';
    src: url('Gilroy/Gilroy-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'Gilroy-LightItalick';
    src: url('Gilroy/Gilroy-LightItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'Gilroy-UltraLight';
    src: url('Gilroy/Gilroy-UltraLight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'FashionFetishLight';
    src: url('fashion_fetish/FashionFetishLight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'Adoha';
    src: url('adoha/Adoha.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }



body::-webkit-scrollbar {
    display: none;
}

html {
    scroll-behavior: unset !important;
}



a {
    text-decoration: none;
    color: inherit;
}


nav {
    border-top: 0.1vw solid white;
    padding: 0.5vw 0;
}

.main-logo {
  margin-top: 4vw;  
  width: 10vw;
    margin: auto;
}
.main-logo img {
  width: 10vw;
  margin: auto;
}


.overlay {
    position: absolute;
    top: 1vw; /* Üstten 10 piksel aşağıda */
    left: 1vw; /* Soldan 10 piksel sağda */
    width: 13vw; /* İstediğin genişlik */
    height: auto; /* Yüksekliği otomatik ayarla */
    
}

.navigasyon{
    font-family: 'Gilroy-UltraLight', sans-serif;
    font-size: 2vw;
    color: white;

}


.footer-logo {
    opacity: 0.15; 
    height: 22vw;
    margin-bottom: -2vw;
    
    
}

.overlay-text {
    position: absolute;
    top: 90%;  /* Üste ortalamak için */
    left: 20%;
    transform: translate(-50%, -50%);  /* Tam merkezde konumlandırmak için */
    color: white;  /* Yazının rengi */
    font-size: 1vw;  /* Yazının boyutu */
    font-weight: bold;  /* Yazının kalınlığı */
    text-align: center;
}

.footer-link {
    color: white;
    text-decoration: none;
    font-size: 1.9vw;
    font-family: 'Gilroy-Light', sans-serif;
    
}

.footer-link:hover {
    color: #232323;
}

.separator {
    color: white;
    font-size: 2vw;
    font-family: 'Gilroy-Light', sans-serif;
}

footer p {
    color: #fff;
    font-size:1.7vw;
    font-family: 'Gilroy-Light', sans-serif;
}

footer .text-muted {
    color: #666;  /* Alt yazı için daha açık bir gri */
}

footer .down {
   align-content: center;
}

footer .resim {
    width: 13vw;
    height: 3.9vw;
  filter: grayscale(100%);
  margin-bottom: 2vw;
  
}


.feature-box {
    padding: 20px;
    background-color: #fff; /* Beyaz arka plan */
    border-bottom: 1px solid #e5e5e5; /* Alt çizgi */
    border-right: 1px solid #e5e5e5; /* Sağ çizgi */
    transition: background-color 0.3s ease; /* Geçiş efekti */
    min-height: 300px;
  }
  .feature-box1 {
   background-color: #232323;
  }
  .feature-box:hover {
    background-color: #777777; /* Üzerine gelince arka plan değişir */
    color: white;
  }
  .feature-number {
    font-size: 1.5rem;
    font-family: 'FashionFetishLight', Courier;
  }
  .feature-title {
    font-size: 1.6vw;
    font-weight: bold;
    margin-top: 10px;
    font-family: 'Adoha', sans-serif;
  }

 

  .future-icerik {
    font-size: 0.8vw;
    
    margin-top: 10px;
    font-family: 'Gilroy-Light', sans-serif;
  }

  @media (max-width: 768px) {
    .feature-title {
      font-size: 6vw;
    }
    .future-icerik {
      font-size: 3vw;
    }
  }
  /* Son satırdaki kutular için sağ ve alt sınırları kaldır */
  .container .row .col-md-4:nth-last-child(-n+3) .feature-box {
    border-bottom: none; /* Son üç kutunun altında çizgi yok */
  }
  
  .container .row .col-md-4:nth-child(3n) .feature-box {
    border-right: none; /* Her satırın son kutusunda sağ çizgi yok */
  }


  .blog-anabaslik{
    text-align: center;
    font-family: 'FashionFetishLight', sans-serif;
  }

  .blog-yardimci-baslik{
    text-align: center;
    font-family: 'Adoha', sans-serif;
    font-size: 4vw;
  }

  .koleksiyon-container {
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

.koleksiyon-container1 {
  margin: 0 auto;
  text-align: center;
  width: 100%;
  background-color: #232323;
  padding-top: 5vw;
  position: relative;
  
}
.koleksiyon-subtitle {
    color: #cccccc;
    font-size: 1.8vw;
    
    margin-bottom: -0.5vw;
    margin-top: 8vw;
    
    font-family: 'Gilroy-UltraLight', sans-serif;
    

}

.koleksiyon-title {
    font-size: 3vw;
    
    margin-bottom: 1vw;
   
    font-family: 'Adoha', Courier, monospace;
    
    
}

.koleksiyon-title1 {
  font-size: 3vw;
  
  margin-bottom: 1vw;
 
  font-family: 'Adoha', Courier, monospace;
  
  color: white;
}

.koleksiyon-description{
  background-color: #232323;
 display: flex;
 align-items: center; /* Dikeyde ortalama */
 gap: 1vw; /* Görsel ve metin arasındaki boşluk */
 height: 15vw;
}

.koleksiyon-description p {
  margin: 0;
}
.koleksiyon-description-ters p {
  margin: 0;
}



.koleksiyon-description1{
  background-color: white;
 display: flex;
 align-items: center; /* Dikeyde ortalama */
 gap: 1vw; /* Görsel ve metin arasındaki boşluk */
 height: 15vw;
}


.baslik-container {
    width: 30vw;
    margin: auto;
    position: relative;
    text-align: left;
    left: 16vw;
}

.koleksiyon-description img {
  
  width: 38vw; /* Görselin genişliği */
  height: 22vw; /* Orantılı yüksekliği */
  object-fit:cover; /* Görsel oranını koru */
  margin-left: 10vw;
  margin-bottom: 12vw;
}

.koleksiyon-description p{
  color: #f4f4f4;
  padding-left: 2vw;
  
  font-size: 1.5vw;
  line-height: 1.5;
  z-index: 1; /* Set a higher z-index to keep it on top */
  width: 45vw;
  text-align: left;
  font-family: 'gilroy-light', sans-serif;
}


.koleksiyon-description1 img {
  
  width: 38vw; /* Görselin genişliği */
  height: 22vw; /* Orantılı yüksekliği */
  object-fit:cover; /* Görsel oranını koru */
  margin-left: 10vw;
  margin-bottom: 12vw;
}

.koleksiyon-description1 p{
  
  padding-left: 2vw;
  
  font-size: 1.5vw;
  line-height: 1.5;
  z-index: 1; /* Set a higher z-index to keep it on top */
  width: 45vw;
  text-align: left;
  font-family: 'gilroy-light', sans-serif;
}
/* Koleksiyonlar ters */


.koleksiyon-description-ters{
  background-color: #232323;
 display: flex;
 align-items: center; /* Dikeyde ortalama */
 gap: 1vw; /* Görsel ve metin arasındaki boşluk */
 height: 15vw;
 justify-content: flex-end;
}

.baslik-container-ters {
    width: 30vw;
    margin: auto;
    position: relative;
    text-align: right;
    right:16vw;
}


.koleksiyon-description-ters img {
  width: 38vw; /* Görselin genişliği */
  height: 22vw; /* Orantılı yüksekliği */
  object-fit: cover; /* Görsel oranını koru */
   /* Sol boşluğu otomatik ayarla */
  text-align: right;
   margin-right: 10vw; /* Sağ boşluğu sıfırla */
  margin-bottom: 12vw;
}

.koleksiyon-description-ters p{
  color: #f4f4f4;
  padding-right: 2vw;
  
  font-size: 1.5vw;
  line-height: 1.5;
  z-index: 1; /* Set a higher z-index to keep it on top */
  width: 45vw;
  text-align: right;
  font-family: 'gilroy-light', sans-serif;
}


/* Koleksiyonlar ters bitiş */

/* galeri */



.album .responsive-container-block {
  min-height: 75px;
  height: fit-content;
  width: 100%;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  justify-content: flex-start;
}

.album .responsive-container-block.bg {
  max-width: 1320px;
  
  justify-content: space-between;
}

.album .img {
  width: 100%;
  margin: 0 0 20px 0;
}

.album #i9rb {
  color: black;
}

.album #ir6i {
  color: black;
}

.album #ikz3b {
  color: black;
}

.album .responsive-container-block.img-cont {
  flex-direction: column;
  max-width: 33.3%;
  min-height: auto;
  margin: 0 0 0 0;
  height: 100%;
}

.album #ipix {
  color: black;
}

.album #ipzoh {
  color: black;
}

.album #ig5q8 {
  color: black;
}

.album #imtzl {
  color: black;
}

.album #i53es {
  color: black;
}

.album .img.img-big {
  height: 50%;
  margin: 0 0 16px 0;
}

@media (max-width: 1024px) {
  .album .img {
    margin: 0 0 18px 0;
  }
}

@media (max-width: 768px) {
  .album .img {
    max-width: 32.5%;
    margin: 0 0 0 0;
  }

  .album .responsive-container-block.bg {
    flex-direction: column;
  }

  .album .responsive-container-block.img-cont {
    max-width: 100%;
    flex-direction: row;
    justify-content: space-between;
  }

  .album .img.img-big {
    max-width: 49%;
    margin: 0 0 0 0;
  }
}

@media (max-width: 500px) {
  .album .img {
    max-width: 94%;
    margin: 0 0 25px 0;
  }

  .album .responsive-container-block.img-cont {
    flex-direction: column;
    align-items: center;
    padding: 10px 10px 10px 10px;
  }

  .album .img.img-big {
    max-width: 94%;
    margin: 0 0 25px 0;
  }

  .album .img.img-last {
    margin: 0 0 5px 0;
  }
}



/* Modal stil */
.galeri-modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  overflow: auto;
  align-items: center;
  justify-content: center;
  
}

.galeri-modal-content {
  
  margin: auto;
  margin-top: 5vw;
  width: 70vw;
  max-height: 40vw;
  height: auto;
  object-fit: cover;
  display: flex;
  
  
  
}

@media (max-width: 768px) {
  .galeri-modal-content {
    margin-top: 50%;
  }
  
}

.galeri-close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  cursor: pointer;
}



/* galeri bitiş */
/* contact */

.contact-wrapper {
  display: flex;
  justify-content: space-between;
  width: 80%;
  margin: 2.6vw auto;
  padding: 1.04vw;
  background-color: #fff;
  
}
.contact-wrapper1 {
  display: flex;
  justify-content: space-between;
  width: 80%;
  margin: 2.6vw auto;
  padding: 1.04vw;
  
  
}
.contact-details, .contact-form-wrapper {
  width: 48%;
  
}


.contact-heading {
  font-size: 4vw;
  margin-bottom: 1.04vw;
  margin-top: 11vw;
  color: #5e5e5e;
  font-family: 'Adoha', sans-serif;
 
}
.contact-heading1 {
  font-size: 2vw;
  
  margin-top: 11vw;
  color: white;
  font-family: 'Gilroy-Thin', sans-serif;
 
}
.contact-heading-underlining {
  border-bottom: 0.3vw solid #5e5e5e;
  padding-bottom: 0.52vw;
  margin-bottom: 1.04vw;
}
.contact-heading-underlining1 {
  border-bottom: 0.3vw solid white;
  padding-bottom: 0.52vw;
  margin-bottom: 1.04vw;
  color: white;
}

.contact-subheading {
  font-size: 2.04vw;
  margin-bottom: 0.52vw;
  font-family: 'Adoha', sans-serif;
}
.contact-subheading1 {
  font-size: 2.04vw;
  margin-bottom: 0.52vw;
  font-family: 'Adoha', sans-serif;
  color: white;
}

/* Adres */
.contact-address, .contact-phone, .contact-email, .contact-social {
  margin-bottom: 3vw;
  font-family: 'gilroy-light', sans-serif;
  color: #3d3d3d;
}
.contact-social {
  margin-top: 5vw;
}

.address-text {
  margin-bottom: 1vw;
  font-size: 1.6vw;
}

.address-text1 {
  margin-bottom: 1vw;
  font-size: 1.6vw;
  color: #727272;
}

/* Haritada göster linki */
.address-map-link {
  color: #333;
  text-decoration: none;
  font-family: 'Adoha', sans-serif;
  font-size: 2.55vw;

 
}

.address-map-link1 {
  color: white;
  text-decoration: none;
  font-family: 'Adoha', sans-serif;
  font-size: 2.55vw;

 
}

.map_underline {
  border-bottom: 2px solid #3d3d3d;
  padding-bottom: 0.75vw;
}


.address-map-link:hover {
  color: #555;
}


.address-map-link1:hover {
  color: #555;
}
/* Telefon */
.phone-number {
  font-size: 1vw;
  font-size: 1.6vw;
}
.phone-number1 {
  font-size: 1vw;
  font-size: 1.6vw;
  color: #727272;
}

/* E-posta */
.email-address a {
  color: #333;
  text-decoration: none;
  font-size: 1.6vw;
  font-family: 'gilroy-Regular', sans-serif;
}
.email-address1 a {
  color: #727272;
  text-decoration: none;
  font-size: 1.6vw;
  font-family: 'gilroy-Regular', sans-serif;
}

.bold{
  font-family: 'gilroy-Bold', sans-serif;
}

.email-address a:hover {
  color: #555;
}

/* Sosyal medya */
.social-text {
  margin-bottom: 0.5vw;
  font-size: 1.6vw;
}
.social-text1 {
  margin-bottom: 0.5vw;
  font-size: 1.6vw;
  color: #727272;
}

.social-links {
  display: flex;
  gap: 0.5vw;
}

.social-links a img {
  width: 2vw;
}

/* İletişim Formu */
.form-heading {
  font-size: 2.04vw;
  margin-bottom: 0.52vw;
  font-family: 'Adoha', sans-serif;
  color: #3d3d3d;
}

.form-heading1 {
  font-size: 2.04vw;
  margin-bottom: 0.52vw;
  font-family: 'Adoha', sans-serif;
  color: white;
}

.form-description {
  margin-bottom: 5.04vw;
  font-family: 'gilroy-light', sans-serif;
  color: #3d3d3d;
  font-size: 1.6vw;
}

.form-description1 {
  margin-bottom: 5.04vw;
  font-family: 'gilroy-light', sans-serif;
  color: #727272;
  font-size: 1.6vw;
}

.contact-form {
  display: flex;
  flex-direction: column;
}

.form-input, .form-textarea {
  margin-bottom: 2vw;
  padding: 0.2vw;
  font-size: 1.75vw;
  border: 0px solid #ccc;
  border-width: 0 0 1px 0;
  background-color: transparent;
  width: 100%;
  box-sizing: border-box;
}



.form-baslik{
  font-size: 1.3vw;
  color: #b1adad;
  font-family: 'Gilroy-Regular', sans-serif;
} 


.form-button {
 
      font-size: 2.30vw; /* 20px */
      color: #a8a8a8;
      text-decoration: none;
      display: inline-block;
      margin-top: 3vw; /* 10px */
      transition: color 0.3s;
      font-family: 'Adoha', sans-serif;
      
  
}

.form-icon {
  width: 7.30vw; 
  vertical-align: middle;
  padding-left: 2vw;
  filter: grayscale(100%);
}
.form-button:hover {
  color: #555;
  
}


.ust {
  position: relative;
  z-index: 10;
}

.ust header {
  position: absolute; /* Sabit bir pozisyon veriyoruz */
  top: 0;
  left: 0;
  width: 100%;
  z-index: 15; /* Slider'ın üzerinde kalması için daha yüksek bir değer */
}

.ust nav {
  position: absolute; /* Sabit bir pozisyon veriyoruz */
  top: 10vw;
  left: 0;
  width: 100%;
  z-index: 15; /* Slider'ın üzerinde kalması için daha yüksek bir değer */
}


/* contact bitiş */
 /* slider */


 .index-slider-wrapper {
  position: relative;
  width: 100%;
  height: 56.25vw;
  overflow: hidden;
  background-color: #282424;
  z-index: 1; /* Navbar'ın altında kalması için daha düşük bir değer */

}

.index-slider {
  width: 100%;
  height: 65vw;
  position: relative;
}

.index-slide {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.index-slide.active {
  opacity: 1;
}

.index-slider-content {
  position: absolute;
  text-align: left;
  color: white;
  margin-left: -40%;
  width: 40%;
  top: 40%;
   /* Soldan biraz boşluk bırakıyoruz */
}

.index-slider h1 {
  font-size: 4rem;
  margin-bottom: 20px;
  text-align: left; /* Soldan hizalama */
}

.index-header{
  font-size: 1.5rem;
  
  text-align: left; /* Soldan hizalama */
}
.index-button {
  font-size: 1rem;
  padding: 10px 20px;
  color: #ccc;
  text-decoration: none;
  border: 2px solid #ccc;
  transition: color 0.3s ease, border-color 0.3s ease;
}


.slider-header{
  font-size: 5vw;
  font-family: 'adoha', sans-serif;
  text-align: left; /* Soldan hizalama */
 
}
.index-button:hover {
  color: white;
  border-color: white;
}

.index-slider::after {
   content: '';
  position: absolute;
  bottom: -8vw;
  width: 100%;
  height: 20vw;
  background: linear-gradient(to bottom, transparent , rgba(35,35,35,1) 16%, rgba(157,157,157,0.5102415966386555) 86%);

}

/* Slider gezinme butonları */
.index-nav-button {
  position: absolute;
  top: 60%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0);
  color: white;
  font-size: 1.3vw;
  padding: 10px;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s;
  user-select: none;
  width: 3vw;
  border-radius: 50%;
 text-align: center;
}

.index-nav-button img {
  width: 4vw;
  height: auto;
}

.index-prev {
  left: 1vw;
}

.index-next {
  right: 3.5vw;

}

.index-slide-image {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Resmin tüm alanı kaplaması için */
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1; /* İçeriklerin üzerinde görünmemesi için */
}

.slider-bton {
  color: #878787;
  font-size: 1.5vw;
  font-family: 'Gilroy-UltraLight', sans-serif;
  text-align: right;



}

.slider-bton-container {
  display: flex;
  position: absolute;
  font-family: 'Gilroy-UltraLight', sans-serif;
  right: 4vw;
  top: 40vw; 
  align-items: center;
  width: 10vw;
  
  
}

.slider-bton-sag_ok{
width: 1vw;
margin-left: 1vw;

}

.ters{
  transform: rotate(180deg);
}


.index-slider-indicators {
  display: flex;
  justify-content: center;
  margin-top: -17.5vw;
}

.index-indicator {
  width: 7px;
  height: 7px;
  background-color: gray;
  border-radius: 50%;
  margin: 0 5px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.index-indicator.active {
  background-color: white;
}





.bloglar-container {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: auto;
  width: 100%;
  background-color: #232323;
  justify-content: center;
  background-image: url('img/blogarkaplan.png');
  background-size: cover;
  background-position: center;
  position: relative;
  top: -9px;
}

.bloglar-images-section {
  display: flex;
  gap: 1vw;
  margin: 2vw 0;
}

.bloglar-column {
  display: flex;
  flex-direction: column;
  gap: 1vw;
}

.bloglar-image-small {
  width: 14vw;
  height: 11vw;
  object-fit: cover;
  border-radius: 5px;
  margin-top: 2vw;
}
.bloglar-image-small1 {
  width: 14vw;
  height: 12vw;
  object-fit: cover;
  border-radius: 5px;
}
.bloglar-image-small2 {
  margin-top: 1.5vw;
  width: 14vw;
  height: 13vw;
  object-fit: cover;
  border-radius: 5px;
}
.bloglar-image-small3 {
  
  width: 14vw;
  height: 10vw;
  object-fit: cover;
  border-radius: 5px;
}

.bloglar-image-large {
  width: 13vw;
  height: 28vw;
  object-fit: cover;
  border-radius: 5px;
}

.bloglar-content-section {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
  max-width: 30vw;
}

.bloglar-subtitle {
  font-size: 1.2vw;
  color: #bbbbbb;
  text-transform: uppercase;
  font-family: 'FashionFetishLight', sans-serif;
}

.bloglar-title {
  font-size: 2.1vw;
  font-family: 'Adoha', sans-serif;
  color: white;
}

.bloglar-description {
  font-size: 0.9vw;
  color: #cccccc;
  line-height: 1.5;
  font-family: 'Gilroy-Thin', sans-serif;
}
.bloglar-description p {
margin-bottom: 0;
}
  .bloglar-description h1 {
    max-height: 0.5vw;
  }

.bloglar-button {
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
  margin-top: 10px;
  display: inline-flex;
  align-items: center;
}

.bloglar-button:after {
  content: '→';
  margin-left: 5px;
  font-size: 18px;
}

.read-more {
  font-size: 1.30vw; /* 20px */
  color: #707070;
  text-decoration: none;
  display: inline-block;
  margin-top: 0.82vw; /* 10px */
  transition: color 0.3s;
  font-family: 'Gilroy-ultraLight-Italic', sans-serif;
}


.read-more-icon {
  width: 3.30vw; 
  vertical-align: middle;
  filter: grayscale(80%);
  
}




.bloggg-container {
  position: relative;
  width: 100%;
  height: 55vw;
  color: white;
  overflow: hidden;
}

.bloggg-image-section {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.bloggg-image-section img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bloggg-gradient-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  z-index: 2;
}

.bloggg-text-section {
  position: relative;
  z-index: 3;
  padding: 1vw;
  width: 40%;
  background-color: rgba(0, 0, 0, 0); /* Arka planda şeffaf */
  display: flex;
  top: 20vw;
  left: 55vw;
  text-align: right;
  flex-direction: column;
  justify-content: center;
}

.bloggg-text-section h2 {
  font-size: 3vw;
  font-weight: bold;
  margin-bottom: 20px;
  font-family: 'Adoha', sans-serif;
}

.bloggg-text-section p {
  font-size: 1.3vw;
  margin-bottom: 0;
  font-family: 'Gilroy-Light', sans-serif;
}

.bloggg-read-more {
  margin-top: 2vw;
  position: relative;
  
  font-size: 1.3vw;
  text-decoration: none;
  font-family: 'Gilroy-Thin', sans-serif;
  width: fit-content;
  right: -28vw;
}


  /* Ana Kaplama */
  .blog-container {
    text-align: center;
    background-color: #232323;
  }

  /* Üst Başlık */
  .blog-subtitle {
    font-size: 1.3vw;
    color: #9a9a9a;
    margin: 0;
    font-family: 'Gilroy-Thin', sans-serif;
    letter-spacing: 2px;
    padding-top: 2vw;
  }

  /* Başlık */
  .blog-title {
    font-size: 3.4vw;
    font-weight: bold;
    color: white;
    font-family: 'adoha', sans-serif;
  }

  /* Kategori Menü */
  .blog-menu {
    display: flex;
    justify-content: center;
    gap: 1vw;
    margin-top: 10px;
    padding-bottom: 4vw;
    
  }

  /* Kategori Öğeleri */
  .blog-menu-item {
    font-size: 1.3vw;
    color: #9a9a9a;
    cursor: pointer;
    transition: color 0.3s;
    font-family: 'Gilroy-Regular', sans-serif;
    margin: 0 1.3vw;
  }

  /* Aktif Kategori */
  .blog-menu-item.active {
    color: white;
    font-weight: bold;
  }

  /* Hover Etkisi */
  .blog-menu-item:hover {
    color: #ffffff;
  }


  .bolg-item-container {
    display: flex;
    align-items: center;
    background-color: #232323;
    
    padding: 4vw 0;
    color: white;
    
    border-bottom: 1px solid white;
  }
  
  .bolg-item-image-wrapper {
    position: relative;
    width: 45%;
    height: 25vw;
    margin-right: 20px;
  }
  
  .bolg-item-background {
    position: absolute;
    
    
    width: 70%;
    height: 100%;
    background-color: white;
    z-index: 1;
  }
  
  .bolg-item-image {
    position: relative;
    z-index: 2;
    width: 35vw;
    height: 20vw;
    object-fit: cover;
    display: block;
    margin: 2.5vw auto;
    left: 2vw;
    
  }
  
  .bolg-item-content {
    width: 50%;
  }
  
  .bolg-item-title {
    font-size: 3vw;
    margin-bottom: 0.5vw;
    font-family: 'adoha', sans-serif;
  }
  
  .bolg-item-description {
    font-size: 1.5vw !important;
    margin-bottom: 0.5vw !important;
    color: #d3d3d3 !important;
    font-family: 'gilroy-light', sans-serif !important;
  }
  .bolg-item-description p{
    margin-bottom: 0;
  }
  .bolg-item-ters-description p{
    margin-bottom: 0;
  }
  
  .bolg-item-description h1 {
    max-height: 0.5vw;
  }
  .bolg-item-ters-description h1 {
    max-height: 0.5vw;
  }
  
  
  .bolg-item-read-more:hover {
    color: #ffffff;
  }
  


 
 
 
  .bolg-item-ters-container {
    display: flex;
    align-items: center;
    background-color: #232323;
    text-align: right;
    padding: 4vw 0;
    color: white;
    justify-content: flex-end;
    border-bottom: 1px solid white;
  }
  
  .bolg-item-ters-image-wrapper {
    position: relative;
    width: 45%;
    height: 25vw;
    margin-right: 20px;
    display: flex;
    justify-content: flex-end;
     /* İçerikleri sağa hizalar */
}
  
  .bolg-item-ters-background {
    position: absolute;
    
    right: -1vw;
    width: 70%;
    height: 100%;
    background-color: white;
    z-index: 1;
  }
  
  .bolg-item-ters-image {
    position: relative;
    z-index: 2;
    width: 35vw;
    height: 20vw;
    object-fit: cover;
    display: block;
    margin: 2.5vw auto;
    right: 1vw;
    
  }
  
  .bolg-item-ters-content {
    width: 50%;
  }
  
  .bolg-item-ters-title {
    font-size: 3vw;
    margin-bottom: 0.5vw;
    font-family: 'adoha', sans-serif;
  }
  
  .bolg-item-ters-description {
    font-size: 1.5vw;
    margin-bottom: 0.5vw;
    color: #d3d3d3;
    font-family: 'gilroy-light', sans-serif;
  }
  
  
  
  .bolg-item-ters-read-more:hover {
    color: #ffffff;
  }




  .blog-icerik-banner {
    position: relative;
    height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
  }
  
  .blog-icerik-background-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  
  .blog-icerik-overlay {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    text-align: center;
    padding: 20px;
  }
  
  .blog-icerik-title {
    font-size: 3em;
    font-weight: bold;
  }
  
  .blog-icerik-subtitle {
    font-size: 1em;
    opacity: 0.8;
  }
  

  .bloglar-header {
    position: relative;
    text-align: center;
    color: white;

}

.bloglar-header-image {
    width: 100%;
    height: 45vw;
    filter: brightness(100%);
    object-fit: cover;
}

.bloglar-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -5px;
    background: linear-gradient(to bottom, transparent, #232323);
    display: flex;
    justify-content: center;
    align-items: center;
}

.heading-bloglar h2 {
    width: 100%;  
    font-size: 4vw; /* 30px */
    color: white;
    position: absolute;
    top: 88%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    font-family: 'adoha', sans-serif;
}

.heading-bloglar h3 {
  width: 100%;  
  font-size: 2vw; /* 30px */
  color: #6f6f6f;
  position: absolute;
  bottom: -2vw;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  font-family: 'Gilroy-Regular', sans-serif;
}

.heading-bloglar h4 {
  width: 100%;  
  font-size: 1.6vw; /* 30px */
  color: white;
  position: absolute;
  top: 82%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  font-family: 'Gilroy-Thin', sans-serif;
}


.blog--icerik-container {
  max-width: 80vw;
  margin: 0 auto;
  padding: 4vw 0;
 
  color: white;
  
}

.blog--icerik-highlight-box {
  background-color: #f7f7f7;
  padding: 1vw;
  color: black;
  border-radius: 1vw;
  margin-bottom: 1vw;
  font-family: 'Gilroy-Regular', sans-serif;
  text-indent: 3vw;
  font-size: 2vw;
}

.blog--icerik-content p {
  margin-bottom: 4vw;
  line-height: 1.6;
  font-family: 'Gilroy-Thin', sans-serif;
  font-size: 1.7vw;
  text-indent: 3vw;
}

.blog--icerik-content h3 {
  color: white;
  font-size: 1.7vw;
  margin-top: 1vw;
  font-family: 'Gilroy-Bold', sans-serif;
  
  margin-bottom: 0.5vw;
}


.blog___ekle-container {
  text-align: center;
  padding: 1vw;
  background: linear-gradient(to top, white 15vw, #232323);
  font-family: Arial, sans-serif;
  position: relative;
  top: -30vw;
  z-index: 2;
 
}

.blog___ekle-title {
  font-size: 1.5vw;
  margin-top: 10vw;
  padding-top: 6vw;
  margin-bottom: 10px;
  color: #333;
  font-family: 'Gilroy-Thin', sans-serif;
}

.blog___ekle-subtitle {
  font-size: 3.5vw;
  margin-bottom: 1vw;
  color: #333;
  font-family: 'adoha', sans-serif;
}

.blog___ekle-wrapper {
  display: flex;
  justify-content: center;
  gap: 2vw;
}

.blog___ekle-wrapper1 {
  
  display: flex;
  justify-content: center;
  gap: 2vw;
  background-color: white;
  border-bottom: 1px solid #333;
  padding-bottom: 4vw;
  padding-top: 2vw;
  flex-wrap: wrap;
}
.blog___ekle-item {
  background-color: #333;
  color: #fff;
  padding: 2.3vw;
  
  
  text-align: center;
  
}

.blog___ekle-item1{
  background-color: white;
  color: #333;
  padding: 2.3vw;
  
  
  text-align: center;
  
}

.blog___ekle-image {
  width: 18vw;
  height: 15vw;
  object-fit: cover;
  
  
}

.blog___ekle-text {
  margin: 10px 0;
  max-width: 20vw;
  text-align: left;
  font-size: 2vw;
  font-family: 'adoha', sans-serif;
}

.blog___ekle-link {
  color: #9b9b9b;
  text-decoration: none;
  font-size: 1.5vw;
  font-family: 'Gilroy-ultraLight-Italic', sans-serif;
  position: relative;
  right: -5vw;
  
}

.blog___ekle-link1 {
  color: black;
  text-decoration: none;
  font-size: 1.5vw;
  font-family: 'Gilroy-regular', sans-serif;
  position: relative;
  right: -5vw;
  background-color: white;
  padding: 0.5vw 1vw;
}

.blog___ekle-link2 {
  color: white;
  text-decoration: none;
  font-size: 1.5vw;
  font-family: 'Gilroy-regular', sans-serif;
  position: relative;
  right: -5vw;
  background-color: #232323;
  padding: 0.5vw 1vw;
}

.blog___ekle-link1:hover {

  background-color: #6f6f6f;
  transition: 0.3s;
  
}


.blog___ekle-link img {
  width: 2.5vw;
  
  vertical-align: middle;
  
}

.blog___ekle-all-blogs {
  display: inline-block;
  margin-top: 6vw;
  font-size: 2.5vw;
  text-decoration: none;
  color: #333;
  font-family: 'Gilroy-Thin', sans-serif;
}



.hakkimizda-container {
  font-family: Arial, sans-serif;
  margin: 0 10vw;
  
  
 
 
  
}


.hakkimizda-baslik{
  font-size: 3.5vw;
  color: white;
  font-family: 'adoha', sans-serif;
  text-align: center;
  
}


.hakkimizda-baslik h1{
  font-size: 1.5vw;
  color: white;
  font-family: 'Gilroy-Thin', sans-serif;
  text-align: center;
  padding-top: 1.5vw;
}

.hakkimizda-baslik h2{
  font-size: 3.5vw;
  color: white;
  font-family: 'adoha', sans-serif;
  text-align: center;
}

.hakkimizda-header {
  text-align: center;
  margin-bottom: 40px;
  display: flex;
  font-size: 1.7vw;
  line-height: 1.5;
  margin-top: 10px;
  color: white;
  text-align: left;
  text-indent: 3vw;
  font-family: 'gilroy-light', sans-serif;
}

.hakkimizda-logo {
 width: 20vw;
 height: 20vw;
 position: relative;
 top: -4vw;
}

.hakkimizda-description {
  font-size: 1.7vw;
  line-height: 1.5;
  margin-top: 10px;
  color: white;
  text-align: left;
  text-indent: 3vw;
  font-family: 'gilroy-light', sans-serif;
}

.hakkimizda-section {
  font-family: Arial, sans-serif;
  margin: 5vw 10vw;
  
}
.hakkimizda-section h2 {
  font-size: 3vw;
  color: white;
  font-family: 'adoha', sans-serif;
  text-align: center;
  
}



.hakkimizda-text {
  font-size: 1.7vw;
  line-height: 1.5;
  margin-top: 10px;
  color: white;
  text-align: left;

  font-family: 'gilroy-light', sans-serif;
}

.hakkimizda-containerrr {

  background-color: #232323;
  background-image: url('img/blogarkaplan.png');
  background-size: cover;
  background-position: center;
}


.hakkimizdaaaa-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1vw;
  background-color: #232323; /* Adjust the background color if needed */
}

.hakkimizdaaaa-card {
  background-color: white;
 
  height: 21vw;
  width: 18vw;
  text-align: center;
  margin: 1vw;
  padding: 1.2vw;
}

.hakkimizdaaaa-image {
  width: 15.5vw;
  height: 16vw;
  height: auto;
  object-fit: cover;
  margin-bottom: 0.5vw;
}

.hakkimizdaaaa-title {
  font-size: 2.5vw;
  
  font-family: 'adoha', sans-serif;
  position: relative;

  
}

.hakkimizdaaaa-subtitle {
  font-size: 1.2vw;
  
  font-family: 'Gilroy-Thin', sans-serif;
  position: relative;
  top: -1vw;
}

.beyaz_yazi{
  color: white;
}