@media (max-width: 380px){
    .banner-section{
        height:92vh !important;
    }
    .banner-section h1{
        font-size: 30px !important;
    }
    
}
@media (max-width: 575.98px){
    .banner-section{
        padding-top: 0;
        margin-top: 0;
        height:82vh;
    }
    .banner-section h1{
        font-size: 40px;
    }
    .banner-section p{
        font-size: 16px;
    }
    .banner-btns{
        flex-direction: column;
        justify-content: center;
    }
    .navbar-light .navbar-toggler{
        border: none !important;
    }
    .navbar-light .navbar-toggler-icon{
        filter: invert(1) !important;
        width: 40px !important;
    }
    .navbar-light .navbar-toggler:focus,
    .navbar-light .navbar-toggler:focus-visible{
        outline: none !important;
        box-shadow: none !important;
        border: none !important;
    }
    .navbar-light .navbar-nav .nav-link{
        display: inline-block;
    }
    .counter-section .main-item{ 
        grid-template-columns: repeat(2, 1fr); 
    }
    .counter-section .item{
        text-align: center;
        margin-bottom: 20px;
    }
    .counter-section .item h3{
        font-size: 26px;
    }
    .counter-section .item p{
        font-size: 10px;
    }
    .counter-section .main-item .item:nth-child(5){
        grid-column: 1 / -1;
        justify-self: center;
        max-width: 300px;
        width: 100%;
        margin-bottom: 0;
    }

    .section-title h2{
        font-size: 30px;
    }
    .section-title2 h2{
        font-size: 30px;
    }

    .about-img img{
        width: 100%;
        height: 200px;
        object-fit: cover;
    }

    .infrastructure-section .item::after{
        display: none;
    }
    .market-opportunity .main-box .nav-tabs{
        justify-content: center;
    }
    .market-opportunity .tab-content .content{
        padding: 20px;
    }
    .market-opportunity .tab-content .content .box{
        padding: 12px;
    }
    .market-opportunity .tab-content .content .box h4{
        font-size: 14px;
    }
    .cta-section .content h2{
        font-size: 40px;
    }

    .how-ufm-works .nav-pills{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    } 
    .how-ufm-works .nav-pills .nav-link.active{
        padding: 8px 12px !important;
    }
    .how-ufm-works .nav-pills .nav-link{
        padding: 8px 12px !important;
        gap: 10px;
    }
    .how-ufm-works .nav-pills .nav-link .head{
        text-align: left;
        display: flex;
        flex-direction: column;
        gap: 3px;
    }
    .how-ufm-works .nav-pills .nav-link .head h6{
        font-size: 12px;
    }
    .how-ufm-works .nav-pills .nav-link .head span{
        font-size: 10px;
    }
    .how-ufm-works .tab-content img{
        height:280px;
    }

    #about-hero h1{
        font-size: 32px;
    }
    #infra-hero h1{
        font-size: 32px;
    }
    #solutions-hero h1{
        font-size: 32px;
    }
    .stat-card .stat-num{
        font-size: 1.6rem;
    }
    #market-hero{
        padding: 60px 0 80px;
    }
    #market-hero h1{
        font-size: 32px;
    }
    #investors-hero h1{
        font-size: 32px;
    }
    #bm-hero h1{
        font-size: 32px;
    }
    .scs-badge{
        font-size: 8px;
    }
    .stat-card .stat-value{
        font-size: 20px;
    }
    .technology-section .item .content span{
        font-size:12px;
    }
}