.rotation {
  width: auto;
  height: 355px;
  display: block;
  margin: auto;
  animation: rotateImage 40s linear infinite;
}
.norotation{
  width: auto;
  height: 355px;
  display: block;
  margin: auto;
}

#start{
  cursor: pointer;
}

@keyframes rotateImage {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(720deg); /* 2 giri (360 gradi x 2) */
  }
}
/**/

.chiedi {
  margin: 0;
  }
.chiedi-aiuto2 {
  width: 102px;
  position: absolute;
  margin: 0 !important;
  top: calc(50% - 40px);
  left: calc(50% - 51px);
  line-height: 100%;
  font-weight: 800;
  display: inline-block;
  z-index: 0;
  }
  .clicca-qui {
    width: 60px;
    position: absolute;
    margin: 0 !important;
    top: calc(50% + 41px);
    left: calc(50% - 30px);
    font-size: 12px;
    line-height: 100%;
    /*font-weight: 600;*/
    display: inline-block;
    z-index: 1;
  }
  .pulsante-chiedi-aiuto-cerchio- {
  width: 184px;
  position: absolute;
  margin: 0 !important;
  border-radius: 100px;
  background-color: #ce3a54;
  box-shadow: 0px 4px 20px 4px rgba(255, 255, 255, 0.12);
  border: 3px solid #fff;
  box-sizing: border-box;
  height: 184px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 40px;
  color: #fff;
  font-family: Akrobat;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  }



.pulsante-piccolo-home {
  border-radius: 20px;
  background-color: #fff;
  height: 32px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  box-sizing: border-box;
  text-align: left;
  font-size: 12px;
  color: #000;
}
.header-home {
  width: 100%;
  position: relative;
  background-color: #000;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 12px 8px;
  box-sizing: border-box;
  min-width: 360px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  font-family: Akrobat;
}
.stato-del-servizio-child {
  width: 6px;
  position: relative;
  border-radius: 50%;
  background-color: #3bff1c;
  height: 6px;
}
.lun-ven-9-24-container{
  position: relative;
  font-size: 12px;
  letter-spacing: 0.08em;
  line-height: 120%;
  text-align: center;
}
.stato-del-servizio-off {
  width: 6px;
  position: relative;
  border-radius: 50%;
  background-color: #3bff1c;
  height: 6px;
}
.servizio-attivo {
  position: relative;
  font-weight: 800;
}
.stato-del-servizio {
  border-radius: 20px;
  border: 1px solid #333841;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 8px 12px;
  gap: 0px 12px;
}
.loading-move-icon {
  width: 340px;
  position: relative;
  height: 338.89px;
  object-fit: cover;
  z-index: 0;
}
.pulsante-medio {
  margin: 0 !important;
  position: absolute;
  top: calc(50% - 32.45px);
  left: calc(50% - 100px);
  border-radius: 28px;
  background-color: #e3f3f4;
  box-shadow: 0px 4px 50px 40px rgba(255, 255, 255, 0.25);
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 20px 40px;
  z-index: 1;
  cursor: pointer;
}
.loading-move-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  gap: 10px 0px;
  font-size: 24px;
  color: #000;
}
.questo-lo {
  font-weight: 300;
}
.paragrafo-txt {
  width: 100%;
}
.paragrafo {
  width: 340px;
  position: relative;
  font-size: 20px;
  display: flex;
  align-items: flex-end;
  font-family: Ubuntu;
  margin: auto;
}
.h1-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 26px 0px;
}
.vector-icon {
  width: 9.54px;
  position: relative;
  height: 11px;
}
.info-scorri {
  position: relative;
  line-height: 100%;
}
.box-scorri-gi {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  font-size: 12px;
}
.frame-parent {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 16px 0px;
  text-align: center;
  font-size: 28px;
  color: #f5f5f5;
}
.above-the-fold {
  align-self: stretch;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(24, 24, 24, 0), #181818);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 12px 0px;
  gap: 20px 0px;
  font-size: 20px;
  color: #fff;
}
.separator-icon {
  width: auto;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  }
