@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;
  }


  :root {
    --scale: 0.8vw; /* Varsayılan */
    --footer-scale: 19.2px; /* Footer için */
  }
  .icerik {
    max-width: 1536px;
    margin: auto;
}
  
  @media (max-width: 768px) {
    :root {
      --scale: 1vw; /* Varsayılan */
      --footer-scale: 1vw; /* Footer için */
    }
    .icerik {
      max-width: 1920px;
      margin: auto;
  }
  }
 

@media (min-width: 1921px) {
    :root {
        --scale: 15.3px; /* 1920px ve üzeri */
    }
    .icerik {
        max-width: 1536px;
        margin: auto;
    }
}


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

html {
    scroll-behavior: unset !important;
}



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


nav {
    border-top: calc(0.1 * var(--scale)) solid white;
    padding: calc(0.5 * var(--scale)) 0;
}

.main-logo {
  flex-grow: 1; /* Logo alanı genişlesin ama sınırsız değil */
  text-align: center; /* Ortalanır */
  margin-top: 0.5vw;
}


@media (max-width: 768px) {
  .main-logo img {
   position: relative;
    left: calc(4.5 * var(--scale));
  }
  
}

.main-logo img {
  max-width: calc(10 * var(--scale)); /* Logonun genişliği korunur */
  height: auto;
}


.overlay {
    position: absolute;
    top: 1vw; /* Üstten 10 piksel aşağıda */
    left: 1vw; /* Soldan 10 piksel sağda */
    width: 10vw; /* İstediğin genişlik */
    height: auto; /* Yüksekliği otomatik ayarla */
    
}
@media (min-width: 768px) {
  .overlay {
   
    width: 6vw; /* İstediğin genişlik */
  
  }
}
@media (min-width: 1921px) {
  .overlay {
    width: 115px; /* İstediğin genişlik */
  }
}

.navigasyon{
    font-family: 'Gilroy-UltraLight', sans-serif;
    font-size: calc(2 * var(--scale));
    color: white;
    font-weight: bold;
    text-shadow: 2px 2px 4px black;
    display: flex;
    justify-content: center;

}


.mobile-nav-hamburger {
  display: none; /* Varsayılan olarak gizli */
  width: 40px; /* Sabit genişlik */
  height: 40px; /* Sabit yükseklik */
  flex-shrink: 0; /* Küçülmesini engeller */
  justify-content: center; /* Dikeyde ve yatayda ortalar */
  align-items: center;
  cursor: pointer;
  flex-direction: column;
  gap: 5px;
}
.mobile-nav-hamburger div {
  width: 27px;
  height: 2px;
  background-color: #232323;
}

.mobile-nav-side-menu {
  position: fixed;
  top: 0;
  left: -100%;
  width: 80%;
  height: 100%;
  background-color: #fff;
  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);
  padding: 20px;
  transition: left 0.3s ease-in-out;
  font-size: 1.5rem;
  font-family: 'Gilroy-UltraLight', sans-serif;
}
.mobile-nav-side-menu.active {
  left: 0;
}
.mobile-nav-menu-close {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 35px;
  cursor: pointer;
}
.mobile-nav-menu-item {
  margin: 32px 0;
}
.mobile-nav-menu-item:hover {
  color: #5e5e5e;
  font-size: 1.7rem;
  transition: 0.5s;
}
@media (max-width: 768px) {
  .mobile-nav-hamburger {
      display: flex;
  }
  .navigasyon {
      display: none;
  }
}





.footer-logo {
    opacity: 1; 
    height: 13vw;
    
   
}

@media (min-width: 768px) {
    .footer-logo {
        height: 10vw;
    }
}

@media (min-width: 1921px) {
    .footer-logo {
        height: 190px;
        
    }
}

.overlay-text {
    position: absolute;
    top: 94%;  /* Üste ortalamak için */
    left: 10%;
    transform: translate(-50%, -50%);  /* Tam merkezde konumlandırmak için */
    color: white;  /* Yazının rengi */
    font-size: calc(1 * var(--scale));  /* Yazının boyutu */
      /* Yazının kalınlığı */
    text-align: center;
    font-family: 'Gilroy-Light', sans-serif;
}

