/* Fix right-side gap / horizontal overflow on mobile */
@media (max-width: 991px) {
    html,
    body {
        overflow-x: hidden;
        max-width: 100%;
    }

    .banner-block,
    .block-news {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .row.banner-block {
        --bs-gutter-x: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .container,
    .container.page {
        padding-left: 12px;
        padding-right: 12px;
        max-width: 100%;
    }

    .header-content {
        gap: 12px;
    }

    .header .container {
        padding-left: 12px;
        padding-right: 12px;
    }
}

@media (max-width: 767px) {
    #services > .list {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        height: auto !important;
        overflow: visible !important;
        gap: 8px !important;
        justify-content: space-between !important;
        margin-bottom: 0 !important;
    }

    body #services > .list > .item,
    #services > .list > .item {
        width: calc(50% - 4px) !important;
        margin: 0 !important;
        box-sizing: border-box;
    }

    body {
        padding-bottom: 64px;
    }
}