/* =========================
   RICHIESTA VIAGGIO
   CSS locale pagina

   Scopo:
   - mantenere la CTA finale allineata alla CTA della index
   - non importare home.css dentro la pagina richiesta viaggio
========================= */

/* =========================
   CTA FINALE COME INDEX
========================= */

.ftg-travel-request-page .travel-final-cta {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding: 88px 0;
  background:
    radial-gradient(
      circle at bottom center,
      rgba(255,255,255,.14) 0%,
      rgba(255,255,255,.04) 18%,
      rgba(255,255,255,0) 42%
    ),
    linear-gradient(
      135deg,
      #DB2727 0%,
      #a11717 38%,
      #260303 72%,
      #000000 100%
    ) !important;
  color: #ffffff;
}

.ftg-travel-request-page .travel-final-cta::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 260px;
  pointer-events: none;
  z-index: 1;
  background:
    linear-gradient(
      180deg,
      rgba(0,0,0,0) 0%,
      rgba(15,0,0,.28) 26%,
      rgba(8,0,0,.72) 62%,
      rgba(0,0,0,1) 100%
    );
}

.ftg-travel-request-page .travel-final-cta > * {
  position: relative;
  z-index: 2;
}

.ftg-travel-request-page .travel-final-cta-box {
  position: relative;
  z-index: 2;
  max-width: 840px;
  margin: 0 auto;
  text-align: center;
}

.ftg-travel-request-page .travel-final-cta h2 {
  max-width: 840px;
  margin: 0 auto 18px;
  color: #ffffff;
  font-size: clamp(2.25rem, 4.5vw, 4.45rem);
  line-height: .98;
  letter-spacing: -.04em;
}

.ftg-travel-request-page .travel-final-cta p:not(.section-label) {
  max-width: 760px;
  margin: 0 auto;
  color: rgba(255,255,255,.88);
  font-size: 1.04rem;
  line-height: 1.65;
}

.ftg-travel-request-page .travel-final-cta .btn {
  margin-top: 26px;
}