.footer-link {
    color: white;
    text-decoration: none;
    font-size: calc(1.9 * var(--scale));
    font-family: 'Gilroy-Light', sans-serif;
    
}

@media (min-width: 768px) {
    .footer-link {
        font-size: calc(1.5 * var(--scale));
    }
}

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

.separator {
    color: white;
    font-size: calc(2 * var(--scale));
    font-family: 'Gilroy-Light', sans-serif;
}

footer p {
    color: #fff;
    font-size:calc(1.7 * var(--scale));
    font-family: 'Gilroy-Light', sans-serif;
}

@media (min-width: 768px) {
    footer p {
        font-size: calc(1.3 * var(--scale));
    }
}

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

footer .down {
   align-content: center;
}

footer .resim {
    width: calc(7.8 * var(--scale));
    height: calc(2.34 * var(--scale));
  filter: grayscale(100%);
  margin-top: calc(0.5 * var(--scale));
  margin-bottom: calc(1.5 * var(--scale));
  
}
.yuksek{
  height: 14vw !important;
}
.yuksek1{
  height: 2.5vw !important;
}
.sol{
  margin-left: 8vw;
}

@media (min-width: 768px) {
  .yuksek{
    height: 11vw !important;
  }
  .sol{
    margin-left: 15vw;
  }
  .sag{
    padding-right: 17vw !important;
  }

}

@media (min-width: 1921px) {
  .yuksek{
    height: 211px !important;
  }
  .yuksek1{
    height: 50px !important;
  }
  .sol{
    margin-left: 19vw;
  }
}

.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: calc(2 * var(--scale));
    font-weight: bold;
    margin-top: 10px;
    font-family: 'Adoha', sans-serif;
  }

 

  .future-icerik {
    font-size: calc(1 * var(--scale));
    
    margin-top: 10px;
    font-family: 'Gilroy-Medium', sans-serif;
  }

  
  /* 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 */
  }
  @media (max-width: 768px) {
    .feature-title {
      font-size: calc(4 * var(--scale));
    }
    .future-icerik {
      font-size: calc(3 * var(--scale));
    } 
    .feature-box{
      min-height: 400px;
    }
    .container .row .col-md-4:nth-last-child(n) .feature-box {
      border-bottom: 1px solid #e5e5e5; /* Son üç kutunun altında çizgi yok */
    }
    
    .container .row .col-md-4:nth-last-child(-n+2) .feature-box {
      border-bottom: none; /* Son üç kutunun altında çizgi yok */
    }
   
    .container .row .col-md-4:nth-child(2n) .feature-box {
      border-right: none; /* Her satırın son kutusunda sağ çizgi yok */
    }
    .container .row .col-md-4:nth-child(3) .feature-box {
      border-right: 1px solid #e5e5e5;
    }
  }

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

  .blog-yardimci-baslik{
    text-align: center;
    font-family: 'Adoha', sans-serif;
    font-size: calc(4 * var(--scale));
  }

  .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: calc(5 * var(--scale));
  position: relative;
  
}
.koleksiyon-subtitle {
    color: #cccccc;
    font-size: calc(1.8 * var(--scale));
    
    margin-bottom: calc(-0.5 * var(--scale));
    margin-top: calc(8 * var(--scale));
    
    font-family: 'Gilroy-UltraLight', sans-serif;
    

}

.koleksiyon-title {
    font-size: calc(3 * var(--scale));
    
    margin-bottom: calc(1 * var(--scale));
   
    font-family: 'Adoha', Courier, monospace;
    
    
}

.koleksiyon-title1 {
  font-size: calc(3 * var(--scale));
  
  margin-bottom: calc(1 * var(--scale));
 
  font-family: 'Adoha', Courier, monospace;
  
  color: white;
}

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



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



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


.baslik-container {
    width: calc(30 * var(--scale));
    margin: auto;
    position: relative;
    text-align: left;
    left: calc(14 * var(--scale));
}

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



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


