:root {

  --font1: "JetBrains Mono";
  --font2: "Open Sans";

  --fontnormal: 16px;
  --fontbaslik: 26px;

  --ab: absolute;
  --fi: fixed;

  --turuncu: #E08700;
  --beyaz: #fff;


}

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


  .ozan {

    position: var(--ab);
    font-family: var(--font1);
    font-size: var(--fontbaslik);
    font-weight: 600;
    color: var(--turuncu);


  }

  .ozandark {
    background-color: #1B1C20;

  }


  .menu888 {
    position: absolute;
    COLOR: #333;
    margin-top: 20px;
    font-family: var(--font1);
    font-weight: 600;
    margin-left: -20px;
    margin-top: 50px;
    text-decoration: none;
    ;
  }

  .menu1x {
    position: absolute;
    text-decoration: none;color:#000
  }

  .menu2x {
    position: absolute;
    margin-left: 140px;
    color: var(--turuncu);text-decoration: none;
  }

  .menu3x {
    position: absolute;
    margin-left: 240px;text-decoration: none;color:#000
    ;
  }

  .logokucuk {
    position: absolute;
    left: 40px;
    margin-top: 35px;
    ;
  }

  .logobuyuk {
    position: absolute;
    margin-left: -320px;
    margin-top: 24px;
    ;
  }

  .sagmenu {
    position: absolute;
    right: 50px;
    margin-top: 50px;
    ;
  }

  .cizgi1 {
    position: absolute;
    top: 0;
    width: 1px;
    background: rgba(0, 0, 0, 0.04);
    height: 2660px;
    margin-left: -400px;
    ;
  }

  .cizgi2 {
    position: absolute;
    top: 0;
    width: 1px;
    background: rgba(0, 0, 0, 0.04);
    height:2660px;
    margin-left: -125px;
    ;
  }

  .cizgi3 {
    position: absolute;
    top: 0;
    width: 1px;
    background: rgba(0, 0, 0, 0.04);
    height: 1693px;
    margin-left: 150px;
    ;
  }

  .cizgi4 {
    position: absolute;
    top: 0;
    width: 1px;
    background: rgba(0, 0, 0, 0.04);
    height: 2660px;
    margin-left: 425px;
    ;
  }

  .cizgi5 {
    position: absolute;
    top: 0;
    width: 1px;
    background: rgba(0, 0, 0, 0.04);
    height: 2660px;
    margin-left: 700px;
    ;
  }

  .cizgiyuvarlak {
    border-radius: 807px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    position: absolute;
    margin-top: 200px;
    width: 807px;
    height: 807px;
    flex-shrink: 0;
    margin-left: -260px;
    ;
  }



  .cizgiyuvarlakikon1 {
    position: absolute;
    margin-top: 187px;
    margin-left: 135px;
  }



  .ustbolum {
    position: absolute;
    margin-top: 350px;
    margin-left: -350px;
  }

  .slogan1 {
    position: absolute;
    text-align: left;
    width: 600px;
    font-family: var(--font2);
    font-weight: 600;
    font-size: 33px;
    letter-spacing: -1;
  }

  .slogan2 {
    position: absolute;
    text-align: left;
    width: 600px;
    font-family: var(--font2);
    font-weight: 300;
    font-size: 19px;
    letter-spacing: 0;
    color: #888;
    margin-top: 100px;
    ;
  }

 

  .hakkimizdabuton {
    width: 314px;
    height: 56px;
    flex-shrink: 0;
    position: absolute;
    border-radius: 100px;
    background: #161616;
    margin-top: 200px;
    ;
  }

  .hakkimizdayazisi {
    position: absolute;
    font-family: var(--font1);
    color: #fff;
    margin-left: 50px;
    margin-top: 16px;
    ;
  }

  .hakkimizdaikonu {
    position: absolute;
    margin-left: 250PX;
    margin-top: 10px;
    ;
  }

  .anaresim {
    position: absolute;
    margin-left: 650px;
    margin-top: 120px;
    ;
  }

  .ozelliklerkare1 {
    position: absolute;
    width: 993px;
    height: 141px;
    flex-shrink: 0;
    background: linear-gradient(90deg, rgba(252, 175, 58, 0.34) 0%, rgba(252, 175, 58, 0.22) 100%);
    backdrop-filter: blur(15px);
    margin-top: 400px;
    font-family: var(--font1);
  }

  .ozellikleraltvizgi {
    position: absolute;
    margin-top: 540px;
    width: 993px;
    height: 2px;
    background: #FCAF3A;
    box-shadow: 0px 4px 10px 0px #FCAF3A;
    
  }


