/* =========================
   preventivo - card laterali visual
   ========================= */

.quote-page .quote-side{
  gap:18px;
}

.quote-page .quote-side .feature-card{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  min-height:340px;
  padding:0;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01)),
    rgba(8,8,8,.88);
  box-shadow:
    0 24px 58px rgba(0,0,0,.36),
    inset 0 1px 0 rgba(255,255,255,.04);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.quote-page .quote-side .feature-card:hover{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.12);
  box-shadow:
    0 28px 64px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.05);
}

.quote-page .quote-side .feature-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  transform:scale(1.01);
}

.quote-page .quote-side .feature-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(180deg, rgba(6,6,6,.06) 0%, rgba(6,6,6,.16) 24%, rgba(6,6,6,.50) 55%, rgba(6,6,6,.92) 100%);
}

.quote-page .quote-side .feature-card h3,
.quote-page .quote-side .feature-card p{
  position:relative;
  z-index:2;
  padding-left:22px;
  padding-right:22px;
}

.quote-page .quote-side .feature-card h3{
  margin:0 0 10px;
  padding-top:220px;
  font-size:1.55rem;
  line-height:1.02;
  letter-spacing:-.04em;
  text-transform:lowercase;
  color:#fff;
  text-shadow:0 2px 12px rgba(0,0,0,.30);
}

.quote-page .quote-side .feature-card p{
  margin:0;
  padding-bottom:22px;
  color:#e4e7ee;
  line-height:1.62;
  font-size:1rem;
  max-width:28ch;
  text-shadow:0 2px 12px rgba(0,0,0,.28);
}

/* card 1: consulenza / primo contatto */
.quote-page .quote-side .feature-card:nth-child(1)::before{
  background-image:
    linear-gradient(180deg, rgba(10,10,10,.02), rgba(10,10,10,.08)),
    url("../img/service-2.jpg");
  background-position:center 30%;
}

/* card 2: valutazione / analisi percorso */
.quote-page .quote-side .feature-card:nth-child(2)::before{
  background-image:
    linear-gradient(180deg, rgba(10,10,10,.02), rgba(10,10,10,.08)),
    url("../img/service-3.jpg");
  background-position:center 34%;
}

/* card 3: contatto rapido / reception-supporto */
.quote-page .quote-side .feature-card:nth-child(3)::before{
  background-image:
    linear-gradient(180deg, rgba(10,10,10,.02), rgba(10,10,10,.08)),
    url("../img/gallery-6.jpg");
  background-position:center 36%;
}

@media (max-width: 1180px){
  .quote-page .quote-side .feature-card{
    min-height:320px;
  }

  .quote-page .quote-side .feature-card h3{
    padding-top:205px;
  }
}

@media (max-width: 640px){
  .quote-page .quote-side{
    gap:16px;
  }

  .quote-page .quote-side .feature-card{
    min-height:300px;
    border-radius:22px;
  }

  .quote-page .quote-side .feature-card h3,
  .quote-page .quote-side .feature-card p{
    padding-left:18px;
    padding-right:18px;
  }

  .quote-page .quote-side .feature-card h3{
    padding-top:180px;
    margin:0 0 8px;
    font-size:1.1rem;
    line-height:1.05;
  }

  .quote-page .quote-side .feature-card p{
    padding-bottom:18px;
    font-size:.94rem;
    line-height:1.55;
    max-width:none;
  }
}