.koleksiyon-description1 img {
  
  width: calc(38 * var(--scale)); /* Görselin genişliği */
  height: calc(22 * var(--scale)); /* Orantılı yüksekliği */
  object-fit:cover; /* Görsel oranını koru */

  margin-bottom: calc(12 * var(--scale));
}



.koleksiyon-description1 p{
  
  padding-left: calc(2 * var(--scale));
  
  font-size: calc(1.5 * var(--scale));
  line-height: 1.5;
  z-index: 1; /* Set a higher z-index to keep it on top */
  width: calc(45 * var(--scale));
  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: calc(1 * var(--scale)); /* Görsel ve metin arasındaki boşluk */
 height: calc(15 * var(--scale));
 justify-content: center;
}

.baslik-container-ters {
    width: calc(30 * var(--scale));
    margin: auto;
    position: relative;
    text-align: right;
    right:calc(14 * var(--scale));
}


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





.koleksiyon-description-ters p{
  color: #f4f4f4;
  padding-right: calc(2 * var(--scale));
  
  font-size: calc(1.5 * var(--scale));
  line-height: 1.5;
  z-index: 1; /* Set a higher z-index to keep it on top */
  width: calc(45 * var(--scale));
  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: calc(5 * var(--scale));
  width: calc(70 * var(--scale));
  max-height: calc(40 * var(--scale));
  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: calc(2.34 * var(--scale)) auto; /* %10 küçültüldü */
  padding: calc(0.94 * var(--scale)); /* %10 küçültüldü */
  background-color: #fff;
}

.contact-wrapper1 {
  display: flex;
  justify-content: space-between;
  width: 80%;
  margin: calc(2.34 * var(--scale)) auto; /* %10 küçültüldü */
  padding: calc(0.94 * var(--scale)); /* %10 küçültüldü */
}

.contact-details, .contact-form-wrapper {
  width: 48%;
}

.contact-heading {
  font-size: calc(3.6 * var(--scale)); /* %10 küçültüldü */
  margin-bottom: calc(0.94 * var(--scale)); /* %10 küçültüldü */
  margin-top:9.9vw; /* %10 küçültüldü */
  color: #5e5e5e;
  font-family: 'Adoha', sans-serif;
}
.contact-heading3 {
  font-size: calc(3.6 * var(--scale)); /* %10 küçültüldü */
  margin-bottom: calc(0.94 * var(--scale)); /* %10 küçültüldü */
  margin-top:calc(9.9 * var(--scale)); /* %10 küçültüldü */
  color: #5e5e5e;
  font-family: 'Adoha', sans-serif;
}

@media (min-width: 1920px) {
  .contact-heading3 {
    margin-top: 1vw; 
  }
}

.contact-heading1 {
  font-size: calc(1.8 * var(--scale)); /* %10 küçültüldü */
  margin-top: calc(9.9 * var(--scale)); /* %10 küçültüldü */
  color: white;
  font-family: 'Gilroy-Thin', sans-serif;
}

.contact-heading-underlining {
  border-bottom: calc(0.27 * var(--scale)) solid #5e5e5e; /* %10 küçültüldü */
  padding-bottom: calc(0.47 * var(--scale)); /* %10 küçültüldü */
  margin-bottom: calc(0.94 * var(--scale)); /* %10 küçültüldü */
}

.contact-heading-underlining1 {
  border-bottom: 0.27 solid white; /* %10 küçültüldü */
  padding-bottom: 0.47; /* %10 küçültüldü */
  margin-bottom: 0.94; /* %10 küçültüldü */
  color: white;
}

.contact-subheading {
  font-size: calc(1.84 * var(--scale)); /* %10 küçültüldü */
  margin-bottom: calc(0.47 * var(--scale)); /* %10 küçültüldü */
  font-family: 'Adoha', sans-serif;
}

.contact-subheading1 {
  font-size: calc(1.84 * var(--scale)); /* %10 küçültüldü */
  margin-bottom: calc(0.47 * var(--scale)); /* %10 küçültüldü */
  font-family: 'Adoha', sans-serif;
  color: white;
}

