body {
    font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
}

/* Seçilen metnin stilini değiştirmek için geçici bir stil */
::selection {
  background-color: #e85309;
  color: #fff;
}


audio {
      width: 100%;
      height: 50px;
    }
    
.content h2 {
    font-family: "Poppins", serif;
    font-size: 30px !important;
    line-height: 45px !important;
    margin-bottom:10px !important;
}

/* Disqus yorum kutusundaki yazı tipini değiştirmek için */
#disqus_thread {
    font-family: 'Poppins', sans-serif !important;
}


.sort-menu-refresh__item a{
    color: #e85309 !important;
    border-bottom: 3px solid #e85309 !important;
}

.subContent {
	margin-top:100px !important;
}

.btnsm {
	font-family: "Poppins", serif;
	font-size: 12px;
	border:none;
	padding:8px 45px 8px 45px;
}

.btnsm:hover { 
	background-color:#474747 !important;
	color:#fff !important;
}

.btnfacebook {
	background-color:#4267b2;
}

.btnsm i {
	margin-right: 20px;
}

.btntwitter {
	background-color:#000;
	color:#fff;
}

.btnwhatsapp {
	background-color:#24d366;
	color:#fff;
}

.bigContainer {
    /* max-width: 1530px !important; */
}

h2 {
    font-family: "Poppins", serif;
    font-size: 50px;
    font-weight: 800;
}

.navPagging {
	margin-top:100px;
}

.septMargin {
	margin-top:60px;
}

/* Sayfa numarası bağlantılarının renklerini değiştirme */
.pagination .page-link {
  background-color: #fff; /* Arka plan rengi */
  color: white; /* Yazı rengi */
  border: 1px solid #e8e8e8; /* Kenarlık rengi */
}

/* Sayfa numarası üzerine gelindiğinde renk değişimi */
.pagination .page-link:hover {
  background-color: #e85309; /* Hover (üzerine gelindiğinde) arka plan rengi */
  color: white; /* Hover durumunda yazı rengi */
}

/* Aktif sayfa numarasının renklerini değiştirme */
.pagination .page-item.active .page-link {
  background-color: #e85309; /* Aktif sayfa arka plan rengi */
  color: white; /* Yazı rengi */
  border-color: #f8f9fa; /* Kenarlık rengi */
}

/* Disabled (pasif) sayfa numarasının renklerini değiştirme */
.pagination .page-item.disabled .page-link {
  background-color: #fff; /* Pasif sayfa arka plan rengi */
  color: #6c757d; /* Pasif sayfa yazı rengi */
  border-color: #e8e8e8; /* Pasif sayfa kenarlık rengi */
}

/* "Önceki" ve "Sonraki" butonlarının renklerini değiştirme */
.pagination .page-item a.page-link {
  color: #4d4d4d; /* Önceki ve Sonraki butonlarının yazı rengi */
}

.pagination .page-item a.page-link:hover {
  color: #fff; /* Hover durumunda yazı rengi */
}




.logo {
	max-height: 60px;
}

.bgorange {
    background-color:#e85309;
}

.logoCol {
    padding-top:20px;
    padding-bottom:20px;
}

.smlist ul {
	padding:0px;
	margin:0px;
    float:right;
}

.smlist ul li {
    list-style: none;
    float:left;
    margin-right: 30px;
}

.smlist ul li a {
	color:#fff;
	font-size: 25px;
}

.heroItem {
    padding:100px;
    padding-top:100px;
}

.heroTitle p {
    color:#909090;
    font-size: 23px;
}

.heroRow {
    padding-top:50px;
}

.content-box:hover {
	cursor: pointer;
}

.content-box {
    min-height: 170px;
    border-radius: 20px;
    padding:50px;
}


/* HERO BANNER */ 


.heroRow {
    display: flex;
    justify-content: space-between;
    gap: 0; /* Grid boşluklarını sıfırladık */
}

.heroRow .col6 {
    display: flex;
    flex-direction: column; /* Dikey hizalama */
}

