@media (max-width:320px){
 
}

@media (min-width:321px){ 
  .kategoribaslik{background-color: #d3ad71; color: white; font-size: 35px; padding: 20px 25px; border-radius: 10px 10px 0 0; min-height: 60px; margin-top: 20px;}
  .sayfabaslik{font-size: 20px; color:white;}
  .breadpd{margin-top:0px}
  .banner{height: 100px; background:#000000; background-position: center; background-size: cover; background-repeat: no-repeat;}
  .tanitimbanner{height: 300px; object-position: center; object-fit: cover; background-repeat: no-repeat; width: 100%;}
  .tanitimtitle{font-size: 45px;}
  .tanitimtext{font-size: 17px;}
  .projelerbanner{height: 220px; width: 100%;}

  .tabbg li {
    flex: 1 1 50%;
}

.intro-bg{background: url('/images/intro-bg-mobile.webp') no-repeat center center; width: 100%; background-size: cover; height: 100vh; display: block; background-color: #b7ad90;}
.pr-img{width: 40px;}
}

@media(min-width:640px){
  .kategoribaslik{background-color: #d3ad71; color: white; font-size: 35px; padding: 20px 25px; border-radius: 10px 10px 0 0; min-height: 60px;}
  .sayfabaslik{font-size: 30px; color:white;}
  .tanitimbanner{height: 350px; object-position: center; object-fit: cover; background-repeat: no-repeat; width: 100%;}
  .tanitimtitle{font-size: 45px;}
  .tanitimtext{font-size: 18px;}
  .projelerbanner{height: 220px; width: 100%;}
}

@media(min-width:960px){
  .kategoribaslik{background-color: #d3ad71; color: white; font-size: 35px; padding: 20px 25px; border-radius: 10px 10px 0 0; min-height: 60px;}
  .sayfabaslik{font-size: 30px; color:white;}
  .tanitimbanner{height: 450px; object-position: center; object-fit: cover; background-repeat: no-repeat; width: 100%;}
  .tanitimtitle{font-size: 45px;}
  .tanitimtext{font-size: 20px;}
  .projelerbanner{height: 220px; width: 100%; }

  .tabbg li {
    flex: 1 1 25%;
}
.pr-img{width: 70px;}
}

@media(min-width:1200px){
  .kategoribaslik{background-color: #d3ad71; color: white; font-size: 35px; padding: 20px 25px; border-radius: 10px 10px 0 0; min-height: 60px; margin-top: 0px;}
  .sayfabaslik{font-size: 30px; color:white;}
  .breadpd{margin-top: 20px;}
  .banner{height: 180px; background:#000000; background-position: center; background-size: cover; background-repeat: no-repeat;}
  .tanitimbanner{height: 700px; object-position: center; object-fit: cover; background-repeat: no-repeat; width: 100%;}
  .tanitimtitle{font-size: 45px;}
  .tanitimtext{font-size: 22px;}
  .projelerbanner{height: 220px; width: 100%;}
  .tabbg li {
    flex: 1 1 15%;
  }

  .intro-bg{background: url('/images/intro-bg.webp') no-repeat center center; width: 100%; background-size: cover; height: 100vh; display: block; background-color: #b7ad90;}
}

@media(min-width:1400px){
  .kategoribaslik{background-color: #d3ad71; color: white; font-size: 35px; padding: 20px 25px; border-radius: 10px 10px 0 0; min-height: 60px;}
  .sayfabaslik{font-size: 30px; color:white;}
  .tanitimbanner{height: 700px; object-position: center; object-fit: cover; background-repeat: no-repeat; width: 100%;}
  .tanitimtitle{font-size: 55px;}
  .tanitimtext{font-size: 25px;}
  .projelerbanner{height: 220px; width: 100%;}
}

@media(min-width:1600px){

  .bannerpd{padding-top: 290px;}
  .kategoribaslik{background-color: #d3ad71; color: white; font-size: 35px; padding: 20px 25px; border-radius: 10px 10px 0 0; min-height: 60px;}
  .sayfabaslik{font-size: 30px; color:white;}
  .tanitimbanner{height: 700px; object-position: center; object-fit: cover; background-repeat: no-repeat; width: 100%;}
  .tanitimtitle{font-size: 65px;}
  .tanitimtext{font-size: 25px;}
  .projelerbanner{height: 220px; width: 100%;}
}


.stickytext {color: black}




.intro-logo{background: url('/images/intro-logo.webp') no-repeat center center; width: 300px; background-size: 220px; height: 90px; display: block; background-color: #b7ad90; border-radius: 0% 0% 100% 100%;  position: relative;
  z-index: 9;
  transform: translateY(100vh); /* Ekranın altına yerleştiriyoruz */
  opacity: 0; /* Başlangıçta görünmez yapıyoruz */
  transition: transform 1s ease-out, opacity 1s ease-out;}

  .intro-logo.show {
    transform: translateY(0); /* Yukarıya çıkmasını sağlıyoruz */
    opacity: 1; /* Görünür hale getiriyoruz */
  }
  
.intro-btn{color:#fff !important; border-radius:50px; padding: 5px 30px; border:solid 1px #fff;}


.intro-btn:hover{background-color: #b7ad90;}

.siziarayalim .uk-offcanvas-overlay::before{background:none !important;}
.siziarayalim .uk-offcanvas-bar{padding: 0px;}

.uk-offcanvas-bar-1 {
width: 300px; /* Modal genişliği */
background-color: #f8f8f8; /* Arkaplan rengi */
padding: 30px 25px 30px 30px; /* İç boşluk */
background: #53a46e !important;
}
.bg-none{background: none !important;}
.t-10{top:10px}

.projedetayicerikbg{background-color: #27367b;}
.projedetaylogobg{width: 180px;}

.aciksari{color: #bab6a9}
.renkkoyu{color: #1d1d1b}

.bg-black{background: rgb(38,55,126);
  background: linear-gradient(53deg, rgba(38,55,126,1) 0%, rgba(10,23,75,1) 100%);}
.bg-gray{background-color: #f4f4f4;}



.uk-tab li:not(.uk-active) > a {
  background-color: #f2f1ed;
}
.uk-tab li.uk-active > a {
  background-color: #fcfbf6;
  border: 1px solid transparent;
}
.tab-content {
  background-color: none;
}


.uk-tab>* {
  flex: none;
  padding-left: 0px;
  position: relative;
}

.tabbg{background-color: #f2f1ed;}

.uk-tab>*>a {
  display: flex;
  align-items: center;
  column-gap: .25em;
  justify-content: center;
  padding: 25px 10px;
  color: #000;
  border-bottom: 1px solid transparent;
  font-size: 1.975rem;
  text-transform: none;
  transition: color .1s ease-in-out;
}


.info-item {
  text-align: center;
  border: 2px solid black;
  border-radius: 50%;
  height: 100px;
  width: 100px;
  display: inline-flex;
}

.info-item h3 {
  margin-bottom: 5px;
  font-size: 24px;
  color: #333;
}

.info-item p {
  margin: 0;
  font-size: 16px;
  color: #666;
}

.discover-button {
  margin-top: 20px;
  text-align: center;
}