/* Adres */
.contact-address, .contact-phone, .contact-email, .contact-social {
  margin-bottom: calc(2.7 * var(--scale)); /* %10 küçültüldü */
  font-family: 'gilroy-light', sans-serif;
  color: #3d3d3d;
}

.contact-social {
  margin-top: calc(4.5 * var(--scale)); /* %10 küçültüldü */
}

.address-text {
  margin-bottom: calc(0.9 * var(--scale)); /* %10 küçültüldü */
  font-size: calc(1.44 * var(--scale)); /* %10 küçültüldü */
}

.address-text1 {
  margin-bottom: calc(0.9 * var(--scale)); /* %10 küçültüldü */
  font-size: calc(1.44 * var(--scale)); /* %10 küçültüldü */
  color: #727272;
}

/* Haritada göster linki */
.address-map-link {
  color: #333;
  text-decoration: none;
  font-family: 'Adoha', sans-serif;
  font-size: calc(2.3 * var(--scale)); /* %10 küçültüldü */
}

.address-map-link1 {
  color: white;
  text-decoration: none;
  font-family: 'Adoha', sans-serif;
  font-size: calc(2.3 * var(--scale)); /* %10 küçültüldü */
}

.map_underline {
  border-bottom: 1.8px solid #3d3d3d; /* %10 küçültüldü */
  padding-bottom: calc(0.68 * var(--scale)); /* %10 küçültüldü */
}

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

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

/* Telefon */
.phone-number {
  font-size: calc(1.44 * var(--scale)); /* %10 küçültüldü */
}
.phone-number1 {
  font-size: calc(1.44 * var(--scale)); /* %10 küçültüldü */
  color: #727272;
}

/* E-posta */
.email-address a {
  color: #333;
  text-decoration: none;
  font-size: calc(1.44 * var(--scale)); /* %10 küçültüldü */
  font-family: 'gilroy-Regular', sans-serif;
}

.email-address1 a {
  color: #727272;
  text-decoration: none;
  font-size: calc(1.44 * var(--scale)); /* %10 küçültüldü */
  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: calc(0.45 * var(--scale)); /* %10 küçültüldü */
  font-size: calc(1.44 * var(--scale)); /* %10 küçültüldü */
}

.social-text1 {
  margin-bottom: calc(0.45 * var(--scale)); /* %10 küçültüldü */
  font-size: calc(1.44 * var(--scale)); /* %10 küçültüldü */
  color: #727272;
}

.social-links {
  display: flex;
  gap: calc(0.45 * var(--scale)); /* %10 küçültüldü */
}

.social-links a img {
  width: calc(1.8 * var(--scale)); /* %10 küçültüldü */
}

/* İletişim Formu */
.form-heading {
  font-size: calc(1.84 * var(--scale)); /* %10 küçültüldü */
  margin-bottom: calc(0.47 * var(--scale)); /* %10 küçültüldü */
  font-family: 'Adoha', sans-serif;
  color: #3d3d3d;
}

.form-heading1 {
  font-size: calc(1.84 * var(--scale)); /* %10 küçültüldü */
  margin-bottom: calc(0.47 * var(--scale)); /* %10 küçültüldü */
  font-family: 'Adoha', sans-serif;
  color: white;
}

.form-description {
  margin-bottom: calc(4.54 * var(--scale)); /* %10 küçültüldü */
  font-family: 'gilroy-light', sans-serif;
  color: #3d3d3d;
  font-size: calc(1.44 * var(--scale)); /* %10 küçültüldü */
}

.form-description1 {
  margin-bottom: calc(4.54 * var(--scale)); /* %10 küçültüldü */
  font-family: 'gilroy-light', sans-serif;
  color: #727272;
  font-size: calc(1.44 * var(--scale)); /* %10 küçültüldü */
}

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

