/* === BANNERS SECTION === */
.section_banners { padding: 25px 0; background: var(--white-bg); }
.banner-item { padding: 10px; }
.banner-item a { display: block; overflow: hidden; border-radius: 8px; }
.banner-item img { width: 100%; display: block; transition: transform 0.5s; }
.banner-item a:hover img { transform: scale(1.03); }

@media (max-width: 767px) {
    .section_banners { padding: 20px 0; }
    .section_banners .row {
        flex-wrap: nowrap;
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
        margin: 0;
        gap: 24px;
    }
    .section_banners .row::-webkit-scrollbar { display: none; }
    .section_banners .banner-item {
        padding: 0;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
}