.home-page {
  --home-header-height: 100px;
}

.home-page .st-hero-area {
  margin: var(--home-header-height) 20px 0;
  border-radius: 20px;
  clip-path: inset(0 round 20px);
  isolation: isolate;
}

.home-page .st-hero-bg-mask {
  position: absolute;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  border-radius: 20px;
  clip-path: inset(0 round 20px);
  contain: paint;
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.home-page .st-hero-bg-mask .st-hero-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 20px;
  clip-path: inset(0 round 20px);
}

.home-page .st-hero-bg-mask .image-gsl-canvas,
.home-page .st-hero-bg-mask .image-gsl-canvas canvas {
  border-radius: 20px;
  clip-path: inset(0 round 20px);
}

.home-white-label { background: #f5f5f5; overflow: hidden; }
.home-white-label p { max-width: 760px; color: #5d5d5d; font-size: 18px; line-height: 1.75; }
.home-white-label-list { margin: 0; padding: 0; list-style: none; }
.home-white-label-list li { padding: 15px 0; border-bottom: 1px solid rgba(13,13,13,.14); color: #0d0d0d; }
.home-final-cta { position: relative; overflow: hidden; background: #0d0d0d; color: #fff; }
.home-final-cta::after { position: absolute; right: -130px; bottom: -220px; width: 520px; height: 520px; border: 80px solid rgba(241,90,36,.16); border-radius: 50%; content: ""; }
.home-final-cta .container { position: relative; z-index: 1; }
.home-final-cta h2 { max-width: 1050px; }
.home-final-cta p { max-width: 720px; color: rgba(255,255,255,.68); font-size: 18px; line-height: 1.75; }
.home-final-cta .home-final-cta-ghost { border-color: rgba(255,255,255,.5); color: #fff; }
.home-marquee {
  overflow: hidden;
  padding: 21px 0;
  background: #f15a24;
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  white-space: nowrap;
}
.home-marquee span {
  display: inline-block;
  padding-left: 100%;
  animation: home-marquee 32s linear infinite;
}
@keyframes home-marquee {
  to { transform: translateX(-100%); }
}

@media (max-width: 767.98px) {
  .home-final-cta::after { right: -280px; }
}

.home-page .oit-header-menu-2 > nav > ul > li > a,
.home-page .oit-header-menu-2 > nav > ul > li > a::after {
  color: var(--oit-clr-black);
}

.home-page .oit-header-logo img {
  filter: brightness(0);
}

.home-page .oit-header-action .oit-btn-border {
  color: var(--oit-clr-white);
  border-color: var(--oit-clr-black);
  background-color: var(--oit-clr-black);
}

.home-page .oit-header-action .oit-btn-border:hover {
  color: var(--oit-clr-white);
}

.home-page .oit-header-action .oit-btn-border i {
  color: var(--oit-clr-black);
  background-color: var(--oit-clr-white);
}

.home-page .oit-header-action .oit-btn-border::after {
  background-color: var(--oit-clr-white) !important;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4801 0L12.4381 0.990614L12.3305 1.09858C9.55759 4.01224 9.66053 7.97756 11.492 9.87137L10.5199 10.8562C9.01152 9.2962 8.47367 6.87411 9.01459 4.46211L0.955362 12.6371L0 11.6476L8.06131 3.4691C5.69918 4.00198 3.33666 3.42958 1.82692 1.86844L2.799 0.88241C4.65351 2.80006 8.59851 2.9228 11.4801 0Z' fill='%230D0D0D'/%3E%3C/svg%3E") !important;
}

.home-page .oit-header-bar span {
  background-color: var(--oit-clr-black);
}

.home-page .home-hero-microcopy {
  display: block;
  max-width: 620px;
  margin-top: 16px;
  color: rgba(255, 255, 255, .74);
  font-size: 14px;
  line-height: 1.6;
}

.home-page .home-hero-category-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.home-page .home-service-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.home-page .home-service-links a {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  padding: 10px 16px;
  border: 1px solid rgba(13, 13, 13, .18);
  border-radius: 999px;
  color: var(--oit-clr-black);
  line-height: 1.25;
  transition: color .25s ease, background-color .25s ease, border-color .25s ease;
}

.home-page .home-service-links a:hover,
.home-page .home-service-links a:focus-visible {
  border-color: var(--oit-clr-black);
  color: var(--oit-clr-white);
  background: var(--oit-clr-black);
}

.home-page .home-service-category-cta {
  margin-top: 24px;
}

.home-page .home-proof-title {
  font-size: clamp(30px, 4vw, 58px);
  line-height: 1;
}

.home-page .st-testimonial-ratting-icon {
  display: none;
}

.home-page .home-form-security-note {
  margin-top: -42px;
  margin-bottom: 42px;
  color: rgba(255, 255, 255, .62);
  font-size: 13px;
  line-height: 1.55;
}

.home-page .home-form-security-note strong {
  color: rgba(255, 255, 255, .9);
}

.home-page #solicita-estimare:target .fade-anim,
.home-page #solicita-estimare:target .oit-title-revel {
  opacity: 1 !important;
  transform: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .home-marquee span {
    padding-left: 20px;
    animation: none;
  }

  .home-page .oit-text-slider-item,
  .home-page .panel-pin-area,
  .home-page .simple-panel-pin,
  .home-page .rotate-on-scroll {
    animation: none !important;
    transform: none !important;
    transition: none !important;
  }

  .home-page {
    scroll-behavior: auto;
  }
}

@media (max-width: 767px) {
  .home-page {
    --home-header-height: 88px;
  }

  .home-page .st-hero-area {
    margin-right: 20px;
    margin-left: 20px;
  }

  .home-page .home-proof-title {
    font-size: 34px;
  }
}