body{
	font-family: 'Poppins', sans-serif;
	background: #0d0d0d;
}
html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

/* Kutuların dışarı taşmaması için */
*, *::before, *::after {
  box-sizing: border-box;
}

/* Görsellerin taşmasını engelle */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

.bolum1{
	height: 100vh;
	background: url("images/ab1.jpg");
	background-size: cover;
	background-position: 50% 0;
	position: relative;
}
.overlay{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	position: absolute;
	top: 0;
	left: 0;
}
.navbar {
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  width: 85%;
  z-index: 999;
}


@media only screen and (max-width: 768px) {
  .navbar {
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    transform: none;   /* ÖNEMLİ: Ortalamayı iptal et */
    width: 100%;
  }
}
.bolum1 .navbar-brand{
	font-weight: 600;
	
}
.bolum1 .navbar li{
	margin-left: 15px;
}
.bolum1 .navbar li a{
	font-size: 15px;
	color: white !important;
	font-weight: 300;
	letter-spacing: 1px;
	transition: 0.2s;
}

.bolum1 .navbar .navbar-nav .active>a,
.bolum1 .navbar .navbar-nav a:hover{
	color: #f2c845 !important;
}

.bolum1 .container .row{
	height: 100vh;
	display: flex;
	align-items: center;
}

.bolum1 .sagicerik{
	padding: 25px;
	border-radius: 3px;
	
}


.bolum1 .sagicerik h3{
	color:black;
	font-size: 22px;
	font-weight: 500 !important;
	margin-bottom: 20px;
}

.bolum1 .sagicerik label{
	color:black;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
}
.bolum1 .sagicerik input[type="submit"]{
	background-color: #fc983c !important;
	border:1px solid #fc983c !important;
	padding: 15px 0;
}
.bolum1 .sagicerik input[type="text"]{
	font-size: 12px;

}

@media only screen and (max-width:768px){
	.bolum1{
		height: 850px;
	}
	.bolum1 h2{
		margin-top:35px; 
	}

}
/*-------------Bölüm1 Sonu-----------*/
/*-------------Bölüm2 Başlangıç----------*/
.bolum2{
	margin-top: 30px;
	text-align: center;
}
.bolum2 h2{
	color:  #f2c845;;
	letter-spacing: 4px;
	margin-bottom: 15px;
}

.bolum2 img{
	max-width: 100%;
	margin-bottom: 30px;
}
.bolum2 ul{
	list-style: none;
}
.bolum2 ul li{
	font-size: 18px;
	color: #767676 ;
	margin-right: 40px;
	display: inline-block;
	position: relative;
	cursor: pointer;
}
.grid{
	width: 100%;
}
.grid-sizer,
.grid-item { width: 33.333%; }
/* 2 columns */

.bolum2 .hover-efekt{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #f2c845;
	opacity:0; 
	display: flex;
	justify-content: center;
	align-items: center;
	transition: 0.3s;
	
	
	
}
.bolum2 .hover-efekt i {
	padding: 10px;
	border: 2px solid #fff;
	border-radius: 100%;
	background: #fff;
	color:#6db8a0a;
	
}
.bolum2 .grid-item:hover .hover-efekt{
	opacity: 0.5;
}





.grid img{
	width: 100%;
	padding: 5px;
	margin: 0;
}
@media screen and (max-width:760px){
.grid-sizer,
.grid-item { width: 50%; }
/* 2 columns */

}

/*-------------Bölüm2 Sonu-----------*/

/*-------------Bölüm3 Başlangıç----------*/


.bolum3{
	background-size: cover;
	padding: 80px 0;
}
.bolum3 h4{
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0.5px;
	line-height: 30px;
	margin-bottom: 25px;
	color: #f2c845;
}
.bolum3 p{
	font-size: 14px;
	color:white;
	line-height: 25px;
	letter-spacing: 0.5px;
}
.bolum3 .btn{
	border-radius: 25px;
	margin: 40px 0;
}
.bolum3 img{
	width: 100%;

}
.bolum3 {
    padding: 40px 0 20px 0; /* alt padding azaltıldı */
  }

/*-----------Bölüm3 Sonu-------*/

