.countries-menu-desktop {
    display: flex;
    flex-direction: column;
}

@media (max-width: 767.98px) {
    .countries-menu-desktop {
        display: grid;
        grid-template-rows: repeat(3, 1fr);
        grid-auto-flow: column;
        gap: 8px;
        overflow-x: auto;
        padding-bottom: 10px;
        -webkit-overflow-scrolling: touch;
    }

    .countries-menu-desktop .list-group-item {
        height: 100%;
        white-space: nowrap;
        border: 1px solid rgba(0, 0, 0, 0.125) !important;
        border-radius: 0.375rem !important;
    }
}