@media (max-width: 992px) { 
    .navbar-collapse {
        background: rgba(0, 0, 0, 0.95);
        padding: 1rem;
        border-radius: 8px;
        margin-top: 1rem;
    }
    
    .navbar-nav .nav-item {
        margin: 0.5rem 0;
    }
}



@media (max-width: 576px) { 
    .feature{
        padding: 0 3rem .5rem!important
    }

    section {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}
.benifits{
    text-align: center !important;
}
.habits{
    text-align: center !important;
}

.testimonials 
.display-5 {
    text-align: center !important;
}

.testimonials 
.text-secondary {
    text-align: center !important;
}  

    .testimonials .card {
        margin-bottom: 2rem !important;
    }

.top-header-gap {
    margin-top: 0rem !important;
}

.benifits {
    background-color: #2E2E2E !important;
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
}

.logo-footer{
    width: 175px;;
}

.app-store-buttons img{
  width:150px !important;
}
.scroll-header{
    padding: auto!important;
}
.container{
    padding-left: 20px !important;
    padding-right: 20px !important;
}

 }