/* =========================================================
   COMPANY GALLERY
========================================================= */

.company-gallery {
    width: 100%;

    margin: 0 auto;

    padding: 10px 0 30px;

    box-sizing: border-box;
}


/* =========================================================
   GALLERY INNER
========================================================= */

.company-gallery__inner {
    width: 100%;

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 16px;

    box-sizing: border-box;
}


/* =========================================================
   GALLERY ITEM
========================================================= */

.company-gallery__item {
    width: 100%;

    aspect-ratio: 1.55 / 1;

    overflow: hidden;

    background: #f5f5f5;

    box-sizing: border-box;
}


/* =========================================================
   IMAGE
========================================================= */

.company-gallery__item img {
    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

    transition: transform 0.3s ease;
}


/* =========================================================
   HOVER
========================================================= */

.company-gallery__item:hover img {
    transform: scale(1.03);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .company-gallery {
        padding: 35px 0 60px;
    }


    .company-gallery__inner {
        grid-template-columns: repeat(3, 1fr);

        gap: 14px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .company-gallery {
        padding: 30px 0 50px;
    }


    .company-gallery__inner {
        grid-template-columns: repeat(2, 1fr);

        gap: 12px;
    }


    .company-gallery__item {
        aspect-ratio: 1.4 / 1;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 400px) {

    .company-gallery__inner {
        gap: 10px;
    }

}