.form-input, .form-textarea {
  margin-bottom: calc(1.8 * var(--scale)); /* %10 küçültüldü */
  padding: calc(0.18 * var(--scale)); /* %10 küçültüldü */
  font-size: calc(1.58 * var(--scale)); /* %10 küçültüldü */
  border: 0px solid #ccc;
  border-width: 0 0 1px 0;
  background-color: transparent;
  width: 100%;
  box-sizing: border-box;
}

.form-baslik {
  font-size: calc(1.17 * var(--scale)); /* %10 küçültüldü */
  color: #b1adad;
  font-family: 'Gilroy-Regular', sans-serif;
}

.form-button {
  font-size: calc(2.07 * var(--scale)); /* %10 küçültüldü */
  color: #a8a8a8;
  text-decoration: none;
  display: inline-block;
  margin-top: calc(2.7 * var(--scale)); /* %10 küçültüldü */
  transition: color 0.3s;
  font-family: 'Adoha', sans-serif;
}

.form-icon {
  width: calc(6.57 * var(--scale)); /* %10 küçültüldü */
  vertical-align: middle;
  padding-left: calc(1.8 * var(--scale)); /* %10 küçültüldü */
  filter: grayscale(100%);
}



.form-button:hover {
  color: #555;
  
}


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

.ust header {
  position: absolute;
  display: flex;
  justify-content: space-between; /* İki uca dağıt */
  align-items: center; /* Dikeyde ortala */
  top: 0;
  left: 0;
  width: 100%;
  z-index: 15; /* Slider'ın üzerinde kalsın */
  padding: calc(0.5vw * var(--scale)) calc(1vw * var(--scale)); /* İçerik boşluğu */
}


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

.mobile-neden-biz{
  font-size: 3.5rem;
}
@media (max-width: 768px) {
  .contact-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .contact-details, .contact-form-wrapper {
    width: 88%;
  }
  .contact-heading{
    font-size:calc(7.32 * var(--scale));
  }
  .contact-subheading{
    font-size: calc(3.73 * var(--scale));
  }
  .address-text{
    font-size: calc(2.92 * var(--scale));
  }
  .address-map-link{
   font-size: calc(4.55 * var(--scale)); 
  }
  .phone-number{
    font-size: calc(2.92 * var(--scale));
  }
  .email-address a{
    font-size: calc(2.92 * var(--scale));
  }
  .social-text{
    font-size: calc(2.92 * var(--scale));
  }
  .social-links a img{
    width: calc(3.66 * var(--scale));
  }
  .form-heading{
    font-size: calc(3.73 * var(--scale));
    text-align: center;
  }
  .form-description{
    font-size: calc(2.92 * var(--scale));
  }
  .form-baslik{
    font-size: calc(2.37 * var(--scale));
  }

  .form-input, .form-textarea{
    font-size: calc(3.20 * var(--scale));
  }

  .form-button{
    font-size:calc(4.2 * var(--scale));
  }

  .form-icon{
    width: calc(13.35 * var(--scale));
  }

  
  .contact-wrapper1 {
    flex-direction: column;
    align-items: center;
  }

  .contact-details1, .contact-form-wrapper1 {
    width: 88%;
  }
 
  .contact-subheading1{
    font-size: calc(3.73 * var(--scale));
  }
  .address-text1{
    font-size: calc(2.92 * var(--scale));
  }
  .address-map-link1{
   font-size: calc(4.55 * var(--scale)); 
  }
  .phone-number1{
    font-size: calc(2.92 * var(--scale));
  }
  .email-address1 a{
    font-size: calc(2.92 * var(--scale));
  }
  .social-text1{
    font-size: calc(2.92 * var(--scale));
  }
  .social-links1 a img{
    width: calc(3.66 * var(--scale));
  }
  .form-heading1{
    font-size: calc(3.73 * var(--scale));
    text-align: center;
  }
  .form-description1{
    font-size: calc(2.92 * var(--scale));
  }
  .form-baslik1{
    font-size: calc(2.37 * var(--scale));
  }

  .form-input1, .form-textarea{
    font-size: calc(3.20 * var(--scale));
  }

  .form-button1{
    font-size:calc(4.2 * var(--scale));
  }

  .form-icon1{
    width: calc(13.35 * var(--scale));
  }

  .mobile-neden-biz{
    font-size: 2.7rem;
  }
}


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


 .index-slider-wrapper {
  position: relative;
  width: 100%;
  height: calc(56.25 * var(--scale));
  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: calc(65 * var(--scale));
  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: calc(5 * var(--scale));
  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: calc(-8 * var(--scale));
  width: 100%;
  height: calc(20 * var(--scale));
  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: calc(1.3vw * var(--scale));
  padding: 10px;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s;
  user-select: none;
  width: calc(3 * var(--scale));
  border-radius: 50%;
 text-align: center;
}

