@media(max-width:991px){
    .hero h1{font-size:2.25rem}
    .section-head h2{font-size:1.8rem}
    .dropdown-mega .dropdown-menu{padding:1rem}
  }


  @media (max-width: 991px){

    /* reduce section padding */
    .am-hero-about-section{
        padding:70px 0;
        text-align:center;
    }

    /* title scaling */
    .am-hero-about-title{
        font-size:34px;
        line-height:1.25;
    }

    /* description */
    .am-hero-about-desc{
        font-size:16px;
        margin:0 auto;
    }

    /* center features */
    .am-hero-about-features{
        justify-content:center;
        gap:15px;
    }

    /* buttons */
    .am-hero-about-section .btn{
        width:100%;
        max-width:220px;
    }

    /* stats container becomes auto height */
    .am-hero-about-stats{
        height:auto;
        margin-top:50px;
        display:flex;
        flex-direction:column;
        align-items:center;
        gap:15px;
    }

    /* remove absolute positioning (VERY IMPORTANT) */
    .am-hero-about-stat-card{
        position:relative;
        width:100%;
        max-width:320px;
        left:auto !important;
        right:auto !important;
        top:auto !important;
        bottom:auto !important;
        justify-content:center;
    }

    /* hide center circle on mobile (clean UI) */
    .am-hero-about-center-circle{
        display:none;
    }

    /* icon smaller */
    .am-hero-about-icon{
        width:45px;
        height:45px;
        font-size:18px;
    }
}