<style>

.turkey-map{
    position:relative;
}

.turkey-map svg{
    width:100%;
    height:auto;
}

.turkey-map path{
    fill:#ececec;
    stroke:#ffffff;
    stroke-width:1;
    transition:.3s;
    cursor:pointer;
}

/* Hover */
.turkey-map path:hover{
    fill:#c1121f;
    stroke:#111827;
}

.map-tooltip{
    position:fixed;
    background:#111827;
    color:#fff;
    padding:8px 14px;
    border-radius:10px;
    font-size:13px;
    font-weight:600;
    opacity:0;
    pointer-events:none;
    transition:.2s;
    z-index:99999;
    box-shadow:0 10px 25px rgba(0,0,0,.2);
}

.turkey-map-area{
    padding:60px 0;
    background:#fff;
}

.map-box{
    width:100%;
    max-width:1600px;
    margin:auto;
    background:#fff;
    border-radius:30px;
    padding:30px;
    overflow:hidden;
}

/* SVG */
.map-box svg{
    width:100%;
    height:auto;
    display:block;
}
.map-box path:hover{
    fill:#c1121f;
    filter:drop-shadow(0 0 8px rgba(193,18,31,.35));
}
</style>