.index-nav-button img {
  width: calc(4 * var(--scale));
  height: auto;
}

.index-prev {
  left: calc(1 * var(--scale));
}

.index-next {
  right: calc(3.5 * var(--scale));

}

.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: white;
  font-size: calc(1.5 * var(--scale));
  font-family: 'Gilroy-UltraLight', sans-serif;
  text-align: right;



}

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

.slider-bton-sag_ok{
width: calc(1 * var(--scale));
margin-left: calc(1 * var(--scale));
filter: brightness(100); /* Resmi beyaz yapar */
}

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


.index-slider-indicators {
  display: flex;
  justify-content: center;
  margin-top: calc(-17.5 * var(--scale));
}

.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: calc(1 * var(--scale));
  margin: calc(2 * var(--scale)) 0;
}

.bloglar-column {
  display: flex;
  flex-direction: column;
  gap: calc(1 * var(--scale));
}

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

.bloglar-image-large {
  width: calc(13 * var(--scale));
  height: calc(28 * var(--scale));
  object-fit: cover;
  border-radius: 5px;
}

.bloglar-content-section {
  display: flex;
  flex-direction: column;
  gap: calc(0.5 * var(--scale));
  max-width: calc(30 * var(--scale));
}

.bloglar-subtitle {
  font-size: calc(1.2 * var(--scale));
  color: #bbbbbb;
  text-transform: uppercase;
  font-family: 'FashionFetishLight', sans-serif;
}

.bloglar-title {
  font-size: calc(2.1 * var(--scale));
  font-family: 'Adoha', sans-serif;
  color: white;
}

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

.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: calc(1.30 * var(--scale)); /* 20px */
  color: #707070;
  text-decoration: none;
  display: inline-block;
  margin-top: calc(0.82 * var(--scale)); /* 10px */
  transition: color 0.3s;
  font-family: 'Gilroy-ultraLight-Italic', sans-serif;
}


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

@media (max-width: 768px) {
  .bloglar-container {
    flex-direction: column-reverse;
    
  }
  .bloglar-image-small {
    width: calc(28 * var(--scale));
    height: calc(22 * var(--scale));
   
    margin-top: calc(4 * var(--scale));
  }
  .bloglar-image-small1 {
    width: calc(28 * var(--scale));
    height: calc(24 * var(--scale));
    
  }
  .bloglar-image-small2 {
    margin-top: calc(3 * var(--scale));
    width: calc(28 * var(--scale));
    height: calc(26 * var(--scale));
    
  }
  .bloglar-image-small3 {
    
    width: calc(28 * var(--scale));
    height: calc(20 * var(--scale));
   
  }
  
  .bloglar-image-large {
    width: calc(26 * var(--scale));
    height: calc(56 * var(--scale));
   
  }
  

  .bloglar-subtitle {
    font-size: calc(2.4 * var(--scale));
    
  }
  
  .bloglar-title {
    font-size: calc(4.2 * var(--scale));
  
  }
  
  .bloglar-description {
    font-size: calc(2.4 * var(--scale));
  
  }
  .bloglar-content-section {
    
    max-width: calc(60 * var(--scale));
    margin-top: calc(5.5 * var(--scale));
  }

  .read-more {
    font-size: calc(2.60 * var(--scale)); /* 20px */
    
  }
  
  
  .read-more-icon {
    width: calc(6.60 * var(--scale)); 
    
    
  }
}



