.fullwidth-image-with-dots .image-wrapper {
      position: relative;
      width: 100%;
      height: 550px;
      /* 🔥 fixed height */
      overflow: hidden;
      line-height: 0;
    }

    .fullwidth-image-with-dots .image-wrapper img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .fullwidth-image-with-dots .overlay-inner {
      position: absolute;
      top: 0;
      left: 0;
    }

    .fullwidth-image-with-dots .svg-overlay {
      width: 1920px;
      height: 550px;
      backface-visibility: hidden;
      pointer-events: auto;
    }

    /* SVG styling */

    .fullwidth-image-with-dots .svg-overlay path:not(.line-hit) {
      stroke: #636466;
      stroke-width: 1.5;
    }

    .fullwidth-image-with-dots .svg-overlay .line.arrow {
      fill: none;
      stroke: #636466;
      stroke-width: 1.5 !important;
      stroke-linecap: round;
      stroke-linejoin: round;
    }


    .fullwidth-image-with-dots .line {
      stroke: #636466;
      fill: none;

      stroke-linecap: round;
      stroke-linejoin: round;

      transition: stroke 0.2s ease, opacity 0.2s ease;
    }

    .fullwidth-image-with-dots .line-hit {
      stroke: transparent;
      stroke-width: 30;
      fill: none;
      pointer-events: stroke;
    }

    .fullwidth-image-with-dots .svg-overlay .line.active {
      stroke: #ed002f;
    }

    /* labels */
    .fullwidth-image-with-dots .label {
      position: absolute;
      transform: translateY(-50%);
      font-size: 1rem;
      white-space: nowrap;
      color: #636466;
      /*#4f5052;*/
      text-decoration: none;
      transition: all 0.2s ease;
      font-weight: 300;
    }

    .fullwidth-image-with-dots .label.left {
      transform: translate(-100%, -50%);
      text-align: right;
    }

    .fullwidth-image-with-dots .label.right {
      transform: translateY(-50%);
    }

    .fullwidth-image-with-dots .label.center {
      transform: translate(-50%, -50%);
      text-align: center;
    }

    .fullwidth-image-with-dots .label:hover {
      color: #ed002f;
      text-decoration: underline;
      text-underline-offset: 5px;
    }

    .fullwidth-image-with-dots .label.active {
      color: #ed002f;
    }

    .fullwidth-image-with-dots .line.active {
      stroke: #ed002f;
    }

    .fullwidth-image-with-dots .svg-overlay circle.active {
      fill: #ed002f;
    }



    @media (max-width: 1100px) {
      .fullwidth-image-with-dots a.label[data-id="7"] {
        left: calc(1280 / 1920 * 100% + 14px) !important;
        top: calc(450 / 550 * 100% + 2px) !important;
      }
    }

    @media (max-width: 992px) {

      .fullwidth-image-with-dots .image-wrapper,
      .fullwidth-image-with-dots .svg-overlay {
        width: 100%;
        height: 100%;
      }

      .fullwidth-image-with-dots .image-wrapper img {
        object-fit: contain;
      }

      .fullwidth-image-with-dots .label {
        font-size: 14px;
        text-decoration: underline;
      }

      .fullwidth-image-with-dots .label:hover {
        text-underline-offset: auto;
      }


      .fullwidth-image-with-dots a.label[data-id="1"] {
        left: calc(230 / 992 * 100%) !important;
        top: calc(250 / 620 * 100%) !important;
      }

      .fullwidth-image-with-dots a.label[data-id="2"] {
        left: calc(230 / 992 * 100%) !important;
        top: calc(517 / 620 * 100%) !important;
      }

      .fullwidth-image-with-dots a.label[data-id="3"] {
        left: calc(405 / 992 * 100%) !important;
        top: calc(520 / 620 * 100%) !important;
      }

      .fullwidth-image-with-dots a.label[data-id="4"] {
        left: calc(440 / 992 * 100%) !important;
        top: calc(50 / 620 * 100%) !important;
      }

      .fullwidth-image-with-dots a.label[data-id="5"] {
        left: calc(620 / 992 * 100%) !important;
        top: calc(147 / 620 * 100%) !important;
      }

      .fullwidth-image-with-dots a.label[data-id="6"] {
        left: calc(750 / 992 * 100%) !important;
        top: calc(222 / 620 * 100%) !important;
      }




      .fullwidth-image-with-dots a.label[data-id="7"] {
        left: calc(790 / 992 * 100%) !important;
        top: calc(520 / 620 * 100%) !important;
      }

      .fullwidth-image-with-dots a.label[data-id="8"] {
        left: calc(570 / 992 * 100%) !important;
        top: calc(567 / 620 * 100%) !important;
      }

      .fullwidth-image-with-dots a.label[data-id="9"] {
        left: calc(375 / 992 * 100%) !important;
        top: calc(124 / 620 * 100%) !important;
      }


    }

    @media (max-width: 576px) {
      .fullwidth-image-with-dots .label {
        font-size: 13px;
      }

      .fullwidth-image-with-dots .svg-overlay path:not(.line-hit) {
        stroke-width: 2px;
      }

      .fullwidth-image-with-dots a.label[data-id="1"] {
        left: calc(230 / 992 * 100%) !important;
        top: calc(240 / 620 * 100%) !important;
      }

      .fullwidth-image-with-dots a.label[data-id="2"] {
        left: calc(230 / 992 * 100%) !important;
        top: calc(520 / 620 * 100%) !important;
      }

      .fullwidth-image-with-dots a.label[data-id="3"] {
        left: calc(405 / 992 * 100%) !important;
        top: calc(520 / 620 * 100%) !important;
      }

      .fullwidth-image-with-dots a.label[data-id="4"] {
        left: calc(395 / 992 * 100%) !important;
        top: calc(40 / 620 * 100%) !important;
      }

      .fullwidth-image-with-dots a.label[data-id="5"] {
        left: calc(620 / 992 * 100%) !important;
        top: calc(140 / 620 * 100%) !important;
      }

      .fullwidth-image-with-dots a.label[data-id="6"] {
        left: calc(750 / 992 * 100%) !important;
        top: calc(215 / 620 * 100%) !important;
      }




      .fullwidth-image-with-dots a.label[data-id="7"] {
        left: calc(700 / 992 * 100%) !important;
        top: calc(520 / 620 * 100%) !important;
      }

      .fullwidth-image-with-dots a.label[data-id="8"] {
        left: calc(525 / 992 * 100%) !important;
        top: calc(570 / 620 * 100%) !important;
      }

      .fullwidth-image-with-dots a.label[data-id="9"] {
        left: calc(375 / 992 * 100%) !important;
        top: calc(115 / 620 * 100%) !important;
      }
    }