.award {
    width: 100%;
    position: relative;
    text-align: center;
}

.award .subtitle {
    margin-bottom: 40px;
}

.award-list {
    position: relative;
    margin-left: calc(-1 * var(--px-gutter-base));
    margin-right: calc(-1 * var(--px-gutter-base));
}

.award-list:before,
.award-list:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 157px;
    z-index: 2;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.award-list:after {
    left: auto;
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

.bg-light .award-list:before {
    background: linear-gradient(to right, rgba(245, 246, 249, 1) 0%, rgba(245, 246, 249, 0) 100%);
}

.bg-light .award-list:after {
    background: linear-gradient(to right, rgba(245, 246, 249, 0) 0%, rgba(245, 246, 249, 1) 100%);
}

.award-item {
    width: 180px;
}

.award-item img {
    width: 100%;
    object-fit: contain;
    aspect-ratio: 200/150;
    object-position: center;
}

.award .swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: linear;
}

@media screen and (min-width: 768px) {
    .award .subtitle {
        margin-bottom: 80px;
    }
}

@media screen and (min-width: 1024px) {
    .award-item {
        width: 200px;
    }
}