/*-----------Bölüm4 Başlangıç-------*/
.bolum4{
	margin-top: 100px;
	text-align: center;
}
.bolum4 p{
	font-size: 12px;
	color: #f2c845;
	font-weight: 600;
}

.bolum4 h3{
	font-size: 40px;
	font-weight: 600;
	margin-bottom: 100px;
	color: #5A5A5A;
}
.bolum4 .etiket{
	width:100%;
	text-align: center;
	border:1px solid #ababab;
	padding-bottom: 20px;
}
.bolum4 .etiket .img{
	width: 100%;
	height: 200px;
	position: relative;
	background-size: cover !important;
	background-position: center center !important;
}
.bolum4 .fiyat{
	background: white;
	
}
.bolum4 {
    margin-top: 0px; /* gerekirse tamamen sıfırlanabilir */
  }
.bolum4 .tutar{
	font-size: 20px;
	padding: 10px;
	color: #fc983c;
}
.bolum4 .fiyat p{
	padding: 10px;
	margin-bottom: 0;
	
}
.bolum4 .fiyat .from-day span{
	display: block;
	font-size: 10px;
}

.bolum4 .col-md-6.col-lg-3{
	margin-bottom: 20px;
}


.bolum4 .etiket h5{
	margin-top: 30px;
	font-size: 20px;
	color: #fff;
}
.bolum4 .etiket p{
	color: #5A5A5A;
}
.bolum4 .etiket .butonlar{
	display: flex;
	justify-content: space-around;
}
.bolum4 .etiket .butonlar .btn{
	width: 45%;
	color:#000;
	font-size: 14px;
	transition: 0.2s;
}
.bolum4 .etiket .butonlar .btn:hover{
    background: #fc983c;
	color: white;
	font-weight: 600;
}
.bolum4 .video-container {
  position: relative;
  width: 100%;
  height: 200px;
  overflow: hidden;
}

.bolum4 .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}



/*------------ Bölüm4 Sonu----------------*/
/*-------------Bölüm 5 Başlangıç----------*/

.bolum5{
	display: flex;
	justify-content: center;
	height: 100vh;
	background: url("images/bg_2.jpg");
	background-size: cover;
	background-position: center center;
	position: relative;
}
.bolum5 .container{
	z-index: 100;
	position: absolute;
	color: white;
	text-align: center;
}

.bolum5 p{
	margin-top: 50px;
	font-size: 16px;
	color: white;
}
.bolum5 h2{
	color:white;
	font-size: 40px;
	margin-bottom: 100px;
}
.bolum5 {
    margin-top: 0px; /* gerekirse tamamen sıfırlanabilir */
  }

.bolum5 .resim{
	width: 85px;
	height: 85px;
	border: 2px solid  #fc983c;
	border-radius: 100%;
	font-size: 30px;
	padding: 15px;
	display: inline-block;
	margin-bottom: 50px;
}

.bolum5 .icerik h3{
	color:#fff;
	font-size: 18px;
	font-weight: 800;
}
.bolum5 .icerik p{
	color:rgba(255,255,255,0.8) !important;
	font-size: 16px;
	line-height: 30px;
	margin:10px;
}

@media only screen and (max-width:768px){
	.bolum5{
		height: 1350px;
	}
	.bolum5 .icerik{
		margin-bottom: 50px;
	}

}
/*-----------Bölüm5 Sonu--------------*/
/*-----------Bölüm6 Başlangıç--------------*/



/*------------ Bölüm4 Sonu----------------*/
/*-------------Bölüm 5 Başlangıç----------*/
/*
.bolum5{
	display: flex;
	justify-content: center;
	height: 100vh;
	background: url("images/bg_2.jpg");
	background-size: cover;
	background-position: center center;
	position: relative;
}
.bolum5 .container{
	z-index: 100;
	position: absolute;
	color: white;
	text-align: center;
}

.bolum5 p{
	margin-top: 50px;
	font-size: 16px;
	color: white;
}
.bolum5 h2{
	color:white;
	font-size: 40px;
	margin-bottom: 100px;
}

.bolum5 .resim{
	width: 85px;
	height: 85px;
	border: 2px solid  #fc983c;
	border-radius: 100%;
	font-size: 30px;
	padding: 15px;
	display: inline-block;
	margin-bottom: 50px;
}

.bolum5 .icerik h3{
	color:#fff;
	font-size: 18px;
	font-weight: 800;
}
.bolum5 .icerik p{
	color:rgba(255,255,255,0.8) !important;
	font-size: 16px;
	line-height: 30px;
	margin:10px;
}

@media only screen and (max-width:768px){
	.bolum5{
		height: 1350px;
	}
	.bolum5 .icerik{
		margin-bottom: 50px;
	}

}
/*-----------Bölüm5 Sonu--------------*/
/*-----------Bölüm6 Başlangıç--------------*/

