.valeo-svgmap {
  height: auto;
  aspect-ratio: 7/5;
  overflow: hidden;
}
.valeo-svgmap .text-success {
  color: #198754;
}
.valeo-svgmap .text-danger,
.valeo-svgmap .text-danger a {
  color: #dc3545;
}
.valeo-svgmap .text-danger a {
  text-decoration: underline;
}
.valeo-svgmap .valeo-svgmap-container {
  display: flex;
  overflow: hidden;
}
.valeo-svgmap .valeo-svgmap-container svg {
  flex-shrink: 0;
}
.valeo-svgmap .valeo-svgmap-container svg:first-child {
  margin-left: -3%;
}
.valeo-svgmap .valeo-svgmap-container svg g {
  opacity: 1 !important;
}
.valeo-svgmap .addresses {
  position: absolute;
  left: 20px;
  bottom: 0;
  z-index: 2;
  width: 350px;
}
.valeo-svgmap .addresses h4 {
  font-family: var(--h6_typography-font-family);
  font-weight: var(--h6_typography-font-weight);
  line-height: var(--h6_typography-line-height);
  letter-spacing: var(--h6_typography-letter-spacing);
  text-transform: var(--h6_typography-text-transform);
  font-style: var(--h6_typography-font-style, normal);
  font-size: var(--h6_typography-font-size);
  color: var(--h6_typography-color);
}
.valeo-svgmap .addresses > div {
  background-color: rgba(34, 59, 112, 0.1);
  border: 0;
  border-radius: 5px;
  padding: 20px;
}
.valeo-svgmap .addresses > div > *:last-child {
  margin-bottom:0;
  padding-bottom:0;
}
.valeo-svgmap .addresses > div + div {
  margin-top: 15px;
}
.valeo-svgmap .addresses > .is-form {
  margin-bottom: 70px;
}
.valeo-svgmap .addresses > .is-form .message, 
.valeo-svgmap .addresses > .is-form .message span
{
  display:none;
}
.valeo-svgmap .addresses .form-control {
  width: 100%;
  display: block;
  margin-top: 5px;
  padding: 10px;
  padding-right: 35px;
  appearance: none;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px 12px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.valeo-svgmap .addresses .form-control + p {
  margin-top: 15px;
}
.valeo-svgmap .addresses > .is-form p {
  min-height: 44px;
}
.valeo-svgmap [data-feature-class$="-is-selected"] {
    fill: var(--awb-color5);
}

/* Smartphone */
@media only screen and (max-width:767px) and (min-width:320px) {

  .valeo-svgmap {
    aspect-ratio: unset;
  }
  .valeo-svgmap .addresses {
    position: relative;
    left: unset;
    bottom: unset;
    width: 100%;
  }
  .valeo-svgmap .addresses > div {
    padding: 15px;
  }
  .valeo-svgmap .valeo-svgmap-container::after {
    top: 23%;
    left: 44%;
  }

}

/* Smartphone Landscape */
@media only screen and (min-width:480px) and (max-width:767px) {

  .valeo-svgmap .valeo-svgmap-container::after {
    top: 27%;
    left: 46%;
  }

}

/* Tablet */
@media only screen and (min-width:768px) and (max-width:991px) {

  .valeo-svgmap .addresses {
    left: 0;
  }
  .valeo-svgmap .valeo-svgmap-container::after {
    top: 53%;
    left: 47%;
  }

}

/* Tablet Landscape */
@media only screen and (min-width:992px) and (max-width:1199px) {

  .valeo-svgmap .valeo-svgmap-container::after {
    top: 52.7%;
    left: 47.5%;
  }

}

/* Laptop 13' - 1366x768 Non-Retina */
@media only screen and (min-width:1200px) and (max-width:1366px) {

  .valeo-svgmap .valeo-svgmap-container::after {
    top: 52.7%;
    left: 47.5%;
  }

}