/**
 * index02 - SVG background una per section (bg-03, bg-05, bg-04, bg-06)
 * Nasconde il background unico di body e applica gli SVG alle singole sezioni
 */

/* Nasconde il background unico della pagina */
body.index02::before {
  display: none;
}

/* SVG decorativi sulle sezioni */
body.index02 .section-chi-siamo,
body.index02 .section-cosa-facciamo,
body.index02 .section-qualita,
body.index02 .section-slogan {
  position: relative;
  overflow: hidden;
}

body.index02 .section-chi-siamo::before,
body.index02 .section-cosa-facciamo::before,
body.index02 .section-qualita::before,
body.index02 .section-slogan::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 0;
  opacity: 0.32;
}

body.index02 .section-chi-siamo::before {
  background: url('../immagini/bg-03-svg.svg') no-repeat center center;
  background-size: 85%;
}

body.index02 .section-cosa-facciamo::before {
  background: url('../immagini/bg-05-svg.svg') no-repeat center center;
  background-size: 85%;
}

body.index02 .section-qualita::before {
  background: url('../immagini/bg-04-svg.svg') no-repeat center center;
  background-size: 85%;
}

body.index02 .section-slogan::before {
  background: url('../immagini/bg-06-svg.svg') no-repeat center center;
  background-size: 85%;
}

body.index02 .section-chi-siamo .my--container-80,
body.index02 .section-cosa-facciamo .my--container-80,
body.index02 .section-qualita .my--container-80,
body.index02 .section-slogan .my--container-80 {
  position: relative;
  z-index: 1;
}

@media (max-width: 768px) {
  body.index02 .section-chi-siamo::before,
  body.index02 .section-cosa-facciamo::before,
  body.index02 .section-qualita::before,
  body.index02 .section-slogan::before {
    background-size: 70%;
    opacity: 0.22;
  }
}