/*========================

MOBILE

========================*/

@media(max-width:991px) {

    .nav-menu {

        display: none;

    }

    .nav-right {

        display: none;

    }

    .menu-btn {

        display: block;

    }

    .logo img {

        height: 48px;

    }

    .navbar {

        height: 70px;

    }

}

@media(max-width:991px) {

    .hero {

        padding: 50px 0;

    }

    .hero-wrapper {

        grid-template-columns: 1fr;

    }

    .hero h1 {

        font-size: 34px;

    }

    .hero-features {

        grid-template-columns: 1fr;

    }

    .hero-buttons {

        flex-direction: column;

    }

    .primary-btn,

    .secondary-btn {

        text-align: center;

    }

    .hero-form-card {

        margin-top: 20px;

    }

}

@media(max-width:991px) {

    .different-grid {

        grid-template-columns: 1fr;

    }

    .section-title h2 {

        font-size: 30px;

    }

    .different-card {

        padding: 30px;

    }

}


@media(max-width:991px) {

    .privacy-wrapper {

        grid-template-columns: 1fr;

    }

    .privacy-content h2 {

        font-size: 30px;

    }

}

@media(max-width:991px) {

    .process-grid {

        grid-template-columns: 1fr;

    }

}

@media(max-width:991px) {

    .trust-grid {

        grid-template-columns: repeat(2, 1fr);

    }

}

@media(max-width:600px) {

    .trust-grid {

        grid-template-columns: 1fr;

    }

}

@media(max-width:768px) {

    .faq-item {

        padding: 25px;

    }

}

@media(max-width:768px) {

    .cta-box h2 {

        font-size: 32px;

    }

    .cta-buttons {

        flex-direction: column;

    }

    .cta-features {

        flex-direction: column;

        align-items: center;

    }

}

@media(max-width:991px) {

    .footer-grid {

        grid-template-columns: 1fr;

        text-align: center;

    }

}

@media (max-width: 768px) {

    .navbar {
        position: relative;
        height: 70px;
    }

    .menu-btn {
        display: block;
        position: relative;
        z-index: 1002;
    }

    /* Main mobile dropdown */
    .nav-menu {
        display: none;
        position: absolute;
        top: 70px;
        left: 0;
        width: 100%;

        background: #ffffff;

        flex-direction: column;
        gap: 0;

        padding: 10px 0;

        border-top: 1px solid #eee;

        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);

        z-index: 1000;
    }

    .nav-menu.active {
        display: flex;
    }

    .nav-menu a {
        width: 100%;
        padding: 14px 25px;

        color: #444;

        font-size: 15px;
        font-weight: 500;

        border-bottom: 1px solid #f3f3f3;
    }

    .nav-menu a:last-child {
        border-bottom: none;
    }

    .nav-menu a:hover {
        background: #faf7ff;
        color: #7c3aed;
    }


    /* Login + Register */
    .nav-right {
        display: none;
    }

    .nav-right.active {
        display: flex;

        position: absolute;

        top: calc(70px + 305px);
        left: 0;

        width: 100%;

        background: #ffffff;

        padding: 15px 25px 20px;

        flex-direction: column;
        gap: 10px;

        border-top: 1px solid #eee;

        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);

        z-index: 1001;
    }

    .nav-right.active .login-btn,
    .nav-right.active .register-btn {
        width: 100%;
        text-align: center;
    }

}