.nav-card .navigation-card {
    margin-bottom: var(--space-8);

    .slides {
        display: block;
        padding: 0;

        &::before {
            display: none;
        }

        .content-section {
            padding: var(--space-5) 0 0;
            background-color: var(--sw-key-color);
        }

           
        .slide {
            background-color: transparent;
            padding: 0;
            box-shadow: none;

            .slide-title {
                color: var(--white) !important;
                max-width: 100%;
                text-align: left;
                font-family: var(--font-bold);
                font-size: var(--text-2xl);

                a {
                    text-align: left;
                }
            }

            .info-flag {
                color: var(--white) !important;
            }
            .slide-title-text {
                color: var(--white) !important;
            }


            p {
                color: var(--white);
                text-align: left;
                font-size: var(--text-base);
                font-family: var(--font-reg);
                line-height: 1.6;
            }

            .content-upper {
                gap: 15px !important;
            }

            > .inner {
                display: flex;
                flex-direction: column;
                height: 100%;
            }
        }
    }

    @media(width >= 64em) {
        
    }
}

@media (hover: hover) {
    .nav-card .navigation-card .slides .slide-title > a:hover {
        text-decoration: underline;
        color: var(--white);
    }
}