.embla_slider {
  max-width: 100%;
  margin: auto;
  --slide-height: 40vw;
  --slide-spacing: 0rem;
  --slide-size: 100%;
}
.embla__viewport {
  overflow: hidden;
}

.embla__container {
  display: flex;
  touch-action: pan-y pinch-zoom;
  margin-left: calc(var(--slide-spacing) * -1);
}

.blocco-hero-banner--slider .blocco-hero-banner--title {
  background: var(--3gd-verde);
  padding: 15px 40px;
  margin-bottom: 10vw;
}

.blocco-hero-banner--slider .blocco-hero-banner--title .h1,
.blocco-hero-banner--slider .blocco-hero-banner--title h1 {
  color: #ffffff;
}

.blocco-hero-banner--line {
  position: relative;
  margin-top: calc((50vw * 0.2) * -1);
}

.embla_slider .embla__slide {
  transform: translate3d(0, 0, 0);
  flex: 0 0 var(--slide-size);
  min-width: 0;
  padding-left: var(--slide-spacing);
  flex: 0 0 100%;
  margin-right: 0;
  min-width: 0;
  height: var(--slide-height);
}

.embla_slider .embla__slide {
  background: #cdcdcd;
  /*background: url('/img/3GD-Img-banner.jpg');
  background-size: cover;*/
  padding: 5rem 3rem 3rem;
}

/** CONTROLLI **/

.embla__controls {
  position: relative;
  display: flex;
  justify-content: flex-end;
  transform: translateY(-5vw) translateX(-7.5vw);
  z-index: 15;
}
.embla__dots {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  /* margin-right: calc((2.6rem - 1.4rem) / 2 * -1); */
  z-index: 10;
}
.embla__dot {
  -webkit-tap-highlight-color: rgba(0,0,0, 0.5);
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  touch-action: manipulation;
  display: inline-flex;
  text-decoration: none;
  cursor: pointer;
  border: 0;
  padding: 0;
  margin: 0;
  width: 1.55vw;
  height: 1.55vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.embla__dot:after {
  box-shadow: inset 0 0 0 0.125vw var(--3gd-verde);
  background: rgba(255, 255, 255, 1.0);
  width: 1.2vw;
  height: 1.2vw;
  border-radius: 50%;
  display: flex;
  align-items: center;
  content: '';
}
.embla__dot--selected:after {
  box-shadow: inset 0 0 0 0.25rem var(--3gd--verde);
  background: var(--3gd-verde);
}

@media ( max-width: 575px ) {
  .embla_slider {
    max-width: 100%;
    margin: auto;
    --slide-height: 150vw;
    --slide-spacing: 0rem;
    --slide-size: 100%;
  }
  .embla_slider .embla__slide {
    background-size: cover;
    background-position: center center;
    padding-bottom: 18rem;
  }
  .blocco-hero-banner--line {
    position: relative;
    margin-top: calc((50vw * 0.6) * -1);
    transform: scale(4.0);
    transform-origin: right;
  }

  /** CONTROLLI **/

  .embla__controls {
    transform: translateY(-27.75vw) translateX(-20vw);
  }
  .embla__dot {
    width: 9vw;
    height: 9vw;
  }
  .embla__dot:after {
    box-shadow: inset 0 0 0 0.6vw var(--3gd-verde);
    width: 6vw;
    height: 6vw;
  }
}