.immagine-logo-icon {
  width: 80px;
  position: relative;
  height: 79.04px;
  object-fit: cover;
}
.steps-child {
  width: 288.97px;
  position: absolute;
  margin: 0 !important;
  top: 32.07px;
  left: 16.03px;
  height: 991.5px;
  z-index: 0;
}
.emergenza-psicologica {
  text-decoration: underline;
  color: #ce3a54;
}
.sei-in-una-container {
  width: 228.08px;
  position: relative;
  font-weight: 800;
  display: inline-block;
  flex-shrink: 0;
}
.frame-child {
  width: 36px;
  position: relative;
  border-radius: 50%;
  background-color: #ffe299;
  height: 36px;
}
.sei-in-una-situazione-di-emerg-parent {
  width: 312px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 0px 16px;
}
.frame-item {
  width: 36px;
  position: relative;
  border-radius: 50%;
  background-color: #ffadad;
  height: 36px;
}
.stai-cercando-aiuto {
  flex: 1;
  position: relative;
  font-weight: 800;
}
.ellipse-parent {
  width: 312px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0px 16px;
  text-align: left;
}
.frame-inner {
  width: 36px;
  position: relative;
  border-radius: 50%;
  background-color: #d0f2f0;
  height: 36px;
}
.entri-nello-psicosoccorso-parent {
  width: 312px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 0px 16px;
}
.ellipse-div {
  width: 36px;
  position: relative;
  border-radius: 50%;
  background-color: #edccfd;
  height: 36px;
}
.frame-child1 {
  width: 36px;
  position: relative;
  border-radius: 50%;
  background-color: #caffd6;
  height: 36px;
}
.frame-child2 {
  width: 36px;
  position: relative;
  border-radius: 50%;
  background-color: #a2a0ff;
  height: 36px;
}
.span {
  text-decoration: underline;
}
.accedi-al-nostro-container {
  width: 250px;
  position: relative;
  font-weight: 800;
  display: inline-block;
}
.prezzo-4900 {
  width: 250px;
  position: relative;
  font-size: 12px;
  display: inline-block;
  height: 25px;
}
.accedi-al-nostro-servizio-a-pa-parent {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px 0px;
}
.frame-child3 {
  width: 36px;
  position: relative;
  border-radius: 50%;
  background-color: #ffc794;
  height: 36px;
}
.la-crisi-emotiva-risolta-e-t-parent {
  width: 308.31px;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 0px 16px;
}
.frame-group {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 100px 0px;
  z-index: 1;
}
.steps {
  width: 328px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  gap: 0px 10px;
  text-align: right;
  font-size: 20px;
}
.pulsante-grande {
  width: 312px;
  border-radius: 40px;
  background-color: #ce3a54;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 20px 66px;
  box-sizing: border-box;
  font-size: 24px;
  color: #fff;
  cursor: pointer;
}
.funziona-cos {
  align-self: stretch;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(36, 50, 82, 0), #333841);
  border: 1px solid #000;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 40px 8px;
  gap: 60px 0px;
  text-align: center;
  font-size: 48px;
}
.immagine-cervello-icon {
  align-self: stretch;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  height: 194px;
  flex-shrink: 0;
  object-fit: cover;
}
.lo-psicosoccorso {
  margin: 0;
}
.lo-psicosoccorso-container {
  align-self: stretch;
  position: relative;
  font-size: 48px;
  line-height: 52px;
  font-weight: 800;
}
.le-crisi-emotive {
  align-self: stretch;
  position: relative;
  line-height: 100%;
  font-weight: 800;
}
.rispondiamo-tempestivamente-e {
  align-self: stretch;
  position: relative;
  font-size: 20px;
  line-height: 25px;
  font-weight: 300;
  font-family: Ubuntu;
}
.le-crisi-emotive-e-psicologich-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px 0px;
}
.servizio-da-vivo-e-online {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 27px 0px;
}
.immagine-connessione-icon {
  width: 204px;
  position: relative;
  height: 206px;
  object-fit: cover;
}
.puoi-chiedere-aiuto {
  align-self: stretch;
  position: relative;
  font-size: 48px;
  font-weight: 800;
}
.immagine-dal-vivo2 {
  width: 344px;
  position: relative;
  border-radius: 40px;
  height: 464px;
  object-fit: cover;
}
.immagine-dal-vivo2-parent {
  align-self: stretch;
  height: 510px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 12px 0px;
  text-align: center;
}
.chiamata-online-1-icon {
  width: 342px;
  position: relative;
  height: 595.22px;
  /*object-fit: cover;*/
}
.chiamata-online-1-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 12px 0px;
  text-align: center;
}
.pulsante-grande1 {
  width: 312px;
  border-radius: 40px;
  background-color: #ce3a54;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 20px 66px;
  box-sizing: border-box;
  cursor: pointer;
}
.pulsante-grande2 {
  width: 312px;
  border-radius: 40px;
  background-color: #94c8cf;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 20px 16px;
  box-sizing: border-box;
}
.pulsante-grande-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px 0px;
  text-align: center;
  font-size: 24px;
  color: #fff;
}
.servizio-a-pagamento {
  align-self: stretch;
  position: relative;
  font-size: 20px;
  font-weight: 300;
  font-family: Ubuntu;
}
.chiedere-aiuto {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 40px 0px;
}
.immagine-puzzle-icon {
  width: 185px;
  position: relative;
  height: 156px;
  object-fit: cover;
}
.siamo-qui-per {
  align-self: stretch;
  position: relative;
  line-height: 52px;
  font-weight: 800;
}
.se-ti-senti {
  line-height: 100%;
}
.emergenza-psicologica1 {
  color: #ce3a54;
}
.se-ti-senti-container {
  align-self: stretch;
  position: relative;
  font-size: 28px;
  font-weight: 800;
}
.il-pronto-soccorso {
  margin-block-start: 0;
  margin-block-end: 8px;
}
.siamo-qui-per-te {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px 0px;
  font-size: 48px;
}
.ogni-grande-viaggio {
  width: 294px;
  position: relative;
  line-height: 100%;
  font-weight: 800;
  color: #e3f3f4;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 160px;
  flex-shrink: 0;
}
.abbiamo-creato-uno {
  align-self: stretch;
  position: relative;
  font-weight: 300;
  font-family: Ubuntu;
}
.dsc0995-1-icon {
  width: 320px;
  position: relative;
  border-radius: 8px;
  height: 229.45px;
  object-fit: cover;
}
.abstract-chi-siamo-container {
  align-self: stretch;
  position: relative;
  color: #fff;
  font-family: Ubuntu;
}
.pulsante-grande3 {
  width: 312px;
  border-radius: 40px;
  background-color: #94c8cf;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 20px 16px;
  box-sizing: border-box;
  text-align: center;
  font-size: 24px;
  color: #fff;
  cursor: pointer;
}
.chi-siamo {
  align-self: stretch;
  border-radius: 20px;
  background: linear-gradient(180deg, #333841, rgba(51, 56, 65, 0));
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 40px 24px;
  gap: 20px 0px;
  font-size: 20px;
}
.main-content {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 0px 16px;
  gap: 80px 0px;
  text-align: left;
  font-size: 28px;
  color: #f5f5f5;
}
.home-30 {
  width: 100%;
  position: relative;
  background-color: #000;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 0px 0px 80px;
  box-sizing: border-box;
  min-width: 360px;
  max-width: 450px;
  height: auto;
  text-align: center;
  font-size: 16px;
  color: #fff;
  font-family: Akrobat;
  margin: auto;
  margin-top: 56px;
  overflow-x: hidden;
}
/*offline*/
.stato-del-servizio-child-off {
  width: 6px;
  position: relative;
  border-radius: 50%;
  background-color: #ff0000;
  height: 6px;
  }
  .servizio-in-standby {
  position: relative;
  font-weight: 800;
  }
  /*.stato-del-servizio {
  position: relative;
  border-radius: 20px;
  border: 1px solid #333841;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 8px 12px;
  gap: 0px 12px;
  text-align: left;
  font-size: 20px;
  color: #fff;
  font-family: Akrobat;
  }*/
 /*popup siamo chiusi*/
 #popupweareclosed{
  position: fixed;
  top:0px;
  left: 0px;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100vh;
  overflow: hidden;
  display: none;
  justify-content: center;
  align-items: center;

 }

