#internationl_map {
    display: block;
    width: 100%;
    height: 515px;
    cursor: pointer;
    overflow: visible;
    transform-origin: top center;
    margin-bottom: -22%;
    margin-left: -2%;
    margin-top: -3%;
}
 #internationl_map path {
     cursor: pointer;
     transition: fill 0.2s ease, opacity 0.2s ease;
     stroke-width: 0.5px;
 }


 #country-tooltip {
     position: fixed;
     display: none;
     z-index: 99999;
     background: #003fb8;
     color: white;
     padding: 10px 14px;
     border-radius: 6px;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
     font-size: 13px;
     pointer-events: none;
     white-space: nowrap;
 }

 .jobs-legend {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 1px;
     margin-top: 13px;
     color: #3d4e70;
     font-size: 15px;
 }

 .jobs-legend span {
     margin: 0 12px;
 }

 .jobs-legend i:first-of-type {
     border-radius: 0 2px 2px 0;
 }

 .jobs-legend i {
     width: 18px;
     height: 18px;
 }

 .jobs-legend i:last-of-type {
     border-radius: 0 3px 3px 0;
 }

 .jobs-legend-scale {
     display: flex;
     overflow: hidden;
     width: 122px;
     height: 14px;
     border-radius: 2px;
 }

 #country-tooltip strong {
     display: block;
     font-size: 14px;
     margin-bottom: 4px;
 }

 #country-tooltip span {
     color: white;
     font-weight: 600;
 }



 /* Map country colors */
 path.jobs-color-1 {
     fill: #c3d9fc;
 }

 path.jobs-color-2 {
     fill: #83b2fb;
 }

 path.jobs-color-3 {
     fill: #71a8fc;
 }

 path.jobs-color-4 {
     fill: #86b4fc;
 }

 path.jobs-color-5 {
     fill: #5899fc;
 }

 path.jobs-color-6 {
     fill: #004ad7;
 }

 .jobs-color-1 {
     background: #c3d9fc;
 }

 .jobs-color-2 {
     background: #83b2fb;
 }

 .jobs-color-3 {
     background: #71a8fc;
 }

 .jobs-color-4 {
     background: #86b4fc;
 }

 .jobs-color-5 {
     background: #5899fc;
 }

 .jobs-color-6 {
     background: #004ad7;
 }

 /* Hover effect for countries with job data */
 #internationl_map path[data-jobs]:hover {
     stroke: #ffffff;
     stroke-width: 1.5px;
 }