/* Gradient container */
.bg-gradient-to-br {
  background-image: linear-gradient(
    to bottom right,
    hsl(var(--navy)),
    hsl(var(--navy-dark))
  );
}
.bg-gradient-to-br {
  background-image: linear-gradient(
    to bottom right,
    var(--tw-gradient-stops)
  );
}

/* Start color */
.from-navy {
  --tw-gradient-from: hsl(var(--navy));
  --tw-gradient-to: hsl(var(--navy) / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

/* End color */
.to-navy-dark {
  --tw-gradient-to: hsl(var(--navy-dark));
}
.bg-foreground-card{

  position:relative;
  overflow:hidden;

  max-width:660px;
  width:100%;

  padding:1rem 2rem;
  text-align: center;
  border-radius:20px;
  background-color: hsl(var(--primary-foreground) / .06);

  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);

  border:1px solid rgba(197,171,103,.25);

  box-shadow:
  0 15px 45px rgba(0,0,0,.45),
  inset 0 0 0 1px rgba(255,255,255,.03);
}


  /* =========================
   Block 4 Avis Google
========================= */

    .title-underline {
      width: 3rem;
      height: .125rem;
    }


/* Quote Icon */
.quote-icon-avis {
    position: absolute;
    top: 2px;
    right: 18px;
    color: hsl(var(--accent) / .3);
}
/* Left circle icon with text */
.icon-text-bg {
    border-radius: 50%;
    background-color: hsl(var(--accent) / .1);
    transition: all 0.25s ease;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: hsl(var(--accent));
    font-size: 14px;
}
/* Right radius icon google */
.icon-avis-bg {
    font-size: 10px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    background-color: hsl(var(--accent) / .1);
    color: hsl(var(--accent));
    padding: 5px 8px;
    border-radius: 6px;
}
.avis-google-link:hover{
  color: hsl(var(--accent-color-hls) / .8) !important;
}

.process-item {
    position: relative;
}

@media (min-width: 992px) {

    .process-item::after {
        content: "";
        position: absolute;
        top: 48px;          /* Align with icon center */
        left: 50%;
        width: 100%;
        height: 1px;
        background: #dee2e6;
        z-index: 0;
    }

    .process-item:last-child::after {
        display: none;
    }

    .process .card {
        position: relative;
        z-index: 1;
        background: #fff;
    }
}