/* Mint Value | book-appointment-page.css | extracted without intentional visual redesign */

/* From custom_1.css | order 20 */
.steps {
  display: flex;
  justify-content: center;
  gap: 60px;
  flex-wrap: wrap;
  margin-top: 60px;
}

/* From custom_1.css | order 21 */
.step {
  flex: 1 1 280px;
  max-width: 300px;
  padding: 20px;
}

/* From custom_1.css | order 22 */
.step img {
  width: 120px;
  height: 120px;
  margin-bottom: 25px;
}

/* From custom_1.css | order 23 */
.step h2 {
  font-size: 20px;
  margin-bottom: 15px;
  color: #222;
}

/* From custom_1.css | order 24 */
.step p {
  font-size: 16px;
  color: #555;
  line-height: 1.6;
}

/* From custom_1.css | order 35 */
.mv-appointment__subtitle {
  font-weight: 500;
  font-size: 24px;
  color: var(--primary);
  width: fit-content;
  padding: 0 23px 7px;
  text-transform: uppercase;
  margin: 0 auto 30px;
}

/* From custom_1.css | order 36 */
.mv-steps-row {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  margin-top: 20px;
}

/* From custom_1.css | order 37 */
.mv-step {
  flex: 1;
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

/* From custom_1.css | order 38 */
.mv-step .step-num {
  font-weight: 800;
  font-size: 56px;
  line-height: 1;
  color: var(--primary, #1b2e47);
  flex: 0 0 auto;
}

/* From custom_1.css | order 92.0 */
@media (max-width: 768px) {
.mv-steps-row {
    flex-direction: column;
    gap: 20px;
  }
}

/* From custom_1.css | order 92.1 */
@media (max-width: 768px) {
.calendly-inline-widget.calendly-mobile {
    height: 1000px !important;
  }
}

/* From custom_1.css | order 93.0 */
@media (max-width: 640px) {
.mv-step .step-text { 
    font-size: clamp(1.05rem, 0.95rem + 0.8vw, 1.4rem); 
  }
}
