body{
  margin: 0;
  padding: 0;
}
.kapsayici{
  width: 100%;
  height: 50px;
  background-color: #ef0000;
  position:sticky;
  top: 0px;
  border-radius: 0 0 15px 0;
}
.kapsayici ul{
  list-style-type: none;
  padding: 0;
  margin: 0;
  float: right;
}
.kapsayici ul li{
  float: left;      
}
.kapsayici li a{
  display: block;
  color: white;
  text-decoration: none;
  text-align: center;
  padding: 25px 20px;
  font-size: 16px;
  font-family: 'Open Sans',sans-serif;
    }
.kapsayici li a:hover{
  background-color: #ffffff;
  color: black;
  border-radius: 10px 0px 15px 10px; 
}
.kapsayici ul li.arama {
    margin-top: 18px; 
    margin-right: 5px;
}
#sehirInput {
    width: 250px;
    height: 25px;
    padding: 0 15px;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    border: 2px solid transparent;
    border-radius: 25px;
    background-color: rgba(255, 255, 255, 0.2); 
    color: white;
    outline: none;
    transition: all 0.3s ease; 
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#sehirInput::placeholder {
    color: rgba(255, 255, 255, 0.7);
}
#sehirInput:hover {
    background-color: rgba(255, 255, 255, 0.3);
}
.panel{
  position: sticky;
  width: 250px;
  height: 800px;
  float: left;
  background-color: red;
  z-index: -2; 
}
.harita-kapla{
  width: 100%;
  height: auto;
}
.a{
background-color: #ef0000;
border-radius: 15px;
}





.svg-turkiye-haritasi {
  max-width: 1140px;
  margin: 0 auto;
  text-align: center;
}
.svg-turkiye-haritasi svg {
  width: 85%;
  height: auto;
}
.il-isimleri {
  position: absolute;
  z-index: 2;
}
.il-isimleri div {
  font-family: 'Open Sans';
  display: inline-block;
  background: #222;
  color: #fff;
  padding: 8px 16px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

#svg-turkiye-haritasi path {
  cursor: pointer;
}
#svg-turkiye-haritasi path:hover {
  fill: #ff0000;
}
#bolge-1 g path{
  fill:#666;
}
#bolge-2 g path{
  fill:#666;
}
#bolge-3 g path{
  fill:#666;
}
#bolge-4 g path{
  fill:#666;
}
#bolge-5 g path{
  fill:#666;
}
#bolge-6 g path{
  fill:#666;
}
#bolge-7 g path{
  fill:#666;
}