.logo{
    width: 110px;
    height: 50px;
    transform:scale(1.0);
    transition: 0.5s;
}

.logopartner{
    max-width: 80%;
   max-height: 30%;
}
.col-md-3{
    max-height: 40%;
}
.logo:hover{
    width: 110px;
    height: 50px;
    transform:scale(1.1);
    transition: 0.5s;
}

.bolum2{
    width: 100%;
   
}
.kayit {
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('resimler/kayit.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    filter: brightness(0.6);
}
.kariyer {
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('resimler/kariyer.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    filter: brightness(0.6);
}
.formkayit{
    height: 130vh;
}
#navbar{
    background-color: rgba(241, 241, 241, 0.7);
    box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.5);
    color:black;
    width: 100%;
    position: fixed;
    z-index: 10;
    opacity: 80;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}
@media screen and (min-width: 992px){
    #navbarNav {
        display: none !important;
      }

}



#navbar2{
    background-color: white;
    box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.5);
    color: black;
    width: 100%;
    z-index: 999;
    position: absolute;
}
.giris{
    background-color: rgba(255, 255, 255, 0.8);
    background: transparent;
    color: white;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter:blur(10px);
    border-radius: 25px;
   
    width: 500px;
    height: 580px;
    border: 1px solid white;
}
.giris2{
   background-color: rgba(255, 255, 255, 0.8);
   background: transparent;
    color: white;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter:blur(10px);
    border-radius: 25px;
 
    width: 500px;
    height: 570px;
 

    border: 1px solid white;

 
}
.giris3{
    background-color: rgba(255, 255, 255, 0.8);
    background: transparent;
    color: white;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter:blur(10px);
    border-radius: 25px;
   
   padding:10px;
    width: 100%;
    height: 580px;
    border: 1px solid white;
}
.form-control{
    background-color: transparent;
    border: 1px solid white;
    border-radius: 20px;
    color: white;
}
.form-control:focus{
  background: transparent;
  color: white;
}
.textarea{
    background-color: transparent;
    border: 1px solid white;
    border-radius: 20px;
    color: white;
}
.textarea:focus{
    color: white;
    background: transparent;
}
.form-control::placeholder {
    color: white;
  }
  .textarea::placeholder {
    color: white;
  }
 
  #formsearch{
    color: black;
  }
  #formsearch::placeholder{
    color: black;
  }
  .formcuk2{
    padding-left: 10px;
    padding-right: 10px;
  }
#kayit{
    width: 100%;
    border-radius: 25px;
}
  
#market{
    background-color: blue;
    color: white;
   border-radius: 10px;
   height: 100%
}

#case{
    
    background-color: #0d6efd;
    color: white;
   border-radius: 15px;
   margin-right: 10px;

   
}
#event{
    background-color: #0d6efd;
    color: white;
   border-radius: 15px;

}
 #case-item{

height: 80%;
 }

#navbarNav > #market{
    justify-content: end;
}
.main{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;
    background-image: url('resimler/r34.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}


.baslik{

    width: 150px;
    height: 100px;
   
  
}
.carousel-caption {
    position: absolute;
    top: 50%;
    left: 100px;
    right: 40px;
    transform: translateY(-50%);
  }
 
.deneme{
    margin-top: 150px;
    margin-left: 150px;
}
.custom-row{
    height: 120px;
}

.man{
    width: 100%;
    height: 250px;
}
.sam{
    width: 100%;
    height: 200px;
}
.yaz{
    width: 100%;
}
.swiper-wrapper{

    width: 300px;  
}
   .kontrol{
    width: 400px;  
    height: 600px;
    background-color: white;
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.5);


   }
   .kontrol2{
    width: 400px;  
    height: 400px;
    background-color: white;
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.5);


   }
   .mySwiper1{
    height: 430px;
   }
.btn-outline-danger{
    width: 200px;
}
.opacity-75 {
    font-size: 14px;
   }
   .yazi a{
    text-decoration: none;
    color: black;
    
   }
  .info{
    filter:brightness(0.6) ;
  }
  .map{
    box-shadow: 2px 2px 4px 4px rgba(0, 0, 0, 0.5);
    height: 300px;
    width: 100%;
    border-radius: 20px;
  }
  a{
    color:black;
    transition: 0.4s;
  }
  a:hover{
    color: #dc3545;
    transition: 0.4s;
  }
  
  textarea {
    width: 100%; /* Textarea'nın genişliği, içerdiği elementin genişliğine göre ayarlanır */
    max-width: 100%; /* Textarea'nın maksimum genişliği */
    box-sizing: border-box; /* Genişlik ve yükseklik değerleri, içerdiği padding ve border dahil edilerek hesaplanır */
    resize: vertical; /* Sadece dikey yönde boyutlandırma yapılabilir */
  }
  
  .dropdown-menu {
    text-align: left;
  }
  .ptext{
    background-color: #3284ff;
    border-radius: 20px;
    box-shadow: 2px 2px 4px 4px rgba(0, 0, 0, 0.5);
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    transform: scale(1.0);
    transition: 0.5s;
  }
  .ptext:hover{
   transform: scale(1.02);
   transition: 0.5s;
  }
  .ptext2{
    background-color: rgb(238, 113, 113);
    border-radius: 20px;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.5);
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    transform: scale(1.0);
    transition: 0.5s;
  }
  .ptext:hover{
    transform: scale(1.02);
    transition: 0.5s;
   }
      .butons{
        display:none;
        }
 
  @media screen and (max-width: 1400px) {
   
      .kontrol{
        width: 350px;  
        background-color: white;
        box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.5);
    
    
       }
       .kontrol2{
        width: 335px;  
        background-color: white;
        box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.5);
    
    
    
       }
  }
  
