/* _______________hero section _____________*/
.ht--video-home-hero::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  background: linear-gradient(
    261deg,
    rgba(23, 32, 44, 0) 12.38%,
    #0f161f 82.97%
  );
}
@media (width>1024px) {
  .ht--video-home-hero {
    overflow: hidden;
    width: 100% !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
    z-index: 1 !important;
  }
}
@media (width < 1024px) {
  .ht--video-home-hero {
    position: relative;
    overflow: hidden;
  }
}
/* ________________________________________________ */
.scroll-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2em;
  width: 1.2em;
  font-size: 22px;
  color: #fff;
  margin-inline: auto;
  border-radius: 2em;
  border: solid 2px;
  transition: 0.4s;
}

.scroll-icon:hover {
  background-color: #ea0029;
  color: #fff;
}

.scroll-icon::after {
  content: "";
  width: 5px;
  height: 5px;
  background-color: #fff;
  border-radius: 50%;
  animation: scroll-icon 2.2s infinite cubic-bezier(0.65, 0.05, 0.36, 1);
}

@keyframes scroll-icon {
  0% {
    transform: translateY(-12px);
    opacity: 0;
  }
  30%,
  70% {
    opacity: 1;
  }
  100% {
    transform: translateY(12px);
    opacity: 0;
  }
}

@media screen and (max-width: 1024px) {
  .ht--mobile-menu ul {
    border-bottom: 1px solid #808080;
    padding-block: 64px;
  }
}
/* ______________________________ */

.ht--triangle-card-progetti-home {
  width: 0;
  height: 0;
  border-left: 140px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 0px solid #fff;
  position: absolute;
  top: 0;
  right: 0;
  border-top: 140px solid #fff;
}
@media (width < 1024px) {
  .ht--triangle-card-progetti-home {
    border-left: 70px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 0px solid #fff;
    border-top: 70px solid #fff;
  }
}

/* .ht--recensioni-home .owl-stage-outer {
  height: 500px;
} */

@media (width > 1024px) {
  .ht--mega-cta-home {
    background: url("/wp-content/uploads/2024/08/esagono_cta_homepage.png")
      no-repeat center center / contain;
    background-color: #1c2735 !important;
  }
}
@media (width < 1024px) {
  .ht--mega-cta-home {
    background-color: #1c2735;
  }
}

.ht-carosello-home {
  .owl-dots {
    padding-top: 64px;
  }
  .owl-dot span {
    background: rgba(217, 217, 217, 0.5);
    opacity: 1;
    width: 15px;
    height: 15px;
  }
  .owl-dot.active span {
    background: #d9d9d9 !important;
    opacity: 1;
    box-shadow: none;
    width: 15px;
    height: 15px;
  }
}

/* ::::::::::::::::::::::::::: */
#field_7_12 {
  height: 0;
  overflow: hidden;
}
#field_7_12 {
  visibility: hidden !important;
}
.gform_confirmation_message {
  text-align: center;
}