/* Feature Section - Text Size Increased by 10% total */

/* Make the text in the left div 10% bigger total (5% + 5%) */
@media screen and (min-width: 768px) {
  .feature-description p {
    font-size: 1.05rem !important; /* 1rem + 5% = 1.05rem */
    font-weight: 500 !important;
    line-height: 1.35 !important;
  }
}

/* Extra large screens */
@media screen and (min-width: 1920px) {
  .feature-description p {
    font-size: 1.155rem !important; /* 1.1rem + 5% = ~1.155rem */
    font-weight: 500 !important;
    line-height: 1.35 !important;
  }
}

/* Large desktops */
@media screen and (min-width: 1440px) and (max-width: 1919px) {
  .feature-description p {
    font-size: 1.1rem !important; /* 1.05rem + 5% = ~1.1rem */
    font-weight: 500 !important;
    line-height: 1.35 !important;
  }
}

/* Standard desktops */
@media screen and (min-width: 1280px) and (max-width: 1439px) {
  .feature-description p {
    font-size: 1.075rem !important; /* 1.025rem + 5% = ~1.075rem */
    font-weight: 500 !important;
    line-height: 1.35 !important;
  }
}

/* Small desktops */
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .feature-description p {
    font-size: 1.02rem !important; /* 0.97rem + 5% = ~1.02rem */
    font-weight: 500 !important;
    line-height: 1.3 !important;
  }
}

/* Tablets landscape */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .feature-description p {
    font-size: 0.966rem !important; /* 0.92rem + 5% = ~0.966rem */
    font-weight: 500 !important;
    line-height: 1.3 !important;
  }
}

/* Small screens */
@media screen and (min-width: 640px) and (max-width: 767px) {
  .feature-description p {
    font-size: 0.882rem !important; /* 0.84rem + 5% = 0.882rem */
    font-weight: 500 !important;
    line-height: 1.25 !important;
  }
}

/* Mobile screens */
@media screen and (max-width: 639px) {
  .feature-description p {
    font-size: 0.83rem !important; /* 0.79rem + 5% = ~0.83rem */
    font-weight: 500 !important;
    line-height: 1.2 !important;
  }
}

/* Smooth scaling between breakpoints */
@media screen and (min-width: 768px) and (max-width: 1920px) {
  .feature-description p {
    font-size: clamp(0.966rem, 0.44vw + 0.66rem, 1.155rem) !important;
    line-height: clamp(1.25, 0.1vw + 1.2, 1.35) !important;
  }
}