.elementor-501 .elementor-element.elementor-element-e36d97f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}#elementor-popup-modal-501{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-501 .dialog-message{width:66vw;height:custom;align-items:flex-start;}#elementor-popup-modal-501 .dialog-close-button{display:flex;}#elementor-popup-modal-501 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(max-width:767px){.elementor-501 .elementor-element.elementor-element-e36d97f{--min-height:20vh;}#elementor-popup-modal-501 .dialog-message{width:99vw;}}@media(min-width:768px){.elementor-501 .elementor-element.elementor-element-e36d97f{--content-width:100%;}}/* Start custom CSS for html, class: .elementor-element-43e0491 */.garda-map-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/* תמונת המפה הבסיסית */
.garda-map-base {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: 3; /* 🟣 עכשיו התמונה מעל הכל */
}

/* ה-SVG עם הכבישים */
#garda-roads-holder svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1; /* 🟤 למטה מתחת למפה! */
    pointer-events: none;
}

/* קו הכביש הדשדש */
.garda-road-line {
    stroke: #cabcb0;
    stroke-width: 16px;
    fill: none;
    stroke-dasharray: 28 26;
    animation: dashFlow 9s linear infinite;
    opacity: 0.65;
}

@keyframes dashFlow {
    from { stroke-dashoffset: 0; }
    to { stroke-dashoffset: -300; }
}
.garda-road-line {
  /* צבע חזק וברור יותר */
  stroke: #c7af98;      /* בז' חם */
  opacity: 0.95;

  /* עובי הקו – אפשר לשחק בין 12–22 */
  stroke-width: 18px;

  /* קו מקוקו ועדין */
  stroke-dasharray: 22 16;

  /* מהירות – ערך גדול = תנועה יותר איטית */
  stroke-dashoffset: 0;
  animation: gardaRoadFlow 11s linear infinite;
}

/* האנימציה עצמה */
@keyframes gardaRoadFlow {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: -400;
  }
}/* End custom CSS */