.bolum6{
	margin-top: 100px;
	text-align: center;
}

.bolum6 p{
	font-size: 12px;
	color: #f2c845;
	font-weight: 600;
}

.bolum6 h2{
	font-size: 40px;
	font-weight: 600;
	margin-bottom: 100px;
	color: #5A5A5A;
}
.bolum6 .card{
	text-align: center;
	height: 100%;
}
.bolum6 img{
	width: 100px;
	height: 100px;
	border-radius: 100%;
}
.bolum6 .card p{
	margin-top: 30px;
	font-size: 18px;
	line-height: 1.8;
	font-weight: 500;
	color: #fff;
	
}
.bolum6 .card img {
  width: 150px;
  height: 150px;
  object-fit: cover;
  border-radius: 100%;
  margin: 0 auto 15px; /* Ortala ve altına biraz boşluk bırak */
  display: block;
}


.bolum6 .card h5{
	font-size: 20px;
	 font-weight: 700;
	margin-bottom: 20px;
	color:#f2c845;
}
.bolum6 .card span{
	font-size: 16px;
	color:black;
	font-weight: 600;
}



/*-----------Bölüm6 Sonu--------------*/
/*-----------Bölüm7 Başlangıç--------------*/
.bolum7{
	margin-top: 100px;
	
}
.bolum7 .resim{
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}
.bolum7 .baslik p{
	font-size: 14px;
	color:#f2c845;
	font-weight: 600;
}

.bolum7 .baslik h3{
	font-size: 40px;
	font-weight: 800;
	margin-bottom: 50px;
}

.bolum7 article{
	padding: 40px;
}

.bolum7 article p.icerik{
	font-size: 16px;
	line-height: 1.8;
	font-weight: 500;
	color:#666;
	
}
.bolum7 article .btn {
	background-color:#f2c845;
	border:none;
	
}
bolum7 article .btn a{
	
	color:white;
}


@media only screen and (max-width:768px){
	.bolum7 .resim{
		height: 600px;
	}


}
/*-----------Bölüm7 Sonu--------------*/
/*-----------Bölüm8 Başlangıç--------------*/

footer{
	margin-top: 100px;
	background: #000;
	padding: 80px 0;
}
footer h3{
	color:#fff;
	margin-bottom: 40px;
	font-size: 20px;
}

footer p{
	line-height: 1.8;
	color: rgba(255,255,255,0.8)
	
}

footer ul.sosyalmedya{
margin-top: 40px;
	list-style: none;
	text-align: left;
	padding: 0;
}

footer ul.sosyalmedya li{
	display: block;
	float: left;
	margin-right: 10px;
	width: 45px;
	height: 45px;
	padding: 5px;
	text-align: center;
	border-radius: 100%;
	background-color: #171717;
	
}
footer ul.sosyalmedya li a{
	display: block;
	font-size: 25px;
	color:white;
}

footer ul.footerliste{
	list-style: none;
	margin: 0;
	padding: 0;
	
}
footer ul.footerliste li{
	display: block;
	margin-bottom: 10px;
	
}
footer ul.footerliste li a{
	text-decoration: none;
	color: rgba(255,255,255,0.7);
	
}
.footerliste i{
	color:#fff;
	float:left;
	margin-right: 5px;
	margin-top: 5px;
}

footer .lisans{
	margin-top: 40px;
	color:rgba(255,255,255,0.7);
}

.bolum2, .bolum3, .bolum4, .bolum5, .bolum6, .bolum7, footer{
	opacity: 0;
}