.inside-nav{
    display:flex;
    flex-direction:column;
    gap:2rem;
    width:100%;
}

.inside-nav-section{
    background:#ffffff;
    border-radius:12px;
    padding:1.5rem;
    box-shadow:0 2px 10px rgba(0,0,0,.06);
}

.inside-nav-section h2{
    margin:0 0 1rem 0;
    color:#14532d;
    font-size:1.25rem;
    border-bottom:2px solid #e5e7eb;
    padding-bottom:.75rem;
}

.inside-nav-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:1rem;
}

.inside-nav-card{
    display:flex;
    flex-direction:column;
    gap:.5rem;

    text-decoration:none;
    color:#1f2937;

    background:#f8fafc;
    border:1px solid #e5e7eb;
    border-radius:10px;

    padding:1rem;

    transition:all .25s ease;
}

.inside-nav-card:hover{
    transform:translateY(-4px);
    border-color:#16a34a;
    box-shadow:0 8px 24px rgba(0,0,0,.08);
}

.nav-icon{
    font-size:2rem;
}

.inside-nav-card h3{
    margin:0;
    font-size:1rem;
    color: var(--amucta-blue)
}

.inside-nav-card p{
    margin:0;
    font-size:.9rem;
    line-height:1.5;
    color:#6b7280;
}

@media (max-width:1024px){

    .inside-nav-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media (max-width:768px){

    .inside-nav{
        gap:1rem;
    }

    .inside-nav-section{
        padding:1rem;
    }

    .inside-nav-grid{
        grid-template-columns:1fr;
    }

    .inside-nav-card{
        padding:.9rem;
    }

    .inside-nav-card h3{
        font-size:.95rem;
    }

    .inside-nav-card p{
        font-size:.85rem;
    }
}

@media (max-width:480px){

    .inside-nav-section h2{
        font-size:1.1rem;
    }

    .nav-icon{
        font-size:1.7rem;
    }
}