body {
         margin: 0;
         padding: 0;
         font-family: 'Roboto', sans-serif;
         overflow-x: hidden;
         }
		 body a{color:#111;}
         .navbar .nav-item{font-weight:bold;margin-right:15px;font-size:18px;}
         .navbar .nav-item:last-child{margin-right:0px;}
         .navbar .nav-item .nav-link{color:#fff;}
		 .aimg{border-radius:0.375rem 0.375rem 0px 0px;width:100%;height:232px;object-fit:cover;}

#video-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7); /* Overlay arkaplan rengi ve şeffaflık */
display: none;
justify-content: center;
align-items: center;
z-index: 9999;
}
#video-container {
position: relative;
width: 80%;
height: 0;
padding-bottom: 56.25%; /* YouTube video oranı için */
overflow: hidden;
}
@media (min-width:992px){
#youtube-video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 50%;
height: 50%;
}
}
@media (max-width:992px){
#youtube-video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
}
}

.arakatman{border-bottom:2px solid #000;}
.arabosluk{padding-top:150px;padding-bottom:150px;}
.aratanim{line-height:1.8;color:#fff;font-weight:500;margin-top:30px;}
.tanitimvideo{width:24px;height:24px;margin-top:-3px;}
.araicon{color:#efb300;width:36px;}
.arabtn2{border: 2px solid #efb300 !important;
                     padding: 5px 15px !important;
                     background: #000 !important;color:#fff !important;}
					 .btnicon{width:32px;height:32px;}
					 .kimg{max-width:100%;height:auto;padding:10px;border:2px dotted #111;object-fit:cover;}
					 .galeri-link{font-weight:bold;text-decoration:none;text-align:center;color:#fff;}
					 .tanimarka{background:#000;}
					 .b-baslik{font-size:40px;font-weight:900;text-transform:uppercase;}
					 .b-cizgi{display: inline-block;
                     height: 2px;
                     width: 80px;
                     margin-bottom: 10px;
                     position: relative;background-color:#efb300}
					 .kbilgi{line-height:1.8}
					 .hizmetler{background:#f3f3f3;}
					 .makaleresim{width:100%;height:auto;object-fit:cover;}
					 
.wp-pagenavi a, .wp-pagenavi a:hover, .wp-pagenavi span, .wp-pagenavi span.current {
    padding: 8px 12px;
    font-size: 1.2rem;
    font-weight: 600;
    background-color: #555;
    color: #fff;
    text-decoration: none;
    border-radius: 0px;
    margin-right: 8px;
    transition: all 0.3s ease-in-out;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
    background-color: #000;
}

.wp-pagenavi a:first-child,
.wp-pagenavi span:first-child {
    margin-left: 0;
}

.wp-pagenavi a:last-child,
.wp-pagenavi span:last-child {
    margin-right: 0;
}
.arsivara{padding-top:120px;}
.arsivtitle{padding:20px;border:2px solid #000;}
.arsivtitle2{text-decoration:none;text-transform:uppercase;font-weight:bold;}
.arsivic{border:2px solid #000;}
.pageic{border:2px solid #000;padding:20px;}
.notfound{background:#000;border:2px solid #efb300;}
.notimg{max-width:100%;height:auto;object-fit:cover;}
.nav-menu{background:#000;padding:20px;}
.logo-dot{font-weight:900;color:#efb300}
.hizliara{bottom:0px;left:50%;transform: translate(-50%);z-index:9999!important;display:flex;}
.teli{margin-right:5px;}
.whatsappi{margin-right:5px;margin-top:-3px;}
.sicon{width:24px;height:24px;margin-top:-3px;margin-right:8px;}
.logotext{font-weight:900;font-size:26px;}
.barka{background:#000;}
.haritacss{border:0;width:100%;margin-bottom:-10px;}
.telico{margin-right:10px;}

.categories {
    list-style-type: none; /* Liste öğeleri için markerları gizle */
    padding: 0;
	margin: 0;
}

.categories li {
    margin-bottom: 10px; /* Liste öğeleri arasındaki boşluk */
    border-bottom: 1px solid #ccc; /* Gri renkte 1 piksel kalınlığında alt kenarlık */
    padding-bottom: 10px; /* Alt kenarlık ile metin arasındaki boşluk */
}
.categories li:last-child {
    margin-bottom: 0px;
    border-bottom: none;
	padding-bottom:0px;
}

.categories li a {
    text-decoration: none; /* Bağlantı altı çizgisi kaldır */
    color: #333; /* Bağlantı metni rengi */
    font-weight: bold; /* Bağlantı metni kalın font ağırlığı */
}

.categories li a:hover {
    color: #ff0000; /* Bağlantı metni rengi (üzerine gelindiğinde) */
}

         #hero:before {
         content: "";
         background: rgba(0, 0, 0, 0.6);
         position: absolute;
         bottom: 0;
         top: 0;
         left: 0;
         right: 0;
         }
         #hero .container {
         position: relative;
         padding-top: 74px;
         text-align: center;
         }
         #hero h1 {
         margin: 0;
         font-size: 56px;
         font-weight: 700;
         line-height: 64px;
         color: #fff;
         }
         #hero h1 span {
         color: #efb300;
         }
         #hero h2 {
         color: rgba(255, 255, 255, 0.9);
         margin: 10px 0 0 0;
         font-size: 24px;
         }
         #hero .icon-box {
         padding: 30px 20px;
         transition: ease-in-out 0.3s;
         border: 2px solid rgba(255, 255, 255, 0.5);
         height: 100%;
         text-align: center;
         }
         #hero .icon-box h3 {
         font-weight: 700;
         margin: 10px 0 0 0;
         padding: 0;
         line-height: 1;
         font-size: 20px;
         line-height: 26px;
         }
         #hero .icon-box h3 a {
         color: #fff;
         transition: ease-in-out 0.3s;
         }
         #hero .icon-box h3 a:hover {
         color: #efb300;
         }
         #hero .icon-box:hover {
         border-color: #efb300;
         }
         @media (min-width: 1024px) {
         #hero {
         background-attachment: fixed;
         }
         }
         @media (max-width: 768px) {
			
			.logo
			{
			max-width:235px;
			height:auto;
			object-fit:cover;
			}

         #hero {
         min-height: 100vh!important;
         }
         #hero h1 {
         font-size: 28px;
         line-height: 36px;
         }
         #hero h2 {
         font-size: 20px;
         line-height: 24px;
         }
         }
         section {
         padding: 60px 0;
         overflow: hidden;
         }
         .icon-box a {text-decoration:none;}
         /* Navbar'a alt çizgi ve efekt eklemek için stil */
         .navbar-nav .nav-link {
         position: relative;
         padding-bottom: 5px;
         transition: all 0.3s ease; /* Geçiş efekti için */
         }
         .navbar-nav .nav-link::after {
         content: "";
         position: absolute;
         left: 0;
         bottom: 0;
         width: 100%;
         height: 2px; /* Çizginin yüksekliği */
         background-color: #efb300; /* Çizgi rengi */
         transform: scaleX(0); /* Başlangıçta çizgiyi gizliyoruz */
         transform-origin: right; /* Çizginin sağdan sola genişlemesini sağlıyoruz */
         transition: transform 0.3s ease; /* Genişleme efekti için */
         }
         .navbar-nav .nav-link:hover::after {
         transform: scaleX(1); /* Üstüne gelindiğinde çizgiyi görünür yapar */
         transform-origin: left; /* Çizginin soldan sağa genişlemesini sağlar */
         }
         .k-buton {
         display: inline-block;
         font-weight: bold;
         text-decoration:none;
         border: 2px solid #efb300;
         padding: 8px 25px;
         background: transparent;
         color: #fff;
         transition: background-color 0.3s, color 0.3s;
         }
         .k-buton:hover {
         background-color: #efb300;
         color: #000; /* Buton üzerine gelindiğinde metin rengini değiştirebilirsiniz. */
         }
         .t-buton{  display: inline-block;
         font-weight: bold;background-color:#efb300;color:#111;border:2px solid #111;  padding: 10px 30px;  transition: background-color 0.3s, color 0.3s;}
         .t-buton:hover {
         background-color: transparent;
         color: #fff; /* Buton üzerine gelindiğinde metin rengini değiştirebilirsiniz. */
         }
         .w-buton {
         display: inline-flex;
         font-weight: bold;
         align-items: center;
         border-right: 2px solid #efb300;
         border-left: 2px solid #efb300;
         border-top: 2px solid #efb300;
         padding: 8px 25px;
         background: #000;
         text-decoration:none;
         color: #fff;
         transition: background-color 0.3s, color 0.3s;
         }
         .w-buton:hover {
         background-color: #efb300;
         color: #000; /* Buton üzerine gelindiğinde metin rengini değiştirebilirsiniz. */
         }
         .s-buton {
         display: inline-flex;
         font-weight: bold;
         align-items: center;
         border: 2px solid #efb300;
         padding: 8px 25px;
         background: #000;
         text-decoration:none;
         color: #fff;
         transition: background-color 0.3s, color 0.3s;
         }
         .s-buton:hover {
         background-color: #efb300;
         color: #000; /* Buton üzerine gelindiğinde metin rengini değiştirebilirsiniz. */
         }
         .a-buton {
         display: inline-flex;
         align-items: center;
         font-weight: bold;
         border-left: 2px solid #efb300;
         border-top: 2px solid #efb300;
         padding: 8px 25px;
         background: #000;
         text-decoration:none;
         color: #fff;
         transition: background-color 0.3s, color 0.3s;
         }
         .a-buton:hover {
         background-color: #efb300;
         color: #000; /* Buton üzerine gelindiğinde metin rengini değiştirebilirsiniz. */
         }
         .dropdown-menu{border-radius:0px!important;}
         .dropdown-item.active, .dropdown-item:active{background-color:#000;}
         .slider-container {
         position: relative;

         }
         .custom-controls {
         text-align: center;
         position: absolute;
         bottom: -80px; /* Düğmeleri daha aşağı almak için değeri artırın */
         left: 0;
         right: 0;
         }
         .custom-controls button {
         background: transparent;
         border: none;
         font-size: 24px;
         margin: 0 10px;
         cursor: pointer;
         }
         .custom-controls button:hover {
         color: #007bff;
         }
         #yukari {
         display: inline-flex;
         font-weight: bold;
         align-items: center;
         border: 2px solid #efb300;
         padding: 8px 25px;
         background: #000;
         text-decoration:none;
         color: #fff;
         transition: background-color 0.3s, color 0.3s;
         }
         #yukari:hover {
         background-color: #efb300;
         color: #000; /* Buton üzerine gelindiğinde metin rengini değiştirebilirsiniz. */
         }
         #yukari{display:none;position:fixed;bottom:20px;right:30px;z-index:99;width:3.5em;height:3.5em;padding:.6em;color:#fff;outline:none;}
         .social-media-buttons {
         display: flex;
         justify-content:center;
         gap: 10px;
         }
         .social-media-buttons a {
         display: inline-block;
         width: 50px;
         height: 50px;
         background-color: #efb300;
         border-radius: 50%;
         text-align: center;
         border:1px solid #111;
         line-height: 58px;
         color: #111;
         transition: background-color 0.3s, color 0.3s;
         }
         .social-media-buttons a i {
         font-size: 24px;
         }
         .social-media-buttons a:hover {
         background-color: #000;
         color: #fff;
         }
		 
.menuler ul {
    list-style: none;
    display: flex;
    justify-content: center;
    padding: 0;
}

.menuler ul li {
    margin-right: 35px;
}

.menuler ul li:last-child {
    margin-right: 0;
}

.menuler ul li a {
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    transition: color 0.3s ease;
}

.menuler ul li a:hover {
    color: #efb300;
}

/* Mobil cihazlar için stil */
@media (max-width: 767px) {
    .menuler ul {
        flex-direction: column;
        align-items: center;
    }

    .menuler ul li {
        margin: 10px 0;
    }
}

         .thumbnail {
         position: relative;
         overflow: hidden;
         }
         .thumbnail img {
         width: 100%;
         height: 234px;
		 object-fit:cover;
         transition: transform 0.5s;
         filter: brightness(75%); /* Resimlere hafif siyahlık eklemek için */
         }
         .thumbnail:hover img {
         transform: scale(1.1);
         }
         .overlay {
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         opacity: 0;
         transition: opacity 0.5s;
         background-color: rgba(0, 0, 0, 0.5);
         padding: 10px;
         text-align: center;
         width: 100%;
         }
         .thumbnail:hover .overlay {
         opacity: 1;
         }
         .overlay h3 {
         color: #fff;
         }
         .overlay a{color:#fff;font-weight:bold;font-size:18px;text-decoration:none;}