/* =====================================
   MAP WRAPPER
===================================== */

.wow-map-wrapper{
    width:100%;
    padding:20px;
    box-sizing:border-box;
}

.wow-map-card{

    background:#fff;

    border-radius:20px;

    padding:25px;

    box-shadow:
        0 10px 35px rgba(0,0,0,.08);

    overflow:hidden;
}

/* =====================================
   HEADER
===================================== */

.wow-map-header{
    margin-bottom:25px;
}

.wow-map-header h2{

    margin:0 0 8px;

    font-size:24px;

    font-weight:700;

    color:#222;
}

.wow-map-header p{

    margin:0;

    color:#777;

    font-size:14px;
}

/* =====================================
   SVG MAP
===================================== */

.wow-map-container{

    width:100%;

    position:relative;

    display:flex;

    justify-content:center;

    align-items:center;
}

.wow-map-container svg{

    width:100%;

    max-width:1000px;

    height:auto;

    overflow:visible;
}

/* =====================================
   PROVINCES
===================================== */

#iran path{

    cursor:pointer;

    transition:
        fill .35s ease,
        opacity .35s ease,
        transform .35s ease,
        filter .35s ease;

    transform-box:fill-box;

    transform-origin:center center;
}

/* =====================================
   TOOLTIP
===================================== */

#wowTooltip{
    position:fixed !important;

    top:0;
    left:0;

    opacity:0;

    z-index:999999;

    pointer-events:none;

    transition:opacity .2s ease;

    display:block !important;
}

.wow-tooltip-content{

    background:#ffffff;

    padding:12px 16px;

    border-radius:12px;

    box-shadow:0 8px 30px rgba(0,0,0,.15);

    min-width:180px;

    font-size:13px;

    line-height:2;

    color:#333;

    border:1px solid #ececec;
}

.wow-tooltip-content .title{

    font-weight:700;

    margin-bottom:6px;
}

.wow-tooltip-content hr{

    margin:8px 0;

    border:none;

    border-top:1px solid #eee;
}

#iran path{

    cursor:pointer;

    transition:
        fill .3s ease,
        opacity .3s ease,
        filter .3s ease;
}

.wow-tooltip-content{

    background:#ffffff;

    min-width:220px;

    padding:14px 18px;

    border-radius:14px;

    border:1px solid #ececec;

    box-shadow:
        0 12px 40px rgba(0,0,0,.15);

    color:#333;

    font-size:13px;

    line-height:2;
}

.wow-tooltip-content .title{

    font-size:15px;

    font-weight:700;

    color:#222;
}

.wow-tooltip-content hr{

    margin:8px 0;

    border:none;

    border-top:1px solid #eee;
}

/* =====================================
   MOBILE
===================================== */

@media(max-width:768px){

    .wow-map-card{

        padding:15px;
    }

    .wow-map-header h2{

        font-size:18px;
    }

    .wow-tooltip-content{

        min-width:180px;

        font-size:12px;
    }

}