.providers-state-city-grid {}

    .sfg_location_filter--wrapper {
        margin-bottom: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .sfg_location_filter--wrapper label {
            margin-right: 30px;
            font-weight: 600;
        }

        .sfg_location_filter--wrapper > div {
            position: relative;
            width: 200px;
        }

        .sfg_location_filter--wrapper > div::after {
            display: inline-block;
            position: absolute;
            top: 14px;
            right: 14px;
            content: '';
            width: 12px;
            height: 12px;
            border-right: #000 1px solid;
            border-bottom: #000 1px solid;
            transform: rotate(45deg);
        }

            .sfg_location_filter--wrapper > div select {
                appearance: none;
                cursor: pointer;
                outline: none;
                margin: 0;
                padding: 0.75em 0.5em;
                width: 100%;
                font-family: inherit;
                font-size: inherit;
                line-height: inherit;
                background-color: #fff;
                border: #cbcbcb 1px solid;
            }

    .providers-state-city-grid .providers-state-city-grid--list {
        margin: 0 0 0;
        padding: 0;
    }

    .providers-state-city-grid .providers-state-city-grid--list.filtered {
        margin: 0 auto;
        width: 134px;
    }

    .providers-state-city-grid .providers-state-city-grid--list:not(.filtered) {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    @media (min-width: 768px) {
        .providers-state-city-grid .providers-state-city-grid--list:not(.filtered) {
            grid-template-columns: repeat(4, 1fr);
        }
    }

    @media (min-width: 1200px) {
        .providers-state-city-grid .providers-state-city-grid--list:not(.filtered) {
            grid-template-columns: repeat(5, 1fr);
        }
    }

        .providers-state-city-grid ul li {
            margin-left: 0;
            list-style: none;
        }

        .providers-state-city-grid ul li.hidden {
            display: none;
        }

        @media (max-width: 767px) {
            .providers-state-city-grid .providers-state-city-grid--list:not(.filtered) > li:nth-child(n+9) {
                display: none;
            }
        }

            .providers-state-city-grid .providers-state-city-grid--list li a {
                color: #000;
                text-decoration: none;
            }

            .providers-state-city-grid .providers-state-city-grid--list li .state-name {
                font-weight: 700;
                text-transform: uppercase;
            }

            .providers-state-city-grid .providers-state-city-grid--list li a:hover {
                text-decoration: underline;
            }

            .providers-state-city-grid .providers-state-city-grid--list li .state-name:hover {
                color: #EB2A35;
            }

                .providers-state-city-grid ul li ul {
                    margin: 0.75em 0 0;
                    padding: 0;
                }

                    .providers-state-city-grid ul li ul li {
                        margin: 0 0 0.75em;
                    }

    .providers-state-city-grid .providers-state-city-grid--show-more {
        margin-top: 16px;
        text-align: center;
    }

    @media (min-width: 768px) {
        .providers-state-city-grid .providers-state-city-grid--show-more {
            display: none !important;
        }
    }

        .providers-state-city-grid .providers-state-city-grid--show-more button {
            color: #000;
            font-size: 14px;
            background: #f1f1f1;
            border-color: #6B6969;
        }

        .providers-state-city-grid .providers-state-city-grid--show-more button:focus,
        .providers-state-city-grid .providers-state-city-grid--show-more button:hover {
            color: #fff;
            background: var(--primary-one);
            border-color: var(--primary-one);
        }
