.elementor-kit-16{--e-global-color-primary:#2D4A7B;--e-global-color-secondary:#B5115E;--e-global-color-text:#000000;--e-global-color-accent:#B5115E;--e-global-color-283770d:#FFFFFF00;--e-global-color-0171caf:#FFFFFF;--e-global-color-7b39853:#F4F4F4;--e-global-color-9e90005:#B3B3B3;--e-global-color-405e7d8:#4C4C4C;--e-global-color-bb38f38:#000000;--e-global-color-3f89119:#543B6E;--e-global-color-b414c27:#CA1E6F;color:var( --e-global-color-text );font-size:16px;line-height:24px;}.elementor-kit-16 a{color:var( --e-global-color-text );text-decoration:none;}.elementor-kit-16 a:hover{color:var( --e-global-color-text );}.elementor-kit-16 h1{color:var( --e-global-color-text );font-size:52px;font-weight:400;line-height:1.05em;}.elementor-kit-16 h2{color:var( --e-global-color-text );font-size:36px;font-weight:700;line-height:1.15em;}.elementor-kit-16 h3{color:var( --e-global-color-text );font-size:24px;font-weight:600;line-height:1.15em;}.elementor-kit-16 h4{color:var( --e-global-color-text );font-size:20px;font-weight:500;line-height:1.15em;}.elementor-kit-16 h5{color:var( --e-global-color-text );font-size:16px;font-weight:500;line-height:24px;}.elementor-kit-16 h6{color:var( --e-global-color-text );font-size:16px;font-weight:700;line-height:24px;}.elementor-kit-16 button,.elementor-kit-16 input[type="button"],.elementor-kit-16 input[type="submit"],.elementor-kit-16 .elementor-button{border-radius:12px 12px 12px 12px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1366px){.elementor-kit-16{font-size:16px;line-height:24px;}.elementor-kit-16 h1{font-size:44px;line-height:50px;}.elementor-kit-16 h2{font-size:32px;line-height:39px;}.elementor-kit-16 h3{font-size:22px;line-height:32px;}.elementor-kit-16 h4{font-size:18px;line-height:27px;}.elementor-kit-16 h5{font-size:16px;line-height:24px;}.elementor-kit-16 h6{font-size:16px;line-height:24px;}}@media(max-width:1024px){.elementor-kit-16{font-size:16px;line-height:24px;}.elementor-kit-16 h1{font-size:36px;line-height:42px;}.elementor-kit-16 h2{font-size:28px;line-height:36px;}.elementor-kit-16 h3{font-size:20px;line-height:28px;}.elementor-kit-16 h4{font-size:17px;line-height:24px;}.elementor-kit-16 h5{font-size:16px;line-height:24px;}.elementor-kit-16 h6{font-size:16px;line-height:24px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-16{font-size:16px;line-height:24px;}.elementor-kit-16 h1{font-size:34px;line-height:36px;}.elementor-kit-16 h2{font-size:26px;line-height:34px;}.elementor-kit-16 h3{font-size:20px;line-height:28px;}.elementor-kit-16 h4{font-size:17px;line-height:24px;}.elementor-kit-16 h5{font-size:16px;line-height:24px;}.elementor-kit-16 h6{font-size:16px;line-height:24px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Contenitore con background quadrato */
.hs-square {
  aspect-ratio: 1 / 1;
  background-size: cover;
  background-position: center;
  border-radius: 5px;
}


/* Rimuove i pallini standard */
.pt-case-study-content ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

/* Ogni li ha solo padding a sinistra per fare spazio all'icona */
.pt-case-study-content ul li {
  position: relative;
  padding-left: 28px;    /* 20px icona + ~8px di spazio */
  margin-bottom: 10px;
}

/* Inserisce l’immagine come bullet, fuori dal flusso */
.pt-case-study-content ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.35em;           /* leggero allineamento verticale */
  width: 20px;
  height: 20px;
  background-image: url("https://wpdemo.highstreet.io/wp-content/uploads/2025/10/check-icon.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}


/* Rimuove i pallini standard */
.pt-case-study-content-inverted ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

/* Struttura flessibile per allineare icona + testo */
.pt-case-study-content-inverted ul li {
  display: flex;
  align-items: flex-start;  /* allinea l’icona con la prima riga di testo */
  gap: 12px;                /* spazio tra icona e testo */
  margin-bottom: 10px;      /* spazio verticale tra le voci */
}

/* Inserisce l’immagine come bullet */
.pt-case-study-content-inverted ul li::before {
  content: "";
  flex: 0 0 20px; /* larghezza fissa dell’icona */
  height: 20px;
  background-image: url('https://wpdemo.highstreet.io/wp-content/uploads/2025/10/check-icon-inverted.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-top: 0.05em; /* allineamento verticale fine-tuned */
}

.gradient-text-animated {
  background: linear-gradient(270deg, #2D4A7B, #B5115E, #2D4A7B);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  animation: move-gradient-text 3s linear infinite;
}

/* Keyframes: stesso effetto del border animato */
@keyframes move-gradient-text {
  0% {
    background-position: 0% center;
  }
  100% {
    background-position: 200% center;
  }
}

/* Durata unica per tutte le animazioni */
:root {
  --hs-transition: 0.25s ease;
}

.card-hs {
  position: relative;
  border: 1px solid #ddd;
  padding: 16px;
  border-radius: 5px;
  background: #fff; /* colore base */
  color: #000;
  overflow: hidden;
  transition:
    color var(--hs-transition),
    border-color var(--hs-transition);
}

/* Layer del gradiente per sfondo animato */
.card-hs::before {
  content: "";
  position: absolute;
  inset: 0;
  /*background: linear-gradient(to right, rgb(181, 17, 94), rgb(45, 74, 123));*/
  background: linear-gradient(340deg,rgb(45, 74, 123) , rgb(181, 17, 94));
  opacity: 0;
  transition: opacity var(--hs-transition);
  z-index: 0; /* sotto i contenuti, sopra lo sfondo */
}

/* Bordo inferiore sfumato */
.card-hs::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 5px;
  width: 100%;
  background: linear-gradient(to right, rgb(181, 17, 94), rgb(45, 74, 123));
  opacity: 1; /* visibile di base */
  transition: opacity var(--hs-transition);
  z-index: 1;
}

/* Hover: attiva il gradiente full-card e nasconde il bordino */
.card-hs:hover::before {
  opacity: 1;
}

.card-hs:hover::after {
  opacity: 0; /* il bordino “scompare” e resta solo l’overlay */
}

/* Transizioni uniformi per ogni elemento interno */
.card-hs * {
  position: relative;
  z-index: 2;
  transition:
    color var(--hs-transition),
    transform var(--hs-transition),
    opacity var(--hs-transition);
}

/* Hover: attiva il gradiente con fade */
.card-hs:hover::before {
  opacity: 1;
}

/* Hover: testo bianco */
.card-hs:hover h1,
.card-hs:hover h2,
.card-hs:hover h3,
.card-hs:hover h4,
.card-hs:hover h5,
.card-hs:hover h6,
.card-hs:hover p,
.card-hs:hover a,
.card-hs:hover .sottotitolo-release {
  color: #fff !important;
}

/* Effetto di lieve sollevamento */
.card-hs:hover * {
  transform: translateY(-1px);
  opacity: 1;
}

.card-hs-home {
  position: relative;
  border: 1px solid #ddd;
  padding: 25px;
  border-radius: 5px;
  background: #fff; /* colore base */
  color: #000;
  overflow: hidden;
  transition:
    color var(--hs-transition),
    border-color var(--hs-transition);
}

/* Layer del gradiente per sfondo animato */
.card-hs-home::before {
  content: "";
  position: absolute;
  inset: 0;
  /*background: linear-gradient(to right, rgb(181, 17, 94), rgb(45, 74, 123));*/
  background: linear-gradient(340deg,rgb(45, 74, 123) , rgb(181, 17, 94));
  opacity: 0;
  transition: opacity var(--hs-transition);
  z-index: 0; /* sotto i contenuti, sopra lo sfondo */
}

/* Bordo inferiore sfumato */
.card-hs-home::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 5px;
  width: 100%;
  background: linear-gradient(to right, rgb(181, 17, 94), rgb(45, 74, 123));
  opacity: 1; /* visibile di base */
  transition: opacity var(--hs-transition);
  z-index: 1;
}

/* Hover: attiva il gradiente full-card e nasconde il bordino */
.card-hs-home:hover::before {
  opacity: 1;
}

.card-hs-home:hover::after {
  opacity: 0; /* il bordino “scompare” e resta solo l’overlay */
}

/* Transizioni uniformi per ogni elemento interno */
.card-hs-home * {
  position: relative;
  z-index: 2;
  transition:
    color var(--hs-transition),
    transform var(--hs-transition),
    opacity var(--hs-transition);
}

/* Hover: attiva il gradiente con fade */
.card-hs-home:hover::before {
  opacity: 1;
}

/* Hover: testo bianco */
.card-hs-home:hover h1,
.card-hs-home:hover h2,
.card-hs-home:hover h3,
.card-hs-home:hover h4,
.card-hs-home:hover h5,
.card-hs-home:hover h6,
.card-hs-home:hover p,
.card-hs-home:hover a {
  color: #fff !important;
}

/* Effetto di lieve sollevamento */
.card-hs-home:hover * {
  transform: translateY(-1px);
  opacity: 1;
  cursor:pointer;
}

input[type=text], input[type=url], input[type=email], input[type=tel], select, textarea {
    border: none !important;
    background-color: #ffffff !important;
    border-radius: 3px;
    padding: .5rem 1rem;
    transition: all .3s;
    width: 100%;
}

.hbspt-form input[type="checkbox"]::before {
    
    background-color: #ffffff !important;
    border: none !important;
    left: calc(-5px + 1px, 1px) !important;
}

.legal-consent-container .hs-form-booleancheckbox-display p {
    color:#ffffff;
}

.legal-consent-container .hs-form-booleancheckbox-display a {
    color:#ffffff;
}

.legal-consent-container .hs-form-booleancheckbox-display a:hover {
    color:#ffffff;
}

.hbspt-form .legal-consent-container .hs-error-msgs label {
    color: #ffffff !important
}

.hbspt-form ul.no-list.hs-error-msgs.inputs-list li {
    color: #ffffff !important
}

.hbspt-form input[type="submit"] {
    background-color: #B5115E !important;
    font-family: "Roboto", Sans-serif !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    border:none !important;
    border-radius: 12px 12px 12px 12px !important;
    padding: 15px 30px 18px 30px !important;
}

.hbspt-form input[type="submit"]:hover {
    background-color: #d52075 !important;
    font-family: "Roboto", Sans-serif !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    border:none !important;
    border-radius: 12px 12px 12px 12px !important;
    padding: 15px 30px 18px 30px !important;
    transition: all .3s !important;
}

.hbspt-form label > span {

    color: #ffffff !important;

}/* End custom CSS */