
/* CONNECTED WORKFLOW
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.clinic-workflow { background: linear-gradient(120deg, var(--clr-white), var(--clr-primary-light)); }

.clinic-workflow-visual {
   position: relative;
   max-width: 34rem;
   margin-inline: auto;
   padding-right: var(--space-xl);
   padding-bottom: var(--space-3xl);
}

.clinic-workflow-image {
   aspect-ratio: 4 / 3;
   border-radius: var(--radius-lg);
   box-shadow: var(--shadow-card);
}

.clinic-workflow-badge {
   position: absolute;
   right: 0;
   bottom: 0;
   width: 15rem;
   max-width: 80%;
}

@media (max-width: 575.98px) {
   .clinic-workflow-visual { padding-right: var(--space-md); }
   .clinic-workflow-badge { width: 13rem; }
}