.content-box {
    overflow: hidden;
    background-color: #f1f1f1; /* Fallback renk */
    padding: 15px;
    margin-bottom: 0px;
    flex: 1;
    min-height: 350px;
    
    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    /* Arka plan resmi */
    background-size: cover;  /* Resmi kutuya sığdır */
    background-position: center;  /* Resmi merkeze yerleştir */

    position: relative; /* Overlay için pozisyon gereksinimi */
    color: white; /* Metni beyaz yapalım */
    font-size: 25px;
    padding:50px;
}

/* Arka plan resminin üstüne overlay ekleme */
.content-box::before {
    content: ''; /* Pseudo element oluştur */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);  /* Siyah overlay, %30 opaklık */
    z-index: 0; /* Overlay'in arka planda olmasını sağla */
}

/* Metin içeriği overlay'in üstünde görünmesi için z-index'i artır */
.content-box > p {
    z-index: 2; /* Overlay'in üstündeki içerik */
    color:#fff;
    font-size: 50px;
    line-height: 60px;
    padding:0px;
    margin:0px;
}

/* Metin içeriği overlay'in üstünde görünmesi için z-index'i artır */
.content-box > span {
    z-index: 2; /* Overlay'in üstündeki içerik */
    color:#fff;
    font-size: 30px;
    line-height: 35px;
    padding:0px;
    margin:0px;
}


.content figure {
	margin-top:40px;
	margin-bottom:40px;
}

.content figure img {
	border-radius: 20px;
}


/* HERO BANNER */ 


.content {
	color:#292929;
}

.shortContent {
	font-size: 25px !important;
	padding-right: 80px;
}

.content {
	font-size:23px;
	padding-right: 50px;
	color:#292929;
}

.content p {
	font-size:23px;
	padding-right: 50px;
	color:#292929;
}

/* Ayırıcı stilini tanımlıyoruz */
.paragraph-divider {
  text-align: center;
  margin: 20px 0;
}

.paragraph-divider span {
  font-size: 35px;
  color: #000; /* Düzgün bir gri renk */
  font-weight: bold;
  letter-spacing: 15px;
}


.content h1 {
    font-family: "Poppins", serif;
	font-size: 55px;
	font-weight: 600;
	margin-bottom:50px;
}

.shortContent {
	font-size: 23px;
}

.shortContentTime {
	margin-top:40px;
	font-size: 18px;
	color:#575656;
}

.shortContentTime i {
	margin-right: 10px;
}

.ListItemCol h2 {
	font-size: 35px;
	font-weight: 600;
	margin-bottom:50px;
}

.ListItemCol span {
	color:#e85309;
}

.contentWidget {
	padding-top:0px;
	padding-bottom:150px;
}

.ListItemCol .card {
	border-radius: 20px;
	overflow: hidden;
}

.ListItemCol .card img {
	border-radius: 20px;
}

.ListItemCol .card {
	  border:0px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Yumuşak, geniş gölge */
      transition: box-shadow 0.3s ease; /* Hover efekti için geçiş */
    }
.ListItemCol .card:hover {
	  cursor: pointer;
      box-shadow: 0 12px 20px rgba(0, 0, 0, 0.2); /* Hoverda daha belirgin gölge */
    }

.reklam728 {
	max-width: 728px;
	margin:0 auto;
	padding-top:70px;
	padding-bottom:70px;
}

.reklam300 {
	max-width: 350px;
	margin:0 auto;
}

.sidebarGrayBg {
	max-width: 350px;
	margin:0 auto;
	border-radius: 20px;
	background-color:#f0f0f0;
	padding:30px;
	margin-top:50px;
}

.sidebarItem figure img {
	border-radius: 20px;
}

.sidebarGrayBg h3 {
	font-size: 25px;
	font-family: "Poppins", serif;
	font-weight: 600;
	margin-bottom:17px;
}

.sidebarItem p {
	font-size: 18px;
	text-align: center;
	padding-left:10px;
	padding-right:10px;
	color:#292929;
}

.sidebarItem {
	margin-bottom:50px;
}

footer {
	border-top:30px solid #e85309;
	background-color:#000;
	color:#fff;
	padding-top:50px;
	padding-bottom:200px;
}

footer img {
	max-height: 60px;
}

.footermenu ul li {
	float:left;
	list-style: none;
	margin-top:20px;
}

.footermenu ul li a {
	font-size: 20px;
	font-family: "Poppins", serif;
	text-decoration: none;
	color:#fff;
	margin-right: 50px;
}