.ozellikler1{position: absolute;margin-left: 100px;margin-top: 50px;text-align: left;font-weight: bold;}

.ozellikler2{position: absolute;margin-left: 300px;margin-top: 58px;text-align: left;font-weight: bold;}

.ozellikler3{position: absolute;margin-left: 520px;margin-top: 50px;text-align: left;font-weight: bold;}

.ozellikler4{position: absolute;margin-left: 700px;margin-top: 40px;text-align: left;font-weight: bold;}



.ozellikler1nokta{position: absolute;margin-left: 260px;margin-top: 67px;;}
.ozellikler2nokta{position: absolute;margin-left: 480px;margin-top: 67px;;}
.ozellikler3nokta{position: absolute;margin-left: 660px;margin-top: 67px;;}


.solasagiok{position: absolute;margin-top: 580px;margin-left: 485px;;}


.galeributon {
  width: 314px;
  height: 56px;
  flex-shrink: 0;
  position: absolute;
  border-radius: 100px;
  background: #161616;
  margin-top: 630px;
  margin-left: 340px;;
  
}


.galeriyazisi {
  position: absolute;
  font-family: var(--font1);
  color: #fff;
  margin-left: 50px;
  margin-top: 16px;
  
}


.galeriikonu {
  position: absolute;
  margin-left: 250PX;
  margin-top: 10px;
  
}


