nav > div > div > div > div > a,
nav > div > div > div > a,
nav > div > div > div > div > p,
nav .fa-bars {
    color: var(--white);
}

header {
    position:relative;
    z-index: 10;
}

#dealer {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    margin: 80px auto;
    width: 85%;
    max-width: 1000px;
}


#dealer-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(358px, 1fr));
    gap: 1.5rem;
    width: 100%;
}

    #dealer-container > div {
        padding: 2rem;
        background: var(--bg-gray);
        border: 1px solid #80808063;
        border-radius: 7px;
        display: flex;
        flex-direction: column;
        gap: 11px;
    }

        #dealer-container > div > h5 {
            font-weight: bold;
            color: var(--red);
            font-size: 16px;
        }

        #dealer-container > div > b {
            font-weight: bold;
        }

        #dealer-container > div > p {
            border-top: 1px solid #8080806e;
            padding-top: 1rem;
            margin-top: 1rem;
        }

        #dealer-container > div > div {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

            #dealer-container > div > div > p {
            }

                #dealer-container > div > div > p > i {
                }


@media(max-width:600px) {
    #dealer-container {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    nav > div > div > div > div > a,
    nav > div > div > div > a,
    nav > div > div > div > div > p{
        color: var(--black);
    }
}