/* Small Mobile - up to 575px */

@media (min-width: 1000px) {}



/* Mobile Navigation Fix - Keep buttons horizontal */

@media (max-width: 991px) {

    .navbar-nav {

        flex-direction: row !important;

        align-items: center !important;

        gap: 0.5rem;

        justify-content: center;

        flex-wrap: wrap;

    }

    .video_top {
        min-height: 230px;
    }

    .navbar-nav .nav-link {

        font-size: 0.85rem;

        padding: 0.5rem 0.75rem;

        white-space: nowrap;

    }

    

    .navbar-nav .btn {

        font-size: 0.85rem;

        padding: 0.5rem 1rem;

        white-space: nowrap;

    }

    

    .navbar-nav .contact-link {

        margin-right: 0.5rem !important;

    }

}



/* Small Mobile - up to 575px */

@media (max-width: 1000px) {

    .phone-mockups img {

        width: 100%;

    }

    .testimonials-container::after {

        opacity: 0.5;

    }

    .footer-section {

    background: #ffffff;

    padding: 4rem 1rem 2rem;

    border-top: 1px solid #f3f4f6;

}

.hero-section .lead {

    font-family: 'Inter', sans-serif;

    font-size: 1.225rem;

    color: #6b7280;

    font-weight: 400;

    line-height: 1.6;

    max-width: 900px;

    margin-left: auto;

    margin-right: auto;

}

    .phone-mockups {

        height: 240px;

        margin-top: 3rem;

    }



    .play_buttons {

        cursor: pointer;

        width: 170px;

    }



    .cta-content {

        text-align: center;

        padding: 30px;

    }



    .download-buttons.ll {

        justify-content: center;

    }



    .footer-logo-icon img {

        width: 180px;

    }



    .logo-badge {

        color: #1f2937;

        border-radius: 20px;

        font-weight: 600;

        font-size: 14px;

        display: flex;

        width: 180px;

        align-items: center;

    }

    .input_holder input {
        width: 100%;
    }


    .input_holder button {
        width: 100%;
        margin: 10px 0px;
        z-index: 50 !important;
    }

}