.sform-examination_sites .sform-examination_sites_wrapper {
  display: grid;
  justify-items: center;
  gap: 32px;
}

.sform-examination_sites .sform-examination_sites_image {
  position: relative;
}

.sform-examination_sites .container_v2 .sform-examination_sites_wrapper .sform-examination_sites_content p.p-sticky {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 24px !important;

  margin: 0 0 16px;
  color: var(--color-primary-hover);

  @media (min-width: 1024px) {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.sform-examination_sites .container_v2 .sform-examination_sites_wrapper .sform-examination_sites_content>p strong {
  font-weight: 700;
}

.sform-examination_sites .container_v2 .sform-examination_sites_wrapper .sform-examination_sites_content .list-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0 0 16px;
}

.sform-examination_sites .container_v2 .sform-examination_sites_wrapper .sform-examination_sites_content .list-wrapper .single-item .content-li h3 {
  font-size: 17px;
  font-family: var(--font-outfit);
  line-height: 22px;
  font-weight: 700;
  color: var(--primary-color);
  padding-left: 20px;
  margin: 0;
  position: relative;
}

.sform-examination_sites .container_v2 .sform-examination_sites_wrapper .sform-examination_sites_content .list-wrapper .single-item .content-li h3::before {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: var(--color-aqua-mid);
  top: 4px;
  left: 5px;
  transform: rotate(45deg) translateY(50%);
}

.sform-examination_sites .container_v2 .sform-examination_sites_wrapper .sform-examination_sites_content .list-wrapper .single-item .content-li p {
  padding-left: 17px;
  margin-top: 10px;
  color: var(--color-primary-hover);
}

.sform-examination_sites picture[data-function="map"]>img {
  display: block;
  border-radius: 24px;
  width: 100%;
  height: auto;
  max-width: 420px;
  margin: auto;
}

.sform-examination_sites img[class] {
  display: none;
  width: 18px;
  height: auto;

  transition: transform .35s ease-out;

  @media (min-width: 1240px) {
    display: block;
    position: absolute;
  }

  &:hover {
    transform: translate3d(0px, 5px, 0px);
  }

  &.compostela {
    top: 80px;
    left: 63px;
  }

  &.oviedo {
    top: 16px;
    left: 154px;
  }

  &.bilbao {
    top: 28px;
    left: 273px;
  }

  &.valladolid {
    top: 127px;
    left: 179px;
  }

  &.logroño {
    top: 94px;
    left: 284px;
  }

  &.zaragoza {
    top: 126px;
    left: 378px;
  }

  &.barcelona-1 {
    top: 134px;
    left: 474px;
  }

  &.barcelona-2 {
    top: 134px;
    left: 491px;
  }

  &.mallorca {
    top: 227px;
    left: 532px;
  }

  &.valencia {
    top: 262px;
    left: 378px;
  }

  &.madrid {
    top: 197px;
    left: 238px;
  }

  &.caceres {
    top: 252px;
    left: 130px;
  }

  &.sevilla {
    top: 380px;
    left: 134px;
  }

  &.malaga {
    top: 404px;
    left: 202px;
  }

  &.murcia {
    top: 334px;
    left: 348px;
  }

  &.canaria {
    top: 427px;
    left: 495px;
  }
}

@media(min-width: 768px) {
  .sform-examination_sites picture[data-function="map"]>img {
    margin: unset;
  }
}

@media(min-width: 1280px) {
  .sform-examination_sites .sform-examination_sites_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
  }

  .sform-examination_sites .sform-examination_sites_image {
    display: flex;
    align-items: center;
  }

  .sform-examination_sites img[class] {
    display: block;
    position: absolute;
  }

  .sform-examination_sites picture[data-function="map"]>img {
    width: 400px;
  }

  .sform-examination_sites .container_v2 .sform-examination_sites_wrapper .sform-examination_sites_content p.p-sticky {
    margin: 0 0 24px
  }

  .sform-examination_sites .container_v2 .sform-examination_sites_wrapper .sform-examination_sites_content .list-wrapper {
    margin: 0 0 24px;
  }

  .sform-examination_sites .container_v2 .sform-examination_sites_wrapper .sform-examination_sites_content .list-wrapper .single-item .content-li h3,
  .sform-examination_sites .container_v2 .sform-examination_sites_wrapper .sform-examination_sites_content .list-wrapper .single-item .content-li p {
    width: 100%;
  }

  .sform-examination_sites .container_v2 .sform-examination_sites_wrapper .sform-examination_sites_content .list-wrapper .single-item>img {
    width: 48px;
    height: 48px;
  }
}

@media(min-width: 1680px) {
  .sform-examination_sites {
    width: 100%;
  }
}