.bloggg-container {
  position: relative;
  width: 100%;
  height: calc(55 * var(--scale));
  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: calc(1 * var(--scale));
  width: 40%;
  background-color: rgba(0, 0, 0, 0); /* Arka planda şeffaf */
  display: flex;
  top: calc(20 * var(--scale));
  left: calc(55 * var(--scale));
  text-align: right;
  flex-direction: column;
  justify-content: center;
}

.bloggg-text-section h2 {
  font-size: calc(3 * var(--scale));
  font-weight: bold;
  margin-bottom: 20px;
  font-family: 'Adoha', sans-serif;
}

.bloggg-text-section p {
  font-size: calc(1.3 * var(--scale));
  margin-bottom: 0;
  font-family: 'Gilroy-Light', sans-serif;
}

.bloggg-read-more {
  margin-top: calc(2 * var(--scale));
  position: relative;
  
  font-size: calc(1.3 * var(--scale));
  text-decoration: none;
  font-family: 'Gilroy-Thin', sans-serif;
  
  
}


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

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

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

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

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

  /* 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: calc(4 * var(--scale)) 0;
    color: white;
    
    border-bottom: 1px solid white;
  }
  
  .bolg-item-image-wrapper {
    position: relative;
    width: 45%;
    height: calc(25 * var(--scale));
    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: calc(35 * var(--scale));
    height: calc(20 * var(--scale));
    object-fit: cover;
    display: block;
    margin: calc(2.5 * var(--scale)) auto;
    left: calc(2 * var(--scale));
    
  }
  
  .bolg-item-content {
    width: 50%;
  }
  
  .bolg-item-title {
    font-size: calc(3 * var(--scale));
    margin-bottom: calc(0.5 * var(--scale));
    font-family: 'adoha', sans-serif;
  }
  
  .bolg-item-description {
    font-size: calc(1.5 * var(--scale)) !important;
    margin-bottom: calc(0.5 * var(--scale)) !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: calc(0.5 * var(--scale));
  }
  .bolg-item-ters-description h1 {
    max-height: calc(0.5 * var(--scale));
  }
  
  
  .bolg-item-read-more:hover {
    color: #ffffff;
  }
  


 
 
 
  .bolg-item-ters-container {
    display: flex;
    align-items: center;
    background-color: #232323;
    text-align: right;
    padding: calc(4 * var(--scale)) 0;
    color: white;
    justify-content: flex-end;
    border-bottom: 1px solid white;
  }
  
  .bolg-item-ters-image-wrapper {
    position: relative;
    width: 45%;
    height: calc(25 * var(--scale));
    margin-right: 20px;
    display: flex;
    justify-content: flex-end;
     /* İçerikleri sağa hizalar */
}
  
  .bolg-item-ters-background {
    position: absolute;
    
    right: calc(-1 * var(--scale));
    width: 70%;
    height: 100%;
    background-color: white;
    z-index: 1;
  }
  
  .bolg-item-ters-image {
    position: relative;
    z-index: 2;
    width: calc(35 * var(--scale));
    height: calc(20 * var(--scale));
    object-fit: cover;
    display: block;
    margin: calc(2.5 * var(--scale)) auto;
    right: calc(1 * var(--scale));
    
  }
  
  .bolg-item-ters-content {
    width: 50%;
  }
  
  .bolg-item-ters-title {
    font-size: calc(3 * var(--scale));
    margin-bottom: calc(0.5 * var(--scale));
    font-family: 'adoha', sans-serif;
  }
  
  .bolg-item-ters-description {
    font-size: calc(1.5 * var(--scale));
    margin-bottom: calc(0.5 * var(--scale));
    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: calc(45 * var(--scale));
    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: calc(4 * var(--scale)); /* 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: calc(2 * var(--scale)); /* 30px */
  color: #6f6f6f;
  position: absolute;
  bottom: calc(-2 * var(--scale));
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  font-family: 'Gilroy-Regular', sans-serif;
}