/*popup*/
.box-servizio-in-standby {
  border-style: solid;
  border-color: var(--text-light-1, #ffffff);
  border-width: 2px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 300px;
  position: relative;
}
.il-servizio {
  color: #ffffff;
  text-align: center;
  font-family: "Akrobat-Bold", sans-serif;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0.08em;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
}
.per-supporto {
  color: #ffffff;
  text-align: center;
  font-family: "-", sans-serif;
  font-size: 12px;
  line-height: 120%;
  letter-spacing: 0.08em;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
}
.per-supporto-span {
  font-family: "Akrobat-Regular", sans-serif;
}
.per-supporto-span2 {
  font-family: "Akrobat-Bold", sans-serif;
  font-weight: 700;
  text-decoration: underline;
}
.per-supporto-span3 {
  font-family: "Akrobat-Light", sans-serif;
  font-weight: 300;
}

.box-servizio-in-standby-2 {
  background: var(--text-light-1, #ffffff);
  border-style: solid;
  border-color: var(--background-1, #000000);
  border-width: 2px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 300px;
  position: relative;
}

.il-servizio-2 {
  color: var(--background-1, #000000);
  text-align: center;
  font-family: "Akrobat-Bold", sans-serif;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0.08em;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
}
.per-supporto-2 {
  color: var(--background-1, #000000);
  text-align: center;
  font-family: "-", sans-serif;
  font-size: 12px;
  line-height: 120%;
  letter-spacing: 0.08em;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
}
.per-supporto-span-2 {
  font-family: "Akrobat-Regular", sans-serif;
}
.per-supporto-span2-2 {
  font-family: "Akrobat-Bold", sans-serif;
  font-weight: 700;
  text-decoration: underline;
}
.per-supporto-span3-2 {
  font-family: "Akrobat-Light", sans-serif;
  font-weight: 300;
}

/*popup effettivo*/
.servizio-in-standby-luglio-2025,
.servizio-in-standby-luglio-2025 * {
  box-sizing: border-box;
}
.servizio-in-standby-luglio-2025 {
  background: #000000;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: flex-start;
  max-width: 450px;
  height: 640px;
  position: relative;
  overflow: hidden;
  /*border: 1px solid red;*/
}
.frame-221 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
  align-self: stretch;
  flex-shrink: 0;
  height: 32px;
  position: relative;
  overflow: visible;
  align-self: end;
}
.corpo {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  height: 524px;
  position: relative;
}
.icona-pausa {
  flex-shrink: 0;
  width: 35px;
  height: 40px;
  position: relative;
  overflow: visible;
  aspect-ratio: 35/40;
}
.corpo-testo {
  display: flex;
  flex-direction: column;
  gap: 28px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.title {
  color:  #ffffff;
  text-align: center;
  font-family: "Akrobat", sans-serif;
  font-size: 30px;
  line-height: 100%;
  font-weight: 800;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
}
.description {
  color: #ffffff;
  text-align: center;
  font-family: "Akrobat", sans-serif;
  font-size: 20px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 24px;
}
.description-span {
  font-family: "Akrobat", sans-serif;
  font-weight: 300;
}
.description-span2 {
  font-family: "Akrobat", sans-serif;
  font-weight: 700;
}
.description-span3 {
  font-family: "Akrobat", sans-serif;
  font-weight: 700;
  text-decoration: underline;
}
.description-span4 {
  font-family: "Akrobat", sans-serif;
  font-weight: 300;
}
.frame-220 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.pulsante-whatsapp {
  background: #23cf42;
  border-radius: 16px;
  border-style: solid;
  border-color: var(--text-light-1, #ffffff);
  border-width: 2px;
  padding: 8px 18px 8px 18px;
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.icona-whatsapp {
  flex-shrink: 0;
  width: 20px;
  height: 21.81px;
  position: relative;
  overflow: visible;
}
.whats-app-button-text {
  color: var(--text-light1, #ffffff);
  text-align: center;
  font-family: "Akrobat-ExtraBold", sans-serif;
  font-size: 20px;
  line-height: 32px;
  font-weight: 800;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pulsante-email {
  background: var(--red-500, #ce3a54);
  border-radius: 16px;
  border-style: solid;
  border-color: var(--text-light-1, #ffffff);
  border-width: 2px;
  padding: 8px 18px 8px 18px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.email-button-text {
  color: var(--text-light1, #ffffff);
  text-align: center;
  font-family: "Akrobat-ExtraBold", sans-serif;
  font-size: 20px;
  line-height: 32px;
  font-weight: 800;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}






body{
  opacity: 1!important;
}