/* ✅ Global base font size scaling */
html {
  font-size: clamp(13px, 1.1vw, 14px);
}

body {
  line-height: 1.6;
  font-family: sans-serif;
}
 

/* ✅ Button & nav text scaling */
.navbar a,
.btn,
button {
  font-size: clamp(0.85rem, 1vw, 1.125rem) !important;
}

/* ✅ Mobile-specific tweaks */
@media (max-width: 768px) {
  .mbr-section-title span {
    font-size: 1.75rem !important;
  }

  .carousel-caption .mbr-section-title {
    font-size: 2rem !important;
  }

  .features5 .card-img {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
}

/* ✅ Optional: text shadow for hero text (example section ID) */
.cid-uPpVJdI2vA .mbr-white,
.cid-uPpVJdI2vA .mbr-section-title,
.cid-uPpVJdI2vA .mbr-section-subtitle,
.cid-uPpVJdI2vA .mbr-text {
  text-shadow: 4px 4px 6px rgba(0, 0, 0, 0.6);
}


@media (max-width: 768px) {
  /* Target the main title inside header2-3l section */
  #header2-3l .mbr-section-title {
    font-size: 2.5rem !important;
  }
}