/* Feature Titles - Much Bigger Size */

/* Default - Make titles slightly smaller */
@media screen and (min-width: 768px) {
  .feature-title h3 {
    font-size: 5rem !important; /* Slightly smaller */
    font-weight: 400 !important; /* Thinner text */
    line-height: 0.8 !important;
  }
}

/* Extra large screens */
@media screen and (min-width: 1920px) {
  .feature-title h3 {
    font-size: 7.5rem !important; /* Slightly smaller */
    font-weight: 400 !important;
    line-height: 0.8 !important;
  }
}

/* Large desktops */
@media screen and (min-width: 1440px) and (max-width: 1919px) {
  .feature-title h3 {
    font-size: 6.5rem !important; /* Slightly smaller */
    font-weight: 400 !important;
    line-height: 0.8 !important;
  }
}

/* Standard desktops */
@media screen and (min-width: 1280px) and (max-width: 1439px) {
  .feature-title h3 {
    font-size: 5.75rem !important; /* Slightly smaller */
    font-weight: 400 !important;
    line-height: 0.8 !important;
  }
}

/* Small desktops */
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .feature-title h3 {
    font-size: 4.75rem !important; /* Slightly smaller */
    font-weight: 400 !important;
    line-height: 0.8 !important;
  }
}

/* Tablets landscape */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .feature-title h3 {
    font-size: 4rem !important; /* Slightly smaller */
    font-weight: 400 !important;
    line-height: 0.8 !important;
  }
}

/* Small screens */
@media screen and (min-width: 640px) and (max-width: 767px) {
  .feature-title h3 {
    font-size: 3rem !important; /* Slightly smaller */
    font-weight: 400 !important;
    line-height: 0.8 !important;
  }
}

/* Mobile screens */
@media screen and (max-width: 639px) {
  .feature-title h3 {
    font-size: 2.25rem !important; /* Slightly smaller */
    font-weight: 400 !important;
    line-height: 0.8 !important;
  }
}

/* Ensure the title fits properly */
@media screen and (min-width: 768px) {
  .feature-title {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding-left: 2rem !important;
  }

  /* Adjust container if text overflows */
  .feature-title h3 {
    white-space: nowrap !important;
    overflow: visible !important;
  }
}

/* Scale smoothly between breakpoints */
@media screen and (min-width: 768px) and (max-width: 1920px) {
  .feature-title h3 {
    /* Smooth scaling from 5rem to 8.5rem */
    font-size: clamp(5rem, 5vw + 3rem, 8.5rem) !important;
    line-height: 0.8 !important;
  }
}

/* Ensure visibility and no cutoff */
.feature-title {
  overflow: visible !important;
  z-index: 10 !important;
}

.feature-title h3 {
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}