@media(max-width:991px){
    .text-content{
        width: 100%;
    }
    .navigation-wrap .navbar-brand img{
        height: 3.8125rem;
    }
    .navigation-wrap{
        text-align: center;
        background-color: var(--white-color);
    }
    .navigation-wrap .nav-link{
        line-height: 1.875rem;
    }
    .top-banner{
        padding:9.375rem 0 9.375rem;
    }
    .testimonial-section .carousel-item .carousel-caption p{
        padding: 0;
    }
}

@media (max-width: 767px){
    h1{
        font-size: 2.8rem;
    }
    h2{
        font-size: 2rem;
        line-height: 2.0625rem;
    }
    .top-banner{
        padding: 10.875rem 0 9.375rem;
    }
    .story-section{
        height: auto;
        padding: 3rem 0;
    }
    .testimonial-section .carousel-item{
        padding: 11rem 3.125rem;
    }
    
    .footer .footer-link,
    .footer a i{
        padding: 0 0.7rem;
    }

    /* Footer cards stack to single column on mobile */
    .footer-card{
        margin-bottom: 0;
    }
    .footer-brand{
        font-size: 1.3rem;
    }
    /* Nav button grid collapses to 1-col on small phones */
    .footer-nav-grid{
        grid-template-columns: 1fr;
    }
    /* Quote button full width already, just ensure font size */
    .footer-quote-btn{
        font-size: 0.95rem;
        padding: 0.8rem 1.25rem;
    }
    
    .newsletter .main-btn{
        width: 100%;
        margin-top: 1rem;
    }
    
}

@media (max-width: 330px){
    .testimonial-section .carousel-item{
        padding: 13rem 3.125rem;
    }
}