.ortabolum{position: absolute;margin-top: 1100px;;}
.hakkimizdabaslik{position: absolute;color:#000;font-family: var(--font2);font-weight: bold;font-size:30px;margin-left: 55;}

.hakaciklama1{position: absolute;margin-top: 100px;margin-left: -360px;text-align: left;font-family: var(--font1);font-weight: 800;text-transform: uppercase;text-decoration: none;color:#333;;}

.haksayi{position: absolute;}
.hakacik1{position: absolute;margin-top: 40px;width: 200px;font-size: 18px;text-decoration: none;color:#000;}
.hakbuyuksayi{position: absolute;margin-top: 160px;font-size:30px;;}



.hakaciklama2{position: absolute;margin-top: 100px;margin-left: -90px;text-align: left;font-family: var(--font1);font-weight: 800;text-transform: uppercase;text-decoration: none;color:#333}




.hakaciklama3{position: absolute;margin-top: 300px;margin-left: 180px;text-align: left;font-family: var(--font1);font-weight: 800;text-transform: uppercase;}

.hakbuyuksayix{position: absolute;margin-top: 120px;font-size:30px;;}

.iletisimbuton{position: absolute;margin-left: 445px;width: 229px;
  height: 50px;
  flex-shrink: 0;border-radius: 100px;
  background: #F90;font-family: var(--font1);font-weight:600;font-size:14px;margin-top: 150px;;}

  .iletisimyazisi{position: absolute;margin-left: 30px;margin-top: 15px;;}

.iletisimikonu{position: absolute;margin-left:170 ;margin-top: 5;}
.hakcizgiorta{position: absolute;margin-top: 500px;width: 550px;
  height: 1px;opacity: 0.4;
  background: rgba(0, 0, 0, 0.67);margin-left: -125px;;}


.ortabolum2{position: absolute;margin-top: 1700px;;}

.hakuzunyazi1{position: absolute;width: 450px;text-align: left;font-family: var(--font2);margin-left: -80;line-height: 164%;margin-top: 30px;;}

.hakuzunkarecizgi{position: absolute;width: 671px;
  height: 769px;
  flex-shrink: 0;border: 1px solid rgba(0, 0, 0, 0.39);
  opacity: 0.3;margin-top: -10;margin-left: -185px;;}

.hakuzunyuvarlak1{position: absolute;margin-left: -132px;margin-top: 100px;;}
.hakuzunyuvarlak2{position: absolute;margin-left: -140px;margin-top: 280px;;}
.hakuzunyuvarlak3{position: absolute;margin-left: -132px;margin-top: 650px;;}


.hakuzunkarecizgi2koyu{position: absolute;margin-left: 400px;margin-top: 150px;width: 417px;
  height: 505px;
  flex-shrink: 0;border: 1px solid rgba(192, 192, 192, 0.09);
  background: linear-gradient(180deg, rgba(175, 175, 175, 0.43) 0%, rgba(191, 191, 191, 0.44) 100%);
  backdrop-filter: blur(5px);}




.hakuzunkarecizgi2koyuicon{position: absolute;margin-left: 430px;margin-top: 180px;;}

.hakuzunkarecizgi2koyuicerik{position: absolute;width: 350px;text-align: left;font-family: var(--font2);margin-left: 430;line-height: 164%;font-size:14px;margin-top: 260px;;}


.hakuzunkarecizgi2koyuicerik2{position: absolute;color:var(--turuncu);font-family: var(--font1);text-transform: uppercase;margin-left: 430px;width: 300px;text-align: left;margin-top: 560px;font-weight: 900;}


.galeributon2 {
  width: 314px;
  height: 56px;
  flex-shrink: 0;
  position: absolute;
  border-radius: 100px;
  background: #161616;
  margin-top: 830px;
  margin-left: -10px;;
  
}




.formbolumu{position: absolute;width: 1106px;
  height: 416px;
  flex-shrink: 0;border-radius: 10px;
  border: 1px solid #D2D2D2;
  opacity: 1;
  background: #DEDEDE;margin-top: 2660px;margin-left: -400px;;}




#theme-toggle {
    position: absolute;
    right: 10px;
    display: none;
  }


#form1a{position: absolute;background: none;margin-left: -320px;border: none;border-bottom: 1px solid #C7C7C7;padding: 5px;padding-bottom: 10px;font-family: "Poppins", sans-serif;color:#000;font-size:16px;width: 370px;;}

#form2a{position: absolute;background: none;margin-left: 110px;border: none;border-bottom: 1px solid #C7C7C7;padding: 5px;padding-bottom: 10px;font-family: "Poppins", sans-serif;color:#000;font-size:16px;width: 370px;margin-top: 180px;margin-left: -320;}

#myForm{position: absolute;margin-left: 450px;margin-top: 40px;;}


#form3a{position: absolute;background: none;margin-left: -320px;border: none;border-bottom: 1px solid #C7C7C7;padding: 5px;padding-bottom: 10px;font-family: "Poppins", sans-serif;color:#000;font-size:16px;width: 370px;margin-top: 60px;;}

#form4a{position: absolute;background: none;margin-left: 110px;border: none;border-bottom: 1px solid #C7C7C7;padding: 5px;padding-bottom: 10px;font-family: "Poppins", sans-serif;color:#000;font-size:16px;width: 370px;margin-top:-55px;}


#form5a{position: absolute;background: none;margin-left: 110px;border: none;border-bottom: 1px solid #C7C7C7;padding: 5px;padding-bottom: 10px;font-family: "Poppins", sans-serif;color:#000;font-size:16px;width: 370px;margin-top:22px;height: 142px;}



.bcc21-checkbox{position: absolute;margin-top: 190px;margin-left: -220;width: 23px;
  height: 23px;
  flex-shrink: 0;fill: #999;
  stroke-width: 1px;
  stroke: #34BAB7;
  border-radius: 200px;

}



.bcc21{position: absolute;font-size:16px;font-family: "Poppins", sans-serif;margin-left: 170px;text-align: left;line-height: 1.1;margin-top: 328px;color:#999}


.bcc21-checkbox {
  display: none;
}

/* Ana checkbox etiketinin (label) stili */
.bcc21-label {
  cursor: pointer; /* Mouse imleci el simgesi olacak */
  display: inline-block; /* Diğer öğelerle aynı hizada olması için */
  width: 23px; /* Checkbox boyutu ile aynı olmalı */
  height: 23px; /* Checkbox boyutu ile aynı olmalı */
  background-color: #ffffff; /* Checkbox arkaplan rengi */
  border: 1px solid #E08700; /* Checkbox kenarlık rengi */
  border-radius: 50%; /* Daire şeklinde bir checkbox olması için */
  position: relative; /* İç içe geçen küçük checkbox için */
}

/* Ana checkbox işaretli olduğunda, arkaplan rengi değişecek */
.bcc21-checkbox:checked + .bcc21-label {
  background-color: #E08700; /* İşaretlenmiş durumda arkaplan rengi */
}

/* Ana checkbox işaretli olduğunda, içindeki işaretin (tick) stili */
.bcc21-checkbox:checked + .bcc21-label::after {
  content: ""; /* İçerik olmadığı için işaret gizlenecek */
  display: block; /* Görünür hale getirilecek */
  width: 10px; /* İşaret boyutu */
  height: 10px; /* İşaret boyutu */
  background-color: #ffffff; /* İşaret rengi */
  border-radius: 50%; /* İşaret daire şeklinde olacak */
  position: absolute; /* Konumu ayarlamak için */
  top: 50%; /* Yükseklikte ortalamak için */
  left: 50%; /* Genişlikte ortalamak için */
  transform: translate(-50%, -50%); /* Orta konumu ayarlamak için */
}

/* Küçük iç içe geçen checkbox etiketinin (label) stili */
.bcc21-label::before {
  content: ""; /* İçerik olmadığı için işaret gizlenecek */
  display: block; /* Görünür hale getirilecek */
  width: 10px; /* Checkbox boyutu */
  height: 10px; /* Checkbox boyutu */
 /* Checkbox kenarlık rengi */
  border-radius: 50%; /* Daire şeklinde bir checkbox olması için */
  position: absolute; /* Konumu ayarlamak için */
  top: 5px; /* Yükseklik ayarı */
  left: 6px; /* Sol kenar ayarı */
}



/* Ana checkbox işaretli olduğunda, iç içe geçen küçük checkbox görünür olacak */
.bcc21-checkbox:checked + .bcc21-label::before {
  display: none; /* Ana checkbox işaretli olduğunda küçük checkbox gizlenecek */
}


.bcc21-label{border-radius: 100px;background-color: #999;margin-top: 195px;margin-left: -320px;position: absolute;}


#form6a{background: none;border:none;margin-top: 180px;margin-left: 290px;position: absolute;border-bottom: 1px solid #C7C7C7;padding: 10px;text-align: left;cursor: pointer;color:#000;;}


.bcc24{position: absolute;width: 24.774px;
  height: 12px;
  flex-shrink: 0;margin-top:2783;margin-left: 550px;;}



.success-message{position: absolute;margin-top: 200px;font-family: "Poppins", sans-serif;color:#fff;left:50%;margin-left: -500px;font-size:30px;line-height: 1;}
.error-message{position: absolute;margin-top: 200px;font-family: "Poppins", sans-serif;color:red;left:50%;margin-left: -500px;font-size:30px;line-height: 1;}





  .altbolum{position: absolute;margin-top: 3170px;margin-left: -20px;;}

  .menu2 {
    position: absolute;
    COLOR: #333;
    margin-top: 20px;
    font-family: var(--font1);
    font-weight: 600;
    margin-left: 220px;
    margin-top: 47px;
    ;
  }


.sirmanaltlogo{position: absolute;margin-left: -200px;margin-top: -40px;;}

.enaltgizli{position: absolute;width: 1px;height: 1px;margin-top: 3360px;;}

.sosyal1{position: absolute;margin-left: -200px;margin-top: 50px;;}
.sosyal2{position: absolute;margin-left: -170px;margin-top: 50px;}
.sosyal3{position: absolute;margin-left: -130px;margin-top: 50px;}
.sosyal4{position: absolute;margin-left: -90px;margin-top: 50px;}

.kvkkyazi{color: #6C6C6C;
  font-family: "JetBrains Mono";
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 14px; /* 107.692% */;position: absolute;width: 300px;margin-top: 100px;margin-left: -245px;;}


  .menu-toggle {
    position: fixed;
    right: 60px;
    top: 70px;
    cursor: pointer;
    z-index: 999999;
    margin-top: -20px;
  }
  
  .menu-toggle .line {
    width: 30px;
    height: 2px;
    background-color: #666;
    margin: 5px 0;
    transition: all 0.3s ease;
 
  }
  
  .menu-toggle .line:nth-child(2) {
    opacity: 0; /* Orta çizgiyi gizle */
  }
  
  .menu-toggle.active .line:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
    
  }
  
  .menu-toggle.active .line:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
  }
  
  .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: none;
    z-index: 1000;
  }
  
  .menu {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #111;
    transform: translateX(-100%);
    opacity: 0;
    transition: opacity 0.5s ease; /* Sadece opaklık için geçiş efekti */
    z-index: 1001;
  }
  
  .menu.active {
    transform: translateX(0);
    opacity: 1;
    transition-delay: 0.3s;
  }
  
  .menu-content {
    padding: 20px;
  }
  
  .menu-content ul {
    list-style-type: none;
    padding: 0;
  }
  
  .menu-content ul li {
    margin-bottom: 10px;
    opacity: 0; /* Başlangıçta görünmez yap */
    transition: opacity 2s ease; /* Geçiş animasyonu ekle */
    color:#333; z-index: 2;
  }
  
  .menu-content ul li:nth-child(1) {
    transition-delay: 0.2s; /* İlk menü öğesi için gecikme süresi */
    position: fixed;
    top:50%;
    left:100px;
    margin-top: -150px; z-index: 2;
 
  }
  
  .menu-content ul li:nth-child(2) {
    transition-delay: 0.3s; /* İkinci menü öğesi için gecikme süresi */
    position: fixed;
    top:50%;
    left:100px;
    margin-top: -100px; z-index: 2;
  }
  
  .menu-content ul li:nth-child(3) {
    transition-delay: 0.4s; /* Üçüncü menü öğesi için gecikme süresi */
    position: fixed;
    top:50%;
    left:100px;
    margin-top: -50px; z-index: 2;
  }
  
  .menu-content ul li:nth-child(4) {
    transition-delay:0.5s; /* Dördüncü menü öğesi için gecikme süresi */

    position: fixed;
    top:50%;
    left:100px;
    margin-top: 0px; z-index: 2;
  }

  .menu-content ul li:nth-child(5) {
    transition-delay:0.6s; /* Dördüncü menü öğesi için gecikme süresi */
    position: fixed;
    top:50%;
    left:100px;
    margin-top: 50px; z-index: 2;
  }
  

  .menu-content ul li:nth-child(6) {
    transition-delay:0.7s; /* Dördüncü menü öğesi için gecikme süresi */

    position: fixed;
    font-weight: 400;
    top:50%;
    left:100px;
    margin-top: 100px; z-index: 2;
  }
  

  .menu-content ul li:nth-child(7) {
    transition-delay:0.8s; /* Dördüncü menü öğesi için gecikme süresi */
    position: fixed;

    
    font-weight: 400;
    top:50%;
 left:100px;
 margin-top: 150px; z-index: 2;
  }


  .menu-content ul li:nth-child(8) {
    transition-delay:0.8s; /* Dördüncü menü öğesi için gecikme süresi */
    position: fixed;

    
    font-weight: 400;
    top:50%;
 left:100px;
 margin-top: -250px;
 FONT-size:14px;  z-index: 2;
  }
  
  
  
  .menu-content ul li a {
   
    
    text-decoration: none;
    color: #fff;
    font-size:40px;
    font-family: "Bebas Neue", sans-serif; z-index: 2;
  
   
  }
  
  

#background-video{position: fixed;z-index: 1;width: 100%;height: 100%;object-fit: cover;top:0;left:0;opacity: 0.4;}



#hak90{position: absolute;margin-top: 1000px;height: 10px;width: 10px;;}
#hak91{position: absolute;margin-top: 2300px;height: 10px;width: 10px;;}



.galeribolumu{position: absolute;margin-top: 300px;margin-left: -85;font-family: var(--font1);}



.resim-sutunu {
  float: left;
  width: 952px;
  margin-left: -250px; /* Margin değerini azalt */
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; /* Resimler arasında boşluk bırak */
}

.resim-sutunu a {
  flex-basis: calc(25% - 20px); /* Resimlerin yüzde 25'lik kısmı, ancak kenar boşluğu hesaba katılarak */
  margin-bottom: 35px; /* Resimler arasında dikey boşluk */
}

.resim-sutunu img {
  width: 100%;
  height: auto;
}

.modelgelenresimleri {display: flex;justify-content: flex-start;align-items: center;margin-left: 20;}

.modelgelenresimleri img {width:218px;object-fit: cover;border-radius: 10px;}



.cboxContent {background-color: white;max-width: 100%;max-height: 100%;}

#cboxPrevious,#cboxNext,#cboxClose {position: fixed;top: 270px;transform: translateY(-50%);z-index: 999999;}

#cboxPrevious {right: 130;width: 130px;height: 50px;text-transform: uppercase;font-family: 'puristasemibold';font-size: 16px; border:0;background-color: #000;color:#fff;z-index: 999999;font-family: var(--font1);}

#cboxNext {right: 20;width: 100px;height: 50px;text-transform: uppercase;font-family: 'puristasemibold';font-size: 16px;border:0;background-color: #000;color:#fff;z-index: 999999;font-family: var(--font1);;}

#cboxClose {right: 20px;top: 20px;width: 100px;height: 100px;padding-top: 22px;background-color:#000;border: 0;text-transform: uppercase;font-family: 'puristasemibold';color: #fff;font-family: var(--font1);}



.cboxContent {background-color: white;}

#cboxOverlay {position: fixed;top: 0;left: 0; width: 100%;height: 100%;background-color: #fff;z-index: 0;opacity: 0;
 -webkit-opacity: 0;-moz-opacity: 0; filter: alpha(opacity=0);z-index: 2;}

.cboxPhoto {position: fixed;z-index: 99;object-fit: contain;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 800px;max-height: 600px;border-radius: 30px;
-webkit-box-shadow: 0px 10px 50px -35px rgba(0,0,0,0.75);-moz-box-shadow: 0px 10px 50px -35px rgba(0,0,0,0.75);
box-shadow: 0px 10px 50px -35px rgba(0,0,0,0.75);}

.cboxPhoto img {object-fit: contain;width: 100%;height: auto;}




.formbolumuxx{position: absolute;width: 1106px;
  height: 416px;
  flex-shrink: 0;border-radius: 10px;
  border: 1px solid #D2D2D2;
  opacity: 1;
  background: #DEDEDE;margin-top: 1560px;margin-left: -400px;;}


  .altbolumxx{position: absolute;margin-top: 2090px;margin-left: -20px;;}

  .enaltgizlixx{position: absolute;width: 1px;height: 1px;margin-top: 2300px;;}



  .cizgi1xx {
    position: absolute;
    top: 0;
    width: 1px;
    background: rgba(0, 0, 0, 0.04);
    height: 1260px;
    margin-left: -400px;
    ;
  }

  .cizgi2xx {
    position: absolute;
    top: 0;
    width: 1px;
    background: rgba(0, 0, 0, 0.04);
    height:1260px;
    margin-left: -125px;
    ;
  }

  .cizgi3xx {
    position: absolute;
    top: 0;
    width: 1px;
    background: rgba(0, 0, 0, 0.04);
    height: 1260px;
    margin-left: 150px;
    ;
  }

  .cizgi4xx {
    position: absolute;
    top: 0;
    width: 1px;
    background: rgba(0, 0, 0, 0.04);
    height: 1260px;
    margin-left: 425px;
    ;
  }

  .cizgi5xx {
    position: absolute;
    top: 0;
    width: 1px;
    background: rgba(0, 0, 0, 0.04);
    height: 1260px;
    margin-left: 700px;
    ;
  }

.mobilealtbar{display: none;}

.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Arka planı yarı saydam siyah yap */
  display: none; /* Başlangıçta gizli */
  justify-content: flex-start; /* Modal'ı sayfanın en üstüne hizala */
  align-items: flex-start; /* Modal'ı sayfanın en üstüne hizala */
  z-index: 9999; /* Diğer içeriklerin üstünde olması için yüksek bir z-index değeri */
  overflow-y: auto; /* Dikey kaydırma çubuğunu ekle */
}

.modal-content {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  width: 1000px;
  margin: 50px auto; /* Modal'ı dikey olarak ortala */
}

#close-modal {
  margin-top: 10px;
}


.modal-overlay2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Arka planı yarı saydam siyah yap */
  display: none; /* Başlangıçta gizli */
  justify-content: flex-start; /* Modal'ı sayfanın en üstüne hizala */
  align-items: flex-start; /* Modal'ı sayfanın en üstüne hizala */
  z-index: 9999; /* Diğer içeriklerin üstünde olması için yüksek bir z-index değeri */
  overflow-y: auto; /* Dikey kaydırma çubuğunu ekle */
}

.modal-content2 {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  width: 1000px;
  margin: 50px auto; /* Modal'ı dikey olarak ortala */
}

#close-modal2 {
  margin-top: 10px;
}


}