@media only screen and (max-width : 1670px) {

    .heroItem {
        padding:100px;
        padding-top:100px;
    }
    
}


@media only screen and (max-width : 1280px) {

    .content-box {
        min-height:auto;
    }
    
}

@media only screen and (max-width : 1199px) {
	

	
}

@media only screen and (max-width : 1105px) {


}

@media only screen and (max-width : 1085px) {
 
    .heroItem {
        padding:50px;
        padding-top:50px;
    }
    
    .content-box {
        padding: 30px;
        min-height: 200px;
    }
    
    .content-box > p {
        font-size: 35px;
        line-height: 45px;
    }
    
    .content-box > span {
        font-size: 20px;
        line-height: 25px;
    }
    
    .bigContainer {
        max-width: 900px !important;
    }
    
    .reklam300 {
        width: 250px;
    }
    
    .sidebarGrayBg {
        max-width: 250px;
    }
	
}

@media only screen and (max-width : 991px){

    .content-box {
        padding: 30px;
        min-height: 350px;
    }	
    
    .col6 {
        width: 100%;
    }
    .col6:last-child .col6 {
        width: 50%; /* 2. ve 3. banner'lar mobilde de yan yana olacak */
    }
    
	.sidebarGrayBg {
		max-width:inherit;
	}

}
	
@media only screen and (max-width : 768px){

	.content p {
        padding-right: 10px;
        font-size: 20px;
    }
    
    .content {
        padding-bottom:50px;
    }

	
}


@media only screen and (max-width : 580px){
	
	    .content-box > span {
        font-size: 25px;
        line-height: 35px;
    }
	
	.contentWidget {
		margin-top:50px;
	}
	
	.ListItemCol .card-title {
		font-size:25px !important;
	}
	
	.content-box > p {
        font-size: 25px;
        line-height: 35px;
    }
	
      .heroItem {
        padding: 20px;
        padding-top: 60px;
    }	
	
  .col6 {
        width: 100%;
    }
    .col6:last-child .col6 {
        width: 100%; /* 2. ve 3. banner'lar mobilde de yan yana olacak */
    }
    
    h2 {
        font-size: 30px;
    }
    
    .heroTitle p {
        font-size: 18px;
    }
    
    .footermenu ul {
        margin:0px;
        padding:0px;
    }
    
    .footersmlist {
        padding-top:50px;
        justify-content:flex-start !important;
    }
    
    .footerContainer {
        padding:20px;
    }
    
    .content h1 {
        font-family: "Poppins", serif;
        font-size: 40px;
        font-weight: 600;
        margin-bottom: 20px;
    }
    
    .btnsm {
        font-family: "Poppins", serif;
        font-size: 12px;
        border: none;
        padding: 8px 15px 8px 15px;
    }

    .content {
        font-size: 23px;
        padding-right:30px;
        padding-left:30px;
        color: #292929;
    }
	
	.btnsm i {
        margin-right: 5px;
    }
    
    iframe {
        width:100%;
    }
	
}


@media only screen and (max-width : 520px) {
	
}


@media only screen and (max-width : 480px) {

}

@media only screen and (max-width : 370px){
	
	
}

@media only screen and (max-width : 320px) {


}


@media only screen and (min-width : 1200px) {



}

@media only screen and (min-width : 1360px) {


}

@media only screen and (min-width : 1439px) {


}

@media only screen and (min-width : 1599px) {



}


@media (max-height: 850px) and (min-width: 850px) {
	
	.logoCol {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	h2 {
		font-size: 40px;
		font-weight: 800;
	}
	
	.heroTitle p {
		font-size: 17px;
	}
	
	.heroItem {
        padding: 100px;
        padding-top: 60px;
    }
	
	.heroRow {
		padding-top: 20px;
	}
	
	.content-box {
		min-height: 250px;
		padding: 30px;
	}
	
	.content-box > p {
		font-size: 30px;
		line-height: 40px;
	}
	
	.content-box > span {
		font-size: 20px;
		line-height: 25px;
	}
	
	.logo {
		max-height: 60px;
	}
	
	.bigContainer {
		max-width:1300px !important;
	}
	
}