@media screen and (max-width: 1200px) {
   
 

    .kontrol{
        width: 300px;  
        background-color: white;
        box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.5);
    
    
       }
       .kontrol2{
        width: 300px;  
        background-color: white;
        box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.5);
    
    
    
       }
    }
    @media screen and (max-width: 991px) {
      .butons{
        display:block;
        }
       
        #case{
    
            background-color: #0d6efd;
            color: white;
           border-radius: 20px;
           margin-right: 10px;
           height: 100%;
           width: 100px;
           margin-top: 10px;
           text-align: center;
        }
        #event{
            background-color: #0d6efd;
            color: white;
           border-radius: 20px;
           width: 100px;
           margin-top: 10px;
           text-align: center;
           margin-bottom: 10px;
        }
     
     
        .deneme{
            margin-top: 150px;
            margin-left: 40px;
        }

        .kontrol{
            width: 200px;  
            background-color: white;
            box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.5);
            font-size: 5px;
        
        
           }
           .text{

            font-size: 12px;
           }
           .kontrol2{
            width: 220px;  
            background-color: white;
            box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.5);
        
        
        
           }
           .buton{
            width: 95px;
        }
        }
        @media screen and (max-width: 767px) {
      
            .yazimap{
                display: none;
            }
            .giris3{
            height:400px;
            }
            #mapblock{
                margin-top: 30px;
            }
            .text{

                font-size: 14px;
               }
            #case{
    
                background-color: #0d6efd;
                color: white;
               border-radius: 20px;
               margin-right: 10px;
               height: 100%;
               width: 100px;
               margin-top: 10px;
               text-align: center;
            }
            #event{
                background-color: #0d6efd;
                color: white;
               border-radius: 20px;
               width: 100px;
               margin-top: 10px;
               text-align: center;
               margin-bottom: 10px;
            }
          
            .deneme{
                margin-top: 150px;
                margin-left: -150px;
            }

            .kontrol{
                width: 250px;  
                background-color: white;
                box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.5);
            
            
               }
               .kontrol2{
                width: 240px;  
                background-color: white;
                box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.5);
            
            
               }
            }
            @media screen and (max-width: 640px) {
                .text{

                    font-size: 16px;
                   }
                
                #careusel1{
                    margin-left: -30px;
                }
                #careusel2{
                    margin-left: -30px;
                }
              
                .deneme{
                    margin-top: 150px;
                    margin-left: -50px
                }

                .kontrol{
                    width: 100%;  
                    background-color: white;
                    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.5);
                
                
                   }
                   .opacity-75 {
                    font-size: 12px;
                   }
                }
                @media screen and (max-width: 500px) {
                    .formkayit{
                        height: 100vh;
                    }
                    .text{

                        font-size: 18px;
                       }
                    #careusel1{
                        margin-left: -50px;
                    }
                    #careusel2{
                        margin-left: -50px;
                    }
                    .navbar-brand{
                        font-size: 15px;
                    }
                    .giris{
                        width: 100%;
                        height: 620px;
                    }
                    .giris2{
                        width: 100%;
                        height: 600px;
                        margin-top: -10px;
                    }
                    .yonetim{
                        width: 100%;
                    }
                    .buton{
                        width: 95px;
                    }
                    .kontrol{
                        width: 100%;  
                        background-color: white;
                        box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.5);
                    
                    
                       }

                   
                       .kontrol2{
                        width: 100%;  
                        background-color: white;
                        box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.5);
                    
                    
                       }
                    }
                  
                    @media screen and (max-width: 390px) {
                        .card-text{
                            font-size: 14px;
                        }
                        #careusel1{
                            margin-left: -50px;
                        }
                        #careusel2{
                            margin-left: -50px;
                        }
                        .navbar-brand{
                            font-size: 12px;
                        }
                        }
                        @media screen and (max-width: 370px) {
                            .yazi{
                                font-size: 15px;
                            }
                            }
                            @media screen and (max-width: 340px) {
                                .yazi{
                                    font-size: 13px;
                                }
                                }
                        @media screen and (max-width: 300px) {
                            .card-text{
                                font-size: 12px;
                            }
                            }
                            @media screen and (max-height: 600px) {
                                .formkayit{
                                    height: 140vh;
                                }
                                }
                                @media screen and (max-height: 500px) {
                                    .formkayit{
                                        height: 170vh;
                                    }
                                    }

                            @media screen and (min-width: 993px) {
                                .navbar-brand{
                                    font-size: 23px;
                                }
                                }
                    
                .info{
                    position: relative;
                    z-index: -1;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 300px;
                  
                    background-size: cover;
                    background-repeat: no-repeat;
                    background-position: center center;
                }
                .info2{
                    position: relative;
                    z-index: -1;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 400px;
                  
                    background-size: cover;
                    background-repeat: no-repeat;
                    background-position: center center;
                }
                .info3{
                    position: relative;
                    z-index: -1;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 500px;
                  
                    background-size: cover;
                    background-repeat: no-repeat;
                    background-position: center center;
                }
                .bosluk{
                    line-height: 2;
                }
                .bolum6{
                    height: 300px;
                }
                .btn-outline-light{
                    width: 200px;
                    height: 50px;
                }