.sponsor-image img {
  width: auto !important;
  height: 45px !important;
  margin-inline: 6px;
}

.card-numeri-eureka
  .vc_col-sm-4.wpb_column.vc_column_container
  .vc_column-inner {
  background: rgb(255 255 255 / 15%);
  padding: 64px 32px;
  border-radius: 24px;
  backdrop-filter: blur(16px);
}

.w-flipbox-front,
.w-flipbox-back {
  padding: 32px 16px !important;
  height: 100%;
}
.w-flipbox-front-h {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.w-flipbox-front-title {
  margin-top: 49px !important;
}

/* HERO section */
.ht--img-only-spark {
  transition: 0.3s;
}
@media (width > 600px) {
  .ht--img-only-spark:hover {
    opacity: 1;
    transition: 0.3s;
    cursor: pointer;
  }

  .ht--img-only-spark {
    transition: 0.3s;
    opacity: 0;
  }
}
.ht--text-gradient-hero-section {
  background: linear-gradient(90deg, #fff 0%, #7d74f7 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* position: absolute; */
  /* bottom: 0; */
  /* left: 22%; */
  margin-inline: auto;
  opacity: 0;
}

.ht--img-without-spark,
.ht--text-gradient-hero-section {
  transition: 0.3s;
}

.ht--img-only-spark.active,
.ht--img-without-spark.active {
  transform: translateX(-400px);
}

.ht--text-gradient-hero-section.active {
  opacity: 1;
}
/* __________________ */
.ht--text-gradient {
  background: linear-gradient(90deg, #fff 0%, #7d74f7 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ht--text-nowrap {
  text-wrap: nowrap;
}

.ht--blur {
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(20px);
}

.ht--text-stroke .w-counter-value span {
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #fff;
  -moz-text-stroke-width: 2px;
  -moz-text-stroke-color: #fff;
  text-stroke-width: 2px;
  text-stroke-color: #fff;
  font-family: "Neue Haas Grotesk Display Pro";
  /* @link https://utopia.fyi/clamp/calculator?a=320,1920,36—64 */
  font-size: clamp(2.25rem, 1.9rem + 1.75vw, 4rem);
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  color: transparent;
}
/* statue */

.ht--lighteen {
  mix-blend-mode: lighten;
}

.ht--approccio {
  background: linear-gradient(270deg, #fa6dac 0%, #ff6b00 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ht--card-flip .w-flipbox-front-desc,
.ht--card-flip .w-flipbox-back-desc {
  font-size: 20px !important;
}

/* percorso formativo */
.ht--card-sx {
  background: linear-gradient(
    270deg,
    rgba(250, 109, 172, 0.2) 0%,
    rgba(255, 107, 0, 0.2) 100%
  );
  backdrop-filter: blur(25px);
}
.ht--card-center {
  background: linear-gradient(
    180deg,
    rgba(68, 55, 243, 0.2) 0%,
    rgba(30, 30, 45, 0.2) 80.53%
  );
  backdrop-filter: blur(25px);
}
.ht--card-dx {
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(25px);
}

.ht--card-sx ul,
.ht--card-center ul,
.ht--card-dx ul {
  margin: 16px;
}

.ht--gradient-black-blue {
  background: linear-gradient(180deg, #1e1e2d 19.47%, #4437f3 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ht--card-mentori {
  background: linear-gradient(
      180deg,
      rgba(68, 55, 243, 0.7) 0%,
      rgba(241, 68, 30, 0.7) 100%
    ),
    url(<path-to-image>) lightgray 50% / cover no-repeat;
  background-blend-mode: lighten, normal;
}

/* ____________________________________ */

.ht--faq-accordion .w-tabs-section-control {
  color: #ff6b00;
}
.ht--faq-accordion .w-tabs-section-title {
  background: var(--Gradient-4, linear-gradient(90deg, #fff 0%, #7d74f7 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ht--faq-accordion p * {
  letter-spacing: 0.36px !important;
}
.ht--faq-accordion
  .w-tabs-section.active:not(.has_text_color)
  > .w-tabs-section-header {
  color: #ff6b00 !important;
}
@media (width <= 600px) {
  .w-counter-value {
    font-size: 0rem !important;
  }
}
/* _______________________________________ */
.ht--yellow-glass:hover {
  opacity: 0;
}

.ht--yellow-glass.active {
  opacity: 0;
}

.ht--yellow-glass.active,
.ht--statue.active {
  transition: transform 0.3s linear;
  transform-origin: top center;
  transform: scale(4) translateY(-45px);
}

.ht--yellow-glass {
  position: absolute;
  bottom: 0;
  z-index: 2;
  left: 0;
  right: 0;

  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.ht--statue {
  transition: 0.3s linear;
  transform-origin: top center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.ht--statue.active {
  transition: transform 0.3s linear;
  transform-origin: top center;
  transform: scale(4) translateY(-45px);
}
@media screen and (max-width: 900px) {
  transform: scale(7) translateY(-35px) translateX(-25px);
}

.ht--height-statue {
  height: 85vw;
}
@media (width >= 1440px) {
  .ht--height-statue {
    height: 944px;
  }
}
/* @media (width >= 1700px) {
  .ht--height-statue {
    height: 62vw;
  }
}
@media (width >= 1900px) {
  .ht--height-statue {
    height: 48vw;
  }
}
@media (width >= 1900px) {
  .ht--height-statue {
    height: 39vw;
  }
} */

.ht--loghi-hover .w-image-h {
  transition: 0.3s;
}
.ht--loghi-hover .w-image-h:hover {
  transform: scale(1.3);
  transition: 0.3s;
}

.ht--loghi-hover:hover .w-image-h:not(:hover) {
  /* transform: translateX(30px); */
  /* padding-inline: 30px; */
  transition: 0.3s;
}

/* ###################################### */
.ht--world {
  position: absolute;
  top: 25%;
  left: -5vw;
  transition: 2s;
  max-width: 50% !important;
  /* filter: hue-rotate(79deg) saturate(3) brightness(119%); */
  /* filter: hue-rotate(10deg) saturate(8); */
}

.ht--world.active {
  /* animation: animation_world 2s forwards;*/
  transform: translateX(80vw) rotate(180deg);
  transition: 2s;
  /* filter: hue-rotate(-108deg); */

  filter: hue-rotate(10deg) saturate(8);
}

@media screen and (max-width: 900px) {
  .ht--world {
    top:40%;
    left: -32vw;
    max-width: 100% !important;
  }
  .ht--world.active {
    transform: translateX(130vw) rotate(180deg);
  }
}

.ht--text-eureka {
  opacity: 0;
  transition: 1.5s;
}
.ht--text-eureka.active {
  opacity: 1;
  transition: 0.3s;
}

/*  */
.ht--gradient-video .l-section-overlay {
  background: linear-gradient(
    180deg,
    rgba(68, 55, 243, 0) 30%,
    #4437f3 100%
  ) !important;
}

/* ____footer__________________ */
.ht--text-footer.active {
  opacity: 0.7;
  transition: 0.2s;
}
.ht--text-footer {
  opacity: 0;
  transition: 0.2s;
}
@media (width > 600px) {
  .ht--light:hover {
    opacity: 1;
    transition: 0.2s;
  }
  .ht--light {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    opacity: 0;
    transition: 0.2s;
  }
}
@media (width < 600px) {
  .ht--light {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    opacity: 1;
    transition: 0.2s;
  }
}

/* MODAL CONTACT FORM */
.page-id-2393 .w-popup-box-title {
  color: #fff;
}
.page-id-2393 .w-popup-box-h {
  border-radius: 8px;
}
.page-id-2393 input#gform_submit_button_3 {
  color: #fff !important;
}
.page-id-2393 p.gform_required_legend {
  display: none;
}

@media screen and (max-width: 900px) {
  .page-id-2393 .w-popup-box {
    width: 100% !important;
    padding: 24px;
  }
}

.ht--bottom-banner-eureka {
  position: fixed;
  bottom: 0;
  z-index: 99;
  background: #ff6c02;
  text-align: center;
  width: 100%;
  left: 0;
  right: 0;
  color: #fff;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
}
.ht--bottom-banner-eureka:hover {
  cursor: pointer;
}
@media screen and (min-width: 700px) and (max-width: 900px) {
  .ht--bottom-banner-eureka {
    height: 80px;
  }
}
@media screen and (max-width: 700px) {
  .ht--bottom-banner-eureka {
    height: 100px;
  }
}