/* IMPORTO IL FILE DEI COLORI PER POTERNE USARE LE VARIABILI */
@import url("gd-color.css");

/* FILE DI STILE GENERALE */

/* DESKTOP */
#page #mg-testata ul, #page [id^="mg-servizio-"] ul, #page [id^="mg-chi-siamo-"] ul {
  list-style: none;
}
#page #mg-testata ul li, #page [id^="mg-servizio-"] ul li, #page [id^="mg-chi-siamo-"] ul li {
  gap: 16px;
}
#page #mg-testata ul li lord-icon, #page [id^="mg-servizio-"] ul li lord-icon, #page [id^="mg-chi-siamo-"] ul li lord-icon {
  width: 48px;
  height: 48px;
}
#page [id^="mg-vantaggi-"] .mg-card, #page #mg-recensioni .mg-card, #page #mg-faq .mg-card {
  padding: 32px 24px;
  border-radius: 48px;
}
#page [id^="mg-vantaggi-"] .mg-card lord-icon {
  width: 75px;
  height: 75px;
}
#page #mg-faq .mg-card {
  gap: 8px;
}
#page #mg-faq .mg-card lord-icon {
  width: 32px;
  height: 32px;
}
#page #mg-recensioni .mg-card lord-icon {
  width: 48px;
  height: 48px;
}

/* SMALL DESKTOP */
@media screen and (min-width: 960px) and (max-width: 1600px) {

}

/* TABLET */
@media screen and (max-width: 960px) {

}

/* MOBILE */
@media screen and (max-width: 640px) {
  #page #mg-testata ul li, #page [id^="mg-servizio-"] ul li, #page [id^="mg-chi-siamo-"] ul li {
    gap: 8px;
  }
  #page #mg-testata ul li lord-icon, #page [id^="mg-servizio-"] ul li lord-icon, #page [id^="mg-chi-siamo-"] ul li lord-icon {
    width: 32px;
    height: 32px;
  }
  #page [id^="mg-vantaggi-"] .mg-card, #page #mg-recensioni .mg-card, #page #mg-faq .mg-card {
    padding: 32px 16px;
  }
  #page #mg-faq .mg-card lord-icon {
    width: 24px;
    height: 24px;
  }
  #page #mg-recensioni .mg-card lord-icon {
    width: 36px;
    height: 36px;
  }
}