.heading-bloglar h4 {
  width: 100%;  
  font-size: calc(1.6 * var(--scale)); /* 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: calc(80 * var(--scale));
  margin: 0 auto;
  padding: calc(4 * var(--scale)) 0;
 
  color: white;
  
}

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

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

.blog--icerik-content h3 {
  color: white;
  font-size: calc(1.7 * var(--scale));
  margin-top: calc(1 * var(--scale));
  font-family: 'Gilroy-Bold', sans-serif;
  
  margin-bottom: calc(0.5 * var(--scale));
}


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

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

.blog___ekle-subtitle {
  font-size: calc(3.5 * var(--scale));
  margin-bottom: calc(1 * var(--scale));
  color: #333;
  font-family: 'adoha', sans-serif;
}

.blog___ekle-wrapper {
  display: flex;
  justify-content: center;
  gap: calc(2 * var(--scale));
}

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

.blog___ekle-item1{
  background-color: white;
  color: #333;
  padding: calc(2.3 * var(--scale));
  
  
  text-align: center;
  
}

.blog___ekle-image {
  width: calc(18 * var(--scale));
  height: calc(15 * var(--scale));
  object-fit: cover;
  
  
}

.blog___ekle-text {
  margin: 10px 0;
  max-width: calc(20 * var(--scale));
  text-align: left;
  font-size: calc(2 * var(--scale));
  font-family: 'adoha', sans-serif;
}

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

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

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

.blog___ekle-link1:hover {

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


.blog___ekle-link img {
  width: calc(2.5 * var(--scale));
  
  vertical-align: middle;
  
}

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



.hakkimizda-container {
  font-family: Arial, sans-serif;
  margin: 0 calc(10 * var(--scale));
  
  
 
 
  
}


.hakkimizda-baslik{
  font-size: calc(3.5 * var(--scale));
  color: white;
  font-family: 'adoha', sans-serif;
  text-align: center;
  position: relative;
  top: calc(15 * var(--scale));
}


.hakkimizda-baslik h1{
  font-size: calc(1.5 * var(--scale));
  color: white;
  font-family: 'Gilroy-Thin', sans-serif;
  text-align: center;
  padding-top: calc(1.5 * var(--scale));
  padding-bottom: calc(1 * var(--scale));
}

.hakkimizda-baslik h2{
  font-size: calc(3.5 * var(--scale));
  color: white;
  font-family: 'adoha', sans-serif;
  text-align: center;
  margin-bottom: 0 !important;
}

.hakkimizda-header {
  text-align: center;
  margin-bottom: 40px;
  display: flex;
  font-size: calc(1.7 * var(--scale));
  line-height: 1.5;
  margin-top: 10px;
  color: white;
  text-align: left;
 
  font-family: 'gilroy-light', sans-serif;
}

.hakkimizda-logo {
 width: calc(20 * var(--scale));
 height: calc(20 * var(--scale));
 position: relative;
 top: calc(-4 * var(--scale));
}

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

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



.hakkimizda-text {
  font-size: calc(1.7 * var(--scale));
  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: calc(1 * var(--scale));
  background-color: #232323; /* Adjust the background color if needed */
}

.hakkimizdaaaa-card {
  background-color: white;
 
  height: calc(21 * var(--scale));
  width: calc(18 * var(--scale));
  text-align: center;
  margin: calc(1 * var(--scale));
  padding: calc(1.2 * var(--scale));
}

.hakkimizdaaaa-image {
  width: calc(15.5 * var(--scale));
  height: calc(16 * var(--scale));
  height: auto;
  object-fit: cover;
  margin-bottom: calc(0.5 * var(--scale));
}

.hakkimizdaaaa-title {
  font-size: calc(2.5 * var(--scale));
  
  font-family: 'adoha', sans-serif;
  position: relative;

  
}

.hakkimizdaaaa-subtitle {
  font-size: calc(1.2 * var(--scale));
  
  font-family: 'Gilroy-Thin', sans-serif;
  position: relative;
  top: calc(-1 * var(--scale));
}

.beyaz_yazi{
  color: white;
}